@opentiny/tiny-robot 0.3.0-alpha.15 → 0.3.0-alpha.17

package/dist/sender/index.js

@@ -1,215 +1,215 @@
-import { ref as M, watch as ne, reactive as nt, computed as L, defineComponent as we, createElementBlock as O, openBlock as w, createCommentVNode as U, normalizeStyle as Fe, createBlock as Z, unref as C, withCtx as de, createElementVNode as z, createVNode as X, normalizeClass as oe, toDisplayString as ce, useAttrs as ot, resolveComponent as st, mergeProps as me, Fragment as fe, renderList as be, mergeModels as at, useModel as lt, onMounted as rt, onUnmounted as it, nextTick as te, Transition as We, withModifiers as ut, useSlots as ct, renderSlot as ue, isRef as dt, createTextVNode as je } from "vue";
-import { I as ft } from "../index6.js";
-import { d as pt } from "../index3.js";
+import { ref as M, watch as ne, reactive as ot, computed as L, defineComponent as _e, createElementBlock as T, openBlock as m, createCommentVNode as U, normalizeStyle as Fe, createBlock as Z, unref as S, withCtx as de, createElementVNode as z, createVNode as X, normalizeClass as oe, toDisplayString as ce, useAttrs as st, resolveComponent as at, mergeProps as me, Fragment as fe, renderList as be, mergeModels as lt, useModel as rt, onMounted as it, onUnmounted as ut, nextTick as te, Transition as We, withModifiers as ct, useSlots as dt, renderSlot as ue, isRef as ft, createTextVNode as je } from "vue";
+import { I as pt } from "../index6.js";
+import { d as ht } from "../index3.js";
 import { T as Me } from "../index2.js";
