@mobilon-dev/chotto 0.3.30 → 0.3.32

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

@@ -0,0 +1,71 @@
+import { defineComponent as k, inject as _, ref as v, createElementBlock as o, openBlock as a, Fragment as y, createElementVNode as t, createBlock as d, createCommentVNode as n, toDisplayString as x, unref as m, Teleport as M, createVNode as C, Transition as T, withCtx as g } from "vue";
+import w from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import "../../../hooks/useMessageDraft.js";
+import "../../../hooks/useSearchModel.js";
+import { useTheme as N } from "../../../hooks/useTheme.js";
+/* empty css                              */
+/* empty css                                              */
+import { useMessageLinks as b } from "../../../hooks/messages/useMessageLinks.js";
+import "../../../functions/parseMarkdown.js";
+const B = ["src", "alt"], H = { class: "image-message__text-container" }, I = { key: 0 }, L = ["innerHTML"], V = ["src", "alt"], $ = /* @__PURE__ */ k({
+  __name: "ReplyImageMessage",
+  props: {
+    message: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const u = _("chatAppId"), { getTheme: i } = N(u), p = e, l = v(!1), { linkedHtml: f, inNewWindow: r } = b(() => p.message.text), h = () => l.value = !1;
+    return (j, s) => (a(), o(y, null, [
+      t("div", {
+        class: "image-message__preview-button",
+        onClick: s[0] || (s[0] = (c) => l.value = !0)
+      }, [
+        t("img", {
+          class: "image-message__preview-image",
+          src: e.message.url,
+          alt: e.message.alt
+        }, null, 8, B)
+      ]),
+      t("div", H, [
+        e.message.header ? (a(), o("p", I, x(e.message.header), 1)) : n("", !0),
+        s[2] || (s[2] = t("div", { class: "image-message__reply-description" }, [
+          t("span", { class: "pi pi-camera" }),
+          t("p", null, "Фотография")
+        ], -1)),
+        e.message.text ? (a(), o("p", {
+          key: 1,
+          class: "image-message__text",
+          onClick: s[1] || (s[1] = //@ts-ignore
+          (...c) => m(r) && m(r)(...c)),
+          innerHTML: m(f)
+        }, null, 8, L)) : n("", !0)
+      ]),
+      (a(), d(M, { to: "body" }, [
+        C(T, { name: "modal-fade" }, {
+          default: g(() => [
+            l.value ? (a(), d(w, {
+              key: 0,
+              "data-theme": m(i)().theme ? m(i)().theme : "light",
+              onClose: h
+            }, {
+              default: g(() => [
+                t("img", {
+                  class: "image-message__modal-image",
+                  src: e.message.url,
+                  alt: e.message.alt
+                }, null, 8, V)
+              ]),
+              _: 1
+            }, 8, ["data-theme"])) : n("", !0)
+          ]),
+          _: 1
+        })
+      ]))
+    ], 64));
+  }
+});
+export {
+  $ as default
+};

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

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

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

