@mobilon-dev/chotto 0.3.89 → 0.3.91

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-4bf1f08f"]]);
 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 r, 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: {
@@ -33,11 +33,18 @@ 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(
+    const t = l, v = r(null), f = r(null), n = r(!1), b = r("light"), i = R("chatAppId"), { setMessageText: P, getMessage: E } = te(i), { setNative: w } = oe(i);
+    W(
       () => t.native,
       (e) => w(e),
       { immediate: !0 }
@@ -54,49 +61,49 @@ const be = /* @__PURE__ */ D({
         c.value = "#5F5F5F", s.value = "#404040";
         return;
       }
-      const n = window.getComputedStyle(e), d = n.getPropertyValue("--chotto-buttonemojipicker-button-span-color").trim(), A = n.getPropertyValue("--chotto-buttonemojipicker-button-span-hover-color").trim();
+      const o = window.getComputedStyle(e), d = o.getPropertyValue("--chotto-buttonemojipicker-button-span-color").trim(), A = o.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();
     });
     let u = !1, m = !1;
     const N = () => {
-      var n;
+      var o;
       const e = document.getElementById(i);
-      return (n = e == null ? void 0 : e.getAttribute("data-theme")) != null && n.includes("dark") ? "dark" : "light";
+      return (o = e == null ? void 0 : e.getAttribute("data-theme")) != null && o.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);
+    }, M = () => {
+      t.state === "active" && (b.value = N(), n.value = !0);
     }, k = () => {
-      o.value = !1;
-    }, _ = () => {
-      t.mode === "click" && (o.value = !o.value, o.value && y());
+      n.value = !1;
     }, T = () => {
-      t.mode === "hover" && (u = !0, y());
+      t.mode === "click" && (n.value = !n.value, n.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(() => {
         !u && !m && k();
       }, 150));
     }, F = (e) => {
-      t.mode === "click" && o.value && f.value && v.value && e.target instanceof Node && !f.value.contains(e.target) && !v.value.contains(e.target) && k();
+      t.mode === "click" && n.value && f.value && v.value && e.target instanceof Node && !f.value.contains(e.target) && !v.value.contains(e.target) && k();
     };
     return $(() => {
       if (document.addEventListener("click", F), h(), i) {
         const e = document.getElementById(i);
-        e && (a = new MutationObserver((n) => {
-          n.forEach((d) => {
+        e && (a = new MutationObserver((o) => {
+          o.forEach((d) => {
             d.type === "attributes" && d.attributeName === "data-theme" && h();
           });
         }), a.observe(e, {
@@ -106,18 +113,18 @@ const be = /* @__PURE__ */ D({
       }
     }), q(() => {
       document.removeEventListener("click", F), a && (a.disconnect(), a = null);
-    }), (e, n) => (C(), j(G, null, [
-      b(M)().isRecording ? J("", !0) : (C(), j("button", {
+    }), (e, o) => (C(), j(G, null, [
+      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
+        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,17 +133,18 @@ const be = /* @__PURE__ */ D({
             ref_key: "emoji",
             ref: v,
             class: "emoji",
-            onMouseenter: O,
+            onMouseenter: _,
             onMouseleave: H
           }, [
-            g(b(ee), {
+            g(y(ee), {
               native: l.native,
-              theme: E.value,
+              theme: b.value,
+              "display-recent": l.displayRecent,
               "picker-type": "",
               onSelect: S
-            }, null, 8, ["native", "theme"])
+            }, null, 8, ["native", "theme", "display-recent"])
           ], 544), [
-            [Z, o.value]
+            [Z, n.value]
           ])
         ]),
         _: 1
@@ -145,5 +153,5 @@ const be = /* @__PURE__ */ D({
   }
 });
 export {
-  be as default
+  ye as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./FileUploader.vue2.js";
 /* empty css                  */
-import a from "../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ a(o, [["__scopeId", "data-v-7014afaa"]]);
+import r from "../../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f82b23fd"]]);
 export {
-  e as default
+  a as default
 };

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

@@ -1,7 +1,7 @@
-import { defineComponent as O, ref as n, inject as P, computed as B, watchEffect as $, onMounted as H, onUnmounted as L, createElementBlock as _, openBlock as u, Fragment as R, createCommentVNode as b, createElementVNode as p, createBlock as V, normalizeClass as j, createVNode as T, unref as h, Teleport as q } from "vue";
-import G from "../FilePreview/FilePreview.vue.js";
-import { uploadFile as J } from "../../../hooks/uploadFile/uploadFile.js";
-import { useMessageDraft as K } from "../../../hooks/useMessageDraft.js";
+import { defineComponent as D, ref as r, inject as x, computed as M, watchEffect as z, watch as A, onMounted as O, onUnmounted as P, createElementBlock as y, openBlock as b, Fragment as $, createCommentVNode as H, createElementVNode as a, normalizeClass as L, createVNode as j, unref as R } from "vue";
+import { buildFilePreview as q } from "../../../hooks/uploadFile/generatePreview.js";
+import { uploadFile as G } from "../../../hooks/uploadFile/uploadFile.js";
+import { useMessageDraft as J } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
@@ -12,14 +12,14 @@ import "../../../locale/useLocale.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-import Q from "./icons/FileUploaderIcon.vue.js";
-const W = {
+import K from "./icons/FileUploaderIcon.vue.js";
+const Q = {
   key: 0,
   class: "file-uploader__status file-uploader__status--uploading"
-}, X = {
+}, T = {
   key: 1,
   class: "file-uploader__status file-uploader__status--error"
-}, Y = ["disabled"], ve = /* @__PURE__ */ O({
+}, W = ["disabled"], de = /* @__PURE__ */ D({
   __name: "FileUploader",
   props: {
     filebumpUrl: {
@@ -32,124 +32,108 @@ const W = {
     }
   },
   emits: ["fileUploaded"],
-  setup(m, { emit: Z }) {
-    const v = m, s = n(""), r = n(), f = n(), C = n();
-    C.value;
-    const i = P("chatAppId"), { setMessageFile: N, resetMessageFile: z, getMessage: I, setRecordingMessage: E } = K(i), c = n("#5F5F5F"), d = n("#404040"), g = n(!1);
-    let a = null;
-    const y = () => {
-      if (!i) {
-        c.value = "#5F5F5F", d.value = "#404040";
+  setup(d, { emit: X }) {
+    const m = d, o = r(""), i = r(), _ = r();
+    _.value;
+    const n = x("chatAppId"), { setMessageFile: U, resetMessageFile: k, getMessage: w, setRecordingMessage: C } = J(n), u = r("#5F5F5F"), p = r("#404040"), v = r(!1);
+    let s = null;
+    const g = () => {
+      if (!n) {
+        u.value = "#5F5F5F", p.value = "#404040";
         return;
       }
-      const l = document.getElementById(i);
+      const l = document.getElementById(n);
       if (!l) {
-        c.value = "#5F5F5F", d.value = "#404040";
+        u.value = "#5F5F5F", p.value = "#404040";
         return;
       }
-      const t = window.getComputedStyle(l), e = t.getPropertyValue("--chotto-fileuploader-trigger-color").trim(), o = t.getPropertyValue("--chotto-fileuploader-trigger-hover-color").trim();
-      c.value = e || "#5F5F5F", d.value = o || "#404040";
-    }, A = B(() => g.value ? d.value : c.value);
-    $(() => {
-      y();
+      const e = window.getComputedStyle(l), t = e.getPropertyValue("--chotto-fileuploader-trigger-color").trim(), f = e.getPropertyValue("--chotto-fileuploader-trigger-hover-color").trim();
+      u.value = t || "#5F5F5F", p.value = f || "#404040";
+    }, S = M(() => v.value ? p.value : u.value);
+    z(() => {
+      g();
     });
-    const F = B(() => !I().file), w = () => {
-      r.value && (r.value.value = "");
-    }, k = () => {
-      const l = document.getElementById("chat-input-file-line-" + i);
-      l && (l.style.display = "none"), z(), f.value = void 0, s.value = "", w();
-    }, D = async () => {
-      var t, e;
-      const l = (e = (t = r.value) == null ? void 0 : t.files) == null ? void 0 : e[0];
-      k(), l && await M(l), w();
-    }, x = () => {
-      r.value && F.value && v.state == "active" && (w(), r.value.click());
-    }, U = async (l) => {
-      var e;
-      const t = (e = l.clipboardData) == null ? void 0 : e.items;
-      if (t) {
-        for (let o of t)
-          if (o.type.indexOf("image") !== -1) {
+    const F = M(() => !w().file), c = () => {
+      i.value && (i.value.value = "");
+    }, N = () => {
+      k(), o.value = "", c();
+    }, V = async () => {
+      var e, t;
+      const l = (t = (e = i.value) == null ? void 0 : e.files) == null ? void 0 : t[0];
+      N(), l && await E(l), c();
+    }, B = () => {
+      i.value && F.value && m.state == "active" && (c(), i.value.click());
+    }, h = async (l) => {
+      var t;
+      const e = (t = l.clipboardData) == null ? void 0 : t.items;
+      if (e) {
+        for (let f of e)
+          if (f.type.indexOf("image") !== -1) {
             l.preventDefault();
-            const S = o.getAsFile();
-            S && M(S);
+            const I = f.getAsFile();
+            I && E(I);
           }
       }
-    }, M = async (l) => {
-      s.value = "uploading", E(!0);
-      const t = typeof v.filebumpUrl == "string" ? v.filebumpUrl : null;
-      await J(t, l).then((e) => {
-        if (E(!1), s.value = e.status, e.status == "success") {
-          N({
-            url: e.url,
-            name: e.name,
-            size: e.size,
-            type: e.type
-          });
-          const o = document.getElementById("chat-input-file-line-" + i);
-          o && (o.style.display = "inherit"), e.preview && (f.value = {
-            previewUrl: e.preview.previewUrl,
-            isImage: e.preview.isImage,
-            isVideo: e.preview.isVideo,
-            isAudio: e.preview.isAudio,
-            fileName: e.name,
-            fileSize: e.preview.fileSize
-          });
-        }
+    }, E = async (l) => {
+      o.value = "uploading", C(!0);
+      const e = typeof m.filebumpUrl == "string" ? m.filebumpUrl : null;
+      await G(e, l).then((t) => {
+        C(!1), o.value = t.status, t.status == "success" && U({
+          url: t.url,
+          name: t.name,
+          size: t.size,
+          type: t.type,
+          preview: q(t.name, t.preview)
+        });
       });
     };
-    return H(() => {
-      if (window.addEventListener("paste", U), y(), i) {
-        const l = document.getElementById(i);
-        l && (a = new MutationObserver((t) => {
-          t.forEach((e) => {
-            e.type === "attributes" && e.attributeName === "data-theme" && y();
+    return A(
+      () => w().file,
+      (l) => {
+        l || (o.value = "", c());
+      }
+    ), O(() => {
+      if (window.addEventListener("paste", h), g(), n) {
+        const l = document.getElementById(n);
+        l && (s = new MutationObserver((e) => {
+          e.forEach((t) => {
+            t.type === "attributes" && t.attributeName === "data-theme" && g();
           });
-        }), a.observe(l, {
+        }), s.observe(l, {
           attributes: !0,
           attributeFilter: ["data-theme"]
         }));
       }
-    }), L(() => {
-      window.removeEventListener("paste", U), a && (a.disconnect(), a = null);
-    }), (l, t) => (u(), _(R, null, [
-      s.value === "uploading" ? (u(), _("div", W, [...t[2] || (t[2] = [
-        p("span", null, "Загрузка", -1),
-        p("span", null, "файла...", -1)
-      ])])) : s.value === "error" ? (u(), _("div", X, [...t[3] || (t[3] = [
-        p("span", null, "Ошибка при загрузке файла.", -1)
-      ])])) : b("", !0),
-      p("span", {
+    }), P(() => {
+      window.removeEventListener("paste", h), s && (s.disconnect(), s = null);
+    }), (l, e) => (b(), y($, null, [
+      o.value === "uploading" ? (b(), y("div", Q, [...e[2] || (e[2] = [
+        a("span", null, "Загрузка", -1),
+        a("span", null, "файла...", -1)
+      ])])) : o.value === "error" ? (b(), y("div", T, [...e[3] || (e[3] = [
+        a("span", null, "Ошибка при загрузке файла.", -1)
+      ])])) : H("", !0),
+      a("span", {
         ref_key: "triggerElement",
-        ref: C,
-        class: j(["file-uploader__trigger", { "file-uploader__disabled": !F.value || m.state == "disabled" }]),
-        disabled: !F.value || m.state == "disabled",
-        onClick: x,
-        onMouseenter: t[0] || (t[0] = (e) => g.value = !0),
-        onMouseleave: t[1] || (t[1] = (e) => g.value = !1)
+        ref: _,
+        class: L(["file-uploader__trigger", { "file-uploader__disabled": !F.value || d.state == "disabled" }]),
+        disabled: !F.value || d.state == "disabled",
+        onClick: B,
+        onMouseenter: e[0] || (e[0] = (t) => v.value = !0),
+        onMouseleave: e[1] || (e[1] = (t) => v.value = !1)
       }, [
-        T(h(Q), { fill: A.value }, null, 8, ["fill"])
-      ], 42, Y),
-      p("input", {
+        j(R(K), { fill: S.value }, null, 8, ["fill"])
+      ], 42, W),
+      a("input", {
         ref_key: "fileInput",
-        ref: r,
+        ref: i,
         style: { display: "none" },
         type: "file",
-        onChange: D
-      }, null, 544),
-      h(I)().file ? (u(), V(q, {
-        key: 2,
-        to: "#chat-input-file-line-" + h(i)
-      }, [
-        f.value ? (u(), V(G, {
-          key: 0,
-          "file-info": f.value,
-          onReset: k
-        }, null, 8, ["file-info"])) : b("", !0)
-      ], 8, ["to"])) : b("", !0)
+        onChange: V
+      }, null, 544)
     ], 64));
   }
 });
 export {
-  ve as default
+  de as default
 };

package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue.js

@@ -1,7 +1,7 @@
 import t from "./ChatItem.vue2.js";
 /* empty css              */
 import o from "../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-36147cda"]]);
+const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-b432c634"]]);
 export {
   p as default
 };