@mobilon-dev/chotto 0.3.54 → 0.3.56

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

@@ -6,14 +6,15 @@ import "../../../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";
 import { t as c } from "../../../locale/useLocale.js";
 import le from "./icons/SendIcon.vue.js";
 import ie from "../../2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.js";
-const se = { class: "chat-input__container" }, oe = ["id"], ae = ["id"], re = { class: "chat-input__inline-buttons" }, ue = {
+const oe = { class: "chat-input__container" }, se = ["id"], ae = ["id"], re = { class: "chat-input__inline-buttons" }, ue = {
   key: 0,
   class: "chat-input__input chat-input__disabled-placeholder"
-}, ce = ["disabled", "placeholder"], de = ["disabled"], pe = { class: "" }, fe = { class: "chat-input__third-line" }, Ae = /* @__PURE__ */ N({
+}, ce = ["disabled", "placeholder"], de = ["disabled"], pe = { class: "" }, fe = { class: "chat-input__third-line" }, De = /* @__PURE__ */ N({
   __name: "ChatInput",
   props: {
     state: {
@@ -80,11 +81,11 @@ const se = { class: "chat-input__container" }, oe = ["id"], ae = ["id"], re = {
           if (!e) return;
           const t = e.scrollTop;
           e.style.height = "auto";
-          const l = getComputedStyle(e), s = parseFloat(l.fontSize) || 16, W = parseFloat(l.lineHeight) || s * 1.4, I = 40, C = W * 11, S = e.scrollHeight, O = i().text.split(`
-`).length > 1, o = document.createElement("div");
-          o.style.position = "absolute", o.style.visibility = "hidden", o.style.whiteSpace = "nowrap", o.style.font = l.font, o.style.fontSize = l.fontSize, o.style.fontFamily = l.fontFamily, o.style.fontWeight = l.fontWeight, o.style.letterSpacing = l.letterSpacing, o.textContent = i().text, document.body.appendChild(o);
-          const Y = o.offsetWidth;
-          document.body.removeChild(o);
+          const l = getComputedStyle(e), o = parseFloat(l.fontSize) || 16, W = parseFloat(l.lineHeight) || o * 1.4, I = 40, C = W * 11, S = e.scrollHeight, O = i().text.split(`
+`).length > 1, s = document.createElement("div");
+          s.style.position = "absolute", s.style.visibility = "hidden", s.style.whiteSpace = "nowrap", s.style.font = l.font, s.style.fontSize = l.fontSize, s.style.fontFamily = l.fontFamily, s.style.fontWeight = l.fontWeight, s.style.letterSpacing = l.letterSpacing, s.textContent = i().text, document.body.appendChild(s);
+          const Y = s.offsetWidth;
+          document.body.removeChild(s);
           const q = parseFloat(l.paddingLeft) || 0, K = parseFloat(l.paddingRight) || 0, j = e.clientWidth - q - K, V = Y > j, $ = O || V;
           i().text.trim() && $ ? S <= C ? (e.style.height = S + "px", e.style.overflowY = "hidden") : (e.style.height = C + "px", e.style.overflowY = "auto", e.scrollTop = t) : (e.style.height = I + "px", e.style.overflowY = "hidden");
         });
@@ -129,16 +130,16 @@ const se = { class: "chat-input__container" }, oe = ["id"], ae = ["id"], re = {
       if (n.value) {
         const t = n.value.value;
         n.value.value = e.newText;
-        const l = e.newText.length - (t.length - (e.end - e.start)), s = e.start + l;
+        const l = e.newText.length - (t.length - (e.end - e.start)), o = e.start + l;
         v(e.newText), f(() => {
-          n.value && (n.value.setSelectionRange(s, s), n.value.focus());
+          n.value && (n.value.setSelectionRange(o, o), n.value.focus());
         });
       }
     }, g = () => {
       var t, l;
       const e = y(i());
       if (e.value.text != "" || e.value.file) {
-        const s = {
+        const o = {
           type: "",
           text: "",
           url: "",
@@ -146,14 +147,14 @@ const se = { class: "chat-input__container" }, oe = ["id"], ae = ["id"], re = {
           size: "",
           reply: void 0
         };
-        e.value.file ? (s.type = "message." + e.value.file.type, s.url = e.value.file.url, s.filename = e.value.file.name, s.size = (t = e.value.file.size) == null ? void 0 : t.toString(), s.text = (l = e == null ? void 0 : e.value) == null ? void 0 : l.text.trim()) : (s.type = "message.text", s.text = e.value.text.trim()), e.value.reply && (s.reply = e.value.reply), h("send", s), D(), M.value = void 0, n.value && n.value.focus();
+        e.value.file ? (o.type = "message." + e.value.file.type, o.url = e.value.file.url, o.filename = e.value.file.name, o.size = (t = e.value.file.size) == null ? void 0 : t.toString(), o.text = (l = e == null ? void 0 : e.value) == null ? void 0 : l.text.trim()) : (o.type = "message.text", o.text = e.value.text.trim()), e.value.reply && (o.reply = e.value.reply), h("send", o), D(), M.value = void 0, n.value && n.value.focus();
       }
     };
-    return (e, t) => (b(), _("div", se, [
+    return (e, t) => (b(), _("div", oe, [
       u("div", {
         id: "chat-input-reply-line-" + r(m),
         class: "chat-input__reply-line"
-      }, null, 8, oe),
+      }, null, 8, se),
       u("div", {
         id: "chat-input-file-line-" + r(m),
         class: "chat-input__file-line"
@@ -194,5 +195,5 @@ const se = { class: "chat-input__container" }, oe = ["id"], ae = ["id"], re = {
   }
 });
 export {
-  Ae as default
+  De 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
 };

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

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

package/dist/components/3_compounds/Feed/composables/useFeedReply.js

@@ -1,13 +1,14 @@
-import { inject as d } from "vue";
-import { useMessageDraft as o } from "../../../../hooks/useMessageDraft.js";
+import { inject as o } from "vue";
+import { useMessageDraft as d } from "../../../../hooks/useMessageDraft.js";
 import "../../../../hooks/useSearchModel.js";
 import "../../../../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";
-function x({ enableDoubleClickReply: s, emit: n }) {
-  const i = d("chatAppId"), { setReply: p, getMessage: r, resetReply: a } = o(i);
+function A({ enableDoubleClickReply: p, emit: n }) {
+  const i = o("chatAppId"), { setReply: s, getMessage: r, resetReply: a } = d(i);
   return {
     getMessage: r,
     messageAction: (e) => {
@@ -17,9 +18,9 @@ function x({ enableDoubleClickReply: s, emit: n }) {
       n("clickRepliedMessage", e);
     },
     feedObjectDoubleClick: (e, t) => {
-      if (s && (e == null || e.preventDefault(), t.type.indexOf("system") === -1 && t.type.indexOf("typing") === -1)) {
+      if (p && (e == null || e.preventDefault(), t.type.indexOf("system") === -1 && t.type.indexOf("typing") === -1)) {
         const l = document.getElementById("chat-input-reply-line-" + i);
-        l && (l.style.display = "inherit"), p({
+        l && (l.style.display = "inherit"), s({
           messageId: t.messageId,
           type: t.type,
           text: t.text,
@@ -38,5 +39,5 @@ function x({ enableDoubleClickReply: s, emit: n }) {
   };
 }
 export {
-  x as useFeedReply
+  A as useFeedReply
 };

package/dist/hooks/messages/useMessageLinks.js

@@ -1,48 +1,56 @@
 import { computed as h } from "vue";
 import { tokenize as N } from "../../node_modules/linkifyjs/dist/linkify.js";
-import { parseMarkdown as T } from "../../functions/parseMarkdown.js";
-const x = (p) => ({ linkedHtml: h(() => {
-  const n = p();
-  if (!n) return "";
-  const t = T(n), o = document.createElement("div");
-  o.innerHTML = t;
-  const f = (r) => {
-    var m;
-    const e = r.textContent || "", d = N(e);
-    if (d.length === 1 && !d[0].isLink)
+import T from "../../node_modules/linkify-string/dist/linkify-string.js";
+import { parseMarkdown as E } from "../../functions/parseMarkdown.js";
+function k(e) {
+  return e.includes("**") || e.includes("`") || e.includes("~~") || e.includes(`
+
+`) || e.includes(">") && e.trimStart().startsWith(">") || /<\/(u|s|b|i)>|<(u|s|b|i)[\s>]/.test(e);
+}
+const _ = (e) => ({ linkedHtml: h(() => {
+  const t = e();
+  if (!t) return "";
+  if (!k(t))
+    return T(t);
+  const r = E(t), i = document.createElement("div");
+  i.innerHTML = r;
+  const p = (o) => {
+    var u;
+    const n = o.textContent || "", a = N(n);
+    if (a.length === 1 && !a[0].isLink)
       return;
-    const s = document.createDocumentFragment();
-    d.forEach((i) => {
-      if (i.isLink) {
+    const l = document.createDocumentFragment();
+    a.forEach((s) => {
+      if (s.isLink) {
         const c = document.createElement("a");
-        c.href = i.toHref(), c.target = "_blank", c.textContent = i.toString(), s.appendChild(c);
+        c.href = s.toHref(), c.target = "_blank", c.textContent = s.toString(), l.appendChild(c);
       } else
-        s.appendChild(document.createTextNode(i.toString()));
-    }), (m = r.parentNode) == null || m.replaceChild(s, r);
-  }, u = document.createTreeWalker(
-    o,
+        l.appendChild(document.createTextNode(s.toString()));
+    }), (u = o.parentNode) == null || u.replaceChild(l, o);
+  }, f = document.createTreeWalker(
+    i,
     NodeFilter.SHOW_TEXT,
     {
-      acceptNode: (r) => {
-        let e = r.parentNode;
-        for (; e && e !== o; ) {
-          if (e.nodeName === "A")
+      acceptNode: (o) => {
+        let n = o.parentNode;
+        for (; n && n !== i; ) {
+          if (n.nodeName === "A")
             return NodeFilter.FILTER_REJECT;
-          e = e.parentNode;
+          n = n.parentNode;
         }
         return NodeFilter.FILTER_ACCEPT;
       }
     }
-  ), l = [];
-  let a;
-  for (; a = u.nextNode(); )
-    a.nodeType === Node.TEXT_NODE && l.push(a);
-  return l.reverse().forEach(f), o.innerHTML;
-}), inNewWindow: (n) => {
-  n.preventDefault();
-  const t = n.target;
-  t && "href" in t && t.href && window.open(t.href, "_blank");
+  ), m = [];
+  let d;
+  for (; d = f.nextNode(); )
+    d.nodeType === Node.TEXT_NODE && m.push(d);
+  return m.reverse().forEach(p), i.innerHTML;
+}), inNewWindow: (t) => {
+  t.preventDefault();
+  const r = t.target;
+  r && "href" in r && r.href && window.open(r.href, "_blank");
 } });
 export {
-  x as useMessageLinks
+  _ as useMessageLinks
 };