dictate-button 1.0.0 → 1.0.1

package/README.md

@@ -70,7 +70,7 @@ Import the component and use it directly in your code:
 ```html
 <script type="module" crossorigin src="https://cdn.dictate-button.io/dictate-button.js"></script>
 
-<dictate-button size="24" api-endpoint="https://api.dictate-button.io/transcribe" language="en"></dictate-button>
+<dictate-button size="30" api-endpoint="https://api.dictate-button.io/transcribe" language="en"></dictate-button>
 ```
 
 ### From NPM

package/dist/dictate-button.js

@@ -1,4 +1,4 @@
-const yt = (t, e) => t === e, N = {
+const yt = (t, e) => t === e, j = {
   equals: yt
 };
 let _t = at;
@@ -25,7 +25,7 @@ function Ct(t, e) {
   }
 }
 function rt(t, e) {
-  e = e ? Object.assign({}, N, e) : N;
+  e = e ? Object.assign({}, j, e) : j;
   const n = {
     value: t,
     observers: null,
@@ -39,7 +39,7 @@ function R(t, e, n) {
   L(s);
 }
 function St(t, e, n) {
-  n = n ? Object.assign({}, N, n) : 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);
 }
@@ -197,7 +197,7 @@ function ut(t, e = y) {
 function P(t, e) {
   return G(() => t(e || {}));
 }
-const j = (t) => St(() => t());
+const M = (t) => St(() => t());
 function xt(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; ) {
@@ -387,7 +387,7 @@ function A(t, e, n, s) {
 function $t(t) {
   return Object.keys(t).reduce((n, s) => {
     const r = t[s];
-    return n[s] = Object.assign({}, r), ht(r.value) && !Nt(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), 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;
   }, {});
 }
 function Ot(t) {
@@ -395,13 +395,13 @@ function Ot(t) {
     const r = t[s];
     return n[s] = ht(r) && "value" in r ? r : {
       value: r
-    }, n[s].attribute || (n[s].attribute = Mt(s)), n[s].parse = "parse" in n[s] ? n[s].parse : typeof n[s].value != "string", n;
+    }, n[s].attribute || (n[s].attribute = Nt(s)), n[s].parse = "parse" in n[s] ? n[s].parse : typeof n[s].value != "string", n;
   }, {}) : {};
 }
 function Pt(t) {
   return Object.keys(t).reduce((n, s) => (n[s] = t[s].value, n), {});
 }
-function jt(t, e) {
+function Mt(t, e) {
   const n = $t(e);
   return Object.keys(e).forEach((r) => {
     const o = n[r], l = t.getAttribute(o.attribute), i = t[r];
@@ -433,13 +433,13 @@ function Y(t, e, n, s) {
   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 Mt(t) {
+function Nt(t) {
   return t.replace(/\.?([A-Z]+)/g, (e, n) => "-" + n.toLowerCase()).replace("_", "-").replace(/^-/, "");
 }
 function ht(t) {
   return t != null && (typeof t == "object" || typeof t == "function");
 }
-function Nt(t) {
+function jt(t) {
   return Object.prototype.toString.call(t) === "[object Function]";
 }
 function Bt(t) {
@@ -457,7 +457,7 @@ function Rt(t, e) {
     }
     connectedCallback() {
       if (this.__initialized) return;
-      this.__releaseCallbacks = [], this.__propertyChangedCallbacks = [], this.__updating = {}, this.props = jt(this, e);
+      this.__releaseCallbacks = [], this.__propertyChangedCallbacks = [], this.__updating = {}, this.props = Mt(this, e);
       const r = Pt(this.props), o = this.Component, l = q;
       try {
         q = this, this.__initialized = !0, Bt(o) ? new o(r, {
@@ -585,9 +585,9 @@ 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 stroke=none stroke-width=0 stroke-linecap=round stroke-linejoin=round><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.0.0");
-const Wt = "https://api.dictate-button.io/transcribe", M = "dictate-button.io", z = -70, tt = -10, et = 0, Xt = 4, Jt = 0.25, Zt = 0.05;
+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.0.1");
+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", {
   size: 30,
   apiEndpoint: Wt,
@@ -668,16 +668,16 @@ Kt("dictate-button", {
   return (() => {
     var d = Vt(), _ = d.firstChild, h = _.nextSibling;
     return x(_, Ut), h.$$click = bt, x(h, (() => {
-      var c = j(() => o() === "idle");
+      var c = M(() => o() === "idle");
       return () => c() && P(Yt, {});
     })(), null), x(h, (() => {
-      var c = j(() => o() === "recording");
+      var c = M(() => o() === "recording");
       return () => c() && P(te, {});
     })(), null), x(h, (() => {
-      var c = j(() => o() === "processing");
+      var c = M(() => o() === "processing");
       return () => c() && P(ee, {});
     })(), null), x(h, (() => {
-      var c = j(() => o() === "error");
+      var c = M(() => o() === "error");
       return () => c() && P(ne, {});
     })(), null), R((c) => {
       var $ = `width:${n}px;height:${n}px"`, O = Qt(o());
@@ -691,13 +691,13 @@ Kt("dictate-button", {
 const Qt = (t) => {
   switch (t) {
     case "idle":
-      return `Start dictation (${M})`;
+      return `Start dictation (${N})`;
     case "recording":
-      return `Stop dictation (${M})`;
+      return `Stop dictation (${N})`;
     case "processing":
-      return `Stop processing (${M})`;
+      return `Stop processing (${N})`;
     case "error":
-      return `Click to reset (${M})`;
+      return `Click to reset (${N})`;
   }
 }, v = (t, e, n) => {
   t.dispatchEvent(new CustomEvent(e, {

package/dist/inject-exclusive.js

@@ -2,37 +2,40 @@ function r() {
   const i = document.querySelectorAll(
     'textarea[data-dictate-button-on]:not([data-dictate-button-enabled]), input[type="text"][data-dictate-button-on]:not([data-dictate-button-enabled])'
   );
-  for (const n of i) {
-    const o = document.createElement("div");
-    o.style.position = "relative", o.style.display = "inline-block", o.style.width = "auto", o.style.color = "inherit", n.parentNode.insertBefore(o, n), n.setAttribute("data-dictate-button-enabled", ""), o.appendChild(n), n.style.boxSizing = "border-box";
+  for (const o of i) {
+    const e = document.createElement("div");
+    e.style.position = "relative", e.style.display = "inline-block", e.style.width = "auto", e.style.color = "inherit", o.parentNode.insertBefore(e, o), o.setAttribute("data-dictate-button-enabled", ""), e.appendChild(o), o.style.boxSizing = "border-box";
     const t = document.createElement("dictate-button");
-    t.size = 30, t.style.position = "absolute", t.style.right = "0", t.style.top = d(o, n) + "px", t.style.margin = "10px";
+    t.size = 30, t.style.position = "absolute", t.style.right = "0", t.style.top = d(e, o) + "px", t.style.margin = "10px";
     const a = document.documentElement.lang;
-    a && a.length === 2 && (t.language = a), t.addEventListener("recording:started", (e) => {
-      console.log("recording:started", e);
-    }), t.addEventListener("recording:stopped", (e) => {
-      console.log("recording:stopped", e);
-    }), t.addEventListener("recording:failed", (e) => {
-      console.log("recording:failed", e);
-    }), t.addEventListener("transcribing:started", (e) => {
-      console.log("transcribing:started", e);
-    }), t.addEventListener("transcribing:finished", (e) => {
-      console.log("transcribing:finished", e);
-      const s = e.detail;
-      c(n, s);
-    }), t.addEventListener("transcribing:failed", (e) => {
-      console.log("transcribing:failed", e);
-    }), o.appendChild(t);
+    a && a.length === 2 && (t.language = a), t.addEventListener("recording:started", (n) => {
+      console.log("recording:started", n);
+    }), t.addEventListener("recording:stopped", (n) => {
+      console.log("recording:stopped", n);
+    }), t.addEventListener("recording:failed", (n) => {
+      console.log("recording:failed", n);
+    }), t.addEventListener("transcribing:started", (n) => {
+      console.log("transcribing:started", n);
+    }), t.addEventListener("transcribing:finished", (n) => {
+      console.log("transcribing:finished", n);
+      const s = n.detail;
+      c(o, s);
+    }), t.addEventListener("transcribing:failed", (n) => {
+      console.log("transcribing:failed", n);
+    }), e.appendChild(t);
   }
 }
-function d(i, n) {
-  return n.tagName.toLowerCase() === "textarea" ? 0 : Math.round(
+function d(i, o) {
+  if (o.tagName.toLowerCase() === "textarea")
+    return 0;
+  const e = Math.round(
     i.clientHeight / 2 - 30 / 2 - 10
   );
+  return Math.max(0, e);
 }
-function c(i, n) {
-  const o = i.selectionStart || 0, t = i.selectionEnd || 0;
-  i.value = i.value.substring(0, o) + n + i.value.substring(t);
+function c(i, o) {
+  const e = i.selectionStart || 0, t = i.selectionEnd || 0;
+  i.value = i.value.substring(0, e) + o + i.value.substring(t);
 }
 document.addEventListener("DOMContentLoaded", () => {
   r(), new MutationObserver(r).observe(document.body, {

package/dist/inject-inclusive.js

@@ -2,37 +2,40 @@ function r() {
   const i = document.querySelectorAll(
     'textarea:not([data-dictate-button-off]):not([data-dictate-button-enabled]), input[type="text"]:not([data-dictate-button-off]):not([data-dictate-button-enabled])'
   );
-  for (const n of i) {
-    const o = document.createElement("div");
-    o.style.position = "relative", o.style.display = "inline-block", o.style.width = "auto", o.style.color = "inherit", n.parentNode.insertBefore(o, n), n.setAttribute("data-dictate-button-enabled", ""), o.appendChild(n), n.style.boxSizing = "border-box";
+  for (const o of i) {
+    const e = document.createElement("div");
+    e.style.position = "relative", e.style.display = "inline-block", e.style.width = "auto", e.style.color = "inherit", o.parentNode.insertBefore(e, o), o.setAttribute("data-dictate-button-enabled", ""), e.appendChild(o), o.style.boxSizing = "border-box";
     const t = document.createElement("dictate-button");
-    t.size = 30, t.style.position = "absolute", t.style.right = "0", t.style.top = d(o, n) + "px", t.style.margin = "10px";
+    t.size = 30, t.style.position = "absolute", t.style.right = "0", t.style.top = d(e, o) + "px", t.style.margin = "10px";
     const a = document.documentElement.lang;
-    a && a.length === 2 && (t.language = a), t.addEventListener("recording:started", (e) => {
-      console.log("recording:started", e);
-    }), t.addEventListener("recording:stopped", (e) => {
-      console.log("recording:stopped", e);
-    }), t.addEventListener("recording:failed", (e) => {
-      console.log("recording:failed", e);
-    }), t.addEventListener("transcribing:started", (e) => {
-      console.log("transcribing:started", e);
-    }), t.addEventListener("transcribing:finished", (e) => {
-      console.log("transcribing:finished", e);
-      const s = e.detail;
-      c(n, s);
-    }), t.addEventListener("transcribing:failed", (e) => {
-      console.log("transcribing:failed", e);
-    }), o.appendChild(t);
+    a && a.length === 2 && (t.language = a), t.addEventListener("recording:started", (n) => {
+      console.log("recording:started", n);
+    }), t.addEventListener("recording:stopped", (n) => {
+      console.log("recording:stopped", n);
+    }), t.addEventListener("recording:failed", (n) => {
+      console.log("recording:failed", n);
+    }), t.addEventListener("transcribing:started", (n) => {
+      console.log("transcribing:started", n);
+    }), t.addEventListener("transcribing:finished", (n) => {
+      console.log("transcribing:finished", n);
+      const s = n.detail;
+      c(o, s);
+    }), t.addEventListener("transcribing:failed", (n) => {
+      console.log("transcribing:failed", n);
+    }), e.appendChild(t);
   }
 }
-function d(i, n) {
-  return n.tagName.toLowerCase() === "textarea" ? 0 : Math.round(
+function d(i, o) {
+  if (o.tagName.toLowerCase() === "textarea")
+    return 0;
+  const e = Math.round(
     i.clientHeight / 2 - 30 / 2 - 10
   );
+  return Math.max(0, e);
 }
-function c(i, n) {
-  const o = i.selectionStart || 0, t = i.selectionEnd || 0;
-  i.value = i.value.substring(0, o) + n + i.value.substring(t);
+function c(i, o) {
+  const e = i.selectionStart || 0, t = i.selectionEnd || 0;
+  i.value = i.value.substring(0, e) + o + i.value.substring(t);
 }
 document.addEventListener("DOMContentLoaded", () => {
   r(), new MutationObserver(r).observe(document.body, {

package/package.json

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