@mobilon-dev/chotto 0.3.80 → 0.3.82

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

@@ -1,4 +1,4 @@
-import { defineComponent as ft, inject as gt, useId as yt, ref as C, computed as y, watch as pt, onMounted as vt, nextTick as b, onUnmounted as kt, createElementBlock as s, openBlock as o, createElementVNode as r, createCommentVNode as l, withModifiers as _t, normalizeClass as A, normalizeStyle as W, createVNode as V, withCtx as S, toDisplayString as m, createBlock as T, resolveDynamicComponent as xt, Teleport as Ct, unref as M, Fragment as $, renderList as wt } from "vue";
+import { defineComponent as ht, inject as ft, useId as gt, ref as I, computed as p, watch as yt, onMounted as vt, nextTick as B, onUnmounted as pt, createElementBlock as s, openBlock as o, createElementVNode as r, createCommentVNode as l, withModifiers as kt, normalizeClass as b, normalizeStyle as W, createVNode as A, withCtx as V, toDisplayString as f, createBlock as m, resolveDynamicComponent as xt, Teleport as _t, unref as d, Fragment as Ct, renderList as wt } from "vue";
 import { getStatus as It, statuses as Tt } from "../../../functions/getStatusMessage.js";
 import "../../../functions/parseMarkdown.js";
 import { t as U } from "../../../locale/useLocale.js";
@@ -9,59 +9,55 @@ import { useTheme as Mt } from "../../../hooks/useTheme.js";
 /* empty css                                              */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
-import z from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import $ from "../../1_atoms/Tooltip/Tooltip.vue.js";
 import Et from "../../1_atoms/ButtonContextMenu/ButtonContextMenu.vue.js";
