@mobilon-dev/chotto 0.3.38 → 0.3.39

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 a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-f453fe25"]]);
+const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-b9128cb0"]]);
 export {
-  a as default
+  p as default
 };

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

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