@mobilon-dev/chotto 0.3.58 → 0.3.60

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"]]);
+const e = /* @__PURE__ */ a(o, [["__scopeId", "data-v-7014afaa"]]);
 export {
-  p as default
+  e as default
 };

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

@@ -1,7 +1,7 @@
-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 q from "../FilePreview/FilePreview.vue.js";
-import { uploadFile as G } from "../../../hooks/uploadFile/uploadFile.js";
-import { useMessageDraft as J } from "../../../hooks/useMessageDraft.js";
+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 "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
 /* empty css                              */
@@ -9,8 +9,14 @@ import "../../../hooks/useTheme.js";
 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({
+import Q from "./icons/FileUploaderIcon.vue.js";
+const W = {
+  key: 0,
+  class: "file-uploader__status file-uploader__status--uploading"
+}, X = {
+  key: 1,
+  class: "file-uploader__status file-uploader__status--error"
+}, Y = ["disabled"], ce = /* @__PURE__ */ O({
   __name: "FileUploader",
   props: {
     filebumpUrl: {
@@ -23,57 +29,62 @@ 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: 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) {
-        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);
-    P(() => {
+      c.value = e || "#5F5F5F", d.value = o || "#404040";
+    }, A = B(() => g.value ? d.value : c.value);
+    $(() => {
       y();
     });
-    const F = M(() => !C().file), E = () => {
+    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(), p.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]);
-    }, D = () => {
-      s.value && F && v.state == "active" && s.value.click();
-    }, k = async (l) => {
+      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) {
             l.preventDefault();
-            const _ = o.getAsFile();
-            _ && U(_);
+            const S = o.getAsFile();
+            S && M(S);
           }
       }
-    }, U = async (l) => {
-      r.value = "uploading", I(!0);
+    }, M = async (l) => {
+      s.value = "uploading", E(!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") {
-          V({
+      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 && (p.value = {
+          o && (o.style.display = "inherit"), e.preview && (f.value = {
             previewUrl: e.preview.previewUrl,
             isImage: e.preview.isImage,
             isVideo: e.preview.isVideo,
@@ -84,57 +95,58 @@ const Q = { key: 0 }, W = { key: 1 }, X = ["disabled"], fe = /* @__PURE__ */ x({
         }
       });
     };
-    return $(() => {
-      if (window.addEventListener("paste", k), y(), i) {
+    return H(() => {
+      if (window.addEventListener("paste", U), 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)
+    }), 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),
-      m("span", {
+      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",
-        onClick: D,
+        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)
       }, [
-        j(h(K), { fill: A.value }, null, 8, ["fill"])
-      ], 42, X),
-      m("input", {
+        T(h(Q), { fill: A.value }, null, 8, ["fill"])
+      ], 42, Y),
+      p("input", {
         ref_key: "fileInput",
-        ref: s,
+        ref: r,
         style: { display: "none" },
         type: "file",
-        onChange: N
+        onChange: D
       }, null, 544),
-      h(C)().file ? (a(), S(T, {
+      h(I)().file ? (u(), V(q, {
         key: 2,
         to: "#chat-input-file-line-" + h(i)
       }, [
-        p.value ? (a(), S(q, {
+        f.value ? (u(), V(G, {
           key: 0,
-          "file-info": p.value,
-          onReset: E
+          "file-info": f.value,
+          onReset: k
         }, null, 8, ["file-info"])) : b("", !0)
       ], 8, ["to"])) : b("", !0)
     ], 64));
   }
 });
 export {
-  fe as default
+  ce as default
 };

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
 };