@mobilon-dev/chotto 0.3.57 → 0.3.59

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

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

package/dist/components/1_atoms/Tooltip/Tooltip.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as k, inject as N, ref as u, computed as A, onUnmounted as D, createElementBlock as T, openBlock as m, Fragment as R, createElementVNode as V, createBlock as E, renderSlot as I, Teleport as L, createVNode as M, Transition as $, withCtx as j, createCommentVNode as q, normalizeClass as z, unref as v, toDisplayString as F, nextTick as g } from "vue";
+import { defineComponent as k, inject as N, ref as n, computed as A, onUnmounted as D, createElementBlock as T, openBlock as s, Fragment as R, createElementVNode as V, createBlock as E, renderSlot as I, Teleport as L, createVNode as M, Transition as $, withCtx as j, createCommentVNode as q, normalizeClass as z, unref as g, toDisplayString as F, nextTick as v } from "vue";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import { useTheme as P } from "../../../hooks/useTheme.js";
@@ -36,72 +36,74 @@ const U = ["data-theme"], Z = /* @__PURE__ */ k({
     }
   },
   setup(w, { expose: d }) {
-    const x = N("chatAppId"), { getTheme: y } = P(x), p = u(), a = u(), c = u(!1), h = u(null), r = u(null), e = w, _ = A(() => ({
+    const x = N("chatAppId"), { getTheme: y } = P(x), a = n(), p = n(), c = n(!1), u = n(null), r = n(null), o = w, _ = A(() => ({
       tooltip__text: !0,
-      [`tooltip--${e.position}`]: !0
+      [`tooltip--${o.position}`]: !0
     })), B = () => {
-      e.trigger !== "auto" && (r.value && (clearTimeout(r.value), r.value = null), r.value = setTimeout(() => {
-        c.value = !0, g(() => {
-          if (p.value && a.value) {
-            const f = a.value, t = p.value.getBoundingClientRect(), o = a.value.getBoundingClientRect(), l = o.left < 0 ? o.left : 0, i = o.top < 0 ? o.top : 0, n = {
-              left: { top: t.top - (o.height - t.height) / 2 - i, left: (t == null ? void 0 : t.left) - o.width - l - e.offset },
-              right: { top: t.top - (o.height - t.height) / 2 - i, left: (t == null ? void 0 : t.left) + t.width - l + e.offset },
-              bottom: { top: (t == null ? void 0 : t.bottom) - i + e.offset, left: (t == null ? void 0 : t.left) - l },
-              "bottom-center": { top: (t == null ? void 0 : t.bottom) - i + e.offset, left: (t == null ? void 0 : t.left) + t.width / 2 - o.width / 2 - l },
-              top: { top: t.top - o.height - e.offset - i, left: (t == null ? void 0 : t.left) - l },
-              "bottom-left": { top: (t == null ? void 0 : t.bottom) - i + e.offset, left: (t == null ? void 0 : t.left) + t.width - o.width - l }
+      o.trigger !== "auto" && (r.value && (clearTimeout(r.value), r.value = null), r.value = setTimeout(() => {
+        c.value = !0, v(() => {
+          if (a.value && p.value) {
+            const f = p.value, t = a.value.getBoundingClientRect(), e = p.value.getBoundingClientRect(), l = e.left < 0 ? e.left : 0, i = e.top < 0 ? e.top : 0, h = {
+              left: { top: t.top - (e.height - t.height) / 2 - i, left: (t == null ? void 0 : t.left) - e.width - l - o.offset },
+              right: { top: t.top - (e.height - t.height) / 2 - i, left: (t == null ? void 0 : t.left) + t.width - l + o.offset },
+              bottom: { top: (t == null ? void 0 : t.bottom) - i + o.offset, left: (t == null ? void 0 : t.left) - l },
+              "bottom-center": { top: (t == null ? void 0 : t.bottom) - i + o.offset, left: (t == null ? void 0 : t.left) + t.width / 2 - e.width / 2 - l },
+              top: { top: t.top - e.height - o.offset - i, left: (t == null ? void 0 : t.left) - l },
+              "top-center": { top: t.top - e.height - o.offset - i, left: (t == null ? void 0 : t.left) + t.width / 2 - e.width / 2 - l },
+              "bottom-left": { top: (t == null ? void 0 : t.bottom) - i + o.offset, left: (t == null ? void 0 : t.left) + t.width - e.width - l }
             };
-            f.style.top = n[e.position].top + "px", f.style.left = n[e.position].left + "px";
+            f.style.top = h[o.position].top + "px", f.style.left = h[o.position].left + "px";
           }
         }), r.value = null;
-      }, e.delay));
+      }, o.delay));
     }, C = () => {
-      e.trigger !== "auto" && (r.value && (clearTimeout(r.value), r.value = null), c.value = !1, g(() => {
-        const f = v(a);
+      o.trigger !== "auto" && (r.value && (clearTimeout(r.value), r.value = null), c.value = !1, v(() => {
+        const f = g(p);
         f && (f.style.top = "0", f.style.left = "0");
       }));
     }, S = () => {
-      s(), c.value = !0, g(() => {
-        if (p.value && a.value) {
-          const f = a.value, t = p.value.getBoundingClientRect(), o = a.value.getBoundingClientRect(), l = o.left < 0 ? o.left : 0, i = o.top < 0 ? o.top : 0, n = {
-            left: { top: t.top - (o.height - t.height) / 2 - i, left: (t == null ? void 0 : t.left) - o.width - l - e.offset },
-            right: { top: t.top - (o.height - t.height) / 2 - i, left: (t == null ? void 0 : t.left) + t.width - l + e.offset },
-            bottom: { top: (t == null ? void 0 : t.bottom) - i + e.offset, left: (t == null ? void 0 : t.left) - l },
-            "bottom-center": { top: (t == null ? void 0 : t.bottom) - i + e.offset, left: (t == null ? void 0 : t.left) + t.width / 2 - o.width / 2 - l },
-            top: { top: t.top - o.height - e.offset - i, left: (t == null ? void 0 : t.left) - l },
-            "bottom-left": { top: (t == null ? void 0 : t.bottom) - i + e.offset, left: (t == null ? void 0 : t.left) + t.width - o.width - l }
+      m(), c.value = !0, v(() => {
+        if (a.value && p.value) {
+          const f = p.value, t = a.value.getBoundingClientRect(), e = p.value.getBoundingClientRect(), l = e.left < 0 ? e.left : 0, i = e.top < 0 ? e.top : 0, h = {
+            left: { top: t.top - (e.height - t.height) / 2 - i, left: (t == null ? void 0 : t.left) - e.width - l - o.offset },
+            right: { top: t.top - (e.height - t.height) / 2 - i, left: (t == null ? void 0 : t.left) + t.width - l + o.offset },
+            bottom: { top: (t == null ? void 0 : t.bottom) - i + o.offset, left: (t == null ? void 0 : t.left) - l },
+            "bottom-center": { top: (t == null ? void 0 : t.bottom) - i + o.offset, left: (t == null ? void 0 : t.left) + t.width / 2 - e.width / 2 - l },
+            top: { top: t.top - e.height - o.offset - i, left: (t == null ? void 0 : t.left) - l },
+            "top-center": { top: t.top - e.height - o.offset - i, left: (t == null ? void 0 : t.left) + t.width / 2 - e.width / 2 - l },
+            "bottom-left": { top: (t == null ? void 0 : t.bottom) - i + o.offset, left: (t == null ? void 0 : t.left) + t.width - e.width - l }
           };
-          f.style.top = n[e.position].top + "px", f.style.left = n[e.position].left + "px";
+          f.style.top = h[o.position].top + "px", f.style.left = h[o.position].left + "px";
         }
-      }), e.autoShowDuration > 0 && (h.value = setTimeout(() => {
+      }), o.autoShowDuration > 0 && (u.value = setTimeout(() => {
         c.value = !1;
-      }, e.autoShowDuration));
-    }, s = () => {
-      h.value && (clearTimeout(h.value), h.value = null);
+      }, o.autoShowDuration));
+    }, m = () => {
+      u.value && (clearTimeout(u.value), u.value = null);
     };
     return D(() => {
-      r.value && clearTimeout(r.value), s();
+      r.value && clearTimeout(r.value), m();
     }), d({
       startAutoShow: S,
-      clearAutoTimer: s
-    }), (f, t) => (m(), T(R, null, [
+      clearAutoTimer: m
+    }), (f, t) => (s(), T(R, null, [
       V("div", {
         ref_key: "container",
-        ref: p,
+        ref: a,
         class: "tooltip-wrapper",
         onMouseover: B,
         onMouseout: C
       }, [
         I(f.$slots, "default", {}, void 0, !0)
       ], 544),
-      (m(), E(L, { to: "body" }, [
+      (s(), E(L, { to: "body" }, [
         M($, null, {
           default: j(() => [
-            c.value ? (m(), T("span", {
+            c.value ? (s(), T("span", {
               key: 0,
               ref_key: "tooltip",
-              ref: a,
-              "data-theme": v(y)().theme ? v(y)().theme : "light",
+              ref: p,
+              "data-theme": g(y)().theme ? g(y)().theme : "light",
               class: z(_.value)
             }, F(w.text), 11, U)) : q("", !0)
           ]),

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

@@ -1,7 +1,7 @@
 import o from "./FilePreview.vue2.js";
 /* empty css                 */
 import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4d0cb6d1"]]);
+const i = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b83aa92d"]]);
 export {
-  m as default
+  i as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as M, inject as P, ref as s, computed as I, onMounted as x, createElementBlock as n, openBlock as o, createElementVNode as i, createBlock as h, withDirectives as k, vShow as g, createCommentVNode as r, toDisplayString as f, Teleport as A, createVNode as L, Transition as U, withCtx as T, unref as N } from "vue";
+import { defineComponent as M, inject as P, ref as s, computed as I, onMounted as x, createElementBlock as n, openBlock as o, createElementVNode as i, createBlock as h, withDirectives as k, vShow as g, createCommentVNode as r, toDisplayString as c, Teleport as A, createVNode as L, Transition as U, withCtx as T, unref as N } from "vue";
 import z from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
@@ -20,7 +20,7 @@ const D = { class: "preview__container" }, j = { class: "preview__block" }, F =
 }, Z = {
   key: 2,
   class: "preview__audio-time"
-}, ee = { class: "preview__reset" }, ie = ["src"], te = ["src"], fe = /* @__PURE__ */ M({
+}, ee = { class: "preview__reset" }, ie = ["src"], te = ["src"], ce = /* @__PURE__ */ M({
   __name: "FilePreview",
   props: {
     fileInfo: {
@@ -35,8 +35,8 @@ const D = { class: "preview__container" }, j = { class: "preview__block" }, F =
       e.value && (u.value ? e.value.pause() : e.value.play(), u.value = !u.value);
     }
     const w = (m) => {
-      const l = Math.floor(m / 60), c = Math.floor(m % 60);
-      return `${l.toString().padStart(2, "0")}:${c.toString().padStart(2, "0")}`;
+      const l = Math.floor(m / 60), f = Math.floor(m % 60);
+      return `${l.toString().padStart(2, "0")}:${f.toString().padStart(2, "0")}`;
     }, $ = I(() => e.value ? w(_.value) : "0:00"), y = I(() => e.value || a.value ? w(v.value) : "0:00");
     return x(() => {
       e.value != null && (e.value.addEventListener("loadedmetadata", () => {
@@ -55,7 +55,7 @@ const D = { class: "preview__container" }, j = { class: "preview__block" }, F =
         t.fileInfo.isImage ? (o(), n("div", {
           key: 0,
           style: { position: "relative" },
-          onClick: l[0] || (l[0] = (c) => d.value = !0)
+          onClick: l[0] || (l[0] = (f) => d.value = !0)
         }, [
           i("img", {
             src: t.fileInfo.previewUrl,
@@ -68,7 +68,7 @@ const D = { class: "preview__container" }, j = { class: "preview__block" }, F =
         ])) : t.fileInfo.isVideo ? (o(), n("div", {
           key: 1,
           style: { position: "relative" },
-          onClick: l[1] || (l[1] = (c) => d.value = !0)
+          onClick: l[1] || (l[1] = (f) => d.value = !0)
         }, [
           i("video", {
             ref_key: "video",
@@ -109,15 +109,15 @@ const D = { class: "preview__container" }, j = { class: "preview__block" }, F =
       ]),
       i("div", Q, [
         i("div", R, [
-          i("span", W, f(t.fileInfo.fileName), 1),
-          !t.fileInfo.isAudio && !t.fileInfo.isVideo ? (o(), n("span", X, f(t.fileInfo.fileSize), 1)) : r("", !0),
-          t.fileInfo.isAudio ? (o(), n("span", Y, f(`${$.value} / ${y.value}`), 1)) : r("", !0),
-          t.fileInfo.isVideo ? (o(), n("span", Z, f(y.value), 1)) : r("", !0)
+          i("span", W, c(t.fileInfo.fileName), 1),
+          !t.fileInfo.isAudio && !t.fileInfo.isVideo ? (o(), n("span", X, c(t.fileInfo.fileSize), 1)) : r("", !0),
+          t.fileInfo.isAudio ? (o(), n("span", Y, c(`${$.value} / ${y.value}`), 1)) : r("", !0),
+          t.fileInfo.isVideo ? (o(), n("span", Z, c(y.value), 1)) : r("", !0)
         ]),
         i("div", ee, [
           i("span", {
             class: "pi pi-times",
-            onClick: l[2] || (l[2] = (c) => E("reset"))
+            onClick: l[2] || (l[2] = (f) => E("reset"))
           })
         ])
       ]),
@@ -127,6 +127,7 @@ const D = { class: "preview__container" }, j = { class: "preview__block" }, F =
             d.value ? (o(), h(z, {
               key: 0,
               theme: N(p)().theme ? N(p)().theme : "",
+              title: t.fileInfo.fileName,
               onClose: S
             }, {
               default: T(() => [
@@ -145,7 +146,7 @@ const D = { class: "preview__container" }, j = { class: "preview__block" }, F =
                 }, null, 8, te)) : r("", !0)
               ]),
               _: 1
-            }, 8, ["theme"])) : r("", !0)
+            }, 8, ["theme", "title"])) : r("", !0)
           ]),
           _: 1
         })
@@ -154,5 +155,5 @@ const D = { class: "preview__container" }, j = { class: "preview__block" }, F =
   }
 });
 export {
-  fe as default
+  ce 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 p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-85a6ae46"]]);
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-eeb89ab4"]]);
 export {
   p as default
 };

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

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

package/dist/components/2_elements/AudioRecorder/AudioRecorder.vue.js

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

package/dist/components/2_elements/AudioRecorder/AudioRecorder.vue2.js

@@ -9,7 +9,10 @@ import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
 import G from "../../2_chatinput_elements/FilePreview/FilePreview.vue.js";
-const H = { class: "audio-recorder__container" }, J = { key: 0 }, K = {
+const H = { class: "audio-recorder__container" }, J = {
+  key: 0,
+  class: "audio-recorder__status"
+}, K = {
   key: 1,
   class: "audio-recorder__recording-container"
 }, Q = { class: "audio-recorder__recording-time" }, re = /* @__PURE__ */ D({
@@ -25,24 +28,24 @@ const H = { class: "audio-recorder__container" }, J = { key: 0 }, K = {
     }
   },
   setup(R) {
-    const f = N("chatAppId"), { getMessage: n, setMessageFile: U, resetMessageFile: S, setRecordingMessage: k } = q(f), h = o(), t = o(0), r = o(0), u = o(0), d = o(0), z = T(() => {
-      let l = d.value < 10 ? "0" + d.value : d.value, e = u.value < 10 ? "0" + u.value : u.value, i = r.value < 10 ? "0" + r.value : r.value, _ = t.value < 10 ? "00" + t.value : t.value < 100 ? "0" + t.value : t.value;
-      return l + ":" + e + ":" + i + ":" + _;
-    }), v = o(""), g = o(!1), s = o(), b = o([]), A = o(), p = o(), C = R, B = async () => {
+    const f = N("chatAppId"), { getMessage: n, setMessageFile: U, resetMessageFile: S, setRecordingMessage: k } = q(f), h = o(), l = o(0), r = o(0), s = o(0), d = o(0), z = T(() => {
+      let t = d.value < 10 ? "0" + d.value : d.value, e = s.value < 10 ? "0" + s.value : s.value, i = r.value < 10 ? "0" + r.value : r.value, _ = l.value < 10 ? "00" + l.value : l.value < 100 ? "0" + l.value : l.value;
+      return t + ":" + e + ":" + i + ":" + _;
+    }), v = o(""), g = o(!1), u = o(), b = o([]), A = o(), p = o(), C = R, B = async () => {
       if (!n().file && C.state == "active") {
-        const l = await navigator.mediaDevices.getUserMedia({ audio: !0, video: !1 });
+        const t = await navigator.mediaDevices.getUserMedia({ audio: !0, video: !1 });
         h.value = setInterval(() => {
-          t.value += 10, t.value == 1e3 && (t.value = 0, r.value++, r.value == 60 && (r.value = 0, u.value++, u.value == 60 && (u.value = 0, d.value++)));
-        }, 10), k(!0), g.value = !0, s.value = new MediaRecorder(l), s.value.start(), s.value.ondataavailable = (e) => {
+          l.value += 10, l.value == 1e3 && (l.value = 0, r.value++, r.value == 60 && (r.value = 0, s.value++, s.value == 60 && (s.value = 0, d.value++)));
+        }, 10), k(!0), g.value = !0, u.value = new MediaRecorder(t), u.value.start(), u.value.ondataavailable = (e) => {
           b.value.push(e.data);
         };
       }
     }, F = () => {
       I(), A.value = void 0;
     }, E = () => {
-      s.value && (s.value.stop(), s.value.onstop = async () => {
-        const l = new File(b.value, "voicemessage.mp3", { type: "audio/*" }), e = URL.createObjectURL(l);
-        A.value = e, v.value = "uploading", await O(C.filebumpUrl, l).then((i) => {
+      u.value && (u.value.stop(), u.value.onstop = async () => {
+        const t = new File(b.value, "voicemessage.mp3", { type: "audio/*" }), e = URL.createObjectURL(t);
+        A.value = e, v.value = "uploading", await O(C.filebumpUrl, t).then((i) => {
           if (v.value = i.status, i.status == "success") {
             const _ = document.getElementById("chat-input-file-line-" + f);
             _ && (_.style.display = "inherit"), U({
@@ -62,19 +65,19 @@ const H = { class: "audio-recorder__container" }, J = { key: 0 }, K = {
         });
       }), I();
     }, I = () => {
-      clearInterval(h.value), t.value = 0, r.value = 0, u.value = 0, d.value = 0, k(!1), g.value = !1, s.value = void 0, b.value = [];
+      clearInterval(h.value), l.value = 0, r.value = 0, s.value = 0, d.value = 0, k(!1), g.value = !1, u.value = void 0, b.value = [];
     }, V = () => {
-      const l = document.getElementById("chat-input-file-line-" + f);
-      l && (l.style.display = "none"), S(), p.value = void 0;
+      const t = document.getElementById("chat-input-file-line-" + f);
+      t && (t.style.display = "none"), S(), p.value = void 0;
     };
     return j(
       () => n().file,
       () => {
         n().file || (p.value = void 0);
       }
-    ), (l, e) => (c(), y("div", H, [
+    ), (t, e) => (c(), y("div", H, [
       v.value === "uploading" ? (c(), y("div", J, [...e[0] || (e[0] = [
-        a("p", null, "Загрузка файла...", -1)
+        a("span", null, "Загрузка файла...", -1)
       ])])) : m("", !0),
       g.value && v.value != "uploading" ? (c(), y("div", K, [
         e[3] || (e[3] = a("span", { class: "audio-recorder__recording-icon pi pi-circle-fill" }, null, -1)),

package/dist/components/2_elements/VideoRecorder/VideoRecorder.vue.js

@@ -1,7 +1,7 @@
 import o from "./VideoRecorder.vue2.js";
 /* empty css                   */
 import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-93c4aad3"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9cc78254"]]);
 export {
-  c as default
+  m as default
 };

package/dist/components/2_elements/VideoRecorder/VideoRecorder.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as F, inject as R, ref as g, watch as V, createElementBlock as d, openBlock as o, Fragment as C, createCommentVNode as s, createBlock as y, unref as p, normalizeClass as I, createElementVNode as w, Teleport as M } from "vue";
+import { defineComponent as F, inject as R, ref as y, watch as V, createElementBlock as d, openBlock as o, Fragment as C, createCommentVNode as n, createBlock as w, unref as p, normalizeClass as I, createElementVNode as c, Teleport as M } from "vue";
 import { uploadFile as z } from "../../../hooks/uploadFile/uploadFile.js";
 import { useMessageDraft as A } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
@@ -28,21 +28,21 @@ const U = {
       default: null
     }
   },
-  setup(c) {
-    const r = R("chatAppId"), { getMessage: t, setMessageFile: h, setRecordingMessage: m, resetMessageFile: _ } = A(r), { getTheme: u } = B(r), a = g(""), l = g(), f = c, k = async () => {
-      if (!t().file && f.state == "active") {
-        const n = u().theme ? u().theme : "";
-        await S(n).then(async (i) => {
-          i.videoFile && (a.value = "uploading", m(!0), await z(f.filebumpUrl, i.videoFile).then((e) => {
-            if (m(!1), a.value = e.status, e.status == "success") {
-              h({
+  setup(m) {
+    const r = R("chatAppId"), { getMessage: t, setMessageFile: _, setRecordingMessage: u, resetMessageFile: h } = A(r), { getTheme: f } = B(r), a = y(""), s = y(), v = m, k = async () => {
+      if (!t().file && v.state == "active") {
+        const l = f().theme ? f().theme : "";
+        await S(l).then(async (i) => {
+          i.videoFile && (a.value = "uploading", u(!0), await z(v.filebumpUrl, i.videoFile).then((e) => {
+            if (u(!1), a.value = e.status, e.status == "success") {
+              _({
                 url: e.url,
                 name: e.name,
                 size: e.size,
                 type: e.type
               });
-              const v = document.getElementById("chat-input-file-line-" + r);
-              v && (v.style.display = "inherit"), e.preview && (l.value = {
+              const g = document.getElementById("chat-input-file-line-" + r);
+              g && (g.style.display = "inherit"), e.preview && (s.value = {
                 previewUrl: e.preview.previewUrl,
                 isImage: e.preview.isImage,
                 isVideo: e.preview.isVideo,
@@ -55,38 +55,40 @@ const U = {
         });
       }
     }, b = () => {
-      _();
-      const n = document.getElementById("chat-input-file-line-" + r);
-      n && (n.style.display = "none"), l.value = void 0;
+      h();
+      const l = document.getElementById("chat-input-file-line-" + r);
+      l && (l.style.display = "none"), s.value = void 0;
     };
     return V(
       () => t().file,
       () => {
-        t().file || (l.value = void 0);
+        t().file || (s.value = void 0);
       }
-    ), (n, i) => (o(), d(C, null, [
-      p(t)().isRecording ? s("", !0) : (o(), d("div", U, [
+    ), (l, i) => (o(), d(C, null, [
+      p(t)().isRecording ? n("", !0) : (o(), d("div", U, [
         a.value != "uploading" ? (o(), d("button", {
           key: 0,
-          class: I(["video-recorder__button", { "video-recorder__button-disabled": c.state == "disabled" || p(t)().file }]),
+          class: I(["video-recorder__button", { "video-recorder__button-disabled": m.state == "disabled" || p(t)().file }]),
           onClick: k
         }, [...i[0] || (i[0] = [
-          w("span", { class: "pi pi-video" }, null, -1)
-        ])], 2)) : s("", !0)
+          c("span", { class: "pi pi-video" }, null, -1)
+        ])], 2)) : n("", !0)
       ])),
       a.value === "uploading" ? (o(), d("div", N, [...i[1] || (i[1] = [
-        w("p", null, "Загрузка файла...", -1)
-      ])])) : s("", !0),
-      p(t)().file ? (o(), y(M, {
+        c("div", { class: "video-recorder__status" }, [
+          c("span", null, "Загрузка файла...")
+        ], -1)
+      ])])) : n("", !0),
+      p(t)().file ? (o(), w(M, {
         key: 2,
         to: "#chat-input-file-line-" + p(r)
       }, [
-        l.value ? (o(), y(E, {
+        s.value ? (o(), w(E, {
           key: 0,
-          "file-info": l.value,
+          "file-info": s.value,
           onReset: b
-        }, null, 8, ["file-info"])) : s("", !0)
-      ], 8, ["to"])) : s("", !0)
+        }, null, 8, ["file-info"])) : n("", !0)
+      ], 8, ["to"])) : n("", !0)
     ], 64));
   }
 });

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

@@ -1,7 +1,7 @@
 import e from "./DelimiterMessage.vue2.js";
 /* empty css                      */
 import o from "../../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-6097de8c"]]);
+const m = /* @__PURE__ */ o(e, [["__scopeId", "data-v-75a5769e"]]);
 export {
-  s as default
+  m as default
 };