@mobilon-dev/chotto 0.3.98 → 0.3.99

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

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

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

@@ -1,30 +1,24 @@
 import { createElementBlock as e, openBlock as t, createElementVNode as r } from "vue";
 import n from "../../../../_virtual/_plugin-vue_export-helper.js";
-const s = {}, c = {
+const s = {}, i = {
   width: "800px",
   height: "800px",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function i(l, o) {
-  return t(), e("svg", c, [...o[0] || (o[0] = [
-    r(
-      "path",
-      {
-        d: "M9 19C9 20.1046 7.65685 21 6 21C4.34315 21 3 20.1046 3 19C3 17.8954 4.34315 17 6 17C7.65685 17 9 17.8954 9 19ZM9 19V5L21 3V17M21 17C21 18.1046 19.6569 19 18 19C16.3431 19 15 18.1046 15 17C15 15.8954 16.3431 15 18 15C19.6569 15 21 15.8954 21 17ZM9 9L21 7",
-        stroke: "currentColor",
-        "stroke-width": "2",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
-      },
-      null,
-      -1
-      /* CACHED */
-    )
+function c(l, o) {
+  return t(), e("svg", i, [...o[0] || (o[0] = [
+    r("path", {
+      d: "M9 19C9 20.1046 7.65685 21 6 21C4.34315 21 3 20.1046 3 19C3 17.8954 4.34315 17 6 17C7.65685 17 9 17.8954 9 19ZM9 19V5L21 3V17M21 17C21 18.1046 19.6569 19 18 19C16.3431 19 15 18.1046 15 17C15 15.8954 16.3431 15 18 15C19.6569 15 21 15.8954 21 17ZM9 9L21 7",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1)
   ])]);
 }
-const _ = /* @__PURE__ */ n(s, [["render", i], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_chatlist_elements/ChatItem/icons/AudioIcon.vue"]]);
+const C = /* @__PURE__ */ n(s, [["render", c]]);
 export {
-  _ as default
+  C as default
 };

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

@@ -7,31 +7,19 @@ const n = {}, l = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function c(s, C) {
+function c(i, C) {
   return o(), t("svg", l, [...C[0] || (C[0] = [
-    e(
-      "path",
-      {
-        d: "M5.5 7C5.36739 7 5.24021 7.05268 5.14645 7.14645C5.05268 7.24021 5 7.36739 5 7.5C5 7.63261 5.05268 7.75979 5.14645 7.85355C5.24021 7.94732 5.36739 8 5.5 8H10.5C10.6326 8 10.7598 7.94732 10.8536 7.85355C10.9473 7.75979 11 7.63261 11 7.5C11 7.36739 10.9473 7.24021 10.8536 7.14645C10.7598 7.05268 10.6326 7 10.5 7H5.5ZM5 9.5C5 9.36739 5.05268 9.24021 5.14645 9.14645C5.24021 9.05268 5.36739 9 5.5 9H10.5C10.6326 9 10.7598 9.05268 10.8536 9.14645C10.9473 9.24021 11 9.36739 11 9.5C11 9.63261 10.9473 9.75979 10.8536 9.85355C10.7598 9.94732 10.6326 10 10.5 10H5.5C5.36739 10 5.24021 9.94732 5.14645 9.85355C5.05268 9.75979 5 9.63261 5 9.5ZM5 11.5C5 11.3674 5.05268 11.2402 5.14645 11.1464C5.24021 11.0527 5.36739 11 5.5 11H7.5C7.63261 11 7.75979 11.0527 7.85355 11.1464C7.94732 11.2402 8 11.3674 8 11.5C8 11.6326 7.94732 11.7598 7.85355 11.8536C7.75979 11.9473 7.63261 12 7.5 12H5.5C5.36739 12 5.24021 11.9473 5.14645 11.8536C5.05268 11.7598 5 11.6326 5 11.5Z",
-        fill: "currentColor"
-      },
-      null,
-      -1
-      /* CACHED */
-    ),
-    e(
-      "path",
-      {
-        d: "M9.5 0H4C3.46957 0 2.96086 0.210714 2.58579 0.585786C2.21071 0.960859 2 1.46957 2 2V14C2 14.5304 2.21071 15.0391 2.58579 15.4142C2.96086 15.7893 3.46957 16 4 16H12C12.5304 16 13.0391 15.7893 13.4142 15.4142C13.7893 15.0391 14 14.5304 14 14V4.5L9.5 0ZM9.5 1V3C9.5 3.39782 9.65804 3.77936 9.93934 4.06066C10.2206 4.34196 10.6022 4.5 11 4.5H13V14C13 14.2652 12.8946 14.5196 12.7071 14.7071C12.5196 14.8946 12.2652 15 12 15H4C3.73478 15 3.48043 14.8946 3.29289 14.7071C3.10536 14.5196 3 14.2652 3 14V2C3 1.73478 3.10536 1.48043 3.29289 1.29289C3.48043 1.10536 3.73478 1 4 1H9.5Z",
-        fill: "currentColor"
-      },
-      null,
-      -1
-      /* CACHED */
-    )
+    e("path", {
+      d: "M5.5 7C5.36739 7 5.24021 7.05268 5.14645 7.14645C5.05268 7.24021 5 7.36739 5 7.5C5 7.63261 5.05268 7.75979 5.14645 7.85355C5.24021 7.94732 5.36739 8 5.5 8H10.5C10.6326 8 10.7598 7.94732 10.8536 7.85355C10.9473 7.75979 11 7.63261 11 7.5C11 7.36739 10.9473 7.24021 10.8536 7.14645C10.7598 7.05268 10.6326 7 10.5 7H5.5ZM5 9.5C5 9.36739 5.05268 9.24021 5.14645 9.14645C5.24021 9.05268 5.36739 9 5.5 9H10.5C10.6326 9 10.7598 9.05268 10.8536 9.14645C10.9473 9.24021 11 9.36739 11 9.5C11 9.63261 10.9473 9.75979 10.8536 9.85355C10.7598 9.94732 10.6326 10 10.5 10H5.5C5.36739 10 5.24021 9.94732 5.14645 9.85355C5.05268 9.75979 5 9.63261 5 9.5ZM5 11.5C5 11.3674 5.05268 11.2402 5.14645 11.1464C5.24021 11.0527 5.36739 11 5.5 11H7.5C7.63261 11 7.75979 11.0527 7.85355 11.1464C7.94732 11.2402 8 11.3674 8 11.5C8 11.6326 7.94732 11.7598 7.85355 11.8536C7.75979 11.9473 7.63261 12 7.5 12H5.5C5.36739 12 5.24021 11.9473 5.14645 11.8536C5.05268 11.7598 5 11.6326 5 11.5Z",
+      fill: "currentColor"
+    }, null, -1),
+    e("path", {
+      d: "M9.5 0H4C3.46957 0 2.96086 0.210714 2.58579 0.585786C2.21071 0.960859 2 1.46957 2 2V14C2 14.5304 2.21071 15.0391 2.58579 15.4142C2.96086 15.7893 3.46957 16 4 16H12C12.5304 16 13.0391 15.7893 13.4142 15.4142C13.7893 15.0391 14 14.5304 14 14V4.5L9.5 0ZM9.5 1V3C9.5 3.39782 9.65804 3.77936 9.93934 4.06066C10.2206 4.34196 10.6022 4.5 11 4.5H13V14C13 14.2652 12.8946 14.5196 12.7071 14.7071C12.5196 14.8946 12.2652 15 12 15H4C3.73478 15 3.48043 14.8946 3.29289 14.7071C3.10536 14.5196 3 14.2652 3 14V2C3 1.73478 3.10536 1.48043 3.29289 1.29289C3.48043 1.10536 3.73478 1 4 1H9.5Z",
+      fill: "currentColor"
+    }, null, -1)
   ])]);
 }
-const _ = /* @__PURE__ */ r(n, [["render", c], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_chatlist_elements/ChatItem/icons/FileIcon.vue"]]);
+const f = /* @__PURE__ */ r(n, [["render", c]]);
 export {
-  _ as default
+  f as default
 };