-import Bt from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import bt from "../../1_icons/AvatarIcon.vue.js";
-import At from "./icons/AudioIcon.vue.js";
-import Vt from "./icons/FileIcon.vue.js";
-import St from "./icons/ImageIcon.vue.js";
-import Ut from "./icons/MissedCallIcon.vue.js";
-import O from "./icons/StickerIcon.vue.js";
-import Lt from "./icons/VideoIcon.vue.js";
-import Dt from "./icons/VoiceIcon.vue.js";
-const Nt = { class: "chat-item__avatar-container" }, Xt = ["src"], Yt = {
+import St from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import Bt from "../../1_icons/AvatarIcon.vue.js";
+import bt from "../../1_icons/MessageStatus/ErrorStatusIcon.vue.js";
+import At from "../../1_icons/MessageStatus/PendingStatusIcon.vue.js";
+import Vt from "../../1_icons/MessageStatus/ReadStatusIcon.vue.js";
+import Ut from "../../1_icons/MessageStatus/ReceivedStatusIcon.vue.js";
+import Lt from "../../1_icons/MessageStatus/SentStatusIcon.vue.js";
+import Dt from "./icons/AudioIcon.vue.js";
+import Nt from "./icons/FileIcon.vue.js";
+import Rt from "./icons/ImageIcon.vue.js";
+import Xt from "./icons/MissedCallIcon.vue.js";
+import z from "./icons/StickerIcon.vue.js";
+import Yt from "./icons/VideoIcon.vue.js";
+import Ft from "./icons/VoiceIcon.vue.js";
+const Ht = { class: "chat-item__avatar-container" }, Wt = ["src"], $t = {
   key: 1,
   class: "chat-item__avatar-placeholder"
-}, Ft = { class: "chat-item__info-container" }, Ht = { class: "chat-item__name" }, Rt = {
+}, zt = { class: "chat-item__info-container" }, Ot = { class: "chat-item__name" }, qt = {
   key: 0,
   class: "chat-item__last-message"
-}, Wt = { class: "chat-item__last-message-text" }, $t = { class: "chat-item__details-container" }, zt = {
+}, Pt = { class: "chat-item__last-message-text" }, Gt = { class: "chat-item__details-container" }, Jt = {
   key: 0,
   class: "chat-item__time"
-}, Ot = { class: "chat-item__status-unread-container" }, qt = {
-  key: 0,
-  class: "pi pi-clock"
-}, Gt = {
-  key: 1,
-  class: "pi pi-exclamation-circle"
-}, Jt = {
-  key: 0,
-  class: "pi pi-check"
-}, Kt = {
+}, Kt = { class: "chat-item__status-unread-container" }, Qt = {
   key: 1,
   class: "chat-item__unread"
-}, Pt = {
+}, Zt = {
   key: 2,
   class: "chat-item__status-chat-container"
-}, Qt = {
+}, jt = {
   key: 0,
   class: "chat-item__fixed pi pi-thumbtack"
-}, Zt = {
+}, te = {
   key: 0,
   id: "noSelectButton",
   class: "chat-item__menu-button"
-}, jt = {
+}, ee = {
   key: 1,
   id: "noSelectButton",
   class: "chat-item__menu-button"
-}, te = {
+}, ne = {
   key: 0,
   class: "dialog__container"
-}, ee = ["onClick"], ne = ["src"], ie = {
+}, ie = ["onClick"], oe = ["src"], ce = {
   key: 1,
   class: "dialog__icon pi pi-user"
-}, oe = { class: "dialog__text-container" }, ce = { class: "dialog__name" }, se = { class: "dialog__time" }, be = /* @__PURE__ */ ft({
+}, se = { class: "dialog__text-container" }, ae = { class: "dialog__name" }, re = { class: "dialog__time" }, Ne = /* @__PURE__ */ ht({
   __name: "ChatItem",
   props: {
     chat: {},
@@ -69,27 +65,27 @@ const Nt = { class: "chat-item__avatar-container" }, Xt = ["src"], Yt = {
     contextMenuTrigger: { default: "hover" }
   },
   emits: ["select", "action", "expand"],
-  setup(c, { emit: q }) {
-    const G = gt("chatAppId"), { getTheme: L } = Mt(G), e = c, w = q, h = yt(), f = C(!1), p = C(!1), E = C(!1), J = C(null), K = () => {
+  setup(c, { emit: O }) {
+    const q = ft("chatAppId"), { getTheme: L } = Mt(q), e = c, T = O, g = gt(), y = I(!1), k = I(!1), E = I(!1), P = I(null), G = () => {
       E.value = !0;
-    }, P = (t) => {
-      E.value || t.target instanceof HTMLElement && t.target.id != "noSelectButton" && w("select", { chat: e.chat, dialog: null }), E.value = !1;
-    }, Q = (t) => {
-      w("select", { chat: e.chat, dialog: t });
-    }, Z = () => e.chat.isSelected ? "chat-item__selected" : "", j = (t) => t.isSelected ? "dialog__selected" : "", D = (t) => {
-      e.contextMenuTrigger === "rightClick" && B(), w("action", { chat: e.chat, ...t });
-    }, B = () => {
-      const t = document.getElementById("context-menu-rightclick-" + h);
-      t && (t.style.top = "0", t.style.left = "0", t.style.opacity = "0", t.style.display = "none"), p.value = !1;
-    }, tt = () => {
+    }, J = (t) => {
+      E.value || t.target instanceof HTMLElement && t.target.id != "noSelectButton" && T("select", { chat: e.chat, dialog: null }), E.value = !1;
+    }, K = (t) => {
+      T("select", { chat: e.chat, dialog: t });
+    }, Q = () => e.chat.isSelected ? "chat-item__selected" : "", Z = (t) => t.isSelected ? "dialog__selected" : "", D = (t) => {
+      e.contextMenuTrigger === "rightClick" && S(), T("action", { chat: e.chat, ...t });
+    }, S = () => {
+      const t = document.getElementById("context-menu-rightclick-" + g);
+      t && (t.style.top = "0", t.style.left = "0", t.style.opacity = "0", t.style.display = "none"), k.value = !1;
+    }, j = () => {
       document.querySelectorAll('[id^="context-menu-rightclick-"]').forEach((n) => {
         const i = n;
-        i.id !== "context-menu-rightclick-" + h && (i.style.top = "0", i.style.left = "0", i.style.opacity = "0", i.style.display = "none");
+        i.id !== "context-menu-rightclick-" + g && (i.style.top = "0", i.style.left = "0", i.style.opacity = "0", i.style.display = "none");
       });
-    }, et = () => 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)) : [], nt = y(() => It(e.chat["lastMessage.status"])), it = y(() => e.chat.showEmptyIndicator || e.chat.countUnread > 0), ot = y(() => e.chat.countUnread > 0 ? e.chat.countUnread > 99 ? "99+" : e.chat.countUnread : e.chat.showEmptyIndicator ? "" : void 0);
-    let I;
-    const g = C(0), N = [U("component.ChatItem.typing") + ".", U("component.ChatItem.typing") + "..", U("component.ChatItem.typing") + "..."], X = (t) => {
-      var u, a, d;
+    }, tt = () => 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)) : [], et = p(() => It(e.chat["lastMessage.status"])), nt = p(() => e.chat.showEmptyIndicator || e.chat.countUnread > 0), it = p(() => e.chat.countUnread > 0 ? e.chat.countUnread > 99 ? "99+" : e.chat.countUnread : e.chat.showEmptyIndicator ? "" : void 0);
+    let M;
+    const v = I(0), N = [U("component.ChatItem.typing") + ".", U("component.ChatItem.typing") + "..", U("component.ChatItem.typing") + "..."], R = (t) => {
+      var u, a, h;
       if (typeof t == "string")
         return t;
       if ((t == null ? void 0 : t.type) === "message.sticker")
@@ -101,90 +97,90 @@ const Nt = { class: "chat-item__avatar-container" }, Xt = ["src"], Yt = {
       const n = (a = t == null ? void 0 : t.data) == null ? void 0 : a.text;
       if (n)
         return n;
-      const i = (d = t == null ? void 0 : t.data) == null ? void 0 : d.filename;
+      const i = (h = t == null ? void 0 : t.data) == null ? void 0 : h.filename;
       return i || "";
-    }, ct = (t) => typeof t == "string" ? null : (t == null ? void 0 : t.type) || null, Y = y(() => {
+    }, ot = (t) => typeof t == "string" ? null : (t == null ? void 0 : t.type) || null, X = p(() => {
       var n, i, u;
       if (e.chat.typing)
         return null;
-      const t = ct(e.chat.lastMessage);
+      const t = ot(e.chat.lastMessage);
       if (!t)
         return null;
       if (t === "message.sticker")
-        return O;
+        return z;
       if (t === "message.image")
-        return St;
+        return Rt;
       if (t === "message.video")
-        return Lt;
+        return Yt;
       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 ? Dt : At;
+        return (a.isVoiceMessage || ((n = a == null ? void 0 : a.data) == null ? void 0 : n.isVoiceMessage)) === !0 ? Ft : Dt;
       }
       if (t === "message.missedCall")
-        return Ut;
+        return Xt;
       if (t === "message.file") {
-        const a = e.chat.lastMessage, d = ((u = (i = a == null ? void 0 : a.data) == null ? void 0 : i.filename) == null ? void 0 : u.toLowerCase()) || "";
-        return d.endsWith(".tgs") || d.endsWith(".webp") ? O : Vt;
+        const a = e.chat.lastMessage, h = ((u = (i = a == null ? void 0 : a.data) == null ? void 0 : i.filename) == null ? void 0 : u.toLowerCase()) || "";
+        return h.endsWith(".tgs") || h.endsWith(".webp") ? z : Nt;
       }
       return null;
-    }), st = y(() => e.chat.typing ? N[g.value] : X(e.chat.lastMessage)), at = y(() => e.chat.typing ? N[g.value] : X(e.chat.lastMessage));
-    pt(
+    }), ct = p(() => e.chat.typing ? N[v.value] : R(e.chat.lastMessage)), st = p(() => e.chat.typing ? N[v.value] : R(e.chat.lastMessage));
+    yt(
       () => e.chat.typing,
       () => {
-        e.chat.typing ? I = setInterval(() => {
-          g.value < 2 ? g.value += 1 : g.value = 0;
-        }, 1e3) : (g.value = 0, I && (clearInterval(I), I = void 0));
+        e.chat.typing ? M = setInterval(() => {
+          v.value < 2 ? v.value += 1 : v.value = 0;
+        }, 1e3) : (v.value = 0, M && (clearInterval(M), M = void 0));
       },
       { immediate: !0 }
     );
-    const rt = () => {
-      e.contextMenuTrigger === "hover" && (f.value = !0);
+    const at = () => {
+      e.contextMenuTrigger === "hover" && (y.value = !0);
+    }, rt = (t) => {
+      e.contextMenuTrigger === "hover" && (t.relatedTarget instanceof HTMLElement && t.relatedTarget.className == "context-menu__list" ? y.value = !0 : y.value = !1);
     }, lt = (t) => {
-      e.contextMenuTrigger === "hover" && (t.relatedTarget instanceof HTMLElement && t.relatedTarget.className == "context-menu__list" ? f.value = !0 : f.value = !1);
+      e.contextMenuTrigger === "rightClick" && e.chat.actions && ut(t);
     }, ut = (t) => {
-      e.contextMenuTrigger === "rightClick" && e.chat.actions && dt(t);
-    }, dt = (t) => {
-      tt(), p.value = !0, b(() => {
-        const n = document.getElementById("context-menu-rightclick-" + h);
+      j(), k.value = !0, B(() => {
+        const n = document.getElementById("context-menu-rightclick-" + g);
         if (n) {
           const i = t.clientX, u = t.clientY;
           n.style.display = "inherit";
           const a = n.getBoundingClientRect();
-          n.style.display = "none", b(() => {
-            const d = window.innerWidth, R = window.innerHeight, v = window.scrollX || window.pageXOffset, k = window.scrollY || window.pageYOffset;
-            let _ = i + v, x = u + k;
-            _ + a.width > d + v && (_ = i + v - a.width), x + a.height > R + k && (x = u + k - a.height), _ < v && (_ = v), x < k && (x = k), n.style.top = x + "px", n.style.left = _ + "px", n.style.opacity = "1", n.style.display = "inherit";
+          n.style.display = "none", B(() => {
+            const h = window.innerWidth, H = window.innerHeight, x = window.scrollX || window.pageXOffset, _ = window.scrollY || window.pageYOffset;
+            let C = i + x, w = u + _;
+            C + a.width > h + x && (C = i + x - a.width), w + a.height > H + _ && (w = u + _ - a.height), C < x && (C = x), w < _ && (w = _), n.style.top = w + "px", n.style.left = C + "px", n.style.opacity = "1", n.style.display = "inherit";
           });
         }
       });
     }, mt = () => {
-    }, ht = () => {
-    }, F = (t) => {
-      if (e.contextMenuTrigger === "rightClick" && p.value) {
-        const n = t.target, i = document.getElementById("context-menu-rightclick-" + h);
-        (!i || !i.contains(n)) && B();
+    }, dt = () => {
+    }, Y = (t) => {
+      if (e.contextMenuTrigger === "rightClick" && k.value) {
+        const n = t.target, i = document.getElementById("context-menu-rightclick-" + g);
+        (!i || !i.contains(n)) && S();
       }
-    }, H = () => {
-      e.contextMenuTrigger === "rightClick" && p.value && B();
+    }, F = () => {
+      e.contextMenuTrigger === "rightClick" && k.value && S();
     };
     return vt(() => {
-      e.contextMenuTrigger === "rightClick" && (document.addEventListener("click", F), window.addEventListener("scroll", H, !0), b(() => {
-        const t = document.getElementById("context-menu-rightclick-" + h);
+      e.contextMenuTrigger === "rightClick" && (document.addEventListener("click", Y), window.addEventListener("scroll", F, !0), B(() => {
+        const t = document.getElementById("context-menu-rightclick-" + g);
         t && (t.style.display = "none", t.style.opacity = "0");
       }));
-    }), kt(() => {
-      document.removeEventListener("click", F), window.removeEventListener("scroll", H, !0);
+    }), pt(() => {
+      document.removeEventListener("click", Y), window.removeEventListener("scroll", F, !0);
     }), (t, n) => (o(), s("div", null, [
       r("div", {
         ref_key: "containerRef",
-        ref: J,
-        class: A(["chat-item__container", Z()]),
-        onMouseenter: rt,
-        onMouseleave: lt,
-        onClick: P,
-        onContextmenu: _t(ut, ["prevent"])
+        ref: P,
+        class: b(["chat-item__container", Q()]),
+        onMouseenter: at,
+        onMouseleave: rt,
+        onClick: J,
+        onContextmenu: kt(lt, ["prevent"])
       }, [
-        r("div", Nt, [
+        r("div", Ht, [
           r("span", {
             class: "chat-item__status-user",
             style: W({ backgroundColor: e.chat.status })
@@ -194,91 +190,88 @@ const Nt = { class: "chat-item__avatar-container" }, Xt = ["src"], Yt = {
             src: e.chat.avatar,
             height: "48",
             width: "48"
-          }, null, 8, Xt)) : (o(), s("div", Yt, [
-            V(bt)
+          }, null, 8, Wt)) : (o(), s("div", $t, [
+            A(Bt)
           ]))
         ]),
-        r("div", Ft, [
-          V(z, {
+        r("div", zt, [
+          A($, {
             text: c.chat.name,
             position: "bottom"
           }, {
-            default: S(() => [
-              r("div", Ht, m(c.chat.name), 1)
+            default: V(() => [
+              r("div", Ot, f(c.chat.name), 1)
             ]),
             _: 1
           }, 8, ["text"]),
-          V(z, {
-            text: st.value,
+          A($, {
+            text: ct.value,
             position: "bottom"
           }, {
-            default: S(() => [
-              c.chat.lastMessage || c.chat.typing ? (o(), s("div", Rt, [
-                Y.value ? (o(), T(xt(Y.value), {
+            default: V(() => [
+              c.chat.lastMessage || c.chat.typing ? (o(), s("div", qt, [
+                X.value ? (o(), m(xt(X.value), {
                   key: 0,
                   class: "chat-item__message-icon"
                 })) : l("", !0),
-                r("span", Wt, m(at.value), 1)
+                r("span", Pt, f(st.value), 1)
               ])) : l("", !0)
             ]),
             _: 1
           }, 8, ["text"])
         ]),
-        r("div", $t, [
-          c.chat["lastActivity.time"] && (!c.chat.actions || !f.value) ? (o(), s("div", zt, m(c.chat["lastActivity.time"]), 1)) : l("", !0),
-          f.value && c.chat.actions && c.contextMenuTrigger === "hover" ? (o(), T(Et, {
+        r("div", Gt, [
+          c.chat["lastActivity.time"] && (!c.chat.actions || !y.value) ? (o(), s("div", Jt, f(c.chat["lastActivity.time"]), 1)) : l("", !0),
+          y.value && c.chat.actions && c.contextMenuTrigger === "hover" ? (o(), m(Et, {
             key: 1,
             mode: "click",
             "menu-side": "bottom-right",
             actions: c.chat.actions,
             onClick: D,
-            onButtonClick: K,
-            onMenuMouseLeave: n[0] || (n[0] = (i) => f.value = !1)
+            onButtonClick: G,
+            onMenuMouseLeave: n[0] || (n[0] = (i) => y.value = !1)
           }, {
-            default: S(() => [...n[2] || (n[2] = [
+            default: V(() => [...n[2] || (n[2] = [
               r("span", { class: "pi pi-ellipsis-h chat-item__actions-trigger" }, null, -1)
             ])]),
             _: 1
           }, 8, ["actions"])) : l("", !0),
-          (o(), T(Ct, { to: "body" }, [
-            c.contextMenuTrigger === "rightClick" && c.chat.actions && p.value ? (o(), T(Bt, {
+          (o(), m(_t, { to: "body" }, [
+            c.contextMenuTrigger === "rightClick" && c.chat.actions && k.value ? (o(), m(St, {
               key: 0,
-              id: "context-menu-rightclick-" + M(h),
+              id: "context-menu-rightclick-" + d(g),
               actions: c.chat.actions,
-              "data-theme": M(L)().theme ? M(L)().theme : "light",
+              "data-theme": d(L)().theme ? d(L)().theme : "light",
               onClick: D,
               onMouseenter: mt,
-              onMouseleave: ht
+              onMouseleave: dt
             }, null, 8, ["id", "actions", "data-theme"])) : l("", !0)
           ])),
-          r("div", Ot, [
-            M(Tt).includes(c.chat["lastMessage.status"]) ? (o(), s("div", {
+          r("div", Kt, [
+            d(Tt).includes(c.chat["lastMessage.status"]) ? (o(), s("div", {
               key: 0,
-              class: A(["chat-item__status-message", nt.value])
+              class: b(["chat-item__status-message", et.value])
             }, [
-              c.chat["lastMessage.status"] === "pending" ? (o(), s("span", qt)) : c.chat["lastMessage.status"] === "error" ? (o(), s("span", Gt)) : (o(), s($, { key: 2 }, [
-                c.chat["lastMessage.status"] !== "sent" ? (o(), s("span", Jt)) : l("", !0),
-                n[3] || (n[3] = r("span", { class: "pi pi-check" }, null, -1))
-              ], 64))
+              c.chat["lastMessage.status"] === "pending" ? (o(), m(d(At), { key: 0 })) : c.chat["lastMessage.status"] === "error" ? (o(), m(d(bt), { key: 1 })) : c.chat["lastMessage.status"] === "read" ? (o(), m(d(Vt), { key: 2 })) : c.chat["lastMessage.status"] === "received" ? (o(), m(d(Ut), { key: 3 })) : (o(), m(d(Lt), { key: 4 }))
             ], 2)) : l("", !0),
-            it.value ? (o(), s("div", Kt, m(ot.value), 1)) : l("", !0)
+            nt.value ? (o(), s("div", Qt, f(it.value), 1)) : l("", !0)
           ]),
-          c.chat.countUnread < 1 ? (o(), s("div", Pt, [
-            c.chat.isFixedTop || c.chat.isFixedBottom ? (o(), s("span", Qt)) : l("", !0)
+          c.chat.countUnread < 1 ? (o(), s("div", Zt, [
+            c.chat.isFixedTop || c.chat.isFixedBottom ? (o(), s("span", jt)) : l("", !0)
           ])) : l("", !0)
         ]),
         e.showDialogs && c.chat.dialogs ? (o(), s("div", {
           key: 0,
           class: "chat-item__dialog-buttons",
-          onClick: n[1] || (n[1] = (i) => w("expand", e.chat))
+          onClick: n[1] || (n[1] = (i) => T("expand", e.chat))
         }, [
-          e.showDialogs && !c.chat.dialogsExpanded ? (o(), s("button", Zt, [...n[4] || (n[4] = [
+          e.showDialogs && !c.chat.dialogsExpanded ? (o(), s("button", te, [...n[3] || (n[3] = [
             r("span", {
               id: "noSelectButton",
               class: "pi pi-angle-down"
             }, null, -1)
           ])])) : l("", !0),
-          e.showDialogs && c.chat.dialogsExpanded ? (o(), s("button", jt, [...n[5] || (n[5] = [
+          e.showDialogs && c.chat.dialogsExpanded ? (o(), s("button", ee, [...n[4] || (n[4] = [
             r("span", {
               id: "noSelectButton",
               class: "pi pi-angle-up"
@@ -286,11 +279,11 @@ const Nt = { class: "chat-item__avatar-container" }, Xt = ["src"], Yt = {
           ])])) : l("", !0)
         ])) : l("", !0)
       ], 34),
-      e.showDialogs && c.chat.dialogsExpanded ? (o(), s("div", te, [
-        (o(!0), s($, null, wt(et(), (i) => (o(), s("div", {
+      e.showDialogs && c.chat.dialogsExpanded ? (o(), s("div", ne, [
+        (o(!0), s(Ct, null, wt(tt(), (i) => (o(), s("div", {
           key: i.dialogId,
-          class: A(["dialog__item", j(i)]),
-          onClick: (u) => Q(i)
+          class: b(["dialog__item", Z(i)]),
+          onClick: (u) => K(i)
         }, [
           i.icon ? (o(), s("img", {
             key: 0,
@@ -298,21 +291,21 @@ const Nt = { class: "chat-item__avatar-container" }, Xt = ["src"], Yt = {
             src: i.icon,
             height: "16",
             width: "16"
-          }, null, 8, ne)) : (o(), s("span", ie)),
-          r("div", oe, [
-            r("div", ce, m(i.name), 1),
-            r("div", se, m(i["lastActivity.time"]), 1)
+          }, null, 8, oe)) : (o(), s("span", ce)),
+          r("div", se, [
+            r("div", ae, f(i.name), 1),
+            r("div", re, f(i["lastActivity.time"]), 1)
           ]),
           i.countUnread > 0 ? (o(), s("div", {
             key: 2,
             class: "chat-item__unread",
             style: W(i.colorUnread ? { backgroundColor: i.colorUnread } : {})
-          }, m(i.countUnread > 99 ? "99+" : i.countUnread), 5)) : l("", !0)
-        ], 10, ee))), 128))
+          }, f(i.countUnread > 99 ? "99+" : i.countUnread), 5)) : l("", !0)
+        ], 10, ie))), 128))
       ])) : l("", !0)
     ]));
   }
 });
 export {
-  be as default
+  Ne as default
 };

package/dist/components/2_feed_elements/MessageStatusIndicator/MessageStatusIndicator.vue.js

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

package/dist/components/2_feed_elements/MessageStatusIndicator/MessageStatusIndicator.vue2.js

@@ -2,11 +2,11 @@ import { defineComponent as m, computed as i, createBlock as s, createCommentVNo
 import p from "../../1_atoms/Tooltip/Tooltip.vue.js";
 import { statuses as S } from "../../../functions/getStatusMessage.js";
 import "../../../functions/parseMarkdown.js";
-import f from "./icons/ErrorStatusIcon.vue.js";
-import y from "./icons/PendingStatusIcon.vue.js";
-import C from "./icons/ReadStatusIcon.vue.js";
-import k from "./icons/ReceivedStatusIcon.vue.js";
-import I from "./icons/SentStatusIcon.vue.js";
+import f from "../../1_icons/MessageStatus/ErrorStatusIcon.vue.js";
+import y from "../../1_icons/MessageStatus/PendingStatusIcon.vue.js";
+import C from "../../1_icons/MessageStatus/ReadStatusIcon.vue.js";
+import k from "../../1_icons/MessageStatus/ReceivedStatusIcon.vue.js";
+import I from "../../1_icons/MessageStatus/SentStatusIcon.vue.js";
 const M = /* @__PURE__ */ m({
   name: "MessageStatusIndicator",
   __name: "MessageStatusIndicator",

package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue.js

@@ -1,7 +1,7 @@
 import o from "./VideoMessage.vue2.js";
 /* empty css                  */
-import a from "../../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ a(o, [["__scopeId", "data-v-aaf88dba"]]);
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-dce5c529"]]);
 export {
-  s as default
+  a as default
 };