@mobilon-dev/chotto 0.3.32 → 0.3.34

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

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

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

@@ -1,14 +1,14 @@
-import { toRef as x, computed as B, ref as _, onMounted as P, nextTick as I, onUnmounted as U, watch as W, createElementBlock as a, openBlock as n, normalizeClass as s, createCommentVNode as f, createElementVNode as u, normalizeStyle as J, Fragment as S, renderList as E, createBlock as T, withCtx as y, toDisplayString as q, createVNode as A } from "vue";
+import { toRef as B, computed as I, ref as m, onMounted as P, nextTick as S, onUnmounted as U, watch as W, createElementBlock as a, openBlock as n, normalizeClass as s, createCommentVNode as u, createElementVNode as d, normalizeStyle as J, Fragment as E, renderList as T, createBlock as q, withCtx as y, toDisplayString as A, createVNode as w } from "vue";
 import K from "../../1_atoms/ButtonContextMenu/ButtonContextMenu.vue.js";
 import O from "../../1_icons/SettingsIcon.vue.js";
-import w from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import R from "../../1_atoms/Tooltip/Tooltip.vue.js";
 /* empty css             */
 import Q from "../../../_virtual/_plugin-vue_export-helper.js";
-const X = { class: "sidebar__scroll-container" }, Z = ["onClick"], $ = ["src", "alt"], ee = {
+const X = ["onClick"], Z = ["src", "alt"], $ = {
   key: 1,
   class: "sidebar__notification-count"
-}, te = ["onClick"], oe = ["src", "alt"], ne = ["src"], ie = { key: 2 }, ae = {
-  key: 1,
+}, ee = { class: "sidebar__scroll-container" }, te = ["onClick"], oe = ["src", "alt"], ne = ["src"], ie = { key: 2 }, ae = {
+  key: 2,
   class: "sidebar__settings-container"
 }, se = { class: "sidebar__settings-btn" }, re = {
   __name: "SideBar",
@@ -35,15 +35,15 @@ const X = { class: "sidebar__scroll-container" }, Z = ["onClick"], $ = ["src", "
     }
   },
   emits: ["selectItem"],
-  setup(i, { emit: R }) {
-    const C = i, m = x(C, "sidebarItems"), M = x(C, "menuActions"), F = R, L = B(
-      () => m.value.filter((e) => e.isFixedBottom).sort((e, t) => t.notificationCount - e.notificationCount)
-    ), N = B(
-      () => m.value.filter((e) => !e.isFixedBottom).sort((e, t) => t.notificationCount - e.notificationCount)
+  setup(i, { emit: M }) {
+    const k = i, f = B(k, "sidebarItems"), F = B(k, "menuActions"), L = M, C = I(
+      () => f.value.filter((e) => e.isFixedBottom).sort((e, t) => t.notificationCount - e.notificationCount)
+    ), N = I(
+      () => f.value.filter((e) => !e.isFixedBottom).sort((e, t) => t.notificationCount - e.notificationCount)
     ), V = (e) => {
-      const t = m.value.find((o) => o.itemId === e);
-      F("selectItem", t);
-    }, k = (e, t) => {
+      const t = f.value.find((o) => o.itemId === e);
+      L("selectItem", t);
+    }, p = (e, t) => {
       D(e.currentTarget), V(t);
     }, H = (e) => {
       const t = e.split(" ");
@@ -52,21 +52,21 @@ const X = { class: "sidebar__scroll-container" }, Z = ["onClick"], $ = ["src", "
       console.log("Выбрано действие:", e), typeof e.action == "function" && e.action();
     }, j = () => {
       console.log("Кнопка меню была нажата");
-    }, l = _(null), v = _(!1), g = _(0), h = _(40), b = _(!1), p = (e) => {
+    }, l = m(null), v = m(!1), g = m(0), h = m(40), b = m(!1), z = (e) => {
       const t = l.value;
       if (!t || !e) return 0;
       const o = t.getBoundingClientRect(), r = e.getBoundingClientRect(), G = r.top + r.height / 2 - o.top - h.value / 2;
       return Math.max(0, G);
-    }, d = () => {
+    }, _ = () => {
       if (!l.value) return;
       const t = l.value.querySelector(".sidebar__image--active");
-      t ? (g.value = p(t), v.value = !0) : v.value = !1;
+      t ? (g.value = z(t), v.value = !0) : v.value = !1;
     }, D = (e) => {
       try {
         if (!e || !l.value) return;
         const t = e.querySelector(".sidebar__image");
         if (!t) return;
-        const o = p(t), r = 12, c = 160;
+        const o = z(t), r = 12, c = 160;
         b.value = !0, h.value = r, setTimeout(() => {
           g.value = o, requestAnimationFrame(() => {
             h.value = 40, setTimeout(() => {
@@ -76,18 +76,18 @@ const X = { class: "sidebar__scroll-container" }, Z = ["onClick"], $ = ["src", "
         }, c);
       } catch {
       }
-    }, z = () => d();
+    }, x = () => _();
     return P(() => {
       var t;
-      I(d), window.addEventListener("resize", z);
+      S(_), window.addEventListener("resize", x);
       const e = (t = l.value) == null ? void 0 : t.querySelector(".sidebar__scroll-container");
-      e && e.addEventListener("scroll", d);
+      e && e.addEventListener("scroll", _);
     }), U(() => {
       var t;
-      window.removeEventListener("resize", z);
+      window.removeEventListener("resize", x);
       const e = (t = l.value) == null ? void 0 : t.querySelector(".sidebar__scroll-container");
-      e && e.removeEventListener("scroll", d);
-    }), W(() => m.value.map((e) => e.selected), () => I(d)), (e, t) => (n(), a("div", {
+      e && e.removeEventListener("scroll", _);
+    }), W(() => f.value.map((e) => e.selected), () => S(_)), (e, t) => (n(), a("div", {
       ref_key: "containerRef",
       ref: l,
       class: s(["sidebar__container", { "sidebar-horizontal__container": i.horizontal }])
@@ -96,54 +96,55 @@ const X = { class: "sidebar__scroll-container" }, Z = ["onClick"], $ = ["src", "
         key: 0,
         class: s(["sidebar__selected-bar", { "is-animating": b.value }]),
         style: J({ top: g.value + "px", height: h.value + "px" })
-      }, null, 6)) : f("", !0),
-      u("div", X, [
-        u("ul", {
-          class: s(["sidebar__list-fixed", { "sidebar-horizontal__list-fixed": i.horizontal }])
+      }, null, 6)) : u("", !0),
+      C.value.length > 0 ? (n(), a("ul", {
+        key: 1,
+        class: s(["sidebar__list-fixed", { "sidebar-horizontal__list-fixed": i.horizontal }])
+      }, [
+        (n(!0), a(E, null, T(C.value, (o, r) => (n(), a("li", {
+          key: r,
+          class: s(["sidebar__item-fixed", { "sidebar-horizontal__item": i.horizontal }]),
+          onClick: (c) => p(c, o.itemId)
         }, [
-          (n(!0), a(S, null, E(L.value, (o, r) => (n(), a("li", {
-            key: r,
-            class: s(["sidebar__item-fixed", { "sidebar-horizontal__item": i.horizontal }]),
-            onClick: (c) => k(c, o.itemId)
-          }, [
-            o.name ? (n(), T(w, {
-              key: 0,
-              text: H(o.name),
-              position: "right",
-              offset: 8
-            }, {
-              default: y(() => [
-                u("img", {
-                  src: o.icon,
-                  alt: o.name,
-                  class: s(["sidebar__image", {
-                    "sidebar__image--active": o.selected === !0,
-                    "sidebar-horizontal__image": i.horizontal
-                  }])
-                }, null, 10, $),
-                t[0] || (t[0] = u("p", null, "Мои", -1))
-              ]),
-              _: 2
-            }, 1032, ["text"])) : f("", !0),
-            o.notificationCount ? (n(), a("span", ee, q(o.notificationCount > 99 ? "99+" : o.notificationCount), 1)) : f("", !0)
-          ], 10, Z))), 128))
-        ], 2),
-        u("ul", {
+          o.name ? (n(), q(R, {
+            key: 0,
+            text: H(o.name),
+            position: "right",
+            offset: 8
+          }, {
+            default: y(() => [
+              d("img", {
+                src: o.icon,
+                alt: o.name,
+                class: s(["sidebar__image", {
+                  "sidebar__image--active": o.selected === !0,
+                  "sidebar-horizontal__image": i.horizontal
+                }])
+              }, null, 10, Z),
+              t[0] || (t[0] = d("p", null, "Мои", -1))
+            ]),
+            _: 2
+          }, 1032, ["text"])) : u("", !0),
+          o.notificationCount ? (n(), a("span", $, A(o.notificationCount > 99 ? "99+" : o.notificationCount), 1)) : u("", !0)
+        ], 10, X))), 128))
+      ], 2)) : u("", !0),
+      d("div", ee, [
+        d("ul", {
           class: s(["sidebar__list", { "sidebar-horizontal__list": i.horizontal }])
         }, [
-          (n(!0), a(S, null, E(N.value, (o, r) => (n(), a("li", {
+          (n(!0), a(E, null, T(N.value, (o, r) => (n(), a("li", {
             key: r,
             class: s(["sidebar__item", { "sidebar-horizontal__item": i.horizontal }]),
-            onClick: (c) => k(c, o.itemId)
+            onClick: (c) => p(c, o.itemId)
           }, [
-            o.name ? (n(), T(w, {
+            o.name ? (n(), q(R, {
               key: 0,
               text: o.name,
               position: "right",
               offset: 8
             }, {
               default: y(() => [
-                u("img", {
+                d("img", {
                   src: o.icon,
                   alt: o.name,
                   class: s(["sidebar__image", {
@@ -162,29 +163,29 @@ const X = { class: "sidebar__scroll-container" }, Z = ["onClick"], $ = ["src", "
                 "sidebar-horizontal__image": i.horizontal
               }])
             }, null, 10, ne)),
-            o.notificationCount ? (n(), a("span", ie, q(o.notificationCount > 99 ? "99+" : o.notificationCount), 1)) : f("", !0)
+            o.notificationCount ? (n(), a("span", ie, A(o.notificationCount > 99 ? "99+" : o.notificationCount), 1)) : u("", !0)
           ], 10, te))), 128))
         ], 2)
       ]),
       i.showSettings ? (n(), a("div", ae, [
-        A(K, {
-          actions: M.value,
+        w(K, {
+          actions: F.value,
           mode: "click",
           "menu-side": "top-right",
           onClick: Y,
           onButtonClick: j
         }, {
           default: y(() => [
-            u("button", se, [
-              A(O)
+            d("button", se, [
+              w(O)
             ])
           ]),
           _: 1
         }, 8, ["actions"])
-      ])) : f("", !0)
+      ])) : u("", !0)
     ], 2));
   }
-}, me = /* @__PURE__ */ Q(re, [["__scopeId", "data-v-6dff8029"]]);
+}, fe = /* @__PURE__ */ Q(re, [["__scopeId", "data-v-8b18d054"]]);
 export {
-  me as default
+  fe as default
 };

package/dist/hooks/messages/useChannelAccentColor.js

@@ -1,27 +1,43 @@
-import { computed as n, unref as a, inject as p } from "vue";
-import { getChannelAccentColor as h } from "../../functions/getChannelAccentColor.js";
+import { computed as s, unref as g, inject as b } from "vue";
+import { getChannelAccentColor as C } from "../../functions/getChannelAccentColor.js";
 import "../../functions/parseMarkdown.js";
-function j(d, f = {}) {
-  const { cssVariable: u, position: i = "right" } = f, o = n(() => a(d)), s = p("selectedChat", void 0), v = n(() => {
-    if (s)
-      return a(s);
-  }), c = n(() => {
-    const e = v.value, t = o.value;
+function I(o, l = 0.6) {
+  const n = o.replace("#", ""), u = parseInt(n.substring(0, 2), 16), r = parseInt(n.substring(2, 4), 16), a = parseInt(n.substring(4, 6), 16);
+  return `rgba(${u}, ${r}, ${a}, ${l})`;
+}
+function y(o) {
+  if (typeof document > "u")
+    return !1;
+  if (o) {
+    const n = document.getElementById(o);
+    return (n == null ? void 0 : n.dataset.theme) === "glass";
+  }
+  return document.querySelector('[data-theme="glass"]') !== null;
+}
+function j(o, l = {}) {
+  const { cssVariable: n, position: u = "right" } = l, r = s(() => g(o)), a = b("chatAppId", void 0), d = b("selectedChat", void 0), m = s(() => {
+    if (d)
+      return g(d);
+  }), f = s(() => {
+    const e = m.value, t = r.value;
     if (!(t != null && t.dialogId) || !(e != null && e.dialogs))
       return;
-    const l = e.dialogs.find((g) => g.dialogId === t.dialogId);
-    return l == null ? void 0 : l.channelId;
-  }), C = n(() => {
+    const i = e.dialogs.find((v) => v.dialogId === t.dialogId);
+    return i == null ? void 0 : i.channelId;
+  }), h = s(() => {
     var e;
-    return i === "both" ? !0 : (e = o.value) != null && e.position ? o.value.position === i : !1;
-  }), r = n(() => {
-    const e = o.value;
-    return !e || !C.value ? null : e.backgroundColor ? e.backgroundColor : h(c.value, null);
-  }), b = n(() => !u || !r.value ? null : { [u]: r.value });
+    return u === "both" ? !0 : (e = r.value) != null && e.position ? r.value.position === u : !1;
+  }), c = s(() => {
+    const e = r.value;
+    if (!e || !h.value)
+      return null;
+    let t = null;
+    return e.backgroundColor ? t = e.backgroundColor : t = C(f.value, null), t && y(a) && t.startsWith("#") ? I(t, 0.6) : t;
+  }), p = s(() => !n || !c.value ? null : { [n]: c.value });
   return {
-    bubbleColor: r,
-    bubbleStyle: b,
-    messageChannelId: c
+    bubbleColor: c,
+    bubbleStyle: p,
+    messageChannelId: f
   };
 }
 export {