@mobilon-dev/chotto 0.3.91 → 0.3.92

package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue.js

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

package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue2.js

@@ -1,72 +1,78 @@
-import { defineComponent as _t, inject as xt, useId as Ct, ref as I, computed as u, watch as wt, onMounted as It, nextTick as B, onUnmounted as Mt, createElementBlock as s, openBlock as o, createElementVNode as l, createCommentVNode as r, withModifiers as Tt, normalizeClass as b, normalizeStyle as z, createVNode as L, withCtx as V, toDisplayString as g, createBlock as d, resolveDynamicComponent as Et, Teleport as St, unref as h, Fragment as At, renderList as Bt } from "vue";
-import { getStatus as bt, statuses as Lt } from "../../../functions/getStatusMessage.js";
+import { defineComponent as wt, inject as It, useId as Tt, ref as T, computed as u, watch as Mt, onMounted as Et, nextTick as V, onUnmounted as St, createElementBlock as a, openBlock as n, createElementVNode as l, createCommentVNode as r, withModifiers as bt, normalizeClass as H, normalizeStyle as G, createVNode as N, withCtx as U, toDisplayString as f, createBlock as g, resolveDynamicComponent as Lt, unref as m, Teleport as At, Fragment as Bt, renderList as Vt } from "vue";
+import { getStatus as Ht, statuses as Nt } from "../../../functions/getStatusMessage.js";
 import "../../../functions/parseMarkdown.js";
