@mobilon-dev/chotto 0.3.67 → 0.3.69

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-14a39a1d"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0487e8ee"]]);
 export {
   m as default
 };

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

@@ -1,18 +1,24 @@
-import { defineComponent as A, inject as D, ref as n, computed as T, onUnmounted as R, createElementBlock as d, openBlock as s, Fragment as V, createElementVNode as W, createBlock as z, renderSlot as E, Teleport as I, createVNode as L, Transition as M, withCtx as $, createCommentVNode as j, normalizeStyle as q, normalizeClass as F, unref as g, toDisplayString as P, nextTick as v } from "vue";
+import { defineComponent as et, inject as ot, ref as u, computed as _, onUnmounted as lt, createElementBlock as h, openBlock as c, Fragment as I, createElementVNode as it, createBlock as rt, renderSlot as at, Teleport as nt, createVNode as ut, Transition as st, withCtx as ct, createCommentVNode as ft, renderList as mt, normalizeStyle as pt, normalizeClass as ht, unref as S, toDisplayString as vt, nextTick as M } from "vue";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as U } from "../../../hooks/useTheme.js";
+import { useTheme as gt } from "../../../hooks/useTheme.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-const G = ["data-theme"], tt = /* @__PURE__ */ A({
+const Tt = { key: 0 }, dt = ["data-theme"], yt = 6, wt = 120, Dt = /* @__PURE__ */ et({
   __name: "Tooltip",
   props: {
     text: {
       type: String,
-      required: !0
+      required: !1,
+      default: ""
+    },
+    texts: {
+      type: Array,
+      required: !1,
+      default: () => []
     },
     position: {
       type: String,
@@ -39,80 +45,118 @@ const G = ["data-theme"], tt = /* @__PURE__ */ A({
       default: ""
     }
   },
-  setup(w, { expose: x }) {
-    const S = D("chatAppId"), { getTheme: y } = U(S), p = n(), a = n(), c = n(!1), u = n(null), r = n(null), e = w, _ = T(() => ({
+  setup(N, { expose: P }) {
+    const v = ot("chatAppId"), { getTheme: A } = gt(v), g = u(), f = u([]), s = u(!1), m = u(null), n = u(null), i = u(null), T = u(!1), d = u(!1), e = N, $ = _(() => ({
       tooltip__text: !0,
       [`tooltip--${e.position}`]: !0
-    })), B = T(() => ({
+    })), W = _(() => ({
       maxWidth: e.maxWidth || void 0
-    })), C = () => {
-      e.trigger !== "auto" && (r.value && (clearTimeout(r.value), r.value = null), r.value = setTimeout(() => {
-        c.value = !0, v(() => {
-          if (p.value && a.value) {
-            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, h = {
-              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 },
-              "top-center": { top: t.top - o.height - e.offset - i, left: (t == null ? void 0 : t.left) + t.width / 2 - o.width / 2 - 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 }
-            };
-            f.style.top = h[e.position].top + "px", f.style.left = h[e.position].left + "px";
-          }
-        }), r.value = null;
+    })), R = _(() => {
+      const t = Array.isArray(e.texts) ? e.texts.map((o) => String(o ?? "").trim()).filter(Boolean) : [];
+      return t.length > 0 ? t : e.text ? [e.text] : [];
+    }), H = (t, o) => {
+      const l = o.left < 0 ? o.left : 0, r = o.top < 0 ? o.top : 0;
+      return {
+        left: {
+          top: t.top - (o.height - t.height) / 2 - r,
+          left: t.left - o.width - l - e.offset
+        },
+        right: {
+          top: t.top - (o.height - t.height) / 2 - r,
+          left: t.left + t.width - l + e.offset
+        },
+        bottom: {
+          top: t.bottom - r + e.offset,
+          left: t.left - l
+        },
+        "bottom-center": {
+          top: t.bottom - r + e.offset,
+          left: t.left + t.width / 2 - o.width / 2 - l
+        },
+        top: {
+          top: t.top - o.height - e.offset - r,
+          left: t.left - l
+        },
+        "top-center": {
+          top: t.top - o.height - e.offset - r,
+          left: t.left + t.width / 2 - o.width / 2 - l
+        },
+        "bottom-left": {
+          top: t.bottom - r + e.offset,
+          left: t.left + t.width - o.width - l
+        }
+      }[e.position];
+    }, L = () => {
+      if (!g.value || f.value.length === 0) return;
+      const t = g.value.getBoundingClientRect(), o = e.position.startsWith("top"), l = 8, r = v ? document.getElementById(v) : null, a = r == null ? void 0 : r.getBoundingClientRect(), K = (a == null ? void 0 : a.top) ?? 0, U = (a == null ? void 0 : a.left) ?? 0, X = (a == null ? void 0 : a.right) ?? window.innerWidth, Y = (a == null ? void 0 : a.bottom) ?? window.innerHeight;
+      f.value.forEach((w, J) => {
+        const p = w.getBoundingClientRect(), x = H(t, p), C = J * (p.height + yt), Q = o ? x.top - C : x.top + C, E = K + l, Z = Y - p.height - l, D = U + l, b = X - p.width - l, B = Math.min(Math.max(Q, E), Math.max(E, Z)), tt = Math.min(Math.max(x.left, D), Math.max(D, b));
+        w.style.top = `${B}px`, w.style.left = `${tt}px`;
+      });
+    }, V = () => {
+      e.trigger !== "auto" && (n.value && (clearTimeout(n.value), n.value = null), i.value && (clearTimeout(i.value), i.value = null), n.value = setTimeout(() => {
+        s.value = !0, M(() => {
+          L();
+        }), n.value = null;
       }, e.delay));
-    }, k = () => {
-      e.trigger !== "auto" && (r.value && (clearTimeout(r.value), r.value = null), c.value = !1, v(() => {
-        const f = g(a);
-        f && (f.style.top = "0", f.style.left = "0");
+    }, q = () => {
+      e.trigger !== "auto" && (n.value && (clearTimeout(n.value), n.value = null), i.value && (clearTimeout(i.value), i.value = null), s.value = !1, M(() => {
+        S(f).forEach((o) => {
+          o.style.top = "0", o.style.left = "0";
+        });
       }));
-    }, N = () => {
-      m(), c.value = !0, v(() => {
-        if (p.value && a.value) {
-          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, h = {
-            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 },
-            "top-center": { top: t.top - o.height - e.offset - i, left: (t == null ? void 0 : t.left) + t.width / 2 - o.width / 2 - 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 }
-          };
-          f.style.top = h[e.position].top + "px", f.style.left = h[e.position].left + "px";
-        }
-      }), e.autoShowDuration > 0 && (u.value = setTimeout(() => {
-        c.value = !1;
+    }, k = () => {
+      e.trigger !== "auto" && (i.value && clearTimeout(i.value), i.value = setTimeout(() => {
+        !T.value && !d.value && q();
+      }, wt));
+    }, z = () => {
+      T.value = !0, V();
+    }, O = () => {
+      T.value = !1, k();
+    }, j = () => {
+      d.value = !0, i.value && (clearTimeout(i.value), i.value = null);
+    }, F = () => {
+      d.value = !1, k();
+    }, G = () => {
+      y(), s.value = !0, M(() => {
+        L();
+      }), e.autoShowDuration > 0 && (m.value = setTimeout(() => {
+        s.value = !1;
       }, e.autoShowDuration));
-    }, m = () => {
-      u.value && (clearTimeout(u.value), u.value = null);
+    }, y = () => {
+      m.value && (clearTimeout(m.value), m.value = null);
     };
-    return R(() => {
-      r.value && clearTimeout(r.value), m();
-    }), x({
-      startAutoShow: N,
-      clearAutoTimer: m
-    }), (f, t) => (s(), d(V, null, [
-      W("div", {
+    return lt(() => {
+      n.value && clearTimeout(n.value), i.value && clearTimeout(i.value), y();
+    }), P({
+      startAutoShow: G,
+      clearAutoTimer: y
+    }), (t, o) => (c(), h(I, null, [
+      it("div", {
         ref_key: "container",
-        ref: p,
+        ref: g,
         class: "tooltip-wrapper",
-        onMouseover: C,
-        onMouseout: k
+        onMouseenter: z,
+        onMouseleave: O
       }, [
-        E(f.$slots, "default", {}, void 0, !0)
+        at(t.$slots, "default", {}, void 0, !0)
       ], 544),
-      (s(), z(I, { to: "body" }, [
-        L(M, null, {
-          default: $(() => [
-            c.value ? (s(), d("span", {
-              key: 0,
-              ref_key: "tooltip",
-              ref: a,
-              "data-theme": g(y)().theme ? g(y)().theme : "light",
-              class: F(_.value),
-              style: q(B.value)
-            }, P(w.text), 15, G)) : j("", !0)
+      (c(), rt(nt, { to: "body" }, [
+        ut(st, null, {
+          default: ct(() => [
+            s.value ? (c(), h("div", Tt, [
+              (c(!0), h(I, null, mt(R.value, (l, r) => (c(), h("span", {
+                key: `${l}-${r}`,
+                ref_for: !0,
+                ref_key: "tooltipItems",
+                ref: f,
+                "data-theme": S(A)().theme ? S(A)().theme : "light",
+                class: ht($.value),
+                style: pt(W.value),
+                onMouseenter: j,
+                onMouseleave: F
+              }, vt(l), 47, dt))), 128))
+            ])) : ft("", !0)
           ]),
           _: 1
         })
@@ -121,5 +165,5 @@ const G = ["data-theme"], tt = /* @__PURE__ */ A({
   }
 });
 export {
-  tt as default
+  Dt as default
 };

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

@@ -1,36 +1,36 @@
-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 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";
+import { ref as D, computed as u, onMounted as H, nextTick as O, onUpdated as P, onBeforeUnmount as W, createElementBlock as l, openBlock as s, renderSlot as M, createBlock as f, createCommentVNode as n, createElementVNode as c, createVNode as Q, unref as e, toDisplayString as h, createTextVNode as j, Fragment as v, renderList as k, normalizeStyle as R, Transition as Y, withCtx as G } from "vue";
+import _ from "../../2_chatlist_elements/ChatItem/ChatItem.vue.js";
+import J from "../../2_chatlist_elements/ChatFilter/ChatFilter.vue.js";
+import K from "../../2_chatlist_elements/ChatTabs/ChatTabs.vue.js";
+import X from "../../1_atoms/LoadingIndicator/LoadingIndicator.vue.js";
+import { useChatListScroll as Z } from "./composables/useChatListScroll.js";
+import { useChatListSelection as tt } from "./composables/useChatListSelection.js";
+import { useChatListFilter as et } from "./composables/useChatListFilter.js";
+import { useChatListActions as at } from "./composables/useChatListActions.js";
 /* empty css              */
-import j from "../../../_virtual/_plugin-vue_export-helper.js";
-const O = { class: "chat-list" }, R = {
+import st from "../../../_virtual/_plugin-vue_export-helper.js";
+const ot = { class: "chat-list" }, it = {
   key: 2,
   class: "chat-list__search-indicator"
-}, z = { class: "chat-list__search-content" }, G = { class: "chat-list__search-text" }, J = {
+}, lt = { class: "chat-list__search-content" }, nt = { class: "chat-list__search-text" }, rt = {
   key: 0,
   class: "chat-list__search-progress"
-}, K = {
+}, ct = {
   key: 1,
   class: "chat-list__search-query"
-}, X = {
+}, dt = {
   key: 0,
   class: "chat-list__search-stats"
-}, Y = {
+}, ut = {
   key: 3,
   class: "chat-list__fixed-items-top"
-}, Z = {
+}, ht = { class: "chat-list__placeholder" }, gt = { class: "chat-list__placeholder-title" }, ft = {
   key: 0,
-  class: "chat-list__no-data"
-}, tt = { class: "chat-list__placeholder" }, et = { class: "chat-list__placeholder-title" }, st = { class: "chat-list__placeholder-hint" }, at = {
+  class: "chat-list__placeholder-hint"
+}, mt = {
   key: 4,
   class: "chat-list__fixed-items-bottom"
-}, it = {
+}, yt = {
   __name: "ChatList",
   props: {
     chats: {
@@ -81,7 +81,7 @@ const O = { class: "chat-list" }, R = {
     contextMenuTrigger: {
       type: String,
       default: "hover",
-      validator: (s) => ["hover", "rightClick"].includes(s)
+      validator: (a) => ["hover", "rightClick"].includes(a)
     },
     placeholderTitle: {
       type: String,
@@ -93,121 +93,142 @@ const O = { class: "chat-list" }, R = {
     }
   },
   emits: ["select", "action", "loadMoreChats", "expand", "tab-click", "search", "clear-search"],
-  setup(s, { emit: F }) {
-    const l = s, h = F, S = I(), k = M(() => l.chats), {
-      isShowButton: B,
-      scrollToTopForce: _,
-      scrollCheck: C,
-      startScrollWatch: T,
-      stopScrollWatch: b
-    } = H({ refChatList: S, chats: k, emit: h }), {
-      selectChat: g
-    } = P({ chats: k, emit: h }), {
-      getSortedAndFilteredChats: c,
-      getFilter: A
-    } = U({ props: l, emit: h }), {
-      expandChat: m,
-      action: f,
-      handleTabClick: E
-    } = 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(), u(V, {
+  setup(a, { emit: I }) {
+    const i = a, g = I, y = D(), T = D(0), C = u(() => i.chats), m = () => {
+      var r;
+      T.value = ((r = y.value) == null ? void 0 : r.offsetTop) ?? 0;
+    }, $ = u(() => ({
+      transform: `translateY(${-(T.value / 2)}px)`
+    })), b = u(() => {
+      var r, o, t;
+      return ((r = i.searchQuery) == null ? void 0 : r.trim()) || ((o = i.filterQuery) == null ? void 0 : o.trim()) || ((t = V.value) == null ? void 0 : t.trim()) || "";
+    }), w = u(
+      () => b.value.length > 0 && !i.isSearching
+    ), N = u(() => w.value ? `Не нашли чат по запросу "${b.value}"` : i.placeholderTitle), L = u(() => w.value ? "" : i.placeholderHint), {
+      isShowButton: U,
+      scrollToTopForce: E,
+      scrollCheck: B,
+      startScrollWatch: F,
+      stopScrollWatch: A
+    } = Z({ refChatList: y, chats: C, emit: g }), {
+      selectChat: p
+    } = tt({ chats: C, emit: g }), {
+      filter: V,
+      getSortedAndFilteredChats: d,
+      getFilter: q
+    } = et({ props: i, emit: g }), {
+      expandChat: S,
+      action: x,
+      handleTabClick: z
+    } = at({ emit: g });
+    return H(async () => {
+      await O(), m(), window.addEventListener("resize", m);
+    }), P(() => {
+      m();
+    }), W(() => {
+      window.removeEventListener("resize", m);
+    }), (r, o) => (s(), l("div", ot, [
+      M(r.$slots, "header", {}, void 0, !0),
+      M(r.$slots, "sidebar", {}, void 0, !0),
+      a.filterEnabled ? (s(), f(J, {
         key: 0,
         class: "chat-list__filter",
-        onUpdate: e(A)
+        onUpdate: e(q)
       }, null, 8, ["onUpdate"])) : n("", !0),
-      s.dialogTabs && s.dialogTabs.length > 0 ? (a(), u($, {
+      a.dialogTabs && a.dialogTabs.length > 0 ? (s(), f(K, {
         key: 1,
-        tabs: s.dialogTabs,
-        onTabClick: e(E)
+        tabs: a.dialogTabs,
+        onTabClick: e(z)
       }, null, 8, ["tabs", "onTabClick"])) : 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)
+      a.isSearching || a.searchQuery ? (s(), l("div", it, [
+        c("div", lt, [
+          c("div", nt, [
+            a.isSearching ? (s(), l("span", rt, h(a.searchProgress || "Поиск..."), 1)) : (s(), l("span", ct, [
+              j(' Поиск "' + h(a.searchQuery) + '" завершён ', 1),
+              a.searchStats.loaded > 0 ? (s(), l("span", dt, " (" + h(a.searchStats.loaded) + " " + h(a.searchStats.total !== "?" ? `из ${a.searchStats.total}` : "") + ") ", 1)) : n("", !0)
             ]))
           ]),
-          s.searchQuery ? (a(), o("button", {
+          a.searchQuery ? (s(), l("button", {
             key: 0,
             class: "chat-list__search-clear",
             title: "Очистить поиск",
-            onClick: i[0] || (i[0] = (t) => h("clear-search"))
-          }, [...i[5] || (i[5] = [
-            r("i", { class: "pi pi-times" }, null, -1)
+            onClick: o[0] || (o[0] = (t) => g("clear-search"))
+          }, [...o[5] || (o[5] = [
+            c("i", { class: "pi pi-times" }, null, -1)
           ])])) : n("", !0)
         ])
       ])) : n("", !0),
-      !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, {
+      !i.isLoading && e(d)().filter((t) => t.isFixedTop).length > 0 ? (s(), l("div", ut, [
+        (s(!0), l(v, null, k(e(d)().filter((t) => t.isFixedTop), (t) => (s(), f(_, {
           key: t.chatId,
           class: "chat-list__item",
           chat: t,
-          "show-dialogs": s.showDialogs,
-          "context-menu-trigger": l.contextMenuTrigger,
-          onSelect: e(g),
-          onExpand: e(m),
-          onAction: e(f)
+          "show-dialogs": a.showDialogs,
+          "context-menu-trigger": i.contextMenuTrigger,
+          onSelect: e(p),
+          onExpand: e(S),
+          onAction: e(x)
         }, null, 8, ["chat", "show-dialogs", "context-menu-trigger", "onSelect", "onExpand", "onAction"]))), 128))
       ])) : n("", !0),
-      r("div", {
+      c("div", {
         ref_key: "refChatList",
-        ref: S,
+        ref: y,
         class: "chat-list__items",
-        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))
+        onScroll: o[1] || (o[1] = (...t) => e(B) && e(B)(...t)),
+        onMousedown: o[2] || (o[2] = (...t) => e(F) && e(F)(...t)),
+        onMouseup: o[3] || (o[3] = (...t) => e(A) && e(A)(...t))
       }, [
-        w(q, {
+        Q(X, {
           class: "chat-list__loading-indicator",
-          "is-loading": l.isLoading
+          "is-loading": i.isLoading
         }, null, 8, ["is-loading"]),
-        !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)
+        !i.isLoading && e(d)().length === 0 ? (s(), l("div", {
+          key: 0,
+          class: "chat-list__no-data",
+          style: R($.value)
+        }, [
+          c("div", ht, [
+            c("p", gt, h(N.value), 1),
+            L.value ? (s(), l("p", ft, h(L.value), 1)) : n("", !0)
           ])
-        ])) : (a(!0), o(y, { key: 1 }, p(e(c)().filter((t) => !t.isFixedBottom && !t.isFixedTop), (t) => (a(), u(x, {
+        ], 4)) : (s(!0), l(v, { key: 1 }, k(e(d)().filter((t) => !t.isFixedBottom && !t.isFixedTop), (t) => (s(), f(_, {
           key: t.chatId,
           class: "chat-list__item",
           chat: t,
-          "show-dialogs": s.showDialogs,
-          "context-menu-trigger": l.contextMenuTrigger,
-          onSelect: e(g),
-          onExpand: e(m),
-          onAction: e(f)
+          "show-dialogs": a.showDialogs,
+          "context-menu-trigger": i.contextMenuTrigger,
+          onSelect: e(p),
+          onExpand: e(S),
+          onAction: e(x)
         }, null, 8, ["chat", "show-dialogs", "context-menu-trigger", "onSelect", "onExpand", "onAction"]))), 128))
       ], 544),
-      !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, {
+      !i.isLoading && e(d)().filter((t) => t.isFixedBottom).length > 0 ? (s(), l("div", mt, [
+        (s(!0), l(v, null, k(e(d)().filter((t) => t.isFixedBottom), (t) => (s(), f(_, {
           key: t.chatId,
           class: "chat-list__item",
           chat: t,
-          "show-dialogs": s.showDialogs,
-          "context-menu-trigger": l.contextMenuTrigger,
-          onSelect: e(g),
-          onExpand: e(m),
-          onAction: e(f)
+          "show-dialogs": a.showDialogs,
+          "context-menu-trigger": i.contextMenuTrigger,
+          onSelect: e(p),
+          onExpand: e(S),
+          onAction: e(x)
         }, null, 8, ["chat", "show-dialogs", "context-menu-trigger", "onSelect", "onExpand", "onAction"]))), 128))
       ])) : n("", !0),
-      w(Q, null, {
-        default: N(() => [
-          e(B) ? (a(), o("button", {
+      Q(Y, null, {
+        default: G(() => [
+          e(U) ? (s(), l("button", {
             key: 0,
             class: "chat-list__button-up",
-            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)
+            onClick: o[4] || (o[4] = (...t) => e(E) && e(E)(...t))
+          }, [...o[6] || (o[6] = [
+            c("span", { class: "pi pi-angle-up chat-list__icon-down" }, null, -1)
           ])])) : n("", !0)
         ]),
         _: 1
       })
     ]));
   }
-}, yt = /* @__PURE__ */ j(it, [["__scopeId", "data-v-53a4e79e"]]);
+}, Et = /* @__PURE__ */ st(yt, [["__scopeId", "data-v-20eeef36"]]);
 export {
-  yt as default
+  Et as default
 };