@mobilon-dev/chotto 0.3.88 → 0.3.90

package/dist/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue.js

@@ -1,7 +1,7 @@
 import o from "./ButtonEmojiPicker.vue2.js";
 /* empty css                       */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e67f8c2a"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1b5902eb"]]);
 export {
-  c as default
+  i as default
 };

package/dist/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as D, ref as r, inject as W, watch as z, computed as R, watchEffect as U, onMounted as $, onUnmounted as q, createElementBlock as j, openBlock as C, Fragment as G, createCommentVNode as J, createVNode as g, unref as b, normalizeClass as K, createElementVNode as B, Transition as Q, withCtx as X, withDirectives as Y, vShow as Z } from "vue";
+import { defineComponent as D, ref as l, inject as R, watch as W, computed as z, watchEffect as U, onMounted as $, onUnmounted as q, createElementBlock as j, openBlock as C, Fragment as G, createCommentVNode as J, createVNode as g, unref as y, normalizeClass as K, createElementVNode as B, Transition as Q, withCtx as X, withDirectives as Y, vShow as Z } from "vue";
 import ee from "../../../node_modules/vue3-emoji-picker-ru/dist/emoji-picker.es.js";
 /* empty css                                                        */
 import { useMessageDraft as te } from "../../../hooks/useMessageDraft.js";
@@ -13,7 +13,7 @@ import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
 import ne from "./icons/SmilesIcon.vue.js";