@@ -0,0 +1,119 @@
+import { defineComponent as T, inject as b, ref as m, watch as k, computed as L, onMounted as M, createElementBlock as a, openBlock as t, Fragment as C, createElementVNode as r, createBlock as v, createCommentVNode as d, toDisplayString as S, Teleport as A, createVNode as F, Transition as N, withCtx as h, unref as y } from "vue";
+import B from "../../../node_modules/linkify-string/dist/linkify-string.js";
+import V from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import "../../../hooks/useMessageDraft.js";
+import "../../../hooks/useSearchModel.js";
+import { useTheme as j } from "../../../hooks/useTheme.js";
+/* empty css                              */
+/* empty css                                              */
+import "../../../node_modules/linkifyjs/dist/linkify.js";
+import "../../../functions/parseMarkdown.js";
+import { isAnimatedSticker as D } from "../StickerMessage/utils/stickerUtils.js";
+import "../StickerMessage/utils/suppress-lit-warning.js";
+const E = ["src"], H = ["src", "alt"], I = { class: "sticker-message__text-container" }, O = { key: 0 }, q = ["innerHTML"], G = ["src"], R = ["src", "alt"], se = /* @__PURE__ */ T({
+  __name: "ReplyStickerMessage",
+  props: {
+    message: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const _ = b("chatAppId"), { getTheme: g } = j(_), l = m(!1), c = m(!1);
+    async function p() {
+      if (!(l.value || c.value)) {
+        c.value = !0;
+        try {
+          await import("../StickerMessage/libs/tgs-player/lottie-player.esm.js"), await import("../StickerMessage/libs/tgs-player/tgs-player.esm.js"), l.value = !0;
+        } catch (s) {
+          console.error("Failed to load TGS libraries:", s);
+        } finally {
+          c.value = !1;
+        }
+      }
+    }
+    const i = e, u = m(!1), f = m("");
+    k(
+      () => i.message.text,
+      () => {
+        i.message.text && (f.value = B(i.message.text));
+      },
+      { immediate: !0 }
+    );
+    const o = L(() => D(i.message.url, i.message.isAnimated));
+    k(o, (s) => {
+      s && !l.value && p();
+    }, { immediate: !0 }), M(() => {
+      o.value && !l.value && p();
+    });
+    function w(s) {
+      s.preventDefault(), s.target.href && window.open(s.target.href, "_blank");
+    }
+    const x = () => u.value = !1;
+    return (s, n) => (t(), a(C, null, [
+      r("div", {
+        class: "sticker-message__preview-button",
+        onClick: n[0] || (n[0] = (W) => u.value = !0)
+      }, [
+        o.value && l.value ? (t(), a("tgs-player", {
+          key: 0,
+          class: "sticker-message__preview-image-animated",
+          src: e.message.url,
+          autoplay: "",
+          loop: "",
+          mode: "normal"
+        }, null, 8, E)) : (t(), a("img", {
+          key: 1,
+          class: "sticker-message__preview-image",
+          src: e.message.url,
+          alt: e.message.alt
+        }, null, 8, H))
+      ]),
+      r("div", I, [
+        e.message.header ? (t(), a("p", O, S(e.message.header), 1)) : d("", !0),
+        n[1] || (n[1] = r("div", { class: "sticker-message__reply-description" }, [
+          r("span", { class: "pi pi-image" }),
+          r("p", null, "Стикер")
+        ], -1)),
+        e.message.text ? (t(), a("p", {
+          key: 1,
+          class: "sticker-message__text",
+          onClick: w,
+          innerHTML: f.value
+        }, null, 8, q)) : d("", !0)
+      ]),
+      (t(), v(A, { to: "body" }, [
+        F(N, { name: "modal-fade" }, {
+          default: h(() => [
+            u.value ? (t(), v(V, {
+              key: 0,
+              "data-theme": y(g)().theme ? y(g)().theme : "light",
+              onClose: x
+            }, {
+              default: h(() => [
+                o.value && l.value ? (t(), a("tgs-player", {
+                  key: 0,
+                  class: "sticker-message__modal-image-animated",
+                  src: e.message.url,
+                  autoplay: "",
+                  loop: "",
+                  mode: "normal"
+                }, null, 8, G)) : (t(), a("img", {
+                  key: 1,
+                  class: "sticker-message__modal-image",
+                  src: e.message.url,
+                  alt: e.message.alt
+                }, null, 8, R))
+              ]),
+              _: 1
+            }, 8, ["data-theme"])) : d("", !0)
+          ]),
+          _: 1
+        })
+      ]))
+    ], 64));
+  }
+});
+export {
+  se as default
+};

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

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

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

@@ -0,0 +1,27 @@
+import { defineComponent as c, createElementBlock as o, openBlock as r, createCommentVNode as l, createElementVNode as d, toDisplayString as p, unref as t } from "vue";
+import { useMessageLinks as u } from "../../../hooks/messages/useMessageLinks.js";
+import "../../../functions/parseMarkdown.js";
+const g = { class: "container" }, f = { key: 0 }, k = ["innerHTML"], M = /* @__PURE__ */ c({
+  __name: "ReplyTextMessage",
+  props: {
+    message: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const i = e, { linkedHtml: a, inNewWindow: n } = u(() => i.message.text);
+    return (_, s) => (r(), o("div", g, [
+      e.message.header ? (r(), o("p", f, p(e.message.header), 1)) : l("", !0),
+      d("p", {
+        class: "text",
+        onClick: s[0] || (s[0] = //@ts-ignore
+        (...m) => t(n) && t(n)(...m)),
+        innerHTML: t(a)
+      }, null, 8, k)
+    ]));
+  }
+});
+export {
+  M as default
+};

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

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

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

