@mobilon-dev/chotto 0.3.97 → 0.3.98

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

@@ -1,19 +1,19 @@
-import { defineComponent as te, inject as ae, computed as w, createElementBlock as m, openBlock as i, unref as s, normalizeStyle as v, normalizeClass as d, createCommentVNode as l, createElementVNode as n, createVNode as u, withCtx as A, createTextVNode as ne, toDisplayString as f, Fragment as E, createBlock as y, withModifiers as ie, Teleport as oe, Transition as le } from "vue";
-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 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";
-import ye from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as be } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageMenuActions as ve } from "../../../hooks/messages/useMessageMenuActions.js";
-import { useMessageLinks as he } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as ke } from "../../../hooks/messages/useChannelAccentColor.js";
-import { useSubtextTooltip as we } from "../../../hooks/messages/useSubtextTooltip.js";
-import { useStartReply as Me } from "../../../hooks/messages/useStartReply.js";
+import { defineComponent as V, inject as W, computed as a } from "vue";
+import z from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import G from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import J from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import K from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import Q from "../MessageReactions/MessageReactions.vue.js";
+import X from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import Y from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import Z from "../DeletedMessageContent/DeletedMessageContent.vue.js";
+import ee from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as te } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageMenuActions as oe } from "../../../hooks/messages/useMessageMenuActions.js";
+import { useMessageLinks as se } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as ne } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as ie } from "../../../hooks/messages/useSubtextTooltip.js";
+import { useStartReply as re } from "../../../hooks/messages/useStartReply.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
@@ -22,21 +22,12 @@ import "../../../hooks/useEmojiNative.js";
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
-import { buildReplyPayload as U } from "../../../hooks/messages/buildReplyPayload.js";
-import { getStatus as Re, getStatusTitle as Se } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as Ce } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as Te } from "../../../functions/createReactionHandlers.js";
+import { buildReplyPayload as p } from "../../../hooks/messages/buildReplyPayload.js";
+import { getStatus as ae, getStatusTitle as me } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as le } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as ue } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-const xe = ["messageId"], Ie = ["src"], pe = {
-  key: 1,
-  class: "file-message__subtext"
-}, Ae = { class: "file-message__footer" }, Ee = { class: "file-message__info-container" }, Le = {
-  key: 0,
-  class: "file-message__time"
-}, Ue = ["href"], Fe = { class: "file-message__filename-text" }, Ne = {
-  key: 1,
-  class: "file-message__text-container"
-}, Oe = ["innerHTML"], Be = { class: "file-message__footer" }, je = { class: "file-message__info-container" }, Pe = { class: "file-message__time" }, fs = /* @__PURE__ */ te({
+const He = /* @__PURE__ */ V({
   __name: "FileMessage",
   props: {
     message: {
@@ -58,7 +49,7 @@ const xe = ["messageId"], Ie = ["src"], pe = {
     reactionsMode: {
       type: String,
       default: "single",
-      validator: (e) => ["single", "multi"].includes(e)
+      validator: (i) => ["single", "multi"].includes(i)
     },
     currentUserId: {
       type: [String, Number],
@@ -80,217 +71,60 @@ const xe = ["messageId"], Ie = ["src"], pe = {
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  setup(e, { emit: F }) {
-    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,
-      menuRef: H,
-      menuStyle: D,
-      menuTheme: q,
-      showMenu: R,
-      hideMenu: S,
-      openMenu: $,
-      toggleMenu: C,
-      onMenuMouseEnter: z,
-      onMenuMouseLeave: W,
-      clickAction: G,
-      viewsAction: T,
-      handleClickReplied: J
-    } = 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),
+  setup(i, { expose: d, emit: g }) {
+    d();
+    const e = i, n = g, { linkedHtml: f, inNewWindow: b } = se(() => e.message.text), { menuActions: y } = oe(() => e.message), m = W("chatAppId"), { startReply: l } = re(m || ""), {
+      isOpenMenu: h,
+      buttonMenuVisible: w,
+      menuAnchorRef: M,
+      menuRef: R,
+      menuStyle: S,
+      menuTheme: v,
+      showMenu: k,
+      hideMenu: C,
+      openMenu: _,
+      toggleMenu: A,
+      onMenuMouseEnter: I,
+      onMenuMouseLeave: T,
+      clickAction: O,
+      viewsAction: L,
+      handleClickReplied: U
+    } = te(e.message, n, {
+      onReply: () => l(p(e.message, "message.file"))
+    }), j = a(() => ae(e.message.status)), x = a(() => me(e.message.status, e.message.statusMsg)), { bubbleStyle: E } = ne(
+      a(() => e.message),
       { cssVariable: "--chotto-filemessage-right-bg", position: "right" }
     );
-    function k(r) {
-      return Ce(r.position, "file-message");
+    function P(t) {
+      return le(t.position, "file-message");
     }
-    const { onToggleReaction: Q, onAddReaction: X, onRemoveReaction: Y } = Te(h), Z = async () => {
-      if (a.message.url)
+    const { onToggleReaction: B, onAddReaction: F, onRemoveReaction: q } = ue(n), D = async () => {
+      if (e.message.url)
         try {
-          const r = new URL(a.message.url, window.location.href);
-          if (r.origin === window.location.origin) {
-            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);
+          const t = new URL(e.message.url, window.location.href);
+          if (t.origin === window.location.origin) {
+            const s = document.createElement("a");
+            s.href = t.toString(), s.download = e.message.filename || `file-${e.message.messageId}`, document.body.appendChild(s), s.click(), document.body.removeChild(s);
             return;
           }
-          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), 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(a.message.url, "_blank");
+          const r = await fetch(e.message.url);
+          if (!r.ok)
+            throw new Error(`HTTP error! status: ${r.status}`);
+          const $ = await r.blob(), c = window.URL.createObjectURL($), o = document.createElement("a");
+          o.href = c, o.download = e.message.filename || `file-${e.message.messageId}`, document.body.appendChild(o), o.click(), document.body.removeChild(o), window.URL.revokeObjectURL(c);
+        } catch (t) {
+          console.error("Ошибка при скачивании файла:", t), window.open(e.message.url, "_blank");
         }
-    }, _ = we(() => a.message, () => a.subtextTooltipData);
-    function ee() {
-      h("sms-invite", a.message);
+    }, H = ie(() => e.message, () => e.subtextTooltipData);
+    function N() {
+      n("sms-invite", e.message);
     }
-    return (r, t) => (i(), m("div", {
-      ref_key: "menuAnchorRef",
-      ref: V,
-      class: d(["file-message", [
-        k(e.message),
-        e.applyStyle(e.message)
-      ]]),
-      messageId: e.message.messageId,
-      style: v(s(K)),
-      onMouseleave: t[4] || (t[4] = //@ts-ignore
-      (...o) => s(S) && s(S)(...o))
-    }, [
-      e.message.avatar && e.isFirstInSeries ? (i(), m("img", {
-        key: 0,
-        class: "file-message__avatar",
-        src: e.message.avatar,
-        height: "32",
-        width: "32",
-        style: v({ gridRow: e.message.subText ? "2" : "1" })
-      }, null, 12, Ie)) : l("", !0),
-      e.message.subText && e.isFirstInSeries ? (i(), m("p", pe, [
-        u(ye, {
-          text: s(_),
-          position: e.message.position === "left" ? "right" : "left",
-          offset: 8
-        }, {
-          default: A(() => [
-            ne(f(e.message.subText), 1)
-          ]),
-          _: 1
-        }, 8, ["text", "position"])
-      ])) : l("", !0),
-      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: 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, [
-            n("div", Ee, [
-              e.message.time ? (i(), m("span", Le, f(e.message.time), 1)) : l("", !0),
-              u(L, {
-                "base-class": "file-message",
-                "message-class": k(e.message),
-                "message-status": e.message.status,
-                "status-class": x.value,
-                "status-title": I.value
-              }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
-            ])
-          ])
-        ], 64)) : (i(), m(E, { key: 1 }, [
-          e.message.reply ? (i(), y(ge, {
-            key: 0,
-            message: e.message.reply,
-            class: d(e.message.position),
-            onReply: s(J)
-          }, null, 8, ["message", "class", "onReply"])) : l("", !0),
-          n("a", {
-            class: "file-message__link",
-            href: e.message.url,
-            onClick: ie(Z, ["prevent"])
-          }, [
-            t[5] || (t[5] = n("span", { class: "pi pi-file" }, null, -1)),
-            n("p", Fe, f(e.message.filename), 1),
-            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: t[0] || (t[0] = //@ts-ignore
-              (...o) => s(M) && s(M)(...o)),
-              innerHTML: s(N)
-            }, null, 8, Oe)
-          ])) : l("", !0),
-          e.message.linkPreview ? (i(), y(re, {
-            key: 2,
-            class: d(e.message.position),
-            "link-preview": e.message.linkPreview
-          }, null, 8, ["class", "link-preview"])) : l("", !0),
-          e.message.embed ? (i(), y(ue, {
-            key: 3,
-            class: d(e.message.position),
-            embed: e.message.embed
-          }, null, 8, ["class", "embed"])) : l("", !0),
-          n("div", Be, [
-            u(ce, {
-              reactions: e.message.reactions,
-              "message-id": e.message.messageId,
-              reply: s(U)(e.message, "message.file"),
-              enabled: e.reactionsEnabled,
-              mode: e.reactionsMode,
-              "current-user-id": e.currentUserId,
-              "reaction-user-names": e.reactionUserNames,
-              "menu-enabled": s(b).length > 0,
-              onToggleReaction: s(Q),
-              onAddReaction: s(X),
-              onRemoveReaction: s(Y),
-              onMenu: s($)
-            }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"]),
-            n("div", je, [
-              e.message.views ? (i(), m("div", {
-                key: 0,
-                class: "file-message__views",
-                onClick: t[1] || (t[1] = //@ts-ignore
-                (...o) => s(T) && s(T)(...o))
-              }, [
-                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),
-              u(L, {
-                "base-class": "file-message",
-                "message-class": k(e.message),
-                "message-status": e.message.status,
-                "status-class": x.value,
-                "status-title": I.value
-              }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
-            ])
-          ]),
-          u(de, {
-            status: e.message.status,
-            "has-messenger-account": e.message.hasMessengerAccount,
-            channel: e.channel,
-            onSmsInvite: ee
-          }, null, 8, ["status", "has-messenger-account", "channel"]),
-          s(P) && s(b).length && !e.reactionsEnabled ? (i(), m("button", {
-            key: 4,
-            class: "file-message__menu-button",
-            onClick: t[2] || (t[2] = //@ts-ignore
-            (...o) => s(C) && s(C)(...o))
-          }, [...t[8] || (t[8] = [
-            n("span", { class: "pi pi-ellipsis-h" }, null, -1)
-          ])])) : l("", !0),
-          (i(), y(oe, { to: "body" }, [
-            u(le, null, {
-              default: A(() => [
-                s(j) && s(b).length ? (i(), y(me, {
-                  key: 0,
-                  ref_key: "menuRef",
-                  ref: H,
-                  class: "file-message__context-menu message-actions-menu",
-                  style: v(s(D)),
-                  "data-theme": s(q),
-                  actions: s(b),
-                  onClick: s(G),
-                  onMouseenter: s(z),
-                  onMouseleave: s(W)
-                }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter", "onMouseleave"])) : l("", !0)
-              ]),
-              _: 1
-            })
-          ]))
-        ], 64))
-      ], 38)
-    ], 46, xe));
+    const u = { props: e, emit: n, linkedHtml: f, inNewWindow: b, menuActions: y, chatAppId: m, startReply: l, isOpenMenu: h, buttonMenuVisible: w, menuAnchorRef: M, menuRef: R, menuStyle: S, menuTheme: v, showMenu: k, hideMenu: C, openMenu: _, toggleMenu: A, onMenuMouseEnter: I, onMenuMouseLeave: T, clickAction: O, viewsAction: L, handleClickReplied: U, status: j, statusTitle: x, rightBubbleStyle: E, getClass: P, onToggleReaction: B, onAddReaction: F, onRemoveReaction: q, downloadFile: D, channelInfo: H, handleSmsInvite: N, ContextMenu: z, LinkPreview: G, EmbedPreview: J, BaseReplyMessage: K, MessageReactions: Q, MessageStatusIndicator: X, MessageSmsInvite: Y, DeletedMessageContent: Z, Tooltip: ee, get buildReplyPayload() {
+      return p;
+    } };
+    return Object.defineProperty(u, "__isScriptSetup", { enumerable: !1, value: !0 }), u;
   }
 });
 export {
-  fs as default
+  He as default
 };

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

@@ -1,7 +1,318 @@
-import a from "./ImageMessage.vue2.js";
+import y from "./ImageMessage.vue2.js";
+import { createElementBlock as l, openBlock as a, normalizeStyle as _, normalizeClass as c, createCommentVNode as n, createElementVNode as i, createBlock as o, createVNode as m, withCtx as g, createTextVNode as b, toDisplayString as u, Fragment as v, Transition as r, withModifiers as f, Teleport as h } from "vue";
 /* empty css                  */
-import o from "../../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ o(a, [["__scopeId", "data-v-7b3f2aad"]]);
+import M from "../../../_virtual/_plugin-vue_export-helper.js";
+const k = ["messageId"], w = ["src"], R = {
+  key: 1,
+  class: "image-message__subtext"
+}, x = { class: "image-message__info-container" }, I = {
+  key: 0,
+  class: "image-message__time"
+}, C = {
+  key: 0,
+  class: "image-message__blur-wrapper"
+}, T = ["src", "alt"], A = ["src", "alt"], S = ["src", "alt"], B = {
+  key: 0,
+  class: "image-message__info-container"
+}, N = { class: "image-message__time" }, V = {
+  key: 1,
+  ref: "textRef",
+  class: "image-message__text-container"
+}, E = ["innerHTML"], F = ["src", "alt"];
+function P(D, t, s, e, L, H) {
+  return a(), l("div", {
+    ref: "menuAnchorRef",
+    class: c(["image-message", [
+      e.getClass(s.message),
+      s.applyStyle(s.message)
+    ]]),
+    messageId: s.message.messageId,
+    style: _(e.rightBubbleStyle),
+    onMouseleave: e.hideMenu
+  }, [
+    s.message.avatar && s.isFirstInSeries ? (a(), l("img", {
+      key: 0,
+      class: "image-message__avatar",
+      src: s.message.avatar,
+      height: "32",
+      width: "32"
+    }, null, 8, w)) : n("v-if", !0),
+    s.message.subText && s.isFirstInSeries ? (a(), l("p", R, [
+      m(e.Tooltip, {
+        text: e.channelInfo,
+        position: s.message.position === "left" ? "right" : "left",
+        offset: 8
+      }, {
+        default: g(() => [
+          b(
+            u(s.message.subText),
+            1
+            /* TEXT */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["text", "position"])
+    ])) : n("v-if", !0),
+    i(
+      "div",
+      {
+        class: c(["image-message__content", { "is-first": s.isFirstInSeries, "with-avatar-indent": !s.isFirstInSeries && s.message.avatar, "has-caption": !!s.message.text }])
+      },
+      [
+        t[7] || (t[7] = i(
+          "div",
+          {
+            class: "image-message__bottom-shadow",
+            "aria-hidden": "true"
+          },
+          null,
+          -1
+          /* CACHED */
+        )),
+        s.message.deleted ? (a(), l(
+          v,
+          { key: 0 },
+          [
+            m(e.DeletedMessageContent),
+            i("div", x, [
+              s.message.time ? (a(), l(
+                "span",
+                I,
+                u(s.message.time),
+                1
+                /* TEXT */
+              )) : n("v-if", !0),
+              m(e.MessageStatusIndicator, {
+                "base-class": "image-message",
+                "message-class": e.getClass(s.message),
+                "message-status": s.message.status,
+                "status-class": e.status,
+                "status-title": e.statusTitle
+              }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
+            ])
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : (a(), l(
+          v,
+          { key: 1 },
+          [
+            s.message.reply ? (a(), o(e.BaseReplyMessage, {
+              key: 0,
+              style: { margin: "10px 10px 4px 16px" },
+              class: c(s.message.position),
+              message: s.message.reply,
+              onReply: e.handleClickReplied
+            }, null, 8, ["class", "message", "onReply"])) : n("v-if", !0),
+            i(
+              "div",
+              {
+                class: c(["image-message__preview-button", { "image-message__preview-button--blur-edges": e.shouldApplyBlur }]),
+                onClick: t[1] || (t[1] = (d) => e.isOpenModal = !0),
+                onMouseenter: e.showMenu,
+                onMouseleave: e.hideMenu
+              },
+              [
+                e.shouldApplyBlur ? (a(), l("div", C, [
+                  i("img", {
+                    class: "image-message__blur-left",
+                    src: s.message.url,
+                    alt: s.message.alt
+                  }, null, 8, T),
+                  i("img", {
+                    class: "image-message__blur-right",
+                    src: s.message.url,
+                    alt: s.message.alt
+                  }, null, 8, A)
+                ])) : n("v-if", !0),
+                i("img", {
+                  ref: "imageRef",
+                  class: "image-message__preview-image",
+                  style: _({ borderRadius: e.imageBorderRadius }),
+                  src: s.message.url,
+                  alt: s.message.alt
+                }, null, 12, S),
+                m(r, { name: "modal-fade" }, {
+                  default: g(() => [
+                    e.buttonDownloadVisible ? (a(), l("div", B, [
+                      s.message.views ? (a(), l("div", {
+                        key: 0,
+                        class: "image-message__views",
+                        onClick: t[0] || (t[0] = f((...d) => e.viewsAction && e.viewsAction(...d), ["stop"]))
+                      }, [
+                        t[4] || (t[4] = i(
+                          "span",
+                          { class: "pi pi-eye" },
+                          null,
+                          -1
+                          /* CACHED */
+                        )),
+                        i(
+                          "p",
+                          null,
+                          u(s.message.views),
+                          1
+                          /* TEXT */
+                        )
+                      ])) : n("v-if", !0),
+                      i(
+                        "span",
+                        N,
+                        u(s.message.time),
+                        1
+                        /* TEXT */
+                      ),
+                      m(e.MessageStatusIndicator, {
+                        "base-class": "image-message",
+                        "message-class": e.getClass(s.message),
+                        "message-status": s.message.status,
+                        "status-class": e.status,
+                        "status-title": e.statusTitle
+                      }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
+                    ])) : n("v-if", !0)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                m(r, { name: "modal-fade" }, {
+                  default: g(() => [
+                    e.buttonDownloadVisible ? (a(), l("button", {
+                      key: 0,
+                      class: "image-message__download-button",
+                      onClick: f(e.downloadImage, ["stop"])
+                    }, [...t[5] || (t[5] = [
+                      i(
+                        "span",
+                        { class: "pi pi-download" },
+                        null,
+                        -1
+                        /* CACHED */
+                      )
+                    ])])) : n("v-if", !0)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ],
+              34
+              /* CLASS, NEED_HYDRATION */
+            ),
+            m(r, { name: "modal-fade" }, {
+              default: g(() => [
+                e.buttonMenuVisible && e.menuActions.length && !s.reactionsEnabled ? (a(), l("button", {
+                  key: 0,
+                  class: "image-message__menu-button",
+                  onClick: t[2] || (t[2] = (...d) => e.toggleMenu && e.toggleMenu(...d))
+                }, [...t[6] || (t[6] = [
+                  i(
+                    "span",
+                    { class: "pi pi-ellipsis-h" },
+                    null,
+                    -1
+                    /* CACHED */
+                  )
+                ])])) : n("v-if", !0)
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            (a(), o(h, { to: "body" }, [
+              m(r, { name: "context-menu" }, {
+                default: g(() => [
+                  e.isOpenMenu && e.menuActions.length ? (a(), o(e.ContextMenu, {
+                    key: 0,
+                    ref: "menuRef",
+                    class: "image-message__context-menu message-actions-menu",
+                    style: _(e.menuStyle),
+                    "data-theme": e.menuTheme,
+                    actions: e.menuActions,
+                    onClick: e.clickAction,
+                    onMouseenter: e.onMenuMouseEnter,
+                    onMouseleave: e.onMenuMouseLeave
+                  }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter"])) : n("v-if", !0)
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ])),
+            s.message.text ? (a(), l(
+              "div",
+              V,
+              [
+                i("p", {
+                  onClick: t[3] || (t[3] = (...d) => e.inNewWindow && e.inNewWindow(...d)),
+                  innerHTML: e.linkedHtml
+                }, null, 8, E)
+              ],
+              512
+              /* NEED_PATCH */
+            )) : n("v-if", !0),
+            m(e.MessageSmsInvite, {
+              status: s.message.status,
+              "has-messenger-account": s.message.hasMessengerAccount,
+              channel: s.channel,
+              onSmsInvite: e.handleSmsInvite
+            }, null, 8, ["status", "has-messenger-account", "channel"]),
+            s.message.linkPreview ? (a(), o(e.LinkPreview, {
+              key: 2,
+              class: c(["image-message__link-preview", s.message.position]),
+              "link-preview": s.message.linkPreview
+            }, null, 8, ["class", "link-preview"])) : n("v-if", !0),
+            s.message.embed ? (a(), o(e.EmbedPreview, {
+              key: 3,
+              class: c(s.message.position),
+              embed: s.message.embed
+            }, null, 8, ["class", "embed"])) : n("v-if", !0),
+            m(e.MessageReactions, {
+              reactions: s.message.reactions,
+              "message-id": s.message.messageId,
+              reply: e.buildReplyPayload(s.message, "message.image"),
+              enabled: s.reactionsEnabled,
+              mode: s.reactionsMode,
+              "current-user-id": s.currentUserId,
+              "reaction-user-names": s.reactionUserNames,
+              "menu-enabled": e.menuActions.length > 0,
+              onToggleReaction: e.onToggleReaction,
+              onAddReaction: e.onAddReaction,
+              onRemoveReaction: e.onRemoveReaction,
+              onMenu: e.openMenu
+            }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"])
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        ))
+      ],
+      2
+      /* CLASS */
+    ),
+    (a(), o(h, { to: "body" }, [
+      m(r, { name: "modal-fade" }, {
+        default: g(() => [
+          e.isOpenModal && !s.message.deleted ? (a(), o(e.ModalFullscreen, {
+            key: 0,
+            "data-theme": e.getTheme().theme ? e.getTheme().theme : "light",
+            title: s.message.alt,
+            onClose: e.closeModal
+          }, {
+            default: g(() => [
+              i("img", {
+                class: "image-message__modal-image",
+                src: s.message.url,
+                alt: s.message.alt
+              }, null, 8, F)
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["data-theme", "title"])) : n("v-if", !0)
+        ]),
+        _: 1
+        /* STABLE */
+      })
+    ]))
+  ], 46, k);
+}
+const j = /* @__PURE__ */ M(y, [["render", P], ["__scopeId", "data-v-5120d7dd"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_feed_elements/ImageMessage/ImageMessage.vue"]]);
 export {
-  r as default
+  j as default
 };