@mobilon-dev/chotto 0.3.89 → 0.3.91

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

@@ -1,6 +1,7 @@
-import { defineComponent as D, inject as N, ref as o, computed as T, watch as j, createElementBlock as y, openBlock as c, createCommentVNode as m, createBlock as M, createElementVNode as a, toDisplayString as x, unref as w, normalizeClass as L, Teleport as P } from "vue";
-import { uploadFile as O } from "../../../hooks/uploadFile/uploadFile.js";
-import { useMessageDraft as q } from "../../../hooks/useMessageDraft.js";
+import { defineComponent as z, inject as D, ref as t, computed as j, createElementBlock as v, openBlock as p, createCommentVNode as _, createElementVNode as l, toDisplayString as x, unref as A, normalizeClass as B } from "vue";
+import { buildFilePreview as E } from "../../../hooks/uploadFile/generatePreview.js";
+import { uploadFile as L } from "../../../hooks/uploadFile/uploadFile.js";
+import { useMessageDraft as N } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
@@ -11,14 +12,13 @@ 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 G from "../../2_chatinput_elements/FilePreview/FilePreview.vue.js";
-const H = { class: "audio-recorder__container" }, J = {
+const T = { class: "audio-recorder__container" }, V = {
   key: 0,
   class: "audio-recorder__status"
-}, K = {
+}, O = {
   key: 1,
   class: "audio-recorder__recording-container"
-}, Q = { class: "audio-recorder__recording-time" }, ne = /* @__PURE__ */ D({
+}, P = { class: "audio-recorder__recording-time" }, ae = /* @__PURE__ */ z({
   __name: "AudioRecorder",
   props: {
     state: {
@@ -30,94 +30,67 @@ const H = { class: "audio-recorder__container" }, J = {
       default: null
     }
   },
-  setup(R) {
-    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 t = await navigator.mediaDevices.getUserMedia({ audio: !0, video: !1 });
-        h.value = setInterval(() => {
-          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);
+  setup(g) {
+    const C = D("chatAppId"), { getMessage: m, setMessageFile: M, setRecordingMessage: b } = N(C), y = t(), a = t(0), r = t(0), u = t(0), n = t(0), U = j(() => {
+      let s = n.value < 10 ? "0" + n.value : n.value, e = u.value < 10 ? "0" + u.value : u.value, o = r.value < 10 ? "0" + r.value : r.value, S = a.value < 10 ? "00" + a.value : a.value < 100 ? "0" + a.value : a.value;
+      return s + ":" + e + ":" + o + ":" + S;
+    }), c = t(""), d = t(!1), i = t(), f = t([]), R = t(), k = g, h = async () => {
+      if (!m().file && k.state == "active") {
+        const s = await navigator.mediaDevices.getUserMedia({ audio: !0, video: !1 });
+        y.value = setInterval(() => {
+          a.value += 10, a.value == 1e3 && (a.value = 0, r.value++, r.value == 60 && (r.value = 0, u.value++, u.value == 60 && (u.value = 0, n.value++)));
+        }, 10), b(!0), d.value = !0, i.value = new MediaRecorder(s), i.value.start(), i.value.ondataavailable = (e) => {
+          f.value.push(e.data);
         };
       }
     }, F = () => {
-      I(), A.value = void 0;
-    }, E = () => {
-      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({
-              url: i.url,
-              name: i.name,
-              size: i.size,
-              type: i.type
-            }), i.preview && (p.value = {
-              previewUrl: i.preview.previewUrl,
-              isImage: i.preview.isImage,
-              isVideo: i.preview.isVideo,
-              isAudio: i.preview.isAudio,
-              fileName: i.name,
-              fileSize: i.preview.fileSize
-            });
-          }
-        });
-      }), I();
+      w(), R.value = void 0;
     }, I = () => {
-      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 t = document.getElementById("chat-input-file-line-" + f);
-      t && (t.style.display = "none"), S(), p.value = void 0;
+      i.value && (i.value.stop(), i.value.onstop = async () => {
+        const s = new File(f.value, "voicemessage.mp3", { type: "audio/*" }), e = URL.createObjectURL(s);
+        R.value = e, c.value = "uploading", await L(k.filebumpUrl, s).then((o) => {
+          c.value = o.status, o.status == "success" && M({
+            url: o.url,
+            name: o.name,
+            size: o.size,
+            type: o.type,
+            preview: E(o.name, o.preview)
+          });
+        });
+      }), w();
+    }, w = () => {
+      clearInterval(y.value), a.value = 0, r.value = 0, u.value = 0, n.value = 0, b(!1), d.value = !1, i.value = void 0, f.value = [];
     };
-    return j(
-      () => n().file,
-      () => {
-        n().file || (p.value = void 0);
-      }
-    ), (t, e) => (c(), y("div", H, [
-      v.value === "uploading" ? (c(), y("div", J, [...e[0] || (e[0] = [
-        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)),
-        a("button", {
+    return (s, e) => (p(), v("div", T, [
+      c.value === "uploading" ? (p(), v("div", V, [...e[0] || (e[0] = [
+        l("span", null, "Загрузка файла...", -1)
+      ])])) : _("", !0),
+      d.value && c.value != "uploading" ? (p(), v("div", O, [
+        e[3] || (e[3] = l("span", { class: "audio-recorder__recording-icon pi pi-circle-fill" }, null, -1)),
+        l("button", {
           class: "audio-recorder__button audio-recorder__button-record",
           onClick: F
         }, [...e[1] || (e[1] = [
-          a("span", { class: "pi pi-trash" }, null, -1)
+          l("span", { class: "pi pi-trash" }, null, -1)
         ])]),
-        a("button", {
+        l("button", {
           class: "audio-recorder__button audio-recorder__button-record",
-          onClick: E
+          onClick: I
         }, [...e[2] || (e[2] = [
-          a("div", { class: "audio-recorder__stop" }, null, -1)
+          l("div", { class: "audio-recorder__stop" }, null, -1)
         ])]),
-        a("span", Q, x(z.value), 1)
-      ])) : m("", !0),
-      !g.value && v.value != "uploading" && !w(n)().isRecording ? (c(), y("button", {
+        l("span", P, x(U.value), 1)
+      ])) : _("", !0),
+      !d.value && c.value != "uploading" && !A(m)().isRecording ? (p(), v("button", {
         key: 2,
-        class: L(["audio-recorder__button", { "audio-recorder__button-disabled": R.state == "disabled" || w(n)().file }]),
-        onClick: B
+        class: B(["audio-recorder__button", { "audio-recorder__button-disabled": g.state == "disabled" || A(m)().file }]),
+        onClick: h
       }, [...e[4] || (e[4] = [
-        a("span", { class: "pi pi-microphone" }, null, -1)
-      ])], 2)) : m("", !0),
-      w(n)().file ? (c(), M(P, {
-        key: 3,
-        to: "#chat-input-file-line-" + w(f)
-      }, [
-        p.value ? (c(), M(G, {
-          key: 0,
-          "file-info": p.value,
-          onReset: V
-        }, null, 8, ["file-info"])) : m("", !0)
-      ], 8, ["to"])) : m("", !0)
+        l("span", { class: "pi pi-microphone" }, null, -1)
+      ])], 2)) : _("", !0)
     ]));
   }
 });
 export {
-  ne as default
+  ae as default
 };

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 m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9cc78254"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d1f2b0be"]]);
 export {
-  m as default
+  f as default
 };

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

@@ -1,25 +1,25 @@
-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 { defineComponent as _, inject as y, ref as b, createElementBlock as r, openBlock as i, Fragment as h, createCommentVNode as a, unref as f, normalizeClass as k, createElementVNode as n } from "vue";
+import { buildFilePreview as F } from "../../../hooks/uploadFile/generatePreview.js";
+import { uploadFile as w } from "../../../hooks/uploadFile/uploadFile.js";
+import { useMessageDraft as M } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as B } from "../../../hooks/useTheme.js";
+import { useTheme as R } from "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
-import { useModalVideoRecorder as S } from "../../../hooks/modals/useVideoRecorder.js";
+import { useModalVideoRecorder as V } from "../../../hooks/modals/useVideoRecorder.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-import E from "../../2_chatinput_elements/FilePreview/FilePreview.vue.js";
-const U = {
+const C = {
   key: 0,
   class: "video-recorder__container"
-}, N = {
+}, z = {
   key: 1,
   class: "video-recorder__container"
-}, Y = /* @__PURE__ */ F({
+}, J = /* @__PURE__ */ _({
   __name: "VideoRecorder",
   props: {
     state: {
@@ -31,70 +31,41 @@ const U = {
       default: null
     }
   },
-  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 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,
-                isAudio: e.preview.isAudio,
-                fileName: e.name,
-                fileSize: e.preview.fileSize
-              });
-            }
+  setup(l) {
+    const d = y("chatAppId"), { getMessage: s, setMessageFile: v, setRecordingMessage: p } = M(d), { getTheme: m } = R(d), o = b(""), c = l, g = async () => {
+      if (!s().file && c.state == "active") {
+        const u = m().theme ? m().theme : "";
+        await V(u).then(async (t) => {
+          t.videoFile && (o.value = "uploading", p(!0), await w(c.filebumpUrl, t.videoFile).then((e) => {
+            p(!1), o.value = e.status, e.status == "success" && v({
+              url: e.url,
+              name: e.name,
+              size: e.size,
+              type: e.type,
+              preview: F(e.name, e.preview)
+            });
           }));
         });
       }
-    }, b = () => {
-      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 || (s.value = void 0);
-      }
-    ), (l, i) => (o(), d(C, null, [
-      p(t)().isRecording ? n("", !0) : (o(), d("div", U, [
-        a.value != "uploading" ? (o(), d("button", {
+    return (u, t) => (i(), r(h, null, [
+      f(s)().isRecording ? a("", !0) : (i(), r("div", C, [
+        o.value != "uploading" ? (i(), r("button", {
           key: 0,
-          class: I(["video-recorder__button", { "video-recorder__button-disabled": m.state == "disabled" || p(t)().file }]),
-          onClick: k
-        }, [...i[0] || (i[0] = [
-          c("span", { class: "pi pi-video" }, null, -1)
-        ])], 2)) : n("", !0)
+          class: k(["video-recorder__button", { "video-recorder__button-disabled": l.state == "disabled" || f(s)().file }]),
+          onClick: g
+        }, [...t[0] || (t[0] = [
+          n("span", { class: "pi pi-video" }, null, -1)
+        ])], 2)) : a("", !0)
       ])),
-      a.value === "uploading" ? (o(), d("div", N, [...i[1] || (i[1] = [
-        c("div", { class: "video-recorder__status" }, [
-          c("span", null, "Загрузка файла...")
+      o.value === "uploading" ? (i(), r("div", z, [...t[1] || (t[1] = [
+        n("div", { class: "video-recorder__status" }, [
+          n("span", null, "Загрузка файла...")
         ], -1)
-      ])])) : n("", !0),
-      p(t)().file ? (o(), w(M, {
-        key: 2,
-        to: "#chat-input-file-line-" + p(r)
-      }, [
-        s.value ? (o(), w(E, {
-          key: 0,
-          "file-info": s.value,
-          onReset: b
-        }, null, 8, ["file-info"])) : n("", !0)
-      ], 8, ["to"])) : n("", !0)
+      ])])) : a("", !0)
     ], 64));
   }
 });
 export {
-  Y as default
+  J as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./AudioMessage.vue2.js";
 /* empty css                  */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-71edc0f6"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-06981a56"]]);
 export {
-  a as default
+  e as default
 };

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

@@ -349,6 +349,10 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
         onMouseenter: t[7] || (t[7] = //@ts-ignore
         (...n) => i(J) && i(J)(...n))
       }, [
+        t[13] || (t[13] = o("div", {
+          class: "audio-message__bottom-shadow",
+          "aria-hidden": "true"
+        }, null, -1)),
         s.message.deleted ? (u(), r(q, { key: 0 }, [
           b(dt),
           o("div", Tt, [

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

@@ -1,7 +1,7 @@
 import o from "./CallMessage.vue2.js";
 /* empty css                 */
-import a from "../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ a(o, [["__scopeId", "data-v-57ad1b94"]]);
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-93cf25f4"]]);
 export {
-  e as default
+  s as default
 };

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

@@ -365,6 +365,10 @@ const pt = ["messageId"], _t = ["src"], ft = {
         }, 8, ["text", "position"])
       ])) : p("", !0),
       o("div", gt, [
+        t[10] || (t[10] = o("div", {
+          class: "call-message__bottom-shadow",
+          "aria-hidden": "true"
+        }, null, -1)),
         a(s).deleted ? (n(), u(y, { key: 0 }, [
           P(dt),
           o("div", yt, [

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

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

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

@@ -2,8 +2,8 @@ import { defineComponent as te, inject as ae, computed as w, createElementBlock
 import me from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
 import re from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
 import ue from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import ce from "../BaseReplyMessage/BaseReplyMessage.vue.js";
-import ge from "../MessageReactions/MessageReactions.vue.js";
+import ge from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import ce from "../MessageReactions/MessageReactions.vue.js";
 import L from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
 import de from "../MessageSmsInvite/MessageSmsInvite.vue.js";
 import fe from "../DeletedMessageContent/DeletedMessageContent.vue.js";
@@ -81,7 +81,7 @@ const xe = ["messageId"], Ie = ["src"], pe = {
   },
   emits: ["action", "reply", "sms-invite"],
   setup(e, { emit: F }) {
-    const t = e, h = F, { linkedHtml: N, inNewWindow: M } = he(() => t.message.text), { menuActions: b } = ve(() => t.message), O = ae("chatAppId"), { startReply: B } = Me(O || ""), {
+    const a = e, h = F, { linkedHtml: N, inNewWindow: M } = he(() => a.message.text), { menuActions: b } = ve(() => a.message), O = ae("chatAppId"), { startReply: B } = Me(O || ""), {
       isOpenMenu: j,
       buttonMenuVisible: P,
       menuAnchorRef: V,
@@ -97,37 +97,37 @@ const xe = ["messageId"], Ie = ["src"], pe = {
       clickAction: G,
       viewsAction: T,
       handleClickReplied: J
-    } = be(t.message, h, {
-      onReply: () => B(U(t.message, "message.file"))
-    }), x = w(() => Re(t.message.status)), I = w(() => Se(t.message.status, t.message.statusMsg)), { bubbleStyle: K } = ke(
-      w(() => t.message),
+    } = be(a.message, h, {
+      onReply: () => B(U(a.message, "message.file"))
+    }), x = w(() => Re(a.message.status)), I = w(() => Se(a.message.status, a.message.statusMsg)), { bubbleStyle: K } = ke(
+      w(() => a.message),
       { cssVariable: "--chotto-filemessage-right-bg", position: "right" }
     );
     function k(r) {
       return Ce(r.position, "file-message");
     }
     const { onToggleReaction: Q, onAddReaction: X, onRemoveReaction: Y } = Te(h), Z = async () => {
-      if (t.message.url)
+      if (a.message.url)
         try {
-          const r = new URL(t.message.url, window.location.href);
+          const r = new URL(a.message.url, window.location.href);
           if (r.origin === window.location.origin) {
-            const g = document.createElement("a");
-            g.href = r.toString(), g.download = t.message.filename || `file-${t.message.messageId}`, document.body.appendChild(g), g.click(), document.body.removeChild(g);
+            const c = document.createElement("a");
+            c.href = r.toString(), c.download = a.message.filename || `file-${a.message.messageId}`, document.body.appendChild(c), c.click(), document.body.removeChild(c);
             return;
           }
-          const o = await fetch(t.message.url);
+          const o = await fetch(a.message.url);
           if (!o.ok)
             throw new Error(`HTTP error! status: ${o.status}`);
-          const se = await o.blob(), p = window.URL.createObjectURL(se), c = document.createElement("a");
-          c.href = p, c.download = t.message.filename || `file-${t.message.messageId}`, document.body.appendChild(c), c.click(), document.body.removeChild(c), window.URL.revokeObjectURL(p);
+          const se = await o.blob(), p = window.URL.createObjectURL(se), g = document.createElement("a");
+          g.href = p, g.download = a.message.filename || `file-${a.message.messageId}`, document.body.appendChild(g), g.click(), document.body.removeChild(g), window.URL.revokeObjectURL(p);
         } catch (r) {
-          console.error("Ошибка при скачивании файла:", r), window.open(t.message.url, "_blank");
+          console.error("Ошибка при скачивании файла:", r), window.open(a.message.url, "_blank");
         }
-    }, _ = we(() => t.message, () => t.subtextTooltipData);
+    }, _ = we(() => a.message, () => a.subtextTooltipData);
     function ee() {
-      h("sms-invite", t.message);
+      h("sms-invite", a.message);
     }
-    return (r, a) => (i(), m("div", {
+    return (r, t) => (i(), m("div", {
       ref_key: "menuAnchorRef",
       ref: V,
       class: d(["file-message", [
@@ -136,7 +136,7 @@ const xe = ["messageId"], Ie = ["src"], pe = {
       ]]),
       messageId: e.message.messageId,
       style: v(s(K)),
-      onMouseleave: a[4] || (a[4] = //@ts-ignore
+      onMouseleave: t[4] || (t[4] = //@ts-ignore
       (...o) => s(S) && s(S)(...o))
     }, [
       e.message.avatar && e.isFirstInSeries ? (i(), m("img", {
@@ -162,9 +162,13 @@ const xe = ["messageId"], Ie = ["src"], pe = {
       n("div", {
         class: d(["file-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }]),
         style: v({ gridRow: e.message.subText ? "2" : "1" }),
-        onMouseenter: a[3] || (a[3] = //@ts-ignore
+        onMouseenter: t[3] || (t[3] = //@ts-ignore
         (...o) => s(R) && s(R)(...o))
       }, [
+        t[9] || (t[9] = n("div", {
+          class: "file-message__bottom-shadow",
+          "aria-hidden": "true"
+        }, null, -1)),
         e.message.deleted ? (i(), m(E, { key: 0 }, [
           u(fe),
           n("div", Ae, [
@@ -180,7 +184,7 @@ const xe = ["messageId"], Ie = ["src"], pe = {
             ])
           ])
         ], 64)) : (i(), m(E, { key: 1 }, [
-          e.message.reply ? (i(), y(ce, {
+          e.message.reply ? (i(), y(ge, {
             key: 0,
             message: e.message.reply,
             class: d(e.message.position),
@@ -191,15 +195,15 @@ const xe = ["messageId"], Ie = ["src"], pe = {
             href: e.message.url,
             onClick: ie(Z, ["prevent"])
           }, [
-            a[5] || (a[5] = n("span", { class: "pi pi-file" }, null, -1)),
+            t[5] || (t[5] = n("span", { class: "pi pi-file" }, null, -1)),
             n("p", Fe, f(e.message.filename), 1),
-            a[6] || (a[6] = n("div", { class: "file-message__download-button" }, [
+            t[6] || (t[6] = n("div", { class: "file-message__download-button" }, [
               n("span", { class: "pi pi-download" })
             ], -1))
           ], 8, Ue),
           e.message.text ? (i(), m("div", Ne, [
             n("p", {
-              onClick: a[0] || (a[0] = //@ts-ignore
+              onClick: t[0] || (t[0] = //@ts-ignore
               (...o) => s(M) && s(M)(...o)),
               innerHTML: s(N)
             }, null, 8, Oe)
@@ -215,7 +219,7 @@ const xe = ["messageId"], Ie = ["src"], pe = {
             embed: e.message.embed
           }, null, 8, ["class", "embed"])) : l("", !0),
           n("div", Be, [
-            u(ge, {
+            u(ce, {
               reactions: e.message.reactions,
               "message-id": e.message.messageId,
               reply: s(U)(e.message, "message.file"),
@@ -233,10 +237,10 @@ const xe = ["messageId"], Ie = ["src"], pe = {
               e.message.views ? (i(), m("div", {
                 key: 0,
                 class: "file-message__views",
-                onClick: a[1] || (a[1] = //@ts-ignore
+                onClick: t[1] || (t[1] = //@ts-ignore
                 (...o) => s(T) && s(T)(...o))
               }, [
-                a[7] || (a[7] = n("span", { class: "pi pi-eye" }, null, -1)),
+                t[7] || (t[7] = n("span", { class: "pi pi-eye" }, null, -1)),
                 n("p", null, f(e.message.views), 1)
               ])) : l("", !0),
               n("span", Pe, f(e.message.time), 1),
@@ -258,9 +262,9 @@ const xe = ["messageId"], Ie = ["src"], pe = {
           s(P) && s(b).length && !e.reactionsEnabled ? (i(), m("button", {
             key: 4,
             class: "file-message__menu-button",
-            onClick: a[2] || (a[2] = //@ts-ignore
+            onClick: t[2] || (t[2] = //@ts-ignore
             (...o) => s(C) && s(C)(...o))
-          }, [...a[8] || (a[8] = [
+          }, [...t[8] || (t[8] = [
             n("span", { class: "pi pi-ellipsis-h" }, null, -1)
           ])])) : l("", !0),
           (i(), y(oe, { to: "body" }, [

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

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