@mobilon-dev/chotto 0.3.89 → 0.3.91

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

@@ -1,4 +1,4 @@
-import { defineComponent as ue, inject as re, ref as ge, computed as u, createElementBlock as l, openBlock as s, unref as t, normalizeStyle as h, normalizeClass as d, createCommentVNode as i, createElementVNode as m, createVNode as f, withCtx as x, createTextVNode as ce, toDisplayString as r, Fragment as k, createBlock as g, createSlots as de, renderList as fe, Teleport as ye, Transition as ve } from "vue";
+import { defineComponent as ue, inject as re, ref as ge, computed as u, createElementBlock as l, openBlock as s, unref as t, normalizeStyle as h, normalizeClass as c, createCommentVNode as o, createElementVNode as m, createVNode as f, withCtx as x, createTextVNode as de, toDisplayString as r, Fragment as k, createBlock as g, createSlots as ce, renderList as fe, Teleport as ye, Transition as ve } from "vue";
 import xe from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
 import be from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
 import he from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
@@ -106,8 +106,8 @@ const je = ["messageId"], qe = ["src"], Oe = {
     } = Te(a.message, y, {
       onReply: () => H(N(a.message, "message.text")),
       onEdit: () => j(Fe(a.message, "message.text"))
-    }), E = u(() => Ne(a.message.status)), p = u(() => Pe(a.message.status, a.message.statusMsg)), Y = u(() => V("component.TextMessage.edited")), c = u(() => Le(a.message.edited)), Z = u(
-      () => !!(c.value.original || c.value.edits.length)
+    }), E = u(() => Ne(a.message.status)), p = u(() => Pe(a.message.status, a.message.statusMsg)), Y = u(() => V("component.TextMessage.edited")), d = u(() => Le(a.message.edited)), Z = u(
+      () => !!(d.value.original || d.value.edits.length)
     ), A = u(() => Be(a.message)), _ = {
       "--chotto-tooltip-border": "1px solid #5F5F5F"
     }, { bubbleStyle: ee } = Ce(
@@ -130,17 +130,17 @@ const je = ["messageId"], qe = ["src"], Oe = {
         type: "editInfo"
       }));
     }
