@opentiny/tiny-robot 0.2.3 → 0.2.4

package/dist/sender/index.js

@@ -1,7 +1,7 @@
-import { ref as O, watch as Y, reactive as Oe, computed as $, nextTick as W, defineComponent as ve, createElementBlock as M, openBlock as k, createCommentVNode as P, createBlock as Z, unref as x, withCtx as G, createVNode as U, normalizeClass as oe, resolveDynamicComponent as Ze, createElementVNode as K, mergeModels as Ne, useModel as Ge, onMounted as Je, useSlots as Qe, Transition as ge, renderSlot as ne, isRef as Te, createTextVNode as xe, toDisplayString as se, normalizeStyle as Re, Fragment as ke, renderList as De, withModifiers as Ye } from "vue";
+import { ref as O, watch as Y, reactive as Oe, computed as $, nextTick as W, defineComponent as he, createElementBlock as I, openBlock as k, createCommentVNode as P, createBlock as G, unref as x, withCtx as J, createVNode as U, normalizeClass as oe, resolveDynamicComponent as Ze, createElementVNode as X, mergeModels as _e, useModel as Ge, onMounted as Je, useSlots as Qe, Transition as ge, renderSlot as ne, isRef as Ne, createTextVNode as Te, toDisplayString as se, normalizeStyle as xe, Fragment as Re, renderList as ke, withModifiers as Ye } from "vue";
 import { I as et } from "../index5.js";
 import { B as ue } from "../index3.js";
-import { T as me } from "../index4.js";
+import { T as De } from "../index4.js";
 import { i as tt } from "../close.js";
 import { I as nt, L as st, v as ot, w as lt, P as at, _ as it } from "../tiny-robot-svgs.js";
 import { t as rt } from "../utils.js";
@@ -39,14 +39,14 @@ function ut(t, b) {
     }
   };
 }
