@mobilon-dev/chotto 0.3.89 → 0.3.91

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

@@ -1,4 +1,4 @@
-import { defineComponent as Ie, inject as Ae, ref as b, watch as J, nextTick as E, onMounted as Le, onUnmounted as je, computed as p, createElementBlock as m, openBlock as a, normalizeStyle as O, normalizeClass as y, unref as s, createCommentVNode as i, createElementVNode as l, createBlock as f, createVNode as r, withCtx as v, createTextVNode as Ee, toDisplayString as C, Fragment as K, Transition as x, withModifiers as Q, Teleport as X } from "vue";
+import { defineComponent as Ie, inject as Ae, ref as b, watch as J, nextTick as E, onMounted as Le, onUnmounted as je, computed as k, createElementBlock as o, openBlock as n, normalizeStyle as O, normalizeClass as y, unref as s, createCommentVNode as i, createElementVNode as l, createBlock as f, createVNode as r, withCtx as v, createTextVNode as Ee, toDisplayString as C, Fragment as K, Transition as x, withModifiers as Q, Teleport as X } from "vue";
 import Oe from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
 import Be from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
 import Ue from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
@@ -37,7 +37,7 @@ const _e = ["messageId"], es = ["src"], ss = {
 }, ns = {
   key: 0,
   class: "image-message__blur-wrapper"
-}, is = ["src", "alt"], ls = ["src", "alt"], ms = ["src", "alt"], os = {
+}, is = ["src", "alt"], ls = ["src", "alt"], os = ["src", "alt"], ms = {
   key: 0,
   class: "image-message__info-container"
 }, us = { class: "image-message__time" }, rs = ["innerHTML"], gs = ["src", "alt"], Ds = /* @__PURE__ */ Ie({
@@ -93,8 +93,8 @@ const _e = ["messageId"], es = ["src"], ss = {
       menuStyle: ne,
       menuTheme: ie,
       showMenu: le,
-      hideMenu: me,
-      openMenu: oe,
+      hideMenu: oe,
+      openMenu: me,
       toggleMenu: F,
       onMenuMouseEnter: ue,
       onMenuMouseLeave: re,
@@ -103,58 +103,58 @@ const _e = ["messageId"], es = ["src"], ss = {
       handleClickReplied: ce
     } = De(t.message, T, {
       onReply: () => ee(Z(t.message, "message.image"))
-    }), h = b(!1), { linkedHtml: V, inNewWindow: H } = $e(() => t.message.text), c = b(null), g = b(null), M = b(0), A = b(0);
+    }), h = b(!1), { linkedHtml: V, inNewWindow: H } = $e(() => t.message.text), c = b(null), g = b(null), w = b(0), A = b(0);
     J(
       () => V.value,
       () => {
-        w(), E(() => {
-          o && g.value && o.observe(g.value);
+        M(), E(() => {
+          m && g.value && m.observe(g.value);
         });
       }
     );
-    const w = () => {
+    const M = () => {
       E(() => {
-        c.value && (M.value = c.value.offsetWidth), g.value && (A.value = g.value.offsetWidth);
+        c.value && (w.value = c.value.offsetWidth), g.value && (A.value = g.value.offsetWidth);
       });
     };
-    let o = null, S = null;
+    let m = null, S = null;
     Le(() => {
-      w(), S = () => w(), window.addEventListener("resize", S), typeof ResizeObserver < "u" && (o = new ResizeObserver(() => {
-        w();
-      }), c.value && o.observe(c.value), g.value && o.observe(g.value));
+      M(), S = () => M(), window.addEventListener("resize", S), typeof ResizeObserver < "u" && (m = new ResizeObserver(() => {
+        M();
+      }), c.value && m.observe(c.value), g.value && m.observe(g.value));
     }), je(() => {
-      S && window.removeEventListener("resize", S), o && o.disconnect();
+      S && window.removeEventListener("resize", S), m && m.disconnect();
     }), J(
       () => [t.message.text, t.message.url],
       () => {
-        w(), E(() => {
-          o && (o.disconnect(), c.value && o.observe(c.value), g.value && o.observe(g.value));
+        M(), E(() => {
+          m && (m.disconnect(), c.value && m.observe(c.value), g.value && m.observe(g.value));
         });
       },
       { immediate: !0 }
     );
-    const W = p(() => t.message.text && A.value > M.value && M.value > 0), de = () => {
+    const W = k(() => t.message.text && A.value > w.value && w.value > 0), de = () => {
       le(), h.value = !0;
     }, D = (d) => {
-      me(d), z.value || (h.value = !1);
+      oe(d), z.value || (h.value = !1);
     }, fe = () => {
       re(), h.value = !1;
-    }, ve = p(() => t.message.reply && t.message.text ? "0" : t.message.text ? A.value > M.value && M.value > 0 ? "0" : "8px 8px 0 0" : t.message.reply ? "0 0 8px 8px" : "8px"), P = p(() => Qe(t.message.status)), $ = p(() => Xe(t.message.status, t.message.statusMsg)), { bubbleStyle: be } = qe(
-      p(() => t.message),
+    }, ve = k(() => t.message.reply && t.message.text ? "0" : t.message.text ? A.value > w.value && w.value > 0 ? "0" : "var(--chotto-imagemessage-preview-with-caption-border-radius, 7px 7px 0 0)" : t.message.reply ? "var(--chotto-imagemessage-preview-with-reply-border-radius, 0 0 7px 7px)" : "var(--chotto-imagemessage-preview-border-radius, 7px)"), P = k(() => Qe(t.message.status)), $ = k(() => Xe(t.message.status, t.message.statusMsg)), { bubbleStyle: be } = qe(
+      k(() => t.message),
       { cssVariable: "--chotto-imagemessage-right-bg", position: "right" }
     );
     function L(d) {
       return Ye(d.position, "image-message");
     }
     const ye = () => I.value = !1, he = async () => {
-      var d, n;
+      var d, a;
       if (t.message.url)
         try {
           const u = await fetch(t.message.url, {
             headers: {
               Accept: "image/*"
             }
-          }), Re = u.headers.get("content-type") || "", Se = await u.blob(), j = ((n = (d = t.message.url.split(".").pop()) == null ? void 0 : d.split("?")[0]) == null ? void 0 : n.toLowerCase()) || "", Ce = {
+          }), Re = u.headers.get("content-type") || "", Se = await u.blob(), j = ((a = (d = t.message.url.split(".").pop()) == null ? void 0 : d.split("?")[0]) == null ? void 0 : a.toLowerCase()) || "", Ce = {
             "image/jpeg": "jpg",
             "image/jpg": "jpg",
             "image/png": "png",
@@ -164,16 +164,16 @@ const _e = ["messageId"], es = ["src"], ss = {
             "image/bmp": "bmp"
           };
           let q = j && ["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp"].includes(j) ? j : Ce[Re] || "jpg";
-          const Te = t.message.alt ? t.message.alt.includes(".") ? t.message.alt : `${t.message.alt}.${q}` : `image-${t.message.messageId}.${q}`, G = window.URL.createObjectURL(Se), k = document.createElement("a");
-          k.href = G, k.download = Te, document.body.appendChild(k), k.click(), document.body.removeChild(k), window.URL.revokeObjectURL(G);
+          const Te = t.message.alt ? t.message.alt.includes(".") ? t.message.alt : `${t.message.alt}.${q}` : `image-${t.message.messageId}.${q}`, G = window.URL.createObjectURL(Se), p = document.createElement("a");
+          p.href = G, p.download = Te, document.body.appendChild(p), p.click(), document.body.removeChild(p), window.URL.revokeObjectURL(G);
         } catch (u) {
           console.error("Ошибка при скачивании изображения:", u);
         }
-    }, { onToggleReaction: Me, onAddReaction: we, onRemoveReaction: ke } = Ze(T), pe = Ge(() => t.message, () => t.subtextTooltipData);
+    }, { onToggleReaction: we, onAddReaction: Me, onRemoveReaction: pe } = Ze(T), ke = Ge(() => t.message, () => t.subtextTooltipData);
     function xe() {
       T("sms-invite", t.message);
     }
-    return (d, n) => (a(), m("div", {
+    return (d, a) => (n(), o("div", {
       ref_key: "menuAnchorRef",
       ref: te,
       class: y(["image-message", [
@@ -184,16 +184,16 @@ const _e = ["messageId"], es = ["src"], ss = {
       style: O(s(be)),
       onMouseleave: D
     }, [
-      e.message.avatar && e.isFirstInSeries ? (a(), m("img", {
+      e.message.avatar && e.isFirstInSeries ? (n(), o("img", {
         key: 0,
         class: "image-message__avatar",
         src: e.message.avatar,
         height: "32",
         width: "32"
       }, null, 8, es)) : i("", !0),
-      e.message.subText && e.isFirstInSeries ? (a(), m("p", ss, [
+      e.message.subText && e.isFirstInSeries ? (n(), o("p", ss, [
         r(We, {
-          text: s(pe),
+          text: s(ke),
           position: e.message.position === "left" ? "right" : "left",
           offset: 8
         }, {
@@ -204,12 +204,16 @@ const _e = ["messageId"], es = ["src"], ss = {
         }, 8, ["text", "position"])
       ])) : i("", !0),
       l("div", {
-        class: y(["image-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }])
+        class: y(["image-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar, "has-caption": !!e.message.text }])
       }, [
-        e.message.deleted ? (a(), m(K, { key: 0 }, [
+        a[7] || (a[7] = l("div", {
+          class: "image-message__bottom-shadow",
+          "aria-hidden": "true"
+        }, null, -1)),
+        e.message.deleted ? (n(), o(K, { key: 0 }, [
           r(He),
           l("div", ts, [
-            e.message.time ? (a(), m("span", as, C(e.message.time), 1)) : i("", !0),
+            e.message.time ? (n(), o("span", as, C(e.message.time), 1)) : i("", !0),
             r(Y, {
               "base-class": "image-message",
               "message-class": L(e.message),
@@ -218,8 +222,8 @@ const _e = ["messageId"], es = ["src"], ss = {
               "status-title": $.value
             }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
           ])
-        ], 64)) : (a(), m(K, { key: 1 }, [
-          e.message.reply ? (a(), f(ze, {
+        ], 64)) : (n(), o(K, { key: 1 }, [
+          e.message.reply ? (n(), f(ze, {
             key: 0,
             style: { margin: "10px 10px 4px 16px" },
             class: y(e.message.position),
@@ -228,11 +232,11 @@ const _e = ["messageId"], es = ["src"], ss = {
           }, null, 8, ["class", "message", "onReply"])) : i("", !0),
           l("div", {
             class: y(["image-message__preview-button", { "image-message__preview-button--blur-edges": W.value }]),
-            onClick: n[1] || (n[1] = (u) => I.value = !0),
+            onClick: a[1] || (a[1] = (u) => I.value = !0),
             onMouseenter: de,
             onMouseleave: D
           }, [
-            W.value ? (a(), m("div", ns, [
+            W.value ? (n(), o("div", ns, [
               l("img", {
                 class: "image-message__blur-left",
                 src: e.message.url,
@@ -251,20 +255,20 @@ const _e = ["messageId"], es = ["src"], ss = {
               style: O({ borderRadius: ve.value }),
               src: e.message.url,
               alt: e.message.alt
-            }, null, 12, ms),
+            }, null, 12, os),
             r(x, { name: "modal-fade" }, {
               default: v(() => [
-                h.value ? (a(), m("div", os, [
-                  e.message.views ? (a(), m("div", {
+                h.value ? (n(), o("div", ms, [
+                  e.message.views ? (n(), o("div", {
                     key: 0,
                     class: "image-message__views",
-                    onClick: n[0] || (n[0] = Q(
+                    onClick: a[0] || (a[0] = Q(
                       //@ts-ignore
                       (...u) => s(N) && s(N)(...u),
                       ["stop"]
                     ))
                   }, [
-                    n[4] || (n[4] = l("span", { class: "pi pi-eye" }, null, -1)),
+                    a[4] || (a[4] = l("span", { class: "pi pi-eye" }, null, -1)),
                     l("p", null, C(e.message.views), 1)
                   ])) : i("", !0),
                   l("span", us, C(e.message.time), 1),
@@ -281,11 +285,11 @@ const _e = ["messageId"], es = ["src"], ss = {
             }),
             r(x, { name: "modal-fade" }, {
               default: v(() => [
-                h.value ? (a(), m("button", {
+                h.value ? (n(), o("button", {
                   key: 0,
                   class: "image-message__download-button",
                   onClick: Q(he, ["stop"])
-                }, [...n[5] || (n[5] = [
+                }, [...a[5] || (a[5] = [
                   l("span", { class: "pi pi-download" }, null, -1)
                 ])])) : i("", !0)
               ]),
@@ -294,21 +298,21 @@ const _e = ["messageId"], es = ["src"], ss = {
           ], 34),
           r(x, { name: "modal-fade" }, {
             default: v(() => [
-              s(z) && s(R).length && !e.reactionsEnabled ? (a(), m("button", {
+              s(z) && s(R).length && !e.reactionsEnabled ? (n(), o("button", {
                 key: 0,
                 class: "image-message__menu-button",
-                onClick: n[2] || (n[2] = //@ts-ignore
+                onClick: a[2] || (a[2] = //@ts-ignore
                 (...u) => s(F) && s(F)(...u))
-              }, [...n[6] || (n[6] = [
+              }, [...a[6] || (a[6] = [
                 l("span", { class: "pi pi-ellipsis-h" }, null, -1)
               ])])) : i("", !0)
             ]),
             _: 1
           }),
-          (a(), f(X, { to: "body" }, [
+          (n(), f(X, { to: "body" }, [
             r(x, { name: "context-menu" }, {
               default: v(() => [
-                s(se) && s(R).length ? (a(), f(Oe, {
+                s(se) && s(R).length ? (n(), f(Oe, {
                   key: 0,
                   ref_key: "menuRef",
                   ref: ae,
@@ -324,14 +328,14 @@ const _e = ["messageId"], es = ["src"], ss = {
               _: 1
             })
           ])),
-          e.message.text ? (a(), m("div", {
+          e.message.text ? (n(), o("div", {
             key: 1,
             ref_key: "textRef",
             ref: g,
             class: "image-message__text-container"
           }, [
             l("p", {
-              onClick: n[3] || (n[3] = //@ts-ignore
+              onClick: a[3] || (a[3] = //@ts-ignore
               (...u) => s(H) && s(H)(...u)),
               innerHTML: s(V)
             }, null, 8, rs)
@@ -342,12 +346,12 @@ const _e = ["messageId"], es = ["src"], ss = {
             channel: e.channel,
             onSmsInvite: xe
           }, null, 8, ["status", "has-messenger-account", "channel"]),
-          e.message.linkPreview ? (a(), f(Be, {
+          e.message.linkPreview ? (n(), f(Be, {
             key: 2,
             class: y(["image-message__link-preview", e.message.position]),
             "link-preview": e.message.linkPreview
           }, null, 8, ["class", "link-preview"])) : i("", !0),
-          e.message.embed ? (a(), f(Ue, {
+          e.message.embed ? (n(), f(Ue, {
             key: 3,
             class: y(e.message.position),
             embed: e.message.embed
@@ -361,17 +365,17 @@ const _e = ["messageId"], es = ["src"], ss = {
             "current-user-id": e.currentUserId,
             "reaction-user-names": e.reactionUserNames,
             "menu-enabled": s(R).length > 0,
-            onToggleReaction: s(Me),
-            onAddReaction: s(we),
-            onRemoveReaction: s(ke),
-            onMenu: s(oe)
+            onToggleReaction: s(we),
+            onAddReaction: s(Me),
+            onRemoveReaction: s(pe),
+            onMenu: s(me)
           }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"])
         ], 64))
       ], 2),
-      (a(), f(X, { to: "body" }, [
+      (n(), f(X, { to: "body" }, [
         r(x, { name: "modal-fade" }, {
           default: v(() => [
-            I.value && !e.message.deleted ? (a(), f(Fe, {
+            I.value && !e.message.deleted ? (n(), f(Fe, {
               key: 0,
               "data-theme": s(U)().theme ? s(U)().theme : "light",
               title: e.message.alt,

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

@@ -1,7 +1,7 @@
 import o from "./MissedCallMessage.vue2.js";
 /* empty css                       */
 import s from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ s(o, [["__scopeId", "data-v-28f1fe56"]]);
+const f = /* @__PURE__ */ s(o, [["__scopeId", "data-v-6f8b73ef"]]);
 export {
   f as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as E, inject as O, createElementBlock as n, openBlock as o, unref as e, normalizeClass as y, createCommentVNode as l, createElementVNode as a, normalizeStyle as M, createVNode as r, withCtx as x, createTextVNode as q, toDisplayString as u, Fragment as _, createBlock as h, Teleport as z, Transition as F } from "vue";
+import { defineComponent as E, inject as O, createElementBlock as i, openBlock as o, unref as e, normalizeClass as y, createCommentVNode as l, createElementVNode as a, normalizeStyle as M, createVNode as r, withCtx as x, createTextVNode as q, toDisplayString as c, Fragment as _, createBlock as b, Teleport as z, Transition as F } from "vue";
 import { useMessageActions as L } from "../../../hooks/messages/useMessageActions.js";
 import { useMessageMenuActions as P } from "../../../hooks/messages/useMessageMenuActions.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
@@ -26,7 +26,7 @@ const Y = ["messageId"], Z = ["src"], $ = {
 }, ee = { class: "missed-call-message__info-container" }, se = {
   key: 0,
   class: "missed-call-message__time"
-}, te = { class: "missed-call-message__main-content" }, oe = { class: "missed-call-message__icon-wrapper" }, ae = { class: "missed-call-message__info-container" }, ne = { class: "missed-call-message__time" }, Se = /* @__PURE__ */ E({
+}, te = { class: "missed-call-message__main-content" }, oe = { class: "missed-call-message__icon-wrapper" }, ae = { class: "missed-call-message__info-container" }, ie = { class: "missed-call-message__time" }, Se = /* @__PURE__ */ E({
   __name: "MissedCallMessage",
   props: {
     message: {
@@ -44,27 +44,27 @@ const Y = ["messageId"], Z = ["src"], $ = {
     }
   },
   emits: ["action", "reply"],
-  setup(s, { emit: b }) {
-    const k = b, { menuActions: c } = P(() => i.message), v = O("chatAppId"), { startReply: C } = J(v || ""), i = s, {
+  setup(s, { emit: h }) {
+    const k = h, { menuActions: u } = P(() => n.message), v = O("chatAppId"), { startReply: C } = J(v || ""), n = s, {
       isOpenMenu: T,
       buttonMenuVisible: R,
       menuAnchorRef: A,
       menuRef: S,
-      menuStyle: I,
-      menuTheme: w,
+      menuStyle: w,
+      menuTheme: I,
       showMenu: d,
       hideMenu: g,
       toggleMenu: p,
       onMenuMouseEnter: V,
       onMenuMouseLeave: D,
       clickAction: N
-    } = L(i.message, k, {
-      onReply: () => C(K(i.message, "message.call"))
-    }), j = H(() => i.message, () => i.subtextTooltipData);
+    } = L(n.message, k, {
+      onReply: () => C(K(n.message, "message.call"))
+    }), j = H(() => n.message, () => n.subtextTooltipData);
     function B(f) {
       return G(f.position, "missed-call-message");
     }
-    return (f, t) => (o(), n("div", {
+    return (f, t) => (o(), i("div", {
       ref_key: "menuAnchorRef",
       ref: A,
       class: y([
@@ -77,7 +77,7 @@ const Y = ["messageId"], Z = ["src"], $ = {
       onMouseleave: t[2] || (t[2] = //@ts-ignore
       (...m) => e(g) && e(g)(...m))
     }, [
-      s.message.avatar ? (o(), n("img", {
+      s.message.avatar ? (o(), i("img", {
         key: 0,
         class: "missed-call-message__avatar",
         src: s.message.avatar,
@@ -85,14 +85,14 @@ const Y = ["messageId"], Z = ["src"], $ = {
         width: "32",
         style: M({ gridRow: s.message.subText ? "2" : "1" })
       }, null, 12, Z)) : l("", !0),
-      s.message.subText ? (o(), n("p", $, [
+      s.message.subText ? (o(), i("p", $, [
         r(U, {
           text: e(j),
           position: "right",
           offset: 8
         }, {
           default: x(() => [
-            q(u(s.message.subText), 1)
+            q(c(s.message.subText), 1)
           ]),
           _: 1
         }, 8, ["text"])
@@ -100,12 +100,16 @@ const Y = ["messageId"], Z = ["src"], $ = {
       a("div", {
         class: y(["missed-call-message__content", { "is-first": !0 }])
       }, [
-        s.message.deleted ? (o(), n(_, { key: 0 }, [
+        t[5] || (t[5] = a("div", {
+          class: "missed-call-message__bottom-shadow",
+          "aria-hidden": "true"
+        }, null, -1)),
+        s.message.deleted ? (o(), i(_, { key: 0 }, [
           r(W),
           a("div", ee, [
-            s.message.time ? (o(), n("span", se, u(s.message.time), 1)) : l("", !0)
+            s.message.time ? (o(), i("span", se, c(s.message.time), 1)) : l("", !0)
           ])
-        ], 64)) : (o(), n(_, { key: 1 }, [
+        ], 64)) : (o(), i(_, { key: 1 }, [
           a("div", te, [
             a("div", oe, [
               r(X, { class: "missed-call-message__icon" })
@@ -113,9 +117,9 @@ const Y = ["messageId"], Z = ["src"], $ = {
             t[3] || (t[3] = a("p", { class: "missed-call-message__text" }, " Пропущенный звонок ", -1))
           ]),
           a("div", ae, [
-            a("span", ne, u(s.message.time), 1)
+            a("span", ie, c(s.message.time), 1)
           ]),
-          e(R) && e(c).length ? (o(), n("button", {
+          e(R) && e(u).length ? (o(), i("button", {
             key: 0,
             class: "missed-call-message__menu-button",
             onClick: t[0] || (t[0] = //@ts-ignore
@@ -123,17 +127,17 @@ const Y = ["messageId"], Z = ["src"], $ = {
           }, [...t[4] || (t[4] = [
             a("span", { class: "pi pi-ellipsis-h" }, null, -1)
           ])])) : l("", !0),
-          (o(), h(z, { to: "body" }, [
+          (o(), b(z, { to: "body" }, [
             r(F, null, {
               default: x(() => [
-                e(T) && e(c).length ? (o(), h(Q, {
+                e(T) && e(u).length ? (o(), b(Q, {
                   key: 0,
                   ref_key: "menuRef",
                   ref: S,
                   class: "missed-call-message__context-menu message-actions-menu",
-                  style: M(e(I)),
-                  "data-theme": e(w),
-                  actions: e(c),
+                  style: M(e(w)),
+                  "data-theme": e(I),
+                  actions: e(u),
                   onClick: e(N),
                   onMouseenter: e(V),
                   onMouseleave: e(D)

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 s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a472cb44"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d458c326"]]);
 export {
-  s as default
+  a as default
 };