@mobilon-dev/chotto 0.3.103 → 0.3.105

package/dist/components/3_compounds/ChatInput/ChatInput.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as Be, inject as Ne, watch as p, ref as _, computed as x, provide as je, nextTick as b, unref as a, onMounted as Ke, onUnmounted as $e, createElementBlock as C, openBlock as S, createElementVNode as u, createVNode as z, normalizeClass as O, toDisplayString as U, createCommentVNode as V, Fragment as Ge, renderList as Oe, createBlock as Ue, renderSlot as le, withDirectives as Ve, withKeys as Ye, vModelText as Xe } from "vue";
-import { useImmediateDebouncedRef as Je } from "../../../hooks/useImmediateDebouncedRef.js";
-import { MAX_ATTACHED_FILES as ie, useMessageDraft as Qe, getDraftFiles as Ze, commitChatDraftToList as et } from "../../../hooks/useMessageDraft.js";
+import { defineComponent as Ne, inject as je, watch as p, ref as S, computed as _, provide as $e, nextTick as b, unref as r, onMounted as Ge, onUnmounted as Oe, createElementBlock as C, openBlock as x, createElementVNode as f, createVNode as q, normalizeClass as O, toDisplayString as U, createCommentVNode as V, Fragment as Ue, renderList as Ve, createBlock as Ye, renderSlot as le, withDirectives as Xe, withKeys as Je, vModelText as Qe } from "vue";
+import { useImmediateDebouncedRef as Ze } from "../../../hooks/useImmediateDebouncedRef.js";
+import { MAX_ATTACHED_FILES as ie, useMessageDraft as et, getDraftFiles as tt, commitChatDraftToList as nt } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
-import { useEmojiNative as tt } from "../../../hooks/useEmojiNative.js";
+import { useEmojiNative as lt } from "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import { t as h } from "../../../locale/useLocale.js";
@@ -11,19 +11,21 @@ import { t as h } from "../../../locale/useLocale.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-import { textToAppleEmojiHtml as nt, textContainsEmoji as lt, previousGraphemeIndex as oe, nextGraphemeIndex as se, snapIndexToGrapheme as ae } from "../../../functions/renderAppleEmojis.js";
-import { hideEditPreview as it } from "../../../hooks/messages/useStartEdit.js";
-import ot from "./icons/SendIcon.vue.js";
+import { textToAppleEmojiHtml as it, textContainsEmoji as ot, previousGraphemeIndex as oe, nextGraphemeIndex as se, snapIndexToGrapheme as ae } from "../../../functions/renderAppleEmojis.js";
+import { useStartEdit as st, hideEditPreview as at } from "../../../hooks/messages/useStartEdit.js";
+import { canStartEditLastSent as rt, isEditableLastSentCandidate as ut } from "../../../hooks/messages/canStartEditLastSent.js";
+import { buildEditPayload as ct } from "../../../hooks/messages/buildEditPayload.js";
+import dt from "./icons/SendIcon.vue.js";
 import re from "./icons/ArrowIcon.vue.js";