-import { t as N } from "../../../locale/useLocale.js";
-import "../../../hooks/useMessageDraft.js";
+import { t as S } from "../../../locale/useLocale.js";
+import { getChatDraft as Ut } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as Vt } from "../../../hooks/useTheme.js";
-import { useEmojiNative as Nt } from "../../../hooks/useEmojiNative.js";
+import { useTheme as Dt } from "../../../hooks/useTheme.js";
+import { useEmojiNative as Rt } from "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 /* empty css                                                            */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
-import { textContainsEmoji as O, textToAppleEmojiHtml as q } from "../../../functions/renderAppleEmojis.js";
-import P from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import Ut from "../../1_atoms/ButtonContextMenu/ButtonContextMenu.vue.js";
-import Ht from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import Dt from "../../1_icons/AvatarIcon.vue.js";
-import Rt from "../../1_icons/MessageStatus/ErrorStatusIcon.vue.js";
-import Xt from "../../1_icons/MessageStatus/PendingStatusIcon.vue.js";
-import Yt from "../../1_icons/MessageStatus/ReadStatusIcon.vue.js";
-import jt from "../../1_icons/MessageStatus/ReceivedStatusIcon.vue.js";
-import Ft from "../../1_icons/MessageStatus/SentStatusIcon.vue.js";
-import Wt from "./icons/AudioIcon.vue.js";
-import $t from "./icons/FileIcon.vue.js";
-import zt from "./icons/ImageIcon.vue.js";
-import Ot from "./icons/MissedCallIcon.vue.js";
-import G from "./icons/StickerIcon.vue.js";
-import qt from "./icons/VideoIcon.vue.js";
-import Pt from "./icons/VoiceIcon.vue.js";
-const Gt = { class: "chat-item__avatar-container" }, Jt = ["src"], Kt = {
+import { textToAppleEmojiHtml as D, textContainsEmoji as J } from "../../../functions/renderAppleEmojis.js";
+import K from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import Xt from "../../1_atoms/ButtonContextMenu/ButtonContextMenu.vue.js";
+import Yt from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import $t from "../../1_icons/AvatarIcon.vue.js";
+import jt from "../../1_icons/MessageStatus/ErrorStatusIcon.vue.js";
+import Ft from "../../1_icons/MessageStatus/PendingStatusIcon.vue.js";
+import Wt from "../../1_icons/MessageStatus/ReadStatusIcon.vue.js";
+import zt from "../../1_icons/MessageStatus/ReceivedStatusIcon.vue.js";
+import Ot from "../../1_icons/MessageStatus/SentStatusIcon.vue.js";
+import Pt from "./icons/AudioIcon.vue.js";
+import qt from "./icons/FileIcon.vue.js";
+import Gt from "./icons/ImageIcon.vue.js";
+import Jt from "./icons/MissedCallIcon.vue.js";
+import Q from "./icons/StickerIcon.vue.js";
+import Kt from "./icons/VideoIcon.vue.js";
+import Qt from "./icons/VoiceIcon.vue.js";
+const Zt = { class: "chat-item__avatar-container" }, te = ["src"], ee = {
   key: 1,
   class: "chat-item__avatar-placeholder"
-}, Qt = { class: "chat-item__info-container" }, Zt = ["innerHTML"], te = {
+}, ne = { class: "chat-item__info-container" }, ie = ["innerHTML"], oe = {
   key: 1,
   class: "chat-item__name"
-}, ee = {
+}, ce = {
   key: 0,
   class: "chat-item__last-message"
-}, ne = ["innerHTML"], ie = {
-  key: 2,
+}, ae = {
+  key: 1,
+  class: "chat-item__last-message-text"
+}, se = { class: "chat-item__draft-label" }, re = ["innerHTML"], le = {
+  key: 1,
+  class: "chat-item__draft-text"
+}, ue = ["innerHTML"], me = {
+  key: 3,
   class: "chat-item__last-message-text"
-}, oe = { class: "chat-item__details-container" }, ce = {
+}, de = { class: "chat-item__details-container" }, he = {
   key: 0,
   class: "chat-item__time"
-}, se = { class: "chat-item__status-unread-container" }, ae = {
+}, fe = { class: "chat-item__status-unread-container" }, ge = {
   key: 1,
   class: "chat-item__unread"
-}, re = {
+}, ve = {
   key: 2,
   class: "chat-item__status-chat-container"
-}, le = {
+}, ye = {
   key: 0,
   class: "chat-item__fixed pi pi-thumbtack"
-}, ue = {
+}, pe = {
   key: 0,
   id: "noSelectButton",
   class: "chat-item__menu-button"
-}, me = {
+}, _e = {
   key: 1,
   id: "noSelectButton",
   class: "chat-item__menu-button"
-}, de = {
+}, ke = {
   key: 0,
   class: "dialog__container"
-}, he = ["onClick"], fe = ["src"], ge = {
+}, xe = ["onClick"], Ce = ["src"], we = {
   key: 1,
   class: "dialog__icon pi pi-user"
-}, ve = { class: "dialog__text-container" }, ye = { class: "dialog__name" }, pe = { class: "dialog__time" }, Ge = /* @__PURE__ */ _t({
+}, Ie = { class: "dialog__text-container" }, Te = { class: "dialog__name" }, Me = { class: "dialog__time" }, on = /* @__PURE__ */ wt({
   __name: "ChatItem",
   props: {
     chat: {},
@@ -74,225 +80,236 @@ const Gt = { class: "chat-item__avatar-container" }, Jt = ["src"], Kt = {
     contextMenuTrigger: { default: "hover" }
   },
   emits: ["select", "action", "expand"],
-  setup(c, { emit: J }) {
-    const U = xt("chatAppId"), { getTheme: H } = Vt(U), { isNative: D } = Nt(U), e = c, M = J, v = Ct(), y = I(!1), k = I(!1), E = I(!1), K = I(null), Q = () => {
-      E.value = !0;
-    }, Z = (t) => {
-      E.value || t.target instanceof HTMLElement && t.target.id != "noSelectButton" && M("select", { chat: e.chat, dialog: null }), E.value = !1;
-    }, tt = (t) => {
+  setup(c, { emit: Z }) {
+    const b = It("chatAppId"), { getTheme: R } = Dt(b), { isNative: X } = Rt(b), e = c, M = Z, y = Tt(), p = T(!1), k = T(!1), L = T(!1), tt = T(null), et = () => {
+      L.value = !0;
+    }, nt = (t) => {
+      L.value || t.target instanceof HTMLElement && t.target.id != "noSelectButton" && M("select", { chat: e.chat, dialog: null }), L.value = !1;
+    }, it = (t) => {
       M("select", { chat: e.chat, dialog: t });
-    }, et = () => e.chat.isSelected ? "chat-item__selected" : "", nt = (t) => t.isSelected ? "dialog__selected" : "", R = (t) => {
-      e.contextMenuTrigger === "rightClick" && S(), M("action", { chat: e.chat, ...t });
-    }, S = () => {
-      const t = document.getElementById("context-menu-rightclick-" + v);
+    }, ot = () => e.chat.isSelected ? "chat-item__selected" : "", ct = (t) => t.isSelected ? "dialog__selected" : "", Y = (t) => {
+      e.contextMenuTrigger === "rightClick" && A(), M("action", { chat: e.chat, ...t });
+    }, A = () => {
+      const t = document.getElementById("context-menu-rightclick-" + y);
       t && (t.style.top = "0", t.style.left = "0", t.style.opacity = "0", t.style.display = "none"), k.value = !1;
-    }, it = () => {
-      document.querySelectorAll('[id^="context-menu-rightclick-"]').forEach((n) => {
-        const i = n;
-        i.id !== "context-menu-rightclick-" + v && (i.style.top = "0", i.style.left = "0", i.style.opacity = "0", i.style.display = "none");
+    }, at = () => {
+      document.querySelectorAll('[id^="context-menu-rightclick-"]').forEach((i) => {
+        const o = i;
+        o.id !== "context-menu-rightclick-" + y && (o.style.top = "0", o.style.left = "0", o.style.opacity = "0", o.style.display = "none");
       });
-    }, ot = () => e.chat.dialogs ? [...e.chat.dialogs].sort((t, n) => Number(t["lastActivity.timestamp"]) > Number(n["lastActivity.timestamp"]) ? -1 : Number(t["lastActivity.timestamp"]) < Number(n["lastActivity.timestamp"]) ? 1 : (Number(t["lastActivity.timestamp"]) == Number(n["lastActivity.timestamp"]), 0)) : [], ct = u(() => bt(e.chat["lastMessage.status"])), st = u(() => e.chat.showEmptyIndicator || e.chat.countUnread > 0), at = u(() => e.chat.countUnread > 0 ? e.chat.countUnread > 99 ? "99+" : e.chat.countUnread : e.chat.showEmptyIndicator ? "" : void 0);
-    let T;
-    const p = I(0), X = [N("component.ChatItem.typing") + ".", N("component.ChatItem.typing") + "..", N("component.ChatItem.typing") + "..."], Y = (t) => {
-      var m, a, f;
+    }, st = () => e.chat.dialogs ? [...e.chat.dialogs].sort((t, i) => Number(t["lastActivity.timestamp"]) > Number(i["lastActivity.timestamp"]) ? -1 : Number(t["lastActivity.timestamp"]) < Number(i["lastActivity.timestamp"]) ? 1 : (Number(t["lastActivity.timestamp"]) == Number(i["lastActivity.timestamp"]), 0)) : [], rt = u(() => Ht(e.chat["lastMessage.status"])), lt = u(() => e.chat.showEmptyIndicator || e.chat.countUnread > 0), ut = u(() => e.chat.countUnread > 0 ? e.chat.countUnread > 99 ? "99+" : e.chat.countUnread : e.chat.showEmptyIndicator ? "" : void 0);
+    let E;
+    const _ = T(0), $ = [S("component.ChatItem.typing") + ".", S("component.ChatItem.typing") + "..", S("component.ChatItem.typing") + "..."], j = (t) => {
+      var h, s, v;
       if (typeof t == "string")
         return t;
       if ((t == null ? void 0 : t.type) === "message.sticker")
         return "Стикер";
       if ((t == null ? void 0 : t.type) === "message.audio")
-        return (t.isVoiceMessage || ((m = t == null ? void 0 : t.data) == null ? void 0 : m.isVoiceMessage)) === !0 ? "Голосовое сообщение" : "Аудиофайл";
+        return (t.isVoiceMessage || ((h = t == null ? void 0 : t.data) == null ? void 0 : h.isVoiceMessage)) === !0 ? "Голосовое сообщение" : "Аудиофайл";
       if ((t == null ? void 0 : t.type) === "message.missedCall")
         return "Пропущенный звонок";
-      const n = (a = t == null ? void 0 : t.data) == null ? void 0 : a.text;
-      if (n)
-        return n;
-      const i = (f = t == null ? void 0 : t.data) == null ? void 0 : f.filename;
-      return i || "";
-    }, rt = (t) => typeof t == "string" ? null : (t == null ? void 0 : t.type) || null, j = u(() => {
-      var n, i, m;
-      if (e.chat.typing)
+      const i = (s = t == null ? void 0 : t.data) == null ? void 0 : s.text;
+      if (i)
+        return i;
+      const o = (v = t == null ? void 0 : t.data) == null ? void 0 : v.filename;
+      return o || "";
+    }, mt = (t) => typeof t == "string" ? null : (t == null ? void 0 : t.type) || null, F = S("component.ChatItem.draft"), d = u(() => {
+      if (e.chat.isSelected) return "";
+      const t = Ut(String(b ?? ""), e.chat.chatId);
+      return !t || t.edit ? "" : (t.text || "").replace(/\s+/g, " ").trim();
+    }), dt = u(() => D(d.value || "")), W = u(() => {
+      var i, o, h;
+      if (e.chat.typing || d.value)
         return null;
-      const t = rt(e.chat.lastMessage);
+      const t = mt(e.chat.lastMessage);
       if (!t)
         return null;
       if (t === "message.sticker")
-        return G;
+        return Q;
       if (t === "message.image")
-        return zt;
+        return Gt;
       if (t === "message.video")
-        return qt;
+        return Kt;
       if (t === "message.audio") {
-        const a = e.chat.lastMessage;
-        return (a.isVoiceMessage || ((n = a == null ? void 0 : a.data) == null ? void 0 : n.isVoiceMessage)) === !0 ? Pt : Wt;
+        const s = e.chat.lastMessage;
+        return (s.isVoiceMessage || ((i = s == null ? void 0 : s.data) == null ? void 0 : i.isVoiceMessage)) === !0 ? Qt : Pt;
       }
       if (t === "message.missedCall")
-        return Ot;
+        return Jt;
       if (t === "message.file") {
-        const a = e.chat.lastMessage, f = ((m = (i = a == null ? void 0 : a.data) == null ? void 0 : i.filename) == null ? void 0 : m.toLowerCase()) || "";
-        return f.endsWith(".tgs") || f.endsWith(".webp") ? G : $t;
+        const s = e.chat.lastMessage, v = ((h = (o = s == null ? void 0 : s.data) == null ? void 0 : o.filename) == null ? void 0 : h.toLowerCase()) || "";
+        return v.endsWith(".tgs") || v.endsWith(".webp") ? Q : qt;
       }
       return null;
-    }), lt = u(() => e.chat.typing ? X[p.value] : Y(e.chat.lastMessage)), A = u(() => e.chat.typing ? X[p.value] : Y(e.chat.lastMessage)), ut = u(
-      () => !D.value && O(A.value || "")
-    ), mt = u(
-      () => !D.value && O(e.chat.name || "")
-    ), dt = u(() => q(A.value || "")), ht = u(() => q(e.chat.name || ""));
-    wt(
+    }), ht = u(() => e.chat.typing ? $[_.value] : d.value ? `${F} ${d.value}` : j(e.chat.lastMessage)), B = u(() => e.chat.typing ? $[_.value] : j(e.chat.lastMessage)), z = u(
+      () => !X.value && J(d.value || B.value || "")
+    ), ft = u(
+      () => !X.value && J(e.chat.name || "")
+    ), gt = u(() => D(B.value || "")), vt = u(() => D(e.chat.name || ""));
+    Mt(
       () => e.chat.typing,
       () => {
-        e.chat.typing ? T = setInterval(() => {
-          p.value < 2 ? p.value += 1 : p.value = 0;
-        }, 1e3) : (p.value = 0, T && (clearInterval(T), T = void 0));
+        e.chat.typing ? E = setInterval(() => {
+          _.value < 2 ? _.value += 1 : _.value = 0;
+        }, 1e3) : (_.value = 0, E && (clearInterval(E), E = void 0));
       },
       { immediate: !0 }
     );
-    const ft = () => {
-      e.contextMenuTrigger === "hover" && (y.value = !0);
-    }, gt = (t) => {
-      e.contextMenuTrigger === "hover" && (t.relatedTarget instanceof HTMLElement && t.relatedTarget.className == "context-menu__list" ? y.value = !0 : y.value = !1);
-    }, vt = (t) => {
-      e.contextMenuTrigger === "rightClick" && e.chat.actions && yt(t);
-    }, yt = (t) => {
-      it(), k.value = !0, B(() => {
-        const n = document.getElementById("context-menu-rightclick-" + v);
-        if (n) {
-          const i = t.clientX, m = t.clientY;
-          n.style.display = "inherit";
-          const a = n.getBoundingClientRect();
-          n.style.display = "none", B(() => {
-            const f = window.innerWidth, $ = window.innerHeight, _ = window.scrollX || window.pageXOffset, x = window.scrollY || window.pageYOffset;
-            let C = i + _, w = m + x;
-            C + a.width > f + _ && (C = i + _ - a.width), w + a.height > $ + x && (w = m + x - a.height), C < _ && (C = _), w < x && (w = x), n.style.top = w + "px", n.style.left = C + "px", n.style.opacity = "1", n.style.display = "inherit";
+    const yt = () => {
+      e.contextMenuTrigger === "hover" && (p.value = !0);
+    }, pt = (t) => {
+      e.contextMenuTrigger === "hover" && (t.relatedTarget instanceof HTMLElement && t.relatedTarget.className == "context-menu__list" ? p.value = !0 : p.value = !1);
+    }, _t = (t) => {
+      e.contextMenuTrigger === "rightClick" && e.chat.actions && kt(t);
+    }, kt = (t) => {
+      at(), k.value = !0, V(() => {
+        const i = document.getElementById("context-menu-rightclick-" + y);
+        if (i) {
+          const o = t.clientX, h = t.clientY;
+          i.style.display = "inherit";
+          const s = i.getBoundingClientRect();
+          i.style.display = "none", V(() => {
+            const v = window.innerWidth, q = window.innerHeight, x = window.scrollX || window.pageXOffset, C = window.scrollY || window.pageYOffset;
+            let w = o + x, I = h + C;
+            w + s.width > v + x && (w = o + x - s.width), I + s.height > q + C && (I = h + C - s.height), w < x && (w = x), I < C && (I = C), i.style.top = I + "px", i.style.left = w + "px", i.style.opacity = "1", i.style.display = "inherit";
           });
         }
       });
-    }, pt = () => {
-    }, kt = () => {
-    }, F = (t) => {
+    }, xt = () => {
+    }, Ct = () => {
+    }, O = (t) => {
       if (e.contextMenuTrigger === "rightClick" && k.value) {
-        const n = t.target, i = document.getElementById("context-menu-rightclick-" + v);
-        (!i || !i.contains(n)) && S();
+        const i = t.target, o = document.getElementById("context-menu-rightclick-" + y);
+        (!o || !o.contains(i)) && A();
       }
-    }, W = () => {
-      e.contextMenuTrigger === "rightClick" && k.value && S();
+    }, P = () => {
+      e.contextMenuTrigger === "rightClick" && k.value && A();
     };
-    return It(() => {
-      e.contextMenuTrigger === "rightClick" && (document.addEventListener("click", F), window.addEventListener("scroll", W, !0), B(() => {
-        const t = document.getElementById("context-menu-rightclick-" + v);
+    return Et(() => {
+      e.contextMenuTrigger === "rightClick" && (document.addEventListener("click", O), window.addEventListener("scroll", P, !0), V(() => {
+        const t = document.getElementById("context-menu-rightclick-" + y);
         t && (t.style.display = "none", t.style.opacity = "0");
       }));
-    }), Mt(() => {
-      document.removeEventListener("click", F), window.removeEventListener("scroll", W, !0);
-    }), (t, n) => (o(), s("div", null, [
+    }), St(() => {
+      document.removeEventListener("click", O), window.removeEventListener("scroll", P, !0);
+    }), (t, i) => (n(), a("div", null, [
       l("div", {
         ref_key: "containerRef",
-        ref: K,
-        class: b(["chat-item__container", et()]),
-        onMouseenter: ft,
-        onMouseleave: gt,
-        onClick: Z,
-        onContextmenu: Tt(vt, ["prevent"])
+        ref: tt,
+        class: H(["chat-item__container", ot()]),
+        onMouseenter: yt,
+        onMouseleave: pt,
+        onClick: nt,
+        onContextmenu: bt(_t, ["prevent"])
       }, [
-        l("div", Gt, [
+        l("div", Zt, [
           l("span", {
             class: "chat-item__status-user",
-            style: z({ backgroundColor: e.chat.status })
+            style: G({ backgroundColor: e.chat.status })
           }, null, 4),
-          e.chat.avatar ? (o(), s("img", {
+          e.chat.avatar ? (n(), a("img", {
             key: 0,
             src: e.chat.avatar,
             height: "48",
             width: "48"
-          }, null, 8, Jt)) : (o(), s("div", Kt, [
-            L(Dt)
+          }, null, 8, te)) : (n(), a("div", ee, [
+            N($t)
           ]))
         ]),
-        l("div", Qt, [
-          L(P, {
+        l("div", ne, [
+          N(K, {
             text: c.chat.name,
             position: "bottom"
           }, {
-            default: V(() => [
-              mt.value ? (o(), s("div", {
+            default: U(() => [
+              ft.value ? (n(), a("div", {
                 key: 0,
                 class: "chat-item__name",
-                innerHTML: ht.value
-              }, null, 8, Zt)) : (o(), s("div", te, g(c.chat.name), 1))
+                innerHTML: vt.value
+              }, null, 8, ie)) : (n(), a("div", oe, f(c.chat.name), 1))
             ]),
             _: 1
           }, 8, ["text"]),
-          L(P, {
-            text: lt.value,
+          N(K, {
+            text: ht.value,
             position: "bottom"
           }, {
-            default: V(() => [
-              c.chat.lastMessage || c.chat.typing ? (o(), s("div", ee, [
-                j.value ? (o(), d(Et(j.value), {
+            default: U(() => [
+              c.chat.lastMessage || c.chat.typing || d.value ? (n(), a("div", ce, [
+                W.value && !d.value ? (n(), g(Lt(W.value), {
                   key: 0,
                   class: "chat-item__message-icon"
                 })) : r("", !0),
-                ut.value ? (o(), s("span", {
-                  key: 1,
+                d.value ? (n(), a("span", ae, [
+                  l("span", se, f(m(F)), 1),
+                  z.value ? (n(), a("span", {
+                    key: 0,
+                    class: "chat-item__draft-text",
+                    innerHTML: dt.value
+                  }, null, 8, re)) : (n(), a("span", le, f(d.value), 1))
+                ])) : z.value ? (n(), a("span", {
+                  key: 2,
                   class: "chat-item__last-message-text",
-                  innerHTML: dt.value
-                }, null, 8, ne)) : (o(), s("span", ie, g(A.value), 1))
+                  innerHTML: gt.value
+                }, null, 8, ue)) : (n(), a("span", me, f(B.value), 1))
               ])) : r("", !0)
             ]),
             _: 1
           }, 8, ["text"])
         ]),
-        l("div", oe, [
-          c.chat["lastActivity.time"] && (!c.chat.actions || !y.value) ? (o(), s("div", ce, g(c.chat["lastActivity.time"]), 1)) : r("", !0),
-          y.value && c.chat.actions && c.contextMenuTrigger === "hover" ? (o(), d(Ut, {
+        l("div", de, [
+          c.chat["lastActivity.time"] && (!c.chat.actions || !p.value) ? (n(), a("div", he, f(c.chat["lastActivity.time"]), 1)) : r("", !0),
+          p.value && c.chat.actions && c.contextMenuTrigger === "hover" ? (n(), g(Xt, {
             key: 1,
             mode: "click",
             "menu-side": "bottom-right",
             actions: c.chat.actions,
-            onClick: R,
-            onButtonClick: Q,
-            onMenuMouseLeave: n[0] || (n[0] = (i) => y.value = !1)
+            onClick: Y,
+            onButtonClick: et,
+            onMenuMouseLeave: i[0] || (i[0] = (o) => p.value = !1)
           }, {
-            default: V(() => [...n[2] || (n[2] = [
+            default: U(() => [...i[2] || (i[2] = [
               l("span", { class: "pi pi-ellipsis-h chat-item__actions-trigger" }, null, -1)
             ])]),
             _: 1
           }, 8, ["actions"])) : r("", !0),
-          (o(), d(St, { to: "body" }, [
-            c.contextMenuTrigger === "rightClick" && c.chat.actions && k.value ? (o(), d(Ht, {
+          (n(), g(At, { to: "body" }, [
+            c.contextMenuTrigger === "rightClick" && c.chat.actions && k.value ? (n(), g(Yt, {
               key: 0,
-              id: "context-menu-rightclick-" + h(v),
+              id: "context-menu-rightclick-" + m(y),
               actions: c.chat.actions,
-              "data-theme": h(H)().theme ? h(H)().theme : "light",
-              onClick: R,
-              onMouseenter: pt,
-              onMouseleave: kt
+              "data-theme": m(R)().theme ? m(R)().theme : "light",
+              onClick: Y,
+              onMouseenter: xt,
+              onMouseleave: Ct
             }, null, 8, ["id", "actions", "data-theme"])) : r("", !0)
           ])),
-          l("div", se, [
-            h(Lt).includes(c.chat["lastMessage.status"]) ? (o(), s("div", {
+          l("div", fe, [
+            m(Nt).includes(c.chat["lastMessage.status"]) ? (n(), a("div", {
               key: 0,
-              class: b(["chat-item__status-message", ct.value])
+              class: H(["chat-item__status-message", rt.value])
             }, [
-              c.chat["lastMessage.status"] === "pending" ? (o(), d(h(Xt), { key: 0 })) : c.chat["lastMessage.status"] === "error" ? (o(), d(h(Rt), { key: 1 })) : c.chat["lastMessage.status"] === "read" ? (o(), d(h(Yt), { key: 2 })) : c.chat["lastMessage.status"] === "received" ? (o(), d(h(jt), { key: 3 })) : (o(), d(h(Ft), { key: 4 }))
+              c.chat["lastMessage.status"] === "pending" ? (n(), g(m(Ft), { key: 0 })) : c.chat["lastMessage.status"] === "error" ? (n(), g(m(jt), { key: 1 })) : c.chat["lastMessage.status"] === "read" ? (n(), g(m(Wt), { key: 2 })) : c.chat["lastMessage.status"] === "received" ? (n(), g(m(zt), { key: 3 })) : (n(), g(m(Ot), { key: 4 }))
             ], 2)) : r("", !0),
-            st.value ? (o(), s("div", ae, g(at.value), 1)) : r("", !0)
+            lt.value ? (n(), a("div", ge, f(ut.value), 1)) : r("", !0)
           ]),
-          c.chat.countUnread < 1 ? (o(), s("div", re, [
-            c.chat.isFixedTop || c.chat.isFixedBottom ? (o(), s("span", le)) : r("", !0)
+          c.chat.countUnread < 1 ? (n(), a("div", ve, [
+            c.chat.isFixedTop || c.chat.isFixedBottom ? (n(), a("span", ye)) : r("", !0)
           ])) : r("", !0)
         ]),
-        e.showDialogs && c.chat.dialogs ? (o(), s("div", {
+        e.showDialogs && c.chat.dialogs ? (n(), a("div", {
           key: 0,
           class: "chat-item__dialog-buttons",
-          onClick: n[1] || (n[1] = (i) => M("expand", e.chat))
+          onClick: i[1] || (i[1] = (o) => M("expand", e.chat))
         }, [
-          e.showDialogs && !c.chat.dialogsExpanded ? (o(), s("button", ue, [...n[3] || (n[3] = [
+          e.showDialogs && !c.chat.dialogsExpanded ? (n(), a("button", pe, [...i[3] || (i[3] = [
             l("span", {
               id: "noSelectButton",
               class: "pi pi-angle-down"
             }, null, -1)
           ])])) : r("", !0),
-          e.showDialogs && c.chat.dialogsExpanded ? (o(), s("button", me, [...n[4] || (n[4] = [
+          e.showDialogs && c.chat.dialogsExpanded ? (n(), a("button", _e, [...i[4] || (i[4] = [
             l("span", {
               id: "noSelectButton",
               class: "pi pi-angle-up"
@@ -300,33 +317,33 @@ const Gt = { class: "chat-item__avatar-container" }, Jt = ["src"], Kt = {
           ])])) : r("", !0)
         ])) : r("", !0)
       ], 34),
-      e.showDialogs && c.chat.dialogsExpanded ? (o(), s("div", de, [
-        (o(!0), s(At, null, Bt(ot(), (i) => (o(), s("div", {
-          key: i.dialogId,
-          class: b(["dialog__item", nt(i)]),
-          onClick: (m) => tt(i)
+      e.showDialogs && c.chat.dialogsExpanded ? (n(), a("div", ke, [
+        (n(!0), a(Bt, null, Vt(st(), (o) => (n(), a("div", {
+          key: o.dialogId,
+          class: H(["dialog__item", ct(o)]),
+          onClick: (h) => it(o)
         }, [
-          i.icon ? (o(), s("img", {
+          o.icon ? (n(), a("img", {
             key: 0,
             class: "dialog__icon",
-            src: i.icon,
+            src: o.icon,
             height: "16",
             width: "16"
-          }, null, 8, fe)) : (o(), s("span", ge)),
-          l("div", ve, [
-            l("div", ye, g(i.name), 1),
-            l("div", pe, g(i["lastActivity.time"]), 1)
+          }, null, 8, Ce)) : (n(), a("span", we)),
+          l("div", Ie, [
+            l("div", Te, f(o.name), 1),
+            l("div", Me, f(o["lastActivity.time"]), 1)
           ]),
-          i.countUnread > 0 ? (o(), s("div", {
+          o.countUnread > 0 ? (n(), a("div", {
             key: 2,
             class: "chat-item__unread",
-            style: z(i.colorUnread ? { backgroundColor: i.colorUnread } : {})
-          }, g(i.countUnread > 99 ? "99+" : i.countUnread), 5)) : r("", !0)
-        ], 10, he))), 128))
+            style: G(o.colorUnread ? { backgroundColor: o.colorUnread } : {})
+          }, f(o.countUnread > 99 ? "99+" : o.countUnread), 5)) : r("", !0)
+        ], 10, xe))), 128))
       ])) : r("", !0)
     ]));
   }
 });
 export {
-  Ge as default
+  on as default
 };

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

@@ -1,7 +1,7 @@
 import t from "./ChatInput.vue2.js";
 /* empty css               */
 import o from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-09b63886"]]);
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-4e84db83"]]);
 export {
   m as default
 };