-    return (F, o) => (s(), l("div", {
+    return (F, n) => (s(), l("div", {
       ref_key: "menuAnchorRef",
       ref: U,
-      class: d(["text-message", [
+      class: c(["text-message", [
         b(e.message),
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
       style: h(t(ee)),
-      onMouseleave: o[4] || (o[4] = //@ts-ignore
-      (...n) => t(I) && t(I)(...n))
+      onMouseleave: n[4] || (n[4] = //@ts-ignore
+      (...i) => t(I) && t(I)(...i))
     }, [
       e.message.avatar && e.isFirstInSeries ? (s(), l("img", {
         key: 0,
@@ -149,7 +149,7 @@ const je = ["messageId"], qe = ["src"], Oe = {
         height: "32",
         width: "32",
         style: h({ gridRow: e.message.subText && e.isFirstInSeries ? "2" : "1" })
-      }, null, 12, qe)) : i("", !0),
+      }, null, 12, qe)) : o("", !0),
       e.message.subText && e.isFirstInSeries ? (s(), l("p", Oe, [
         f(B, {
           text: t(ne),
@@ -157,16 +157,24 @@ const je = ["messageId"], qe = ["src"], Oe = {
           offset: 8
         }, {
           default: x(() => [
-            ce(r(e.message.subText), 1)
+            de(r(e.message.subText), 1)
           ]),
           _: 1
         }, 8, ["text", "position"])
-      ])) : i("", !0),
+      ])) : o("", !0),
       m("div", {
-        class: d(["text-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }]),
-        onMouseenter: o[3] || (o[3] = //@ts-ignore
-        (...n) => t(T) && t(T)(...n))
+        class: c(["text-message__content", {
+          "is-first": e.isFirstInSeries,
+          "with-avatar-indent": !e.isFirstInSeries && e.message.avatar,
+          "has-reply": !!e.message.reply
+        }]),
+        onMouseenter: n[3] || (n[3] = //@ts-ignore
+        (...i) => t(T) && t(T)(...i))
       }, [
+        n[7] || (n[7] = m("div", {
+          class: "text-message__bottom-shadow",
+          "aria-hidden": "true"
+        }, null, -1)),
         e.message.deleted ? (s(), l(k, { key: 0 }, [
           f(Se, {
             "original-text": A.value.original,
@@ -174,7 +182,7 @@ const je = ["messageId"], qe = ["src"], Oe = {
           }, null, 8, ["original-text", "meta"]),
           m("div", Ue, [
             m("div", $e, [
-              e.message.time ? (s(), l("span", ze, r(e.message.time), 1)) : i("", !0),
+              e.message.time ? (s(), l("span", ze, r(e.message.time), 1)) : o("", !0),
               f(L, {
                 "base-class": "text-message",
                 "message-class": b(e.message),
@@ -187,26 +195,26 @@ const je = ["messageId"], qe = ["src"], Oe = {
         ], 64)) : (s(), l(k, { key: 1 }, [
           e.message.reply ? (s(), g(ke, {
             key: 0,
-            class: d(e.message.position),
+            class: c(e.message.position),
             message: e.message.reply,
             onReply: t(X)
-          }, null, 8, ["class", "message", "onReply"])) : i("", !0),
+          }, null, 8, ["class", "message", "onReply"])) : o("", !0),
           m("p", {
             class: "text-message__text",
-            onClick: o[0] || (o[0] = //@ts-ignore
-            (...n) => t(M) && t(M)(...n)),
+            onClick: n[0] || (n[0] = //@ts-ignore
+            (...i) => t(M) && t(M)(...i)),
             innerHTML: t(D)
           }, null, 8, We),
           e.message.linkPreview ? (s(), g(be, {
             key: 1,
-            class: d(e.message.position),
+            class: c(e.message.position),
             "link-preview": e.message.linkPreview
-          }, null, 8, ["class", "link-preview"])) : i("", !0),
+          }, null, 8, ["class", "link-preview"])) : o("", !0),
           e.message.embed ? (s(), g(he, {
             key: 2,
-            class: d(e.message.position),
+            class: c(e.message.position),
             embed: e.message.embed
-          }, null, 8, ["class", "embed"])) : i("", !0),
+          }, null, 8, ["class", "embed"])) : o("", !0),
           m("div", Ge, [
             e.reactionsEnabled ? (s(), g(Me, {
               key: 0,
@@ -222,17 +230,17 @@ const je = ["messageId"], qe = ["src"], Oe = {
               onAddReaction: t(se),
               onRemoveReaction: t(ae),
               onMenu: t(G)
-            }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"])) : i("", !0),
+            }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"])) : o("", !0),
             m("div", Je, [
               e.message.views ? (s(), l("div", {
                 key: 0,
                 class: "text-message__views",
-                onClick: o[1] || (o[1] = //@ts-ignore
-                (...n) => t(C) && t(C)(...n))
+                onClick: n[1] || (n[1] = //@ts-ignore
+                (...i) => t(C) && t(C)(...i))
               }, [
-                o[5] || (o[5] = m("span", { class: "pi pi-eye" }, null, -1)),
+                n[5] || (n[5] = m("span", { class: "pi pi-eye" }, null, -1)),
                 m("p", null, r(e.message.views), 1)
-              ])) : i("", !0),
+              ])) : o("", !0),
               e.message.edited ? (s(), g(B, {
                 key: 1,
                 position: "bottom-right",
@@ -240,7 +248,7 @@ const je = ["messageId"], qe = ["src"], Oe = {
                 delay: 400,
                 "max-width": "280px",
                 "bubble-style": _
-              }, de({
+              }, ce({
                 default: x(() => [
                   m("span", {
                     class: "text-message__edited",
@@ -253,20 +261,20 @@ const je = ["messageId"], qe = ["src"], Oe = {
                   name: "content",
                   fn: x(() => [
                     m("div", Ke, [
-                      c.value.original ? (s(), l("div", Qe, r(c.value.original), 1)) : i("", !0),
-                      (s(!0), l(k, null, fe(c.value.edits, (n, me) => (s(), l("div", {
-                        key: `${n.text}-${n.meta}-${me}`,
+                      d.value.original ? (s(), l("div", Qe, r(d.value.original), 1)) : o("", !0),
+                      (s(!0), l(k, null, fe(d.value.edits, (i, me) => (s(), l("div", {
+                        key: `${i.text}-${i.meta}-${me}`,
                         class: "text-message__edit-tooltip-entry"
                       }, [
-                        n.text ? (s(), l("div", Xe, r(n.text), 1)) : i("", !0),
-                        n.meta ? (s(), l("div", Ye, r(n.meta), 1)) : i("", !0)
+                        i.text ? (s(), l("div", Xe, r(i.text), 1)) : o("", !0),
+                        i.meta ? (s(), l("div", Ye, r(i.meta), 1)) : o("", !0)
                       ]))), 128))
                     ])
                   ]),
                   key: "0"
                 } : void 0
-              ]), 1024)) : i("", !0),
-              e.message.time ? (s(), l("span", Ze, r(e.message.time), 1)) : i("", !0),
+              ]), 1024)) : o("", !0),
+              e.message.time ? (s(), l("span", Ze, r(e.message.time), 1)) : o("", !0),
               f(L, {
                 "base-class": "text-message",
                 "message-class": b(e.message),
@@ -282,15 +290,15 @@ const je = ["messageId"], qe = ["src"], Oe = {
             "has-messenger-account": e.message.hasMessengerAccount,
             channel: e.channel,
             onSmsInvite: oe
-          }, null, 8, ["status", "has-messenger-account", "channel"])) : i("", !0),
+          }, null, 8, ["status", "has-messenger-account", "channel"])) : o("", !0),
           t(O) && t(v).length && !e.reactionsEnabled ? (s(), l("button", {
             key: 4,
             class: "text-message__menu-button",
-            onClick: o[2] || (o[2] = //@ts-ignore
-            (...n) => t(w) && t(w)(...n))
-          }, [...o[6] || (o[6] = [
+            onClick: n[2] || (n[2] = //@ts-ignore
+            (...i) => t(w) && t(w)(...i))
+          }, [...n[6] || (n[6] = [
             m("span", { class: "pi pi-ellipsis-h" }, null, -1)
-          ])])) : i("", !0),
+          ])])) : o("", !0),
           (s(), g(ye, { to: "body" }, [
             f(ve, null, {
               default: x(() => [
@@ -305,7 +313,7 @@ const je = ["messageId"], qe = ["src"], Oe = {
                   onClick: t(Q),
                   onMouseenter: t(J),
                   onMouseleave: t(K)
-                }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter", "onMouseleave"])) : i("", !0)
+                }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter", "onMouseleave"])) : o("", !0)
               ]),
               _: 1
             })

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

@@ -1,7 +1,7 @@
 import o from "./VideoMessage.vue2.js";
 /* empty css                  */
 import a from "../../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ a(o, [["__scopeId", "data-v-084dfa9a"]]);
+const s = /* @__PURE__ */ a(o, [["__scopeId", "data-v-3c62acba"]]);
 export {
   s as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as Me, inject as pe, ref as M, computed as p, watch as we, createElementBlock as m, openBlock as n, Fragment as S, createElementVNode as l, createBlock as d, unref as s, normalizeStyle as C, normalizeClass as y, createCommentVNode as i, createVNode as r, withCtx as c, createTextVNode as xe, toDisplayString as w, Transition as b, withModifiers as j, Teleport as D } from "vue";
+import { defineComponent as we, inject as pe, ref as w, computed as p, watch as Me, createElementBlock as m, openBlock as o, Fragment as S, createElementVNode as i, createBlock as d, unref as t, normalizeStyle as C, normalizeClass as y, createCommentVNode as l, createVNode as r, withCtx as c, createTextVNode as xe, toDisplayString as M, Transition as b, withModifiers as j, Teleport as D } from "vue";
 import Re from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
 import Te from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
 import Se from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
@@ -8,8 +8,8 @@ import Ae from "../MessageReactions/MessageReactions.vue.js";
 import H from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
 import Ee from "../MessageSmsInvite/MessageSmsInvite.vue.js";
 import Le from "../DeletedMessageContent/DeletedMessageContent.vue.js";
-import Pe from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as Be } from "../../../hooks/messages/useMessageActions.js";
+import Be from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as Pe } from "../../../hooks/messages/useMessageActions.js";
 import { useMessageMenuActions as Fe } from "../../../hooks/messages/useMessageMenuActions.js";
 import { useMessageLinks as Ne } from "../../../hooks/messages/useMessageLinks.js";
 import { useChannelAccentColor as Ue } from "../../../hooks/messages/useChannelAccentColor.js";
@@ -41,7 +41,7 @@ const ze = ["messageId"], We = ["src"], Ge = {
 }, Ye = { class: "video-message__time" }, Ze = {
   key: 1,
   class: "video-message__text-container"
-}, _e = ["innerHTML"], es = ["src", "alt"], Bs = /* @__PURE__ */ Me({
+}, _e = ["innerHTML"], es = ["src", "alt"], Ps = /* @__PURE__ */ we({
   inheritAttrs: !1,
   __name: "VideoMessage",
   props: {
@@ -87,11 +87,11 @@ const ze = ["messageId"], We = ["src"], Ge = {
   },
   emits: ["action", "reply", "sms-invite"],
   setup(e, { emit: z }) {
-    const I = pe("chatAppId"), { getTheme: A } = je(I || ""), { menuActions: k } = Fe(() => a.message), { startReply: W } = $e(I || ""), a = e, x = z;
+    const I = pe("chatAppId"), { getTheme: A } = je(I || ""), { menuActions: h } = Fe(() => a.message), { startReply: W } = $e(I || ""), a = e, x = z;
     function R(u) {
       return Ve(u.position, "video-message");
     }
-    const E = M(), g = M(), T = M(!1), v = M(!1), { linkedHtml: G, inNewWindow: L } = Ne(() => a.message.text), {
+    const E = w(), g = w(), T = w(!1), v = w(!1), { linkedHtml: G, inNewWindow: L } = Ne(() => a.message.text), {
       isOpenMenu: J,
       buttonMenuVisible: K,
       menuAnchorRef: Q,
@@ -99,17 +99,17 @@ const ze = ["messageId"], We = ["src"], Ge = {
       menuStyle: Y,
       menuTheme: Z,
       showMenu: _,
-      hideMenu: P,
+      hideMenu: B,
       openMenu: ee,
-      toggleMenu: B,
+      toggleMenu: P,
       onMenuMouseEnter: se,
       onMenuMouseLeave: te,
       clickAction: ae,
       viewsAction: F,
-      handleClickReplied: ne
-    } = Be(a.message, x, {
+      handleClickReplied: oe
+    } = Pe(a.message, x, {
       onReply: () => W(V(a.message, "message.video"))
-    }), oe = () => {
+    }), ne = () => {
       _(), v.value = !0;
     }, N = p(() => De(a.message.status)), U = p(() => He(a.message.status, a.message.statusMsg)), { bubbleStyle: ie } = Ue(
       p(() => a.message),
@@ -117,40 +117,40 @@ const ze = ["messageId"], We = ["src"], Ge = {
     ), le = () => {
       g.value && (g.value.currentTime = 0, q(g.value));
     };
-    we([E, g], ([u, t]) => {
-      u ? t && (t.pause(), t.currentTime = 0) : t && (t.currentTime = 0, q(t));
+    Me([E, g], ([u, s]) => {
+      u ? s && (s.pause(), s.currentTime = 0) : s && (s.currentTime = 0, q(s));
     });
-    const me = p(() => a.message.reply && a.message.text ? "0" : a.message.text ? "5px 5px 0 0" : a.message.reply ? "0 0 5px 5px" : "8px"), re = () => T.value = !1, { onToggleReaction: ue, onAddReaction: de, onRemoveReaction: ce } = qe(x), ge = async () => {
-      var u, t;
+    const me = p(() => a.message.reply && a.message.text ? "0" : a.message.text ? "var(--chotto-videomessage-preview-with-caption-border-radius, 7px 7px 0 0)" : a.message.reply ? "var(--chotto-videomessage-preview-with-reply-border-radius, 0 0 7px 7px)" : "var(--chotto-videomessage-preview-border-radius, 7px)"), re = () => T.value = !1, { onToggleReaction: ue, onAddReaction: de, onRemoveReaction: ce } = qe(x), ge = async () => {
+      var u, s;
       if (a.message.url)
         try {
-          const o = await fetch(a.message.url, {
+          const n = await fetch(a.message.url, {
             headers: {
               Accept: "video/*"
             }
           });
-          if (!o.ok)
-            throw new Error(`HTTP error! status: ${o.status}`);
-          const ye = o.headers.get("content-type") || "", be = await o.blob(), h = ((t = (u = a.message.url.split(".").pop()) == null ? void 0 : u.split("?")[0]) == null ? void 0 : t.toLowerCase()) || "", ke = {
+          if (!n.ok)
+            throw new Error(`HTTP error! status: ${n.status}`);
+          const ye = n.headers.get("content-type") || "", be = await n.blob(), k = ((s = (u = a.message.url.split(".").pop()) == null ? void 0 : u.split("?")[0]) == null ? void 0 : s.toLowerCase()) || "", he = {
             "video/mp4": "mp4",
             "video/webm": "webm",
             "video/ogg": "ogv",
             "video/quicktime": "mov",
             "video/x-matroska": "mkv",
-            "application/octet-stream": h || "mp4"
+            "application/octet-stream": k || "mp4"
           };
-          let O = h && ["mp4", "mov", "webm", "ogv", "mkv"].includes(h) ? h : ke[ye] || "mp4";
-          const he = a.message.alt ? a.message.alt.includes(".") ? a.message.alt : `${a.message.alt}.${O}` : `video-${a.message.messageId}.${O}`, $ = window.URL.createObjectURL(be), f = document.createElement("a");
-          f.href = $, f.download = he, document.body.appendChild(f), f.click(), document.body.removeChild(f), window.URL.revokeObjectURL($);
-        } catch (o) {
-          console.error("Ошибка при скачивании видео:", o), window.open(a.message.url, "_blank");
+          let O = k && ["mp4", "mov", "webm", "ogv", "mkv"].includes(k) ? k : he[ye] || "mp4";
+          const ke = a.message.alt ? a.message.alt.includes(".") ? a.message.alt : `${a.message.alt}.${O}` : `video-${a.message.messageId}.${O}`, $ = window.URL.createObjectURL(be), f = document.createElement("a");
+          f.href = $, f.download = ke, document.body.appendChild(f), f.click(), document.body.removeChild(f), window.URL.revokeObjectURL($);
+        } catch (n) {
+          console.error("Ошибка при скачивании видео:", n), window.open(a.message.url, "_blank");
         }
     }, ve = Oe(() => a.message, () => a.subtextTooltipData);
     function fe() {
       x("sms-invite", a.message);
     }
-    return (u, t) => (n(), m(S, null, [
-      l("div", {
+    return (u, s) => (o(), m(S, null, [
+      i("div", {
         ref_key: "menuAnchorRef",
         ref: Q,
         class: y(["video-message", [
@@ -158,36 +158,40 @@ const ze = ["messageId"], We = ["src"], Ge = {
           e.applyStyle(e.message)
         ]]),
         messageId: e.message.messageId,
-        style: C(s(ie)),
-        onMouseleave: t[5] || (t[5] = //@ts-ignore
-        (...o) => s(P) && s(P)(...o))
+        style: C(t(ie)),
+        onMouseleave: s[5] || (s[5] = //@ts-ignore
+        (...n) => t(B) && t(B)(...n))
       }, [
-        e.message.avatar && e.isFirstInSeries ? (n(), m("img", {
+        e.message.avatar && e.isFirstInSeries ? (o(), m("img", {
           key: 0,
           class: "video-message__avatar",
           src: e.message.avatar,
           height: "32",
           width: "32"
-        }, null, 8, We)) : i("", !0),
-        e.message.subText && e.isFirstInSeries ? (n(), m("p", Ge, [
-          r(Pe, {
-            text: s(ve),
+        }, null, 8, We)) : l("", !0),
+        e.message.subText && e.isFirstInSeries ? (o(), m("p", Ge, [
+          r(Be, {
+            text: t(ve),
             position: e.message.position === "left" ? "right" : "left",
             offset: 8
           }, {
             default: c(() => [
-              xe(w(e.message.subText), 1)
+              xe(M(e.message.subText), 1)
             ]),
             _: 1
           }, 8, ["text", "position"])
-        ])) : i("", !0),
-        l("div", {
-          class: y(["video-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }])
+        ])) : l("", !0),
+        i("div", {
+          class: y(["video-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar, "has-caption": !!e.message.text }])
         }, [
-          e.message.deleted ? (n(), m(S, { key: 0 }, [
+          s[9] || (s[9] = i("div", {
+            class: "video-message__bottom-shadow",
+            "aria-hidden": "true"
+          }, null, -1)),
+          e.message.deleted ? (o(), m(S, { key: 0 }, [
             r(Le),
-            l("div", Je, [
-              e.message.time ? (n(), m("span", Ke, w(e.message.time), 1)) : i("", !0),
+            i("div", Je, [
+              e.message.time ? (o(), m("span", Ke, M(e.message.time), 1)) : l("", !0),
               r(H, {
                 "base-class": "video-message",
                 "message-class": R(e.message),
@@ -196,21 +200,21 @@ const ze = ["messageId"], We = ["src"], Ge = {
                 "status-title": U.value
               }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
             ])
-          ], 64)) : (n(), m(S, { key: 1 }, [
-            e.message.reply ? (n(), d(Ce, {
+          ], 64)) : (o(), m(S, { key: 1 }, [
+            e.message.reply ? (o(), d(Ce, {
               key: 0,
               style: { margin: "10px 10px 4px 16px" },
               class: y(e.message.position),
               message: e.message.reply,
-              onReply: s(ne)
-            }, null, 8, ["class", "message", "onReply"])) : i("", !0),
-            l("div", {
+              onReply: t(oe)
+            }, null, 8, ["class", "message", "onReply"])) : l("", !0),
+            i("div", {
               class: "video-message__preview-button",
-              onClick: t[1] || (t[1] = (o) => T.value = !0),
-              onMouseenter: oe,
-              onMouseleave: t[2] || (t[2] = (o) => v.value = !v.value)
+              onClick: s[1] || (s[1] = (n) => T.value = !0),
+              onMouseenter: ne,
+              onMouseleave: s[2] || (s[2] = (n) => v.value = !v.value)
             }, [
-              l("video", {
+              i("video", {
                 ref_key: "previewPlayer",
                 ref: g,
                 class: "video-message__video",
@@ -222,20 +226,20 @@ const ze = ["messageId"], We = ["src"], Ge = {
               }, null, 44, Qe),
               r(b, { name: "modal-fade" }, {
                 default: c(() => [
-                  v.value ? (n(), m("div", Xe, [
-                    e.message.views ? (n(), m("div", {
+                  v.value ? (o(), m("div", Xe, [
+                    e.message.views ? (o(), m("div", {
                       key: 0,
                       class: "video-message__views",
-                      onClick: t[0] || (t[0] = j(
+                      onClick: s[0] || (s[0] = j(
                         //@ts-ignore
-                        (...o) => s(F) && s(F)(...o),
+                        (...n) => t(F) && t(F)(...n),
                         ["stop"]
                       ))
                     }, [
-                      t[6] || (t[6] = l("span", { class: "pi pi-eye" }, null, -1)),
-                      l("p", null, w(e.message.views), 1)
-                    ])) : i("", !0),
-                    l("span", Ye, w(e.message.time), 1),
+                      s[6] || (s[6] = i("span", { class: "pi pi-eye" }, null, -1)),
+                      i("p", null, M(e.message.views), 1)
+                    ])) : l("", !0),
+                    i("span", Ye, M(e.message.time), 1),
                     r(H, {
                       "base-class": "video-message",
                       "message-class": R(e.message),
@@ -243,107 +247,107 @@ const ze = ["messageId"], We = ["src"], Ge = {
                       "status-class": N.value,
                       "status-title": U.value
                     }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
-                  ])) : i("", !0)
+                  ])) : l("", !0)
                 ]),
                 _: 1
               }),
               r(b, { name: "modal-fade" }, {
                 default: c(() => [
-                  v.value ? (n(), m("button", {
+                  v.value ? (o(), m("button", {
                     key: 0,
                     class: "video-message__download-button",
                     type: "button",
                     onClick: j(ge, ["stop"])
-                  }, [...t[7] || (t[7] = [
-                    l("span", { class: "pi pi-download" }, null, -1)
-                  ])])) : i("", !0)
+                  }, [...s[7] || (s[7] = [
+                    i("span", { class: "pi pi-download" }, null, -1)
+                  ])])) : l("", !0)
                 ]),
                 _: 1
               })
             ], 32),
             r(b, { name: "modal-fade" }, {
               default: c(() => [
-                s(K) && s(k).length && !e.reactionsEnabled ? (n(), m("button", {
+                t(K) && t(h).length && !e.reactionsEnabled ? (o(), m("button", {
                   key: 0,
                   class: "video-message__menu-button",
-                  onClick: t[3] || (t[3] = //@ts-ignore
-                  (...o) => s(B) && s(B)(...o))
-                }, [...t[8] || (t[8] = [
-                  l("span", { class: "pi pi-ellipsis-h" }, null, -1)
-                ])])) : i("", !0)
+                  onClick: s[3] || (s[3] = //@ts-ignore
+                  (...n) => t(P) && t(P)(...n))
+                }, [...s[8] || (s[8] = [
+                  i("span", { class: "pi pi-ellipsis-h" }, null, -1)
+                ])])) : l("", !0)
               ]),
               _: 1
             }),
-            (n(), d(D, { to: "body" }, [
+            (o(), d(D, { to: "body" }, [
               r(b, { name: "context-menu" }, {
                 default: c(() => [
-                  s(J) && s(k).length ? (n(), d(Re, {
+                  t(J) && t(h).length ? (o(), d(Re, {
                     key: 0,
                     ref_key: "menuRef",
                     ref: X,
                     class: "video-message__context-menu message-actions-menu",
-                    style: C(s(Y)),
-                    "data-theme": s(Z),
-                    actions: s(k),
-                    onClick: s(ae),
-                    onMouseenter: s(se),
-                    onMouseleave: s(te)
-                  }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter", "onMouseleave"])) : i("", !0)
+                    style: C(t(Y)),
+                    "data-theme": t(Z),
+                    actions: t(h),
+                    onClick: t(ae),
+                    onMouseenter: t(se),
+                    onMouseleave: t(te)
+                  }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter", "onMouseleave"])) : l("", !0)
                 ]),
                 _: 1
               })
             ])),
-            e.message.text ? (n(), m("div", Ze, [
-              l("p", {
-                onClick: t[4] || (t[4] = //@ts-ignore
-                (...o) => s(L) && s(L)(...o)),
-                innerHTML: s(G)
+            e.message.text ? (o(), m("div", Ze, [
+              i("p", {
+                onClick: s[4] || (s[4] = //@ts-ignore
+                (...n) => t(L) && t(L)(...n)),
+                innerHTML: t(G)
               }, null, 8, _e)
-            ])) : i("", !0),
+            ])) : l("", !0),
             r(Ee, {
               status: e.message.status,
               "has-messenger-account": e.message.hasMessengerAccount,
               channel: e.channel,
               onSmsInvite: fe
             }, null, 8, ["status", "has-messenger-account", "channel"]),
-            e.message.linkPreview ? (n(), d(Te, {
+            e.message.linkPreview ? (o(), d(Te, {
               key: 2,
               class: y(["video-message__link-preview", e.message.position]),
               "link-preview": e.message.linkPreview
-            }, null, 8, ["class", "link-preview"])) : i("", !0),
-            e.message.embed ? (n(), d(Se, {
+            }, null, 8, ["class", "link-preview"])) : l("", !0),
+            e.message.embed ? (o(), d(Se, {
               key: 3,
               class: y(e.message.position),
               embed: e.message.embed
-            }, null, 8, ["class", "embed"])) : i("", !0),
+            }, null, 8, ["class", "embed"])) : l("", !0),
             r(Ae, {
               reactions: e.message.reactions,
               "message-id": e.message.messageId,
-              reply: s(V)(e.message, "message.video"),
+              reply: t(V)(e.message, "message.video"),
               enabled: e.reactionsEnabled,
               mode: e.reactionsMode,
               "current-user-id": e.currentUserId,
               "reaction-user-names": e.reactionUserNames,
-              "menu-enabled": s(k).length > 0,
-              onToggleReaction: s(ue),
-              onAddReaction: s(de),
-              onRemoveReaction: s(ce),
-              onMenu: s(ee)
+              "menu-enabled": t(h).length > 0,
+              onToggleReaction: t(ue),
+              onAddReaction: t(de),
+              onRemoveReaction: t(ce),
+              onMenu: t(ee)
             }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"])
           ], 64))
         ], 2)
       ], 46, ze),
-      (n(), d(D, { to: "body" }, [
+      (o(), d(D, { to: "body" }, [
         r(b, { name: "modal-fade" }, {
           default: c(() => [
-            T.value && !e.message.deleted ? (n(), d(Ie, {
+            T.value && !e.message.deleted ? (o(), d(Ie, {
               key: 0,
-              "data-theme": s(A)().theme ? s(A)().theme : "light",
+              "data-theme": t(A)().theme ? t(A)().theme : "light",
               title: e.message.alt,
               onClose: re
             }, {
               default: c(() => [
-                l("video", {
+                i("video", {
                   ref_key: "player",
                   ref: E,
                   class: "video-message__modal-video",
@@ -354,7 +358,7 @@ const ze = ["messageId"], We = ["src"], Ge = {
                 }, null, 8, es)
               ]),
               _: 1
-            }, 8, ["data-theme", "title"])) : i("", !0)
+            }, 8, ["data-theme", "title"])) : l("", !0)
           ]),
           _: 1
         })
@@ -363,5 +367,5 @@ const ze = ["messageId"], We = ["src"], Ge = {
   }
 });
 export {
-  Bs as default
+  Ps as default
 };

package/dist/components/3_compounds/ChatInput/ChatInput.vue.js

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