-import st from "../../2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.js";
-import at from "../../2_chatinput_elements/FilePreview/FilePreview.vue.js";
-const rt = { class: "chat-input__container" }, ut = ["id"], ct = ["id"], dt = { class: "chat-input__file-counter" }, ft = { class: "chat-input__file-chips-wrap" }, pt = ["aria-label"], ht = ["aria-label"], mt = { class: "chat-input__inline-buttons" }, vt = {
+import ft from "../../2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.js";
+import pt from "../../2_chatinput_elements/FilePreview/FilePreview.vue.js";
+const ht = { class: "chat-input__container" }, mt = ["id"], vt = ["id"], gt = { class: "chat-input__file-counter" }, yt = { class: "chat-input__file-chips-wrap" }, St = ["aria-label"], _t = ["aria-label"], xt = { class: "chat-input__inline-buttons" }, It = {
   key: 0,
   class: "chat-input__input chat-input__disabled-placeholder"
-}, gt = {
+}, bt = {
   key: 1,
   class: "chat-input__input-wrap"
-}, yt = ["innerHTML"], _t = ["disabled", "placeholder"], xt = ["disabled"], St = { class: "" }, It = { class: "chat-input__third-line" }, Y = 40, Kt = /* @__PURE__ */ Be({
+}, Ct = ["innerHTML"], Ft = ["disabled", "placeholder"], Tt = ["disabled"], Et = { class: "" }, At = { class: "chat-input__third-line" }, Y = 40, Jt = /* @__PURE__ */ Ne({
   __name: "ChatInput",
   props: {
     state: {
@@ -54,11 +56,16 @@ const rt = { class: "chat-input__container" }, ut = ["id"], ct = ["id"], dt = {
       type: Number,
       required: !1,
       default: ie
+    },
+    resolveEditLastSentMessage: {
+      type: Function,
+      required: !1,
+      default: null
     }
   },
   emits: ["send", "typing"],
-  setup(E, { emit: ue }) {
-    const H = ue, M = Ne("chatAppId"), { resetMessage: ce, getMessage: o, setMessageText: D, setForceSendMessage: de, resetEdit: fe, removeMessageFile: pe } = Qe(M), { isNative: he, emojiSrc: me } = tt(M);
+  setup(M, { emit: ue }) {
+    const H = ue, F = je("chatAppId"), { resetMessage: ce, getMessage: o, setMessageText: D, setForceSendMessage: de, resetEdit: fe, removeMessageFile: pe } = et(F), { startEdit: he } = st(F), { isNative: me, emojiSrc: ve } = lt(F);
     let X = o().id;
     p(
       () => o().id,
@@ -66,36 +73,36 @@ const rt = { class: "chat-input__container" }, ut = ["id"], ct = ["id"], dt = {
         X = e;
       }
     );
-    const l = _(), F = _(), R = _(), T = _(null), k = _(!1), ve = Je("", 2e3), B = _(!1), N = _(!1);
+    const l = S(), T = S(), L = S(), E = S(null), R = S(!1), ge = Ze("", 2e3), z = S(!1), B = S(!1);
     let m = null;
-    const v = x(() => Ze(o()));
-    function W() {
-      const e = R.value;
+    const v = _(() => tt(o()));
+    function K() {
+      const e = L.value;
       if (!e) {
-        B.value = !1, N.value = !1;
+        z.value = !1, B.value = !1;
         return;
       }
       const t = e.scrollWidth - e.clientWidth;
-      B.value = e.scrollLeft > 1, N.value = t - e.scrollLeft > 1;
+      z.value = e.scrollLeft > 1, B.value = t - e.scrollLeft > 1;
     }
-    function ge(e) {
+    function ye(e) {
       const t = e.firstElementChild;
       if (!t) return e.clientWidth;
       const n = parseFloat(getComputedStyle(e).gap) || 8;
       return t.offsetWidth + n;
     }
     function J(e) {
-      const t = R.value;
+      const t = L.value;
       if (!t) return;
-      const n = ge(t);
+      const n = ye(t);
       t.scrollBy({ left: e === "right" ? n : -n, behavior: "smooth" });
     }
     function Q() {
       m == null || m.disconnect();
-      const e = R.value;
-      e && (m = new ResizeObserver(() => W()), m.observe(e));
+      const e = L.value;
+      e && (m = new ResizeObserver(() => K()), m.observe(e));
     }
-    function ye(e) {
+    function Se(e) {
       return e.preview ?? {
         isImage: !1,
         isVideo: !1,
@@ -104,18 +111,18 @@ const rt = { class: "chat-input__container" }, ut = ["id"], ct = ["id"], dt = {
         fileSize: ""
       };
     }
-    const _e = x(
-      () => nt(o().text || "", T.value, me.value)
-    ), A = x(
-      () => !he.value && lt(o().text || "")
+    const _e = _(
+      () => it(o().text || "", E.value, ve.value)
+    ), A = _(
+      () => !me.value && ot(o().text || "")
     ), g = () => {
-      if (!F.value || !l.value) return;
-      const e = l.value, t = F.value, n = Math.max(0, e.offsetWidth - e.clientWidth);
+      if (!T.value || !l.value) return;
+      const e = l.value, t = T.value, n = Math.max(0, e.offsetWidth - e.clientWidth);
       t.style.right = n > 0 ? `${n}px` : "", t.scrollTop = e.scrollTop;
     };
     let w = 0;
-    function j() {
-      T.value = null;
+    function N() {
+      E.value = null;
     }
     function xe(e = "nearest") {
       const t = l.value;
@@ -123,99 +130,120 @@ const rt = { class: "chat-input__container" }, ut = ["id"], ct = ["id"], dt = {
       const n = t.value, i = ae(n, t.selectionStart, e), s = ae(n, t.selectionEnd, e);
       (i !== t.selectionStart || s !== t.selectionEnd) && t.setSelectionRange(i, s);
     }
-    function K() {
+    function j() {
       xe("nearest"), I();
     }
-    function Se(e) {
-      if (!A.value || e.key !== "ArrowLeft" && e.key !== "ArrowRight" || e.altKey || e.metaKey || e.ctrlKey) return;
+    function Ie(e) {
+      var s, u, c;
+      const t = o(), n = l.value;
+      if (!rt({
+        key: e.key,
+        altKey: e.altKey,
+        metaKey: e.metaKey,
+        ctrlKey: e.ctrlKey,
+        shiftKey: e.shiftKey,
+        hasResolver: typeof a.resolveEditLastSentMessage == "function",
+        disabled: a.state === "disabled",
+        isRecording: t.isRecording,
+        draftText: t.text ?? "",
+        replyMessageId: (s = t.reply) == null ? void 0 : s.messageId,
+        editMessageId: (u = t.edit) == null ? void 0 : u.messageId,
+        textareaText: (n == null ? void 0 : n.value) ?? t.text ?? "",
+        selectionStart: (n == null ? void 0 : n.selectionStart) ?? 0
+      })) return !1;
+      const i = (c = a.resolveEditLastSentMessage) == null ? void 0 : c.call(a);
+      return ut(i) ? (e.preventDefault(), he(ct(i)), !0) : !1;
+    }
+    function be(e) {
+      if (Ie(e) || !A.value || e.key !== "ArrowLeft" && e.key !== "ArrowRight" || e.altKey || e.metaKey || e.ctrlKey) return;
       const t = l.value;
       if (!t) return;
       const n = t.value, i = t.selectionStart !== t.selectionEnd;
       if (e.shiftKey) {
-        requestAnimationFrame(() => K());
+        requestAnimationFrame(() => j());
         return;
       }
       if (i) {
         e.preventDefault();
-        const f = e.key === "ArrowLeft" ? t.selectionStart : t.selectionEnd, y = e.key === "ArrowLeft" ? oe(n, f) : se(n, f);
+        const c = e.key === "ArrowLeft" ? t.selectionStart : t.selectionEnd, y = e.key === "ArrowLeft" ? oe(n, c) : se(n, c);
         t.setSelectionRange(y, y), I();
         return;
       }
       e.preventDefault();
-      const s = t.selectionStart, d = e.key === "ArrowLeft" ? oe(n, s) : se(n, s);
-      t.setSelectionRange(d, d), I();
+      const s = t.selectionStart, u = e.key === "ArrowLeft" ? oe(n, s) : se(n, s);
+      t.setSelectionRange(u, u), I();
     }
     function I() {
       if (!A.value) {
-        j();
+        N();
         return;
       }
       w && cancelAnimationFrame(w), w = requestAnimationFrame(() => {
-        var d;
+        var u;
         w = 0;
         const e = l.value;
         if (!e) {
-          j();
+          N();
           return;
         }
         const t = e.selectionStart, n = e.selectionEnd;
         if (t === n) {
-          T.value !== null && (T.value = null, b(g));
+          E.value !== null && (E.value = null, b(g));
           return;
         }
-        const i = T.value;
+        const i = E.value;
         if (i && i.start === t && i.end === n) return;
-        const s = ((d = F.value) == null ? void 0 : d.scrollTop) ?? 0;
-        T.value = { start: t, end: n }, b(() => {
-          F.value && (F.value.scrollTop = s), g();
+        const s = ((u = T.value) == null ? void 0 : u.scrollTop) ?? 0;
+        E.value = { start: t, end: n }, b(() => {
+          T.value && (T.value.scrollTop = s), g();
         });
       });
     }
-    function Ie(e) {
+    function Ce(e) {
       e.buttons && I();
     }
     function Z() {
       document.activeElement === l.value && I();
     }
-    const c = E, ee = x(() => {
-      const e = Number(c.maxAttachedFiles);
+    const a = M, ee = _(() => {
+      const e = Number(a.maxAttachedFiles);
       return Number.isFinite(e) && e > 0 ? Math.floor(e) : ie;
     });
-    je("maxAttachedFiles", ee);
-    const be = x(
+    $e("maxAttachedFiles", ee);
+    const Fe = _(
       () => h("component.ChatInput.FilesSelectedCount").replace("{count}", String(v.value.length)).replace("{max}", String(ee.value))
-    ), Ce = x(() => !!(c.state == "disabled" || o().text == "" && !v.value.length || o().isRecording)), Fe = x(() => {
+    ), Te = _(() => !!(a.state == "disabled" || o().text == "" && !v.value.length || o().isRecording)), Ee = _(() => {
       var t;
-      if (c.inputButtonColor)
-        return c.inputButtonColor;
-      if (!((t = c.selectedChannel) != null && t.channelId))
+      if (a.inputButtonColor)
+        return a.inputButtonColor;
+      if (!((t = a.selectedChannel) != null && t.channelId))
         return "#25D366";
-      const e = c.selectedChannel.channelId.toLowerCase();
+      const e = a.selectedChannel.channelId.toLowerCase();
       return e.includes("whatsapp") || e.includes("waba") ? "#25D366" : e.includes("telegram") ? "#37AFE2" : e.includes("sms") ? "#6C757D" : e.includes("max") ? "#4B0082" : "#25D366";
-    }), Te = x(() => {
+    }), Ae = _(() => {
       var t;
-      if (!((t = c.selectedChannel) != null && t.channelId))
+      if (!((t = a.selectedChannel) != null && t.channelId))
         return h("component.ChatInput.InputPlaceholder");
-      const e = c.selectedChannel.channelId.toLowerCase();
+      const e = a.selectedChannel.channelId.toLowerCase();
       return e.includes("whatsapp") || e.includes("waba") ? h("component.ChatInput.WhatsappInputPlaceholder") : e.includes("telegram") ? h("component.ChatInput.TelegramInputPlaceholder") : e.includes("sms") ? h("component.ChatInput.SmsInputPlaceholder") : e.includes("max") ? h("component.ChatInput.MaxInputPlaceholder") : h("component.ChatInput.InputPlaceholder");
     });
     p(
-      () => ve.value,
+      () => ge.value,
       () => {
         H("typing");
       }
     );
     function te(e = !1) {
       b(() => {
-        if (e && !k.value) return;
+        if (e && !R.value) return;
         const t = l.value;
-        t && (L(t), e && (k.value = !1), q(t), requestAnimationFrame(() => q(t)));
+        t && (k(t), e && (R.value = !1), P(t), requestAnimationFrame(() => P(t)));
       });
     }
     p(
       () => o().edit,
       (e) => {
-        (e == null ? void 0 : e.messageId) != null && (k.value = !0, te(!0));
+        (e == null ? void 0 : e.messageId) != null && (R.value = !0, te(!0));
       }
     ), p(
       () => o().reply,
@@ -223,10 +251,10 @@ const rt = { class: "chat-input__container" }, ut = ["id"], ct = ["id"], dt = {
         (e == null ? void 0 : e.messageId) != null && te();
       }
     ), p(
-      () => c.focusOnInputArea,
+      () => a.focusOnInputArea,
       () => {
-        c.focusOnInputArea && b(() => {
-          const e = a(l);
+        a.focusOnInputArea && b(() => {
+          const e = r(l);
           e == null || e.focus();
         });
       },
@@ -235,16 +263,16 @@ const rt = { class: "chat-input__container" }, ut = ["id"], ct = ["id"], dt = {
       () => o().text,
       () => {
         const e = l.value;
-        e && (L(e), k.value && (k.value = !1, q(e), requestAnimationFrame(() => q(e))));
+        e && (k(e), R.value && (R.value = !1, P(e), requestAnimationFrame(() => P(e))));
       },
       { immediate: !0, flush: "post" }
     ), p(
       () => o().id,
       () => {
         const e = l.value;
-        e && (P(e), requestAnimationFrame(() => {
+        e && (W(e), requestAnimationFrame(() => {
           const t = l.value;
-          t && L(t);
+          t && k(t);
         }));
       }
     ), p(A, (e) => {
@@ -252,39 +280,39 @@ const rt = { class: "chat-input__container" }, ut = ["id"], ct = ["id"], dt = {
         const t = l.value;
         if (!t) return;
         const n = t.scrollTop;
-        L(t), t.scrollTop = n, g(), requestAnimationFrame(g);
+        k(t), t.scrollTop = n, g(), requestAnimationFrame(g);
       });
     });
-    function P(e) {
+    function W(e) {
       const t = o().inputHeight;
       e.style.height = (t || Y) + "px", (!t || t <= Y) && (e.style.overflowY = "hidden");
     }
-    function Ae(e) {
+    function we(e) {
       const t = parseFloat(e.style.height);
       Number.isFinite(t) && (o().inputHeight = t);
     }
-    function L(e) {
+    function k(e) {
       const t = o().text || "";
       if (e.value !== t || e.clientWidth === 0) {
-        P(e);
+        W(e);
         return;
       }
       const n = e.scrollTop;
       e.style.height = "auto";
-      const i = getComputedStyle(e), s = parseFloat(i.fontSize) || 16, d = parseFloat(i.lineHeight) || s * 1.4, f = Y, y = d * 11, G = e.scrollHeight, He = t.split(`
-`).length > 1, r = document.createElement("div");
-      r.style.position = "absolute", r.style.visibility = "hidden", r.style.whiteSpace = "nowrap", r.style.font = i.font, r.style.fontSize = i.fontSize, r.style.fontFamily = i.fontFamily, r.style.fontWeight = i.fontWeight, r.style.letterSpacing = i.letterSpacing, r.textContent = t, document.body.appendChild(r);
-      const De = r.offsetWidth;
-      document.body.removeChild(r);
-      const We = parseFloat(i.paddingLeft) || 0, Pe = parseFloat(i.paddingRight) || 0, qe = e.clientWidth - We - Pe, ze = De > qe, ne = He || ze;
-      if (ne && G <= f + 1) {
-        P(e);
+      const i = getComputedStyle(e), s = parseFloat(i.fontSize) || 16, u = parseFloat(i.lineHeight) || s * 1.4, c = Y, y = u * 11, G = e.scrollHeight, Ke = t.split(`
+`).length > 1, d = document.createElement("div");
+      d.style.position = "absolute", d.style.visibility = "hidden", d.style.whiteSpace = "nowrap", d.style.font = i.font, d.style.fontSize = i.fontSize, d.style.fontFamily = i.fontFamily, d.style.fontWeight = i.fontWeight, d.style.letterSpacing = i.letterSpacing, d.textContent = t, document.body.appendChild(d);
+      const We = d.offsetWidth;
+      document.body.removeChild(d);
+      const Pe = parseFloat(i.paddingLeft) || 0, qe = parseFloat(i.paddingRight) || 0, ze = e.clientWidth - Pe - qe, Be = We > ze, ne = Ke || Be;
+      if (ne && G <= c + 1) {
+        W(e);
         return;
       }
-      t.trim() && ne ? G <= y ? (e.style.height = G + "px", e.style.overflowY = "hidden") : (e.style.height = y + "px", e.style.overflowY = "auto", e.scrollTop = n) : (e.style.height = f + "px", e.style.overflowY = "hidden"), Ae(e), g(), requestAnimationFrame(g);
+      t.trim() && ne ? G <= y ? (e.style.height = G + "px", e.style.overflowY = "hidden") : (e.style.height = y + "px", e.style.overflowY = "auto", e.scrollTop = n) : (e.style.height = c + "px", e.style.overflowY = "hidden"), we(e), g(), requestAnimationFrame(g);
     }
-    function q(e) {
-      if (c.state === "disabled" || o().isRecording) return;
+    function P(e) {
+      if (a.state === "disabled" || o().isRecording) return;
       const t = e.value.length;
       e.focus(), e.setSelectionRange(t, t), e.scrollTop = e.scrollHeight, g();
     }
@@ -294,7 +322,7 @@ const rt = { class: "chat-input__container" }, ut = ["id"], ct = ["id"], dt = {
         o().forceSend && ($(), de(!1));
       }
     );
-    const we = (e) => {
+    const Me = (e) => {
       const t = e.target;
       H("typing", t.value), I();
     };
@@ -302,19 +330,19 @@ const rt = { class: "chat-input__container" }, ut = ["id"], ct = ["id"], dt = {
       v,
       (e, t) => {
         b(() => {
-          Q(), W();
-          const n = R.value;
+          Q(), K();
+          const n = L.value;
           n && e.length > ((t == null ? void 0 : t.length) ?? 0) && n.scrollTo({ left: n.scrollWidth, behavior: "smooth" });
         });
       },
       { flush: "post" }
-    ), Ke(() => {
+    ), Ge(() => {
       const e = l.value;
-      e && (P(e), L(e)), Q(), W(), document.addEventListener("selectionchange", Z);
-    }), $e(() => {
-      et(X), document.removeEventListener("selectionchange", Z), m == null || m.disconnect(), w && cancelAnimationFrame(w);
+      e && (W(e), k(e)), Q(), K(), document.addEventListener("selectionchange", Z);
+    }), Oe(() => {
+      nt(X), document.removeEventListener("selectionchange", Z), m == null || m.disconnect(), w && cancelAnimationFrame(w);
     });
-    const Ee = (e) => {
+    const Le = (e) => {
       if (e.shiftKey) {
         if (l.value instanceof HTMLTextAreaElement) {
           let t = l.value.selectionStart;
@@ -331,7 +359,7 @@ const rt = { class: "chat-input__container" }, ut = ["id"], ct = ["id"], dt = {
         e.preventDefault();
       } else
         e.preventDefault(), $();
-    }, Me = (e) => {
+    }, Re = (e) => {
       if (l.value) {
         const t = l.value.value;
         l.value.value = e.newText;
@@ -341,20 +369,20 @@ const rt = { class: "chat-input__container" }, ut = ["id"], ct = ["id"], dt = {
         });
       }
     };
-    function Re(e) {
+    function ke(e) {
       pe(e);
     }
-    function ke() {
-      fe(), D(""), it(M), l.value && l.value.focus();
+    function He() {
+      fe(), D(""), at(F), l.value && l.value.focus();
     }
-    function Le() {
+    function De() {
       const e = o();
       return e.edit ? (e.text ?? "").trim() === (e.edit.text ?? "").trim() : !1;
     }
     const $ = () => {
-      const e = _(o());
-      if (e.value.edit && Le() && !v.value.length) {
-        ke();
+      const e = S(o());
+      if (e.value.edit && De() && !v.value.length) {
+        He();
         return;
       }
       if (e.value.text != "" || v.value.length) {
@@ -368,122 +396,122 @@ const rt = { class: "chat-input__container" }, ut = ["id"], ct = ["id"], dt = {
         }, n = v.value;
         if (n.length) {
           const i = e.value.text.trim();
-          n.forEach((s, d) => {
+          n.forEach((s, u) => {
             var y;
-            const f = {
+            const c = {
               type: "message." + s.type,
               url: s.url,
               filename: s.name,
               size: (y = s.size) == null ? void 0 : y.toString(),
-              text: d === 0 ? i : ""
+              text: u === 0 ? i : ""
             };
-            d === 0 && (e.value.reply && (f.reply = e.value.reply), e.value.edit && (f.edit = e.value.edit)), H("send", f);
+            u === 0 && (e.value.reply && (c.reply = e.value.reply), e.value.edit && (c.edit = e.value.edit)), H("send", c);
           });
         } else
           t.type = "message.text", t.text = e.value.text.trim(), e.value.reply && (t.reply = e.value.reply), e.value.edit && (t.edit = e.value.edit), H("send", t);
         ce(), l.value && l.value.focus();
       }
     };
-    return (e, t) => (S(), C("div", rt, [
-      u("div", {
-        id: "chat-input-reply-line-" + a(M),
+    return (e, t) => (x(), C("div", ht, [
+      f("div", {
+        id: "chat-input-reply-line-" + r(F),
         class: "chat-input__reply-line"
-      }, null, 8, ut),
-      u("div", {
-        id: "chat-input-file-line-" + a(M),
+      }, null, 8, mt),
+      f("div", {
+        id: "chat-input-file-line-" + r(F),
         class: O(["chat-input__file-line", { "chat-input__file-line--visible": v.value.length > 0 }])
       }, [
-        u("span", dt, [
-          u("span", null, U(a(h)("component.ChatInput.FilesSelected")), 1),
-          u("span", null, U(be.value), 1)
+        f("span", gt, [
+          f("span", null, U(r(h)("component.ChatInput.FilesSelected")), 1),
+          f("span", null, U(Fe.value), 1)
         ]),
-        u("div", ft, [
-          B.value ? (S(), C("button", {
+        f("div", yt, [
+          z.value ? (x(), C("button", {
             key: 0,
             type: "button",
             class: "chat-input__file-scroll chat-input__file-scroll--left",
-            "aria-label": a(h)("component.ChatInput.FilesScrollLeft"),
+            "aria-label": r(h)("component.ChatInput.FilesScrollLeft"),
             onClick: t[0] || (t[0] = (n) => J("left"))
           }, [
-            z(a(re))
-          ], 8, pt)) : V("", !0),
-          u("div", {
+            q(r(re))
+          ], 8, St)) : V("", !0),
+          f("div", {
             ref_key: "refFileChips",
-            ref: R,
+            ref: L,
             class: "chat-input__file-chips",
-            onScroll: W
+            onScroll: K
           }, [
-            (S(!0), C(Ge, null, Oe(v.value, (n, i) => (S(), Ue(at, {
+            (x(!0), C(Ue, null, Ve(v.value, (n, i) => (x(), Ye(pt, {
               key: (n.url || n.name || "") + "-" + i,
-              "file-info": ye(n),
-              onReset: (s) => Re(i)
+              "file-info": Se(n),
+              onReset: (s) => ke(i)
             }, null, 8, ["file-info", "onReset"]))), 128))
           ], 544),
-          N.value ? (S(), C("button", {
+          B.value ? (x(), C("button", {
             key: 1,
             type: "button",
             class: "chat-input__file-scroll chat-input__file-scroll--right",
-            "aria-label": a(h)("component.ChatInput.FilesScrollRight"),
+            "aria-label": r(h)("component.ChatInput.FilesScrollRight"),
             onClick: t[1] || (t[1] = (n) => J("right"))
           }, [
-            z(a(re))
-          ], 8, ht)) : V("", !0)
+            q(r(re))
+          ], 8, _t)) : V("", !0)
         ])
-      ], 10, ct),
-      u("div", mt, [
+      ], 10, vt),
+      f("div", xt, [
         le(e.$slots, "inline-buttons", {}, void 0, !0)
       ]),
-      E.disabledPlaceholder && (E.state == "disabled" || a(o)().isRecording) ? (S(), C("div", vt, U(E.disabledPlaceholder), 1)) : (S(), C("div", gt, [
-        A.value ? (S(), C("div", {
+      M.disabledPlaceholder && (M.state == "disabled" || r(o)().isRecording) ? (x(), C("div", It, U(M.disabledPlaceholder), 1)) : (x(), C("div", bt, [
+        A.value ? (x(), C("div", {
           key: 0,
           ref_key: "refMirror",
-          ref: F,
+          ref: T,
           class: "chat-input__input-mirror",
           "aria-hidden": "true",
           innerHTML: _e.value
-        }, null, 8, yt)) : V("", !0),
-        Ve(u("textarea", {
+        }, null, 8, Ct)) : V("", !0),
+        Xe(f("textarea", {
           ref_key: "refInput",
           ref: l,
-          "onUpdate:modelValue": t[2] || (t[2] = (n) => a(o)().text = n),
+          "onUpdate:modelValue": t[2] || (t[2] = (n) => r(o)().text = n),
           rows: "1",
-          disabled: E.state == "disabled" || a(o)().isRecording,
+          disabled: M.state == "disabled" || r(o)().isRecording,
           class: O(["chat-input__input", { "chat-input__input--emoji-images": A.value }]),
-          placeholder: Te.value,
+          placeholder: Ae.value,
           onKeydown: [
-            Se,
-            Ye(Ee, ["enter"])
+            be,
+            Je(Le, ["enter"])
           ],
-          onInput: we,
+          onInput: Me,
           onScroll: g,
           onSelect: I,
-          onMouseup: K,
-          onKeyup: K,
-          onMousemove: Ie,
-          onBlur: j
-        }, null, 42, _t), [
-          [Xe, a(o)().text]
+          onMouseup: j,
+          onKeyup: j,
+          onMousemove: Ce,
+          onBlur: N
+        }, null, 42, Ft), [
+          [Qe, r(o)().text]
         ])
       ])),
-      z(st, {
+      q(ft, {
         textarea: l.value,
-        onFormatApplied: Me
+        onFormatApplied: Re
       }, null, 8, ["textarea"]),
-      u("button", {
-        class: O(["chat-input__button", { "chat-input__button-disabled": Ce.value }]),
-        disabled: a(o)().isRecording,
+      f("button", {
+        class: O(["chat-input__button", { "chat-input__button-disabled": Te.value }]),
+        disabled: r(o)().isRecording,
         onClick: $
       }, [
-        u("span", St, [
-          z(a(ot), { color: Fe.value }, null, 8, ["color"])
+        f("span", Et, [
+          q(r(dt), { color: Ee.value }, null, 8, ["color"])
         ])
-      ], 10, xt),
-      u("div", It, [
+      ], 10, Tt),
+      f("div", At, [
         le(e.$slots, "buttons", {}, void 0, !0)
       ])
     ]));
   }
 });
 export {
-  Kt as default
+  Jt as default
 };

package/dist/components/3_compounds/Feed/Feed.vue.js

@@ -1,7 +1,7 @@
 import o from "./Feed.vue2.js";
 /* empty css          */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dd5bf82f"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6d2c83c5"]]);
 export {
-  e as default
+  m as default
 };