@mobilon-dev/chotto 0.3.105 → 0.3.107

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

@@ -1,47 +1,48 @@
-import { defineComponent as ve, inject as fe, ref as y, computed as b, watch as P, onMounted as ke, createElementBlock as n, openBlock as t, unref as s, normalizeStyle as $, normalizeClass as M, createCommentVNode as l, createElementVNode as r, createBlock as c, toDisplayString as S, Fragment as j, createVNode as m, Transition as h, withCtx as d, withModifiers as O, Teleport as U } from "vue";
-import ye from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import be from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import Me from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import he from "../BaseReplyMessage/BaseReplyMessage.vue.js";
-import we from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
-import Se from "../MessageReactions/MessageReactions.vue.js";
-import D from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import Re from "../MessageSmsInvite/MessageSmsInvite.vue.js";
-import Ce from "../DeletedMessageContent/DeletedMessageContent.vue.js";
-import { useMessageActions as pe } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageHoverActions as Ae } from "../../../hooks/messages/useMessageHoverActions.js";
-import { useMessageMenuActions as Ie } from "../../../hooks/messages/useMessageMenuActions.js";
-import { useMessageLinks as Te } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as xe } from "../../../hooks/messages/useChannelAccentColor.js";
-import { useStartReply as Le } from "../../../hooks/messages/useStartReply.js";
+import { defineComponent as he, inject as we, ref as g, computed as v, watch as G, onMounted as Re, createElementBlock as i, openBlock as a, unref as s, normalizeStyle as Q, normalizeClass as b, createCommentVNode as o, createElementVNode as r, createBlock as c, toDisplayString as R, Fragment as W, createVNode as u, Transition as h, withCtx as f, withModifiers as J, Teleport as K } from "vue";
+import Se from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import pe from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import Ce from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import Ie from "../FeedReplyQuote/FeedReplyQuote.vue.js";
+import Ae from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import Te from "../MessageReactions/MessageReactions.vue.js";
+import X from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import xe from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import Le from "../DeletedMessageContent/DeletedMessageContent.vue.js";
+import { useMessageActions as Ee } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageHoverActions as Fe } from "../../../hooks/messages/useMessageHoverActions.js";
+import { useMessageReactionsInFeed as Pe } from "../../../hooks/messages/useMessageReactionsInFeed.js";
+import { useMessageMenuActions as Ne } from "../../../hooks/messages/useMessageMenuActions.js";
+import { useMessageLinks as Ve } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as Be } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useStartReply as He } from "../../../hooks/messages/useStartReply.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as Fe } from "../../../hooks/useTheme.js";
+import { useTheme as $e } from "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
-import { buildReplyPayload as q } from "../../../hooks/messages/buildReplyPayload.js";
-import { getStatus as Ee, getStatusTitle as Be } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as Ne } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as Ve } from "../../../functions/createReactionHandlers.js";
+import { buildReplyPayload as Y } from "../../../hooks/messages/buildReplyPayload.js";
+import { getStatus as je, getStatusTitle as Oe } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as Ue } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as De } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-import { isAnimatedSticker as He } from "./utils/stickerUtils.js";
+import { isAnimatedSticker as qe } from "./utils/stickerUtils.js";
 import "./utils/suppress-lit-warning.js";
