@mobilon-dev/chotto 0.3.55 → 0.3.57

package/dist/components/1_atoms/Tooltip/Tooltip.vue.js

@@ -1,7 +1,7 @@
 import o from "./Tooltip.vue2.js";
 /* empty css             */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d13721a4"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-595f9104"]]);
 export {
   m as default
 };

package/dist/components/1_atoms/Tooltip/Tooltip.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as k, inject as N, ref as c, computed as A, onUnmounted as D, createElementBlock as d, openBlock as m, Fragment as R, createElementVNode as V, createBlock as E, renderSlot as I, Teleport as L, createVNode as M, Transition as $, withCtx as j, createCommentVNode as q, normalizeClass as z, unref as v, toDisplayString as F, nextTick as g } from "vue";
+import { defineComponent as k, inject as N, ref as u, computed as A, onUnmounted as D, createElementBlock as T, openBlock as m, Fragment as R, createElementVNode as V, createBlock as E, renderSlot as I, Teleport as L, createVNode as M, Transition as $, withCtx as j, createCommentVNode as q, normalizeClass as z, unref as v, toDisplayString as F, nextTick as g } from "vue";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import { useTheme as P } from "../../../hooks/useTheme.js";
@@ -35,54 +35,56 @@ const U = ["data-theme"], Z = /* @__PURE__ */ k({
       default: 600
     }
   },
