@mobilon-dev/chotto 0.3.58 → 0.3.59

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/ImageMessage/ImageMessage.vue.js

@@ -1,7 +1,7 @@
 import o from "./ImageMessage.vue2.js";
 /* empty css                  */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b76d8f98"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-435c558d"]]);
 export {
   r as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as de, inject as fe, ref as f, watch as N, nextTick as A, onMounted as ve, onUnmounted as be, computed as k, createElementBlock as g, openBlock as i, normalizeStyle as U, normalizeClass as v, unref as a, createCommentVNode as n, createElementVNode as l, createBlock as b, createVNode as r, withCtx as d, createTextVNode as he, toDisplayString as L, Transition as x, withModifiers as D, Teleport as ye } from "vue";
+import { defineComponent as de, inject as fe, ref as f, watch as N, nextTick as A, onMounted as ve, onUnmounted as be, computed as k, createElementBlock as u, openBlock as i, normalizeStyle as U, normalizeClass as v, unref as a, createCommentVNode as n, createElementVNode as l, createBlock as b, createVNode as r, withCtx as d, createTextVNode as he, toDisplayString as L, Transition as x, withModifiers as D, Teleport as ye } from "vue";
 import we from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
 import pe from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
 import ke from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
@@ -70,32 +70,32 @@ const Ve = ["messageId"], He = ["src"], We = {
       clickAction: Q,
       viewsAction: B,
       handleClickReplied: X
-    } = Ie(s.message, C), R = f(!1), { linkedHtml: O, inNewWindow: z } = je(() => s.message.text), c = f(null), u = f(null), h = f(0), I = f(0);
+    } = Ie(s.message, C), R = f(!1), { linkedHtml: O, inNewWindow: z } = je(() => s.message.text), c = f(null), g = f(null), h = f(0), I = f(0);
     N(
       () => O.value,
       () => {
         y(), A(() => {
-          o && u.value && o.observe(u.value);
+          o && g.value && o.observe(g.value);
         });
       }
     );
     const y = () => {
       A(() => {
-        c.value && (h.value = c.value.offsetWidth), u.value && (I.value = u.value.offsetWidth);
+        c.value && (h.value = c.value.offsetWidth), g.value && (I.value = g.value.offsetWidth);
       });
     };
     let o = null, M = null;
     ve(() => {
       y(), M = () => y(), window.addEventListener("resize", M), typeof ResizeObserver < "u" && (o = new ResizeObserver(() => {
         y();
-      }), c.value && o.observe(c.value), u.value && o.observe(u.value));
+      }), c.value && o.observe(c.value), g.value && o.observe(g.value));
     }), be(() => {
       M && window.removeEventListener("resize", M), o && o.disconnect();
     }), N(
       () => [s.message.text, s.message.url],
       () => {
         y(), A(() => {
-          o && (o.disconnect(), c.value && o.observe(c.value), u.value && o.observe(u.value));
+          o && (o.disconnect(), c.value && o.observe(c.value), g.value && o.observe(g.value));
         });
       },
       { immediate: !0 }
@@ -119,7 +119,7 @@ const Ve = ["messageId"], He = ["src"], We = {
             headers: {
               Accept: "image/*"
             }
-          }), ue = m.headers.get("content-type") || "", ge = await m.blob(), j = ((t = (w = s.message.url.split(".").pop()) == null ? void 0 : w.split("?")[0]) == null ? void 0 : t.toLowerCase()) || "", re = {
+          }), ge = m.headers.get("content-type") || "", ue = await m.blob(), j = ((t = (w = s.message.url.split(".").pop()) == null ? void 0 : w.split("?")[0]) == null ? void 0 : t.toLowerCase()) || "", re = {
             "image/jpeg": "jpg",
             "image/jpg": "jpg",
             "image/png": "png",
@@ -128,8 +128,8 @@ const Ve = ["messageId"], He = ["src"], We = {
             "image/svg+xml": "svg",
             "image/bmp": "bmp"
           };
-          let W = j && ["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp"].includes(j) ? j : re[ue] || "jpg";
-          const ce = s.message.alt ? s.message.alt.includes(".") ? s.message.alt : `${s.message.alt}.${W}` : `image-${s.message.messageId}.${W}`, $ = window.URL.createObjectURL(ge), p = document.createElement("a");
+          let W = j && ["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp"].includes(j) ? j : re[ge] || "jpg";
+          const ce = s.message.alt ? s.message.alt.includes(".") ? s.message.alt : `${s.message.alt}.${W}` : `image-${s.message.messageId}.${W}`, $ = window.URL.createObjectURL(ue), p = document.createElement("a");
           p.href = $, p.download = ce, document.body.appendChild(p), p.click(), document.body.removeChild(p), window.URL.revokeObjectURL($);
         } catch (m) {
           console.error("Ошибка при скачивании изображения:", m);
@@ -138,7 +138,7 @@ const Ve = ["messageId"], He = ["src"], We = {
     function me() {
       C("sms-invite", s.message);
     }
-    return (w, t) => (i(), g("div", {
+    return (w, t) => (i(), u("div", {
       class: v(["image-message", [
         H(e.message),
         e.applyStyle(e.message)
@@ -147,14 +147,14 @@ const Ve = ["messageId"], He = ["src"], We = {
       style: U(a(se)),
       onMouseleave: V
     }, [
-      e.message.avatar && e.isFirstInSeries ? (i(), g("img", {
+      e.message.avatar && e.isFirstInSeries ? (i(), u("img", {
         key: 0,
         class: "image-message__avatar",
         src: e.message.avatar,
         height: "32",
         width: "32"
       }, null, 8, He)) : n("", !0),
-      e.message.subText && e.isFirstInSeries ? (i(), g("p", We, [
+      e.message.subText && e.isFirstInSeries ? (i(), u("p", We, [
         r(Se, {
           text: a(oe),
           position: e.message.position === "left" ? "right" : "left",
@@ -182,7 +182,7 @@ const Ve = ["messageId"], He = ["src"], We = {
           onMouseenter: Y,
           onMouseleave: V
         }, [
-          F.value ? (i(), g("div", $e, [
+          F.value ? (i(), u("div", $e, [
             l("img", {
               class: "image-message__blur-left",
               src: e.message.url,
@@ -204,8 +204,8 @@ const Ve = ["messageId"], He = ["src"], We = {
           }, null, 12, De),
           r(x, { name: "modal-fade" }, {
             default: d(() => [
-              R.value ? (i(), g("div", Pe, [
-                e.message.views ? (i(), g("div", {
+              R.value ? (i(), u("div", Pe, [
+                e.message.views ? (i(), u("div", {
                   key: 0,
                   class: "image-message__views",
                   onClick: t[0] || (t[0] = D(
@@ -231,7 +231,7 @@ const Ve = ["messageId"], He = ["src"], We = {
           }),
           r(x, { name: "modal-fade" }, {
             default: d(() => [
-              R.value ? (i(), g("button", {
+              R.value ? (i(), u("button", {
                 key: 0,
                 class: "image-message__download-button",
                 onClick: D(ae, ["stop"])
@@ -244,7 +244,7 @@ const Ve = ["messageId"], He = ["src"], We = {
         ], 34),
         r(x, { name: "modal-fade" }, {
           default: d(() => [
-            a(G) && e.message.actions ? (i(), g("button", {
+            a(G) && e.message.actions ? (i(), u("button", {
               key: 0,
               class: "image-message__menu-button",
               onClick: t[2] || (t[2] = (m) => S.value = !a(S))
@@ -265,10 +265,10 @@ const Ve = ["messageId"], He = ["src"], We = {
           ]),
           _: 1
         }),
-        e.message.text ? (i(), g("div", {
+        e.message.text ? (i(), u("div", {
           key: 1,
           ref_key: "textRef",
-          ref: u,
+          ref: g,
           class: "image-message__text-container"
         }, [
           l("p", {
@@ -308,6 +308,7 @@ const Ve = ["messageId"], He = ["src"], We = {
             T.value ? (i(), b(Re, {
               key: 0,
               "data-theme": a(E)().theme ? a(E)().theme : "light",
+              title: e.message.alt,
               onClose: te
             }, {
               default: d(() => [
@@ -318,7 +319,7 @@ const Ve = ["messageId"], He = ["src"], We = {
                 }, null, 8, Je)
               ]),
               _: 1
-            }, 8, ["data-theme"])) : n("", !0)
+            }, 8, ["data-theme", "title"])) : n("", !0)
           ]),
           _: 1
         })