@opentiny/tiny-robot 0.3.2 → 0.3.3

package/dist/sender/index.js

@@ -1,13 +1,13 @@
-var it = Object.defineProperty;
-var at = (n, a, l) => a in n ? it(n, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : n[a] = l;
-var Pe = (n, a, l) => at(n, typeof a != "symbol" ? a + "" : a, l);
-import { ref as K, watch as ne, reactive as lt, onUnmounted as tt, computed as E, defineComponent as Ce, isVNode as rt, openBlock as m, createElementBlock as I, normalizeStyle as Ue, createBlock as ee, unref as k, withCtx as ve, createElementVNode as z, createVNode as Y, normalizeClass as oe, createCommentVNode as P, resolveDynamicComponent as ct, toDisplayString as de, useAttrs as ut, resolveComponent as dt, mergeProps as Se, Fragment as ye, renderList as xe, useModel as ft, onMounted as pt, nextTick as q, mergeModels as Ze, Transition as ze, withModifiers as ht, useSlots as vt, toRef as Me, renderSlot as ae, isRef as yt, createTextVNode as Qe } from "vue";
+var at = Object.defineProperty;
+var it = (n, i, l) => i in n ? at(n, i, { enumerable: !0, configurable: !0, writable: !0, value: l }) : n[i] = l;
+var Pe = (n, i, l) => it(n, typeof i != "symbol" ? i + "" : i, l);
+import { ref as K, watch as ne, reactive as lt, onUnmounted as tt, computed as E, defineComponent as Ce, isVNode as rt, openBlock as m, createElementBlock as I, normalizeStyle as Ue, createBlock as ee, unref as k, withCtx as ve, createElementVNode as U, createVNode as Z, normalizeClass as oe, createCommentVNode as P, resolveDynamicComponent as ct, toDisplayString as de, useAttrs as ut, resolveComponent as dt, mergeProps as Se, Fragment as ye, renderList as xe, useModel as ft, onMounted as pt, nextTick as q, mergeModels as Ze, Transition as ze, withModifiers as ht, useSlots as vt, toRef as Me, renderSlot as ie, isRef as yt, createTextVNode as Qe } from "vue";
 import { TinyTooltip as We, TinyInput as gt } from "@opentiny/vue";
 import { f as mt } from "../index4.js";
 import { IconVoice as wt, IconUpload as bt, IconRecordingWave as St, IconClear as xt, IconSend as Ct, IconStop as _t, IconAssociate as kt } from "@opentiny/tiny-robot-svgs";
 import { _ as _e } from "../_plugin-vue_export-helper.js";
 import { t as It } from "../utils.js";
-function Rt(n, a) {
+function Rt(n, i) {
   const l = K(n.modelValue || n.defaultValue || ""), r = K(null);
   ne(
     () => n.modelValue,
@@ -17,23 +17,23 @@ function Rt(n, a) {
   ), ne(
     () => l.value,
     (y) => {
-      a("update:modelValue", y);
+      i("update:modelValue", y);
     }
   );
-  const d = (y) => {
-    l.value = y, a("update:modelValue", y);
+  const f = (y) => {
+    l.value = y, i("update:modelValue", y);
   }, _ = (y) => {
     y == null || y.preventDefault();
     const C = l.value;
-    !n.disabled && !n.loading && C.trim() && a("submit", C);
+    !n.disabled && !n.loading && C.trim() && i("submit", C);
   }, p = () => {
-    l.value = "", a("update:modelValue", ""), a("clear");
+    l.value = "", i("update:modelValue", ""), i("clear");
   }, h = K(!1);
   return {
     inputValue: l,
     inputWrapper: r,
     isComposing: h,
-    handleChange: d,
+    handleChange: f,
     handleSubmit: _,
     handleClear: p,
     clearInput: () => {
@@ -41,70 +41,76 @@ function Rt(n, a) {
     }
   };
 }
-function Tt(n, a, l, r, d, _, p, h, v, y, C, g, O, V, A, F) {
+function Tt(n, i, l, r, f, _, p, h, v, y, C, g, O, V, H, F) {
   const M = () => {
-    g.value && (A != null && A.value && (F == null || F()), a("submit", l.value.trim()));
-  }, R = (f, S) => {
-    if (!(f.key === "Enter")) return !1;
-    switch (S) {
+    if (!g.value) return;
+    const d = l.value.trim();
+    if (H != null && H.value && Array.isArray(n.templateData)) {
+      const b = n.templateData.map(({ id: z, ...j }) => j);
+      i("submit", d, b), F == null || F();
+    } else
+      i("submit", d);
+  }, R = (d, b) => {
+    if (!(d.key === "Enter")) return !1;
+    switch (b) {
       case "enter":
-        return !f.shiftKey && !f.ctrlKey && !f.metaKey;
+        return !d.shiftKey && !d.ctrlKey && !d.metaKey;
       case "ctrlEnter":
-        return (f.ctrlKey || f.metaKey) && !f.shiftKey;
+        return (d.ctrlKey || d.metaKey) && !d.shiftKey;
       case "shiftEnter":
-        return f.shiftKey && !f.ctrlKey && !f.metaKey;
+        return d.shiftKey && !d.ctrlKey && !d.metaKey;
       default:
         return !1;
     }
-  }, W = (f) => {
-    const S = f.selectionStart ?? 0, U = f.selectionEnd ?? S, Z = l.value;
-    l.value = Z.substring(0, S) + `
-` + Z.substring(U), setTimeout(() => {
-      const B = S + 1;
-      f.selectionStart = f.selectionEnd = B, f.scrollTop = f.scrollHeight;
+  }, W = (d) => {
+    const b = d.selectionStart ?? 0, z = d.selectionEnd ?? b, j = l.value;
+    l.value = j.substring(0, b) + `
+` + j.substring(z), setTimeout(() => {
+      const B = b + 1;
+      d.selectionStart = d.selectionEnd = B, d.scrollTop = d.scrollHeight;
     }, 0);
-  }, b = (f) => {
-    if (n.submitType !== "enter" || f.key !== "Enter") return !1;
-    const S = f.ctrlKey && !f.shiftKey, U = f.shiftKey && !f.ctrlKey;
-    if (S || U) {
-      f.preventDefault();
-      const Z = f.target;
-      return (O == null ? void 0 : O.value) === "single" && V && V(), W(Z), !0;
+  }, S = (d) => {
+    if (n.submitType !== "enter" || d.key !== "Enter") return !1;
+    const b = d.ctrlKey && !d.shiftKey, z = d.shiftKey && !d.ctrlKey;
+    if (b || z) {
+      d.preventDefault();
+      const j = d.target;
+      return (O == null ? void 0 : O.value) === "single" && V && V(), W(j), !0;
     }
     return !1;
   };
   return {
-    handleKeyPress: (f) => {
-      if (!r.value && !b(f)) {
+    handleKeyPress: (d) => {
+      if (!r.value && !S(d)) {
         if (_.value) {
-          if (f.key === "ArrowDown") {
-            f.preventDefault(), y("down");
+          if (d.key === "ArrowDown") {
+            d.preventDefault(), y("down");
             return;
           }
-          if (f.key === "ArrowUp") {
-            f.preventDefault(), y("up");
+          if (d.key === "ArrowUp") {
+            d.preventDefault(), y("up");
             return;
           }
-          if (p.value && (n.activeSuggestionKeys || ["Enter", "Tab"]).includes(f.key)) {
-            f.preventDefault(), h();
+          if (p.value && (n.activeSuggestionKeys || ["Enter", "Tab"]).includes(d.key)) {
+            d.preventDefault(), h();
             return;
           }
         }
-        if (f.key === "Escape") {
-          _.value ? (v(), f.preventDefault()) : d.isRecording && (C(), f.preventDefault()), a("escape-press");
+        if (d.key === "Escape") {
+          _.value ? (v(), d.preventDefault()) : f.isRecording && (C(), d.preventDefault()), i("escape-press");
           return;
         }
-        R(f, n.submitType) && g.value && (f.preventDefault(), M());
+        R(d, n.submitType) && g.value && (d.preventDefault(), M());
       }
     },
     triggerSubmit: M
   };
 }
 class Le {
-  constructor(a) {
+  constructor(i) {
     Pe(this, "recognition");
     Pe(this, "options");
-    this.options = a, this.initialize();
+    this.options = i, this.initialize();
   }
   /**
    * 初始化语音识别实例
@@ -128,16 +134,16 @@ class Le {
    * 设置语音识别事件处理器
    * @param callbacks 语音识别回调函数集合
    */
-  setupEventHandlers(a) {
-    !this.recognition || !a || (this.recognition.onstart = () => {
-      a.onStart();
+  setupEventHandlers(i) {
+    !this.recognition || !i || (this.recognition.onstart = () => {
+      i.onStart();
     }, this.recognition.onend = () => {
-      a.onEnd();
+      i.onEnd();
     }, this.recognition.onresult = (l) => {
-      const r = Array.from(l.results).map((_) => _[0].transcript).join(""), d = l.results[l.resultIndex];
-      d != null && d.isFinal ? a.onFinal(r) : a.onInterim(r);
+      const r = Array.from(l.results).map((_) => _[0].transcript).join(""), f = l.results[l.resultIndex];
+      f != null && f.isFinal ? i.onFinal(r) : i.onInterim(r);
     }, this.recognition.onerror = (l) => {
-      a.onError(new Error(l.error)), this.cleanup();
+      i.onError(new Error(l.error)), this.cleanup();
     });
   }
   /**
@@ -150,16 +156,16 @@ class Le {
    * 开始语音识别
    * @param callbacks 语音识别回调函数集合
    */
-  start(a) {
+  start(i) {
     if (!this.recognition) {
-      a.onError(new Error("浏览器不支持语音识别"));
+      i.onError(new Error("浏览器不支持语音识别"));
       return;
     }
-    this.setupEventHandlers(a);
+    this.setupEventHandlers(i);
     try {
       this.recognition.start();
     } catch (l) {
-      a.onError(l instanceof Error ? l : new Error("语音识别启动失败"));
+      i.onError(l instanceof Error ? l : new Error("语音识别启动失败"));
     }
   }
   /**
@@ -170,21 +176,21 @@ class Le {
       this.cleanup();
       try {
         this.recognition.stop();
-      } catch (a) {
-        console.warn("停止语音识别时发生错误:", a);
+      } catch (i) {
+        console.warn("停止语音识别时发生错误:", i);
       }
     }
   }
 }
 function Et(n) {
-  const a = lt({
+  const i = lt({
     isRecording: !1,
     isSupported: !1,
     error: void 0
   }), l = {
     onStart: () => {
       var h;
-      a.isRecording = !0, a.error = void 0, (h = n.onStart) == null || h.call(n);
+      i.isRecording = !0, i.error = void 0, (h = n.onStart) == null || h.call(n);
     },
     onInterim: (h) => {
       var v;
@@ -196,78 +202,78 @@ function Et(n) {
     },
     onEnd: (h) => {
       var v;
-      a.isRecording && (a.isRecording = !1, (v = n.onEnd) == null || v.call(n, h));
+      i.isRecording && (i.isRecording = !1, (v = n.onEnd) == null || v.call(n, h));
     },
     onError: (h) => {
       var v;
-      a.error = h, a.isRecording = !1, (v = n.onError) == null || v.call(n, h);
+      i.error = h, i.isRecording = !1, (v = n.onError) == null || v.call(n, h);
     }
   }, r = Le.isSupported();
-  a.isSupported = n.customHandler ? n.customHandler.isSupported() : r;
-  const d = n.customHandler ?? (r ? new Le(n) : null), _ = () => {
+  i.isSupported = n.customHandler ? n.customHandler.isSupported() : r;
+  const f = n.customHandler ?? (r ? new Le(n) : null), _ = () => {
     var h;
-    if (!a.isSupported || !d) {
+    if (!i.isSupported || !f) {
       const v = new Error("语音识别不受支持");
-      a.error = v, (h = n.onError) == null || h.call(n, v);
+      i.error = v, (h = n.onError) == null || h.call(n, v);
       return;
     }
-    if (a.isRecording) {
-      d.stop(), a.isRecording = !1, setTimeout(() => {
-        d.start(l);
+    if (i.isRecording) {
+      f.stop(), i.isRecording = !1, setTimeout(() => {
+        f.start(l);
       }, 200);
       return;
     }
-    d.start(l);
+    f.start(l);
   }, p = () => {
-    !a.isRecording || !d || (d.stop(), l.onEnd());
+    !i.isRecording || !f || (f.stop(), l.onEnd());
   };
   return tt(() => {
-    a.isRecording && d && (d.stop(), a.isRecording = !1);
+    i.isRecording && f && (f.stop(), i.isRecording = !1);
   }), {
-    speechState: a,
+    speechState: i,
     start: _,
     stop: p
   };
 }
-function Ot(n, a, l, r, d, _) {
+function Ot(n, i, l, r, f, _) {
   const p = K(!1), h = K(-1), v = K(-1), y = K(null), C = K(""), g = K(!1), O = E(() => {
-    var j, G;
-    if (!((j = n.value) != null && j.length)) return "";
+    var J, G;
+    if (!((J = n.value) != null && J.length)) return "";
     const B = y.value === "mouse" ? v.value : h.value;
     return ((G = n.value[B]) == null ? void 0 : G.content) || "";
   }), V = (B) => {
     C.value = B, g.value = !0;
-  }, A = () => {
+  }, H = () => {
     C.value = "", g.value = !1;
   }, F = (B) => {
-    const j = B || O.value;
-    if (!j || !a.value) {
-      A();
+    const J = B || O.value;
+    if (!J || !i.value) {
+      H();
       return;
     }
-    const G = j.substring(a.value.length);
-    j.toLowerCase().startsWith(a.value.toLowerCase()) && G ? V(G) : A();
+    const G = J.substring(i.value.length);
+    J.toLowerCase().startsWith(i.value.toLowerCase()) && G ? V(G) : H();
   }, M = () => {
     h.value = -1, v.value = -1, y.value = null;
   }, R = () => {
     p.value = !0, F();
   }, W = () => {
-    p.value = !1, M(), A();
-  }, b = E(() => {
+    p.value = !1, M(), H();
+  }, S = E(() => {
     var B;
-    return l.value ? !0 : !!(a.value && ((B = n.value) == null ? void 0 : B.length) > 0 && !r.value);
+    return l.value ? !0 : !!(i.value && ((B = n.value) == null ? void 0 : B.length) > 0 && !r.value);
   }), w = (B) => {
-    W(), a.value = B, d(B), _(B);
-  }, f = () => {
+    W(), i.value = B, f(B), _(B);
+  }, d = () => {
     O.value && w(O.value);
-  }, S = (B) => {
+  }, b = (B) => {
     !p.value || !n.value || (y.value = "keyboard", h.value === -1 ? h.value = B === "down" ? 0 : n.value.length - 1 : B === "down" ? h.value = (h.value + 1) % n.value.length : h.value = (h.value - 1 + n.value.length) % n.value.length, F());
-  }, U = (B) => {
+  }, z = (B) => {
     n.value && (y.value = "mouse", v.value = B, F());
-  }, Z = () => {
+  }, j = () => {
     n.value && (v.value = -1, h.value !== -1 ? y.value = "keyboard" : y.value = null, F());
   };
-  return ne(b, (B) => {
+  return ne(S, (B) => {
     B ? p.value || R() : p.value && W();
   }), {
     // 弹窗控制
@@ -283,12 +289,12 @@ function Ot(n, a, l, r, d, _) {
     activeKeyboardIndex: h,
     activeMouseIndex: v,
     // 交互处理
-    navigateWithKeyboard: S,
-    handleMouseEnter: U,
-    handleMouseLeave: Z,
+    navigateWithKeyboard: b,
+    handleMouseEnter: z,
+    handleMouseLeave: j,
     // 业务操作
     applySuggestion: w,
-    confirmSelection: f
+    confirmSelection: d
   };
 }
 const $t = { class: "action-buttons" }, Bt = { class: "action-buttons__submit-content" }, Lt = {
@@ -314,46 +320,46 @@ const $t = { class: "action-buttons" }, Bt = { class: "action-buttons__submit-co
     stopText: { default: void 0 }
   },
   emits: ["clear", "submit", "cancel", "trigger-select", "voice-button-click"],
-  setup(n, { emit: a }) {
-    const l = n, r = a, d = E(() => {
-      var w, f;
-      const b = (f = (w = l.buttonGroup) == null ? void 0 : w.file) == null ? void 0 : f.tooltips;
-      if (typeof b == "string" && b)
-        return () => b;
-      if (typeof b == "function")
-        return b;
+  setup(n, { emit: i }) {
+    const l = n, r = i, f = E(() => {
+      var w, d;
+      const S = (d = (w = l.buttonGroup) == null ? void 0 : w.file) == null ? void 0 : d.tooltips;
+      if (typeof S == "string" && S)
+        return () => S;
+      if (typeof S == "function")
+        return S;
     }), _ = E(() => {
-      var w, f;
-      const b = (f = (w = l.buttonGroup) == null ? void 0 : w.submit) == null ? void 0 : f.tooltips;
-      if (typeof b == "string" && b)
-        return () => b;
-      if (typeof b == "function")
-        return b;
+      var w, d;
+      const S = (d = (w = l.buttonGroup) == null ? void 0 : w.submit) == null ? void 0 : d.tooltips;
+      if (typeof S == "string" && S)
+        return () => S;
+      if (typeof S == "function")
+        return S;
     }), p = E(() => l.allowSpeech), h = E(() => l.speechStatus.isRecording), v = E(() => l.disabled), y = E(() => {
-      var b, w;
-      return v.value || l.isOverLimit || ((w = (b = l.buttonGroup) == null ? void 0 : b.submit) == null ? void 0 : w.disabled);
+      var S, w;
+      return v.value || l.isOverLimit || ((w = (S = l.buttonGroup) == null ? void 0 : S.submit) == null ? void 0 : w.disabled);
     }), C = E(() => l.allowFiles || l.allowSpeech || l.showClear), g = E(() => {
-      var w, f;
-      const b = (f = (w = l.buttonGroup) == null ? void 0 : w.voice) == null ? void 0 : f.icon;
-      return b ? rt(b) ? () => b : b : wt;
+      var w, d;
+      const S = (d = (w = l.buttonGroup) == null ? void 0 : w.voice) == null ? void 0 : d.icon;
+      return S ? rt(S) ? () => S : S : wt;
     }), O = () => {
       v.value || r("clear");
     }, V = () => {
       v.value || r("voice-button-click");
-    }, A = () => {
+    }, H = () => {
       y.value || r("submit");
     }, F = () => {
       v.value || r("cancel");
     }, M = E(() => {
-      var b, w;
-      return v.value || ((w = (b = l.buttonGroup) == null ? void 0 : b.file) == null ? void 0 : w.disabled);
+      var S, w;
+      return v.value || ((w = (S = l.buttonGroup) == null ? void 0 : S.file) == null ? void 0 : w.disabled);
     }), R = () => {
       M.value || r("trigger-select");
     }, W = E(() => {
-      var b, w;
-      return ((w = (b = l.buttonGroup) == null ? void 0 : b.file) == null ? void 0 : w.tooltipPlacement) || "top";
+      var S, w;
+      return ((w = (S = l.buttonGroup) == null ? void 0 : S.file) == null ? void 0 : w.tooltipPlacement) || "top";
     });
-    return (b, w) => (m(), I("div", $t, [
+    return (S, w) => (m(), I("div", $t, [
       C.value ? (m(), I("div", {
         key: 0,
         class: "action-buttons__utility",
@@ -363,17 +369,17 @@ const $t = { class: "action-buttons" }, Bt = { class: "action-buttons__submit-co
           key: 0,
           effect: "light",
           placement: W.value,
-          "render-content": d.value,
+          "render-content": f.value,
           "visible-arrow": !1,
           "popper-class": "tr-sender-actions-upload-button-popper"
         }, {
           default: ve(() => [
-            z("div", {
+            U("div", {
               class: "action-buttons__button",
               onClick: R,
-              onFocusCapture: w[0] || (w[0] = (f) => f.stopPropagation())
+              onFocusCapture: w[0] || (w[0] = (d) => d.stopPropagation())
             }, [
-              Y(k(bt), {
+              Z(k(bt), {
                 class: oe(["action-buttons__icon", { "is-disabled": M.value }]),
                 alt: "上传文件"
               }, null, 8, ["class"])
@@ -402,11 +408,11 @@ const $t = { class: "action-buttons" }, Bt = { class: "action-buttons__submit-co
           placement: "top"
         }, {
           default: ve(() => [
-            z("div", {
+            U("div", {
               class: "action-buttons__button",
               onClick: O
             }, [
-              Y(k(xt), { class: "action-buttons__icon" })
+              Z(k(xt), { class: "action-buttons__icon" })
             ])
           ]),
           _: 1
@@ -415,14 +421,14 @@ const $t = { class: "action-buttons" }, Bt = { class: "action-buttons__submit-co
       n.hasContent || n.loading ? (m(), I("div", {
         key: 1,
         class: "action-buttons__button action-buttons__submit",
-        onClick: w[1] || (w[1] = (f) => n.loading ? F() : A())
+        onClick: w[1] || (w[1] = (d) => n.loading ? F() : H())
       }, [
-        z("div", Bt, [
+        U("div", Bt, [
           n.loading ? (m(), I("div", {
             key: 1,
             class: oe(["action-buttons__cancel", { "action-buttons__cancel--icon-only": !n.stopText }])
           }, [
-            Y(k(_t), {
+            Z(k(_t), {
               class: "action-buttons__icon action-buttons__icon--cancel",
               alt: "停止"
             }),
@@ -435,7 +441,7 @@ const $t = { class: "action-buttons" }, Bt = { class: "action-buttons__submit-co
             "visible-arrow": !1
           }, {
             default: ve(() => [
-              Y(k(Ct), {
+              Z(k(Ct), {
                 class: oe(["action-buttons__icon", "action-buttons__icon--send", { "is-disabled": y.value }]),
                 alt: "发送"
               }, null, 8, ["class"])
@@ -447,17 +453,17 @@ const $t = { class: "action-buttons" }, Bt = { class: "action-buttons__submit-co
     ]));
   }
 }), et = /* @__PURE__ */ _e(Dt, [["__scopeId", "data-v-f71ebb23"]]);
-function Kt(n, a = {}) {
-  let l = [], r = [], d = n;
+function Kt(n, i = {}) {
+  let l = [], r = [], f = n;
   return { commit: (C) => {
     var g;
-    l.push(d), d = C, r.length && ((g = a.onRemoveHistory) == null || g.call(a, r)), r = [];
-  }, undo: () => l.length ? (r.push(d), d = l.pop(), d) : null, redo: () => r.length ? (l.push(d), d = r.pop(), d) : null, clear: () => {
+    l.push(f), f = C, r.length && ((g = i.onRemoveHistory) == null || g.call(i, r)), r = [];
+  }, undo: () => l.length ? (r.push(f), f = l.pop(), f) : null, redo: () => r.length ? (l.push(f), f = r.pop(), f) : null, clear: () => {
     var C, g;
-    l.length && ((C = a.onRemoveHistory) == null || C.call(a, l)), r.length && ((g = a.onRemoveHistory) == null || g.call(a, r)), l = [], r = [];
-  }, get: () => d };
+    l.length && ((C = i.onRemoveHistory) == null || C.call(i, l)), r.length && ((g = i.onRemoveHistory) == null || g.call(i, r)), l = [], r = [];
+  }, get: () => f };
 }
-const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__PURE__ */ Ce({
+const At = ["data-id", "data-type"], Ht = ["data-id", "data-type"], Vt = /* @__PURE__ */ Ce({
   inheritAttrs: !1,
   __name: "Block",
   props: {
@@ -468,25 +474,25 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
     asChild: { type: Boolean }
   },
   setup(n) {
-    const a = n, l = ut();
-    return (r, d) => {
+    const i = n, l = ut();
+    return (r, f) => {
       const _ = dt("Block", !0);
-      return a.type !== "block" ? (m(), I("span", Se({
+      return i.type !== "block" ? (m(), I("span", Se({
         key: 0,
-        "data-id": a.id,
-        "data-type": a.type
-      }, k(l)), de(a.content), 17, Ht)) : (m(), I(ye, { key: 1 }, [
-        a.asChild ? (m(!0), I(ye, { key: 0 }, xe(a.content, (p) => (m(), ee(_, Se({
+        "data-id": i.id,
+        "data-type": i.type
+      }, k(l)), de(i.content), 17, At)) : (m(), I(ye, { key: 1 }, [
+        i.asChild ? (m(!0), I(ye, { key: 0 }, xe(i.content, (p) => (m(), ee(_, Se({
           key: `${p.id}-${p.type}`
         }, { ref_for: !0 }, p), null, 16))), 128)) : (m(), I("span", Se({
           key: 1,
-          "data-id": a.id,
-          "data-type": a.type
+          "data-id": i.id,
+          "data-type": i.type
         }, k(l)), [
-          (m(!0), I(ye, null, xe(a.content, (p) => (m(), ee(_, Se({
+          (m(!0), I(ye, null, xe(i.content, (p) => (m(), ee(_, Se({
             key: `${p.id}-${p.type}`
           }, { ref_for: !0 }, p), null, 16))), 128))
-        ], 16, At))
+        ], 16, Ht))
       ], 64));
     };
   }
@@ -499,22 +505,22 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ Ze(["submit"], ["update:modelValue"]),
-  setup(n, { expose: a, emit: l }) {
-    const r = typeof window.ShadowRoot.prototype.getSelection == "function", d = typeof window.Selection.prototype.getComposedRanges == "function";
+  setup(n, { expose: i, emit: l }) {
+    const r = typeof window.ShadowRoot.prototype.getSelection == "function", f = 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 p = _(), h = () => Math.random().toString(36).substring(2, 15), v = Ne, y = Ne, C = Ne, g = n, O = ft(n, "modelValue"), V = l, A = K(0), F = (e) => e.map((o) => ({
+    const p = _(), h = () => Math.random().toString(36).substring(2, 15), v = Ne, y = Ne, C = Ne, g = n, O = ft(n, "modelValue"), V = l, H = K(0), F = (e) => e.map((o) => ({
       id: o.id || h(),
       ...o.type === "template" ? { ...o, prefix: y, suffix: C } : o
     })), M = (e) => e.map((o) => ({ id: o.id, type: o.type, content: o.content })), R = K(F(O.value || [])), W = (e) => {
       R.value = e;
-    }, b = E(() => {
+    }, S = E(() => {
       const e = [], o = [], s = R.value;
       if (s.length >= 2) {
-        const t = s[0], i = s[1];
-        t.type === "text" && t.content.length === 0 && i.type === "template" && e.push({ ...t, content: v });
+        const t = s[0], a = s[1];
+        t.type === "text" && t.content.length === 0 && a.type === "template" && e.push({ ...t, content: v });
         const u = s[s.length - 1], x = s[s.length - 2];
         u.type === "text" && u.content.length === 0 && x.type === "template" && o.push({ ...u, content: v });
       }
@@ -525,7 +531,7 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
       { 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()), f = E(() => b.value.map((e) => e.type === "text" ? e : p ? {
+    ] : [e]).flat()), d = E(() => S.value.map((e) => e.type === "text" ? e : p ? {
       id: e.id,
       type: "block",
       asChild: !0,
@@ -555,26 +561,26 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
         },
         { id: e.id, type: "suffix", content: e.suffix }
       ]
-    })), S = K(null), U = K(Mt), Z = () => {
-      if (!S.value) return;
-      const e = window.getComputedStyle(S.value), o = parseFloat(e.fontSize), s = parseFloat(e.lineHeight);
-      U.value = isNaN(s) ? o * 2.5 : s;
+    })), b = K(null), z = K(Mt), j = () => {
+      if (!b.value) return;
+      const e = window.getComputedStyle(b.value), o = parseFloat(e.fontSize), s = parseFloat(e.lineHeight);
+      z.value = isNaN(s) ? o * 2.5 : s;
     }, B = E(() => {
       if (!g.autoSize)
         return {};
-      const e = typeof g.autoSize == "boolean" ? { minRows: 1, maxRows: 3 } : g.autoSize, o = e.minRows * U.value, s = e.maxRows * U.value;
+      const e = typeof g.autoSize == "boolean" ? { minRows: 1, maxRows: 3 } : g.autoSize, o = e.minRows * z.value, s = e.maxRows * z.value;
       return {
         minHeight: `${o}px`,
         maxHeight: `${s}px`,
         overflowY: "auto",
         overflowX: "hidden"
       };
-    }), j = () => {
-      if (!S.value) return;
+    }), J = () => {
+      if (!b.value) return;
       const e = window.getSelection();
       if (!e || e.rangeCount === 0) return;
-      const s = e.getRangeAt(0).getBoundingClientRect(), c = S.value.getBoundingClientRect(), t = s.top - c.top, i = s.bottom - c.top, u = S.value.scrollTop, x = S.value.clientHeight;
-      i > x ? S.value.scrollTop = u + (i - x) + 10 : t < 0 && (S.value.scrollTop = u + t - 10);
+      const s = e.getRangeAt(0).getBoundingClientRect(), c = b.value.getBoundingClientRect(), t = s.top - c.top, a = s.bottom - c.top, u = b.value.scrollTop, x = b.value.clientHeight;
+      a > x ? b.value.scrollTop = u + (a - x) + 10 : t < 0 && (b.value.scrollTop = u + t - 10);
     }, G = (e) => {
       const o = Date.now(), s = JSON.stringify(e);
       return `${o}:${s}`;
@@ -584,7 +590,7 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
         timestamp: o,
         data: s
       };
-    }, L = /* @__PURE__ */ new Map(), H = Kt(G(R.value), {
+    }, L = /* @__PURE__ */ new Map(), A = Kt(G(R.value), {
       onRemoveHistory: (e) => {
         for (const o of e)
           L.delete(o);
@@ -595,23 +601,23 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
       (e) => {
         const o = F(e || []);
         if (JSON.stringify(o) !== JSON.stringify(R.value)) {
-          if (S.value) {
-            const c = le(S.value);
-            c && L.set(H.get(), J(c));
+          if (b.value) {
+            const c = le(b.value);
+            c && L.set(A.get(), X(c));
           }
-          W(o), H.commit(G(R.value));
+          W(o), A.commit(G(R.value));
         }
       },
       { deep: !0 }
     );
-    const ge = (e, o = document.body) => o.contains(e) ? e instanceof HTMLElement && e.dataset.id ? e : e.parentElement ? ge(e.parentElement, o) : null : null, fe = (e) => e === S.value, le = (e) => {
+    const ge = (e, o = document.body) => o.contains(e) ? e instanceof HTMLElement && e.dataset.id ? e : e.parentElement ? ge(e.parentElement, o) : null : null, fe = (e) => e === b.value, le = (e) => {
       const o = window.getSelection();
       if (!o)
         return null;
       const s = o.rangeCount > 0 ? o.getRangeAt(0) : null, c = e.getRootNode();
       if (!(c instanceof ShadowRoot))
         return s;
-      if (d) {
+      if (f) {
         const t = o.getComposedRanges(p ? c : { shadowRoots: [c] });
         return (t == null ? void 0 : t[0]) ?? null;
       }
@@ -630,28 +636,28 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
       const t = window.getSelection();
       if (!t)
         return;
-      const { node: i, offset: u } = me(e, o);
+      const { node: a, offset: u } = me(e, o);
       if (!s)
-        t.setBaseAndExtent(i, u, i, u);
+        t.setBaseAndExtent(a, u, a, u);
       else {
         const { node: x, offset: N } = me(s, c ?? 0);
-        t.setBaseAndExtent(i, u, x, N);
+        t.setBaseAndExtent(a, u, x, N);
       }
       q(() => {
-        j();
+        J();
       });
     }, re = (e, o) => {
       const s = h(), c = { id: s, type: "text", content: e };
       if (o) {
-        const t = R.value.findIndex((i) => i.id === o);
+        const t = R.value.findIndex((a) => a.id === o);
         t !== -1 ? (W(
           R.value.slice(0, t + 1).concat(c).concat(R.value.slice(t + 1))
-        ), H.commit(G(R.value))) : console.warn(`can not find item with id: ${o}`);
+        ), A.commit(G(R.value))) : console.warn(`can not find item with id: ${o}`);
       } else
-        W([c].concat(R.value)), H.commit(G(R.value));
+        W([c].concat(R.value)), A.commit(G(R.value));
       q(() => {
-        var i;
-        const t = (i = S.value) == null ? void 0 : i.querySelector(`[data-id="${s}"][data-type="text"]`);
+        var a;
+        const t = (a = b.value) == null ? void 0 : a.querySelector(`[data-id="${s}"][data-type="text"]`);
         t && te(t, e.length);
       }), O.value = M(R.value);
     }, Q = K({
@@ -666,7 +672,7 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
         console.warn("range is null", t);
         return;
       }
-      const i = [
+      const a = [
         "insertText",
         "insertFromPaste",
         "insertReplacementText",
@@ -677,17 +683,17 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
         "deleteSoftLineBackward",
         "deleteSoftLineForward",
         "deleteByCut"
-      ], u = le(S.value);
-      if (i.includes(s)) {
+      ], u = le(b.value);
+      if (a.includes(s)) {
         if (c && fe(t.startContainer) && fe(t.endContainer)) {
-          u && L.set(H.get(), J(u)), re(c);
+          u && L.set(A.get(), X(u)), re(c);
           return;
         }
-        const N = J(t);
-        N.startId && N.endId ? (u && L.set(H.get(), J(u)), we(N, s, c)) : console.warn("range is not valid, range:", N);
-      } else s === "insertCompositionText" && Q.value.hasStarted && (Q.value = { hasStarted: !1, range: J(t) });
-    }, J = (e) => {
-      const o = ge(e.startContainer, S.value), s = ge(e.endContainer, S.value);
+        const N = X(t);
+        N.startId && N.endId ? (u && L.set(A.get(), X(u)), we(N, s, c)) : console.warn("range is not valid, range:", N);
+      } else s === "insertCompositionText" && Q.value.hasStarted && (Q.value = { hasStarted: !1, range: X(t) });
+    }, X = (e) => {
+      const o = ge(e.startContainer, b.value), s = ge(e.endContainer, b.value);
       return {
         collapsed: e.collapsed,
         endContainer: e.endContainer,
@@ -711,10 +717,10 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
         re($, T);
         return;
       }
-      const i = t, u = [];
-      for (const [T, $] of i.entries()) {
-        const D = R.value.find((ue) => ue.id === $.id), X = T === 0 ? s : "";
-        D ? D.type === "text" ? D.content = se(D.content, X, $.startOffset, $.endOffset) : D.type === "template" ? $.type === "prefix" || $.type === "suffix" ? $.startOffset === 0 && $.endOffset === 1 && X.length === 0 ? D[$.type] = "" : console.warn(`${$.type} can not be inserted text. it only can be deleted`, $) : $.startOffset < 0 || $.endOffset > D.content.length ? u.push(D.id) : D.content = se(D.content, X, $.startOffset, $.endOffset) : console.warn("dataItem.type is not text or template", D) : console.warn("can not find dataItem", $);
+      const a = t, u = [];
+      for (const [T, $] of a.entries()) {
+        const D = R.value.find((ue) => ue.id === $.id), Y = T === 0 ? s : "";
+        D ? D.type === "text" ? D.content = se(D.content, Y, $.startOffset, $.endOffset) : D.type === "template" ? $.type === "prefix" || $.type === "suffix" ? $.startOffset === 0 && $.endOffset === 1 && Y.length === 0 ? D[$.type] = "" : console.warn(`${$.type} can not be inserted text. it only can be deleted`, $) : $.startOffset < 0 || $.endOffset > D.content.length ? u.push(D.id) : D.content = se(D.content, Y, $.startOffset, $.endOffset) : console.warn("dataItem.type is not text or template", D) : console.warn("can not find dataItem", $);
       }
       let x = R.value.filter((T) => !u.includes(T.id));
       x = x.filter((T) => !(T.type === "template" && [T.prefix, T.suffix, T.content].join("").length === 0));
@@ -722,13 +728,13 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
       x.forEach((T, $, D) => {
         if (D.length >= 2) {
           if ($ === 0 || $ === 1) {
-            const X = D[0], ue = D[1];
-            if (X.type === "text" && X.content.length === 0 && ue.type === "template")
+            const Y = D[0], ue = D[1];
+            if (Y.type === "text" && Y.content.length === 0 && ue.type === "template")
               return;
           }
           if ($ === D.length - 2 || $ === D.length - 1) {
-            const X = D[D.length - 1], ue = D[D.length - 2];
-            if (X.type === "text" && X.content.length === 0 && ue.type === "template")
+            const Y = D[D.length - 1], ue = D[D.length - 2];
+            if (Y.type === "text" && Y.content.length === 0 && ue.type === "template")
               return;
           }
         }
@@ -736,19 +742,19 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
       }), x = x.filter((T) => !N.has(T.id));
       for (const T of x.filter(($) => $.type === "template"))
         T.prefix.length === 0 && (T.prefix = y), T.suffix.length === 0 && (T.suffix = C);
-      W(x), H.commit(G(R.value)), i.length > 0 && Ie(i, s), O.value = M(R.value), q(() => {
-        j();
+      W(x), A.commit(G(R.value)), a.length > 0 && Ie(a, s), O.value = M(R.value), q(() => {
+        J();
       });
     }, Ie = (e, o) => {
-      const s = e[0], c = `[data-id="${s.id}"][data-type="${s.type}"]`, t = e.slice(1).map((i) => `[data-id="${i.id}"][data-type="${i.type}"]`);
+      const s = e[0], c = `[data-id="${s.id}"][data-type="${s.type}"]`, t = e.slice(1).map((a) => `[data-id="${a.id}"][data-type="${a.type}"]`);
       q(() => {
         var u, x;
-        const i = (u = S.value) == null ? void 0 : u.querySelector(c);
-        if (i)
-          te(i, s.startOffset + o.length);
+        const a = (u = b.value) == null ? void 0 : u.querySelector(c);
+        if (a)
+          te(a, s.startOffset + o.length);
         else if (o.length === 0)
           for (const N of t) {
-            const T = (x = S.value) == null ? void 0 : x.querySelector(N);
+            const T = (x = b.value) == null ? void 0 : x.querySelector(N);
             if (T) {
               te(T, 0);
               break;
@@ -771,7 +777,7 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
             endOffset: e.endOffset
           }
         ];
-      const i = [
+      const a = [
         {
           id: c.id,
           type: c.type,
@@ -781,19 +787,19 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
       ];
       for (let u = o + 1; u < s; u++) {
         const x = w.value[u];
-        i.push({
+        a.push({
           id: x.id,
           type: x.type,
           startOffset: 0,
           endOffset: x.content.length
         });
       }
-      return i.push({
+      return a.push({
         id: t.id,
         type: t.type,
         startOffset: 0,
         endOffset: e.endOffset
-      }), i;
+      }), a;
     }, Te = (e, o, s, c) => {
       const t = e[0];
       if (t.type !== "prefix" && t.type !== "suffix")
@@ -801,44 +807,44 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
       if (e.length === 1) {
         if (o.collapsed)
           if (o.startOffset === 0) {
-            const i = ie(t, c);
-            return i ? [i] : [];
+            const a = ae(t, c);
+            return a ? [a] : [];
           } else {
-            const i = be(t, c);
-            return i ? [i] : [];
+            const a = be(t, c);
+            return a ? [a] : [];
           }
         if (s.startsWith("insert"))
           if (p) {
-            const i = ie(t, c);
-            return i ? [i] : [];
+            const a = ae(t, c);
+            return a ? [a] : [];
           } else {
-            const i = be(t, c);
-            return i ? [i] : [];
+            const a = be(t, c);
+            return a ? [a] : [];
           }
         if (s.startsWith("delete")) {
           if (s.includes("Backward")) {
-            const i = ie(t, c, 1);
-            return i ? [i] : [];
+            const a = ae(t, c, 1);
+            return a ? [a] : [];
           } else if (s.includes("Forward")) {
-            const i = be(t, c, 1);
-            return i ? [i] : [];
+            const a = be(t, c, 1);
+            return a ? [a] : [];
           }
         }
       }
       return c.length > 0 ? e.slice(1) : e;
-    }, ie = (e, o, s = 0) => {
+    }, ae = (e, o, s = 0) => {
       const c = w.value.findIndex((t) => t.id === e.id && t.type === e.type);
       if (c > 0) {
-        const t = w.value[c - 1], { id: i, type: u, content: x } = t;
+        const t = w.value[c - 1], { id: a, type: u, content: x } = t;
         if (u === "text" || u === "template")
           return {
-            id: i,
+            id: a,
             type: u,
             startOffset: x.length - s,
             endOffset: x.length
           };
         if (o.length > 0)
-          return { tag: "new", afterId: i, type: "text", content: o };
+          return { tag: "new", afterId: a, type: "text", content: o };
         if (console.warn("the previous item is not text or template", { current: e, previous: t }), s === 1)
           return { ...e, endOffset: e.startOffset };
       } else return o.length > 0 ? { tag: "new", type: "text", content: o } : (console.warn("the previous item of current is not found", { current: e }), null);
@@ -846,10 +852,10 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
     }, be = (e, o, s = 0) => {
       const c = w.value.findIndex((t) => t.id === e.id && t.type === e.type);
       if (c < w.value.length - 1) {
-        const t = w.value[c + 1], { id: i, type: u } = t;
+        const t = w.value[c + 1], { id: a, type: u } = t;
         if (u === "text" || u === "template")
           return {
-            id: i,
+            id: a,
             type: u,
             startOffset: 0,
             endOffset: 0 + s
@@ -862,28 +868,28 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
       return e;
     }, pe = () => {
       Q.value = { hasStarted: !0, range: null };
-    }, He = (e) => {
+    }, Ae = (e) => {
       const o = Q.value.range;
-      o ? (e.data && fe(o.startContainer) && fe(o.endContainer) ? (L.set(H.get(), J(o)), re(e.data)) : o.startId && o.endId ? (L.set(H.get(), J(o)), we(o, "insertCompositionText", e.data)) : console.warn("range is not valid, range:", o), A.value++, q(() => {
-        j();
+      o ? (e.data && fe(o.startContainer) && fe(o.endContainer) ? (L.set(A.get(), X(o)), re(e.data)) : o.startId && o.endId ? (L.set(A.get(), X(o)), we(o, "insertCompositionText", e.data)) : console.warn("range is not valid, range:", o), H.value++, q(() => {
+        J();
       })) : console.warn("range is null, compositionEnd:", e), Q.value = { hasStarted: !1, range: null };
     }, he = (() => {
       const e = navigator.userAgent.toLowerCase();
       return /macintosh|mac os x|iphone|ipad|ipod/.test(e);
-    })(), Ae = (e) => {
+    })(), He = (e) => {
       const o = he && e.metaKey && !e.shiftKey && e.key.toLowerCase() === "z" || // Cmd+Z
       !he && e.ctrlKey && !e.shiftKey && e.key.toLowerCase() === "z", s = he && e.metaKey && e.shiftKey && e.key.toLowerCase() === "z" || // Cmd+Shift+z
       !he && e.ctrlKey && (e.key.toLowerCase() === "y" || e.shiftKey && e.key.toLowerCase() === "z"), c = e.key.toLowerCase() === "enter";
       if (o) {
         e.preventDefault();
-        const t = le(S.value);
-        t && L.set(H.get(), J(t));
-        const i = H.undo();
-        i && Ee(i);
+        const t = le(b.value);
+        t && L.set(A.get(), X(t));
+        const a = A.undo();
+        a && Ee(a);
       }
       if (s) {
         e.preventDefault();
-        const t = H.redo();
+        const t = A.redo();
         t && Ee(t);
       }
       c && (e.preventDefault(), V("submit"));
@@ -892,35 +898,35 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
       if (W(o), L.has(e)) {
         const s = L.get(e);
         q(() => {
-          const c = S.value.querySelector(`[data-id="${s.startId}"][data-type="${s.startType}"]`), t = S.value.querySelector(`[data-id="${s.endId}"][data-type="${s.endType}"]`);
+          const c = b.value.querySelector(`[data-id="${s.startId}"][data-type="${s.startType}"]`), t = b.value.querySelector(`[data-id="${s.endId}"][data-type="${s.endType}"]`);
           c && te(c, s.startOffset, t, s.endOffset);
         });
       }
       O.value = M(R.value);
     }, ce = (e, o) => {
-      var t, i;
-      const s = (t = S.value) == null ? void 0 : t.querySelector(`[data-id="${e}"][data-type="${o}"]`);
+      var t, a;
+      const s = (t = b.value) == null ? void 0 : t.querySelector(`[data-id="${e}"][data-type="${o}"]`);
       if (!s) return;
-      const c = ((i = s.textContent) == null ? void 0 : i.length) || 0;
+      const c = ((a = s.textContent) == null ? void 0 : a.length) || 0;
       te(s, c);
     }, Ve = () => {
-      S.value && q(() => {
+      b.value && q(() => {
         const e = R.value, o = e.find((c) => c.type === "template");
         o && ce(o.id, "template"), e.every((c) => c.type === "text") && e.length === 1 && ce(e[0].id, "text");
       });
     }, Fe = () => {
-      H.clear(), L.clear();
+      A.clear(), L.clear();
     }, Oe = () => {
-      if (!S.value || Q.value.range)
+      if (!b.value || Q.value.range)
         return;
-      const e = le(S.value);
-      if (e != null && e.collapsed && b.value.length > 0) {
-        const o = J(e), s = b.value[0];
+      const e = le(b.value);
+      if (e != null && e.collapsed && S.value.length > 0) {
+        const o = X(e), s = S.value[0];
         if (o.startEl && o.startId === s.id && o.startOffset === 0 && s.content === v && s.type === "text") {
           te(o.startEl, 1);
           return;
         }
-        const c = b.value[b.value.length - 1];
+        const c = S.value[S.value.length - 1];
         if (o.endEl && o.endId === c.id && o.endOffset === 1 && c.content === v && c.type === "text") {
           te(o.endEl, 0);
           return;
@@ -929,37 +935,37 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
     };
     return pt(() => {
       document.addEventListener("selectionchange", Oe), q(() => {
-        Z();
+        j();
       });
     }), tt(() => {
       document.removeEventListener("selectionchange", Oe);
-    }), a({
+    }), i({
       clearHistory: Fe,
       activateFirstField: Ve
     }), (e, o) => (m(), I("div", Pt, [
       (m(), I("div", {
         contenteditable: "true",
         ref_key: "editorRef",
-        ref: S,
-        key: A.value,
+        ref: b,
+        key: H.value,
         class: "editor",
         style: Ue(B.value),
         onBeforeinput: Ke,
         onCompositionstart: pe,
-        onCompositionend: He,
-        onKeydown: Ae
+        onCompositionend: Ae,
+        onKeydown: He
       }, [
-        (m(!0), I(ye, null, xe(f.value, (s) => (m(), ee(Ft, Se({
+        (m(!0), I(ye, null, xe(d.value, (s) => (m(), ee(Ft, Se({
           key: `${s.id}-${s.type}`
         }, { ref_for: !0 }, s), null, 16))), 128))
       ], 36))
     ]));
   }
-}), Nt = /* @__PURE__ */ _e(Wt, [["__scopeId", "data-v-b5c1a845"]]), nt = (n, a) => {
-  if (!a.length)
+}), Nt = /* @__PURE__ */ _e(Wt, [["__scopeId", "data-v-b5c1a845"]]), nt = (n, i) => {
+  if (!i.length)
     return [{ text: n, isMatch: !1 }];
   const l = [];
-  for (const p of a) {
+  for (const p of i) {
     if (!p) continue;
     let h = 0;
     const v = n.toLowerCase(), y = p.toLowerCase();
@@ -983,23 +989,23 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
       const h = r[r.length - 1];
       p.start <= h.end ? h.end = Math.max(h.end, p.end) : r.push(p);
     }
-  const d = [];
+  const f = [];
   let _ = 0;
   for (const p of r)
-    _ < p.start && d.push({
+    _ < p.start && f.push({
       text: n.substring(_, p.start),
       isMatch: !1
-    }), d.push({
+    }), f.push({
       text: n.substring(p.start, p.end),
       isMatch: !0
     }), _ = p.end;
-  return _ < n.length && d.push({
+  return _ < n.length && f.push({
     text: n.substring(_),
     isMatch: !1
-  }), d;
-}, zt = (n, a) => !a || !n ? [{ text: n, isMatch: !1 }] : nt(n, [a]), Ut = (n, a) => {
+  }), f;
+}, zt = (n, i) => !i || !n ? [{ text: n, isMatch: !1 }] : nt(n, [i]), Ut = (n, i) => {
   const { content: l, highlights: r } = n;
-  return typeof r == "function" ? r(l, a) : Array.isArray(r) ? nt(l, r) : zt(l, a);
+  return typeof r == "function" ? r(l, i) : Array.isArray(r) ? nt(l, r) : zt(l, i);
 }, Gt = ["onMouseenter", "onMousedown"], qt = { class: "suggestion-list__text" }, jt = /* @__PURE__ */ Ce({
   __name: "SuggestionList",
   props: {
@@ -1011,8 +1017,8 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
     inputValue: {}
   },
   emits: ["select", "mouse-enter", "mouse-leave"],
-  setup(n, { emit: a }) {
-    const l = n, r = a, d = K(null), _ = (y) => y === l.activeKeyboardIndex || y === l.activeMouseIndex, p = (y) => {
+  setup(n, { emit: i }) {
+    const l = n, r = i, f = K(null), _ = (y) => y === l.activeKeyboardIndex || y === l.activeMouseIndex, p = (y) => {
       r("mouse-enter", y);
     }, h = () => {
       r("mouse-leave");
@@ -1022,8 +1028,8 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
     return ne(
       () => l.activeKeyboardIndex,
       (y) => {
-        if (y !== -1 && d.value) {
-          const C = d.value.children[y];
+        if (y !== -1 && f.value) {
+          const C = f.value.children[y];
           C && C.scrollIntoView({ block: "nearest" });
         }
       }
@@ -1032,7 +1038,7 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
         l.show && l.suggestions.length ? (m(), I("div", {
           key: 0,
           ref_key: "suggestionsListRef",
-          ref: d,
+          ref: f,
           class: "suggestion-list",
           style: Ue(l.popupStyle)
         }, [
@@ -1043,10 +1049,10 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
             onMouseleave: h,
             onMousedown: ht((V) => v(g.content), ["prevent"])
           }, [
-            Y(k(kt), { class: "suggestion-list__icon" }),
-            z("span", qt, [
-              (m(!0), I(ye, null, xe(k(Ut)(g, l.inputValue), (V, A) => (m(), I("span", {
-                key: A,
+            Z(k(kt), { class: "suggestion-list__icon" }),
+            U("span", qt, [
+              (m(!0), I(ye, null, xe(k(Ut)(g, l.inputValue), (V, H) => (m(), I("span", {
+                key: H,
                 class: oe({
                   "suggestion-list__text--match": V.isMatch,
                   "suggestion-list__text--normal": !V.isMatch
@@ -1116,22 +1122,22 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__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(n, { expose: a, emit: l }) {
-    const r = n, d = l, _ = K(null), p = K(null), h = K(null), v = K(null), y = K(null), C = E(() => r.templateData && r.templateData.length > 0), { inputValue: g, isComposing: O, clearInput: V } = Rt(r, d), A = E(() => !!g.value.trim()), F = E(() => {
-      var t, i;
-      return !(r.disabled || r.loading || !A.value || ie.value || (i = (t = r.buttonGroup) == null ? void 0 : t.submit) != null && i.disabled);
+  setup(n, { expose: i, emit: l }) {
+    const r = n, f = l, _ = K(null), p = K(null), h = K(null), v = K(null), y = K(null), C = E(() => r.templateData && r.templateData.length > 0), { inputValue: g, isComposing: O, clearInput: V } = Rt(r, f), H = E(() => !!g.value.trim()), F = E(() => {
+      var t, a;
+      return !(r.disabled || r.loading || !H.value || ae.value || (a = (t = r.buttonGroup) == null ? void 0 : t.submit) != null && a.disabled);
     }), {
       isPopupVisible: M,
       activeSuggestion: R,
       activeKeyboardIndex: W,
-      activeMouseIndex: b,
+      activeMouseIndex: S,
       autoCompleteText: w,
-      showTabIndicator: f,
-      syncAutoComplete: S,
-      closePopup: U,
-      applySuggestion: Z,
+      showTabIndicator: d,
+      syncAutoComplete: b,
+      closePopup: z,
+      applySuggestion: j,
       confirmSelection: B,
-      navigateWithKeyboard: j,
+      navigateWithKeyboard: J,
       handleMouseEnter: G,
       handleMouseLeave: ke
     } = Ot(
@@ -1139,41 +1145,41 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
       g,
       O,
       C,
-      (t) => d("update:modelValue", t),
-      (t) => d("suggestion-select", t)
-    ), L = K(r.mode), H = K(!1), ge = () => {
+      (t) => f("update:modelValue", t),
+      (t) => f("suggestion-select", t)
+    ), L = K(r.mode), A = K(!1), ge = () => {
       L.value === "single" && (L.value = "multiple", q(() => {
         setTimeout(() => {
           const t = document.querySelector(".tiny-textarea__inner");
           if (t) {
             t.style.whiteSpace = "pre-wrap";
-            const i = g.value.length;
-            t.focus(), t.setSelectionRange(i, i);
+            const a = g.value.length;
+            t.focus(), t.setSelectionRange(a, a);
           }
         }, 50);
       }));
-    }, fe = (t, i) => {
+    }, fe = (t, a) => {
       const u = document.createElement("span");
-      u.style.visibility = "hidden", u.style.position = "absolute", u.style.whiteSpace = "nowrap", u.style.font = i, u.textContent = t, document.body.appendChild(u);
+      u.style.visibility = "hidden", u.style.position = "absolute", u.style.whiteSpace = "nowrap", u.style.font = a, u.textContent = t, document.body.appendChild(u);
       const x = u.offsetWidth;
       return document.body.removeChild(u), x;
     }, le = () => {
       var $e, je, Je;
-      if (r.mode !== "single" || !_.value || H.value || !p.value || !v.value) return;
+      if (r.mode !== "single" || !_.value || A.value || !p.value || !v.value) return;
       const t = p.value.querySelector(".tiny-sender__content-area");
       if (!t) return;
-      const i = ((je = ($e = _.value) == null ? void 0 : $e.querySelector) == null ? void 0 : je.call($e, ".tiny-input__inner")) || t.querySelector(".tiny-input__inner"), u = y.value || p.value.querySelector(".tiny-sender__buttons-container");
-      if (!i) {
+      const a = ((je = ($e = _.value) == null ? void 0 : $e.querySelector) == null ? void 0 : je.call($e, ".tiny-input__inner")) || t.querySelector(".tiny-input__inner"), u = y.value || p.value.querySelector(".tiny-sender__buttons-container");
+      if (!a) {
         console.warn("Cannot find input element for overflow check");
         return;
       }
-      const x = i.getBoundingClientRect(), N = u == null ? void 0 : u.getBoundingClientRect();
+      const x = a.getBoundingClientRect(), N = u == null ? void 0 : u.getBoundingClientRect();
       if (x.width === 0) {
         setTimeout(() => le(), 50);
         return;
       }
-      const T = window.getComputedStyle(i).font, $ = fe(g.value, T), D = (Je = p.value) == null ? void 0 : Je.classList.contains("tr-sender-compact"), X = D ? 12 : 20, ue = x.width, ot = (N == null ? void 0 : N.width) || 0, qe = ue - ot - X, st = D ? 50 : 80;
-      $ > qe && qe > st && L.value === "single" && (H.value = !0, L.value = "multiple", q(() => {
+      const T = window.getComputedStyle(a).font, $ = fe(g.value, T), D = (Je = p.value) == null ? void 0 : Je.classList.contains("tr-sender-compact"), Y = D ? 12 : 20, ue = x.width, ot = (N == null ? void 0 : N.width) || 0, qe = ue - ot - Y, st = D ? 50 : 80;
+      $ > qe && qe > st && L.value === "single" && (A.value = !0, L.value = "multiple", q(() => {
         _.value ? setTimeout(() => {
           var Xe;
           const Be = (Xe = p.value) == null ? void 0 : Xe.querySelector(".tiny-textarea__inner");
@@ -1182,8 +1188,8 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
             const Ye = g.value.length;
             Be.focus(), Be.setSelectionRange(Ye, Ye);
           }
-          H.value = !1;
-        }, 300) : H.value = !1;
+          A.value = !1;
+        }, 300) : A.value = !1;
       }));
     }, me = () => {
       if (C.value && h.value)
@@ -1203,7 +1209,7 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
       }
     }, re = () => {
       var t;
-      d("update:templateData", []), (t = h.value) == null || t.clearHistory(), q(() => {
+      f("update:templateData", []), (t = h.value) == null || t.clearHistory(), q(() => {
         g.value === "" && (L.value = r.mode || "single"), setTimeout(() => {
           me();
         }, 50);
@@ -1214,12 +1220,12 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
         g.value === "" && (L.value = r.mode || "single");
       });
     }, Ke = (t) => {
-      const i = (x) => x.type === "text" && x.content === "​";
-      if (t.length === 0 || t.every(i)) {
+      const a = (x) => x.type === "text" && x.content === "​";
+      if (t.length === 0 || t.every(a)) {
         re();
         return;
       }
-      d("update:templateData", t);
+      f("update:templateData", t);
     };
     ne(
       () => r.templateData,
@@ -1228,34 +1234,34 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
       },
       { deep: !0 }
     );
-    const J = E(() => {
+    const X = E(() => {
       const t = typeof r.speech == "object" ? r.speech : {};
       return {
         ...t,
-        onStart: () => d("speech-start"),
-        onEnd: (i) => d("speech-end", i),
-        onInterim: (i) => d("speech-interim", i),
-        onFinal: (i) => {
+        onStart: () => f("speech-start"),
+        onEnd: (a) => f("speech-end", a),
+        onInterim: (a) => f("speech-interim", a),
+        onFinal: (a) => {
           if (t.autoReplace)
-            g.value = i;
+            g.value = a;
           else {
             const u = g.value;
-            u && i && !u.endsWith(" ") && !i.startsWith(" ") && u.length > 0 ? g.value = u + " " + i : g.value = u + i;
+            u && a && !u.endsWith(" ") && !a.startsWith(" ") && u.length > 0 ? g.value = u + " " + a : g.value = u + a;
           }
-          d("speech-end", i);
+          f("speech-end", a);
         },
-        onError: (i) => {
-          d("speech-error", i);
+        onError: (a) => {
+          f("speech-error", a);
         }
       };
-    }), { speechState: se, start: we, stop: Ie } = Et(J.value), Re = () => {
+    }), { speechState: se, start: we, stop: Ie } = Et(X.value), Re = () => {
       se.isRecording ? Ie() : we();
     }, Te = async () => {
-      const t = typeof r.speech == "object" ? r.speech : {}, i = se.isRecording;
+      const t = typeof r.speech == "object" ? r.speech : {}, a = se.isRecording;
       if (t.onVoiceButtonClick) {
         let u = !1;
         try {
-          await t.onVoiceButtonClick(i, () => {
+          await t.onVoiceButtonClick(a, () => {
             u = !0;
           });
         } catch (x) {
@@ -1265,31 +1271,31 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
           return;
       }
       Re();
-    }, ie = E(() => r.maxLength !== 1 / 0 && g.value.length > r.maxLength), { handleKeyPress: be, triggerSubmit: pe } = Tt(
+    }, ae = E(() => r.maxLength !== 1 / 0 && g.value.length > r.maxLength), { handleKeyPress: be, triggerSubmit: pe } = Tt(
       r,
-      d,
+      f,
       g,
       O,
       se,
       M,
       R,
       B,
-      U,
-      j,
+      z,
+      J,
       Re,
       F,
       L,
       ge,
       C,
       re
-    ), He = (t) => {
-      d("focus", t), g.value && !C.value && (M.value = !0);
+    ), Ae = (t) => {
+      f("focus", t), g.value && !C.value && (M.value = !0);
     }, Ge = (t) => {
-      d("blur", t), U();
-    }, he = E(() => L.value === "multiple" ? "textarea" : "text"), Ae = vt(), Ee = E(() => !!Ae.decorativeContent), ce = E(() => r.disabled || Ee.value), Ve = E(() => r.loading), Fe = E(() => ({
+      f("blur", t), z();
+    }, he = E(() => L.value === "multiple" ? "textarea" : "text"), He = vt(), Ee = E(() => !!He.decorativeContent), ce = E(() => r.disabled || Ee.value), Ve = E(() => r.loading), Fe = E(() => ({
       "is-disabled": ce.value,
       "is-loading": Ve.value,
-      "is-auto-switching": H.value
+      "is-auto-switching": A.value
     })), Oe = E(() => ({
       width: It(r.suggestionPopupWidth),
       maxWidth: "100%"
@@ -1298,7 +1304,7 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
       O.value = !1;
     };
     ne(g, () => {
-      q(le), g.value === "" && r.mode === "single" && (L.value = "single"), S();
+      q(le), g.value === "" && r.mode === "single" && (L.value = "single"), b();
     }), ne(
       () => C.value,
       (t) => {
@@ -1309,21 +1315,21 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
       h.value && h.value.activateFirstField();
     }, { open: s, files: c } = mt({
       accept: Me(() => {
-        var t, i;
-        return ((i = (t = r.buttonGroup) == null ? void 0 : t.file) == null ? void 0 : i.accept) ?? "*";
+        var t, a;
+        return ((a = (t = r.buttonGroup) == null ? void 0 : t.file) == null ? void 0 : a.accept) ?? "*";
       }),
       multiple: Me(() => {
-        var t, i;
-        return ((i = (t = r.buttonGroup) == null ? void 0 : t.file) == null ? void 0 : i.multiple) ?? !0;
+        var t, a;
+        return ((a = (t = r.buttonGroup) == null ? void 0 : t.file) == null ? void 0 : a.multiple) ?? !0;
       }),
       reset: Me(() => {
-        var t, i;
-        return ((i = (t = r.buttonGroup) == null ? void 0 : t.file) == null ? void 0 : i.reset) ?? !0;
+        var t, a;
+        return ((a = (t = r.buttonGroup) == null ? void 0 : t.file) == null ? void 0 : a.reset) ?? !0;
       })
     });
     return ne(c, (t) => {
-      t && t.length > 0 && d("files-selected", Array.from(t));
-    }), a({
+      t && t.length > 0 && f("files-selected", Array.from(t));
+    }), i({
       focus: me,
       blur: te,
       clear: Q,
@@ -1331,36 +1337,36 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
       startSpeech: we,
       stopSpeech: Ie,
       activateTemplateFirstField: o
-    }), (t, i) => (m(), I("div", {
+    }), (t, a) => (m(), I("div", {
       ref_key: "senderRef",
       ref: p,
       class: oe(["tiny-sender", [Fe.value, `theme-${n.theme}`, `mode-${L.value}`]]),
       "data-theme": n.theme
     }, [
-      z("div", Yt, [
-        z("div", {
+      U("div", Yt, [
+        U("div", {
           class: "tiny-sender__input-wrapper",
           ref_key: "inputWrapperRef",
           ref: v
         }, [
-          Y(ze, { name: "tiny-sender-slide-down" }, {
+          Z(ze, { name: "tiny-sender-slide-down" }, {
             default: ve(() => [
               t.$slots.header ? (m(), I("div", Zt, [
-                ae(t.$slots, "header", {}, void 0, !0)
+                ie(t.$slots, "header", {}, void 0, !0)
               ])) : P("", !0)
             ]),
             _: 3
           }),
-          z("div", {
+          U("div", {
             class: oe(["tiny-sender__input-row", { "has-prefix": t.$slots.prefix, "has-header": t.$slots.header }])
           }, [
             t.$slots.prefix ? (m(), I("div", Qt, [
-              ae(t.$slots, "prefix", {}, void 0, !0)
+              ie(t.$slots, "prefix", {}, void 0, !0)
             ])) : P("", !0),
-            z("div", en, [
-              ae(t.$slots, "content", {}, () => [
+            U("div", en, [
+              ie(t.$slots, "content", {}, () => [
                 t.$slots.decorativeContent ? (m(), I("div", tn, [
-                  ae(t.$slots, "decorativeContent", {}, void 0, !0)
+                  ie(t.$slots, "decorativeContent", {}, void 0, !0)
                 ])) : P("", !0),
                 C.value ? (m(), ee(Nt, {
                   key: 1,
@@ -1371,113 +1377,113 @@ const Ht = ["data-id", "data-type"], At = ["data-id", "data-type"], Vt = /* @__P
                   "onUpdate:modelValue": Ke,
                   onSubmit: k(pe)
                 }, null, 8, ["model-value", "auto-size", "onSubmit"])) : (m(), I("div", nn, [
-                  Y(k(gt), {
+                  Z(k(gt), {
                     ref_key: "inputRef",
                     ref: _,
                     autosize: n.autoSize,
                     type: he.value,
                     resize: "none",
                     modelValue: k(g),
-                    "onUpdate:modelValue": i[0] || (i[0] = (u) => yt(g) ? g.value = u : null),
+                    "onUpdate:modelValue": a[0] || (a[0] = (u) => yt(g) ? g.value = u : null),
                     disabled: ce.value,
                     placeholder: n.placeholder,
                     autofocus: n.autofocus,
                     onKeydown: k(be),
-                    onCompositionstart: i[1] || (i[1] = (u) => O.value = !0),
+                    onCompositionstart: a[1] || (a[1] = (u) => O.value = !0),
                     onCompositionend: e,
-                    onFocus: He,
+                    onFocus: Ae,
                     onBlur: Ge
                   }, null, 8, ["autosize", "type", "modelValue", "disabled", "placeholder", "autofocus", "onKeydown"]),
                   k(w) && !k(O) ? (m(), I("div", on, [
-                    z("span", sn, de(k(g)), 1),
+                    U("span", sn, de(k(g)), 1),
                     Qe(" " + de(k(w)) + " ", 1),
-                    k(f) ? (m(), I("div", an, "TAB")) : P("", !0)
+                    k(d) ? (m(), I("div", an, "TAB")) : P("", !0)
                   ])) : P("", !0)
                 ]))
               ], !0)
             ]),
             L.value === "single" ? (m(), I("div", ln, [
-              z("div", {
+              U("div", {
                 class: "tiny-sender__buttons-container",
                 ref_key: "buttonsContainerRef",
                 ref: y
               }, [
-                ae(t.$slots, "actions", {}, void 0, !0),
-                Y(et, {
+                ie(t.$slots, "actions", {}, void 0, !0),
+                Z(et, {
                   "allow-speech": n.allowSpeech,
                   "allow-files": n.allowFiles,
                   loading: n.loading,
                   disabled: ce.value,
                   "show-clear": n.clearable,
-                  "has-content": A.value,
+                  "has-content": H.value,
                   "speech-status": k(se),
                   "button-group": n.buttonGroup,
                   "submit-type": n.submitType,
-                  "is-over-limit": ie.value,
+                  "is-over-limit": ae.value,
                   "stop-text": n.stopText,
                   onClear: Q,
                   onVoiceButtonClick: Te,
                   onSubmit: k(pe),
-                  onCancel: i[2] || (i[2] = (u) => t.$emit("cancel")),
+                  onCancel: a[2] || (a[2] = (u) => t.$emit("cancel")),
                   onTriggerSelect: k(s)
                 }, 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)
             ])) : P("", !0)
           ], 2),
-          Y(ze, { name: "tiny-sender-slide-up" }, {
+          Z(ze, { name: "tiny-sender-slide-up" }, {
             default: ve(() => [
               L.value === "multiple" ? (m(), I("div", rn, [
-                z("div", cn, [
-                  ae(t.$slots, "footer-left", {}, void 0, !0)
+                U("div", cn, [
+                  ie(t.$slots, "footer-left", {}, void 0, !0)
                 ]),
-                z("div", un, [
-                  ae(t.$slots, "footer-right", {}, void 0, !0),
+                U("div", un, [
+                  ie(t.$slots, "footer-right", {}, void 0, !0),
                   n.showWordLimit && n.maxLength !== 1 / 0 ? (m(), I("div", {
                     key: 0,
-                    class: oe(["tiny-sender__word-limit", { "is-over-limit": ie.value }])
+                    class: oe(["tiny-sender__word-limit", { "is-over-limit": ae.value }])
                   }, [
-                    z("span", dn, de(k(g).length), 1),
+                    U("span", dn, de(k(g).length), 1),
                     Qe("/" + de(n.maxLength), 1)
                   ], 2)) : P("", !0),
                   L.value === "multiple" ? (m(), I("div", fn, [
-                    z("div", pn, [
-                      Y(et, {
+                    U("div", pn, [
+                      Z(et, {
                         "allow-speech": n.allowSpeech,
                         "allow-files": n.allowFiles,
                         loading: n.loading,
                         disabled: ce.value,
                         "show-clear": n.clearable,
-                        "has-content": A.value,
+                        "has-content": H.value,
                         "speech-status": k(se),
                         "button-group": n.buttonGroup,
                         "submit-type": n.submitType,
-                        "is-over-limit": ie.value,
+                        "is-over-limit": ae.value,
                         "stop-text": n.stopText,
                         onClear: Q,
                         onVoiceButtonClick: Te,
                         onSubmit: k(pe),
-                        onCancel: i[3] || (i[3] = (u) => t.$emit("cancel")),
+                        onCancel: a[3] || (a[3] = (u) => t.$emit("cancel")),
                         onTriggerSelect: k(s)
                       }, 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"])
                     ])
                   ])) : P("", !0)
                 ])
               ])) : t.$slots.footer ? (m(), I("div", hn, [
-                ae(t.$slots, "footer", {}, void 0, !0)
+                ie(t.$slots, "footer", {}, void 0, !0)
               ])) : P("", !0)
             ]),
             _: 3
           })
         ], 512)
       ]),
-      Y(Jt, {
+      Z(Jt, {
         show: k(M),
         suggestions: n.suggestions,
         "popup-style": Oe.value,
         "active-keyboard-index": k(W),
-        "active-mouse-index": k(b),
+        "active-mouse-index": k(S),
         "input-value": k(g),
-        onSelect: k(Z),
+        onSelect: k(j),
         onMouseEnter: k(G),
         onMouseLeave: k(ke)
       }, null, 8, ["show", "suggestions", "popup-style", "active-keyboard-index", "active-mouse-index", "input-value", "onSelect", "onMouseEnter", "onMouseLeave"])