-  setup(y, { expose: w }) {
-    const x = N("chatAppId"), { getTheme: T } = P(x), p = c(), a = c(), n = c(!1), s = c(null), f = c(null), e = y, _ = A(() => ({
+  setup(w, { expose: d }) {
+    const x = N("chatAppId"), { getTheme: y } = P(x), p = u(), a = u(), c = u(!1), h = u(null), r = u(null), e = w, _ = A(() => ({
       tooltip__text: !0,
       [`tooltip--${e.position}`]: !0
     })), B = () => {
-      e.trigger !== "auto" && (f.value && (clearTimeout(f.value), f.value = null), f.value = setTimeout(() => {
-        n.value = !0, g(() => {
+      e.trigger !== "auto" && (r.value && (clearTimeout(r.value), r.value = null), r.value = setTimeout(() => {
+        c.value = !0, g(() => {
           if (p.value && a.value) {
-            const l = a.value, t = p.value.getBoundingClientRect(), o = a.value.getBoundingClientRect(), i = o.left < 0 ? o.left : 0, r = o.top < 0 ? o.top : 0, u = {
-              left: { top: t.top - (o.height - t.height) / 2 - r, left: (t == null ? void 0 : t.left) - o.width - i - e.offset },
-              right: { top: t.top - (o.height - t.height) / 2 - r, left: (t == null ? void 0 : t.left) + t.width - i + e.offset },
-              bottom: { top: (t == null ? void 0 : t.bottom) - r + e.offset, left: (t == null ? void 0 : t.left) - i },
-              top: { top: t.top - o.height - e.offset - r, left: (t == null ? void 0 : t.left) - i },
-              "bottom-left": { top: (t == null ? void 0 : t.bottom) - r + e.offset, left: (t == null ? void 0 : t.left) + t.width - o.width - i }
+            const f = a.value, t = p.value.getBoundingClientRect(), o = a.value.getBoundingClientRect(), l = o.left < 0 ? o.left : 0, i = o.top < 0 ? o.top : 0, n = {
+              left: { top: t.top - (o.height - t.height) / 2 - i, left: (t == null ? void 0 : t.left) - o.width - l - e.offset },
+              right: { top: t.top - (o.height - t.height) / 2 - i, left: (t == null ? void 0 : t.left) + t.width - l + e.offset },
+              bottom: { top: (t == null ? void 0 : t.bottom) - i + e.offset, left: (t == null ? void 0 : t.left) - l },
+              "bottom-center": { top: (t == null ? void 0 : t.bottom) - i + e.offset, left: (t == null ? void 0 : t.left) + t.width / 2 - o.width / 2 - l },
+              top: { top: t.top - o.height - e.offset - i, left: (t == null ? void 0 : t.left) - l },
+              "bottom-left": { top: (t == null ? void 0 : t.bottom) - i + e.offset, left: (t == null ? void 0 : t.left) + t.width - o.width - l }
             };
-            l.style.top = u[e.position].top + "px", l.style.left = u[e.position].left + "px";
+            f.style.top = n[e.position].top + "px", f.style.left = n[e.position].left + "px";
           }
-        }), f.value = null;
+        }), r.value = null;
       }, e.delay));
     }, C = () => {
-      e.trigger !== "auto" && (f.value && (clearTimeout(f.value), f.value = null), n.value = !1, g(() => {
-        const l = v(a);
-        l && (l.style.top = "0", l.style.left = "0");
+      e.trigger !== "auto" && (r.value && (clearTimeout(r.value), r.value = null), c.value = !1, g(() => {
+        const f = v(a);
+        f && (f.style.top = "0", f.style.left = "0");
       }));
     }, S = () => {
-      h(), n.value = !0, g(() => {
+      s(), c.value = !0, g(() => {
         if (p.value && a.value) {
-          const l = a.value, t = p.value.getBoundingClientRect(), o = a.value.getBoundingClientRect(), i = o.left < 0 ? o.left : 0, r = o.top < 0 ? o.top : 0, u = {
-            left: { top: t.top - (o.height - t.height) / 2 - r, left: (t == null ? void 0 : t.left) - o.width - i - e.offset },
-            right: { top: t.top - (o.height - t.height) / 2 - r, left: (t == null ? void 0 : t.left) + t.width - i + e.offset },
-            bottom: { top: (t == null ? void 0 : t.bottom) - r + e.offset, left: (t == null ? void 0 : t.left) - i },
-            top: { top: t.top - o.height - e.offset - r, left: (t == null ? void 0 : t.left) - i },
-            "bottom-left": { top: (t == null ? void 0 : t.bottom) - r + e.offset, left: (t == null ? void 0 : t.left) + t.width - o.width - i }
+          const f = a.value, t = p.value.getBoundingClientRect(), o = a.value.getBoundingClientRect(), l = o.left < 0 ? o.left : 0, i = o.top < 0 ? o.top : 0, n = {
+            left: { top: t.top - (o.height - t.height) / 2 - i, left: (t == null ? void 0 : t.left) - o.width - l - e.offset },
+            right: { top: t.top - (o.height - t.height) / 2 - i, left: (t == null ? void 0 : t.left) + t.width - l + e.offset },
+            bottom: { top: (t == null ? void 0 : t.bottom) - i + e.offset, left: (t == null ? void 0 : t.left) - l },
+            "bottom-center": { top: (t == null ? void 0 : t.bottom) - i + e.offset, left: (t == null ? void 0 : t.left) + t.width / 2 - o.width / 2 - l },
+            top: { top: t.top - o.height - e.offset - i, left: (t == null ? void 0 : t.left) - l },
+            "bottom-left": { top: (t == null ? void 0 : t.bottom) - i + e.offset, left: (t == null ? void 0 : t.left) + t.width - o.width - l }
           };
-          l.style.top = u[e.position].top + "px", l.style.left = u[e.position].left + "px";
+          f.style.top = n[e.position].top + "px", f.style.left = n[e.position].left + "px";
         }
-      }), e.autoShowDuration > 0 && (s.value = setTimeout(() => {
-        n.value = !1;
+      }), e.autoShowDuration > 0 && (h.value = setTimeout(() => {
+        c.value = !1;
       }, e.autoShowDuration));
-    }, h = () => {
-      s.value && (clearTimeout(s.value), s.value = null);
+    }, s = () => {
+      h.value && (clearTimeout(h.value), h.value = null);
     };
     return D(() => {
-      f.value && clearTimeout(f.value), h();
-    }), w({
+      r.value && clearTimeout(r.value), s();
+    }), d({
       startAutoShow: S,
-      clearAutoTimer: h
-    }), (l, t) => (m(), d(R, null, [
+      clearAutoTimer: s
+    }), (f, t) => (m(), T(R, null, [
       V("div", {
         ref_key: "container",
         ref: p,
@@ -90,18 +92,18 @@ const U = ["data-theme"], Z = /* @__PURE__ */ k({
         onMouseover: B,
         onMouseout: C
       }, [
-        I(l.$slots, "default", {}, void 0, !0)
+        I(f.$slots, "default", {}, void 0, !0)
       ], 544),
       (m(), E(L, { to: "body" }, [
         M($, null, {
           default: j(() => [
-            n.value ? (m(), d("span", {
+            c.value ? (m(), T("span", {
               key: 0,
               ref_key: "tooltip",
               ref: a,
-              "data-theme": v(T)().theme ? v(T)().theme : "light",
+              "data-theme": v(y)().theme ? v(y)().theme : "light",
               class: z(_.value)
-            }, F(y.text), 11, U)) : q("", !0)
+            }, F(w.text), 11, U)) : q("", !0)
           ]),
           _: 1
         })

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

@@ -1,7 +1,7 @@
-import o from "./DelimiterMessage.vue2.js";
+import e from "./DelimiterMessage.vue2.js";
 /* empty css                      */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9ff92646"]]);
+import o from "../../../_virtual/_plugin-vue_export-helper.js";
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-6097de8c"]]);
 export {
-  m as default
+  s as default
 };

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

@@ -1,54 +1,99 @@
-import { defineComponent as f, ref as a, onMounted as d, onBeforeUnmount as g, watch as _, createElementBlock as v, openBlock as p, normalizeClass as T, createElementVNode as R, toDisplayString as D } from "vue";
-const O = { class: "delimiter-message__text" }, b = 3e3, h = 400, y = /* @__PURE__ */ f({
+import { defineComponent as T, computed as y, ref as c, onMounted as x, onBeforeUnmount as R, watch as b, createElementBlock as u, openBlock as f, createVNode as h, withCtx as D, createElementVNode as a, normalizeClass as d, toDisplayString as g } from "vue";
+import O from "../../1_atoms/Tooltip/Tooltip.vue.js";
+const k = {
+  key: 0,
+  class: "delimiter-message__tooltip-root"
+}, N = { class: "delimiter-message__text" }, I = { class: "delimiter-message__text" }, A = 3e3, E = 400, B = /* @__PURE__ */ T({
   __name: "DelimiterMessage",
   props: {
     message: {
       type: Object,
       required: !0
+    },
+    /** Текст подсказки при наведении. Если не передан — берётся из message.tooltipText */
+    tooltipText: {
+      type: String,
+      default: ""
+    },
+    /** Позиция тултипа: top | right | bottom | left | bottom-left | bottom-center */
+    tooltipPosition: {
+      type: String,
+      default: "bottom-center"
+    },
+    /** Отступ тултипа от элемента (px) */
+    tooltipOffset: {
+      type: Number,
+      default: 8
+    },
+    /** Задержка показа тултипа (ms) */
+    tooltipDelay: {
+      type: Number,
+      default: 100
     }
   },
   emits: ["read"],
-  setup(i, { emit: m }) {
-    const s = i, c = m, n = a(null), r = a(!1);
+  setup(o, { emit: p }) {
+    const i = o, r = y(
+      () => i.tooltipText || i.message.tooltipText || ""
+    ), v = p, s = c(null), l = c(!1);
     let t = null, e = null;
-    const l = () => {
-      !s.message.autoRemove || !n.value || (t = new IntersectionObserver(
-        (o) => {
-          o[0].isIntersecting ? (e && clearTimeout(e), e = setTimeout(() => {
-            r.value = !0, t && n.value && (t.disconnect(), t = null), setTimeout(() => {
-              c("read", s.message.messageId);
-            }, h);
-          }, b)) : e && (clearTimeout(e), e = null);
+    const m = () => {
+      !i.message.autoRemove || !s.value || (t = new IntersectionObserver(
+        (n) => {
+          n[0].isIntersecting ? (e && clearTimeout(e), e = setTimeout(() => {
+            l.value = !0, t && s.value && (t.disconnect(), t = null), setTimeout(() => {
+              v("read", i.message.messageId);
+            }, E);
+          }, A)) : e && (clearTimeout(e), e = null);
         },
         {
           threshold: 0.75,
           // Элемент должен быть виден минимум на 75%
           rootMargin: "0px"
         }
-      ), t.observe(n.value));
+      ), t.observe(s.value));
     };
-    return d(() => {
-      s.message.autoRemove && setTimeout(() => {
-        l();
+    return x(() => {
+      i.message.autoRemove && setTimeout(() => {
+        m();
       }, 100);
-    }), g(() => {
+    }), R(() => {
       e && (clearTimeout(e), e = null), t && (t.disconnect(), t = null);
-    }), _(
-      () => s.message.autoRemove,
-      (o) => {
-        t && (t.disconnect(), t = null), e && (clearTimeout(e), e = null), o && setTimeout(() => {
-          l();
+    }), b(
+      () => i.message.autoRemove,
+      (n) => {
+        t && (t.disconnect(), t = null), e && (clearTimeout(e), e = null), n && setTimeout(() => {
+          m();
         }, 100);
       }
-    ), (o, u) => (p(), v("div", {
+    ), (n, _) => r.value ? (f(), u("div", k, [
+      h(O, {
+        text: r.value,
+        position: o.tooltipPosition,
+        offset: o.tooltipOffset,
+        delay: o.tooltipDelay
+      }, {
+        default: D(() => [
+          a("div", {
+            ref_key: "containerRef",
+            ref: s,
+            class: d(["delimiter-message__container", { "delimiter-message__container--removing": l.value }])
+          }, [
+            a("p", N, g(o.message.text), 1)
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["text", "position", "offset", "delay"])
+    ])) : (f(), u("div", {
+      key: 1,
       ref_key: "containerRef",
-      ref: n,
-      class: T(["delimiter-message__container", { "delimiter-message__container--removing": r.value }])
+      ref: s,
+      class: d(["delimiter-message__container", { "delimiter-message__container--removing": l.value }])
     }, [
-      R("p", O, D(i.message.text), 1)
+      a("p", I, g(o.message.text), 1)
     ], 2));
   }
 });
 export {
-  y as default
+  B as default
 };

package/dist/components/3_compounds/ChatList/ChatList.vue.js

@@ -1,18 +1,18 @@
-import { ref as I, computed as M, createElementBlock as i, openBlock as a, renderSlot as L, createBlock as h, createCommentVNode as n, createElementVNode as r, createVNode as w, unref as e, toDisplayString as u, createTextVNode as D, Fragment as y, renderList as p, Transition as Q, withCtx as N } from "vue";
+import { ref as I, computed as M, createElementBlock as o, openBlock as a, renderSlot as L, createBlock as u, createCommentVNode as n, createElementVNode as r, createVNode as w, unref as e, toDisplayString as d, createTextVNode as D, Fragment as y, renderList as p, Transition as Q, withCtx as N } from "vue";
 import x from "../../2_chatlist_elements/ChatItem/ChatItem.vue.js";
 import V from "../../2_chatlist_elements/ChatFilter/ChatFilter.vue.js";
 import $ from "../../2_chatlist_elements/ChatTabs/ChatTabs.vue.js";
 import q from "../../1_atoms/LoadingIndicator/LoadingIndicator.vue.js";
-import { useChatListScroll as P } from "./composables/useChatListScroll.js";
-import { useChatListSelection as U } from "./composables/useChatListSelection.js";
-import { useChatListFilter as W } from "./composables/useChatListFilter.js";
-import { useChatListActions as j } from "./composables/useChatListActions.js";
+import { useChatListScroll as H } from "./composables/useChatListScroll.js";
+import { useChatListSelection as P } from "./composables/useChatListSelection.js";
+import { useChatListFilter as U } from "./composables/useChatListFilter.js";
+import { useChatListActions as W } from "./composables/useChatListActions.js";
 /* empty css              */
-import O from "../../../_virtual/_plugin-vue_export-helper.js";
-const R = { class: "chat-list" }, z = {
+import j from "../../../_virtual/_plugin-vue_export-helper.js";
+const O = { class: "chat-list" }, R = {
   key: 2,
   class: "chat-list__search-indicator"
-}, G = { class: "chat-list__search-content" }, H = { class: "chat-list__search-text" }, J = {
+}, z = { class: "chat-list__search-content" }, G = { class: "chat-list__search-text" }, J = {
   key: 0,
   class: "chat-list__search-progress"
 }, K = {
@@ -27,10 +27,10 @@ const R = { class: "chat-list" }, z = {
 }, Z = {
   key: 0,
   class: "chat-list__no-data"
-}, tt = {
+}, tt = { class: "chat-list__placeholder" }, et = { class: "chat-list__placeholder-title" }, st = { class: "chat-list__placeholder-hint" }, at = {
   key: 4,
   class: "chat-list__fixed-items-bottom"
-}, et = {
+}, it = {
   __name: "ChatList",
   props: {
     chats: {
@@ -82,59 +82,67 @@ const R = { class: "chat-list" }, z = {
       type: String,
       default: "hover",
       validator: (s) => ["hover", "rightClick"].includes(s)
+    },
+    placeholderTitle: {
+      type: String,
+      default: "Нет контактных данных, чтобы начать чат"
+    },
+    placeholderHint: {
+      type: String,
+      default: "Добавьте номер телефона и Имя в карточку контакта"
     }
   },
   emits: ["select", "action", "loadMoreChats", "expand", "tab-click", "search", "clear-search"],
   setup(s, { emit: F }) {
-    const l = s, d = F, S = I(), k = M(() => l.chats), {
+    const l = s, h = F, S = I(), k = M(() => l.chats), {
       isShowButton: B,
-      scrollToTopForce: C,
-      scrollCheck: _,
-      startScrollWatch: b,
-      stopScrollWatch: T
-    } = P({ refChatList: S, chats: k, emit: d }), {
+      scrollToTopForce: _,
+      scrollCheck: C,
+      startScrollWatch: T,
+      stopScrollWatch: b
+    } = H({ refChatList: S, chats: k, emit: h }), {
       selectChat: g
-    } = U({ chats: k, emit: d }), {
+    } = P({ chats: k, emit: h }), {
       getSortedAndFilteredChats: c,
       getFilter: A
-    } = W({ props: l, emit: d }), {
+    } = U({ props: l, emit: h }), {
       expandChat: m,
       action: f,
       handleTabClick: E
-    } = j({ emit: d });
-    return (v, o) => (a(), i("div", R, [
+    } = W({ emit: h });
+    return (v, i) => (a(), o("div", O, [
       L(v.$slots, "header", {}, void 0, !0),
       L(v.$slots, "sidebar", {}, void 0, !0),
-      s.filterEnabled ? (a(), h(V, {
+      s.filterEnabled ? (a(), u(V, {
         key: 0,
         class: "chat-list__filter",
         onUpdate: e(A)
       }, null, 8, ["onUpdate"])) : n("", !0),
-      s.dialogTabs && s.dialogTabs.length > 0 ? (a(), h($, {
+      s.dialogTabs && s.dialogTabs.length > 0 ? (a(), u($, {
         key: 1,
         tabs: s.dialogTabs,
         onTabClick: e(E)
       }, null, 8, ["tabs", "onTabClick"])) : n("", !0),
-      s.isSearching || s.searchQuery ? (a(), i("div", z, [
-        r("div", G, [
-          r("div", H, [
-            s.isSearching ? (a(), i("span", J, u(s.searchProgress || "Поиск..."), 1)) : (a(), i("span", K, [
-              D(' Поиск "' + u(s.searchQuery) + '" завершён ', 1),
-              s.searchStats.loaded > 0 ? (a(), i("span", X, " (" + u(s.searchStats.loaded) + " " + u(s.searchStats.total !== "?" ? `из ${s.searchStats.total}` : "") + ") ", 1)) : n("", !0)
+      s.isSearching || s.searchQuery ? (a(), o("div", R, [
+        r("div", z, [
+          r("div", G, [
+            s.isSearching ? (a(), o("span", J, d(s.searchProgress || "Поиск..."), 1)) : (a(), o("span", K, [
+              D(' Поиск "' + d(s.searchQuery) + '" завершён ', 1),
+              s.searchStats.loaded > 0 ? (a(), o("span", X, " (" + d(s.searchStats.loaded) + " " + d(s.searchStats.total !== "?" ? `из ${s.searchStats.total}` : "") + ") ", 1)) : n("", !0)
             ]))
           ]),
-          s.searchQuery ? (a(), i("button", {
+          s.searchQuery ? (a(), o("button", {
             key: 0,
             class: "chat-list__search-clear",
             title: "Очистить поиск",
-            onClick: o[0] || (o[0] = (t) => d("clear-search"))
-          }, [...o[5] || (o[5] = [
+            onClick: i[0] || (i[0] = (t) => h("clear-search"))
+          }, [...i[5] || (i[5] = [
             r("i", { class: "pi pi-times" }, null, -1)
           ])])) : n("", !0)
         ])
       ])) : n("", !0),
-      !l.isLoading && e(c)().filter((t) => t.isFixedTop).length > 0 ? (a(), i("div", Y, [
-        (a(!0), i(y, null, p(e(c)().filter((t) => t.isFixedTop), (t) => (a(), h(x, {
+      !l.isLoading && e(c)().filter((t) => t.isFixedTop).length > 0 ? (a(), o("div", Y, [
+        (a(!0), o(y, null, p(e(c)().filter((t) => t.isFixedTop), (t) => (a(), u(x, {
           key: t.chatId,
           class: "chat-list__item",
           chat: t,
@@ -149,20 +157,20 @@ const R = { class: "chat-list" }, z = {
         ref_key: "refChatList",
         ref: S,
         class: "chat-list__items",
-        onScroll: o[1] || (o[1] = (...t) => e(_) && e(_)(...t)),
-        onMousedown: o[2] || (o[2] = (...t) => e(b) && e(b)(...t)),
-        onMouseup: o[3] || (o[3] = (...t) => e(T) && e(T)(...t))
+        onScroll: i[1] || (i[1] = (...t) => e(C) && e(C)(...t)),
+        onMousedown: i[2] || (i[2] = (...t) => e(T) && e(T)(...t)),
+        onMouseup: i[3] || (i[3] = (...t) => e(b) && e(b)(...t))
       }, [
         w(q, {
           class: "chat-list__loading-indicator",
           "is-loading": l.isLoading
         }, null, 8, ["is-loading"]),
-        !l.isLoading && e(c)().length === 0 ? (a(), i("div", Z, [...o[6] || (o[6] = [
-          r("div", { class: "chat-list__placeholder" }, [
-            r("p", { class: "chat-list__placeholder-title" }, " Нет контактных данных, чтобы начать чат "),
-            r("p", { class: "chat-list__placeholder-hint" }, " Добавьте номер телефона или имя Telegram в карточку контакта ")
-          ], -1)
-        ])])) : (a(!0), i(y, { key: 1 }, p(e(c)().filter((t) => !t.isFixedBottom && !t.isFixedTop), (t) => (a(), h(x, {
+        !l.isLoading && e(c)().length === 0 ? (a(), o("div", Z, [
+          r("div", tt, [
+            r("p", et, d(s.placeholderTitle), 1),
+            r("p", st, d(s.placeholderHint), 1)
+          ])
+        ])) : (a(!0), o(y, { key: 1 }, p(e(c)().filter((t) => !t.isFixedBottom && !t.isFixedTop), (t) => (a(), u(x, {
           key: t.chatId,
           class: "chat-list__item",
           chat: t,
@@ -173,8 +181,8 @@ const R = { class: "chat-list" }, z = {
           onAction: e(f)
         }, null, 8, ["chat", "show-dialogs", "context-menu-trigger", "onSelect", "onExpand", "onAction"]))), 128))
       ], 544),
-      !l.isLoading && e(c)().filter((t) => t.isFixedBottom).length > 0 ? (a(), i("div", tt, [
-        (a(!0), i(y, null, p(e(c)().filter((t) => t.isFixedBottom), (t) => (a(), h(x, {
+      !l.isLoading && e(c)().filter((t) => t.isFixedBottom).length > 0 ? (a(), o("div", at, [
+        (a(!0), o(y, null, p(e(c)().filter((t) => t.isFixedBottom), (t) => (a(), u(x, {
           key: t.chatId,
           class: "chat-list__item",
           chat: t,
@@ -187,11 +195,11 @@ const R = { class: "chat-list" }, z = {
       ])) : n("", !0),
       w(Q, null, {
         default: N(() => [
-          e(B) ? (a(), i("button", {
+          e(B) ? (a(), o("button", {
             key: 0,
             class: "chat-list__button-up",
-            onClick: o[4] || (o[4] = (...t) => e(C) && e(C)(...t))
-          }, [...o[7] || (o[7] = [
+            onClick: i[4] || (i[4] = (...t) => e(_) && e(_)(...t))
+          }, [...i[6] || (i[6] = [
             r("span", { class: "pi pi-angle-up chat-list__icon-down" }, null, -1)
           ])])) : n("", !0)
         ]),
@@ -199,7 +207,7 @@ const R = { class: "chat-list" }, z = {
       })
     ]));
   }
-}, gt = /* @__PURE__ */ O(et, [["__scopeId", "data-v-60e0e8be"]]);
+}, yt = /* @__PURE__ */ j(it, [["__scopeId", "data-v-53a4e79e"]]);
 export {
-  gt as default
+  yt as default
 };