-const Ae = "​", Q = (t) => t.split("").every((b) => b === Ae), J = (t) => t.replace(/\u200B/g, ""), he = () => document.createTextNode(Ae), ct = (t) => {
-  const b = t.textContent || "", d = J(b);
+const Ae = "​", Q = (t) => t.split("").every((b) => b === Ae), Z = (t) => t.replace(/\u200B/g, ""), me = () => document.createTextNode(Ae), ct = (t) => {
+  const b = t.textContent || "", d = Z(b);
   return !d || d.trim() === "";
 }, Fe = (t) => {
   const b = t.nextSibling;
   if (b && b.nodeType === Node.TEXT_NODE && Q(b.textContent || ""))
     return;
-  const d = he();
+  const d = me();
   t.parentNode && t.parentNode.insertBefore(d, t.nextSibling);
 }, dt = (t) => {
   Array.from(t.childNodes).forEach((d) => {
@@ -77,10 +77,10 @@ function ft(t, b, d, o, S, i, f, u, s, v, _, l, E) {
       if (o.value) return;
       if (m.key === "Enter" && m.shiftKey && (l == null ? void 0 : l.value) === "single" && E) {
         m.preventDefault(), E();
-        const I = m.target, z = I.selectionStart, j = d.value;
+        const M = m.target, z = M.selectionStart, j = d.value;
         d.value = j.substring(0, z) + `
 ` + j.substring(z), setTimeout(() => {
-          I.selectionStart = I.selectionEnd = z + 1;
+          M.selectionStart = M.selectionEnd = z + 1;
         }, 0);
         return;
       }
@@ -140,7 +140,7 @@ function pt(t) {
       }
     }
     if (s.nodeType === Node.ELEMENT_NODE && s.classList.contains("template-field")) {
-      const w = s.textContent || "", C = J(w);
+      const w = s.textContent || "", C = Z(w);
       if (!C || C.trim() === "") {
         i.preventDefault();
         const m = document.createRange(), L = window.getSelection();
@@ -148,8 +148,8 @@ function pt(t) {
         if (i.key === "ArrowLeft")
           m.setStartBefore(s);
         else {
-          const I = s.nextSibling;
-          I && I.nodeType === Node.TEXT_NODE && Q(I.textContent || "") ? (m.setStart(I, 0), m.setEnd(I, 0)) : m.setStartAfter(s);
+          const M = s.nextSibling;
+          M && M.nodeType === Node.TEXT_NODE && Q(M.textContent || "") ? (m.setStart(M, 0), m.setEnd(M, 0)) : m.setStartAfter(s);
         }
         return m.collapse(!0), L.removeAllRanges(), L.addRange(m), !0;
       }
@@ -167,7 +167,7 @@ function pt(t) {
     if (s.nodeType === Node.TEXT_NODE && Q(s.textContent || "")) {
       const l = s.previousSibling;
       if (l && l.nodeType === Node.ELEMENT_NODE && l.classList.contains("template-field")) {
-        const E = l, F = E.textContent || "", y = J(F);
+        const E = l, F = E.textContent || "", y = Z(F);
         if (!y || y.trim() === "") {
           i.preventDefault();
           const w = E.previousSibling, C = s.nextSibling;
@@ -191,7 +191,7 @@ function pt(t) {
     }
     if (s.nodeType === Node.TEXT_NODE && s.parentNode && s.parentNode.classList.contains("template-field") && s.textContent) {
       const l = s.textContent;
-      if (J(l).length === 1 && v === l.length) {
+      if (Z(l).length === 1 && v === l.length) {
         i.preventDefault(), s.textContent = "";
         const F = s.parentNode, y = window.getSelection();
         if (y) {
@@ -214,7 +214,7 @@ function pt(t) {
     if (!f.collapsed) return !1;
     const { startContainer: u, startOffset: s } = f;
     if (u.nodeType === Node.TEXT_NODE && u.parentNode && u.parentNode.classList.contains("template-field") && u.textContent) {
-      const _ = u.textContent, l = J(_);
+      const _ = u.textContent, l = Z(_);
       if (s === _.length && l.length === 1) {
         i.preventDefault(), u.textContent = "";
         const E = u.parentNode, F = window.getSelection();
@@ -389,7 +389,10 @@ function ht(t, b, d, o) {
 const vt = { class: "action-buttons" }, yt = {
   key: 0,
   class: "action-buttons__utility"
-}, bt = { class: "action-buttons__submit-content" }, Ct = { class: "action-buttons__cancel" }, Le = /* @__PURE__ */ ve({
+}, bt = { class: "action-buttons__submit-content" }, Ct = {
+  key: 1,
+  class: "action-buttons__cancel"
+}, Le = /* @__PURE__ */ he({
   __name: "ActionButtons",
   props: {
     loading: { type: Boolean, default: !1 },
@@ -420,20 +423,20 @@ const vt = { class: "action-buttons" }, yt = {
     }, F = () => {
       u.value || S("cancel");
     };
-    return (y, w) => (k(), M("div", vt, [
-      v.value ? (k(), M("div", yt, [
-        y.allowFiles && !y.loading ? (k(), Z(x(me), {
+    return (y, w) => (k(), I("div", vt, [
+      v.value ? (k(), I("div", yt, [
+        y.allowFiles && !y.loading ? (k(), G(x(De), {
           key: 0,
           content: "上传文件",
           placement: "top"
         }, {
-          default: G(() => [
+          default: J(() => [
             U(x(ue), {
               class: "action-buttons__button action-buttons__file-button",
               type: "text",
               disabled: u.value
             }, {
-              default: G(() => [
+              default: J(() => [
                 U(x(nt), {
                   class: "action-buttons__icon",
                   alt: "上传文件"
@@ -444,19 +447,19 @@ const vt = { class: "action-buttons" }, yt = {
           ]),
           _: 1
         })) : P("", !0),
-        i.value && !y.loading ? (k(), Z(x(ue), {
+        i.value && !y.loading ? (k(), G(x(ue), {
           key: 1,
           class: oe(["action-buttons__button action-buttons__speech-button", { "is-recording": f.value }]),
           type: "text",
           disabled: u.value,
           onClick: l
         }, {
-          default: G(() => [
-            f.value ? (k(), Z(x(ot), {
+          default: J(() => [
+            f.value ? (k(), G(x(ot), {
               key: 1,
               class: "action-buttons__icon action-buttons__icon--recording",
               alt: "语音中"
-            })) : (k(), Z(x(st), {
+            })) : (k(), G(x(st), {
               key: 0,
               class: "action-buttons__icon",
               alt: "录音"
@@ -464,20 +467,20 @@ const vt = { class: "action-buttons" }, yt = {
           ]),
           _: 1
         }, 8, ["disabled", "class"])) : P("", !0),
-        y.showClear ? (k(), Z(x(me), {
+        y.showClear ? (k(), G(x(De), {
           key: 2,
           content: "清空内容",
           placement: "top"
         }, {
-          default: G(() => [
+          default: J(() => [
             U(x(ue), {
               class: "action-buttons__button action-buttons__clear-button",
               type: "text",
               disabled: u.value || !y.hasContent,
               onClick: _
             }, {
-              default: G(() => [
-                (k(), Z(Ze(x(d)), { class: "action-buttons__icon action-buttons__icon--close" }))
+              default: J(() => [
+                (k(), G(Ze(x(d)), { class: "action-buttons__icon action-buttons__icon--close" }))
               ]),
               _: 1
             }, 8, ["disabled"])
@@ -485,31 +488,22 @@ const vt = { class: "action-buttons" }, yt = {
           _: 1
         })) : P("", !0)
       ])) : P("", !0),
-      y.hasContent || y.loading ? (k(), Z(x(ue), {
+      y.hasContent || y.loading ? (k(), G(x(ue), {
         key: 1,
         type: "text",
         class: "action-buttons__button action-buttons__submit",
         disabled: y.loading ? u.value : s.value,
         onClick: w[0] || (w[0] = (C) => y.loading ? F() : E())
       }, {
-        default: G(() => [
-          K("div", bt, [
-            y.loading ? (k(), Z(x(me), {
-              key: 1,
-              content: "停止生成",
-              placement: "top"
-            }, {
-              default: G(() => [
-                K("div", Ct, [
-                  U(x(at), {
-                    class: "action-buttons__icon action-buttons__icon--stop",
-                    alt: "加载中"
-                  }),
-                  w[1] || (w[1] = K("span", { class: "action-buttons__cancel-text" }, "停止回答", -1))
-                ])
-              ]),
-              _: 1
-            })) : (k(), Z(x(lt), {
+        default: J(() => [
+          X("div", bt, [
+            y.loading ? (k(), I("div", Ct, [
+              U(x(at), {
+                class: "action-buttons__icon action-buttons__icon--stop",
+                alt: "加载中"
+              }),
+              w[1] || (w[1] = X("span", { class: "action-buttons__cancel-text" }, "停止回答", -1))
+            ])) : (k(), G(x(lt), {
               key: 0,
               class: "action-buttons__icon action-buttons__icon--send",
               alt: "发送"
@@ -539,15 +533,15 @@ function wt(t, b) {
       let a = "";
       if (e.nodeType === Node.TEXT_NODE) {
         const g = e.textContent || "";
-        a += J(g);
+        a += Z(g);
       } else if (e.nodeType === Node.ELEMENT_NODE) {
         const g = e;
         if (g.classList.contains("template-field")) {
           const T = g.textContent || "";
-          a += J(T);
+          a += Z(T);
         } else if (g.tagName.toLowerCase() === "span") {
           const T = g.textContent || "";
-          a += J(T);
+          a += Z(T);
         } else if (g.tagName.toLowerCase() === "br")
           a += `
 `;
@@ -566,7 +560,7 @@ function wt(t, b) {
       v(e, r || "");
     }), e;
   }, v = (n, r) => {
-    const e = J(r);
+    const e = Z(r);
     if (!e || e.trim() === "") {
       const a = n.getAttribute("data-placeholder") || "";
       a ? _(n, a, !0) : (n.style.minWidth = "", n.style.width = "");
@@ -578,7 +572,7 @@ function wt(t, b) {
     a.className = "template-field", a.style.visibility = "hidden", a.style.position = "absolute", a.style.top = "-9999px", a.style.left = "-9999px", a.style.whiteSpace = "nowrap", a.style.padding = "3px 8px", a.style.margin = "0 2px", a.style.boxSizing = "border-box", a.textContent = r, document.body.appendChild(a);
     const g = getComputedStyle(a), T = a.offsetWidth, A = parseFloat(g.fontSize);
     document.body.removeChild(a);
-    const V = e ? 1.5 : 2, X = T / A, B = Math.max(V, Math.ceil(X));
+    const V = e ? 1.5 : 2, H = T / A, B = Math.max(V, Math.ceil(H));
     n.style.setProperty("min-width", `${B}em`, "important");
     const q = 20;
     B > q ? (n.style.setProperty("max-width", `${q}em`, "important"), n.style.setProperty("white-space", "normal", "important"), n.style.setProperty("word-break", "break-word", "important")) : n.style.removeProperty("max-width");
@@ -622,7 +616,7 @@ function wt(t, b) {
         if (g.type === "field") {
           const T = u(g.content), A = s(g.content, T);
           e.appendChild(A);
-          const V = he();
+          const V = me();
           e.appendChild(V), a || (a = A);
         } else
           e.appendChild(document.createTextNode(g.content));
@@ -634,7 +628,7 @@ function wt(t, b) {
       const g = w(n, r);
       g.success ? g.elements.forEach((T) => {
         if (e.appendChild(T.node), T.isField) {
-          const A = he();
+          const A = me();
           e.appendChild(A);
         }
         T.isField && !a && (a = T.node);
@@ -653,9 +647,9 @@ function wt(t, b) {
         }), a += A.content.length, g++) : T = !1;
       else {
         let V = "";
-        const X = n.find((B, q) => q > g && B.type === "text");
-        if (X) {
-          const B = r.substring(a), q = B.indexOf(X.content);
+        const H = n.find((B, q) => q > g && B.type === "text");
+        if (H) {
+          const B = r.substring(a), q = B.indexOf(H.content);
           q !== -1 ? (V = B.substring(0, q), a += V.length) : T = !1;
         } else
           V = r.substring(a), a = r.length;
@@ -669,7 +663,7 @@ function wt(t, b) {
       for (let A = g; A < n.length; A++) {
         const V = n[A];
         if (V.type === "field") {
-          const X = !o.value || o.value === "" ? u(V.content) : "", B = s(V.content, X);
+          const H = !o.value || o.value === "" ? u(V.content) : "", B = s(V.content, H);
           e.push({ node: B, isField: !0 });
         } else
           e.push({
@@ -684,7 +678,7 @@ function wt(t, b) {
     const n = i(o.template), r = y(n, o.value);
     l(), W(() => {
       if (h(), r) {
-        const e = r.textContent || "", a = J(e);
+        const e = r.textContent || "", a = Z(e);
         a && a.trim() !== "" ? E(r, "inside", !1) : E(r, "inside", !0);
       } else
         F();
@@ -692,15 +686,15 @@ function wt(t, b) {
     });
   }, m = () => {
     if (o.isComposing) return;
-    I(), p(), L(), h();
+    M(), p(), L(), h();
     const n = f();
-    n !== o.value && (o.onValueChange(n), o.onInput(n)), l(n), n === "" && t.value && Array.from(t.value.childNodes).every((e) => e.nodeType === Node.ELEMENT_NODE && e.classList.contains("template-field") ? ct(e) : !!(e.nodeType === Node.TEXT_NODE && Q(e.textContent || ""))) && I();
+    n !== o.value && (o.onValueChange(n), o.onInput(n)), l(n), n === "" && t.value && Array.from(t.value.childNodes).every((e) => e.nodeType === Node.ELEMENT_NODE && e.classList.contains("template-field") ? ct(e) : !!(e.nodeType === Node.TEXT_NODE && Q(e.textContent || ""))) && M();
   }, L = () => {
     if (!t.value) return;
     dt(t.value), t.value.querySelectorAll(".template-field").forEach((r) => {
       Fe(r);
     });
-  }, I = () => {
+  }, M = () => {
     if (!t.value) return;
     const n = [];
     t.value.childNodes.forEach((r) => {
@@ -748,8 +742,8 @@ function wt(t, b) {
           B && e.setAttribute("data-placeholder", B);
         }
         e.removeAttribute("style");
-        const X = e.textContent || "";
-        v(e, X);
+        const H = e.textContent || "";
+        v(e, H);
       }
     });
   }, h = () => {
@@ -776,7 +770,7 @@ function wt(t, b) {
     // 事件处理
     handleInput: m,
     checkHasContent: l,
-    cleanupEmptyTextNodes: I,
+    cleanupEmptyTextNodes: M,
     // 推断 placeholder
     inferPlaceholderForContent: z,
     extractPlaceholderFromElement: j,
@@ -807,16 +801,16 @@ function wt(t, b) {
     updateOptions: S
   };
 }
-const St = /* @__PURE__ */ ve({
+const St = /* @__PURE__ */ he({
   __name: "TemplateEditor",
-  props: /* @__PURE__ */ Ne({
+  props: /* @__PURE__ */ _e({
     value: {},
     autofocus: { type: Boolean }
   }, {
     value: { default: "" },
     valueModifiers: {}
   }),
-  emits: /* @__PURE__ */ Ne(["input", "content-status", "submit", "focus", "blur", "empty-content"], ["update:value"]),
+  emits: /* @__PURE__ */ _e(["input", "content-status", "submit", "focus", "blur", "empty-content"], ["update:value"]),
   setup(t, { expose: b, emit: d }) {
     const o = Ge(t, "value"), S = t, i = d, f = O(null), u = O(""), s = O({}), v = O(!1), _ = O(!1), l = wt(f, {
       template: u.value,
@@ -845,8 +839,8 @@ const St = /* @__PURE__ */ ve({
       onSubmit: (p) => i("submit", p)
     }), F = (p, h) => {
       let N = p;
-      return Object.entries(h).forEach(([H, n]) => {
-        const r = `[${H}]`;
+      return Object.entries(h).forEach(([K, n]) => {
+        const r = `[${K}]`;
         N = N.replace(new RegExp(r.replace(/[[\]]/g, "\\$&"), "g"), n);
       }), N;
     }, y = (p) => {
@@ -865,11 +859,11 @@ const St = /* @__PURE__ */ ve({
     }, C = () => {
       _.value = !1, l.handleInput();
     }, m = (p) => {
-      var H;
+      var K;
       if (!f.value) return;
       const h = p.target;
       let N = null;
-      if (h.classList.contains("template-field") ? N = h : (H = h.parentElement) != null && H.classList.contains("template-field") && (N = h.parentElement), N && (!N.textContent || N.textContent.trim() === "")) {
+      if (h.classList.contains("template-field") ? N = h : (K = h.parentElement) != null && K.classList.contains("template-field") && (N = h.parentElement), N && (!N.textContent || N.textContent.trim() === "")) {
         const n = window.getSelection(), r = document.createRange();
         n && (r.selectNodeContents(N), r.collapse(!0), n.removeAllRanges(), n.addRange(r), N.focus(), p.preventDefault(), p.stopPropagation());
       }
@@ -877,18 +871,18 @@ const St = /* @__PURE__ */ ve({
       p.preventDefault();
       const h = p.clipboardData;
       if (!h) return;
-      const N = h.getData("text/html"), H = h.getData("text/plain");
+      const N = h.getData("text/html"), K = h.getData("text/plain");
       if (N) {
         const n = document.createElement("div");
         n.innerHTML = N;
         const r = n.querySelectorAll("span");
         let e = !1;
         if (r.forEach((a) => {
-          const g = a, T = g.style, A = g.classList.contains("template-field"), V = g.hasAttribute("data-placeholder"), X = T.backgroundColor && // 标准格式
+          const g = a, T = g.style, A = g.classList.contains("template-field"), V = g.hasAttribute("data-placeholder"), H = T.backgroundColor && // 标准格式
           (T.backgroundColor === "rgba(0, 0, 0, 0.05)" || T.backgroundColor === "rgba(0, 0, 0, 0.08)" || // 可能的变体格式
           T.backgroundColor.includes("rgba(0, 0, 0, 0.05)") || T.backgroundColor.includes("rgba(0, 0, 0, 0.08)") || // 十六进制或其他可能的格式
           T.backgroundColor.toLowerCase().includes("0.05") || T.backgroundColor.toLowerCase().includes("0.08")), B = T.borderRadius === "4px" || T.padding === "3px 8px" || T.margin === "0px 2px" || T.whiteSpace === "nowrap";
-          if (A || V || X || B) {
+          if (A || V || H || B) {
             if (e = !0, g.className = "template-field", !g.getAttribute("data-placeholder")) {
               const q = l.extractPlaceholderFromElement(g);
               q && g.setAttribute("data-placeholder", q);
@@ -896,20 +890,20 @@ const St = /* @__PURE__ */ ve({
             g.removeAttribute("style");
           }
         }), e) {
-          I(n);
+          M(n);
           return;
         }
       }
-      H && z(H);
-    }, I = (p) => {
+      K && z(K);
+    }, M = (p) => {
       const h = window.getSelection();
       if (h && h.rangeCount > 0) {
         const N = h.getRangeAt(0);
         N.deleteContents();
-        const H = document.createDocumentFragment();
+        const K = document.createDocumentFragment();
         for (; p.firstChild; )
-          H.appendChild(p.firstChild);
-        N.insertNode(H), N.collapse(!1), h.removeAllRanges(), h.addRange(N), j();
+          K.appendChild(p.firstChild);
+        N.insertNode(K), N.collapse(!1), h.removeAllRanges(), h.addRange(N), j();
       }
     }, z = (p) => {
       const h = window.getSelection();
@@ -974,7 +968,7 @@ const St = /* @__PURE__ */ ve({
       activateFirstField: l.activateFirstField,
       getValueFromDOM: l.getValueFromDOM,
       setTemplate: y
-    }), (p, h) => (k(), M("div", {
+    }), (p, h) => (k(), I("div", {
       class: "template-editor",
       ref_key: "contentEditableRef",
       ref: f,
@@ -1021,7 +1015,7 @@ const St = /* @__PURE__ */ ve({
 }, $t = ["onMouseenter", "onMousedown"], Pt = { class: "suggestion-item__text" }, Kt = {
   key: 0,
   class: "tiny-sender__error"
-}, ce = /* @__PURE__ */ ve({
+}, ce = /* @__PURE__ */ he({
   __name: "index",
   props: {
     autofocus: { type: Boolean, default: !1 },
@@ -1054,13 +1048,13 @@ const St = /* @__PURE__ */ ve({
       completionPlaceholder: C,
       showTabHint: m,
       suggestionsListRef: L,
-      filteredSuggestions: I,
+      filteredSuggestions: M,
       activeSuggestion: z,
       updateSuggestionsState: j,
       selectSuggestion: p,
       acceptCurrentSuggestion: h,
       closeSuggestionsPopup: N,
-      navigateSuggestions: H,
+      navigateSuggestions: K,
       handleSuggestionItemHover: n,
       highlightSuggestionText: r
     } = ht(o, S, l, E), e = O(o.mode), a = O(!1), g = () => {
@@ -1089,22 +1083,22 @@ const St = /* @__PURE__ */ ve({
           const re = document.querySelector(".tiny-textarea__inner");
           if (re) {
             re.style.whiteSpace = "pre-wrap";
-            const _e = l.value.length;
-            re.focus(), re.setSelectionRange(_e, _e);
+            const Ee = l.value.length;
+            re.focus(), re.setSelectionRange(Ee, Ee);
           }
           a.value = !1;
         }, 300) : a.value = !1;
       }));
     }, V = () => {
       if (_.value && u.value)
-        ye();
+        ve();
       else if (i.value)
         i.value.focus();
       else {
         const c = document.querySelector(".tiny-input__inner");
         c == null || c.focus();
       }
-    }, X = () => {
+    }, H = () => {
       _.value = !1, S("reset-template"), W(() => {
         l.value === "" && (e.value = o.mode || "single"), setTimeout(() => {
           V();
@@ -1112,12 +1106,12 @@ const St = /* @__PURE__ */ ve({
       });
     }, B = () => {
       var c;
-      F(), _.value ? X() : (c = f.value) == null || c.focus(), W(() => {
+      F(), _.value ? H() : (c = f.value) == null || c.focus(), W(() => {
         l.value === "" && (e.value = o.mode || "single");
       }), N();
     }, q = (c) => {
       S("update:modelValue", c);
-    }, ye = () => {
+    }, ve = () => {
       u.value && u.value.activateFirstField();
     }, Ie = (c, R) => {
       _.value = !0, W(() => {
@@ -1143,8 +1137,8 @@ const St = /* @__PURE__ */ ve({
           ze(R.message), S("speech-error", R);
         }
       };
-    }), { speechState: ae, start: be, stop: Ce } = gt(Me.value), de = () => {
-      ae.isRecording ? Ce() : be();
+    }), { speechState: ae, start: ye, stop: be } = gt(Me.value), de = () => {
+      ae.isRecording ? be() : ye();
     }, { handleKeyPress: Ve, triggerSubmit: fe } = ft(
       o,
       S,
@@ -1155,12 +1149,12 @@ const St = /* @__PURE__ */ ve({
       z,
       h,
       N,
-      H,
+      K,
       de,
       e,
       g
     ), Be = (c) => {
-      S("focus", c), l.value && I.value.length > 0 && !o.template && (y.value = !0, m.value = !0);
+      S("focus", c), l.value && M.value.length > 0 && !o.template && (y.value = !0, m.value = !0);
     }, We = (c) => {
       S("blur", c), N();
     }, $e = $(() => e.value === "multiple" ? "textarea" : "text"), Pe = $(
@@ -1169,9 +1163,9 @@ const St = /* @__PURE__ */ ve({
         justifyContent: o.showWordLimit && o.maxLength !== 1 / 0 ? "space-between" : "flex-end",
         alignItems: "center"
       })
-    ), Ke = Qe(), He = $(() => !!Ke.decorativeContent), ie = $(() => o.disabled || He.value), we = $(() => o.loading), Se = $(() => o.hasContent !== void 0 ? o.hasContent : !!l.value), Xe = $(() => ({
+    ), Ke = Qe(), He = $(() => !!Ke.decorativeContent), ie = $(() => o.disabled || He.value), Ce = $(() => o.loading), we = $(() => o.hasContent !== void 0 ? o.hasContent : !!l.value), Xe = $(() => ({
       "is-disabled": ie.value,
-      "is-loading": we.value,
+      "is-loading": Ce.value,
       "has-error": !!le.value,
       "is-auto-switching": a.value
     })), qe = $(() => ({
@@ -1204,58 +1198,58 @@ const St = /* @__PURE__ */ ve({
       },
       clear: B,
       submit: fe,
-      startSpeech: be,
-      stopSpeech: Ce,
-      activateTemplateFirstField: ye,
+      startSpeech: ye,
+      stopSpeech: be,
+      activateTemplateFirstField: ve,
       setTemplate: Ie
-    }), (c, R) => (k(), M("div", {
+    }), (c, R) => (k(), I("div", {
       ref_key: "senderRef",
       ref: f,
       class: oe(["tiny-sender", [Xe.value, `theme-${c.theme}`, `mode-${e.value}`]]),
       "data-theme": c.theme
     }, [
-      K("div", _t, [
-        K("div", {
+      X("div", _t, [
+        X("div", {
           class: "tiny-sender__input-wrapper",
           ref_key: "inputWrapperRef",
           ref: s
         }, [
           U(ge, { name: "tiny-sender-slide-down" }, {
-            default: G(() => [
-              c.$slots.header ? (k(), M("div", Nt, [
+            default: J(() => [
+              c.$slots.header ? (k(), I("div", Nt, [
                 ne(c.$slots, "header")
               ])) : P("", !0)
             ]),
             _: 3
           }),
-          K("div", {
+          X("div", {
             class: oe(["tiny-sender__input-row", { "has-prefix": c.$slots.prefix, "has-header": c.$slots.header }])
           }, [
-            c.$slots.prefix ? (k(), M("div", Tt, [
+            c.$slots.prefix ? (k(), I("div", Tt, [
               ne(c.$slots, "prefix")
             ])) : P("", !0),
-            K("div", xt, [
-              c.$slots.decorativeContent ? (k(), M("div", Rt, [
+            X("div", xt, [
+              c.$slots.decorativeContent ? (k(), I("div", Rt, [
                 ne(c.$slots, "decorativeContent")
               ])) : P("", !0),
-              _.value ? (k(), Z(St, {
+              _.value ? (k(), G(St, {
                 key: 1,
                 ref_key: "templateEditorRef",
                 ref: u,
                 value: x(l),
-                "onUpdate:value": R[0] || (R[0] = (D) => Te(l) ? l.value = D : null),
+                "onUpdate:value": R[0] || (R[0] = (D) => Ne(l) ? l.value = D : null),
                 onInput: q,
-                onEmptyContent: X
-              }, null, 8, ["value"])) : (k(), M("div", kt, [
+                onEmptyContent: H
+              }, null, 8, ["value"])) : (k(), I("div", kt, [
                 U(x(et), {
                   ref_key: "inputRef",
                   ref: i,
                   autosize: c.autoSize,
                   type: $e.value,
-                  readonly: we.value,
+                  readonly: Ce.value,
                   resize: "none",
                   modelValue: x(l),
-                  "onUpdate:modelValue": R[1] || (R[1] = (D) => Te(l) ? l.value = D : null),
+                  "onUpdate:modelValue": R[1] || (R[1] = (D) => Ne(l) ? l.value = D : null),
                   disabled: ie.value,
                   placeholder: c.placeholder,
                   autofocus: c.autofocus,
@@ -1265,15 +1259,15 @@ const St = /* @__PURE__ */ ve({
                   onFocus: Be,
                   onBlur: We
                 }, null, 8, ["autosize", "type", "readonly", "modelValue", "disabled", "placeholder", "autofocus", "onKeydown"]),
-                x(C) && !x(E) ? (k(), M("div", Dt, [
-                  K("span", Ft, se(x(l)), 1),
-                  xe(se(x(C)) + " ", 1),
-                  x(m) ? (k(), M("div", Lt, "TAB")) : P("", !0)
+                x(C) && !x(E) ? (k(), I("div", Dt, [
+                  X("span", Ft, se(x(l)), 1),
+                  Te(se(x(C)) + " ", 1),
+                  x(m) ? (k(), I("div", Lt, "TAB")) : P("", !0)
                 ])) : P("", !0)
               ]))
             ]),
-            e.value === "single" ? (k(), M("div", Ot, [
-              K("div", {
+            e.value === "single" ? (k(), I("div", Ot, [
+              X("div", {
                 class: "tiny-sender__buttons-container",
                 ref_key: "buttonsContainerRef",
                 ref: v
@@ -1285,7 +1279,7 @@ const St = /* @__PURE__ */ ve({
                   loading: c.loading,
                   disabled: ie.value,
                   "show-clear": c.clearable,
-                  "has-content": Se.value,
+                  "has-content": we.value,
                   "speech-status": x(ae),
                   "submit-type": c.submitType,
                   "is-over-limit": pe.value,
@@ -1298,33 +1292,33 @@ const St = /* @__PURE__ */ ve({
             ])) : P("", !0)
           ], 2),
           U(ge, { name: "tiny-sender-slide-up" }, {
-            default: G(() => [
-              e.value === "multiple" ? (k(), M("div", {
+            default: J(() => [
+              e.value === "multiple" ? (k(), I("div", {
                 key: 0,
-                style: Re(Pe.value),
+                style: xe(Pe.value),
                 class: "tiny-sender__footer-slot tiny-sender__bottom-row"
               }, [
-                K("div", At, [
+                X("div", At, [
                   ne(c.$slots, "footer-left")
                 ]),
-                K("div", It, [
+                X("div", It, [
                   ne(c.$slots, "footer-right"),
-                  c.showWordLimit && c.maxLength !== 1 / 0 ? (k(), M("div", {
+                  c.showWordLimit && c.maxLength !== 1 / 0 ? (k(), I("div", {
                     key: 0,
                     class: oe(["tiny-sender__word-limit", { "is-over-limit": pe.value }])
                   }, [
-                    K("span", Mt, se(x(l).length), 1),
-                    xe("/" + se(c.maxLength), 1)
+                    X("span", Mt, se(x(l).length), 1),
+                    Te("/" + se(c.maxLength), 1)
                   ], 2)) : P("", !0),
-                  e.value === "multiple" ? (k(), M("div", Vt, [
-                    K("div", Bt, [
+                  e.value === "multiple" ? (k(), I("div", Vt, [
+                    X("div", Bt, [
                       U(Le, {
                         "allow-speech": c.allowSpeech,
                         "allow-files": c.allowFiles,
                         loading: c.loading,
                         disabled: ie.value,
                         "show-clear": c.clearable,
-                        "has-content": Se.value,
+                        "has-content": we.value,
                         "speech-status": x(ae),
                         "submit-type": c.submitType,
                         "is-over-limit": pe.value,
@@ -1336,7 +1330,7 @@ const St = /* @__PURE__ */ ve({
                     ])
                   ])) : P("", !0)
                 ])
-              ], 4)) : c.$slots.footer ? (k(), M("div", Wt, [
+              ], 4)) : c.$slots.footer ? (k(), I("div", Wt, [
                 ne(c.$slots, "footer")
               ])) : P("", !0)
             ]),
@@ -1345,24 +1339,24 @@ const St = /* @__PURE__ */ ve({
         ], 512)
       ]),
       U(ge, { name: "tiny-sender-slide-up" }, {
-        default: G(() => [
-          x(y) && x(I).length ? (k(), M("div", {
+        default: J(() => [
+          x(y) && x(M).length ? (k(), I("div", {
             key: 0,
             ref_key: "suggestionsListRef",
             ref: L,
             class: "tiny-sender__suggestions",
-            style: Re(qe.value)
+            style: xe(qe.value)
           }, [
-            (k(!0), M(ke, null, De(x(I), (D, ee) => (k(), M("div", {
+            (k(!0), I(Re, null, ke(x(M), (D, ee) => (k(), I("div", {
               key: ee,
               class: oe(["suggestion-item", { highlighted: ee === x(w) }]),
               onMouseenter: (te) => x(n)(ee),
               onMousedown: Ye((te) => x(p)(D), ["prevent"])
             }, [
               U(x(it), { class: "suggestion-item__icon" }),
-              K("span", Pt, [
-                (k(!0), M(ke, null, De(x(r)(D, x(l)), (te, Ee) => (k(), M("span", {
-                  key: Ee,
+              X("span", Pt, [
+                (k(!0), I(Re, null, ke(x(r)(D, x(l)), (te, Se) => (k(), I("span", {
+                  key: Se,
                   class: oe({ "suggestion-item__text--match": te.isMatch, "suggestion-item__text--normal": !te.isMatch })
                 }, se(te.text), 3))), 128))
               ])
@@ -1371,7 +1365,7 @@ const St = /* @__PURE__ */ ve({
         ]),
         _: 1
       }),
-      le.value ? (k(), M("div", Kt, se(le.value), 1)) : P("", !0)
+      le.value ? (k(), I("div", Kt, se(le.value), 1)) : P("", !0)
     ], 10, Et));
   }
 });