dictate-button 1.3.0 → 1.4.1

package/dist/dictate-button.js

@@ -605,7 +605,7 @@ const Vt = `
 }
 `;
 var qt = /* @__PURE__ */ O('<div part=container class=dictate-button__container><style></style><div aria-live=polite class=dictate-button__status-announcer style="position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0"></div><button part=button class=dictate-button__button>'), Ht = /* @__PURE__ */ O('<svg part=icon class="dictate-button__icon dictate-button__icon--idle"fill=none viewBox="0 0 24 24"stroke-width=1.5 stroke=currentColor role=img aria-hidden=true><path stroke-linecap=round stroke-linejoin=round d="M12 18.75a6 6 0 0 0 6-6v-1.5m-6 7.5a6 6 0 0 1-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 0 1-3-3V4.5a3 3 0 1 1 6 0v8.25a3 3 0 0 1-3 3Z">'), Gt = /* @__PURE__ */ O('<svg part=icon class="dictate-button__icon dictate-button__icon--recording"viewBox="0 0 24 24"fill=currentColor role=img aria-hidden=true><circle cx=12 cy=12 r=10>'), Wt = /* @__PURE__ */ O('<svg part=icon class="dictate-button__icon dictate-button__icon--processing"viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round role=img aria-hidden=true><path d="M12 2v4"></path><path d="m16.2 7.8 2.9-2.9"></path><path d="M18 12h4"></path><path d="m16.2 16.2 2.9 2.9"></path><path d="M12 18v4"></path><path d="m4.9 19.1 2.9-2.9"></path><path d="M2 12h4"></path><path d="m4.9 4.9 2.9 2.9">'), Xt = /* @__PURE__ */ O('<svg part=icon class="dictate-button__icon dictate-button__icon--error"viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=4 stroke-linecap=round stroke-linejoin=round role=img aria-hidden=true><line x1=12 x2=12 y1=4 y2=14></line><line x1=12 x2=12.01 y1=20 y2=20>');