-const Pe = ["messageId"], $e = ["src"], je = {
+const ze = ["messageId"], Ge = ["src"], Qe = {
   key: 1,
   class: "sticker-message__subtext"
-}, Oe = { class: "sticker-message__info-container" }, Ue = {
+}, We = { class: "sticker-message__info-container" }, Je = {
   key: 0,
   class: "sticker-message__time"
-}, De = ["src"], qe = ["src"], ze = ["src", "alt"], Ge = {
+}, Ke = ["src"], Xe = ["src"], Ye = ["src", "alt"], Ze = {
   key: 0,
   class: "sticker-message__info-container"
-}, We = { class: "sticker-message__time" }, Je = ["href"], Ke = {
+}, _e = { class: "sticker-message__time" }, es = ["href"], ss = {
   key: 1,
   class: "sticker-message__text-container"
-}, Qe = ["innerHTML"], Xe = ["src"], Ye = ["src"], Ze = ["src", "alt"], Ls = /* @__PURE__ */ ve({
+}, ts = ["innerHTML"], as = ["src"], ns = ["src"], is = ["src", "alt"], $s = /* @__PURE__ */ he({
   __name: "StickerMessage",
   props: {
     message: {
@@ -80,127 +81,153 @@ const Pe = ["messageId"], $e = ["src"], je = {
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  setup(e, { emit: z }) {
-    const I = fe("chatAppId"), { getTheme: T } = Fe(I || ""), { menuActions: w } = Ie(() => i.message), { hoverActionsEnabled: G, reactionsActive: W } = Ae(
-      () => i.channel,
-      () => i.reactionsEnabled,
-      () => i.message
-    ), { startReply: J } = Le(I || ""), g = y(!1), R = y(!1);
-    async function x() {
-      if (!(g.value || R.value)) {
-        R.value = !0;
+  setup(e, { emit: Z }) {
+    const A = we("chatAppId"), { getTheme: T } = $e(A || ""), { menuActions: w } = Ne(() => n.message), { hoverActionsEnabled: _, reactionsActive: x } = Fe(
+      () => n.channel,
+      () => n.reactionsEnabled,
+      () => n.message
+    ), { startReply: ee } = He(A || ""), d = g(!1), S = g(!1);
+    async function L() {
+      if (!(d.value || S.value)) {
+        S.value = !0;
         try {
-          await import("./libs/tgs-player/lottie-player.esm.js"), await import("./libs/tgs-player/tgs-player.esm.js"), g.value = !0;
-        } catch (u) {
-          console.error("Failed to load TGS libraries:", u);
+          await import("./libs/tgs-player/lottie-player.esm.js"), await import("./libs/tgs-player/tgs-player.esm.js"), d.value = !0;
+        } catch (m) {
+          console.error("Failed to load TGS libraries:", m);
         } finally {
-          R.value = !1;
+          S.value = !1;
         }
       }
     }
-    const i = e, C = z, p = y(!1), {
-      isOpenMenu: K,
-      buttonMenuVisible: Q,
-      menuAnchorRef: X,
-      menuRef: Y,
-      menuStyle: Z,
-      menuTheme: _,
-      showMenu: ee,
-      hideMenu: L,
-      openMenu: se,
+    const n = e, p = Z, C = g(!1), {
+      isOpenMenu: se,
+      buttonMenuVisible: te,
+      menuAnchorRef: ae,
+      menuRef: ne,
+      menuStyle: ie,
+      menuTheme: le,
+      showMenu: oe,
+      hideMenu: E,
+      openMenu: me,
       toggleMenu: F,
-      onMenuMouseEnter: te,
-      onMenuMouseLeave: ae,
-      clickAction: ne,
-      viewsAction: E,
-      handleClickReplied: ie
-    } = pe(i.message, C, {
-      onReply: () => J(q(i.message, "message.sticker"))
-    }), v = y(!1), { linkedHtml: le, inNewWindow: B } = Te(() => i.message.text), oe = () => {
-      ee(), v.value = !0;
-    }, N = b(() => Ee(i.message.status)), V = b(() => Be(i.message.status, i.message.statusMsg)), { bubbleStyle: me } = xe(
-      b(() => i.message),
+      onMenuMouseEnter: re,
+      onMenuMouseLeave: ue,
+      clickAction: ce,
+      viewsAction: P,
+      handleClickReplied: ge
+    } = Ee(n.message, p, {
+      onReply: () => ee(Y(n.message, "message.sticker"))
+    }), k = g(!1), { linkedHtml: de, inNewWindow: N } = Ve(() => n.message.text), ve = () => {
+      oe(), k.value = !0;
+    }, V = v(() => je(n.message.status)), B = v(() => Oe(n.message.status, n.message.statusMsg)), { bubbleStyle: fe } = Be(
+      v(() => n.message),
       { cssVariable: "--chotto-stickermessage-right-bg", position: "right" }
-    ), f = b(() => He(i.message.url, i.message.isAnimated)), k = y(!1), H = b(() => {
-      if (f.value) return !1;
-      const u = String(i.message.url || "").toLowerCase();
-      return !/\.(webp|png|jpe?g|gif|bmp|svg)(\?|#|$)/.test(u);
+    ), y = v(() => qe(n.message.url, n.message.isAnimated)), M = g(!1), H = v(() => {
+      if (y.value) return !1;
+      const m = String(n.message.url || "").toLowerCase();
+      return !/\.(webp|png|jpe?g|gif|bmp|svg)(\?|#|$)/.test(m);
     });
-    P(
-      () => i.message.url,
+    G(
+      () => n.message.url,
       () => {
-        k.value = !1;
+        M.value = !1;
       },
       { immediate: !0 }
-    ), P(f, (u) => {
-      u && !g.value && x();
-    }, { immediate: !0 }), ke(() => {
-      f.value && !g.value && x();
+    ), G(y, (m) => {
+      m && !d.value && L();
+    }, { immediate: !0 }), Re(() => {
+      y.value && !d.value && L();
     });
-    function A(u) {
-      return Ne(u.position, "sticker-message");
+    function I(m) {
+      return Ue(m.position, "sticker-message");
     }
-    const re = () => p.value = !1, { onToggleReaction: ue, onAddReaction: ce, onRemoveReaction: ge } = Ve(C);
-    function de() {
-      C("sms-invite", i.message);
+    const ke = () => C.value = !1, { onToggleReaction: $, onAddReaction: j, onRemoveReaction: O } = De(p), U = g(null), D = g(null), ye = v(() => {
+      var t;
+      const m = (t = D.value) == null ? void 0 : t.$el;
+      return m instanceof HTMLElement ? m : null;
+    }), { showReactions: Me, onContentPointerEnter: q, onContentPointerLeave: z } = Pe({
+      message: () => n.message,
+      messageId: () => n.message.messageId,
+      reactions: () => n.message.reactions,
+      reactionsActive: x,
+      reactionsMode: () => n.reactionsMode,
+      reply: () => Y(n.message, "message.sticker"),
+      menuEnabled: () => w.value.length > 0,
+      contentRef: U,
+      chipsRef: ye,
+      handlers: {
+        onToggleReaction: $,
+        onAddReaction: j,
+        onRemoveReaction: O,
+        onMenu: me
+      }
+    });
+    function be() {
+      p("sms-invite", n.message);
     }
-    return (u, a) => (t(), n("div", {
+    return (m, t) => (a(), i("div", {
       ref_key: "menuAnchorRef",
-      ref: X,
-      class: M(["sticker-message", [
-        A(e.message),
+      ref: ae,
+      class: b(["sticker-message", [
+        I(e.message),
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
-      style: $(s(me)),
-      onMouseleave: a[7] || (a[7] = //@ts-ignore
-      (...o) => s(L) && s(L)(...o))
+      style: Q(s(fe)),
+      onMouseleave: t[9] || (t[9] = //@ts-ignore
+      (...l) => s(E) && s(E)(...l))
     }, [
-      e.message.avatar && e.isFirstInSeries ? (t(), n("img", {
+      e.message.avatar && e.isFirstInSeries ? (a(), i("img", {
         key: 0,
         class: "sticker-message__avatar",
         src: e.message.avatar,
         height: "32",
         width: "32"
-      }, null, 8, $e)) : l("", !0),
-      e.message.subText && e.isFirstInSeries ? (t(), n("p", je, S(e.message.subText), 1)) : l("", !0),
+      }, null, 8, Ge)) : o("", !0),
+      e.message.subText && e.isFirstInSeries ? (a(), i("p", Qe, R(e.message.subText), 1)) : o("", !0),
       r("div", {
-        class: M(["sticker-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }])
+        ref_key: "contentRef",
+        ref: U,
+        class: b(["sticker-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }]),
+        onPointerenter: t[6] || (t[6] = //@ts-ignore
+        (...l) => s(q) && s(q)(...l)),
+        onPointerleave: t[7] || (t[7] = //@ts-ignore
+        (...l) => s(z) && s(z)(...l))
       }, [
-        e.message.deleted ? (t(), n(j, { key: 0 }, [
-          m(Ce),
-          r("div", Oe, [
-            e.message.time ? (t(), n("span", Ue, S(e.message.time), 1)) : l("", !0),
-            m(D, {
+        e.message.deleted ? (a(), i(W, { key: 0 }, [
+          u(Le),
+          r("div", We, [
+            e.message.time ? (a(), i("span", Je, R(e.message.time), 1)) : o("", !0),
+            u(X, {
               "base-class": "sticker-message",
-              "message-class": A(e.message),
+              "message-class": I(e.message),
               "message-status": e.message.status,
-              "status-class": N.value,
-              "status-title": V.value
+              "status-class": V.value,
+              "status-title": B.value
             }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
           ])
-        ], 64)) : (t(), n(j, { key: 1 }, [
-          e.message.reply ? (t(), c(he, {
+        ], 64)) : (a(), i(W, { key: 1 }, [
+          e.message.reply ? (a(), c(Ie, {
             key: 0,
             style: { margin: "10px 10px 4px 16px" },
-            class: M(e.message.position),
+            class: b(e.message.position),
             message: e.message.reply,
-            onReply: s(ie)
-          }, null, 8, ["class", "message", "onReply"])) : l("", !0),
+            onReply: s(ge)
+          }, null, 8, ["class", "message", "onReply"])) : o("", !0),
           r("div", {
             class: "sticker-message__preview-button",
-            onClick: a[2] || (a[2] = (o) => p.value = !0),
-            onMouseenter: oe,
-            onMouseleave: a[3] || (a[3] = (o) => v.value = !v.value)
+            onClick: t[2] || (t[2] = (l) => C.value = !0),
+            onMouseenter: ve,
+            onMouseleave: t[3] || (t[3] = (l) => k.value = !k.value)
           }, [
-            f.value && g.value ? (t(), n("tgs-player", {
+            y.value && d.value ? (a(), i("tgs-player", {
               key: 0,
               class: "sticker-message__preview-image-animated",
               src: e.message.url,
               autoplay: "",
               loop: "",
               mode: "normal"
-            }, null, 8, De)) : H.value && !k.value ? (t(), n("video", {
+            }, null, 8, Ke)) : H.value && !M.value ? (a(), i("video", {
               key: 1,
               class: "sticker-message__preview-image",
               src: e.message.url,
@@ -209,145 +236,145 @@ const Pe = ["messageId"], $e = ["src"], je = {
               muted: "",
               playsinline: "",
               preload: "metadata",
-              onError: a[0] || (a[0] = (o) => k.value = !0)
-            }, null, 40, qe)) : (t(), n("img", {
+              onError: t[0] || (t[0] = (l) => M.value = !0)
+            }, null, 40, Xe)) : (a(), i("img", {
               key: 2,
               class: "sticker-message__preview-image",
               src: e.message.url,
               alt: e.message.alt
-            }, null, 8, ze)),
-            m(h, { name: "modal-fade" }, {
-              default: d(() => [
-                v.value ? (t(), n("div", Ge, [
-                  e.message.views ? (t(), n("div", {
+            }, null, 8, Ye)),
+            u(h, { name: "modal-fade" }, {
+              default: f(() => [
+                k.value ? (a(), i("div", Ze, [
+                  e.message.views ? (a(), i("div", {
                     key: 0,
                     class: "sticker-message__views",
-                    onClick: a[1] || (a[1] = O(
+                    onClick: t[1] || (t[1] = J(
                       //@ts-ignore
-                      (...o) => s(E) && s(E)(...o),
+                      (...l) => s(P) && s(P)(...l),
                       ["stop"]
                     ))
                   }, [
-                    a[8] || (a[8] = r("span", { class: "pi pi-eye" }, null, -1)),
-                    r("p", null, S(e.message.views), 1)
-                  ])) : l("", !0),
-                  r("span", We, S(e.message.time), 1),
-                  m(D, {
+                    t[10] || (t[10] = r("span", { class: "pi pi-eye" }, null, -1)),
+                    r("p", null, R(e.message.views), 1)
+                  ])) : o("", !0),
+                  r("span", _e, R(e.message.time), 1),
+                  u(X, {
                     "base-class": "sticker-message",
-                    "message-class": A(e.message),
+                    "message-class": I(e.message),
                     "message-status": e.message.status,
-                    "status-class": N.value,
-                    "status-title": V.value
+                    "status-class": V.value,
+                    "status-title": B.value
                   }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
-                ])) : l("", !0)
+                ])) : o("", !0)
               ]),
               _: 1
             }),
-            m(h, { name: "modal-fade" }, {
-              default: d(() => [
-                v.value ? (t(), n("a", {
+            u(h, { name: "modal-fade" }, {
+              default: f(() => [
+                k.value ? (a(), i("a", {
                   key: 0,
                   class: "sticker-message__download-button",
                   href: e.message.url,
                   download: "",
                   target: "_blank",
-                  onClick: O(() => "//Предотвращаем всплытие события клика", ["stop"])
-                }, [...a[9] || (a[9] = [
+                  onClick: J(() => "//Предотвращаем всплытие события клика", ["stop"])
+                }, [...t[11] || (t[11] = [
                   r("span", { class: "pi pi-download" }, null, -1)
-                ])], 8, Je)) : l("", !0)
+                ])], 8, es)) : o("", !0)
               ]),
               _: 1
             })
           ], 32),
-          m(h, { name: "modal-fade" }, {
-            default: d(() => [
-              s(Q) && s(w).length && !e.reactionsEnabled && s(G) ? (t(), n("button", {
+          u(h, { name: "modal-fade" }, {
+            default: f(() => [
+              s(te) && s(w).length && !e.reactionsEnabled && s(_) ? (a(), i("button", {
                 key: 0,
                 class: "sticker-message__menu-button",
-                onClick: a[4] || (a[4] = //@ts-ignore
-                (...o) => s(F) && s(F)(...o))
-              }, [...a[10] || (a[10] = [
+                onClick: t[4] || (t[4] = //@ts-ignore
+                (...l) => s(F) && s(F)(...l))
+              }, [...t[12] || (t[12] = [
                 r("span", { class: "pi pi-ellipsis-h" }, null, -1)
-              ])])) : l("", !0)
+              ])])) : o("", !0)
             ]),
             _: 1
           }),
-          (t(), c(U, { to: "body" }, [
-            m(h, { name: "context-menu" }, {
-              default: d(() => [
-                s(K) && s(w).length ? (t(), c(ye, {
+          (a(), c(K, { to: "body" }, [
+            u(h, { name: "context-menu" }, {
+              default: f(() => [
+                s(se) && s(w).length ? (a(), c(Se, {
                   key: 0,
                   ref_key: "menuRef",
-                  ref: Y,
+                  ref: ne,
                   class: "sticker-message__context-menu message-actions-menu",
-                  style: $(s(Z)),
-                  "data-theme": s(_),
+                  style: Q(s(ie)),
+                  "data-theme": s(le),
                   actions: s(w),
-                  onClick: s(ne),
-                  onMouseenter: s(te),
-                  onMouseleave: s(ae)
-                }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter", "onMouseleave"])) : l("", !0)
+                  onClick: s(ce),
+                  onMouseenter: s(re),
+                  onMouseleave: s(ue)
+                }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter", "onMouseleave"])) : o("", !0)
               ]),
               _: 1
             })
           ])),
-          e.message.text ? (t(), n("div", Ke, [
+          e.message.text ? (a(), i("div", ss, [
             r("p", {
-              onClick: a[5] || (a[5] = //@ts-ignore
-              (...o) => s(B) && s(B)(...o)),
-              innerHTML: s(le)
-            }, null, 8, Qe)
-          ])) : l("", !0),
-          m(Re, {
+              onClick: t[5] || (t[5] = //@ts-ignore
+              (...l) => s(N) && s(N)(...l)),
+              innerHTML: s(de)
+            }, null, 8, ts)
+          ])) : o("", !0),
+          u(xe, {
             status: e.message.status,
             "has-messenger-account": e.message.hasMessengerAccount,
             channel: e.channel,
-            onSmsInvite: de
+            onSmsInvite: be
           }, null, 8, ["status", "has-messenger-account", "channel"]),
-          e.message.linkPreview ? (t(), c(be, {
+          e.message.linkPreview ? (a(), c(pe, {
             key: 2,
-            class: M(["sticker-message__link-preview", e.message.position]),
+            class: b(["sticker-message__link-preview", e.message.position]),
             "link-preview": e.message.linkPreview
-          }, null, 8, ["class", "link-preview"])) : l("", !0),
-          e.message.embed ? (t(), c(Me, {
+          }, null, 8, ["class", "link-preview"])) : o("", !0),
+          e.message.embed ? (a(), c(Ce, {
             key: 3,
-            class: M(e.message.position),
+            class: b(e.message.position),
             embed: e.message.embed
-          }, null, 8, ["class", "embed"])) : l("", !0),
-          m(Se, {
+          }, null, 8, ["class", "embed"])) : o("", !0),
+          s(Me) ? (a(), c(Te, {
+            key: 4,
+            ref_key: "reactionsRef",
+            ref: D,
             reactions: e.message.reactions,
             "message-id": e.message.messageId,
-            reply: s(q)(e.message, "message.sticker"),
-            enabled: s(W),
+            enabled: s(x),
             mode: e.reactionsMode,
             "current-user-id": e.currentUserId,
             "reaction-user-names": e.reactionUserNames,
-            "menu-enabled": s(w).length > 0,
-            onToggleReaction: s(ue),
-            onAddReaction: s(ce),
-            onRemoveReaction: s(ge),
-            onMenu: s(se)
-          }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"])
+            onToggleReaction: s($),
+            onAddReaction: s(j),
+            onRemoveReaction: s(O)
+          }, null, 8, ["reactions", "message-id", "enabled", "mode", "current-user-id", "reaction-user-names", "onToggleReaction", "onAddReaction", "onRemoveReaction"])) : o("", !0)
         ], 64))
-      ], 2),
-      (t(), c(U, { to: "body" }, [
-        m(h, { name: "modal-fade" }, {
-          default: d(() => [
-            p.value && !e.message.deleted ? (t(), c(we, {
+      ], 34),
+      (a(), c(K, { to: "body" }, [
+        u(h, { name: "modal-fade" }, {
+          default: f(() => [
+            C.value && !e.message.deleted ? (a(), c(Ae, {
               key: 0,
               "data-theme": s(T)().theme ? s(T)().theme : "light",
               title: e.message.alt,
-              onClose: re
+              onClose: ke
             }, {
-              default: d(() => [
-                f.value && g.value ? (t(), n("tgs-player", {
+              default: f(() => [
+                y.value && d.value ? (a(), i("tgs-player", {
                   key: 0,
                   class: "sticker-message__modal-image-animated",
                   src: e.message.url,
                   autoplay: "",
                   loop: "",
                   mode: "normal"
-                }, null, 8, Xe)) : H.value && !k.value ? (t(), n("video", {
+                }, null, 8, as)) : H.value && !M.value ? (a(), i("video", {
                   key: 1,
                   class: "sticker-message__modal-image",
                   src: e.message.url,
@@ -356,23 +383,23 @@ const Pe = ["messageId"], $e = ["src"], je = {
                   muted: "",
                   playsinline: "",
                   preload: "metadata",
-                  onError: a[6] || (a[6] = (o) => k.value = !0)
-                }, null, 40, Ye)) : (t(), n("img", {
+                  onError: t[8] || (t[8] = (l) => M.value = !0)
+                }, null, 40, ns)) : (a(), i("img", {
                   key: 2,
                   class: "sticker-message__modal-image",
                   src: e.message.url,
                   alt: e.message.alt
-                }, null, 8, Ze))
+                }, null, 8, is))
               ]),
               _: 1
-            }, 8, ["data-theme", "title"])) : l("", !0)
+            }, 8, ["data-theme", "title"])) : o("", !0)
           ]),
           _: 1
         })
       ]))
-    ], 46, Pe));
+    ], 46, ze));
   }
 });
 export {
-  Ls as default
+  $s as default
 };

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

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