@@ -0,0 +1,75 @@
+import { defineComponent as y, inject as k, ref as c, createElementBlock as n, openBlock as o, Fragment as x, createElementVNode as t, createBlock as u, createCommentVNode as i, toDisplayString as M, unref as a, Teleport as C, createVNode as T, Transition as w, withCtx as p } from "vue";
+import N from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import "../../../hooks/useMessageDraft.js";
+import "../../../hooks/useSearchModel.js";
+import { useTheme as V } from "../../../hooks/useTheme.js";
+/* empty css                              */
+/* empty css                                              */
+import { useMessageLinks as b } from "../../../hooks/messages/useMessageLinks.js";
+import "../../../functions/parseMarkdown.js";
+const B = ["src"], H = { class: "video-message__text-container" }, L = { key: 0 }, j = ["innerHTML"], A = ["src", "alt"], z = /* @__PURE__ */ y({
+  __name: "ReplyVideoMessage",
+  props: {
+    message: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const g = k("chatAppId"), { getTheme: r } = V(g), v = e, f = c(), l = c(!1), { linkedHtml: _, inNewWindow: m } = b(() => v.message.text), h = () => l.value = !1;
+    return (E, s) => (o(), n(x, null, [
+      t("div", {
+        class: "video-message__preview-button",
+        onClick: s[0] || (s[0] = (d) => l.value = !0)
+      }, [
+        t("video", {
+          class: "video-message__video",
+          src: e.message.url,
+          muted: !0
+        }, null, 8, B)
+      ]),
+      t("div", H, [
+        e.message.header ? (o(), n("p", L, M(e.message.header), 1)) : i("", !0),
+        s[2] || (s[2] = t("div", { class: "video-message__reply-description" }, [
+          t("span", { class: "pi pi-video" }),
+          t("p", null, "Видео")
+        ], -1)),
+        e.message.text ? (o(), n("p", {
+          key: 1,
+          class: "video-message__text",
+          onClick: s[1] || (s[1] = //@ts-ignore
+          (...d) => a(m) && a(m)(...d)),
+          innerHTML: a(_)
+        }, null, 8, j)) : i("", !0)
+      ]),
+      (o(), u(C, { to: "body" }, [
+        T(w, { name: "modal-fade" }, {
+          default: p(() => [
+            l.value ? (o(), u(N, {
+              key: 0,
+              "data-theme": a(r)().theme ? a(r)().theme : "light",
+              onClose: h
+            }, {
+              default: p(() => [
+                t("video", {
+                  ref_key: "player",
+                  ref: f,
+                  class: "video-message__modal-video",
+                  src: e.message.url,
+                  alt: e.message.alt,
+                  controls: "",
+                  autoplay: ""
+                }, null, 8, A)
+              ]),
+              _: 1
+            }, 8, ["data-theme"])) : i("", !0)
+          ]),
+          _: 1
+        })
+      ]))
+    ], 64));
+  }
+});
+export {
+  z as default
+};

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

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

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

@@ -0,0 +1,23 @@
+import { defineComponent as i, createElementBlock as r, openBlock as a, renderSlot as t, createElementVNode as c } from "vue";
+const l = { class: "splash__container" }, _ = /* @__PURE__ */ i({
+  __name: "SplashScreen",
+  emits: ["action"],
+  setup(m, { emit: o }) {
+    const s = o, n = () => {
+      s("action");
+    };
+    return (e, d) => (a(), r("div", l, [
+      t(e.$slots, "title", {}, void 0, !0),
+      t(e.$slots, "text", {}, void 0, !0),
+      c("div", {
+        class: "splash__img",
+        onClick: n
+      }, [
+        t(e.$slots, "picture", {}, void 0, !0)
+      ])
+    ]));
+  }
+});
+export {
+  _ as default
+};

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

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

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

