@opentiny/tiny-robot 0.3.0-alpha.13 → 0.3.0-alpha.14

package/dist/sender/index.js

@@ -1,8 +1,8 @@
-import { ref as H, watch as ee, reactive as at, computed as L, nextTick as X, defineComponent as me, createElementBlock as R, openBlock as S, createCommentVNode as q, normalizeStyle as Ke, createBlock as Y, unref as C, withCtx as re, createElementVNode as M, createVNode as J, normalizeClass as te, toDisplayString as ae, useAttrs as lt, resolveComponent as rt, mergeProps as ve, Fragment as ie, renderList as ye, mergeModels as it, useModel as ut, Transition as He, withModifiers as ct, useSlots as dt, renderSlot as oe, isRef as ft, createTextVNode as Ge } from "vue";
+import { ref as H, watch as ee, reactive as at, computed as L, nextTick as J, defineComponent as me, createElementBlock as R, openBlock as S, createCommentVNode as M, normalizeStyle as Pe, createBlock as Y, unref as C, withCtx as re, createElementVNode as z, createVNode as X, normalizeClass as te, toDisplayString as ae, useAttrs as lt, resolveComponent as rt, mergeProps as ve, Fragment as ie, renderList as ye, mergeModels as it, useModel as ut, Transition as He, withModifiers as ct, useSlots as dt, renderSlot as oe, isRef as ft, createTextVNode as Ge } from "vue";
 import { I as pt } from "../index6.js";
 import { d as ht } from "../index3.js";
 import { T as Ee } from "../index2.js";
-import { K as gt, $ as vt, H as yt, c as mt, q as St, J as wt, s as _t } from "../tiny-robot-svgs.js";
+import { p as gt, u as vt, I as yt, x as mt, i as St, l as wt, z as _t } from "../tiny-robot-svgs.js";
 import { _ as Oe } from "../_plugin-vue_export-helper.js";
 import { t as bt } from "../utils.js";
 function Ct(i, c) {
@@ -39,12 +39,12 @@ function Ct(i, c) {
     }
   };
 }