-console.debug("dictate-button version:", "1.3.0");
+console.debug("dictate-button version:", "1.4.1");
 const Jt = "https://api.dictate-button.io/transcribe", v = "dictate-button.io", H = -70, ot = -10, it = 0, Zt = 4, Qt = 0.25, Yt = 0.05;
 zt("dictate-button", {
   size: 30,

package/dist/libs/injectDictateButton.js

@@ -1,41 +1,40 @@
-function y(t, c = {}) {
-  const { buttonSize: i = 30, verbose: o = !1, customApiEndpoint: r } = c, p = document.querySelectorAll(t);
-  for (const n of p) {
+function v(t, c = {}) {
+  const { buttonSize: i = 30, verbose: o = !1, customApiEndpoint: r } = c, d = document.querySelectorAll(t);
+  for (const n of d) {
     if (n.hasAttribute("data-dictate-button-enabled")) continue;
-    const d = n.parentNode;
-    if (!n.isConnected || !d) {
+    const u = n.parentNode;
+    if (!n.isConnected || !u) {
       o && console.debug("injectDictateButton: skipping detached field", n);
       continue;
     }
     n.setAttribute("data-dictate-button-enabled", "");
-    const s = document.createElement("div");
-    s.style.position = "relative";
-    const l = getComputedStyle(n), u = l.display === "block";
-    s.style.display = u ? "block" : "inline-block", s.style.width = u ? "100%" : "auto", s.style.color = "inherit", s.classList.add("dictate-button-wrapper"), d.insertBefore(s, n), s.appendChild(n), s.style.margin = l.margin, n.style.margin = "0", n.style.boxSizing = "border-box";
-    const g = parseFloat(
-      l.paddingRight || "10px"
-    );
-    n.style.paddingRight = `${i + g * 2}px`;
+    const a = document.createElement("div");
+    a.style.position = "relative";
+    const l = getComputedStyle(n), g = l.display === "block";
+    a.style.display = g ? "block" : "inline-block", a.style.width = g ? "100%" : "auto", a.style.color = "inherit", a.classList.add("dictate-button-wrapper"), u.insertBefore(a, n), a.appendChild(n), a.style.margin = l.margin, n.style.margin = "0", n.style.boxSizing = "border-box";
+    const p = y(l);
+    n.style.paddingRight = `${i + p * 2}px`;
     const e = document.createElement("dictate-button");
     e.size = i, e.style.position = "absolute", e.style.right = "0", e.style.top = m(
-      s,
-      n,
+      a,
+      l,
+      n.tagName,
       i
-    ), e.style.marginRight = e.style.marginLeft = `${g}px`, e.style.marginTop = "0", e.style.marginBottom = "0", r && (e.apiEndpoint = r), e.language = h(), e.addEventListener("recording:started", (a) => {
-      o && console.debug("recording:started", a);
-    }), e.addEventListener("recording:stopped", (a) => {
-      o && console.debug("recording:stopped", a);
-    }), e.addEventListener("recording:failed", (a) => {
-      o && console.debug("recording:failed", a), f(n);
-    }), e.addEventListener("transcribing:started", (a) => {
-      o && console.debug("transcribing:started", a);
-    }), e.addEventListener("transcribing:finished", (a) => {
-      o && console.debug("transcribing:finished", a);
-      const b = a.detail;
-      T(n, b);
-    }), e.addEventListener("transcribing:failed", (a) => {
-      o && console.debug("transcribing:failed", a), f(n);
-    }), s.appendChild(e);
+    ) + "px", e.style.marginRight = e.style.marginLeft = `${p}px`, e.style.marginTop = "0", e.style.marginBottom = "0", r && (e.apiEndpoint = r), e.language = h(), e.addEventListener("recording:started", (s) => {
+      o && console.debug("recording:started", s);
+    }), e.addEventListener("recording:stopped", (s) => {
+      o && console.debug("recording:stopped", s);
+    }), e.addEventListener("recording:failed", (s) => {
+      o && console.debug("recording:failed", s), b(n);
+    }), e.addEventListener("transcribing:started", (s) => {
+      o && console.debug("transcribing:started", s);
+    }), e.addEventListener("transcribing:finished", (s) => {
+      o && console.debug("transcribing:finished", s);
+      const f = s.detail;
+      T(n, f);
+    }), e.addEventListener("transcribing:failed", (s) => {
+      o && console.debug("transcribing:failed", s), b(n);
+    }), a.appendChild(e);
   }
 }
 function h() {
@@ -47,29 +46,35 @@ function h() {
       return t.split(/[-_]/)[0].toLowerCase();
     }
 }
-function m(t, c, i) {
-  if (c.tagName.toLowerCase() === "textarea")
-    return getComputedStyle(c).paddingTop || "10px";
-  const o = Math.round(t.clientHeight / 2 - i / 2);
-  return `${Math.max(0, o)}px`;
+function m(t, c, i, o) {
+  if (i.toLowerCase() === "textarea") {
+    const d = parseFloat(c.paddingTop || "0");
+    return Math.max(4, d);
+  }
+  const r = Math.round(t.clientHeight / 2 - o / 2);
+  return Math.max(4, r);
+}
+function y(t) {
+  const c = parseFloat(t.paddingRight || "0");
+  return Math.max(c, 4);
 }
 function T(t, c) {
   const i = typeof c == "string" ? c.trim() : String(c ?? "").trim();
   if (i.length === 0)
     return;
-  const o = t.selectionStart ?? 0, r = t.selectionEnd ?? 0, p = o > 0 ? t.value.charAt(o - 1) : "", n = p && !/\s/.test(p), d = r < t.value.length ? t.value.charAt(r) : "", s = d && !/\s/.test(d), l = (n ? " " : "") + i + (s ? " " : ""), u = o + l.length, g = typeof t.scrollTop == "number" ? t.scrollTop : null;
+  const o = t.selectionStart ?? 0, r = t.selectionEnd ?? 0, d = o > 0 ? t.value.charAt(o - 1) : "", n = d && !/\s/.test(d), u = r < t.value.length ? t.value.charAt(r) : "", a = u && !/\s/.test(u), l = (n ? " " : "") + i + (a ? " " : ""), g = o + l.length, p = typeof t.scrollTop == "number" ? t.scrollTop : null;
   if (typeof t.setRangeText == "function")
     t.setRangeText(l, o, r, "end");
   else {
     t.value = t.value.substring(0, o) + l + t.value.substring(r);
     try {
-      t.selectionStart = u, t.selectionEnd = u;
+      t.selectionStart = g, t.selectionEnd = g;
     } catch {
     }
   }
-  g !== null && (t.scrollTop = g), t.dispatchEvent(new Event("input", { bubbles: !0, composed: !0 })), f(t);
+  p !== null && (t.scrollTop = p), t.dispatchEvent(new Event("input", { bubbles: !0, composed: !0 })), b(t);
 }
-function f(t) {
+function b(t) {
   try {
     t.focus({ preventScroll: !0 });
   } catch {
@@ -77,5 +82,5 @@ function f(t) {
   }
 }
 export {
-  y as injectDictateButton
+  v as injectDictateButton
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dictate-button",
-  "version": "1.3.0",
+  "version": "1.4.1",
   "description": "Dictate Button (Web Component)",
   "keywords": [
     "custom-element",
@@ -65,7 +65,7 @@
   "devDependencies": {
     "prettier": "^3.6.2",
     "typescript": "^5.9.2",
-    "vite": "^7.1.4",
+    "vite": "^7.1.5",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-solid": "^2.11.8",
     "vite-plugin-static-copy": "^3.1.2"