@mobilon-dev/chotto 0.3.97 → 0.3.98

package/dist/components/3_compounds/ChatInput/icons/SendIcon.vue.js

@@ -1,24 +1,25 @@
-import { defineComponent as o, createElementBlock as i, openBlock as n, createElementVNode as t } from "vue";
-const c = {
+import n from "./SendIcon.vue2.js";
+import { createElementBlock as c, openBlock as i, createElementVNode as t } from "vue";
+import l from "../../../../_virtual/_plugin-vue_export-helper.js";
+const r = {
   width: "30",
   height: "30",
   viewBox: "0 0 30 30",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, r = { "clip-path": "url(#clip0_5094_38)" }, s = ["fill"], p = /* @__PURE__ */ o({
-  __name: "SendIcon",
-  props: {
-    color: { default: "#6C757D" }
-  },
-  setup(l) {
-    return (C, e) => (n(), i("svg", c, [
-      t("g", r, [
-        t("path", {
-          d: "M29.2562 15.8609C29.4249 15.7886 29.5687 15.6685 29.6697 15.5153C29.7708 15.3621 29.8246 15.1826 29.8246 14.9991C29.8246 14.8156 29.7708 14.6361 29.6697 14.4829C29.5687 14.3297 29.4249 14.2096 29.2562 14.1373L2.25448 2.56551L2.25315 2.56418L1.41523 2.20356C1.25645 2.13533 1.0819 2.11232 0.910865 2.13706C0.739829 2.16181 0.57896 2.23335 0.44603 2.34378C0.3131 2.45421 0.21328 2.59924 0.157599 2.76284C0.101917 2.92644 0.0925408 3.10225 0.130504 3.27085L0.329378 4.15915L0.328052 4.16313L2.73707 14.9991L0.328052 25.8351L0.328051 25.8404L0.129177 26.7287C0.0918219 26.8971 0.101658 27.0725 0.157599 27.2357C0.213541 27.3989 0.313419 27.5435 0.446241 27.6535C0.579064 27.7636 0.739678 27.8349 0.910408 27.8596C1.08114 27.8842 1.25536 27.8613 1.4139 27.7933L29.2562 15.8609ZM24.3202 15.9365H4.44872L4.61179 15.2033C4.6418 15.0688 4.6418 14.9294 4.61179 14.7949L4.44872 14.0617H24.3202L26.5065 14.9991L24.3215 15.9378L24.3202 15.9365Z",
-          fill: l.color
-        }, null, 8, s)
-      ]),
-      e[0] || (e[0] = t("defs", null, [
+}, s = { "clip-path": "url(#clip0_5094_38)" }, p = ["fill"];
+function _(d, o, e, h, L, f) {
+  return i(), c("svg", r, [
+    t("g", s, [
+      t("path", {
+        d: "M29.2562 15.8609C29.4249 15.7886 29.5687 15.6685 29.6697 15.5153C29.7708 15.3621 29.8246 15.1826 29.8246 14.9991C29.8246 14.8156 29.7708 14.6361 29.6697 14.4829C29.5687 14.3297 29.4249 14.2096 29.2562 14.1373L2.25448 2.56551L2.25315 2.56418L1.41523 2.20356C1.25645 2.13533 1.0819 2.11232 0.910865 2.13706C0.739829 2.16181 0.57896 2.23335 0.44603 2.34378C0.3131 2.45421 0.21328 2.59924 0.157599 2.76284C0.101917 2.92644 0.0925408 3.10225 0.130504 3.27085L0.329378 4.15915L0.328052 4.16313L2.73707 14.9991L0.328052 25.8351L0.328051 25.8404L0.129177 26.7287C0.0918219 26.8971 0.101658 27.0725 0.157599 27.2357C0.213541 27.3989 0.313419 27.5435 0.446241 27.6535C0.579064 27.7636 0.739678 27.8349 0.910408 27.8596C1.08114 27.8842 1.25536 27.8613 1.4139 27.7933L29.2562 15.8609ZM24.3202 15.9365H4.44872L4.61179 15.2033C4.6418 15.0688 4.6418 14.9294 4.61179 14.7949L4.44872 14.0617H24.3202L26.5065 14.9991L24.3215 15.9378L24.3202 15.9365Z",
+        fill: e.color
+      }, null, 8, p)
+    ]),
+    o[0] || (o[0] = t(
+      "defs",
+      null,
+      [
         t("clipPath", { id: "clip0_5094_38" }, [
           t("rect", {
             width: "30",
@@ -26,10 +27,13 @@ const c = {
             fill: "white"
           })
         ])
-      ], -1))
-    ]));
-  }
-});
+      ],
+      -1
+      /* CACHED */
+    ))
+  ]);
+}
+const u = /* @__PURE__ */ l(n, [["render", _], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/3_compounds/ChatInput/icons/SendIcon.vue"]]);
 export {
-  p as default
+  u as default
 };

package/dist/components/3_compounds/ChatInput/icons/SendIcon.vue2.js

@@ -1,4 +1,15 @@
-import f from "./SendIcon.vue.js";
+import { defineComponent as t } from "vue";
+const p = /* @__PURE__ */ t({
+  __name: "SendIcon",
+  props: {
+    color: { type: String, required: !1, default: "#6C757D" }
+  },
+  setup(n, { expose: r }) {
+    r();
+    const e = {};
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  }
+});
 export {
-  f as default
+  p as default
 };

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

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

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

@@ -1,12 +1,9 @@
-import { createElementBlock as a, openBlock as e, createElementVNode as i, renderSlot as c, createBlock as s, createCommentVNode as o, toDisplayString as d, withCtx as p } from "vue";
-import _ from "./icons/LogoIcon.vue.js";
-import u from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import p from "./icons/LogoIcon.vue.js";
+import c from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { createElementBlock as l, openBlock as o, createElementVNode as s, renderSlot as d, createBlock as i, createCommentVNode as a, toDisplayString as _, withCtx as f } from "vue";
 /* empty css                    */
-import m from "../../../_virtual/_plugin-vue_export-helper.js";
-const b = { class: "chat-list__title-container" }, f = { class: "chat-list__title-block" }, h = {
-  key: 1,
-  class: "chat-list__title"
-}, y = {
+import u from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = {
   __name: "ChatListHeader",
   props: {
     title: {
@@ -31,30 +28,51 @@ const b = { class: "chat-list__title-container" }, f = { class: "chat-list__titl
 Некоторые функции находятся в разработке.`
     }
   },
-  setup(r) {
-    const t = r;
-    return (n, l) => (e(), a("div", b, [
-      i("div", f, [
-        t.logoEnabled ? (e(), s(_, {
-          key: 0,
-          class: "chat-list__title-logo"
-        })) : o("", !0),
-        t.titleEnabled ? (e(), a("h2", h, d(t.title), 1)) : o("", !0),
-        t.betaEnabled ? (e(), s(u, {
-          key: 2,
-          text: t.betaTooltipText,
-          position: "bottom"
-        }, {
-          default: p(() => [...l[0] || (l[0] = [
-            i("div", { class: "chat-list__title-beta-badge" }, " beta ", -1)
-          ])]),
-          _: 1
-        }, 8, ["text"])) : o("", !0)
-      ]),
-      c(n.$slots, "actions", {}, void 0, !0)
-    ]));
+  setup(r, { expose: e }) {
+    e();
+    const t = { props: r, LogoIcon: p, Tooltip: c };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
   }
-}, T = /* @__PURE__ */ m(y, [["__scopeId", "data-v-5ce39f28"]]);
+}, b = { class: "chat-list__title-container" }, h = { class: "chat-list__title-block" }, v = {
+  key: 1,
+  class: "chat-list__title"
+};
+function y(r, e, n, t, g, x) {
+  return o(), l("div", b, [
+    s("div", h, [
+      t.props.logoEnabled ? (o(), i(t.LogoIcon, {
+        key: 0,
+        class: "chat-list__title-logo"
+      })) : a("v-if", !0),
+      t.props.titleEnabled ? (o(), l(
+        "h2",
+        v,
+        _(t.props.title),
+        1
+        /* TEXT */
+      )) : a("v-if", !0),
+      t.props.betaEnabled ? (o(), i(t.Tooltip, {
+        key: 2,
+        text: t.props.betaTooltipText,
+        position: "bottom"
+      }, {
+        default: f(() => [...e[0] || (e[0] = [
+          s(
+            "div",
+            { class: "chat-list__title-beta-badge" },
+            " beta ",
+            -1
+            /* CACHED */
+          )
+        ])]),
+        _: 1
+        /* STABLE */
+      }, 8, ["text"])) : a("v-if", !0)
+    ]),
+    d(r.$slots, "actions", {}, void 0, !0)
+  ]);
+}
+const S = /* @__PURE__ */ u(m, [["render", y], ["__scopeId", "data-v-c1682de6"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/3_compounds/ChatList/ChatListHeader.vue"]]);
 export {
-  T as default
+  S as default
 };