@mobilon-dev/chotto 0.3.99 → 0.3.100

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

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

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

@@ -1,7 +1,7 @@
 import o from "./MessageReactions.vue2.js";
 /* empty css                      */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-64bc224b"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2a664cc0"]]);
 export {
-  r as default
+  e as default
 };