-import { p as ht, u as yt, I as vt, x as gt, i as mt, l as bt, z as wt } from "../tiny-robot-svgs.js";
-import { _ as Te } from "../_plugin-vue_export-helper.js";
-import { t as _t } from "../utils.js";
-function St(s, i) {
-  const a = M(s.modelValue || s.defaultValue || ""), u = M(null);
+import { p as yt, u as vt, I as gt, x as mt, i as bt, l as _t, z as wt } from "../tiny-robot-svgs.js";
+import { _ as Oe } from "../_plugin-vue_export-helper.js";
+import { t as St } from "../utils.js";
+function Ct(l, u) {
+  const s = M(l.modelValue || l.defaultValue || ""), i = M(null);
   ne(
-    () => s.modelValue,
-    (d) => {
-      d !== void 0 && d !== a.value && (a.value = d);
+    () => l.modelValue,
+    (p) => {
+      p !== void 0 && p !== s.value && (s.value = p);
     }
   ), ne(
-    () => a.value,
-    (d) => {
-      i("update:modelValue", d);
+    () => s.value,
+    (p) => {
+      u("update:modelValue", p);
     }
   );
-  const h = (d) => {
-    a.value = d, i("update:modelValue", d);
-  }, g = (d) => {
-    d == null || d.preventDefault();
-    const _ = a.value;
-    !s.disabled && !s.loading && _.trim() && i("submit", _);
-  }, l = () => {
-    a.value = "", i("update:modelValue", ""), i("clear");
-  }, f = M(!1);
+  const y = (p) => {
+    s.value = p, u("update:modelValue", p);
+  }, _ = (p) => {
+    p == null || p.preventDefault();
+    const b = s.value;
+    !l.disabled && !l.loading && b.trim() && u("submit", b);
+  }, a = () => {
+    s.value = "", u("update:modelValue", ""), u("clear");
+  }, d = M(!1);
   return {
-    inputValue: a,
-    inputWrapper: u,
-    isComposing: f,
-    handleChange: h,
-    handleSubmit: g,
-    handleClear: l,
+    inputValue: s,
+    inputWrapper: i,
+    isComposing: d,
+    handleChange: y,
+    handleSubmit: _,
+    handleClear: a,
     clearInput: () => {
-      l();
+      a();
     }
   };
 }
-function Ct(s, i, a, u, h, g, l, f, m, d, _, y, A, V, P, W) {
+function xt(l, u, s, i, y, _, a, d, C, p, b, h, A, V, P, W) {
   const k = () => {
-    y.value && (P != null && P.value && (W == null || W()), i("submit", a.value.trim()));
-  }, v = (b, E) => {
-    if (!(b.key === "Enter")) return !1;
+    h.value && (P != null && P.value && (W == null || W()), u("submit", s.value.trim()));
+  }, v = (g, E) => {
+    if (!(g.key === "Enter")) return !1;
     switch (E) {
       case "enter":
-        return !b.shiftKey && !b.ctrlKey && !b.metaKey;
+        return !g.shiftKey && !g.ctrlKey && !g.metaKey;
       case "ctrlEnter":
-        return (b.ctrlKey || b.metaKey) && !b.shiftKey;
+        return (g.ctrlKey || g.metaKey) && !g.shiftKey;
       case "shiftEnter":
-        return b.shiftKey && !b.ctrlKey && !b.metaKey;
+        return g.shiftKey && !g.ctrlKey && !g.metaKey;
       default:
         return !1;
     }
   };
   return {
-    handleKeyPress: (b) => {
-      if (u.value) return;
-      if (b.key === "Enter" && b.shiftKey && (A == null ? void 0 : A.value) === "single" && V) {
-        b.preventDefault(), V();
-        const q = b.target, Q = q.selectionStart, F = a.value;
-        a.value = F.substring(0, Q) + `
+    handleKeyPress: (g) => {
+      if (i.value) return;
+      if (g.key === "Enter" && g.shiftKey && (A == null ? void 0 : A.value) === "single" && V) {
+        g.preventDefault(), V();
+        const q = g.target, Q = q.selectionStart, F = s.value;
+        s.value = F.substring(0, Q) + `
 ` + F.substring(Q), setTimeout(() => {
           q.selectionStart = q.selectionEnd = Q + 1;
         }, 0);
         return;
       }
-      if (b.key === "Tab" && g.value && l.value) {
-        b.preventDefault(), f();
+      if (g.key === "Tab" && _.value && a.value) {
+        g.preventDefault(), d();
         return;
       }
-      if (g.value) {
-        if (b.key === "ArrowDown") {
-          b.preventDefault(), d("down");
+      if (_.value) {
+        if (g.key === "ArrowDown") {
+          g.preventDefault(), p("down");
           return;
         }
-        if (b.key === "ArrowUp") {
-          b.preventDefault(), d("up");
+        if (g.key === "ArrowUp") {
+          g.preventDefault(), p("up");
           return;
         }
-        if (b.key === "Enter" && l.value) {
-          b.preventDefault(), f();
+        if (g.key === "Enter" && a.value) {
+          g.preventDefault(), d();
           return;
         }
       }
-      if (b.key === "Escape") {
-        g.value ? (m(), b.preventDefault()) : h.isRecording && (_(), b.preventDefault()), i("escape-press");
+      if (g.key === "Escape") {
+        _.value ? (C(), g.preventDefault()) : y.isRecording && (b(), g.preventDefault()), u("escape-press");
         return;
       }
-      v(b, s.submitType) && (b.preventDefault(), y.value && k());
+      v(g, l.submitType) && (g.preventDefault(), h.value && k());
     },
     triggerSubmit: k
   };
 }
-function xt(s) {
-  const i = nt({
+function kt(l) {
+  const u = ot({
     isRecording: !1,
     isSupported: typeof window < "u" && "webkitSpeechRecognition" in window || "SpeechRecognition" in window,
     error: void 0
-  }), a = i.isSupported ? new (window.webkitSpeechRecognition || window.SpeechRecognition)() : void 0;
-  a !== void 0 && (a.continuous = s.continuous ?? !1, a.interimResults = s.interimResults ?? !0, a.lang = s.lang ?? navigator.language, a.onstart = () => {
-    var l;
-    i.isRecording = !0, i.error = void 0, (l = s.onStart) == null || l.call(s);
-  }, a.onend = () => {
-    var l;
-    i.isRecording = !1, (l = s.onEnd) == null || l.call(s);
-  }, a.onresult = (l) => {
-    var m, d;
-    const f = Array.from(l.results).map((_) => _[0].transcript).join("");
-    l.results[0].isFinal ? (m = s.onFinal) == null || m.call(s, f) : (d = s.onInterim) == null || d.call(s, f);
-  }, a.onerror = (l) => {
-    var f;
-    i.error = new Error(l.error), i.isRecording = !1, (f = s.onError) == null || f.call(s, i.error);
+  }), s = u.isSupported ? new (window.webkitSpeechRecognition || window.SpeechRecognition)() : void 0;
+  s !== void 0 && (s.continuous = l.continuous ?? !1, s.interimResults = l.interimResults ?? !0, s.lang = l.lang ?? navigator.language, s.onstart = () => {
+    var a;
+    u.isRecording = !0, u.error = void 0, (a = l.onStart) == null || a.call(l);
+  }, s.onend = () => {
+    var a;
+    u.isRecording = !1, (a = l.onEnd) == null || a.call(l);
+  }, s.onresult = (a) => {
+    var C, p;
+    const d = Array.from(a.results).map((b) => b[0].transcript).join("");
+    a.results[0].isFinal ? (C = l.onFinal) == null || C.call(l, d) : (p = l.onInterim) == null || p.call(l, d);
+  }, s.onerror = (a) => {
+    var d;
+    u.error = new Error(a.error), u.isRecording = !1, (d = l.onError) == null || d.call(l, u.error);
   });
-  const u = () => {
-    var l;
-    if (!a) {
-      const f = new Error("浏览器不支持语音识别");
-      i.error = f, (l = s.onError) == null || l.call(s, f);
+  const i = () => {
+    var a;
+    if (!s) {
+      const d = new Error("浏览器不支持语音识别");
+      u.error = d, (a = l.onError) == null || a.call(l, d);
       return;
     }
-    if (i.isRecording) {
+    if (u.isRecording) {
       try {
-        a.stop(), setTimeout(() => {
+        s.stop(), setTimeout(() => {
           try {
-            a.start();
-          } catch (f) {
-            g(f);
+            s.start();
+          } catch (d) {
+            _(d);
           }
         }, 100);
-      } catch (f) {
-        g(f);
+      } catch (d) {
+        _(d);
       }
       return;
     }
     try {
-      a.start();
-    } catch (f) {
-      g(f);
+      s.start();
+    } catch (d) {
+      _(d);
     }
-  }, h = () => {
-    if (a && i.isRecording)
+  }, y = () => {
+    if (s && u.isRecording)
       try {
-        a.stop();
-      } catch (l) {
-        g(l);
+        s.stop();
+      } catch (a) {
+        _(a);
       }
-  }, g = (l) => {
-    var f;
-    i.error = l instanceof Error ? l : new Error("语音识别操作失败"), i.isRecording = !1, (f = s.onError) == null || f.call(s, i.error);
+  }, _ = (a) => {
+    var d;
+    u.error = a instanceof Error ? a : new Error("语音识别操作失败"), u.isRecording = !1, (d = l.onError) == null || d.call(l, u.error);
   };
   return {
-    speechState: i,
-    start: u,
-    stop: h
+    speechState: u,
+    start: i,
+    stop: y
   };
 }
-function kt(s, i, a, u, h, g) {
-  const l = M(!1), f = M(-1), m = M(-1), d = M(null), _ = M(""), y = M(!1), A = L(() => {
+function It(l, u, s, i, y, _) {
+  const a = M(!1), d = M(-1), C = M(-1), p = M(null), b = M(""), h = M(!1), A = L(() => {
     var G, j;
-    if (!((G = s.value) != null && G.length)) return "";
-    const B = d.value === "mouse" ? m.value : f.value;
-    return ((j = s.value[B]) == null ? void 0 : j.content) || "";
+    if (!((G = l.value) != null && G.length)) return "";
+    const B = p.value === "mouse" ? C.value : d.value;
+    return ((j = l.value[B]) == null ? void 0 : j.content) || "";
   }), V = (B) => {
-    _.value = B, y.value = !0;
+    b.value = B, h.value = !0;
   }, P = () => {
-    _.value = "", y.value = !1;
+    b.value = "", h.value = !1;
   }, W = (B) => {
     const G = B || A.value;
-    if (!G || !i.value) {
+    if (!G || !u.value) {
       P();
       return;
     }
-    const j = G.substring(i.value.length);
-    G.toLowerCase().startsWith(i.value.toLowerCase()) && j ? V(j) : P();
+    const j = G.substring(u.value.length);
+    G.toLowerCase().startsWith(u.value.toLowerCase()) && j ? V(j) : P();
   }, k = () => {
-    f.value = -1, m.value = -1, d.value = null;
+    d.value = -1, C.value = -1, p.value = null;
   }, v = () => {
-    l.value = !0, W();
+    a.value = !0, W();
   }, R = () => {
-    l.value = !1, k(), P();
-  }, b = L(() => {
+    a.value = !1, k(), P();
+  }, g = L(() => {
     var B;
-    return a.value ? !0 : !!(i.value && ((B = s.value) == null ? void 0 : B.length) > 0 && !u.value);
+    return s.value ? !0 : !!(u.value && ((B = l.value) == null ? void 0 : B.length) > 0 && !i.value);
   }), E = (B) => {
-    R(), i.value = B, h(B), g(B);
+    R(), u.value = B, y(B), _(B);
   }, q = () => {
     A.value && E(A.value);
   }, Q = (B) => {
-    !l.value || !s.value || (d.value = "keyboard", f.value === -1 ? f.value = B === "down" ? 0 : s.value.length - 1 : B === "down" ? f.value = (f.value + 1) % s.value.length : f.value = (f.value - 1 + s.value.length) % s.value.length, W());
+    !a.value || !l.value || (p.value = "keyboard", d.value === -1 ? d.value = B === "down" ? 0 : l.value.length - 1 : B === "down" ? d.value = (d.value + 1) % l.value.length : d.value = (d.value - 1 + l.value.length) % l.value.length, W());
   }, F = (B) => {
-    s.value && (d.value = "mouse", m.value = B, W());
+    l.value && (p.value = "mouse", C.value = B, W());
   }, N = () => {
-    s.value && (m.value = -1, f.value !== -1 ? d.value = "keyboard" : d.value = null, W());
+    l.value && (C.value = -1, d.value !== -1 ? p.value = "keyboard" : p.value = null, W());
   };
-  return ne(b, (B) => {
-    B ? l.value || v() : l.value && R();
+  return ne(g, (B) => {
+    B ? a.value || v() : a.value && R();
   }), {
     // 弹窗控制
-    isPopupVisible: l,
+    isPopupVisible: a,
     openPopup: v,
     closePopup: R,
     // 自动完成占位符
-    autoCompleteText: _,
-    showTabIndicator: y,
+    autoCompleteText: b,
+    showTabIndicator: h,
     syncAutoComplete: W,
     // 选中控制层
     activeSuggestion: A,
-    activeKeyboardIndex: f,
-    activeMouseIndex: m,
+    activeKeyboardIndex: d,
+    activeMouseIndex: C,
     // 交互处理
     navigateWithKeyboard: Q,
     handleMouseEnter: F,
@@ -219,10 +219,10 @@ function kt(s, i, a, u, h, g) {
     confirmSelection: q
   };
 }
-const It = { class: "action-buttons" }, Rt = { class: "action-buttons__submit-content" }, Ot = {
+const Rt = { class: "action-buttons" }, Tt = { class: "action-buttons__submit-content" }, Ot = {
   key: 0,
   class: "action-buttons__cancel-text"
-}, Tt = /* @__PURE__ */ we({
+}, Et = /* @__PURE__ */ _e({
   __name: "ActionButtons",
   props: {
     loading: { type: Boolean, default: !1 },
@@ -242,52 +242,52 @@ const It = { class: "action-buttons" }, Rt = { class: "action-buttons__submit-co
     stopText: { default: void 0 }
   },
   emits: ["clear", "toggle-speech", "submit", "cancel", "trigger-select"],
-  setup(s, { emit: i }) {
-    const a = s, u = i, h = L(() => {
-      var R, b;
-      const v = (b = (R = a.buttonGroup) == null ? void 0 : R.file) == null ? void 0 : b.tooltips;
+  setup(l, { emit: u }) {
+    const s = l, i = u, y = L(() => {
+      var R, g;
+      const v = (g = (R = s.buttonGroup) == null ? void 0 : R.file) == null ? void 0 : g.tooltips;
       if (typeof v == "string" && v)
         return () => v;
       if (typeof v == "function")
         return v;
-    }), g = L(() => {
-      var R, b;
-      const v = (b = (R = a.buttonGroup) == null ? void 0 : R.submit) == null ? void 0 : b.tooltips;
+    }), _ = L(() => {
+      var R, g;
+      const v = (g = (R = s.buttonGroup) == null ? void 0 : R.submit) == null ? void 0 : g.tooltips;
       if (typeof v == "string" && v)
         return () => v;
       if (typeof v == "function")
         return v;
-    }), l = L(() => a.allowSpeech), f = L(() => a.speechStatus.isRecording), m = L(() => a.disabled), d = L(() => {
+    }), a = L(() => s.allowSpeech), d = L(() => s.speechStatus.isRecording), C = L(() => s.disabled), p = L(() => {
       var v, R;
-      return m.value || a.isOverLimit || ((R = (v = a.buttonGroup) == null ? void 0 : v.submit) == null ? void 0 : R.disabled);
-    }), _ = L(() => a.allowFiles || a.allowSpeech || a.showClear), y = () => {
-      m.value || u("clear");
+      return C.value || s.isOverLimit || ((R = (v = s.buttonGroup) == null ? void 0 : v.submit) == null ? void 0 : R.disabled);
+    }), b = L(() => s.allowFiles || s.allowSpeech || s.showClear), h = () => {
+      C.value || i("clear");
     }, A = () => {
-      if (!m.value) {
-        const v = !a.speechStatus.isRecording;
-        u("toggle-speech", v);
+      if (!C.value) {
+        const v = !s.speechStatus.isRecording;
+        i("toggle-speech", v);
       }
     }, V = () => {
-      d.value || u("submit");
+      p.value || i("submit");
     }, P = () => {
-      m.value || u("cancel");
+      C.value || i("cancel");
     }, W = L(() => {
       var v, R;
-      return m.value || ((R = (v = a.buttonGroup) == null ? void 0 : v.file) == null ? void 0 : R.disabled);
+      return C.value || ((R = (v = s.buttonGroup) == null ? void 0 : v.file) == null ? void 0 : R.disabled);
     }), k = () => {
-      W.value || u("trigger-select");
+      W.value || i("trigger-select");
     };
-    return (v, R) => (w(), O("div", It, [
-      _.value ? (w(), O("div", {
+    return (v, R) => (m(), T("div", Rt, [
+      b.value ? (m(), T("div", {
         key: 0,
         class: "action-buttons__utility",
         style: Fe({ "padding-right": v.hasContent || v.loading ? "0" : "6px" })
       }, [
-        v.allowFiles && !v.loading ? (w(), Z(C(Me), {
+        v.allowFiles && !v.loading ? (m(), Z(S(Me), {
           key: 0,
           effect: "light",
           placement: "top",
-          "render-content": h.value,
+          "render-content": y.value,
           "visible-arrow": !1
         }, {
           default: de(() => [
@@ -295,7 +295,7 @@ const It = { class: "action-buttons" }, Rt = { class: "action-buttons__submit-co
               class: "action-buttons__button",
               onClick: k
             }, [
-              X(C(ht), {
+              X(S(yt), {
                 class: oe(["action-buttons__icon", "action-buttons__icon--upload", { "is-disabled": W.value }]),
                 alt: "上传文件"
               }, null, 8, ["class"])
@@ -303,22 +303,22 @@ const It = { class: "action-buttons" }, Rt = { class: "action-buttons__submit-co
           ]),
           _: 1
         }, 8, ["render-content"])) : U("", !0),
-        l.value && !v.loading ? (w(), O("div", {
+        a.value && !v.loading ? (m(), T("div", {
           key: 1,
-          class: oe(["action-buttons__button", { "is-recording": f.value }]),
+          class: oe(["action-buttons__button", { "is-recording": d.value }]),
           onClick: A
         }, [
-          f.value ? (w(), Z(C(vt), {
+          d.value ? (m(), Z(S(gt), {
             key: 1,
             class: "action-buttons__icon action-buttons__icon--recording",
             alt: "语音中"
-          })) : (w(), Z(C(yt), {
+          })) : (m(), Z(S(vt), {
             key: 0,
             class: "action-buttons__icon",
             alt: "录音"
           }))
         ], 2)) : U("", !0),
-        v.showClear ? (w(), Z(C(Me), {
+        v.showClear ? (m(), Z(S(Me), {
           key: 2,
           content: "清空内容",
           placement: "top"
@@ -326,39 +326,39 @@ const It = { class: "action-buttons" }, Rt = { class: "action-buttons__submit-co
           default: de(() => [
             z("div", {
               class: "action-buttons__button",
-              onClick: y
+              onClick: h
             }, [
-              X(C(gt), { class: "action-buttons__icon action-buttons__icon--clear" })
+              X(S(mt), { class: "action-buttons__icon action-buttons__icon--clear" })
             ])
           ]),
           _: 1
         })) : U("", !0)
       ], 4)) : U("", !0),
-      v.hasContent || v.loading ? (w(), O("div", {
+      v.hasContent || v.loading ? (m(), T("div", {
         key: 1,
         class: "action-buttons__button action-buttons__submit",
-        onClick: R[0] || (R[0] = (b) => v.loading ? P() : V())
+        onClick: R[0] || (R[0] = (g) => v.loading ? P() : V())
       }, [
-        z("div", Rt, [
-          v.loading ? (w(), O("div", {
+        z("div", Tt, [
+          v.loading ? (m(), T("div", {
             key: 1,
             class: oe(["action-buttons__cancel", { "action-buttons__cancel--icon-only": !v.stopText }])
           }, [
-            X(C(bt), {
+            X(S(_t), {
               class: "action-buttons__icon action-buttons__icon--cancel",
               alt: "停止"
             }),
-            v.stopText ? (w(), O("span", Ot, ce(v.stopText), 1)) : U("", !0)
-          ], 2)) : (w(), Z(C(Me), {
+            v.stopText ? (m(), T("span", Ot, ce(v.stopText), 1)) : U("", !0)
+          ], 2)) : (m(), Z(S(Me), {
             key: 0,
             effect: "light",
             placement: "top",
-            "render-content": g.value,
+            "render-content": _.value,
             "visible-arrow": !1
           }, {
             default: de(() => [
-              X(C(mt), {
-                class: oe(["action-buttons__icon", "action-buttons__icon--send", { "is-disabled": d.value }]),
+              X(S(bt), {
+                class: oe(["action-buttons__icon", "action-buttons__icon--send", { "is-disabled": p.value }]),
                 alt: "发送"
               }, null, 8, ["class"])
             ]),
@@ -368,18 +368,18 @@ const It = { class: "action-buttons" }, Rt = { class: "action-buttons__submit-co
       ])) : U("", !0)
     ]));
   }
-}), Je = /* @__PURE__ */ Te(Tt, [["__scopeId", "data-v-a9e0fa92"]]);
-function Et(s, i = {}) {
-  let a = [], u = [], h = s;
-  return { commit: (_) => {
-    var y;
-    a.push(h), h = _, u.length && ((y = i.onRemoveHistory) == null || y.call(i, u)), u = [];
-  }, undo: () => a.length ? (u.push(h), h = a.pop(), h) : null, redo: () => u.length ? (a.push(h), h = u.pop(), h) : null, clear: () => {
-    var _, y;
-    a.length && ((_ = i.onRemoveHistory) == null || _.call(i, a)), u.length && ((y = i.onRemoveHistory) == null || y.call(i, u)), a = [], u = [];
-  }, get: () => h };
+}), Je = /* @__PURE__ */ Oe(Et, [["__scopeId", "data-v-a9e0fa92"]]);
+function $t(l, u = {}) {
+  let s = [], i = [], y = l;
+  return { commit: (b) => {
+    var h;
+    s.push(y), y = b, i.length && ((h = u.onRemoveHistory) == null || h.call(u, i)), i = [];
+  }, undo: () => s.length ? (i.push(y), y = s.pop(), y) : null, redo: () => i.length ? (s.push(y), y = i.pop(), y) : null, clear: () => {
+    var b, h;
+    s.length && ((b = u.onRemoveHistory) == null || b.call(u, s)), i.length && ((h = u.onRemoveHistory) == null || h.call(u, i)), s = [], i = [];
+  }, get: () => y };
 }
-const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__PURE__ */ we({
+const Bt = ["data-id", "data-type"], Lt = ["data-id", "data-type"], Dt = /* @__PURE__ */ _e({
   inheritAttrs: !1,
   __name: "Block",
   props: {
@@ -389,55 +389,55 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
     readonly: { type: Boolean },
     asChild: { type: Boolean }
   },
-  setup(s) {
-    const i = s, a = ot();
-    return (u, h) => {
-      const g = st("Block", !0);
-      return i.type !== "block" ? (w(), O("span", me({
+  setup(l) {
+    const u = l, s = st();
+    return (i, y) => {
+      const _ = at("Block", !0);
+      return u.type !== "block" ? (m(), T("span", me({
         key: 0,
-        "data-id": i.id,
-        "data-type": i.type
-      }, C(a)), ce(i.content), 17, $t)) : (w(), O(fe, { key: 1 }, [
-        i.asChild ? (w(!0), O(fe, { key: 0 }, be(i.content, (l) => (w(), Z(g, me({
-          key: `${l.id}-${l.type}`
-        }, { ref_for: !0 }, l), null, 16))), 128)) : (w(), O("span", me({
+        "data-id": u.id,
+        "data-type": u.type
+      }, S(s)), ce(u.content), 17, Bt)) : (m(), T(fe, { key: 1 }, [
+        u.asChild ? (m(!0), T(fe, { key: 0 }, be(u.content, (a) => (m(), Z(_, me({
+          key: `${a.id}-${a.type}`
+        }, { ref_for: !0 }, a), null, 16))), 128)) : (m(), T("span", me({
           key: 1,
-          "data-id": i.id,
-          "data-type": i.type
-        }, C(a)), [
-          (w(!0), O(fe, null, be(i.content, (l) => (w(), Z(g, me({
-            key: `${l.id}-${l.type}`
-          }, { ref_for: !0 }, l), null, 16))), 128))
-        ], 16, Bt))
+          "data-id": u.id,
+          "data-type": u.type
+        }, S(s)), [
+          (m(!0), T(fe, null, be(u.content, (a) => (m(), Z(_, me({
+            key: `${a.id}-${a.type}`
+          }, { ref_for: !0 }, a), null, 16))), 128))
+        ], 16, Lt))
       ], 64));
     };
   }
-}), Dt = /* @__PURE__ */ Te(Lt, [["__scopeId", "data-v-13862606"]]), At = { class: "editor-container" }, Pe = "​", Kt = /* @__PURE__ */ we({
+}), At = /* @__PURE__ */ Oe(Dt, [["__scopeId", "data-v-13862606"]]), Kt = { class: "editor-container" }, Pe = "​", Mt = /* @__PURE__ */ _e({
   __name: "TemplateEditor",
   props: {
     modelValue: { default: () => [] },
     modelModifiers: {}
   },
-  emits: /* @__PURE__ */ at(["submit"], ["update:modelValue"]),
-  setup(s, { expose: i, emit: a }) {
-    const u = typeof window.ShadowRoot.prototype.getSelection == "function", h = typeof window.Selection.prototype.getComposedRanges == "function";
-    function g() {
+  emits: /* @__PURE__ */ lt(["submit"], ["update:modelValue"]),
+  setup(l, { expose: u, emit: s }) {
+    const i = typeof window.ShadowRoot.prototype.getSelection == "function", y = typeof window.Selection.prototype.getComposedRanges == "function";
+    function _() {
       const e = navigator.userAgent;
       return e.includes("Safari") && !e.includes("Chrome") && !e.includes("Chromium") && !e.includes("CriOS");
     }
-    const l = g(), f = () => Math.random().toString(36).substring(2, 15), m = Pe, d = Pe, _ = Pe, y = lt(s, "modelValue"), A = a, V = M(0), P = (e) => e.map((t) => ({
-      id: t.id || f(),
-      ...t.type === "template" ? { ...t, prefix: d, suffix: _ } : t
-    })), W = (e) => e.map((t) => ({ id: t.id, type: t.type, content: t.content })), k = M(P(y.value || [])), v = (e) => {
+    const a = _(), d = () => Math.random().toString(36).substring(2, 15), C = Pe, p = Pe, b = Pe, h = rt(l, "modelValue"), A = s, V = M(0), P = (e) => e.map((t) => ({
+      id: t.id || d(),
+      ...t.type === "template" ? { ...t, prefix: p, suffix: b } : t
+    })), W = (e) => e.map((t) => ({ id: t.id, type: t.type, content: t.content })), k = M(P(h.value || [])), v = (e) => {
       const t = [], o = [];
-      e.length > 0 && e[0].type === "template" && t.push({ type: "text", content: m, id: f() }), e.length > 0 && e[e.length - 1].type === "template" && o.push({ type: "text", content: m, id: f() });
-      const r = new RegExp(m, "g");
-      e.length > 0 && (e[0].content !== m && (e[0].content = e[0].content.replace(r, "")), e[e.length - 1].content !== m && (e[e.length - 1].content = e[e.length - 1].content.replace(r, ""))), k.value = t.concat(e).concat(o);
+      e.length > 0 && e[0].type === "template" && t.push({ type: "text", content: C, id: d() }), e.length > 0 && e[e.length - 1].type === "template" && o.push({ type: "text", content: C, id: d() });
+      const r = new RegExp(C, "g");
+      e.length > 0 && (e[0].content !== C && (e[0].content = e[0].content.replace(r, "")), e[e.length - 1].content !== C && (e[e.length - 1].content = e[e.length - 1].content.replace(r, ""))), k.value = t.concat(e).concat(o);
     }, R = L(() => k.value.map((e) => e.type === "template" ? [
       { id: e.id, type: "prefix", content: e.prefix },
       { id: e.id, type: "template", content: e.content },
       { id: e.id, type: "suffix", content: e.suffix }
-    ] : [e]).flat()), b = L(() => k.value.map((e) => e.type === "text" ? e : l ? {
+    ] : [e]).flat()), g = L(() => k.value.map((e) => e.type === "text" ? e : a ? {
       id: e.id,
       type: "block",
       asChild: !0,
@@ -476,14 +476,14 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
         timestamp: t,
         data: o
       };
-    }, F = /* @__PURE__ */ new Map(), N = Et(q(k.value), {
+    }, F = /* @__PURE__ */ new Map(), N = $t(q(k.value), {
       onRemoveHistory: (e) => {
         for (const t of e)
           F.delete(t);
       }
     });
     ne(
-      () => y.value,
+      () => h.value,
       (e) => {
         const t = P(e || []);
         if (JSON.stringify(t) !== JSON.stringify(k.value)) {
@@ -503,11 +503,11 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
       const o = t.rangeCount > 0 ? t.getRangeAt(0) : null, r = e.getRootNode();
       if (!(r instanceof ShadowRoot))
         return o;
-      if (h) {
-        const c = t.getComposedRanges(l ? r : { shadowRoots: [r] });
+      if (y) {
+        const c = t.getComposedRanges(a ? r : { shadowRoots: [r] });
         return (c == null ? void 0 : c[0]) ?? null;
       }
-      if (u) {
+      if (i) {
         const c = r.getSelection();
         return c.rangeCount > 0 ? c.getRangeAt(0) : null;
       }
@@ -522,40 +522,40 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
       const c = window.getSelection();
       if (!c)
         return;
-      const { node: p, offset: I } = pe(e, t);
+      const { node: f, offset: I } = pe(e, t);
       if (!o) {
-        c.setBaseAndExtent(p, I, p, I);
+        c.setBaseAndExtent(f, I, f, I);
         return;
       }
-      const { node: T, offset: S } = pe(o, r ?? 0);
-      c.setBaseAndExtent(p, I, T, S);
+      const { node: O, offset: w } = pe(o, r ?? 0);
+      c.setBaseAndExtent(f, I, O, w);
     }, Y = (e, t) => {
-      const o = f(), r = { id: o, type: "text", content: e };
+      const o = d(), r = { id: o, type: "text", content: e };
       if (t) {
-        const c = k.value.findIndex((p) => p.id === t);
+        const c = k.value.findIndex((f) => f.id === t);
         c !== -1 ? (v(
           k.value.slice(0, c + 1).concat(r).concat(k.value.slice(c + 1))
         ), N.commit(q(k.value))) : console.warn(`can not find item with id: ${t}`);
       } else
         v([r].concat(k.value)), N.commit(q(k.value));
       te(() => {
-        var p;
-        const c = (p = E.value) == null ? void 0 : p.querySelector(`[data-id="${o}"][data-type="text"]`);
+        var f;
+        const c = (f = E.value) == null ? void 0 : f.querySelector(`[data-id="${o}"][data-type="text"]`);
         c && K(c, e.length);
-      }), y.value = W(k.value);
+      }), h.value = W(k.value);
     }, se = M({
       hasStarted: !1,
       range: null
     }), Ee = (e) => {
-      var T;
+      var O;
       const t = e;
       e.preventDefault();
-      const { inputType: o } = t, r = (t.data || ((T = t.dataTransfer) == null ? void 0 : T.getData("text/plain")) || "").replace(d, "").replace(_, ""), c = t.getTargetRanges()[0];
+      const { inputType: o } = t, r = (t.data || ((O = t.dataTransfer) == null ? void 0 : O.getData("text/plain")) || "").replace(p, "").replace(b, ""), c = t.getTargetRanges()[0];
       if (!c) {
         console.warn("range is null", c);
         return;
       }
-      const p = [
+      const f = [
         "insertText",
         "insertFromPaste",
         "insertReplacementText",
@@ -567,13 +567,13 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
         "deleteSoftLineForward",
         "deleteByCut"
       ], I = j(E.value);
-      if (p.includes(o)) {
+      if (f.includes(o)) {
         if (r && G(c.startContainer) && G(c.endContainer)) {
           I && F.set(N.get(), J(I)), Y(r);
           return;
         }
-        const S = J(c);
-        S.startId && S.endId ? (I && F.set(N.get(), J(I)), _e(S, o, r)) : console.warn("range is not valid, range:", S);
+        const w = J(c);
+        w.startId && w.endId ? (I && F.set(N.get(), J(I)), we(w, o, r)) : console.warn("range is not valid, range:", w);
       } else o === "insertCompositionText" && se.value.hasStarted && (se.value = { hasStarted: !1, range: J(c) });
     }, J = (e) => {
       const t = B(e.startContainer, E.value), o = B(e.endContainer, E.value);
@@ -590,42 +590,42 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
         startOffset: e.startOffset,
         startType: t == null ? void 0 : t.dataset.type
       };
-    }, he = (e, t, o, r) => e.slice(0, o) + t + e.slice(r), _e = (e, t, o) => {
+    }, he = (e, t, o, r) => e.slice(0, o) + t + e.slice(r), we = (e, t, o) => {
       const r = ve(e);
       if (!Array.isArray(r) || r.length === 0)
         return;
       const c = $e(r, e, t, o);
-      if (c.some((S) => S.tag === "new")) {
-        const { afterId: S, content: $ } = c[0];
-        Y($, S);
+      if (c.some((w) => w.tag === "new")) {
+        const { afterId: w, content: $ } = c[0];
+        Y($, w);
         return;
       }
-      const p = c, I = [];
-      for (const [S, $] of p.entries()) {
-        const H = k.value.find((Ae) => Ae.id === $.id), le = S === 0 ? o : "";
+      const f = c, I = [];
+      for (const [w, $] of f.entries()) {
+        const H = k.value.find((Ae) => Ae.id === $.id), le = w === 0 ? o : "";
         H ? H.type === "text" ? H.content = he(H.content, le, $.startOffset, $.endOffset) : H.type === "template" ? $.type === "prefix" || $.type === "suffix" ? $.startOffset === 0 && $.endOffset === 1 && le.length === 0 ? H[$.type] = "" : console.warn(`${$.type} can not be inserted text. it only can be deleted`, $) : $.startOffset < 0 || $.endOffset > H.content.length ? I.push(H.id) : H.content = he(H.content, le, $.startOffset, $.endOffset) : console.warn("dataItem.type is not text or template", H) : console.warn("can not find dataItem", $);
       }
-      let T = k.value.filter((S) => !I.includes(S.id));
-      if (T = T.filter((S) => !(S.type === "template" && [S.prefix, S.suffix, S.content].join("").length === 0)), T.length >= 2) {
-        const S = T[0], $ = T[1];
-        S.type === "text" && S.content.length === 0 && $.type === "template" && (S.content = m);
-        const H = T[T.length - 1], le = T[T.length - 2];
-        H.type === "text" && H.content.length === 0 && le.type === "template" && (H.content = m);
+      let O = k.value.filter((w) => !I.includes(w.id));
+      if (O = O.filter((w) => !(w.type === "template" && [w.prefix, w.suffix, w.content].join("").length === 0)), O.length >= 2) {
+        const w = O[0], $ = O[1];
+        w.type === "text" && w.content.length === 0 && $.type === "template" && (w.content = C);
+        const H = O[O.length - 1], le = O[O.length - 2];
+        H.type === "text" && H.content.length === 0 && le.type === "template" && (H.content = C);
       }
-      T = T.filter((S) => !(S.type === "text" && S.content.length === 0));
-      for (const S of T.filter(($) => $.type === "template"))
-        S.prefix.length === 0 && (S.prefix = d), S.suffix.length === 0 && (S.suffix = _);
-      v(T), N.commit(q(k.value)), p.length > 0 && ye(p, o), y.value = W(k.value);
+      O = O.filter((w) => !(w.type === "text" && w.content.length === 0));
+      for (const w of O.filter(($) => $.type === "template"))
+        w.prefix.length === 0 && (w.prefix = p), w.suffix.length === 0 && (w.suffix = b);
+      v(O), N.commit(q(k.value)), f.length > 0 && ye(f, o), h.value = W(k.value);
     }, ye = (e, t) => {
-      const o = e[0], r = `[data-id="${o.id}"][data-type="${o.type}"]`, c = e.slice(1).map((p) => `[data-id="${p.id}"][data-type="${p.type}"]`);
+      const o = e[0], r = `[data-id="${o.id}"][data-type="${o.type}"]`, c = e.slice(1).map((f) => `[data-id="${f.id}"][data-type="${f.type}"]`);
       te(() => {
-        var I, T;
-        const p = (I = E.value) == null ? void 0 : I.querySelector(r);
-        if (p)
-          K(p, o.startOffset + t.length);
+        var I, O;
+        const f = (I = E.value) == null ? void 0 : I.querySelector(r);
+        if (f)
+          K(f, o.startOffset + t.length);
         else if (t.length === 0)
-          for (const S of c) {
-            const $ = (T = E.value) == null ? void 0 : T.querySelector(S);
+          for (const w of c) {
+            const $ = (O = E.value) == null ? void 0 : O.querySelector(w);
             if ($) {
               K($, 0);
               break;
@@ -648,7 +648,7 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
             endOffset: e.endOffset
           }
         ];
-      const p = [
+      const f = [
         {
           id: r.id,
           type: r.type,
@@ -657,20 +657,20 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
         }
       ];
       for (let I = t + 1; I < o; I++) {
-        const T = R.value[I];
-        p.push({
-          id: T.id,
-          type: T.type,
+        const O = R.value[I];
+        f.push({
+          id: O.id,
+          type: O.type,
           startOffset: 0,
-          endOffset: T.content.length
+          endOffset: O.content.length
         });
       }
-      return p.push({
+      return f.push({
         id: c.id,
         type: c.type,
         startOffset: 0,
         endOffset: e.endOffset
-      }), p;
+      }), f;
     }, $e = (e, t, o, r) => {
       const c = e[0];
       if (c.type !== "prefix" && c.type !== "suffix")
@@ -678,27 +678,27 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
       if (e.length === 1) {
         if (t.collapsed)
           if (t.startOffset === 0) {
-            const p = ge(c, r);
-            return p ? [p] : [];
+            const f = ge(c, r);
+            return f ? [f] : [];
           } else {
-            const p = ae(c, r);
-            return p ? [p] : [];
+            const f = ae(c, r);
+            return f ? [f] : [];
           }
         if (o.startsWith("insert"))
-          if (l) {
-            const p = ge(c, r);
-            return p ? [p] : [];
+          if (a) {
+            const f = ge(c, r);
+            return f ? [f] : [];
           } else {
-            const p = ae(c, r);
-            return p ? [p] : [];
+            const f = ae(c, r);
+            return f ? [f] : [];
           }
         if (o.startsWith("delete")) {
           if (o.includes("Backward")) {
-            const p = ge(c, r, 1);
-            return p ? [p] : [];
+            const f = ge(c, r, 1);
+            return f ? [f] : [];
           } else if (o.includes("Forward")) {
-            const p = ae(c, r, 1);
-            return p ? [p] : [];
+            const f = ae(c, r, 1);
+            return f ? [f] : [];
           }
         }
       }
@@ -706,16 +706,16 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
     }, ge = (e, t, o = 0) => {
       const r = R.value.findIndex((c) => c.id === e.id && c.type === e.type);
       if (r > 0) {
-        const c = R.value[r - 1], { id: p, type: I, content: T } = c;
+        const c = R.value[r - 1], { id: f, type: I, content: O } = c;
         if (I === "text" || I === "template")
           return {
-            id: p,
+            id: f,
             type: I,
-            startOffset: T.length - o,
-            endOffset: T.length
+            startOffset: O.length - o,
+            endOffset: O.length
           };
         if (t.length > 0)
-          return { tag: "new", afterId: p, type: "text", content: t };
+          return { tag: "new", afterId: f, type: "text", content: t };
         if (console.warn("the previous item is not text or template", { current: e, previous: c }), o === 1)
           return { ...e, endOffset: e.startOffset };
       } else return t.length > 0 ? { tag: "new", type: "text", content: t } : (console.warn("the previous item of current is not found", { current: e }), null);
@@ -723,10 +723,10 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
     }, ae = (e, t, o = 0) => {
       const r = R.value.findIndex((c) => c.id === e.id && c.type === e.type);
       if (r < R.value.length - 1) {
-        const c = R.value[r + 1], { id: p, type: I } = c;
+        const c = R.value[r + 1], { id: f, type: I } = c;
         if (I === "text" || I === "template")
           return {
-            id: p,
+            id: f,
             type: I,
             startOffset: 0,
             endOffset: 0 + o
@@ -741,7 +741,7 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
       se.value = { hasStarted: !0, range: null };
     }, Ce = (e) => {
       const t = se.value.range;
-      t ? (e.data && G(t.startContainer) && G(t.endContainer) ? (F.set(N.get(), J(t)), Y(e.data)) : t.startId && t.endId ? (F.set(N.get(), J(t)), _e(t, "insertCompositionText", e.data)) : console.warn("range is not valid, range:", t), V.value++) : console.warn("range is null, compositionEnd:", e), se.value = { hasStarted: !1, range: null };
+      t ? (e.data && G(t.startContainer) && G(t.endContainer) ? (F.set(N.get(), J(t)), Y(e.data)) : t.startId && t.endId ? (F.set(N.get(), J(t)), we(t, "insertCompositionText", e.data)) : console.warn("range is not valid, range:", t), V.value++) : console.warn("range is null, compositionEnd:", e), se.value = { hasStarted: !1, range: null };
     }, ee = (() => {
       const e = navigator.userAgent.toLowerCase();
       return /macintosh|mac os x|iphone|ipad|ipod/.test(e);
@@ -753,8 +753,8 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
         e.preventDefault();
         const c = j(E.value);
         c && F.set(N.get(), J(c));
-        const p = N.undo();
-        p && re(p);
+        const f = N.undo();
+        f && re(f);
       }
       if (o) {
         e.preventDefault();
@@ -771,17 +771,17 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
           r && K(r, o.startOffset, c, o.endOffset);
         });
       }
-      y.value = W(k.value);
+      h.value = W(k.value);
     }, Le = () => {
-      if (!E.value)
-        return;
-      const e = k.value.find((t) => t.type === "template");
-      e && te(() => {
-        var o, r;
-        const t = (o = E.value) == null ? void 0 : o.querySelector(`[data-id="${e.id}"][data-type="template"]`);
-        if (t) {
-          const c = ((r = t.textContent) == null ? void 0 : r.length) || 0;
-          K(t, c);
+      E.value && te(() => {
+        var t, o;
+        const e = k.value.find((r) => r.type === "template");
+        if (e) {
+          const r = (t = E.value) == null ? void 0 : t.querySelector(`[data-id="${e.id}"][data-type="template"]`);
+          if (r) {
+            const c = ((o = r.textContent) == null ? void 0 : o.length) || 0;
+            K(r, c);
+          }
         }
       });
     }, De = () => {
@@ -792,26 +792,26 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
       const e = j(E.value);
       if (e != null && e.collapsed && k.value.length > 0) {
         const t = J(e), o = k.value[0];
-        if (t.startEl && t.startId === o.id && t.startOffset === 0 && o.content === m && o.type === "text") {
+        if (t.startEl && t.startId === o.id && t.startOffset === 0 && o.content === C && o.type === "text") {
           K(t.startEl, 1);
           return;
         }
         const r = k.value[k.value.length - 1];
-        if (t.endEl && t.endId === r.id && t.endOffset === 1 && r.content === m && r.type === "text") {
+        if (t.endEl && t.endId === r.id && t.endOffset === 1 && r.content === C && r.type === "text") {
           K(t.endEl, 0);
           return;
         }
       }
     };
-    return rt(() => {
+    return it(() => {
       document.addEventListener("selectionchange", ke);
-    }), it(() => {
+    }), ut(() => {
       document.removeEventListener("selectionchange", ke);
-    }), i({
+    }), u({
       clearHistory: De,
       activateFirstField: Le
-    }), (e, t) => (w(), O("div", At, [
-      (w(), O("div", {
+    }), (e, t) => (m(), T("div", Kt, [
+      (m(), T("div", {
         contenteditable: "true",
         ref_key: "editorRef",
         ref: E,
@@ -822,74 +822,58 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
         onCompositionend: Ce,
         onKeydown: Be
       }, [
-        (w(!0), O(fe, null, be(b.value, (o) => (w(), Z(Dt, me({
+        (m(!0), T(fe, null, be(g.value, (o) => (m(), Z(At, me({
           key: `${o.id}-${o.type}`
         }, { ref_for: !0 }, o), null, 16))), 128))
       ], 32))
     ]));
   }
-}), Mt = /* @__PURE__ */ Te(Kt, [["__scopeId", "data-v-7a3ac2af"]]), Pt = (s, i) => {
-  if (!i || !s)
-    return [{ text: s, isMatch: !1 }];
-  const a = s.toLowerCase(), u = i.toLowerCase(), h = [];
-  let g = 0;
-  for (; g < a.length; ) {
-    const d = a.indexOf(u, g);
-    if (d === -1) break;
-    h.push({
-      start: d,
-      end: d + i.length
-    }), g = d + 1;
+}), Pt = /* @__PURE__ */ Oe(Mt, [["__scopeId", "data-v-63d29cf5"]]), Xe = (l, u) => {
+  if (!u.length)
+    return [{ text: l, isMatch: !1 }];
+  const s = [];
+  for (const a of u) {
+    if (!a) continue;
+    let d = 0;
+    const C = l.toLowerCase(), p = a.toLowerCase();
+    for (; ; ) {
+      const b = C.indexOf(p, d);
+      if (b === -1) break;
+      s.push({
+        start: b,
+        end: b + a.length
+      }), d = b + 1;
+    }
   }
-  if (h.length === 0)
-    return [{ text: s, isMatch: !1 }];
-  const l = [];
-  for (const d of h)
-    if (l.length === 0)
-      l.push(d);
+  if (s.length === 0)
+    return [{ text: l, isMatch: !1 }];
+  s.sort((a, d) => a.start - d.start);
+  const i = [];
+  for (const a of s)
+    if (i.length === 0)
+      i.push(a);
     else {
-      const _ = l[l.length - 1];
-      d.start <= _.end ? _.end = Math.max(_.end, d.end) : l.push(d);
+      const d = i[i.length - 1];
+      a.start <= d.end ? d.end = Math.max(d.end, a.end) : i.push(a);
     }
-  const f = [];
-  let m = 0;
-  for (const d of l)
-    m < d.start && f.push({
-      text: s.substring(m, d.start),
+  const y = [];
+  let _ = 0;
+  for (const a of i)
+    _ < a.start && y.push({
+      text: l.substring(_, a.start),
       isMatch: !1
-    }), f.push({
-      text: s.substring(d.start, d.end),
+    }), y.push({
+      text: l.substring(a.start, a.end),
       isMatch: !0
-    }), m = d.end;
-  return m < s.length && f.push({
-    text: s.substring(m),
+    }), _ = a.end;
+  return _ < l.length && y.push({
+    text: l.substring(_),
     isMatch: !1
-  }), f;
-}, Wt = (s, i) => {
-  if (!i.length)
-    return [{ text: s, isMatch: !1 }];
-  const a = new Array(s.length).fill(!1);
-  for (const g of i) {
-    let l = 0;
-    for (; ; ) {
-      const f = s.indexOf(g, l);
-      if (f === -1) break;
-      for (let m = 0; m < g.length; m++)
-        a[f + m] = !0;
-      l = f + 1;
-    }
-  }
-  const u = [];
-  let h = null;
-  for (let g = 0; g < s.length; g++) {
-    const l = a[g];
-    !h || h.isMatch !== l ? (h = { text: s[g], isMatch: l }, u.push(h)) : h.text += s[g];
-  }
-  return u;
-}, Ft = (s, i) => {
-  const { content: a, highlights: u } = s;
-  return typeof u == "function" ? u(a, i) : Array.isArray(u) ? Wt(a, u) : Pt(a, i);
-}, Vt = ["onMouseenter", "onMousedown"], Nt = { class: "suggestion-list__text" }, Ht = /* @__PURE__ */ we({
+  }), y;
+}, Wt = (l, u) => !u || !l ? [{ text: l, isMatch: !1 }] : Xe(l, [u]), Ft = (l, u) => {
+  const { content: s, highlights: i } = l;
+  return typeof i == "function" ? i(s, u) : Array.isArray(i) ? Xe(s, i) : Wt(s, u);
+}, Vt = ["onMouseenter", "onMousedown"], Nt = { class: "suggestion-list__text" }, Ht = /* @__PURE__ */ _e({
   __name: "SuggestionList",
   props: {
     show: { type: Boolean },
@@ -900,41 +884,41 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
     inputValue: {}
   },
   emits: ["select", "mouse-enter", "mouse-leave"],
-  setup(s, { emit: i }) {
-    const a = s, u = i, h = M(null), g = (d) => d === a.activeKeyboardIndex || d === a.activeMouseIndex, l = (d) => {
-      u("mouse-enter", d);
-    }, f = () => {
-      u("mouse-leave");
-    }, m = (d) => {
-      u("select", d);
+  setup(l, { emit: u }) {
+    const s = l, i = u, y = M(null), _ = (p) => p === s.activeKeyboardIndex || p === s.activeMouseIndex, a = (p) => {
+      i("mouse-enter", p);
+    }, d = () => {
+      i("mouse-leave");
+    }, C = (p) => {
+      i("select", p);
     };
     return ne(
-      () => a.activeKeyboardIndex,
-      (d) => {
-        if (d !== -1 && h.value) {
-          const _ = h.value.children[d];
-          _ && _.scrollIntoView({ block: "nearest" });
+      () => s.activeKeyboardIndex,
+      (p) => {
+        if (p !== -1 && y.value) {
+          const b = y.value.children[p];
+          b && b.scrollIntoView({ block: "nearest" });
         }
       }
-    ), (d, _) => (w(), Z(We, { name: "tiny-sender-slide-up" }, {
+    ), (p, b) => (m(), Z(We, { name: "tiny-sender-slide-up" }, {
       default: de(() => [
-        a.show && a.suggestions.length ? (w(), O("div", {
+        s.show && s.suggestions.length ? (m(), T("div", {
           key: 0,
           ref_key: "suggestionsListRef",
-          ref: h,
+          ref: y,
           class: "suggestion-list",
-          style: Fe(a.popupStyle)
+          style: Fe(s.popupStyle)
         }, [
-          (w(!0), O(fe, null, be(a.suggestions, (y, A) => (w(), O("div", {
+          (m(!0), T(fe, null, be(s.suggestions, (h, A) => (m(), T("div", {
             key: A,
-            class: oe(["suggestion-list__item", { highlighted: g(A) }]),
-            onMouseenter: (V) => l(A),
-            onMouseleave: f,
-            onMousedown: ut((V) => m(y.content), ["prevent"])
+            class: oe(["suggestion-list__item", { highlighted: _(A) }]),
+            onMouseenter: (V) => a(A),
+            onMouseleave: d,
+            onMousedown: ct((V) => C(h.content), ["prevent"])
           }, [
-            X(C(wt), { class: "suggestion-list__icon" }),
+            X(S(wt), { class: "suggestion-list__icon" }),
             z("span", Nt, [
-              (w(!0), O(fe, null, be(C(Ft)(y, a.inputValue), (V, P) => (w(), O("span", {
+              (m(!0), T(fe, null, be(S(Ft)(h, s.inputValue), (V, P) => (m(), T("span", {
                 key: P,
                 class: oe({
                   "suggestion-list__text--match": V.isMatch,
@@ -948,7 +932,7 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
       _: 1
     }));
   }
-}), Ut = /* @__PURE__ */ Te(Ht, [["__scopeId", "data-v-e0ec9fe3"]]), qt = ["data-theme"], zt = { class: "tiny-sender__container" }, Gt = {
+}), Ut = /* @__PURE__ */ Oe(Ht, [["__scopeId", "data-v-e0ec9fe3"]]), qt = ["data-theme"], zt = { class: "tiny-sender__container" }, Gt = {
   key: 0,
   class: "tiny-sender__header-slot"
 }, jt = {
@@ -975,7 +959,7 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
 }, ln = { class: "tiny-sender__buttons-container" }, rn = {
   key: 1,
   class: "tiny-sender__footer-slot"
-}, Oe = /* @__PURE__ */ we({
+}, Te = /* @__PURE__ */ _e({
   __name: "index",
   props: {
     autofocus: { type: Boolean, default: !1 },
@@ -1001,16 +985,16 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
     stopText: { default: "" }
   },
   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(s, { expose: i, emit: a }) {
+  setup(l, { expose: u, emit: s }) {
     var Ve;
-    const u = s, h = a, g = M(null), l = M(null), f = M(null), m = M(null), d = M(null), _ = L(() => u.templateData && u.templateData.length > 0), { inputValue: y, isComposing: A, clearInput: V } = St(u, h), P = L(() => !!y.value.trim()), W = L(() => {
+    const i = l, y = s, _ = M(null), a = M(null), d = M(null), C = M(null), p = M(null), b = L(() => i.templateData && i.templateData.length > 0), { inputValue: h, isComposing: A, clearInput: V } = Ct(i, y), P = L(() => !!h.value.trim()), W = L(() => {
       var n, x;
-      return !(u.disabled || u.loading || !P.value || ee.value || (x = (n = u.buttonGroup) == null ? void 0 : n.submit) != null && x.disabled);
+      return !(i.disabled || i.loading || !P.value || ee.value || (x = (n = i.buttonGroup) == null ? void 0 : n.submit) != null && x.disabled);
     }), {
       isPopupVisible: k,
       activeSuggestion: v,
       activeKeyboardIndex: R,
-      activeMouseIndex: b,
+      activeMouseIndex: g,
       autoCompleteText: E,
       showTabIndicator: q,
       syncAutoComplete: Q,
@@ -1020,20 +1004,20 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
       navigateWithKeyboard: G,
       handleMouseEnter: j,
       handleMouseLeave: pe
-    } = kt(
-      L(() => u.suggestions),
-      y,
+    } = It(
+      L(() => i.suggestions),
+      h,
       A,
-      _,
-      (n) => h("update:modelValue", n),
-      (n) => h("suggestion-select", n)
-    ), K = M(u.mode), Y = M(!1), se = () => {
+      b,
+      (n) => y("update:modelValue", n),
+      (n) => y("suggestion-select", n)
+    ), K = M(i.mode), Y = M(!1), se = () => {
       K.value === "single" && (K.value = "multiple", te(() => {
         setTimeout(() => {
           const n = document.querySelector(".tiny-textarea__inner");
           if (n) {
             n.style.whiteSpace = "pre-wrap";
-            const x = y.value.length;
+            const x = h.value.length;
             n.focus(), n.setSelectionRange(x, x);
           }
         }, 50);
@@ -1045,10 +1029,10 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
       return document.body.removeChild(D), ie;
     }, J = () => {
       var Ie, Ue, qe;
-      if (u.mode !== "single" || !g.value || Y.value || !l.value || !m.value) return;
-      const n = l.value.querySelector(".tiny-sender__content-area");
+      if (i.mode !== "single" || !_.value || Y.value || !a.value || !C.value) return;
+      const n = a.value.querySelector(".tiny-sender__content-area");
       if (!n) return;
-      const x = ((Ue = (Ie = g.value) == null ? void 0 : Ie.querySelector) == null ? void 0 : Ue.call(Ie, ".tiny-input__inner")) || n.querySelector(".tiny-input__inner"), D = d.value || l.value.querySelector(".tiny-sender__buttons-container");
+      const x = ((Ue = (Ie = _.value) == null ? void 0 : Ie.querySelector) == null ? void 0 : Ue.call(Ie, ".tiny-input__inner")) || n.querySelector(".tiny-input__inner"), D = p.value || a.value.querySelector(".tiny-sender__buttons-container");
       if (!x) {
         console.warn("Cannot find input element for overflow check");
         return;
@@ -1058,46 +1042,46 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
         setTimeout(() => J(), 50);
         return;
       }
-      const Xe = window.getComputedStyle(x).font, Ze = Ee(y.value, Xe), Ne = (qe = l.value) == null ? void 0 : qe.classList.contains("tr-sender-compact"), Qe = Ne ? 12 : 20, Ye = ie.width, et = (Ke == null ? void 0 : Ke.width) || 0, He = Ye - et - Qe, tt = Ne ? 50 : 80;
-      Ze > He && He > tt && K.value === "single" && (Y.value = !0, K.value = "multiple", te(() => {
-        g.value ? setTimeout(() => {
+      const Ze = window.getComputedStyle(x).font, Qe = Ee(h.value, Ze), Ne = (qe = a.value) == null ? void 0 : qe.classList.contains("tr-sender-compact"), Ye = Ne ? 12 : 20, et = ie.width, tt = (Ke == null ? void 0 : Ke.width) || 0, He = et - tt - Ye, nt = Ne ? 50 : 80;
+      Qe > He && He > nt && K.value === "single" && (Y.value = !0, K.value = "multiple", te(() => {
+        _.value ? setTimeout(() => {
           var ze;
-          const Re = (ze = l.value) == null ? void 0 : ze.querySelector(".tiny-textarea__inner");
+          const Re = (ze = a.value) == null ? void 0 : ze.querySelector(".tiny-textarea__inner");
           if (Re) {
             Re.style.whiteSpace = "pre-wrap";
-            const Ge = y.value.length;
+            const Ge = h.value.length;
             Re.focus(), Re.setSelectionRange(Ge, Ge);
           }
           Y.value = !1;
         }, 300) : Y.value = !1;
       }));
     }, he = () => {
-      if (_.value && f.value)
-        S();
-      else if (g.value)
-        g.value.focus();
+      if (b.value && d.value)
+        w();
+      else if (_.value)
+        _.value.focus();
       else {
         const n = document.querySelector(".tiny-input__inner");
         n == null || n.focus();
       }
-    }, _e = () => {
-      if (g.value)
-        g.value.blur();
+    }, we = () => {
+      if (_.value)
+        _.value.blur();
       else {
         const n = document.querySelector(".tiny-input__inner");
         n == null || n.blur();
       }
     }, ye = () => {
       var n;
-      h("update:templateData", []), (n = f.value) == null || n.clearHistory(), te(() => {
-        y.value === "" && (K.value = u.mode || "single"), setTimeout(() => {
+      y("update:templateData", []), (n = d.value) == null || n.clearHistory(), te(() => {
+        h.value === "" && (K.value = i.mode || "single"), setTimeout(() => {
           he();
         }, 50);
       });
     }, ve = () => {
       var n;
-      V(), _.value ? ye() : (n = l.value) == null || n.focus(), te(() => {
-        y.value === "" && (K.value = u.mode || "single");
+      V(), b.value ? ye() : (n = a.value) == null || n.focus(), te(() => {
+        h.value === "" && (K.value = i.mode || "single");
       });
     }, $e = (n) => {
       const x = (ie) => ie.type === "text" && ie.content === "​";
@@ -1105,41 +1089,41 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
         ye();
         return;
       }
-      h("update:templateData", n);
+      y("update:templateData", n);
     };
     ne(
-      () => u.templateData,
+      () => i.templateData,
       () => {
-        y.value = u.templateData.map((n) => n.content).join("");
+        h.value = i.templateData.map((n) => n.content).join("");
       },
       { deep: !0 }
     );
     const ge = L(() => {
-      const n = typeof u.speech == "object" ? u.speech : {};
+      const n = typeof i.speech == "object" ? i.speech : {};
       return {
         ...n,
-        onStart: () => h("speech-start"),
-        onEnd: (x) => h("speech-end", x),
-        onInterim: (x) => h("speech-interim", x),
+        onStart: () => y("speech-start"),
+        onEnd: (x) => y("speech-end", x),
+        onInterim: (x) => y("speech-interim", x),
         onFinal: (x) => {
           if (n.autoReplace)
-            y.value = x;
+            h.value = x;
           else {
-            const D = y.value;
-            D && x && !D.endsWith(" ") && !x.startsWith(" ") && D.length > 0 ? y.value = D + " " + x : y.value = D + x;
+            const D = h.value;
+            D && x && !D.endsWith(" ") && !x.startsWith(" ") && D.length > 0 ? h.value = D + " " + x : h.value = D + x;
           }
-          h("speech-end", x);
+          y("speech-end", x);
         },
         onError: (x) => {
-          h("speech-error", x);
+          y("speech-error", x);
         }
       };
-    }), { speechState: ae, start: Se, stop: Ce } = xt(ge.value), xe = () => {
+    }), { speechState: ae, start: Se, stop: Ce } = kt(ge.value), xe = () => {
       ae.isRecording ? Ce() : Se();
-    }, ee = L(() => u.maxLength !== 1 / 0 && y.value.length > u.maxLength), { handleKeyPress: Be, triggerSubmit: re } = Ct(
-      u,
-      h,
+    }, ee = L(() => i.maxLength !== 1 / 0 && h.value.length > i.maxLength), { handleKeyPress: Be, triggerSubmit: re } = xt(
+      i,
       y,
+      h,
       A,
       ae,
       k,
@@ -1151,65 +1135,65 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
       W,
       K,
       se,
-      _,
+      b,
       ye
     ), Le = (n) => {
-      h("focus", n), y.value && !_.value && (k.value = !0);
+      y("focus", n), h.value && !b.value && (k.value = !0);
     }, De = (n) => {
-      h("blur", n), F();
+      y("blur", n), F();
     }, ke = L(() => K.value === "multiple" ? "textarea" : "text"), e = L(
       () => ({
         display: "flex",
-        justifyContent: u.showWordLimit && u.maxLength !== 1 / 0 ? "space-between" : "flex-end",
+        justifyContent: i.showWordLimit && i.maxLength !== 1 / 0 ? "space-between" : "flex-end",
         alignItems: "center"
       })
-    ), t = ct(), o = L(() => !!t.decorativeContent), r = L(() => u.disabled || o.value), c = L(() => u.loading), p = L(() => ({
+    ), t = dt(), o = L(() => !!t.decorativeContent), r = L(() => i.disabled || o.value), c = L(() => i.loading), f = L(() => ({
       "is-disabled": r.value,
       "is-loading": c.value,
       "is-auto-switching": Y.value
     })), I = L(() => ({
-      width: _t(u.suggestionPopupWidth),
+      width: St(i.suggestionPopupWidth),
       maxWidth: "100%"
       // 确保不超出父容器宽度
-    })), T = () => {
+    })), O = () => {
       A.value = !1;
     };
-    ne(y, () => {
-      te(J), y.value === "" && u.mode === "single" && (K.value = "single"), Q();
+    ne(h, () => {
+      te(J), h.value === "" && i.mode === "single" && (K.value = "single"), Q();
     }), ne(
-      () => _.value,
+      () => b.value,
       (n) => {
         n && (K.value = "multiple");
       }
     );
-    const S = () => {
-      f.value && f.value.activateFirstField();
-    }, { accept: $ = "*", multiple: H = !0 } = ((Ve = u.buttonGroup) == null ? void 0 : Ve.file) || {}, { open: le, files: Ae } = pt({ accept: $, multiple: H });
+    const w = () => {
+      d.value && d.value.activateFirstField();
+    }, { accept: $ = "*", multiple: H = !0 } = ((Ve = i.buttonGroup) == null ? void 0 : Ve.file) || {}, { open: le, files: Ae } = ht({ accept: $, multiple: H });
     return ne(Ae, (n) => {
-      n && n.length > 0 && h("files-selected", Array.from(n));
-    }), i({
+      n && n.length > 0 && y("files-selected", Array.from(n));
+    }), u({
       focus: he,
-      blur: _e,
+      blur: we,
       clear: ve,
       submit: re,
       startSpeech: Se,
       stopSpeech: Ce,
-      activateTemplateFirstField: S
-    }), (n, x) => (w(), O("div", {
+      activateTemplateFirstField: w
+    }), (n, x) => (m(), T("div", {
       ref_key: "senderRef",
-      ref: l,
-      class: oe(["tiny-sender", [p.value, `theme-${n.theme}`, `mode-${K.value}`]]),
+      ref: a,
+      class: oe(["tiny-sender", [f.value, `theme-${n.theme}`, `mode-${K.value}`]]),
       "data-theme": n.theme
     }, [
       z("div", zt, [
         z("div", {
           class: "tiny-sender__input-wrapper",
           ref_key: "inputWrapperRef",
-          ref: m
+          ref: C
         }, [
           X(We, { name: "tiny-sender-slide-down" }, {
             default: de(() => [
-              n.$slots.header ? (w(), O("div", Gt, [
+              n.$slots.header ? (m(), T("div", Gt, [
                 ue(n.$slots, "header")
               ])) : U("", !0)
             ]),
@@ -1218,50 +1202,50 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
           z("div", {
             class: oe(["tiny-sender__input-row", { "has-prefix": n.$slots.prefix, "has-header": n.$slots.header }])
           }, [
-            n.$slots.prefix ? (w(), O("div", jt, [
+            n.$slots.prefix ? (m(), T("div", jt, [
               ue(n.$slots, "prefix")
             ])) : U("", !0),
             z("div", Jt, [
-              n.$slots.decorativeContent ? (w(), O("div", Xt, [
+              n.$slots.decorativeContent ? (m(), T("div", Xt, [
                 ue(n.$slots, "decorativeContent")
               ])) : U("", !0),
-              _.value ? (w(), Z(Mt, {
+              b.value ? (m(), Z(Pt, {
                 key: 1,
                 ref_key: "templateEditorRef",
-                ref: f,
-                "model-value": u.templateData,
+                ref: d,
+                "model-value": i.templateData,
                 "onUpdate:modelValue": $e,
-                onSubmit: C(re)
-              }, null, 8, ["model-value", "onSubmit"])) : (w(), O("div", Zt, [
-                X(C(ft), {
+                onSubmit: S(re)
+              }, null, 8, ["model-value", "onSubmit"])) : (m(), T("div", Zt, [
+                X(S(pt), {
                   ref_key: "inputRef",
-                  ref: g,
+                  ref: _,
                   autosize: n.autoSize,
                   type: ke.value,
                   resize: "none",
-                  modelValue: C(y),
-                  "onUpdate:modelValue": x[0] || (x[0] = (D) => dt(y) ? y.value = D : null),
+                  modelValue: S(h),
+                  "onUpdate:modelValue": x[0] || (x[0] = (D) => ft(h) ? h.value = D : null),
                   disabled: r.value,
                   placeholder: n.placeholder,
                   autofocus: n.autofocus,
-                  onKeydown: C(Be),
+                  onKeydown: S(Be),
                   onCompositionstart: x[1] || (x[1] = (D) => A.value = !0),
-                  onCompositionend: T,
+                  onCompositionend: O,
                   onFocus: Le,
                   onBlur: De
                 }, null, 8, ["autosize", "type", "modelValue", "disabled", "placeholder", "autofocus", "onKeydown"]),
-                C(E) && !C(A) ? (w(), O("div", Qt, [
-                  z("span", Yt, ce(C(y)), 1),
-                  je(ce(C(E)) + " ", 1),
-                  C(q) ? (w(), O("div", en, "TAB")) : U("", !0)
+                S(E) && !S(A) ? (m(), T("div", Qt, [
+                  z("span", Yt, ce(S(h)), 1),
+                  je(ce(S(E)) + " ", 1),
+                  S(q) ? (m(), T("div", en, "TAB")) : U("", !0)
                 ])) : U("", !0)
               ]))
             ]),
-            K.value === "single" ? (w(), O("div", tn, [
+            K.value === "single" ? (m(), T("div", tn, [
               z("div", {
                 class: "tiny-sender__buttons-container",
                 ref_key: "buttonsContainerRef",
-                ref: d
+                ref: p
               }, [
                 ue(n.$slots, "actions"),
                 X(Je, {
@@ -1271,23 +1255,23 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
                   disabled: r.value,
                   "show-clear": n.clearable,
                   "has-content": P.value,
-                  "speech-status": C(ae),
+                  "speech-status": S(ae),
                   "button-group": n.buttonGroup,
                   "submit-type": n.submitType,
                   "is-over-limit": ee.value,
                   "stop-text": n.stopText,
                   onClear: ve,
                   onToggleSpeech: xe,
-                  onSubmit: C(re),
+                  onSubmit: S(re),
                   onCancel: x[2] || (x[2] = (D) => n.$emit("cancel")),
-                  onTriggerSelect: C(le)
+                  onTriggerSelect: S(le)
                 }, 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)
             ])) : U("", !0)
           ], 2),
           X(We, { name: "tiny-sender-slide-up" }, {
             default: de(() => [
-              K.value === "multiple" ? (w(), O("div", {
+              K.value === "multiple" ? (m(), T("div", {
                 key: 0,
                 style: Fe(e.value),
                 class: "tiny-sender__footer-slot tiny-sender__bottom-row"
@@ -1297,14 +1281,14 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
                 ]),
                 z("div", on, [
                   ue(n.$slots, "footer-right"),
-                  n.showWordLimit && n.maxLength !== 1 / 0 ? (w(), O("div", {
+                  n.showWordLimit && n.maxLength !== 1 / 0 ? (m(), T("div", {
                     key: 0,
                     class: oe(["tiny-sender__word-limit", { "is-over-limit": ee.value }])
                   }, [
-                    z("span", sn, ce(C(y).length), 1),
+                    z("span", sn, ce(S(h).length), 1),
                     je("/" + ce(n.maxLength), 1)
                   ], 2)) : U("", !0),
-                  K.value === "multiple" ? (w(), O("div", an, [
+                  K.value === "multiple" ? (m(), T("div", an, [
                     z("div", ln, [
                       X(Je, {
                         "allow-speech": n.allowSpeech,
@@ -1313,21 +1297,21 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
                         disabled: r.value,
                         "show-clear": n.clearable,
                         "has-content": P.value,
-                        "speech-status": C(ae),
+                        "speech-status": S(ae),
                         "button-group": n.buttonGroup,
                         "submit-type": n.submitType,
                         "is-over-limit": ee.value,
                         "stop-text": n.stopText,
                         onClear: ve,
                         onToggleSpeech: xe,
-                        onSubmit: C(re),
+                        onSubmit: S(re),
                         onCancel: x[3] || (x[3] = (D) => n.$emit("cancel")),
-                        onTriggerSelect: C(le)
+                        onTriggerSelect: S(le)
                       }, 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"])
                     ])
                   ])) : U("", !0)
                 ])
-              ], 4)) : n.$slots.footer ? (w(), O("div", rn, [
+              ], 4)) : n.$slots.footer ? (m(), T("div", rn, [
                 ue(n.$slots, "footer")
               ])) : U("", !0)
             ]),
@@ -1336,24 +1320,24 @@ const $t = ["data-id", "data-type"], Bt = ["data-id", "data-type"], Lt = /* @__P
         ], 512)
       ]),
       X(Ut, {
-        show: C(k),
+        show: S(k),
         suggestions: n.suggestions,
         "popup-style": I.value,
-        "active-keyboard-index": C(R),
-        "active-mouse-index": C(b),
-        "input-value": C(y),
-        onSelect: C(N),
-        onMouseEnter: C(j),
-        onMouseLeave: C(pe)
+        "active-keyboard-index": S(R),
+        "active-mouse-index": S(g),
+        "input-value": S(h),
+        onSelect: S(N),
+        onMouseEnter: S(j),
+        onMouseLeave: S(pe)
       }, null, 8, ["show", "suggestions", "popup-style", "active-keyboard-index", "active-mouse-index", "input-value", "onSelect", "onMouseEnter", "onMouseLeave"])
     ], 10, qt));
   }
 });
-Oe.name = "TrSender";
-const un = function(s) {
-  s.component(Oe.name, Oe);
+Te.name = "TrSender";
+const un = function(l) {
+  l.component(Te.name, Te);
 };
-Oe.install = un;
+Te.install = un;
 export {
-  Oe as default
+  Te as default
 };