@@ -0,0 +1,258 @@
+import { defineComponent as J, inject as K, ref as w, computed as R, watch as Q, onMounted as U, createElementBlock as i, openBlock as t, unref as a, normalizeClass as v, createCommentVNode as n, createElementVNode as o, createBlock as g, toDisplayString as x, createVNode as r, Transition as f, withCtx as d, withModifiers as L, Teleport as X } from "vue";
+import Y from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import Z from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import _ from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import ee from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import se from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import te from "../MessageReactions/MessageReactions.vue.js";
+import ae from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import { useMessageActions as ie } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageLinks as ne } from "../../../hooks/messages/useMessageLinks.js";
+import { getStatus as le, getStatusTitle as oe } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as me } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as re } from "../../../functions/createReactionHandlers.js";
+import "../../../functions/parseMarkdown.js";
+import "../../../hooks/useMessageDraft.js";
+import "../../../hooks/useSearchModel.js";
+import { useTheme as ue } from "../../../hooks/useTheme.js";
+/* empty css                              */
+/* empty css                                              */
+import { isAnimatedSticker as ce } from "./utils/stickerUtils.js";
+import "./utils/suppress-lit-warning.js";
+const ge = ["messageId"], de = ["src"], ke = {
+  key: 1,
+  class: "sticker-message__subtext"
+}, ve = ["src"], fe = ["src", "alt"], ye = {
+  key: 0,
+  class: "sticker-message__info-container"
+}, we = { class: "sticker-message__time" }, be = ["href"], Me = {
+  key: 1,
+  class: "sticker-message__text-container"
+}, he = ["innerHTML"], Re = ["src"], xe = ["src", "alt"], We = /* @__PURE__ */ J({
+  __name: "StickerMessage",
+  props: {
+    message: {
+      type: Object,
+      required: !0
+    },
+    applyStyle: {
+      type: Function,
+      default: () => null
+    },
+    isFirstInSeries: {
+      type: Boolean,
+      default: !0
+    },
+    reactionsEnabled: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["action", "reply"],
+  setup(e, { emit: B }) {
+    const E = K("chatAppId"), { getTheme: C } = ue(E), u = w(!1), b = w(!1);
+    async function T() {
+      if (!(u.value || b.value)) {
+        b.value = !0;
+        try {
+          await import("./libs/tgs-player/lottie-player.esm.js"), await import("./libs/tgs-player/tgs-player.esm.js"), u.value = !0;
+        } catch (c) {
+          console.error("Failed to load TGS libraries:", c);
+        } finally {
+          b.value = !1;
+        }
+      }
+    }
+    const m = e, S = B, M = w(!1), {
+      isOpenMenu: h,
+      buttonMenuVisible: V,
+      showMenu: H,
+      hideMenu: I,
+      clickAction: N,
+      viewsAction: A,
+      handleClickReplied: P
+    } = ie(m.message, S), k = w(!1), { linkedHtml: $, inNewWindow: p } = ne(() => m.message.text), O = () => {
+      H(), k.value = !0;
+    }, j = R(() => le(m.message.status)), D = R(() => oe(m.message.status, m.message.statusMsg)), y = R(() => ce(m.message.url, m.message.isAnimated));
+    Q(y, (c) => {
+      c && !u.value && T();
+    }, { immediate: !0 }), U(() => {
+      y.value && !u.value && T();
+    });
+    function F(c) {
+      return me(c.position, "sticker-message");
+    }
+    const q = () => M.value = !1, { onToggleReaction: z, onAddReaction: G, onRemoveReaction: W } = re(S);
+    return (c, s) => (t(), i("div", {
+      class: v(["sticker-message", [
+        F(e.message),
+        e.applyStyle(e.message)
+      ]]),
+      messageId: e.message.messageId,
+      onMouseleave: s[5] || (s[5] = //@ts-ignore
+      (...l) => a(I) && a(I)(...l))
+    }, [
+      e.message.avatar && e.isFirstInSeries ? (t(), i("img", {
+        key: 0,
+        class: "sticker-message__avatar",
+        src: e.message.avatar,
+        height: "32",
+        width: "32"
+      }, null, 8, de)) : n("", !0),
+      e.message.subText && e.isFirstInSeries ? (t(), i("p", ke, x(e.message.subText), 1)) : n("", !0),
+      o("div", {
+        class: v(["sticker-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }])
+      }, [
+        e.message.reply ? (t(), g(ee, {
+          key: 0,
+          style: { margin: "10px 10px 4px 16px" },
+          class: v(e.message.position),
+          message: e.message.reply,
+          onReply: a(P)
+        }, null, 8, ["class", "message", "onReply"])) : n("", !0),
+        o("div", {
+          class: "sticker-message__preview-button",
+          onClick: s[1] || (s[1] = (l) => M.value = !0),
+          onMouseenter: O,
+          onMouseleave: s[2] || (s[2] = (l) => k.value = !k.value)
+        }, [
+          y.value && u.value ? (t(), i("tgs-player", {
+            key: 0,
+            class: "sticker-message__preview-image-animated",
+            src: e.message.url,
+            autoplay: "",
+            loop: "",
+            mode: "normal"
+          }, null, 8, ve)) : (t(), i("img", {
+            key: 1,
+            class: "sticker-message__preview-image",
+            src: e.message.url,
+            alt: e.message.alt
+          }, null, 8, fe)),
+          r(f, { name: "modal-fade" }, {
+            default: d(() => [
+              k.value ? (t(), i("div", ye, [
+                e.message.views ? (t(), i("div", {
+                  key: 0,
+                  class: "sticker-message__views",
+                  onClick: s[0] || (s[0] = L(
+                    //@ts-ignore
+                    (...l) => a(A) && a(A)(...l),
+                    ["stop"]
+                  ))
+                }, [
+                  s[6] || (s[6] = o("span", { class: "pi pi-eye" }, null, -1)),
+                  o("p", null, x(e.message.views), 1)
+                ])) : n("", !0),
+                o("span", we, x(e.message.time), 1),
+                r(ae, {
+                  "base-class": "sticker-message",
+                  "message-class": F(e.message),
+                  "message-status": e.message.status,
+                  "status-class": j.value,
+                  "status-title": D.value
+                }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
+              ])) : n("", !0)
+            ]),
+            _: 1
+          }),
+          r(f, { name: "modal-fade" }, {
+            default: d(() => [
+              k.value ? (t(), i("a", {
+                key: 0,
+                class: "sticker-message__download-button",
+                href: e.message.url,
+                download: "",
+                target: "_blank",
+                onClick: L(() => "//Предотвращаем всплытие события клика", ["stop"])
+              }, [...s[7] || (s[7] = [
+                o("span", { class: "pi pi-download" }, null, -1)
+              ])], 8, be)) : n("", !0)
+            ]),
+            _: 1
+          })
+        ], 32),
+        r(f, { name: "modal-fade" }, {
+          default: d(() => [
+            a(V) && e.message.actions ? (t(), i("button", {
+              key: 0,
+              class: "sticker-message__menu-button",
+              onClick: s[3] || (s[3] = (l) => h.value = !a(h))
+            }, [...s[8] || (s[8] = [
+              o("span", { class: "pi pi-ellipsis-h" }, null, -1)
+            ])])) : n("", !0)
+          ]),
+          _: 1
+        }),
+        r(f, { name: "context-menu" }, {
+          default: d(() => [
+            a(h) && e.message.actions ? (t(), g(Y, {
+              key: 0,
+              class: "sticker-message__context-menu",
+              actions: e.message.actions,
+              onClick: a(N)
+            }, null, 8, ["actions", "onClick"])) : n("", !0)
+          ]),
+          _: 1
+        }),
+        e.message.text ? (t(), i("div", Me, [
+          o("p", {
+            onClick: s[4] || (s[4] = //@ts-ignore
+            (...l) => a(p) && a(p)(...l)),
+            innerHTML: a($)
+          }, null, 8, he)
+        ])) : n("", !0),
+        e.message.linkPreview ? (t(), g(Z, {
+          key: 2,
+          class: v(["sticker-message__link-preview", e.message.position]),
+          "link-preview": e.message.linkPreview
+        }, null, 8, ["class", "link-preview"])) : n("", !0),
+        e.message.embed ? (t(), g(_, {
+          key: 3,
+          class: v(e.message.position),
+          embed: e.message.embed
+        }, null, 8, ["class", "embed"])) : n("", !0),
+        r(te, {
+          reactions: e.message.reactions,
+          "message-id": e.message.messageId,
+          enabled: e.reactionsEnabled,
+          onToggleReaction: a(z),
+          onAddReaction: a(G),
+          onRemoveReaction: a(W)
+        }, null, 8, ["reactions", "message-id", "enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction"])
+      ], 2),
+      (t(), g(X, { to: "body" }, [
+        r(f, { name: "modal-fade" }, {
+          default: d(() => [
+            M.value ? (t(), g(se, {
+              key: 0,
+              "data-theme": a(C)().theme ? a(C)().theme : "light",
+              onClose: q
+            }, {
+              default: d(() => [
+                y.value && u.value ? (t(), i("tgs-player", {
+                  key: 0,
+                  class: "sticker-message__modal-image-animated",
+                  src: e.message.url,
+                  autoplay: "",
+                  loop: "",
+                  mode: "normal"
+                }, null, 8, Re)) : (t(), i("img", {
+                  key: 1,
+                  class: "sticker-message__modal-image",
+                  src: e.message.url,
+                  alt: e.message.alt
+                }, null, 8, xe))
+              ]),
+              _: 1
+            }, 8, ["data-theme"])) : n("", !0)
+          ]),
+          _: 1
+        })
+      ]))
+    ], 42, ge));
+  }
+});
+export {
+  We as default
+};