@mobilon-dev/chotto 0.3.31 → 0.3.32

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

@@ -0,0 +1,23 @@
+import { createElementBlock as d, createCommentVNode as s, openBlock as o, createStaticVNode as a } from "vue";
+/* empty css                      */
+import l from "../../../_virtual/_plugin-vue_export-helper.js";
+const i = {
+  key: 0,
+  class: "messages-loading-indicator"
+}, c = {
+  __name: "LoadingIndicator",
+  props: {
+    isLoading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(t) {
+    return (r, e) => t.isLoading ? (o(), d("div", i, [...e[0] || (e[0] = [
+      a('<svg width="120px" height="116px" viewBox="-8 -8 120 116" xmlns="http://www.w3.org/2000/svg" data-v-eed64d67><ellipse class="dot dot-1" cx="51.75" cy="18.82" rx="12.18" ry="12.14" data-v-eed64d67></ellipse><ellipse class="dot dot-2" cx="84.42" cy="42.24" rx="12.18" ry="12.14" data-v-eed64d67></ellipse><ellipse class="dot dot-3" cx="72.00" cy="80.35" rx="12.18" ry="12.14" data-v-eed64d67></ellipse><ellipse class="dot dot-4" cx="31.51" cy="80.35" rx="12.18" ry="12.14" data-v-eed64d67></ellipse><ellipse class="dot dot-5" cx="18.86" cy="42.24" rx="12.18" ry="12.14" data-v-eed64d67></ellipse></svg>', 1)
+    ])])) : s("", !0);
+  }
+}, m = /* @__PURE__ */ l(c, [["__scopeId", "data-v-eed64d67"]]);
+export {
+  m as default
+};

package/dist/components/2_blocks/CommunicationPanel/composables/useCommunicationChannels.js

@@ -9,7 +9,7 @@ import v from "../icons/CommunicationPanelSubmenuWhatsAppIcon.vue.js";
 import x from "../icons/CommunicationPanelSubmenuTelegramIcon.vue.js";
 import w from "../icons/CommunicationPanelSubmenuMaxIcon.vue.js";
 import A from "../icons/CommunicationPanelSubmenuSMSIcon.vue.js";
-const F = ["phone", "whatsapp", "telegram", "max", "sms"], y = {
+const F = ["whatsapp", "telegram", "max", "sms", "phone"], y = {
   phone: P,
   whatsapp: S,
   telegram: M,

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

@@ -1,29 +1,30 @@
-import { ref as L, computed as I, createElementBlock as o, openBlock as a, renderSlot as v, createBlock as r, createCommentVNode as n, createElementVNode as i, createVNode as D, unref as e, toDisplayString as h, createTextVNode as Q, Fragment as u, renderList as g, Transition as N, withCtx as V } from "vue";
-import p from "../../2_chatlist_elements/ChatItem/ChatItem.vue.js";
+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 { useChatListScroll as M } 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 M 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";
 /* empty css              */
-import j from "../../../_virtual/_plugin-vue_export-helper.js";
-const O = { class: "chat-list" }, R = {
+import O from "../../../_virtual/_plugin-vue_export-helper.js";
+const R = { class: "chat-list" }, z = {
   key: 2,
   class: "chat-list__search-indicator"
-}, z = { class: "chat-list__search-content" }, G = { class: "chat-list__search-text" }, H = {
+}, G = { class: "chat-list__search-content" }, H = { class: "chat-list__search-text" }, J = {
   key: 0,
   class: "chat-list__search-progress"
-}, J = {
+}, K = {
   key: 1,
   class: "chat-list__search-query"
-}, K = {
+}, X = {
   key: 0,
   class: "chat-list__search-stats"
-}, X = {
+}, Y = {
   key: 0,
   class: "chat-list__no-data"
-}, Y = { class: "chat-list__fixed-items-top" }, Z = { class: "chat-list__scrollable-items" }, tt = { class: "chat-list__fixed-items-bottom" }, et = {
+}, Z = { class: "chat-list__fixed-items-top" }, tt = { class: "chat-list__scrollable-items" }, et = { class: "chat-list__fixed-items-bottom" }, st = {
   __name: "ChatList",
   props: {
     chats: {
@@ -66,45 +67,49 @@ const O = { class: "chat-list" }, R = {
     showDialogs: {
       type: Boolean,
       default: !0
+    },
+    isLoading: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["select", "action", "loadMoreChats", "expand", "tab-click", "search", "clear-search"],
   setup(s, { emit: A }) {
-    const S = s, c = A, k = L(), _ = I(() => S.chats), {
-      isShowButton: E,
+    const d = s, c = A, _ = I(), k = D(() => d.chats), {
+      isShowButton: B,
       scrollToTopForce: C,
       scrollCheck: b,
       startScrollWatch: x,
       stopScrollWatch: T
-    } = M({ refChatList: k, chats: _, emit: c }), {
-      selectChat: m
-    } = P({ chats: _, emit: c }), {
-      getSortedAndFilteredChats: d,
-      getFilter: F
-    } = U({ props: S, emit: c }), {
-      expandChat: f,
+    } = 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: B
-    } = W({ emit: c });
-    return (w, l) => (a(), o("div", O, [
+      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($, {
         key: 0,
         class: "chat-list__filter",
-        onUpdate: e(F)
+        onUpdate: e(E)
       }, null, 8, ["onUpdate"])) : n("", !0),
       s.dialogTabs && s.dialogTabs.length > 0 ? (a(), r(q, {
         key: 1,
         tabs: s.dialogTabs,
-        onTabClick: e(B)
+        onTabClick: e(F)
       }, null, 8, ["tabs", "onTabClick"])) : n("", !0),
-      s.isSearching || s.searchQuery ? (a(), o("div", R, [
-        i("div", z, [
-          i("div", G, [
-            s.isSearching ? (a(), o("span", H, h(s.searchProgress || "Поиск..."), 1)) : (a(), o("span", J, [
-              Q(' Поиск "' + h(s.searchQuery) + '" завершён ', 1),
-              s.searchStats.loaded > 0 ? (a(), o("span", K, " (" + h(s.searchStats.loaded) + " " + h(s.searchStats.total !== "?" ? `из ${s.searchStats.total}` : "") + ") ", 1)) : 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.searchQuery ? (a(), o("button", {
@@ -119,56 +124,60 @@ const O = { class: "chat-list" }, R = {
       ])) : n("", !0),
       i("div", {
         ref_key: "refChatList",
-        ref: k,
+        ref: _,
         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))
       }, [
-        e(d)().length === 0 ? (a(), o("div", X, [...l[6] || (l[6] = [
+        L(M, {
+          class: "chat-list__loading-indicator",
+          "is-loading": d.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 в карточку контакта ")
           ], -1)
-        ])])) : (a(), o(u, { key: 1 }, [
-          i("div", Y, [
-            (a(!0), o(u, null, g(e(d)().filter((t) => t.isFixedTop), (t) => (a(), r(p, {
+        ])])) : (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(m),
-              onExpand: e(f),
+              onSelect: e(f),
+              onExpand: e(g),
               onAction: e(y)
             }, null, 8, ["chat", "show-dialogs", "onSelect", "onExpand", "onAction"]))), 128))
           ]),
-          i("div", Z, [
-            (a(!0), o(u, null, g(e(d)().filter((t) => !t.isFixedBottom && !t.isFixedTop), (t) => (a(), r(p, {
+          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(m),
-              onExpand: e(f),
+              onSelect: e(f),
+              onExpand: e(g),
               onAction: e(y)
             }, null, 8, ["chat", "show-dialogs", "onSelect", "onExpand", "onAction"]))), 128))
           ]),
-          i("div", tt, [
-            (a(!0), o(u, null, g(e(d)().filter((t) => t.isFixedBottom), (t) => (a(), r(p, {
+          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(m),
-              onExpand: e(f),
+              onSelect: e(f),
+              onExpand: e(g),
               onAction: e(y)
             }, null, 8, ["chat", "show-dialogs", "onSelect", "onExpand", "onAction"]))), 128))
           ])
         ], 64))
       ], 544),
-      D(N, null, {
+      L(N, null, {
         default: V(() => [
-          e(E) ? (a(), o("button", {
+          e(B) ? (a(), o("button", {
             key: 0,
             class: "chat-list__button-up",
             onClick: l[4] || (l[4] = (...t) => e(C) && e(C)(...t))
@@ -180,7 +189,7 @@ const O = { class: "chat-list" }, R = {
       })
     ]));
   }
-}, ut = /* @__PURE__ */ j(et, [["__scopeId", "data-v-f4c84599"]]);
+}, ft = /* @__PURE__ */ O(st, [["__scopeId", "data-v-98c65a4e"]]);
 export {
-  ut as default
+  ft as default
 };