dictate-button 1.1.0 → 1.1.2

package/dist/dictate-button.js

@@ -1,47 +1,47 @@
-const yt = (t, e) => t === e, j = {
-  equals: yt
+const pt = (t, e) => t === e, B = {
+  equals: pt
 };
-let _t = at;
-const m = 1, B = 2, nt = {
+let gt = lt;
+const C = 1, R = 2, et = {
   owned: null,
   cleanups: null,
   context: null,
   owner: null
 };
-var y = null;
-let V = null, wt = null, p = null, g = null, S = null, F = 0;
-function Ct(t, e) {
-  const n = p, s = y, r = t.length === 0, o = e === void 0 ? s : e, l = r ? nt : {
+var b = null;
+let z = null, bt = null, p = null, g = null, w = null, L = 0;
+function yt(t, e) {
+  const n = p, s = b, r = t.length === 0, o = e === void 0 ? s : e, l = r ? et : {
     owned: null,
     cleanups: null,
     context: o ? o.context : null,
     owner: o
   }, i = r ? t : () => t(() => G(() => E(l)));
-  y = l, p = null;
+  b = l, p = null;
   try {
-    return k(i, !0);
+    return x(i, !0);
   } finally {
-    p = n, y = s;
+    p = n, b = s;
   }
 }
-function rt(t, e) {
-  e = e ? Object.assign({}, j, e) : j;
+function nt(t, e) {
+  e = e ? Object.assign({}, B, e) : B;
   const n = {
     value: t,
     observers: null,
     observerSlots: null,
     comparator: e.equals || void 0
-  }, s = (r) => (typeof r == "function" && (r = r(n.value)), ot(n, r));
-  return [st.bind(n), s];
+  }, s = (r) => (typeof r == "function" && (r = r(n.value)), st(n, r));
+  return [rt.bind(n), s];
 }
-function R(t, e, n) {
-  const s = it(t, e, !1, m);
-  L(s);
+function I(t, e, n) {
+  const s = ot(t, e, !1, C);
+  K(s);
 }
-function St(t, e, n) {
-  n = n ? Object.assign({}, j, n) : j;
-  const s = it(t, e, !0, 0);
-  return s.observers = null, s.observerSlots = null, s.comparator = n.equals || void 0, L(s), st.bind(s);
+function _t(t, e, n) {
+  n = n ? Object.assign({}, B, n) : B;
+  const s = ot(t, e, !0, 0);
+  return s.observers = null, s.observerSlots = null, s.comparator = n.equals || void 0, K(s), rt.bind(s);
 }
 function G(t) {
   if (p === null) return t();
@@ -53,12 +53,12 @@ function G(t) {
     p = e;
   }
 }
-function st() {
+function rt() {
   if (this.sources && this.state)
-    if (this.state === m) L(this);
+    if (this.state === C) K(this);
     else {
       const t = g;
-      g = null, k(() => I(this), !1), g = t;
+      g = null, x(() => D(this), !1), g = t;
     }
   if (p) {
     const t = this.observers ? this.observers.length : 0;
@@ -66,37 +66,37 @@ function st() {
   }
   return this.value;
 }
-function ot(t, e, n) {
+function st(t, e, n) {
   let s = t.value;
-  return (!t.comparator || !t.comparator(s, e)) && (t.value = e, t.observers && t.observers.length && k(() => {
+  return (!t.comparator || !t.comparator(s, e)) && (t.value = e, t.observers && t.observers.length && x(() => {
     for (let r = 0; r < t.observers.length; r += 1) {
-      const o = t.observers[r], l = V && V.running;
-      l && V.disposed.has(o), (l ? !o.tState : !o.state) && (o.pure ? g.push(o) : S.push(o), o.observers && ct(o)), l || (o.state = m);
+      const o = t.observers[r], l = z && z.running;
+      l && z.disposed.has(o), (l ? !o.tState : !o.state) && (o.pure ? g.push(o) : w.push(o), o.observers && at(o)), l || (o.state = C);
     }
     if (g.length > 1e6)
       throw g = [], new Error();
   }, !1)), e;
 }
-function L(t) {
+function K(t) {
   if (!t.fn) return;
   E(t);
-  const e = F;
-  mt(t, t.value, e);
+  const e = L;
+  wt(t, t.value, e);
 }
-function mt(t, e, n) {
+function wt(t, e, n) {
   let s;
-  const r = y, o = p;
-  p = y = t;
+  const r = b, o = p;
+  p = b = t;
   try {
     s = t.fn(e);
   } catch (l) {
-    return t.pure && (t.state = m, t.owned && t.owned.forEach(E), t.owned = null), t.updatedAt = n + 1, ut(l);
+    return t.pure && (t.state = C, t.owned && t.owned.forEach(E), t.owned = null), t.updatedAt = n + 1, ct(l);
   } finally {
-    p = o, y = r;
+    p = o, b = r;
   }
-  (!t.updatedAt || t.updatedAt <= n) && (t.updatedAt != null && "observers" in t ? ot(t, s) : t.value = s, t.updatedAt = n);
+  (!t.updatedAt || t.updatedAt <= n) && (t.updatedAt != null && "observers" in t ? st(t, s) : t.value = s, t.updatedAt = n);
 }
-function it(t, e, n, s = m, r) {
+function ot(t, e, n, s = C, r) {
   const o = {
     fn: t,
     state: s,
@@ -106,60 +106,60 @@ function it(t, e, n, s = m, r) {
     sourceSlots: null,
     cleanups: null,
     value: e,
-    owner: y,
-    context: y ? y.context : null,
+    owner: b,
+    context: b ? b.context : null,
     pure: n
   };
-  return y === null || y !== nt && (y.owned ? y.owned.push(o) : y.owned = [o]), o;
+  return b === null || b !== et && (b.owned ? b.owned.push(o) : b.owned = [o]), o;
 }
-function lt(t) {
+function it(t) {
   if (t.state === 0) return;
-  if (t.state === B) return I(t);
+  if (t.state === R) return D(t);
   if (t.suspense && G(t.suspense.inFallback)) return t.suspense.effects.push(t);
   const e = [t];
-  for (; (t = t.owner) && (!t.updatedAt || t.updatedAt < F); )
+  for (; (t = t.owner) && (!t.updatedAt || t.updatedAt < L); )
     t.state && e.push(t);
   for (let n = e.length - 1; n >= 0; n--)
-    if (t = e[n], t.state === m)
-      L(t);
-    else if (t.state === B) {
+    if (t = e[n], t.state === C)
+      K(t);
+    else if (t.state === R) {
       const s = g;
-      g = null, k(() => I(t, e[0]), !1), g = s;
+      g = null, x(() => D(t, e[0]), !1), g = s;
     }
 }
-function k(t, e) {
+function x(t, e) {
   if (g) return t();
   let n = !1;
-  e || (g = []), S ? n = !0 : S = [], F++;
+  e || (g = []), w ? n = !0 : w = [], L++;
   try {
     const s = t();
-    return At(n), s;
+    return Ct(n), s;
   } catch (s) {
-    n || (S = null), g = null, ut(s);
+    n || (w = null), g = null, ct(s);
   }
 }
-function At(t) {
-  if (g && (at(g), g = null), t) return;
-  const e = S;
-  S = null, e.length && k(() => _t(e), !1);
+function Ct(t) {
+  if (g && (lt(g), g = null), t) return;
+  const e = w;
+  w = null, e.length && x(() => gt(e), !1);
 }
-function at(t) {
-  for (let e = 0; e < t.length; e++) lt(t[e]);
+function lt(t) {
+  for (let e = 0; e < t.length; e++) it(t[e]);
 }
-function I(t, e) {
+function D(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 === m ? s !== e && (!s.updatedAt || s.updatedAt < F) && lt(s) : r === B && I(s, e);
+      r === C ? s !== e && (!s.updatedAt || s.updatedAt < L) && it(s) : r === R && D(s, e);
     }
   }
 }
-function ct(t) {
+function at(t) {
   for (let e = 0; e < t.observers.length; e += 1) {
     const n = t.observers[e];
-    n.state || (n.state = B, n.pure ? g.push(n) : S.push(n), n.observers && ct(n));
+    n.state || (n.state = R, n.pure ? g.push(n) : w.push(n), n.observers && at(n));
   }
 }
 function E(t) {
@@ -186,19 +186,19 @@ function E(t) {
   }
   t.state = 0;
 }
-function vt(t) {
+function St(t) {
   return t instanceof Error ? t : new Error(typeof t == "string" ? t : "Unknown error", {
     cause: t
   });
 }
-function ut(t, e = y) {
-  throw vt(t);
+function ct(t, e = b) {
+  throw St(t);
 }
-function P(t, e) {
+function M(t, e) {
   return G(() => t(e || {}));
 }
-const M = (t) => St(() => t());
-function xt(t, e, n) {
+const N = (t) => _t(() => t());
+function mt(t, e, n) {
   let s = n.length, r = e.length, o = s, l = 0, i = 0, a = e[r - 1].nextSibling, u = null;
   for (; l < r || i < o; ) {
     if (e[l] === n[i]) {
@@ -219,26 +219,26 @@ function xt(t, e, n) {
     } else {
       if (!u) {
         u = /* @__PURE__ */ new Map();
-        let b = i;
-        for (; b < o; ) u.set(n[b], b++);
+        let _ = i;
+        for (; _ < o; ) u.set(n[_], _++);
       }
       const f = u.get(e[l]);
       if (f != null)
         if (i < f && f < o) {
-          let b = l, w = 1, C;
-          for (; ++b < r && b < o && !((C = u.get(e[b])) == null || C !== f + w); )
-            w++;
-          if (w > f - i) {
-            const K = e[l];
-            for (; i < f; ) t.insertBefore(n[i++], K);
+          let _ = l, v = 1, T;
+          for (; ++_ < r && _ < o && !((T = u.get(e[_])) == null || T !== f + v); )
+            v++;
+          if (v > f - i) {
+            const $ = e[l];
+            for (; i < f; ) t.insertBefore(n[i++], $);
           } else t.replaceChild(n[i++], e[l++]);
         } else l++;
       else e[l++].remove();
     }
   }
 }
-const Z = "_$DX_DELEGATE";
-function T(t, e, n, s) {
+const J = "_$DX_DELEGATE";
+function k(t, e, n, s) {
   let r;
   const o = () => {
     const i = document.createElement("template");
@@ -246,18 +246,18 @@ function T(t, e, n, s) {
   }, l = () => (r || (r = o())).cloneNode(!0);
   return l.cloneNode = l, l;
 }
-function Et(t, e = window.document) {
-  const n = e[Z] || (e[Z] = /* @__PURE__ */ new Set());
+function At(t, e = window.document) {
+  const n = e[J] || (e[J] = /* @__PURE__ */ new Set());
   for (let s = 0, r = t.length; s < r; s++) {
     const o = t[s];
-    n.has(o) || (n.add(o), e.addEventListener(o, Tt));
+    n.has(o) || (n.add(o), e.addEventListener(o, Et));
   }
 }
-function ft(t, e, n) {
+function ut(t, e, n) {
   n == null ? t.removeAttribute(e) : t.setAttribute(e, n);
 }
-function kt(t, e, n) {
-  if (!e) return n ? ft(t, "style") : e;
+function vt(t, e, n) {
+  if (!e) return n ? ut(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 = {});
@@ -268,11 +268,11 @@ function kt(t, e, n) {
     r = e[o], r !== n[o] && (s.setProperty(o, r), n[o] = r);
   return n;
 }
-function x(t, e, n, s) {
-  if (n !== void 0 && !s && (s = []), typeof e != "function") return D(t, e, s, n);
-  R((r) => D(t, e(), r, n), s);
+function A(t, e, n, s) {
+  if (n !== void 0 && !s && (s = []), typeof e != "function") return F(t, e, s, n);
+  I((r) => F(t, e(), r, n), s);
 }
-function Tt(t) {
+function Et(t) {
   let e = t.target;
   const n = `$$${t.type}`, s = t.target, r = t.currentTarget, o = (a) => Object.defineProperty(t, "target", {
     configurable: !0,
@@ -306,7 +306,7 @@ function Tt(t) {
   } else i();
   o(s);
 }
-function D(t, e, n, s, r) {
+function F(t, e, n, s, r) {
   for (; typeof n == "function"; ) n = n();
   if (e === n) return n;
   const o = typeof e, l = s !== void 0;
@@ -315,30 +315,30 @@ function D(t, e, n, s, r) {
       return n;
     if (l) {
       let i = n[0];
-      i && i.nodeType === 3 ? i.data !== e && (i.data = e) : i = document.createTextNode(e), n = A(t, n, s, i);
+      i && i.nodeType === 3 ? i.data !== e && (i.data = e) : i = document.createTextNode(e), n = S(t, n, s, i);
     } else
       n !== "" && typeof n == "string" ? n = t.firstChild.data = e : n = t.textContent = e;
   } else if (e == null || o === "boolean")
-    n = A(t, n, s);
+    n = S(t, n, s);
   else {
     if (o === "function")
-      return R(() => {
+      return I(() => {
         let i = e();
         for (; typeof i == "function"; ) i = i();
-        n = D(t, i, n, s);
+        n = F(t, i, n, s);
       }), () => n;
     if (Array.isArray(e)) {
       const i = [], a = n && Array.isArray(n);
       if (H(i, e, n, r))
-        return R(() => n = D(t, i, n, s, !0)), () => n;
+        return I(() => n = F(t, i, n, s, !0)), () => n;
       if (i.length === 0) {
-        if (n = A(t, n, s), l) return n;
-      } else a ? n.length === 0 ? Q(t, i, s) : xt(t, n, i) : (n && A(t), Q(t, i));
+        if (n = S(t, n, s), l) return n;
+      } else a ? n.length === 0 ? Z(t, i, s) : mt(t, n, i) : (n && S(t), Z(t, i));
       n = i;
     } else if (e.nodeType) {
       if (Array.isArray(n)) {
-        if (l) return n = A(t, n, s, e);
-        A(t, n, null, e);
+        if (l) return n = S(t, n, s, e);
+        S(t, n, null, e);
       } else n == null || n === "" || !t.firstChild ? t.appendChild(e) : t.replaceChild(e, t.firstChild);
       n = e;
     }
@@ -366,10 +366,10 @@ function H(t, e, n, s) {
   }
   return r;
 }
-function Q(t, e, n = null) {
+function Z(t, e, n = null) {
   for (let s = 0, r = e.length; s < r; s++) t.insertBefore(e[s], n);
 }
-function A(t, e, n, s) {
+function S(t, e, n, s) {
   if (n === void 0) return t.textContent = "";
   const r = s || document.createTextNode("");
   if (e.length) {
@@ -384,35 +384,35 @@ function A(t, e, n, s) {
   } else t.insertBefore(r, n);
   return [r];
 }
-function $t(t) {
+function xt(t) {
   return Object.keys(t).reduce((n, s) => {
     const r = t[s];
-    return n[s] = Object.assign({}, r), ht(r.value) && !jt(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 n[s] = Object.assign({}, r), dt(r.value) && !Pt(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;
   }, {});
 }
-function Ot(t) {
+function kt(t) {
   return t ? Object.keys(t).reduce((n, s) => {
     const r = t[s];
-    return n[s] = ht(r) && "value" in r ? r : {
+    return n[s] = dt(r) && "value" in r ? r : {
       value: r
-    }, n[s].attribute || (n[s].attribute = Nt(s)), n[s].parse = "parse" in n[s] ? n[s].parse : typeof n[s].value != "string", n;
+    }, n[s].attribute || (n[s].attribute = Ot(s)), n[s].parse = "parse" in n[s] ? n[s].parse : typeof n[s].value != "string", n;
   }, {}) : {};
 }
-function Pt(t) {
+function Tt(t) {
   return Object.keys(t).reduce((n, s) => (n[s] = t[s].value, n), {});
 }
-function Mt(t, e) {
-  const n = $t(e);
+function $t(t, e) {
+  const n = xt(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 ? dt(l) : l), i != null && (o.value = Array.isArray(i) ? i.slice(0) : i), o.reflect && Y(t, o.attribute, o.value, !!o.parse), Object.defineProperty(t, r, {
+    l != null && (o.value = o.parse ? ft(l) : l), i != null && (o.value = Array.isArray(i) ? i.slice(0) : i), o.reflect && Q(t, o.attribute, o.value, !!o.parse), Object.defineProperty(t, r, {
       get() {
         return o.value;
       },
       set(a) {
         const u = o.value;
-        o.value = a, o.reflect && Y(this, o.attribute, o.value, !!o.parse);
-        for (let f = 0, b = this.__propertyChangedCallbacks.length; f < b; f++)
+        o.value = a, o.reflect && Q(this, o.attribute, o.value, !!o.parse);
+        for (let f = 0, _ = this.__propertyChangedCallbacks.length; f < _; f++)
           this.__propertyChangedCallbacks[f](r, a, u);
       },
       enumerable: !0,
@@ -420,7 +420,7 @@ function Mt(t, e) {
     });
   }), n;
 }
-function dt(t) {
+function ft(t) {
   if (t)
     try {
       return JSON.parse(t);
@@ -428,25 +428,25 @@ function dt(t) {
       return t;
     }
 }
-function Y(t, e, n, s) {
+function Q(t, e, n, s) {
   if (n == null || n === !1) return t.removeAttribute(e);
   let r = s ? JSON.stringify(n) : n;
   t.__updating[e] = !0, r === "true" && (r = ""), t.setAttribute(e, r), Promise.resolve().then(() => delete t.__updating[e]);
 }
-function Nt(t) {
+function Ot(t) {
   return t.replace(/\.?([A-Z]+)/g, (e, n) => "-" + n.toLowerCase()).replace("_", "-").replace(/^-/, "");
 }
-function ht(t) {
+function dt(t) {
   return t != null && (typeof t == "object" || typeof t == "function");
 }
-function jt(t) {
+function Pt(t) {
   return Object.prototype.toString.call(t) === "[object Function]";
 }
-function Bt(t) {
+function Mt(t) {
   return typeof t == "function" && t.toString().indexOf("class") === 0;
 }
-let q;
-function Rt(t, e) {
+let V;
+function Nt(t, e) {
   const n = Object.keys(e);
   return class extends t {
     static get observedAttributes() {
@@ -457,16 +457,16 @@ function Rt(t, e) {
     }
     connectedCallback() {
       if (this.__initialized) return;
-      this.__releaseCallbacks = [], this.__propertyChangedCallbacks = [], this.__updating = {}, this.props = Mt(this, e);
-      const r = Pt(this.props), o = this.Component, l = q;
+      this.__releaseCallbacks = [], this.__propertyChangedCallbacks = [], this.__updating = {}, this.props = $t(this, e);
+      const r = Tt(this.props), o = this.Component, l = V;
       try {
-        q = this, this.__initialized = !0, Bt(o) ? new o(r, {
+        V = this, this.__initialized = !0, Mt(o) ? new o(r, {
           element: this
         }) : o(r, {
           element: this
         });
       } finally {
-        q = l;
+        V = l;
       }
     }
     async disconnectedCallback() {
@@ -479,7 +479,7 @@ function Rt(t, e) {
     attributeChangedCallback(r, o, l) {
       if (this.__initialized && !this.__updating[r] && (r = this.lookupProp(r), r in e)) {
         if (l == null && !this[r]) return;
-        this[r] = e[r].parse ? dt(l) : l;
+        this[r] = e[r].parse ? ft(l) : l;
       }
     }
     lookupProp(r) {
@@ -499,7 +499,7 @@ function Rt(t, e) {
     }
   };
 }
-function It(t, e = {}, n = {}) {
+function jt(t, e = {}, n = {}) {
   const {
     BaseElement: s = HTMLElement,
     extension: r,
@@ -507,13 +507,13 @@ function It(t, e = {}, n = {}) {
   } = n;
   return (l) => {
     let i = o.get(t);
-    return i ? (i.prototype.Component = l, i) : (i = Rt(s, Ot(e)), i.prototype.Component = l, i.prototype.registeredTag = t, o.define(t, i, r), i);
+    return i ? (i.prototype.Component = l, i) : (i = Nt(s, kt(e)), i.prototype.Component = l, i.prototype.registeredTag = t, o.define(t, i, r), i);
   };
 }
-function Dt(t) {
+function Bt(t) {
   const e = Object.keys(t), n = {};
   for (let s = 0; s < e.length; s++) {
-    const [r, o] = rt(t[e[s]]);
+    const [r, o] = nt(t[e[s]]);
     Object.defineProperty(n, e[s], {
       get: r,
       set(l) {
@@ -523,30 +523,30 @@ function Dt(t) {
   }
   return n;
 }
-function Ft(t) {
+function Rt(t) {
   if (t.assignedSlot && t.assignedSlot._$owner) return t.assignedSlot._$owner;
   let e = t.parentNode;
   for (; e && !e._$owner && !(e.assignedSlot && e.assignedSlot._$owner); )
     e = e.parentNode;
   return e && e.assignedSlot ? e.assignedSlot._$owner : t._$owner;
 }
-function Lt(t) {
+function It(t) {
   return (e, n) => {
     const { element: s } = n;
-    return Ct((r) => {
-      const o = Dt(e);
+    return yt((r) => {
+      const o = Bt(e);
       s.addPropertyChangedCallback((i, a) => o[i] = a), s.addReleaseCallback(() => {
         s.renderRoot.textContent = "", r();
       });
       const l = t(o, n);
-      return x(s.renderRoot, l);
-    }, Ft(s));
+      return A(s.renderRoot, l);
+    }, Rt(s));
   };
 }
-function Kt(t, e, n) {
-  return arguments.length === 2 && (n = e, e = {}), It(t, e)(Lt(n));
+function Dt(t, e, n) {
+  return arguments.length === 2 && (n = e, e = {}), jt(t, e)(It(n));
 }
-const Ut = `
+const Ft = `
 :host([theme="dark"]) {
   color-scheme: only dark;
 }
@@ -585,125 +585,120 @@ const Ut = `
   100% { transform: rotate(360deg); }
 }
 `;
-var Vt = /* @__PURE__ */ T("<div part=container class=dictate-button__container><style></style><button part=button class=dictate-button__button>"), qt = /* @__PURE__ */ T('<svg part=icon class="dictate-button__icon dictate-button__icon--idle"fill=none viewBox="0 0 24 24"stroke-width=1.5 stroke=currentColor><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">'), zt = /* @__PURE__ */ T('<svg part=icon class="dictate-button__icon dictate-button__icon--recording"viewBox="0 0 24 24"fill=currentColor><circle cx=12 cy=12 r=10>'), Ht = /* @__PURE__ */ T('<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><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">'), Gt = /* @__PURE__ */ T('<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><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.1.0");
-const Wt = "https://api.dictate-button.io/transcribe", N = "dictate-button.io", z = -70, tt = -10, et = 0, Xt = 4, Jt = 0.25, Zt = 0.05;
-Kt("dictate-button", {
+var Lt = /* @__PURE__ */ k("<div part=container class=dictate-button__container><style></style><button part=button class=dictate-button__button>"), Kt = /* @__PURE__ */ k('<svg part=icon class="dictate-button__icon dictate-button__icon--idle"fill=none viewBox="0 0 24 24"stroke-width=1.5 stroke=currentColor><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">'), Ut = /* @__PURE__ */ k('<svg part=icon class="dictate-button__icon dictate-button__icon--recording"viewBox="0 0 24 24"fill=currentColor><circle cx=12 cy=12 r=10>'), zt = /* @__PURE__ */ k('<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><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">'), Vt = /* @__PURE__ */ k('<svg part=icon class="dictate-button__icon dictate-button__icon--error"viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=4 stroke-linecap=round stroke-linejoin=round><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.1.2");
+const qt = "https://api.dictate-button.io/transcribe", j = "dictate-button.io", q = -70, Y = -10, tt = 0, Ht = 4, Gt = 0.25, Wt = 0.05;
+Dt("dictate-button", {
   size: 30,
-  apiEndpoint: Wt,
+  apiEndpoint: qt,
   language: void 0
 }, (t, {
   element: e
 }) => {
-  const {
-    size: n,
-    apiEndpoint: s,
-    language: r
-  } = t;
-  console.debug("api", s);
-  const [o, l] = rt("idle");
-  let i = null, a = [], u = null, f = null, b = null, w = !1, C = 0;
-  const K = (d) => d <= z ? 0 : d >= tt ? 1 : (d - z) / (tt - z), pt = (d) => {
-    let _ = 0;
+  console.debug("api", t.apiEndpoint);
+  const [n, s] = nt("idle");
+  let r = null, o = [], l = null, i = null, a = null, u = !1, f = 0;
+  const _ = (d) => d <= q ? 0 : d >= Y ? 1 : (d - q) / (Y - q), v = (d) => {
+    let y = 0;
     for (let h = 0; h < d.length; h++) {
       const c = (d[h] - 128) / 128;
-      _ += c * c;
+      y += c * c;
     }
-    return Math.sqrt(_ / d.length);
-  }, gt = (d) => 20 * Math.log10(Math.max(d, 1e-8)), W = (d) => {
-    const _ = e.shadowRoot.querySelector(".dictate-button__button");
-    if (!_)
+    return Math.sqrt(y / d.length);
+  }, T = (d) => 20 * Math.log10(Math.max(d, 1e-8)), $ = (d) => {
+    const y = e.shadowRoot.querySelector(".dictate-button__button");
+    if (!y)
       return;
-    const h = et + d * (Xt - et), c = 0 + d * 0.4;
-    _.style.boxShadow = `0 0 0 ${h}px light-dark(rgba(0, 0, 0, ${c}), rgba(255, 255, 255, ${c}))`;
-  }, X = () => {
-    if (!w || !f || !b) return;
-    f.getByteTimeDomainData(b);
-    const d = pt(b), _ = gt(d), h = K(_), c = h > C ? Jt : Zt;
-    C = c * h + (1 - c) * C, W(C), requestAnimationFrame(X);
+    const h = tt + d * (Ht - tt), c = 0 + d * 0.4;
+    y.style.boxShadow = `0 0 0 ${h}px light-dark(rgba(0, 0, 0, ${c}), rgba(255, 255, 255, ${c}))`;
+  }, W = () => {
+    if (!u || !i || !a) return;
+    i.getByteTimeDomainData(a);
+    const d = v(a), y = T(d), h = _(y), c = h > f ? Gt : Wt;
+    f = c * h + (1 - c) * f, $(f), requestAnimationFrame(W);
   }, U = () => {
-    i && i.state !== "inactive" && i.stop(), a = [], w = !1, u && u.state !== "closed" && u.close(), u = null, f = null, b = null, C = 0, W(0);
+    r && r.state !== "inactive" && r.stop(), o = [], u = !1, l && l.state !== "closed" && l.close(), l = null, i = null, a = null, f = 0, $(0);
   };
   e.addEventListener("disconnected", U);
-  const bt = async () => {
-    if (U(), o() === "idle")
+  const ht = async () => {
+    if (U(), n() === "idle")
       try {
         const d = await navigator.mediaDevices.getUserMedia({
           audio: !0
         });
-        u = new (window.AudioContext || window.webkitAudioContext)();
-        const _ = u.createMediaStreamSource(d);
-        f = u.createAnalyser(), f.fftSize = 2048, _.connect(f), b = new Uint8Array(f.fftSize), i = new MediaRecorder(d, {
+        l = new (window.AudioContext || window.webkitAudioContext)();
+        const y = l.createMediaStreamSource(d);
+        i = l.createAnalyser(), i.fftSize = 2048, y.connect(i), a = new Uint8Array(i.fftSize), r = new MediaRecorder(d, {
           mimeType: "audio/webm"
-        }), a = [], i.ondataavailable = (h) => {
-          a.push(h.data);
-        }, i.onstop = async () => {
-          w = !1, l("processing"), v(e, "transcribing:started", "Started transcribing");
-          const h = new Blob(a, {
+        }), o = [], r.ondataavailable = (h) => {
+          o.push(h.data);
+        }, r.onstop = async () => {
+          u = !1, s("processing"), m(e, "transcribing:started", "Started transcribing");
+          const h = new Blob(o, {
             type: "audio/webm"
           });
           try {
             const c = new FormData();
-            c.append("audio", h, "recording.webm"), c.append("origin", window?.location?.origin), r && c.append("language", r);
-            const $ = await fetch(s, {
+            c.append("audio", h, "recording.webm"), c.append("origin", window?.location?.origin), t.language && c.append("language", t.language);
+            const O = await fetch(t.apiEndpoint, {
               method: "POST",
               body: c
             });
-            if (!$.ok) throw new Error("Failed to transcribe audio");
-            const O = await $.json();
-            if (o() !== "processing") return;
-            v(e, "transcribing:finished", O.text), l("idle");
+            if (!O.ok) throw new Error("Failed to transcribe audio");
+            const P = await O.json();
+            if (n() !== "processing") return;
+            m(e, "transcribing:finished", P.text), s("idle");
           } catch (c) {
-            console.error("Failed to transcribe audio:", c), v(e, "transcribing:failed", "Failed to transcribe audio"), J();
+            console.error("Failed to transcribe audio:", c), m(e, "transcribing:failed", "Failed to transcribe audio"), X();
           }
-        }, i.start(), v(e, "recording:started", "Started recording"), w = !0, X(), l("recording");
+        }, r.start(), m(e, "recording:started", "Started recording"), u = !0, W(), s("recording");
       } catch (d) {
-        console.error("Failed to start recording:", d), v(e, "recording:failed", "Failed to start recording"), J();
+        console.error("Failed to start recording:", d), m(e, "recording:failed", "Failed to start recording"), X();
       }
     else
-      v(e, "recording:stopped", "Stopped recording"), l("idle"), U();
-  }, J = () => {
-    l("error"), setTimeout(() => l("idle"), 2e3);
+      m(e, "recording:stopped", "Stopped recording"), s("idle"), U();
+  }, X = () => {
+    s("error"), setTimeout(() => s("idle"), 2e3);
   };
   return (() => {
-    var d = Vt(), _ = d.firstChild, h = _.nextSibling;
-    return x(_, Ut), h.$$click = bt, x(h, (() => {
-      var c = M(() => o() === "idle");
-      return () => c() && P(Yt, {});
-    })(), null), x(h, (() => {
-      var c = M(() => o() === "recording");
-      return () => c() && P(te, {});
-    })(), null), x(h, (() => {
-      var c = M(() => o() === "processing");
-      return () => c() && P(ee, {});
-    })(), null), x(h, (() => {
-      var c = M(() => o() === "error");
-      return () => c() && P(ne, {});
-    })(), null), R((c) => {
-      var $ = `width:${n}px;height:${n}px"`, O = Qt(o());
-      return c.e = kt(h, $, c.e), O !== c.t && ft(h, "title", c.t = O), c;
+    var d = Lt(), y = d.firstChild, h = y.nextSibling;
+    return A(y, Ft), h.$$click = ht, A(h, (() => {
+      var c = N(() => n() === "idle");
+      return () => c() && M(Jt, {});
+    })(), null), A(h, (() => {
+      var c = N(() => n() === "recording");
+      return () => c() && M(Zt, {});
+    })(), null), A(h, (() => {
+      var c = N(() => n() === "processing");
+      return () => c() && M(Qt, {});
+    })(), null), A(h, (() => {
+      var c = N(() => n() === "error");
+      return () => c() && M(Yt, {});
+    })(), null), I((c) => {
+      var O = `width:${t.size}px;height:${t.size}px"`, P = Xt(n());
+      return c.e = vt(h, O, c.e), P !== c.t && ut(h, "title", c.t = P), c;
     }, {
       e: void 0,
       t: void 0
     }), d;
   })();
 });
-const Qt = (t) => {
+const Xt = (t) => {
   switch (t) {
     case "idle":
-      return `Start dictation (${N})`;
+      return `Start dictation (${j})`;
     case "recording":
-      return `Stop dictation (${N})`;
+      return `Stop dictation (${j})`;
     case "processing":
-      return `Stop processing (${N})`;
+      return `Stop processing (${j})`;
     case "error":
-      return `Click to reset (${N})`;
+      return `Click to reset (${j})`;
   }
-}, v = (t, e, n) => {
+}, m = (t, e, n) => {
   t.dispatchEvent(new CustomEvent(e, {
     detail: n,
     bubbles: !0,
     composed: !0
   }));
-}, Yt = () => qt(), te = () => zt(), ee = () => Ht(), ne = () => Gt();
-Et(["click"]);
+}, Jt = () => Kt(), Zt = () => Ut(), Qt = () => zt(), Yt = () => Vt();
+At(["click"]);

package/dist/inject-exclusive.js

@@ -12,7 +12,7 @@ function g() {
     const e = document.createElement("dictate-button");
     e.size = 30, e.style.position = "absolute", e.style.right = "0", e.style.top = T(a, n) + "px", e.style.margin = "10px";
     const s = document.documentElement.lang;
-    s && s.length === 2 && (e.language = s), e.addEventListener("recording:started", (o) => {
+    s && s.length >= 2 && (e.language = s), e.addEventListener("recording:started", (o) => {
       console.log("recording:started", o);
     }), e.addEventListener("recording:stopped", (o) => {
       console.log("recording:stopped", o);

package/dist/inject-inclusive.js

@@ -12,7 +12,7 @@ function g() {
     const e = document.createElement("dictate-button");
     e.size = 30, e.style.position = "absolute", e.style.right = "0", e.style.top = f(a, n) + "px", e.style.margin = "10px";
     const s = document.documentElement.lang;
-    s && s.length === 2 && (e.language = s), e.addEventListener("recording:started", (o) => {
+    s && s.length >= 2 && (e.language = s), e.addEventListener("recording:started", (o) => {
       console.log("recording:started", o);
     }), e.addEventListener("recording:stopped", (o) => {
       console.log("recording:stopped", o);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dictate-button",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Dictate Button (Web Component)",
   "keywords": [
     "custom-element",