-const be = /* @__PURE__ */ D({
+const ye = /* @__PURE__ */ D({
   __name: "ButtonEmojiPicker",
   props: {
     state: {
@@ -24,7 +24,7 @@ const be = /* @__PURE__ */ D({
       type: String,
       default: "click",
       // или 'hover'
-      validator: (l) => ["click", "hover"].includes(l)
+      validator: (a) => ["click", "hover"].includes(a)
     },
     /**
      * true — системные эмодзи; false — 3D (Apple) в пикере, инпуте и ленте.
@@ -33,17 +33,24 @@ const be = /* @__PURE__ */ D({
     native: {
       type: Boolean,
       default: !0
+    },
+    /**
+     * Показывать группу недавно использованных эмодзи.
+     */
+    displayRecent: {
+      type: Boolean,
+      default: !0
     }
   },
-  setup(l) {
-    const t = l, v = r(null), f = r(null), o = r(!1), E = r("light"), i = W("chatAppId"), { setMessageText: P, getMessage: M } = te(i), { setNative: w } = oe(i);
-    z(
+  setup(a) {
+    const t = a, v = l(null), f = l(null), o = l(!1), b = l("light"), i = R("chatAppId"), { setMessageText: P, getMessage: E } = te(i), { setNative: w } = oe(i);
+    W(
       () => t.native,
       (e) => w(e),
       { immediate: !0 }
     );
-    const c = r("#5F5F5F"), s = r("#404040"), p = r(!1);
-    let a = null;
+    const c = l("#5F5F5F"), s = l("#404040"), p = l(!1);
+    let r = null;
     const h = () => {
       if (!i) {
         c.value = "#5F5F5F", s.value = "#404040";
@@ -56,7 +63,7 @@ const be = /* @__PURE__ */ D({
       }
       const n = window.getComputedStyle(e), d = n.getPropertyValue("--chotto-buttonemojipicker-button-span-color").trim(), A = n.getPropertyValue("--chotto-buttonemojipicker-button-span-hover-color").trim();
       c.value = d || "#5F5F5F", s.value = A || "#404040";
-    }, I = R(() => p.value ? s.value : c.value);
+    }, I = z(() => p.value ? s.value : c.value);
     U(() => {
       h();
     });
@@ -66,24 +73,24 @@ const be = /* @__PURE__ */ D({
       const e = document.getElementById(i);
       return (n = e == null ? void 0 : e.getAttribute("data-theme")) != null && n.includes("dark") ? "dark" : "light";
     }, S = (e) => {
-      P(M().text + e.i), t.mode === "click" && (o.value = !1);
-    }, y = () => {
-      t.state === "active" && (E.value = N(), o.value = !0);
+      P(E().text + e.i), t.mode === "click" && (o.value = !1);
+    }, M = () => {
+      t.state === "active" && (b.value = N(), o.value = !0);
     }, k = () => {
       o.value = !1;
-    }, _ = () => {
-      t.mode === "click" && (o.value = !o.value, o.value && y());
     }, T = () => {
-      t.mode === "hover" && (u = !0, y());
+      t.mode === "click" && (o.value = !o.value, o.value && M());
     }, V = () => {
+      t.mode === "hover" && (u = !0, M());
+    }, x = () => {
       t.mode === "hover" && (u = !1, setTimeout(() => {
         !m && !u && k();
       }, 150));
-    }, x = () => {
-      p.value = !0, T();
     }, L = () => {
-      p.value = !1, V();
+      p.value = !0, V();
     }, O = () => {
+      p.value = !1, x();
+    }, _ = () => {
       t.mode === "hover" && (m = !0);
     }, H = () => {
       t.mode === "hover" && (m = !1, setTimeout(() => {
@@ -95,29 +102,29 @@ const be = /* @__PURE__ */ D({
     return $(() => {
       if (document.addEventListener("click", F), h(), i) {
         const e = document.getElementById(i);
-        e && (a = new MutationObserver((n) => {
+        e && (r = new MutationObserver((n) => {
           n.forEach((d) => {
             d.type === "attributes" && d.attributeName === "data-theme" && h();
           });
-        }), a.observe(e, {
+        }), r.observe(e, {
           attributes: !0,
           attributeFilter: ["data-theme"]
         }));
       }
     }), q(() => {
-      document.removeEventListener("click", F), a && (a.disconnect(), a = null);
+      document.removeEventListener("click", F), r && (r.disconnect(), r = null);
     }), (e, n) => (C(), j(G, null, [
-      b(M)().isRecording ? J("", !0) : (C(), j("button", {
+      y(E)().isRecording ? J("", !0) : (C(), j("button", {
         key: 0,
         ref_key: "emojiButton",
         ref: f,
-        class: K(["button", { "button-disabled": l.state === "disabled" }]),
-        onClick: _,
-        onMouseenter: x,
-        onMouseleave: L
+        class: K(["button", { "button-disabled": a.state === "disabled" }]),
+        onClick: T,
+        onMouseenter: L,
+        onMouseleave: O
       }, [
         B("span", null, [
-          g(b(ne), { fill: I.value }, null, 8, ["fill"])
+          g(y(ne), { fill: I.value }, null, 8, ["fill"])
         ])
       ], 34)),
       g(Q, null, {
@@ -126,15 +133,16 @@ const be = /* @__PURE__ */ D({
             ref_key: "emoji",
             ref: v,
             class: "emoji",
-            onMouseenter: O,
+            onMouseenter: _,
             onMouseleave: H
           }, [
-            g(b(ee), {
-              native: l.native,
-              theme: E.value,
+            g(y(ee), {
+              native: a.native,
+              theme: b.value,
+              "display-recent": a.displayRecent,
               "picker-type": "",
               onSelect: S
-            }, null, 8, ["native", "theme"])
+            }, null, 8, ["native", "theme", "display-recent"])
           ], 544), [
             [Z, o.value]
           ])
@@ -145,5 +153,5 @@ const be = /* @__PURE__ */ D({
   }
 });
 export {
-  be as default
+  ye as default
 };

package/dist/components/2_feed_elements/MessageReactions/MessageReactions.vue.js

@@ -1,7 +1,7 @@
 import o from "./MessageReactions.vue2.js";
 /* empty css                      */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-44eccc7b"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-64bc224b"]]);
 export {
-  a as default
+  r as default
 };

package/dist/components/2_feed_elements/MessageReactions/MessageReactions.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as Ce, inject as E, ref as M, computed as c, unref as i, onMounted as _e, onUnmounted as Ne, watch as Se, createElementBlock as d, openBlock as l, normalizeClass as K, createBlock as Q, Fragment as A, renderList as F, withCtx as C, createElementVNode as g, createCommentVNode as _, createVNode as u, toDisplayString as Ue, Teleport as je, Transition as D, withDirectives as V, normalizeStyle as $, withModifiers as y, vShow as z } from "vue";
+import { defineComponent as Ce, inject as E, ref as M, computed as c, unref as i, onMounted as _e, onUnmounted as Ne, watch as Se, createElementBlock as d, openBlock as l, normalizeClass as K, createBlock as Q, Fragment as A, renderList as F, withCtx as C, createElementVNode as p, createCommentVNode as _, createVNode as u, toDisplayString as Ue, Teleport as je, Transition as D, withDirectives as V, normalizeStyle as $, withModifiers as y, vShow as z } from "vue";
 import Pe from "../../../node_modules/vue3-emoji-picker-ru/dist/emoji-picker.es.js";
 /* empty css                                                        */
 import "../../../hooks/useMessageDraft.js";
@@ -82,7 +82,7 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
   },
   emits: ["toggle-reaction", "add-reaction", "remove-reaction", "menu"],
   setup(s, { emit: J }) {
-    const n = s, a = J, v = E("chatAppId"), G = E("currentUserId", void 0), W = E("reactionUserNames", void 0), { startReply: X } = Be(v || ""), m = M(null), f = M(null), N = M("light"), { isNative: Y } = Le(v || ""), S = c(() => Qe), Z = c(() => n.mode), k = c(() => n.currentUserId ?? i(G)), U = c(() => n.reactionUserNames ?? i(W)), ee = c(() => {
+    const n = s, a = J, g = E("chatAppId"), G = E("currentUserId", void 0), W = E("reactionUserNames", void 0), { startReply: X } = Be(g || ""), m = M(null), f = M(null), N = M("light"), { isNative: Y } = Le(g || ""), S = c(() => Qe), Z = c(() => n.mode), k = c(() => n.currentUserId ?? i(G)), U = c(() => n.reactionUserNames ?? i(W)), ee = c(() => {
       var t, r;
       const e = (t = n.currentUserName) == null ? void 0 : t.trim();
       if (e) return e;
@@ -105,7 +105,7 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
       quickReactionsRef: ue,
       quickPanelStyle: de,
       pickerStyle: me,
-      closeQuickPanel: p,
+      closeQuickPanel: v,
       handleMessageMouseEnter: fe,
       handleMessageMouseLeave: pe,
       openFullPicker: ge,
@@ -117,8 +117,8 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
       handleClickOutside: O
     } = re, ve = c(() => m.value ? Te(m.value) : !1), ye = () => {
       var o;
-      if (!v) return "light";
-      const e = document.getElementById(v);
+      if (!g) return "light";
+      const e = document.getElementById(g);
       return (o = e == null ? void 0 : e.getAttribute("data-theme")) != null && o.includes("dark") ? "dark" : "light";
     };
     function I() {
@@ -156,11 +156,11 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
           const o = h(e);
           o && a("remove-reaction", { messageId: n.messageId, key: o }), a("add-reaction", { messageId: n.messageId, key: e });
         }
-        p();
+        v();
       }
     }
     function be() {
-      n.readonly || !n.enabled || !n.reply || (X(n.reply), p());
+      n.readonly || !n.enabled || !n.reply || (X(n.reply), v());
     }
     function Re(e) {
       if (n.readonly || !n.enabled || !n.menuEnabled) return;
@@ -168,13 +168,13 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
         const r = o.getBoundingClientRect();
         return { top: r.top, right: r.right, bottom: r.bottom, left: r.left, width: r.width, height: r.height };
       })() : void 0;
-      p(), a("menu", { messageId: n.messageId, triggerRect: t, event: e });
+      a("menu", { messageId: n.messageId, triggerRect: t, event: e });
     }
     async function Ee() {
       n.readonly || !n.enabled || (N.value = ye(), await ge());
     }
     function Me(e) {
-      if (T(), p(), !I()) return;
+      if (T(), v(), !I()) return;
       const o = e.i;
       if (L(o))
         return;
@@ -190,7 +190,7 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
     }), Se(
       () => [n.enabled, n.readonly],
       ([e, o]) => {
-        (!e || o) && (p(), T());
+        (!e || o) && (v(), T());
       }
     ), (e, o) => (l(), d("div", {
       ref_key: "reactionsContainerRef",
@@ -207,11 +207,11 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
         delay: 400
       }, {
         default: C(() => [
-          g("button", {
+          p("button", {
             class: K(["message-reactions__chip", { "is-active": t.reactedByMe && t.count === 1 }]),
             onClick: (r) => ke(t.key)
           }, [
-            g("span", $e, [
+            p("span", $e, [
               u(H, {
                 emoji: t.key
               }, null, 8, ["emoji"])
@@ -224,7 +224,7 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
       (l(), Q(je, { to: "body" }, [
         u(D, { name: "message-reactions-popover" }, {
           default: C(() => [
-            V(g("div", {
+            V(p("div", {
               ref_key: "quickReactionsRef",
               ref: ue,
               class: "message-reactions__quick-panel",
@@ -242,7 +242,7 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
               }, [
                 u(H, { emoji: t }, null, 8, ["emoji"])
               ], 8, He))), 128)),
-              g("button", {
+              p("button", {
                 class: "message-reactions__expand",
                 title: "Развернуть",
                 onClick: y(Ee, ["stop"])
@@ -273,7 +273,7 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
         }),
         u(D, { name: "message-reactions-popover" }, {
           default: C(() => [
-            V(g("div", {
+            V(p("div", {
               ref_key: "pickerRef",
               ref: ce,
               class: "message-reactions__picker",

package/dist/components/2_feed_elements/ReplyTextMessage/ReplyTextMessage.vue.js

@@ -1,7 +1,7 @@
-import o from "./ReplyTextMessage.vue2.js";
+import e from "./ReplyTextMessage.vue2.js";
 /* empty css                      */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-646d5d7c"]]);
+import o from "../../../_virtual/_plugin-vue_export-helper.js";
+const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-31ae85ec"]]);
 export {
-  s as default
+  r as default
 };

package/dist/components/2_feed_elements/ReplyTextMessage/ReplyTextMessage.vue2.js

@@ -1,15 +1,16 @@
-import { defineComponent as a, createElementBlock as r, openBlock as s, createCommentVNode as c, createElementVNode as l, toDisplayString as d, unref as t } from "vue";
+import { defineComponent as x, computed as f, createElementBlock as r, openBlock as o, createBlock as h, withCtx as g, createElementVNode as s, createCommentVNode as p, toDisplayString as d, unref as u } from "vue";
+import k from "../../1_atoms/Tooltip/Tooltip.vue.js";
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
 import "../../../hooks/useTheme.js";
-import { useMessageLinks as u } from "../../../hooks/messages/useMessageLinks.js";
+import { useMessageLinks as _ } from "../../../hooks/messages/useMessageLinks.js";
 import "../../../functions/parseMarkdown.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
-const g = { class: "container" }, x = ["textContent"], f = ["innerHTML"], E = /* @__PURE__ */ a({
+const C = { class: "reply-text-message__wrapper" }, y = ["textContent"], T = ["innerHTML"], M = ["textContent"], H = ["innerHTML"], A = /* @__PURE__ */ x({
   __name: "ReplyTextMessage",
   props: {
     message: {
@@ -17,22 +18,57 @@ const g = { class: "container" }, x = ["textContent"], f = ["innerHTML"], E = /*
       required: !0
     }
   },
-  setup(e) {
-    const i = e, { linkedHtml: m, inNewWindow: o } = u(() => i.message.text);
-    return (k, n) => (s(), r("div", g, [
-      e.message.header ? (s(), r("p", {
+  setup(t) {
+    const i = t, { linkedHtml: a } = _(() => i.message.text), c = f(() => {
+      var e;
+      return ((e = i.message.text) == null ? void 0 : e.trim()) || "";
+    }), l = (e) => {
+      var m;
+      const n = (m = e.target) == null ? void 0 : m.closest("a");
+      n instanceof HTMLAnchorElement && n.href && (e.preventDefault(), e.stopPropagation(), window.open(n.href, "_blank", "noopener,noreferrer"));
+    };
+    return (e, n) => (o(), r("div", C, [
+      c.value ? (o(), h(k, {
         key: 0,
-        textContent: d(`В ответ ${e.message.header}`)
-      }, null, 8, x)) : c("", !0),
-      l("p", {
-        class: "text",
-        onClick: n[0] || (n[0] = //@ts-ignore
-        (...p) => t(o) && t(o)(...p)),
-        innerHTML: t(m)
-      }, null, 8, f)
+        position: "top",
+        offset: 8,
+        delay: 1e3,
+        "max-width": "25rem",
+        text: c.value
+      }, {
+        default: g(() => [
+          s("div", {
+            class: "container",
+            onClick: l
+          }, [
+            t.message.header ? (o(), r("p", {
+              key: 0,
+              textContent: d(`В ответ ${t.message.header}`)
+            }, null, 8, y)) : p("", !0),
+            s("p", {
+              class: "text",
+              innerHTML: u(a)
+            }, null, 8, T)
+          ])
+        ]),
+        _: 1
+      }, 8, ["text"])) : (o(), r("div", {
+        key: 1,
+        class: "container",
+        onClick: l
+      }, [
+        t.message.header ? (o(), r("p", {
+          key: 0,
+          textContent: d(`В ответ ${t.message.header}`)
+        }, null, 8, M)) : p("", !0),
+        s("p", {
+          class: "text",
+          innerHTML: u(a)
+        }, null, 8, H)
+      ]))
     ]));
   }
 });
 export {
-  E as default
+  A as default
 };

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

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