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

package/dist/sender/index.js

@@ -1,10 +1,10 @@
-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 Q, unref as C, withCtx as re, createElementVNode as U, 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 { 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 { I as pt } from "../index6.js";
 import { d as ht } from "../index3.js";
 import { T as Ee } from "../index2.js";
-import { B as gt, Z as vt, a as yt, U as mt, O as St, b as wt, S as bt } from "../tiny-robot-svgs.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 { _ as Oe } from "../_plugin-vue_export-helper.js";
-import { t as _t } from "../utils.js";
+import { t as bt } from "../utils.js";
 function Ct(i, c) {
   const a = H(i.modelValue || i.defaultValue || ""), u = H(null);
   ee(
@@ -39,12 +39,12 @@ function Ct(i, c) {
     }
   };
 }
-function kt(i, c, a, u, v, w, o, p, _, h, k, g, I, m, P, B) {
+function kt(i, c, a, u, v, w, o, p, b, h, k, g, I, m, K, B) {
   const A = () => {
-    g.value && (P != null && P.value && (B == null || B()), c("submit", a.value.trim()));
-  }, f = (y, W) => {
+    g.value && (K != null && K.value && (B == null || B()), c("submit", a.value.trim()));
+  }, f = (y, P) => {
     if (!(y.key === "Enter")) return !1;
-    switch (W) {
+    switch (P) {
       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, _, h, k, g, I, m, P, B) {
       if (u.value) return;
       if (y.key === "Enter" && y.shiftKey && (I == null ? void 0 : I.value) === "single" && m) {
         y.preventDefault(), m();
-        const K = y.target, q = K.selectionStart, Z = a.value;
-        a.value = Z.substring(0, q) + `
-` + Z.substring(q), setTimeout(() => {
-          K.selectionStart = K.selectionEnd = q + 1;
+        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;
         }, 0);
         return;
       }
@@ -86,7 +86,7 @@ function kt(i, c, a, u, v, w, o, p, _, h, k, g, I, m, P, B) {
         }
       }
       if (y.key === "Escape") {
-        w.value ? (_(), y.preventDefault()) : v.isRecording && (k(), y.preventDefault()), c("escape-press");
+        w.value ? (b(), y.preventDefault()) : v.isRecording && (k(), y.preventDefault()), c("escape-press");
         return;
       }
       f(y, i.submitType) && (y.preventDefault(), g.value && A());
@@ -107,9 +107,9 @@ function xt(i) {
     var o;
     c.isRecording = !1, (o = i.onEnd) == null || o.call(i);
   }, a.onresult = (o) => {
-    var _, h;
+    var b, h;
     const p = Array.from(o.results).map((k) => k[0].transcript).join("");
-    o.results[0].isFinal ? (_ = i.onFinal) == null || _.call(i, p) : (h = i.onInterim) == null || h.call(i, p);
+    o.results[0].isFinal ? (b = i.onFinal) == null || b.call(i, p) : (h = i.onInterim) == null || h.call(i, p);
   }, a.onerror = (o) => {
     var p;
     c.error = new Error(o.error), c.isRecording = !1, (p = i.onError) == null || p.call(i, c.error);
@@ -181,67 +181,67 @@ const It = (i, c) => {
       h.start <= k.end ? k.end = Math.max(k.end, h.end) : o.push(h);
     }
   const p = [];
-  let _ = 0;
+  let b = 0;
   for (const h of o)
-    _ < h.start && p.push({
-      text: i.substring(_, h.start),
+    b < h.start && p.push({
+      text: i.substring(b, h.start),
       isMatch: !1
     }), p.push({
       text: i.substring(h.start, h.end),
       isMatch: !0
-    }), _ = h.end;
-  return _ < i.length && p.push({
-    text: i.substring(_),
+    }), b = h.end;
+  return b < i.length && p.push({
+    text: i.substring(b),
     isMatch: !1
   }), p;
 };
 function Rt(i, c, a, u, v) {
-  const w = H(!1), o = H(-1), p = H(-1), _ = H(""), h = H(!1), k = H(null), g = H(!1), I = H(null), m = L(() => {
+  const w = H(!1), o = H(-1), p = H(-1), b = H(""), h = H(!1), k = H(null), g = H(!1), I = H(null), m = L(() => {
     if (!i.suggestions || !a.value || v.value) return [];
     const O = a.value.toLowerCase();
     return i.suggestions.filter((V) => V.toLowerCase().includes(O));
-  }), P = L(() => {
+  }), K = 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) => {
     if (I.value === null) {
-      _.value = "", h.value = !1;
+      b.value = "", h.value = !1;
       return;
     }
-    const V = O || P.value;
-    V && a.value && V.toLowerCase().startsWith(a.value.toLowerCase()) ? (_.value = V.substring(a.value.length), h.value = !0) : (_.value = "", h.value = !1);
+    const V = O || K.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, _.value = "", h.value = !1;
+    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 || J(() => {
+    u.value || g.value || X(() => {
       a.value && i.suggestions && i.suggestions.length > 0 && !v.value && m.value.length > 0 ? E() : f();
     });
   };
   ee(a, y), ee(() => i.suggestions, y);
-  const W = (O) => {
-    g.value = !0, a.value = O, c("update:modelValue", O), c("suggestion-select", O), q(), J(() => {
+  const P = (O) => {
+    g.value = !0, a.value = O, c("update:modelValue", O), c("suggestion-select", O), U(), X(() => {
       g.value = !1;
     });
-  }, K = () => {
-    P.value && W(P.value);
-  }, q = () => {
+  }, W = () => {
+    K.value && P(K.value);
+  }, U = () => {
     f();
   };
   return {
     showSuggestionsPopup: w,
-    completionPlaceholder: _,
+    completionPlaceholder: b,
     showTabHint: h,
     suggestionsListRef: k,
     filteredSuggestions: m,
-    activeSuggestion: P,
+    activeSuggestion: K,
     isItemHighlighted: B,
     updateCompletionPlaceholder: A,
     updateSuggestionsState: y,
-    selectSuggestion: W,
-    acceptCurrentSuggestion: K,
-    closeSuggestionsPopup: q,
+    selectSuggestion: P,
+    acceptCurrentSuggestion: W,
+    closeSuggestionsPopup: U,
     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: () => {
-      q();
+      U();
     },
     highlightSuggestionText: It
   };
@@ -308,23 +308,23 @@ const Ot = { class: "action-buttons" }, Tt = { class: "action-buttons__submit-co
         return () => f;
       if (typeof f == "function")
         return f;
-    }), o = L(() => a.allowSpeech), p = L(() => a.speechStatus.isRecording), _ = L(() => a.disabled), h = L(() => {
+    }), o = L(() => a.allowSpeech), p = L(() => a.speechStatus.isRecording), b = L(() => a.disabled), h = L(() => {
       var f, E;
-      return _.value || a.isOverLimit || ((E = (f = a.buttonGroup) == null ? void 0 : f.submit) == null ? void 0 : E.disabled);
+      return b.value || a.isOverLimit || ((E = (f = a.buttonGroup) == null ? void 0 : f.submit) == null ? void 0 : E.disabled);
     }), k = L(() => a.allowFiles || a.allowSpeech || a.showClear), g = () => {
-      _.value || u("clear");
+      b.value || u("clear");
     }, I = () => {
-      if (!_.value) {
+      if (!b.value) {
         const f = !a.speechStatus.isRecording;
         u("toggle-speech", f);
       }
     }, m = () => {
       h.value || u("submit");
-    }, P = () => {
-      _.value || u("cancel");
+    }, K = () => {
+      b.value || u("cancel");
     }, B = L(() => {
       var f, E;
-      return _.value || ((E = (f = a.buttonGroup) == null ? void 0 : f.file) == null ? void 0 : E.disabled);
+      return b.value || ((E = (f = a.buttonGroup) == null ? void 0 : f.file) == null ? void 0 : E.disabled);
     }), A = () => {
       B.value || u("trigger-select");
     };
@@ -332,9 +332,9 @@ const Ot = { class: "action-buttons" }, Tt = { class: "action-buttons__submit-co
       k.value ? (S(), R("div", {
         key: 0,
         class: "action-buttons__utility",
-        style: Pe({ "padding-right": f.hasContent || f.loading ? "0" : "6px" })
+        style: Ke({ "padding-right": f.hasContent || f.loading ? "0" : "6px" })
       }, [
-        f.allowFiles && !f.loading ? (S(), Q(C(Ee), {
+        f.allowFiles && !f.loading ? (S(), Y(C(Ee), {
           key: 0,
           effect: "light",
           placement: "top",
@@ -342,65 +342,65 @@ const Ot = { class: "action-buttons" }, Tt = { class: "action-buttons__submit-co
           "visible-arrow": !1
         }, {
           default: re(() => [
-            U("div", {
+            M("div", {
               class: "action-buttons__button",
               onClick: A
             }, [
-              X(C(gt), {
+              J(C(gt), {
                 class: te(["action-buttons__icon", "action-buttons__icon--upload", { "is-disabled": B.value }]),
                 alt: "上传文件"
               }, null, 8, ["class"])
             ])
           ]),
           _: 1
-        }, 8, ["render-content"])) : M("", !0),
+        }, 8, ["render-content"])) : q("", !0),
         o.value && !f.loading ? (S(), R("div", {
           key: 1,
           class: te(["action-buttons__button", { "is-recording": p.value }]),
           onClick: I
         }, [
-          p.value ? (S(), Q(C(yt), {
+          p.value ? (S(), Y(C(yt), {
             key: 1,
             class: "action-buttons__icon action-buttons__icon--recording",
             alt: "语音中"
-          })) : (S(), Q(C(vt), {
+          })) : (S(), Y(C(vt), {
             key: 0,
             class: "action-buttons__icon",
             alt: "录音"
           }))
-        ], 2)) : M("", !0),
-        f.showClear ? (S(), Q(C(Ee), {
+        ], 2)) : q("", !0),
+        f.showClear ? (S(), Y(C(Ee), {
           key: 2,
           content: "清空内容",
           placement: "top"
         }, {
           default: re(() => [
-            U("div", {
+            M("div", {
               class: "action-buttons__button",
               onClick: g
             }, [
-              X(C(mt), { class: "action-buttons__icon action-buttons__icon--clear" })
+              J(C(mt), { class: "action-buttons__icon action-buttons__icon--clear" })
             ])
           ]),
           _: 1
-        })) : M("", !0)
-      ], 4)) : M("", !0),
+        })) : q("", !0)
+      ], 4)) : q("", !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 ? P() : m())
+        onClick: E[0] || (E[0] = (y) => f.loading ? K() : m())
       }, [
-        U("div", Tt, [
+        M("div", Tt, [
           f.loading ? (S(), R("div", {
             key: 1,
             class: te(["action-buttons__cancel", { "action-buttons__cancel--icon-only": !f.stopText }])
           }, [
-            X(C(wt), {
+            J(C(wt), {
               class: "action-buttons__icon action-buttons__icon--cancel",
               alt: "停止"
             }),
-            f.stopText ? (S(), R("span", $t, ae(f.stopText), 1)) : M("", !0)
-          ], 2)) : (S(), Q(C(Ee), {
+            f.stopText ? (S(), R("span", $t, ae(f.stopText), 1)) : q("", !0)
+          ], 2)) : (S(), Y(C(Ee), {
             key: 0,
             effect: "light",
             placement: "top",
@@ -408,7 +408,7 @@ const Ot = { class: "action-buttons" }, Tt = { class: "action-buttons__submit-co
             "visible-arrow": !1
           }, {
             default: re(() => [
-              X(C(St), {
+              J(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"]))
         ])
-      ])) : M("", !0)
+      ])) : q("", !0)
     ]));
   }
-}), Xe = /* @__PURE__ */ Oe(Bt, [["__scopeId", "data-v-a9e0fa92"]]), Lt = ["data-id", "data-type"], Et = ["data-id", "data-type"], Dt = /* @__PURE__ */ me({
+}), Je = /* @__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: {
@@ -438,14 +438,14 @@ const Ot = { class: "action-buttons" }, Tt = { class: "action-buttons__submit-co
         "data-id": c.id,
         "data-type": c.type
       }, C(a)), ae(c.content), 17, Lt)) : (S(), R(ie, { key: 1 }, [
-        c.asChild ? (S(!0), R(ie, { key: 0 }, ye(c.content, (o) => (S(), Q(w, ve({
+        c.asChild ? (S(!0), R(ie, { key: 0 }, ye(c.content, (o) => (S(), Y(w, ve({
           key: `${o.id}-${o.type}`
         }, { ref_for: !0 }, o), null, 16))), 128)) : (S(), R("span", ve({
           key: 1,
           "data-id": c.id,
           "data-type": c.type
         }, C(a)), [
-          (S(!0), R(ie, null, ye(c.content, (o) => (S(), Q(w, ve({
+          (S(!0), R(ie, null, ye(c.content, (o) => (S(), Y(w, ve({
             key: `${o.id}-${o.type}`
           }, { ref_for: !0 }, o), null, 16))), 128))
         ], 16, Et))
@@ -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 Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PURE__ */ me({
+const Kt = { class: "editor-container" }, De = "​", Fe = "​", Pt = /* @__PURE__ */ me({
   __name: "TemplateEditor",
   props: {
     modelValue: { default: () => [] },
@@ -476,10 +476,10 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
       const e = navigator.userAgent;
       return e.includes("Safari") && !e.includes("Chrome") && !e.includes("Chromium") && !e.includes("CriOS");
     }
-    const o = w(), p = () => Math.random().toString(36).substring(2, 15), _ = ut(i, "modelValue"), h = a, k = H(0), g = (e) => e.map((t, s) => ({
+    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(_.value || [])), P = (e) => {
+    })), I = (e) => e.map((t) => ({ type: t.type, content: t.content })), m = H(g(b.value || [])), K = (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 Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
         timestamp: t,
         data: s
       };
-    }, W = /* @__PURE__ */ new Map(), K = Ht(E(m.value), {
+    }, P = /* @__PURE__ */ new Map(), W = Ht(E(m.value), {
       onRemoveHistory: (e) => {
         for (const t of e)
-          W.delete(t);
+          P.delete(t);
       }
     });
     ee(
-      () => _.value,
+      () => b.value,
       (e) => {
-        P(g(e || [])), K.commit(E(m.value));
+        K(g(e || [])), W.commit(E(m.value));
       },
       { deep: !0 }
     );
-    const q = (e, t = document.body) => t.contains(e) ? e instanceof HTMLElement && e.dataset.id ? e : e.parentElement ? q(e.parentElement, t) : null : null, Z = (e) => e === f.value, ue = (e) => {
+    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 t = window.getSelection();
       if (!t)
         return null;
@@ -575,27 +575,27 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
       const l = window.getSelection();
       if (!l)
         return;
-      const { node: d, offset: b } = ce(e, t);
+      const { node: d, offset: _ } = ce(e, t);
       if (!s) {
-        l.setBaseAndExtent(d, b, d, b);
+        l.setBaseAndExtent(d, _, d, _);
         return;
       }
       const { node: D, offset: T } = ce(s, r ?? 0);
-      l.setBaseAndExtent(d, b, D, T);
+      l.setBaseAndExtent(d, _, D, T);
     }, O = (e, t) => {
       const s = p(), r = { id: s, type: "text", content: e };
       if (t) {
         const l = m.value.findIndex((d) => d.id === t);
-        l !== -1 ? P(
+        l !== -1 ? K(
           m.value.slice(0, l + 1).concat(r).concat(m.value.slice(l + 1))
         ) : console.warn(`can not find item with id: ${t}`);
       } else
-        P([r].concat(m.value));
-      J(() => {
+        K([r].concat(m.value));
+      X(() => {
         var d;
         const l = (d = f.value) == null ? void 0 : d.querySelector(`[data-id="${s}"][data-type="text"]`);
         l && G(l, e.length);
-      }), _.value = I(m.value);
+      }), b.value = I(m.value);
     }, V = H({
       hasStarted: !1,
       range: null
@@ -619,17 +619,17 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
         "deleteSoftLineBackward",
         "deleteSoftLineForward",
         "deleteByCut"
-      ], b = ue(f.value);
+      ], _ = ue(f.value);
       if (d.includes(s)) {
-        if (r && Z(l.startContainer) && Z(l.endContainer)) {
-          O(r), b && W.set(K.get(), j(b));
+        if (r && Q(l.startContainer) && Q(l.endContainer)) {
+          O(r), _ && P.set(W.get(), j(_));
           return;
         }
         const T = j(l);
-        T.startId && T.endId ? (Se(T, s, r), b && W.set(K.get(), j(b))) : console.warn("range is not valid, range:", T);
+        T.startId && T.endId ? (Se(T, s, r), _ && P.set(W.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 = q(e.startContainer, f.value), s = q(e.endContainer, f.value);
+      const t = U(e.startContainer, f.value), s = U(e.endContainer, f.value);
       return {
         collapsed: e.collapsed,
         endContainer: e.endContainer,
@@ -650,11 +650,11 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
       const d = B.value.findIndex((D) => D.id === r.id);
       if (d < 0 || d >= B.value.length - 1)
         return [{ ...r, startOffset: 0, endOffset: 0 }];
-      const b = B.value[d + 1];
+      const _ = B.value[d + 1];
       return [
         {
-          id: b.id,
-          type: b.type,
+          id: _.id,
+          type: _.type,
           startOffset: 0,
           endOffset: 0
         }
@@ -663,18 +663,18 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
       const r = we(e);
       if (!Array.isArray(r) || r.length === 0)
         return;
-      const l = ne(r, e, t), d = be(l, e, t, s);
+      const l = ne(r, e, t), d = _e(l, e, t, s);
       if (d.some((T) => T.tag === "new")) {
         const { afterId: T, content: $ } = d[0];
         O($, T);
         return;
       }
-      const b = d, D = [];
-      for (const [T, $] of b.entries()) {
+      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", $);
       }
-      P(m.value.filter((T) => !D.includes(T.id))), P(
+      K(m.value.filter((T) => !D.includes(T.id))), K(
         m.value.filter((T) => {
           if (T.type === "text")
             return T.content.length > 0;
@@ -684,12 +684,12 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
       );
       for (const T of m.value.filter(($) => $.type === "template"))
         T.prefix.length === 0 && (T.prefix = De), T.suffix.length === 0 && (T.suffix = Fe);
-      b.length > 0 && Te(b, s), _.value = I(m.value);
+      _.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}"]`);
-      J(() => {
-        var b, D;
-        const d = (b = f.value) == null ? void 0 : b.querySelector(r);
+      X(() => {
+        var _, D;
+        const d = (_ = f.value) == null ? void 0 : _.querySelector(r);
         if (d)
           G(d, s.startOffset + t.length);
         else if (t.length === 0)
@@ -704,7 +704,7 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
           console.warn(`can not find el with selector: ${r}`);
       });
     }, we = (e) => {
-      const t = B.value.findIndex((b) => b.id === e.startId && b.type === e.startType), s = B.value.findIndex((b) => b.id === e.endId && b.type === e.endType);
+      const t = B.value.findIndex((_) => _.id === e.startId && _.type === e.startType), s = B.value.findIndex((_) => _.id === e.endId && _.type === e.endType);
       if (t === -1 || s === -1 || t > s)
         return console.warn("startIndex or endIndex is -1, or startIndex > endIndex. ", { range: e }), null;
       const r = B.value[t], l = B.value[s];
@@ -725,8 +725,8 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
           endOffset: r.content.length
         }
       ];
-      for (let b = t + 1; b < s; b++) {
-        const D = B.value[b];
+      for (let _ = t + 1; _ < s; _++) {
+        const D = B.value[_];
         d.push({
           id: D.id,
           type: D.type,
@@ -740,7 +740,7 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
         startOffset: 0,
         endOffset: e.endOffset
       }), d;
-    }, be = (e, t, s, r) => {
+    }, _e = (e, t, s, r) => {
       const l = e[0];
       if (l.type !== "prefix" && l.type !== "suffix")
         return e;
@@ -775,11 +775,11 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
     }, de = (e, t, s = 0) => {
       const r = B.value.findIndex((l) => l.id === e.id && l.type === e.type);
       if (r > 0) {
-        const l = B.value[r - 1], { id: d, type: b, content: D } = l;
-        if (b === "text" || b === "template")
+        const l = B.value[r - 1], { id: d, type: _, content: D } = l;
+        if (_ === "text" || _ === "template")
           return {
             id: d,
-            type: b,
+            type: _,
             startOffset: D.length - s,
             endOffset: D.length
           };
@@ -792,11 +792,11 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
     }, se = (e, t, s = 0) => {
       const r = B.value.findIndex((l) => l.id === e.id && l.type === e.type);
       if (r < B.value.length - 1) {
-        const l = B.value[r + 1], { id: d, type: b } = l;
-        if (b === "text" || b === "template")
+        const l = B.value[r + 1], { id: d, type: _ } = l;
+        if (_ === "text" || _ === "template")
           return {
             id: d,
-            type: b,
+            type: _,
             startOffset: 0,
             endOffset: 0 + s
           };
@@ -810,32 +810,32 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
       V.value = { hasStarted: !0, range: null };
     }, $e = (e) => {
       const t = V.value.range;
-      t ? (e.data && Z(t.startContainer) && Z(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 };
-    }, Y = (() => {
+      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 };
+    }, Z = (() => {
       const e = navigator.userAgent.toLowerCase();
       return /macintosh|mac os x|iphone|ipad|ipod/.test(e);
-    })(), _e = (e) => {
-      const t = Y && e.metaKey && !e.shiftKey && e.key.toLowerCase() === "z" || // Cmd+Z
-      !Y && e.ctrlKey && !e.shiftKey && e.key.toLowerCase() === "z", s = Y && e.metaKey && e.shiftKey && e.key.toLowerCase() === "z" || // Cmd+Shift+z
-      !Y && e.ctrlKey && (e.key.toLowerCase() === "y" || e.shiftKey && e.key.toLowerCase() === "z"), r = e.key.toLowerCase() === "enter";
+    })(), be = (e) => {
+      const t = Z && e.metaKey && !e.shiftKey && e.key.toLowerCase() === "z" || // Cmd+Z
+      !Z && e.ctrlKey && !e.shiftKey && e.key.toLowerCase() === "z", s = Z && e.metaKey && e.shiftKey && e.key.toLowerCase() === "z" || // Cmd+Shift+z
+      !Z && e.ctrlKey && (e.key.toLowerCase() === "y" || e.shiftKey && e.key.toLowerCase() === "z"), r = e.key.toLowerCase() === "enter";
       if (t) {
         e.preventDefault();
         const l = ue(f.value);
-        l && W.set(K.get(), j(l));
-        const d = K.undo();
+        l && P.set(W.get(), j(l));
+        const d = W.undo();
         d && pe(d);
       }
       if (s) {
         e.preventDefault();
-        const l = K.redo();
+        const l = W.redo();
         l && pe(l);
       }
       r && (e.preventDefault(), h("submit"));
     }, pe = (e) => {
       const { data: t } = y(e);
-      if (P(t), W.has(e)) {
-        const s = W.get(e);
-        J(() => {
+      if (K(t), P.has(e)) {
+        const s = P.get(e);
+        X(() => {
           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 Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
     };
     return c({
       clearHistory: () => {
-        K.clear(), W.clear();
+        W.clear(), P.clear();
       },
       activateFirstField: () => {
         if (!f.value)
           return;
         const e = m.value.find((t) => t.type === "template");
-        e && J(() => {
+        e && X(() => {
           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 Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
           }
         });
       }
-    }), (e, t) => (S(), R("div", Pt, [
+    }), (e, t) => (S(), R("div", Kt, [
       (S(), R("div", {
         contenteditable: "true",
         ref_key: "editorRef",
@@ -868,15 +868,15 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
         onBeforeinput: le,
         onCompositionstart: fe,
         onCompositionend: $e,
-        onKeydown: _e
+        onKeydown: be
       }, [
-        (S(!0), R(ie, null, ye(A.value, (s) => (S(), Q(Ft, ve({
+        (S(!0), R(ie, null, ye(A.value, (s) => (S(), Y(Ft, ve({
           key: `${s.id}-${s.type}`
         }, { ref_for: !0 }, s), null, 16))), 128))
       ], 32))
     ]));
   }
-}), Kt = /* @__PURE__ */ Oe(Wt, [["__scopeId", "data-v-3ae7b00d"]]), At = ["onMouseenter", "onMousedown"], Nt = { class: "suggestion-list__text" }, Vt = /* @__PURE__ */ me({
+}), Wt = /* @__PURE__ */ Oe(Pt, [["__scopeId", "data-v-3ae7b00d"]]), At = ["onMouseenter", "onMousedown"], Nt = { class: "suggestion-list__text" }, Vt = /* @__PURE__ */ me({
   __name: "SuggestionList",
   props: {
     show: { type: Boolean },
@@ -888,21 +888,21 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
   },
   emits: ["item-hover", "item-leave", "select"],
   setup(i, { emit: c }) {
-    const a = i, u = c, v = H(null), w = (_) => {
-      u("item-hover", _);
+    const a = i, u = c, v = H(null), w = (b) => {
+      u("item-hover", b);
     }, o = () => {
       u("item-leave");
-    }, p = (_) => {
-      u("select", _);
+    }, p = (b) => {
+      u("select", b);
     };
-    return (_, h) => (S(), Q(He, { name: "tiny-sender-slide-up" }, {
+    return (b, h) => (S(), Y(He, { name: "tiny-sender-slide-up" }, {
       default: re(() => [
         a.show && a.suggestions.length ? (S(), R("div", {
           key: 0,
           ref_key: "suggestionsListRef",
           ref: v,
           class: "suggestion-list",
-          style: Pe(a.popupStyle)
+          style: Ke(a.popupStyle)
         }, [
           (S(!0), R(ie, null, ye(a.suggestions, (k, g) => (S(), R("div", {
             key: g,
@@ -911,8 +911,8 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
             onMouseleave: o,
             onMousedown: ct((I) => p(k), ["prevent"])
           }, [
-            X(C(bt), { class: "suggestion-list__icon" }),
-            U("span", Nt, [
+            J(C(_t), { class: "suggestion-list__icon" }),
+            M("span", Nt, [
               (S(!0), R(ie, null, ye(a.highlightSuggestionText(k, a.inputValue), (I, m) => (S(), R("span", {
                 key: m,
                 class: te({
@@ -922,27 +922,27 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
               }, ae(I.text), 3))), 128))
             ])
           ], 42, At))), 128))
-        ], 4)) : M("", !0)
+        ], 4)) : q("", !0)
       ]),
       _: 1
     }));
   }
-}), Mt = /* @__PURE__ */ Oe(Vt, [["__scopeId", "data-v-238fcdfd"]]), Ut = ["data-theme"], qt = { class: "tiny-sender__container" }, zt = {
+}), qt = /* @__PURE__ */ Oe(Vt, [["__scopeId", "data-v-238fcdfd"]]), Mt = ["data-theme"], Ut = { class: "tiny-sender__container" }, zt = {
   key: 0,
   class: "tiny-sender__header-slot"
 }, jt = {
   key: 0,
   class: "tiny-sender__prefix-slot"
-}, Gt = { class: "tiny-sender__content-area" }, Xt = {
+}, Gt = { class: "tiny-sender__content-area" }, Jt = {
   key: 0,
   class: "tiny-sender__decorative-content"
-}, Jt = {
+}, Xt = {
   key: 2,
   class: "tiny-sender__input-field-wrapper"
-}, Zt = {
+}, Qt = {
   key: 0,
   class: "tiny-sender__completion-placeholder"
-}, Qt = { class: "user-input-mirror" }, Yt = {
+}, Yt = { class: "user-input-mirror" }, Zt = {
   key: 0,
   class: "tiny-sender__tab-hint"
 }, en = {
@@ -982,18 +982,18 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__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), _ = 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(() => {
+    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(() => {
       var n, x;
-      return !(u.disabled || u.loading || !P.value || he.value || (x = (n = u.buttonGroup) == null ? void 0 : n.submit) != null && x.disabled);
+      return !(u.disabled || u.loading || !K.value || he.value || (x = (n = u.buttonGroup) == null ? void 0 : n.submit) != null && x.disabled);
     }), {
       showSuggestionsPopup: A,
       completionPlaceholder: f,
       showTabHint: E,
       suggestionsListRef: y,
-      filteredSuggestions: W,
-      activeSuggestion: K,
-      isItemHighlighted: q,
-      updateSuggestionsState: Z,
+      filteredSuggestions: P,
+      activeSuggestion: W,
+      isItemHighlighted: U,
+      updateSuggestionsState: Q,
       selectSuggestion: ue,
       acceptCurrentSuggestion: ce,
       closeSuggestionsPopup: G,
@@ -1002,7 +1002,7 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__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", J(() => {
+      N.value === "single" && (N.value = "multiple", X(() => {
         setTimeout(() => {
           const n = document.querySelector(".tiny-textarea__inner");
           if (n) {
@@ -1018,11 +1018,11 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
       const ke = F.offsetWidth;
       return document.body.removeChild(F), ke;
     }, we = () => {
-      var xe, Ue, qe;
-      if (u.mode !== "single" || !w.value || ne.value || !o.value || !_.value) return;
+      var xe, Me, Ue;
+      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 = ((Ue = (xe = w.value) == null ? void 0 : xe.querySelector) == null ? void 0 : Ue.call(xe, ".tiny-input__inner")) || n.querySelector(".tiny-input__inner"), F = h.value || o.value.querySelector(".tiny-sender__buttons-container");
+      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");
       if (!x) {
         console.warn("Cannot find input element for overflow check");
         return;
@@ -1032,8 +1032,8 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
         setTimeout(() => we(), 50);
         return;
       }
-      const Ye = window.getComputedStyle(x).font, et = Te(g.value, Ye), 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(() => {
+      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(() => {
         w.value ? setTimeout(() => {
           var ze;
           const Ie = (ze = o.value) == null ? void 0 : ze.querySelector(".tiny-textarea__inner");
@@ -1045,9 +1045,9 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
           ne.value = !1;
         }, 300) : ne.value = !1;
       }));
-    }, be = () => {
+    }, _e = () => {
       if (k.value && p.value)
-        Ke();
+        We();
       else if (w.value)
         w.value.focus();
       else {
@@ -1063,14 +1063,14 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
       }
     }, se = () => {
       var n;
-      v("update:templateData", []), (n = p.value) == null || n.clearHistory(), J(() => {
+      v("update:templateData", []), (n = p.value) == null || n.clearHistory(), X(() => {
         g.value === "" && (N.value = u.mode || "single"), setTimeout(() => {
-          be();
+          _e();
         }, 50);
       }), G();
     }, fe = () => {
       var n;
-      m(), k.value ? se() : (n = o.value) == null || n.focus(), J(() => {
+      m(), k.value ? se() : (n = o.value) == null || n.focus(), X(() => {
         g.value === "" && (N.value = u.mode || "single");
       }), G();
     }, $e = (n) => {
@@ -1087,7 +1087,7 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
       },
       { deep: !0 }
     );
-    const We = L(() => {
+    const Pe = L(() => {
       const n = typeof u.speech == "object" ? u.speech : {};
       return {
         ...n,
@@ -1107,16 +1107,16 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
           v("speech-error", x);
         }
       };
-    }), { speechState: Y, start: _e, stop: pe } = xt(We.value), Ce = () => {
-      Y.isRecording ? pe() : _e();
+    }), { speechState: Z, start: be, stop: pe } = xt(Pe.value), Ce = () => {
+      Z.isRecording ? pe() : be();
     }, he = L(() => u.maxLength !== 1 / 0 && g.value.length > u.maxLength), { handleKeyPress: e, triggerSubmit: t } = kt(
       u,
       v,
       g,
       I,
-      Y,
+      Z,
       A,
-      K,
+      W,
       ce,
       G,
       O,
@@ -1127,7 +1127,7 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
       k,
       se
     ), s = (n) => {
-      v("focus", n), g.value && W.value.length > 0 && !k.value && (A.value = !0, E.value = !0);
+      v("focus", n), g.value && P.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,79 +1136,79 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
         justifyContent: u.showWordLimit && u.maxLength !== 1 / 0 ? "space-between" : "flex-end",
         alignItems: "center"
       })
-    ), b = dt(), D = L(() => !!b.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), z = L(() => ({
       "is-disabled": T.value,
       "is-loading": $.value,
       "is-auto-switching": ne.value
     })), ge = L(() => ({
-      width: _t(u.suggestionPopupWidth),
+      width: bt(u.suggestionPopupWidth),
       maxWidth: "100%"
       // 确保不超出父容器宽度
     })), Be = () => {
       I.value = !1, setTimeout(() => {
-        I.value = !1, Z();
+        I.value = !1, Q();
       }, 50);
     };
     ee(g, () => {
-      J(we), g.value === "" && u.mode === "single" && (N.value = "single");
+      X(we), g.value === "" && u.mode === "single" && (N.value = "single");
     }), ee(
       () => k.value,
       (n) => {
         n && (N.value = "multiple");
       }
     );
-    const Ke = () => {
+    const We = () => {
       p.value && p.value.activateFirstField();
-    }, { accept: Je = "*", multiple: Ze = !0 } = ((Ne = u.buttonGroup) == null ? void 0 : Ne.file) || {}, { open: Ae, files: Qe } = ht({ accept: Je, multiple: Ze });
-    return ee(Qe, (n) => {
+    }, { accept: Xe = "*", multiple: Qe = !0 } = ((Ne = u.buttonGroup) == null ? void 0 : Ne.file) || {}, { open: Ae, files: Ye } = ht({ accept: Xe, multiple: Qe });
+    return ee(Ye, (n) => {
       n && n.length > 0 && v("files-selected", Array.from(n));
     }), c({
-      focus: be,
+      focus: _e,
       blur: de,
       clear: fe,
       submit: t,
-      startSpeech: _e,
+      startSpeech: be,
       stopSpeech: pe,
-      activateTemplateFirstField: Ke
+      activateTemplateFirstField: We
     }), (n, x) => (S(), R("div", {
       ref_key: "senderRef",
       ref: o,
       class: te(["tiny-sender", [z.value, `theme-${n.theme}`, `mode-${N.value}`]]),
       "data-theme": n.theme
     }, [
-      U("div", qt, [
-        U("div", {
+      M("div", Ut, [
+        M("div", {
           class: "tiny-sender__input-wrapper",
           ref_key: "inputWrapperRef",
-          ref: _
+          ref: b
         }, [
-          X(He, { name: "tiny-sender-slide-down" }, {
+          J(He, { name: "tiny-sender-slide-down" }, {
             default: re(() => [
               n.$slots.header ? (S(), R("div", zt, [
                 oe(n.$slots, "header")
-              ])) : M("", !0)
+              ])) : q("", !0)
             ]),
             _: 3
           }),
-          U("div", {
+          M("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")
-            ])) : M("", !0),
-            U("div", Gt, [
-              n.$slots.decorativeContent ? (S(), R("div", Xt, [
+            ])) : q("", !0),
+            M("div", Gt, [
+              n.$slots.decorativeContent ? (S(), R("div", Jt, [
                 oe(n.$slots, "decorativeContent")
-              ])) : M("", !0),
-              k.value ? (S(), Q(Kt, {
+              ])) : q("", !0),
+              k.value ? (S(), Y(Wt, {
                 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", Jt, [
-                X(C(pt), {
+              }, null, 8, ["model-value", "onSubmit"])) : (S(), R("div", Xt, [
+                J(C(pt), {
                   ref_key: "inputRef",
                   ref: w,
                   autosize: n.autoSize,
@@ -1225,28 +1225,28 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__PUR
                   onFocus: s,
                   onBlur: r
                 }, null, 8, ["autosize", "type", "modelValue", "disabled", "placeholder", "autofocus", "onKeydown"]),
-                C(f) && !C(I) ? (S(), R("div", Zt, [
-                  U("span", Qt, ae(C(g)), 1),
+                C(f) && !C(I) ? (S(), R("div", Qt, [
+                  M("span", Yt, ae(C(g)), 1),
                   Ge(ae(C(f)) + " ", 1),
-                  C(E) ? (S(), R("div", Yt, "TAB")) : M("", !0)
-                ])) : M("", !0)
+                  C(E) ? (S(), R("div", Zt, "TAB")) : q("", !0)
+                ])) : q("", !0)
               ]))
             ]),
             N.value === "single" ? (S(), R("div", en, [
-              U("div", {
+              M("div", {
                 class: "tiny-sender__buttons-container",
                 ref_key: "buttonsContainerRef",
                 ref: h
               }, [
                 oe(n.$slots, "actions"),
-                X(Xe, {
+                J(Je, {
                   "allow-speech": n.allowSpeech,
                   "allow-files": n.allowFiles,
                   loading: n.loading,
                   disabled: T.value,
                   "show-clear": n.clearable,
-                  "has-content": P.value,
-                  "speech-status": C(Y),
+                  "has-content": K.value,
+                  "speech-status": C(Z),
                   "button-group": n.buttonGroup,
                   "submit-type": n.submitType,
                   "is-over-limit": he.value,
@@ -1258,37 +1258,37 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__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)
-            ])) : M("", !0)
+            ])) : q("", !0)
           ], 2),
-          X(He, { name: "tiny-sender-slide-up" }, {
+          J(He, { name: "tiny-sender-slide-up" }, {
             default: re(() => [
               N.value === "multiple" ? (S(), R("div", {
                 key: 0,
-                style: Pe(d.value),
+                style: Ke(d.value),
                 class: "tiny-sender__footer-slot tiny-sender__bottom-row"
               }, [
-                U("div", tn, [
+                M("div", tn, [
                   oe(n.$slots, "footer-left")
                 ]),
-                U("div", nn, [
+                M("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 }])
                   }, [
-                    U("span", sn, ae(C(g).length), 1),
+                    M("span", sn, ae(C(g).length), 1),
                     Ge("/" + ae(n.maxLength), 1)
-                  ], 2)) : M("", !0),
+                  ], 2)) : q("", !0),
                   N.value === "multiple" ? (S(), R("div", on, [
-                    U("div", an, [
-                      X(Xe, {
+                    M("div", an, [
+                      J(Je, {
                         "allow-speech": n.allowSpeech,
                         "allow-files": n.allowFiles,
                         loading: n.loading,
                         disabled: T.value,
                         "show-clear": n.clearable,
-                        "has-content": P.value,
-                        "speech-status": C(Y),
+                        "has-content": K.value,
+                        "speech-status": C(Z),
                         "button-group": n.buttonGroup,
                         "submit-type": n.submitType,
                         "is-over-limit": he.value,
@@ -1300,30 +1300,30 @@ const Pt = { class: "editor-container" }, De = "​", Fe = "​", Wt = /* @__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"])
                     ])
-                  ])) : M("", !0)
+                  ])) : q("", !0)
                 ])
               ], 4)) : n.$slots.footer ? (S(), R("div", ln, [
                 oe(n.$slots, "footer")
-              ])) : M("", !0)
+              ])) : q("", !0)
             ]),
             _: 3
           })
         ], 512)
       ]),
-      X(Mt, {
+      J(qt, {
         ref_key: "suggestionsListRef",
         ref: y,
         show: C(A),
-        suggestions: C(W),
+        suggestions: C(P),
         "popup-style": ge.value,
-        "is-item-highlighted": C(q),
+        "is-item-highlighted": C(U),
         "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, Ut));
+    ], 10, Mt));
   }
 });
 Re.name = "TrSender";