-function kt(i, c, a, u, v, w, o, p, b, h, k, g, I, m, K, B) {
+function kt(i, c, a, u, v, w, o, p, b, h, k, g, I, m, P, B) {
   const A = () => {
-    g.value && (K != null && K.value && (B == null || B()), c("submit", a.value.trim()));
-  }, f = (y, P) => {
+    g.value && (P != null && P.value && (B == null || B()), c("submit", a.value.trim()));
+  }, f = (y, W) => {
     if (!(y.key === "Enter")) return !1;
-    switch (P) {
+    switch (W) {
       case "enter":
         return !y.shiftKey && !y.ctrlKey && !y.metaKey;
       case "ctrlEnter":
@@ -60,10 +60,10 @@ function kt(i, c, a, u, v, w, o, p, b, h, k, g, I, m, K, B) {
       if (u.value) return;
       if (y.key === "Enter" && y.shiftKey && (I == null ? void 0 : I.value) === "single" && m) {
         y.preventDefault(), m();
-        const W = y.target, U = W.selectionStart, Q = a.value;
-        a.value = Q.substring(0, U) + `
-` + Q.substring(U), setTimeout(() => {
-          W.selectionStart = W.selectionEnd = U + 1;
+        const K = y.target, q = K.selectionStart, Q = a.value;
+        a.value = Q.substring(0, q) + `
+` + Q.substring(q), setTimeout(() => {
+          K.selectionStart = K.selectionEnd = q + 1;
         }, 0);
         return;
       }
@@ -200,7 +200,7 @@ function Rt(i, c, a, u, v) {
     if (!i.suggestions || !a.value || v.value) return [];
     const O = a.value.toLowerCase();
     return i.suggestions.filter((V) => V.toLowerCase().includes(O));
-  }), K = L(() => {
+  }), P = L(() => {
     let O = -1;
     return I.value === "mouse" && p.value !== -1 ? O = p.value : I.value === "keyboard" && o.value !== -1 && (O = o.value), m.value[O] || null;
   }), B = (O) => O === o.value || O === p.value, A = (O) => {
@@ -208,25 +208,25 @@ function Rt(i, c, a, u, v) {
       b.value = "", h.value = !1;
       return;
     }
-    const V = O || K.value;
+    const V = O || P.value;
     V && a.value && V.toLowerCase().startsWith(a.value.toLowerCase()) ? (b.value = V.substring(a.value.length), h.value = !0) : (b.value = "", h.value = !1);
   }, f = () => {
     w.value = !1, o.value = -1, p.value = -1, I.value = null, b.value = "", h.value = !1;
   }, E = () => {
     w.value = !0, o.value = -1, p.value = -1, I.value = null, A();
   }, y = () => {
-    u.value || g.value || X(() => {
+    u.value || g.value || J(() => {
       a.value && i.suggestions && i.suggestions.length > 0 && !v.value && m.value.length > 0 ? E() : f();
     });
   };
   ee(a, y), ee(() => i.suggestions, y);
-  const P = (O) => {
-    g.value = !0, a.value = O, c("update:modelValue", O), c("suggestion-select", O), U(), X(() => {
+  const W = (O) => {
+    g.value = !0, a.value = O, c("update:modelValue", O), c("suggestion-select", O), q(), J(() => {
       g.value = !1;
     });
-  }, W = () => {
-    K.value && P(K.value);
-  }, U = () => {
+  }, K = () => {
+    P.value && W(P.value);
+  }, q = () => {
     f();
   };
   return {
@@ -235,13 +235,13 @@ function Rt(i, c, a, u, v) {
     showTabHint: h,
     suggestionsListRef: k,
     filteredSuggestions: m,
-    activeSuggestion: K,
+    activeSuggestion: P,
     isItemHighlighted: B,
     updateCompletionPlaceholder: A,
     updateSuggestionsState: y,
-    selectSuggestion: P,
-    acceptCurrentSuggestion: W,
-    closeSuggestionsPopup: U,
+    selectSuggestion: W,
+    acceptCurrentSuggestion: K,
+    closeSuggestionsPopup: q,
     navigateSuggestions: (O) => {
       if (!w.value || m.value.length === 0) return;
       I.value = "keyboard", o.value === -1 ? o.value = O === "down" ? 0 : m.value.length - 1 : O === "down" ? o.value = (o.value + 1) % m.value.length : o.value = (o.value - 1 + m.value.length) % m.value.length;
@@ -265,7 +265,7 @@ function Rt(i, c, a, u, v) {
         I.value = null, A();
     },
     handleClickOutside: () => {
-      U();
+      q();
     },
     highlightSuggestionText: It
   };
@@ -320,7 +320,7 @@ const Ot = { class: "action-buttons" }, Tt = { class: "action-buttons__submit-co
       }
     }, m = () => {
       h.value || u("submit");
-    }, K = () => {
+    }, P = () => {
       b.value || u("cancel");
     }, B = L(() => {
       var f, E;
@@ -332,7 +332,7 @@ const Ot = { class: "action-buttons" }, Tt = { class: "action-buttons__submit-co
       k.value ? (S(), R("div", {
         key: 0,
         class: "action-buttons__utility",
-        style: Ke({ "padding-right": f.hasContent || f.loading ? "0" : "6px" })
+        style: Pe({ "padding-right": f.hasContent || f.loading ? "0" : "6px" })
       }, [
         f.allowFiles && !f.loading ? (S(), Y(C(Ee), {
           key: 0,
@@ -342,18 +342,18 @@ const Ot = { class: "action-buttons" }, Tt = { class: "action-buttons__submit-co
           "visible-arrow": !1
         }, {
           default: re(() => [
-            M("div", {
+            z("div", {
               class: "action-buttons__button",
               onClick: A
             }, [
-              J(C(gt), {
+              X(C(gt), {
                 class: te(["action-buttons__icon", "action-buttons__icon--upload", { "is-disabled": B.value }]),
                 alt: "上传文件"
               }, null, 8, ["class"])
             ])
           ]),
           _: 1
-        }, 8, ["render-content"])) : q("", !0),
+        }, 8, ["render-content"])) : M("", !0),
         o.value && !f.loading ? (S(), R("div", {
           key: 1,
           class: te(["action-buttons__button", { "is-recording": p.value }]),
@@ -368,38 +368,38 @@ const Ot = { class: "action-buttons" }, Tt = { class: "action-buttons__submit-co
             class: "action-buttons__icon",
             alt: "录音"
           }))
-        ], 2)) : q("", !0),
+        ], 2)) : M("", !0),
         f.showClear ? (S(), Y(C(Ee), {
           key: 2,
           content: "清空内容",
           placement: "top"
         }, {
           default: re(() => [
-            M("div", {
+            z("div", {
               class: "action-buttons__button",
               onClick: g
             }, [
-              J(C(mt), { class: "action-buttons__icon action-buttons__icon--clear" })
+              X(C(mt), { class: "action-buttons__icon action-buttons__icon--clear" })
             ])
           ]),
           _: 1
-        })) : q("", !0)
-      ], 4)) : q("", !0),
+        })) : M("", !0)
+      ], 4)) : M("", !0),
       f.hasContent || f.loading ? (S(), R("div", {
         key: 1,
         class: "action-buttons__button action-buttons__submit",
-        onClick: E[0] || (E[0] = (y) => f.loading ? K() : m())
+        onClick: E[0] || (E[0] = (y) => f.loading ? P() : m())
       }, [
-        M("div", Tt, [
+        z("div", Tt, [
           f.loading ? (S(), R("div", {
             key: 1,
             class: te(["action-buttons__cancel", { "action-buttons__cancel--icon-only": !f.stopText }])
           }, [
-            J(C(wt), {
+            X(C(wt), {
               class: "action-buttons__icon action-buttons__icon--cancel",
               alt: "停止"
             }),
-            f.stopText ? (S(), R("span", $t, ae(f.stopText), 1)) : q("", !0)
+            f.stopText ? (S(), R("span", $t, ae(f.stopText), 1)) : M("", !0)
           ], 2)) : (S(), Y(C(Ee), {
             key: 0,
             effect: "light",
@@ -408,7 +408,7 @@ const Ot = { class: "action-buttons" }, Tt = { class: "action-buttons__submit-co
             "visible-arrow": !1
           }, {
             default: re(() => [
-              J(C(St), {
+              X(C(St), {
                 class: te(["action-buttons__icon", "action-buttons__icon--send", { "is-disabled": h.value }]),
                 alt: "发送"
               }, null, 8, ["class"])
@@ -416,10 +416,10 @@ const Ot = { class: "action-buttons" }, Tt = { class: "action-buttons__submit-co
             _: 1
           }, 8, ["render-content"]))
         ])
-      ])) : q("", !0)
+      ])) : M("", !0)
     ]));
   }
-}), Je = /* @__PURE__ */ Oe(Bt, [["__scopeId", "data-v-a9e0fa92"]]), Lt = ["data-id", "data-type"], Et = ["data-id", "data-type"], Dt = /* @__PURE__ */ me({
+}), Xe = /* @__PURE__ */ Oe(Bt, [["__scopeId", "data-v-a9e0fa92"]]), Lt = ["data-id", "data-type"], Et = ["data-id", "data-type"], Dt = /* @__PURE__ */ me({
   inheritAttrs: !1,
   __name: "Block",
   props: {
@@ -463,7 +463,7 @@ function Ht(i, c = {}) {
     a.length && ((k = c.onRemoveHistory) == null || k.call(c, a)), u.length && ((g = c.onRemoveHistory) == null || g.call(c, u)), a = [], u = [];
   }, get: () => v };
 }
-const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PURE__ */ me({
+const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PURE__ */ me({
   __name: "TemplateEditor",
   props: {
     modelValue: { default: () => [] },
@@ -479,7 +479,7 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
     const o = w(), p = () => Math.random().toString(36).substring(2, 15), b = ut(i, "modelValue"), h = a, k = H(0), g = (e) => e.map((t, s) => ({
       id: `id-${s}`,
       ...t.type === "template" ? { ...t, prefix: De, suffix: Fe } : t
-    })), I = (e) => e.map((t) => ({ type: t.type, content: t.content })), m = H(g(b.value || [])), K = (e) => {
+    })), I = (e) => e.map((t) => ({ type: t.type, content: t.content })), m = H(g(b.value || [])), P = (e) => {
       const t = { type: "text", content: "​", id: p() };
       if (e.length > 0)
         if (o && e[e.length - 1].type === "template")
@@ -536,20 +536,20 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
         timestamp: t,
         data: s
       };
-    }, P = /* @__PURE__ */ new Map(), W = Ht(E(m.value), {
+    }, W = /* @__PURE__ */ new Map(), K = Ht(E(m.value), {
       onRemoveHistory: (e) => {
         for (const t of e)
-          P.delete(t);
+          W.delete(t);
       }
     });
     ee(
       () => b.value,
       (e) => {
-        K(g(e || [])), W.commit(E(m.value));
+        P(g(e || [])), K.commit(E(m.value));
       },
       { deep: !0 }
     );
-    const U = (e, t = document.body) => t.contains(e) ? e instanceof HTMLElement && e.dataset.id ? e : e.parentElement ? U(e.parentElement, t) : null : null, Q = (e) => e === f.value, ue = (e) => {
+    const q = (e, t = document.body) => t.contains(e) ? e instanceof HTMLElement && e.dataset.id ? e : e.parentElement ? q(e.parentElement, t) : null : null, Q = (e) => e === f.value, ue = (e) => {
       const t = window.getSelection();
       if (!t)
         return null;
@@ -586,12 +586,12 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
       const s = p(), r = { id: s, type: "text", content: e };
       if (t) {
         const l = m.value.findIndex((d) => d.id === t);
-        l !== -1 ? K(
+        l !== -1 ? P(
           m.value.slice(0, l + 1).concat(r).concat(m.value.slice(l + 1))
         ) : console.warn(`can not find item with id: ${t}`);
       } else
-        K([r].concat(m.value));
-      X(() => {
+        P([r].concat(m.value));
+      J(() => {
         var d;
         const l = (d = f.value) == null ? void 0 : d.querySelector(`[data-id="${s}"][data-type="text"]`);
         l && G(l, e.length);
@@ -622,14 +622,14 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
       ], _ = ue(f.value);
       if (d.includes(s)) {
         if (r && Q(l.startContainer) && Q(l.endContainer)) {
-          O(r), _ && P.set(W.get(), j(_));
+          O(r), _ && W.set(K.get(), j(_));
           return;
         }
         const T = j(l);
-        T.startId && T.endId ? (Se(T, s, r), _ && P.set(W.get(), j(_))) : console.warn("range is not valid, range:", T);
+        T.startId && T.endId ? (Se(T, s, r), _ && W.set(K.get(), j(_))) : console.warn("range is not valid, range:", T);
       } else s === "insertCompositionText" && V.value.hasStarted && (V.value = { hasStarted: !1, range: j(l) });
     }, j = (e) => {
-      const t = U(e.startContainer, f.value), s = U(e.endContainer, f.value);
+      const t = q(e.startContainer, f.value), s = q(e.endContainer, f.value);
       return {
         collapsed: e.collapsed,
         endContainer: e.endContainer,
@@ -671,10 +671,10 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
       }
       const _ = d, D = [];
       for (const [T, $] of _.entries()) {
-        const z = m.value.find((Be) => Be.id === $.id), ge = T === 0 ? s : "";
-        z ? z.type === "text" ? z.content = N(z.content, ge, $.startOffset, $.endOffset) : z.type === "template" ? $.type === "prefix" || $.type === "suffix" ? $.startOffset === 0 && $.endOffset === 1 && ge.length === 0 ? z[$.type] = "" : console.warn(`${$.type} can not be inserted text. it only can be deleted`, $) : $.startOffset < 0 || $.endOffset > z.content.length ? D.push(z.id) : z.content = N(z.content, ge, $.startOffset, $.endOffset) : console.warn("dataItem.type is not text or template", z) : console.warn("can not find dataItem", $);
+        const U = m.value.find((Be) => Be.id === $.id), ge = T === 0 ? s : "";
+        U ? U.type === "text" ? U.content = N(U.content, ge, $.startOffset, $.endOffset) : U.type === "template" ? $.type === "prefix" || $.type === "suffix" ? $.startOffset === 0 && $.endOffset === 1 && ge.length === 0 ? U[$.type] = "" : console.warn(`${$.type} can not be inserted text. it only can be deleted`, $) : $.startOffset < 0 || $.endOffset > U.content.length ? D.push(U.id) : U.content = N(U.content, ge, $.startOffset, $.endOffset) : console.warn("dataItem.type is not text or template", U) : console.warn("can not find dataItem", $);
       }
-      K(m.value.filter((T) => !D.includes(T.id))), K(
+      P(m.value.filter((T) => !D.includes(T.id))), P(
         m.value.filter((T) => {
           if (T.type === "text")
             return T.content.length > 0;
@@ -687,7 +687,7 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
       _.length > 0 && Te(_, s), b.value = I(m.value);
     }, Te = (e, t) => {
       const s = e[0], r = `[data-id="${s.id}"][data-type="${s.type}"]`, l = e.slice(1).map((d) => `[data-id="${d.id}"][data-type="${d.type}"]`);
-      X(() => {
+      J(() => {
         var _, D;
         const d = (_ = f.value) == null ? void 0 : _.querySelector(r);
         if (d)
@@ -810,7 +810,7 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
       V.value = { hasStarted: !0, range: null };
     }, $e = (e) => {
       const t = V.value.range;
-      t ? (e.data && Q(t.startContainer) && Q(t.endContainer) ? (O(e.data), P.set(W.get(), j(t))) : t.startId && t.endId ? (Se(t, "insertCompositionText", e.data), P.set(W.get(), j(t))) : console.warn("range is not valid, range:", t), k.value++) : console.warn("range is null, compositionEnd:", e), V.value = { hasStarted: !1, range: null };
+      t ? (e.data && Q(t.startContainer) && Q(t.endContainer) ? (O(e.data), W.set(K.get(), j(t))) : t.startId && t.endId ? (Se(t, "insertCompositionText", e.data), W.set(K.get(), j(t))) : console.warn("range is not valid, range:", t), k.value++) : console.warn("range is null, compositionEnd:", e), V.value = { hasStarted: !1, range: null };
     }, Z = (() => {
       const e = navigator.userAgent.toLowerCase();
       return /macintosh|mac os x|iphone|ipad|ipod/.test(e);
@@ -821,21 +821,21 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
       if (t) {
         e.preventDefault();
         const l = ue(f.value);
-        l && P.set(W.get(), j(l));
-        const d = W.undo();
+        l && W.set(K.get(), j(l));
+        const d = K.undo();
         d && pe(d);
       }
       if (s) {
         e.preventDefault();
-        const l = W.redo();
+        const l = K.redo();
         l && pe(l);
       }
       r && (e.preventDefault(), h("submit"));
     }, pe = (e) => {
       const { data: t } = y(e);
-      if (K(t), P.has(e)) {
-        const s = P.get(e);
-        X(() => {
+      if (P(t), W.has(e)) {
+        const s = W.get(e);
+        J(() => {
           const r = f.value.querySelector(`[data-id="${s.startId}"][data-type="${s.startType}"]`), l = f.value.querySelector(`[data-id="${s.endId}"][data-type="${s.endType}"]`);
           r && G(r, s.startOffset, l, s.endOffset);
         });
@@ -843,13 +843,13 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
     };
     return c({
       clearHistory: () => {
-        W.clear(), P.clear();
+        K.clear(), W.clear();
       },
       activateFirstField: () => {
         if (!f.value)
           return;
         const e = m.value.find((t) => t.type === "template");
-        e && X(() => {
+        e && J(() => {
           var s, r;
           const t = (s = f.value) == null ? void 0 : s.querySelector(`[data-id="${e.id}"][data-type="template"]`);
           if (t) {
@@ -858,7 +858,7 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
           }
         });
       }
-    }), (e, t) => (S(), R("div", Kt, [
+    }), (e, t) => (S(), R("div", Pt, [
       (S(), R("div", {
         contenteditable: "true",
         ref_key: "editorRef",
@@ -876,7 +876,7 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
       ], 32))
     ]));
   }
-}), Wt = /* @__PURE__ */ Oe(Pt, [["__scopeId", "data-v-3ae7b00d"]]), At = ["onMouseenter", "onMousedown"], Nt = { class: "suggestion-list__text" }, Vt = /* @__PURE__ */ me({
+}), Kt = /* @__PURE__ */ Oe(Wt, [["__scopeId", "data-v-3ae7b00d"]]), At = ["onMouseenter", "onMousedown"], Nt = { class: "suggestion-list__text" }, Vt = /* @__PURE__ */ me({
   __name: "SuggestionList",
   props: {
     show: { type: Boolean },
@@ -902,7 +902,7 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
           ref_key: "suggestionsListRef",
           ref: v,
           class: "suggestion-list",
-          style: Ke(a.popupStyle)
+          style: Pe(a.popupStyle)
         }, [
           (S(!0), R(ie, null, ye(a.suggestions, (k, g) => (S(), R("div", {
             key: g,
@@ -911,8 +911,8 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
             onMouseleave: o,
             onMousedown: ct((I) => p(k), ["prevent"])
           }, [
-            J(C(_t), { class: "suggestion-list__icon" }),
-            M("span", Nt, [
+            X(C(_t), { class: "suggestion-list__icon" }),
+            z("span", Nt, [
               (S(!0), R(ie, null, ye(a.highlightSuggestionText(k, a.inputValue), (I, m) => (S(), R("span", {
                 key: m,
                 class: te({
@@ -922,21 +922,21 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
               }, ae(I.text), 3))), 128))
             ])
           ], 42, At))), 128))
-        ], 4)) : q("", !0)
+        ], 4)) : M("", !0)
       ]),
       _: 1
     }));
   }
-}), qt = /* @__PURE__ */ Oe(Vt, [["__scopeId", "data-v-238fcdfd"]]), Mt = ["data-theme"], Ut = { class: "tiny-sender__container" }, zt = {
+}), Mt = /* @__PURE__ */ Oe(Vt, [["__scopeId", "data-v-238fcdfd"]]), zt = ["data-theme"], qt = { class: "tiny-sender__container" }, Ut = {
   key: 0,
   class: "tiny-sender__header-slot"
 }, jt = {
   key: 0,
   class: "tiny-sender__prefix-slot"
-}, Gt = { class: "tiny-sender__content-area" }, Jt = {
+}, Gt = { class: "tiny-sender__content-area" }, Xt = {
   key: 0,
   class: "tiny-sender__decorative-content"
-}, Xt = {
+}, Jt = {
   key: 2,
   class: "tiny-sender__input-field-wrapper"
 }, Qt = {
@@ -982,17 +982,17 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
   emits: ["update:modelValue", "update:templateData", "submit", "clear", "speech-start", "speech-end", "speech-interim", "speech-error", "suggestion-select", "focus", "blur", "escape-press", "cancel", "reset-template", "files-selected"],
   setup(i, { expose: c, emit: a }) {
     var Ne;
-    const u = i, v = a, w = H(null), o = H(null), p = H(null), b = H(null), h = H(null), k = L(() => u.templateData && u.templateData.length > 0), { inputValue: g, isComposing: I, clearInput: m } = Ct(u, v), K = L(() => !!g.value.trim()), B = L(() => {
+    const u = i, v = a, w = H(null), o = H(null), p = H(null), b = H(null), h = H(null), k = L(() => u.templateData && u.templateData.length > 0), { inputValue: g, isComposing: I, clearInput: m } = Ct(u, v), P = L(() => !!g.value.trim()), B = L(() => {
       var n, x;
-      return !(u.disabled || u.loading || !K.value || he.value || (x = (n = u.buttonGroup) == null ? void 0 : n.submit) != null && x.disabled);
+      return !(u.disabled || u.loading || !P.value || he.value || (x = (n = u.buttonGroup) == null ? void 0 : n.submit) != null && x.disabled);
     }), {
       showSuggestionsPopup: A,
       completionPlaceholder: f,
       showTabHint: E,
       suggestionsListRef: y,
-      filteredSuggestions: P,
-      activeSuggestion: W,
-      isItemHighlighted: U,
+      filteredSuggestions: W,
+      activeSuggestion: K,
+      isItemHighlighted: q,
       updateSuggestionsState: Q,
       selectSuggestion: ue,
       acceptCurrentSuggestion: ce,
@@ -1002,7 +1002,7 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
       handleSuggestionItemLeave: le,
       highlightSuggestionText: j
     } = Rt(u, v, g, I, k), N = H(u.mode), ne = H(!1), Se = () => {
-      N.value === "single" && (N.value = "multiple", X(() => {
+      N.value === "single" && (N.value = "multiple", J(() => {
         setTimeout(() => {
           const n = document.querySelector(".tiny-textarea__inner");
           if (n) {
@@ -1018,11 +1018,11 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
       const ke = F.offsetWidth;
       return document.body.removeChild(F), ke;
     }, we = () => {
-      var xe, Me, Ue;
+      var xe, ze, qe;
       if (u.mode !== "single" || !w.value || ne.value || !o.value || !b.value) return;
       const n = o.value.querySelector(".tiny-sender__content-area");
       if (!n) return;
-      const x = ((Me = (xe = w.value) == null ? void 0 : xe.querySelector) == null ? void 0 : Me.call(xe, ".tiny-input__inner")) || n.querySelector(".tiny-input__inner"), F = h.value || o.value.querySelector(".tiny-sender__buttons-container");
+      const x = ((ze = (xe = w.value) == null ? void 0 : xe.querySelector) == null ? void 0 : ze.call(xe, ".tiny-input__inner")) || n.querySelector(".tiny-input__inner"), F = h.value || o.value.querySelector(".tiny-sender__buttons-container");
       if (!x) {
         console.warn("Cannot find input element for overflow check");
         return;
@@ -1032,11 +1032,11 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
         setTimeout(() => we(), 50);
         return;
       }
-      const Ze = window.getComputedStyle(x).font, et = Te(g.value, Ze), Ve = (Ue = o.value) == null ? void 0 : Ue.classList.contains("tr-sender-compact"), tt = Ve ? 12 : 20, nt = ke.width, st = (Le == null ? void 0 : Le.width) || 0, qe = nt - st - tt, ot = Ve ? 50 : 80;
-      et > qe && qe > ot && N.value === "single" && (ne.value = !0, N.value = "multiple", X(() => {
+      const Ze = window.getComputedStyle(x).font, et = Te(g.value, Ze), Ve = (qe = o.value) == null ? void 0 : qe.classList.contains("tr-sender-compact"), tt = Ve ? 12 : 20, nt = ke.width, st = (Le == null ? void 0 : Le.width) || 0, Me = nt - st - tt, ot = Ve ? 50 : 80;
+      et > Me && Me > ot && N.value === "single" && (ne.value = !0, N.value = "multiple", J(() => {
         w.value ? setTimeout(() => {
-          var ze;
-          const Ie = (ze = o.value) == null ? void 0 : ze.querySelector(".tiny-textarea__inner");
+          var Ue;
+          const Ie = (Ue = o.value) == null ? void 0 : Ue.querySelector(".tiny-textarea__inner");
           if (Ie) {
             Ie.style.whiteSpace = "pre-wrap";
             const je = g.value.length;
@@ -1047,7 +1047,7 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
       }));
     }, _e = () => {
       if (k.value && p.value)
-        We();
+        Ke();
       else if (w.value)
         w.value.focus();
       else {
@@ -1063,14 +1063,14 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
       }
     }, se = () => {
       var n;
-      v("update:templateData", []), (n = p.value) == null || n.clearHistory(), X(() => {
+      v("update:templateData", []), (n = p.value) == null || n.clearHistory(), J(() => {
         g.value === "" && (N.value = u.mode || "single"), setTimeout(() => {
           _e();
         }, 50);
       }), G();
     }, fe = () => {
       var n;
-      m(), k.value ? se() : (n = o.value) == null || n.focus(), X(() => {
+      m(), k.value ? se() : (n = o.value) == null || n.focus(), J(() => {
         g.value === "" && (N.value = u.mode || "single");
       }), G();
     }, $e = (n) => {
@@ -1087,7 +1087,7 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
       },
       { deep: !0 }
     );
-    const Pe = L(() => {
+    const We = L(() => {
       const n = typeof u.speech == "object" ? u.speech : {};
       return {
         ...n,
@@ -1107,7 +1107,7 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
           v("speech-error", x);
         }
       };
-    }), { speechState: Z, start: be, stop: pe } = xt(Pe.value), Ce = () => {
+    }), { speechState: Z, start: be, stop: pe } = xt(We.value), Ce = () => {
       Z.isRecording ? pe() : be();
     }, he = L(() => u.maxLength !== 1 / 0 && g.value.length > u.maxLength), { handleKeyPress: e, triggerSubmit: t } = kt(
       u,
@@ -1116,7 +1116,7 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
       I,
       Z,
       A,
-      W,
+      K,
       ce,
       G,
       O,
@@ -1127,7 +1127,7 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
       k,
       se
     ), s = (n) => {
-      v("focus", n), g.value && P.value.length > 0 && !k.value && (A.value = !0, E.value = !0);
+      v("focus", n), g.value && W.value.length > 0 && !k.value && (A.value = !0, E.value = !0);
     }, r = (n) => {
       v("blur", n), G();
     }, l = L(() => N.value === "multiple" ? "textarea" : "text"), d = L(
@@ -1136,7 +1136,7 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
         justifyContent: u.showWordLimit && u.maxLength !== 1 / 0 ? "space-between" : "flex-end",
         alignItems: "center"
       })
-    ), _ = dt(), D = L(() => !!_.decorativeContent), T = L(() => u.disabled || D.value), $ = L(() => u.loading), z = L(() => ({
+    ), _ = dt(), D = L(() => !!_.decorativeContent), T = L(() => u.disabled || D.value), $ = L(() => u.loading), U = L(() => ({
       "is-disabled": T.value,
       "is-loading": $.value,
       "is-auto-switching": ne.value
@@ -1150,16 +1150,16 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
       }, 50);
     };
     ee(g, () => {
-      X(we), g.value === "" && u.mode === "single" && (N.value = "single");
+      J(we), g.value === "" && u.mode === "single" && (N.value = "single");
     }), ee(
       () => k.value,
       (n) => {
         n && (N.value = "multiple");
       }
     );
-    const We = () => {
+    const Ke = () => {
       p.value && p.value.activateFirstField();
-    }, { accept: Xe = "*", multiple: Qe = !0 } = ((Ne = u.buttonGroup) == null ? void 0 : Ne.file) || {}, { open: Ae, files: Ye } = ht({ accept: Xe, multiple: Qe });
+    }, { accept: Je = "*", multiple: Qe = !0 } = ((Ne = u.buttonGroup) == null ? void 0 : Ne.file) || {}, { open: Ae, files: Ye } = ht({ accept: Je, multiple: Qe });
     return ee(Ye, (n) => {
       n && n.length > 0 && v("files-selected", Array.from(n));
     }), c({
@@ -1169,46 +1169,46 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
       submit: t,
       startSpeech: be,
       stopSpeech: pe,
-      activateTemplateFirstField: We
+      activateTemplateFirstField: Ke
     }), (n, x) => (S(), R("div", {
       ref_key: "senderRef",
       ref: o,
-      class: te(["tiny-sender", [z.value, `theme-${n.theme}`, `mode-${N.value}`]]),
+      class: te(["tiny-sender", [U.value, `theme-${n.theme}`, `mode-${N.value}`]]),
       "data-theme": n.theme
     }, [
-      M("div", Ut, [
-        M("div", {
+      z("div", qt, [
+        z("div", {
           class: "tiny-sender__input-wrapper",
           ref_key: "inputWrapperRef",
           ref: b
         }, [
-          J(He, { name: "tiny-sender-slide-down" }, {
+          X(He, { name: "tiny-sender-slide-down" }, {
             default: re(() => [
-              n.$slots.header ? (S(), R("div", zt, [
+              n.$slots.header ? (S(), R("div", Ut, [
                 oe(n.$slots, "header")
-              ])) : q("", !0)
+              ])) : M("", !0)
             ]),
             _: 3
           }),
-          M("div", {
+          z("div", {
             class: te(["tiny-sender__input-row", { "has-prefix": n.$slots.prefix, "has-header": n.$slots.header }])
           }, [
             n.$slots.prefix ? (S(), R("div", jt, [
               oe(n.$slots, "prefix")
-            ])) : q("", !0),
-            M("div", Gt, [
-              n.$slots.decorativeContent ? (S(), R("div", Jt, [
+            ])) : M("", !0),
+            z("div", Gt, [
+              n.$slots.decorativeContent ? (S(), R("div", Xt, [
                 oe(n.$slots, "decorativeContent")
-              ])) : q("", !0),
-              k.value ? (S(), Y(Wt, {
+              ])) : M("", !0),
+              k.value ? (S(), Y(Kt, {
                 key: 1,
                 ref_key: "templateEditorRef",
                 ref: p,
                 "model-value": u.templateData,
                 "onUpdate:modelValue": $e,
                 onSubmit: C(t)
-              }, null, 8, ["model-value", "onSubmit"])) : (S(), R("div", Xt, [
-                J(C(pt), {
+              }, null, 8, ["model-value", "onSubmit"])) : (S(), R("div", Jt, [
+                X(C(pt), {
                   ref_key: "inputRef",
                   ref: w,
                   autosize: n.autoSize,
@@ -1226,26 +1226,26 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
                   onBlur: r
                 }, null, 8, ["autosize", "type", "modelValue", "disabled", "placeholder", "autofocus", "onKeydown"]),
                 C(f) && !C(I) ? (S(), R("div", Qt, [
-                  M("span", Yt, ae(C(g)), 1),
+                  z("span", Yt, ae(C(g)), 1),
                   Ge(ae(C(f)) + " ", 1),
-                  C(E) ? (S(), R("div", Zt, "TAB")) : q("", !0)
-                ])) : q("", !0)
+                  C(E) ? (S(), R("div", Zt, "TAB")) : M("", !0)
+                ])) : M("", !0)
               ]))
             ]),
             N.value === "single" ? (S(), R("div", en, [
-              M("div", {
+              z("div", {
                 class: "tiny-sender__buttons-container",
                 ref_key: "buttonsContainerRef",
                 ref: h
               }, [
                 oe(n.$slots, "actions"),
-                J(Je, {
+                X(Xe, {
                   "allow-speech": n.allowSpeech,
                   "allow-files": n.allowFiles,
                   loading: n.loading,
                   disabled: T.value,
                   "show-clear": n.clearable,
-                  "has-content": K.value,
+                  "has-content": P.value,
                   "speech-status": C(Z),
                   "button-group": n.buttonGroup,
                   "submit-type": n.submitType,
@@ -1258,36 +1258,36 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
                   onTriggerSelect: C(Ae)
                 }, null, 8, ["allow-speech", "allow-files", "loading", "disabled", "show-clear", "has-content", "speech-status", "button-group", "submit-type", "is-over-limit", "stop-text", "onSubmit", "onTriggerSelect"])
               ], 512)
-            ])) : q("", !0)
+            ])) : M("", !0)
           ], 2),
-          J(He, { name: "tiny-sender-slide-up" }, {
+          X(He, { name: "tiny-sender-slide-up" }, {
             default: re(() => [
               N.value === "multiple" ? (S(), R("div", {
                 key: 0,
-                style: Ke(d.value),
+                style: Pe(d.value),
                 class: "tiny-sender__footer-slot tiny-sender__bottom-row"
               }, [
-                M("div", tn, [
+                z("div", tn, [
                   oe(n.$slots, "footer-left")
                 ]),
-                M("div", nn, [
+                z("div", nn, [
                   oe(n.$slots, "footer-right"),
                   n.showWordLimit && n.maxLength !== 1 / 0 ? (S(), R("div", {
                     key: 0,
                     class: te(["tiny-sender__word-limit", { "is-over-limit": he.value }])
                   }, [
-                    M("span", sn, ae(C(g).length), 1),
+                    z("span", sn, ae(C(g).length), 1),
                     Ge("/" + ae(n.maxLength), 1)
-                  ], 2)) : q("", !0),
+                  ], 2)) : M("", !0),
                   N.value === "multiple" ? (S(), R("div", on, [
-                    M("div", an, [
-                      J(Je, {
+                    z("div", an, [
+                      X(Xe, {
                         "allow-speech": n.allowSpeech,
                         "allow-files": n.allowFiles,
                         loading: n.loading,
                         disabled: T.value,
                         "show-clear": n.clearable,
-                        "has-content": K.value,
+                        "has-content": P.value,
                         "speech-status": C(Z),
                         "button-group": n.buttonGroup,
                         "submit-type": n.submitType,
@@ -1300,30 +1300,30 @@ const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PUR
                         onTriggerSelect: C(Ae)
                       }, null, 8, ["allow-speech", "allow-files", "loading", "disabled", "show-clear", "has-content", "speech-status", "button-group", "submit-type", "is-over-limit", "stop-text", "onSubmit", "onTriggerSelect"])
                     ])
-                  ])) : q("", !0)
+                  ])) : M("", !0)
                 ])
               ], 4)) : n.$slots.footer ? (S(), R("div", ln, [
                 oe(n.$slots, "footer")
-              ])) : q("", !0)
+              ])) : M("", !0)
             ]),
             _: 3
           })
         ], 512)
       ]),
-      J(qt, {
+      X(Mt, {
         ref_key: "suggestionsListRef",
         ref: y,
         show: C(A),
-        suggestions: C(P),
+        suggestions: C(W),
         "popup-style": ge.value,
-        "is-item-highlighted": C(U),
+        "is-item-highlighted": C(q),
         "highlight-suggestion-text": C(j),
         "input-value": C(g),
         onItemHover: C(V),
         onItemLeave: C(le),
         onSelect: C(ue)
       }, null, 8, ["show", "suggestions", "popup-style", "is-item-highlighted", "highlight-suggestion-text", "input-value", "onItemHover", "onItemLeave", "onSelect"])
-    ], 10, Mt));
+    ], 10, zt));
   }
 });
 Re.name = "TrSender";