@mobilon-dev/chotto 0.3.39 → 0.3.40

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

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

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

@@ -0,0 +1,25 @@
+import { createElementBlock as t, openBlock as o, createElementVNode as e } from "vue";
+import r from "../../../../_virtual/_plugin-vue_export-helper.js";
+const n = {}, l = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+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),
+    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 f = /* @__PURE__ */ r(n, [["render", c]]);
+export {
+  f as default
+};

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

@@ -0,0 +1,18 @@
+import { createElementBlock as e, openBlock as C, createStaticVNode as r } from "vue";
+import o from "../../../../_virtual/_plugin-vue_export-helper.js";
+const i = {}, c = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function l(n, t) {
+  return C(), e("svg", c, [...t[0] || (t[0] = [
+    r('<g clip-path="url(#clip0_7951_1209)"><path d="M6.00195 5.5C6.00195 5.89782 5.84392 6.27936 5.56261 6.56066C5.28131 6.84196 4.89978 7 4.50195 7C4.10413 7 3.7226 6.84196 3.44129 6.56066C3.15999 6.27936 3.00195 5.89782 3.00195 5.5C3.00195 5.10218 3.15999 4.72064 3.44129 4.43934C3.7226 4.15804 4.10413 4 4.50195 4C4.89978 4 5.28131 4.15804 5.56261 4.43934C5.84392 4.72064 6.00195 5.10218 6.00195 5.5Z" fill="currentColor"></path><path d="M2.00195 1C1.47152 1 0.962812 1.21071 0.58774 1.58579C0.212667 1.96086 0.00195313 2.46957 0.00195312 3V13C0.00195313 13.5304 0.212667 14.0391 0.58774 14.4142C0.962812 14.7893 1.47152 15 2.00195 15H14.002C14.5324 15 15.0411 14.7893 15.4162 14.4142C15.7912 14.0391 16.002 13.5304 16.002 13V3C16.002 2.46957 15.7912 1.96086 15.4162 1.58579C15.0411 1.21071 14.5324 1 14.002 1H2.00195ZM14.002 2C14.2672 2 14.5215 2.10536 14.7091 2.29289C14.8966 2.48043 15.002 2.73478 15.002 3V9.5L11.225 7.553C11.1312 7.50602 11.025 7.48973 10.9215 7.50642C10.8179 7.52311 10.7222 7.57194 10.648 7.646L6.93795 11.356L4.27795 9.584C4.18191 9.52006 4.06672 9.4913 3.95189 9.5026C3.83707 9.5139 3.72969 9.56456 3.64795 9.646L1.00195 12V3C1.00195 2.73478 1.10731 2.48043 1.29485 2.29289C1.48238 2.10536 1.73674 2 2.00195 2H14.002Z" fill="currentColor"></path></g><defs><clipPath id="clip0_7951_1209"><rect width="16" height="16" fill="white"></rect></clipPath></defs>', 2)
+  ])]);
+}
+const a = /* @__PURE__ */ o(i, [["render", l]]);
+export {
+  a as default
+};

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

@@ -0,0 +1,21 @@
+import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
+import C from "../../../../_virtual/_plugin-vue_export-helper.js";
+const n = {}, c = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function l(i, e) {
+  return o(), t("svg", c, [...e[0] || (e[0] = [
+    r("path", {
+      d: "M2.5 1C2.10218 1 1.72064 1.15804 1.43934 1.43934C1.15804 1.72064 1 2.10218 1 2.5V13.5C1 13.8978 1.15804 14.2794 1.43934 14.5607C1.72064 14.842 2.10218 15 2.5 15H8.586C8.98369 14.9997 9.36497 14.8414 9.646 14.56L14.561 9.646C14.842 9.3648 14.9999 8.98355 15 8.586V2.5C15 2.10218 14.842 1.72064 14.5607 1.43934C14.2794 1.15804 13.8978 1 13.5 1H2.5ZM2 2.5C2 2.36739 2.05268 2.24021 2.14645 2.14645C2.24021 2.05268 2.36739 2 2.5 2H13.5C13.6326 2 13.7598 2.05268 13.8536 2.14645C13.9473 2.24021 14 2.36739 14 2.5V8H9.5C9.10218 8 8.72064 8.15804 8.43934 8.43934C8.15804 8.72064 8 9.10218 8 9.5V14H2.5C2.36739 14 2.24021 13.9473 2.14645 13.8536C2.05268 13.7598 2 13.6326 2 13.5V2.5ZM9 13.793V9.5C9 9.36739 9.05268 9.24021 9.14645 9.14645C9.24021 9.05268 9.36739 9 9.5 9H13.793L9 13.793Z",
+      fill: "currentColor"
+    }, null, -1)
+  ])]);
+}
+const m = /* @__PURE__ */ C(n, [["render", l]]);
+export {
+  m as default
+};

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

@@ -0,0 +1,25 @@
+import { createElementBlock as o, openBlock as t, createElementVNode as e } from "vue";
+import r from "../../../../_virtual/_plugin-vue_export-helper.js";
+const n = {}, l = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function c(i, C) {
+  return t(), o("svg", l, [...C[0] || (C[0] = [
+    e("path", {
+      d: "M6.79 5.09269C6.71524 5.03946 6.62726 5.00783 6.53572 5.00128C6.44418 4.99472 6.35259 5.01349 6.27101 5.05552C6.18942 5.09755 6.12098 5.16123 6.07317 5.23958C6.02537 5.31792 6.00006 5.40791 6 5.49969V10.4997C6.00006 10.5915 6.02537 10.6815 6.07317 10.7598C6.12098 10.8382 6.18942 10.9018 6.27101 10.9439C6.35259 10.9859 6.44418 11.0047 6.53572 10.9981C6.62726 10.9915 6.71524 10.9599 6.79 10.9067L10.29 8.40669C10.3548 8.36044 10.4076 8.29938 10.4441 8.22858C10.4805 8.15779 10.4996 8.07932 10.4996 7.99969C10.4996 7.92007 10.4805 7.84159 10.4441 7.7708C10.4076 7.70001 10.3548 7.63894 10.29 7.59269L6.79 5.09269Z",
+      fill: "currentColor"
+    }, null, -1),
+    e("path", {
+      d: "M0 4C0 3.46957 0.210714 2.96086 0.585786 2.58579C0.960859 2.21071 1.46957 2 2 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V12C16 12.5304 15.7893 13.0391 15.4142 13.4142C15.0391 13.7893 14.5304 14 14 14H2C1.46957 14 0.960859 13.7893 0.585786 13.4142C0.210714 13.0391 0 12.5304 0 12V4ZM15 4C15 3.73478 14.8946 3.48043 14.7071 3.29289C14.5196 3.10536 14.2652 3 14 3H2C1.73478 3 1.48043 3.10536 1.29289 3.29289C1.10536 3.48043 1 3.73478 1 4V12C1 12.2652 1.10536 12.5196 1.29289 12.7071C1.48043 12.8946 1.73478 13 2 13H14C14.2652 13 14.5196 12.8946 14.7071 12.7071C14.8946 12.5196 15 12.2652 15 12V4Z",
+      fill: "currentColor"
+    }, null, -1)
+  ])]);
+}
+const d = /* @__PURE__ */ r(n, [["render", c]]);
+export {
+  d as default
+};

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

@@ -15,7 +15,7 @@ const u = { class: "chat-tabs__list" }, p = ["aria-pressed", "onClick"], h = {
   },
   emits: ["tab-click"],
   setup(c) {
-    return (r, k) => (a(), t("ul", u, [
+    return (r, f) => (a(), t("ul", u, [
       (a(!0), t(o, null, i(c.tabs, (e) => (a(), t("li", {
         key: e.id,
         class: n(["chat-tabs__item", { "chat-tabs__item--active": e.active }])
@@ -23,7 +23,7 @@ const u = { class: "chat-tabs__list" }, p = ["aria-pressed", "onClick"], h = {
         _("button", {
           class: "chat-tabs__button",
           "aria-pressed": e.active,
-          onClick: (f) => r.$emit("tab-click", e.id)
+          onClick: (k) => r.$emit("tab-click", e.id)
         }, [
           l(s(e.label) + " ", 1),
           e.count !== void 0 ? (a(), t("span", h, s(e.count), 1)) : d("", !0)
@@ -31,7 +31,7 @@ const u = { class: "chat-tabs__list" }, p = ["aria-pressed", "onClick"], h = {
       ], 2))), 128))
     ]));
   }
-}, g = /* @__PURE__ */ m(b, [["__scopeId", "data-v-08e917d3"]]);
+}, g = /* @__PURE__ */ m(b, [["__scopeId", "data-v-caf4248a"]]);
 export {
   g as default
 };

package/dist/components/2_elements/AudioRecorder/AudioRecorder.vue.js

@@ -1,7 +1,7 @@
 import o from "./AudioRecorder.vue2.js";
 /* empty css                   */
 import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-dd12b32c"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ae4a1911"]]);
 export {
-  e as default
+  m as default
 };

package/dist/components/2_elements/ChannelSelector/ChannelSelector.vue.js

@@ -67,7 +67,7 @@ const x = {
       }, 8, ["actions", "mode", "disabled"])
     ], 2));
   }
-}, K = /* @__PURE__ */ S(I, [["__scopeId", "data-v-d5653eb5"]]);
+}, K = /* @__PURE__ */ S(I, [["__scopeId", "data-v-df46a3b0"]]);
 export {
   K as default
 };