@mobilon-dev/chotto 0.3.110 → 0.3.111

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

@@ -1,7 +1,7 @@
-import e from "./ReplyImageMessage.vue2.js";
+import o from "./ReplyImageMessage.vue2.js";
 /* empty css                       */
-import o from "../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-2e84f7a9"]]);
+import a from "../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-6d04c56a"]]);
 export {
   p as default
 };

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

@@ -1,13 +1,13 @@
-import { defineComponent as k, inject as v, ref as x, createElementBlock as n, openBlock as a, Fragment as y, createElementVNode as t, createBlock as g, createCommentVNode as o, toDisplayString as C, unref as l, Teleport as _, createVNode as M, Transition as T, withCtx as d } from "vue";
-import w from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
-import { useTheme as N } from "../../../hooks/useTheme.js";
+import { defineComponent as k, inject as _, ref as x, computed as y, createElementBlock as o, openBlock as a, Fragment as C, createElementVNode as t, createBlock as d, createCommentVNode as i, toDisplayString as M, unref as l, Teleport as w, createVNode as T, Transition as I, withCtx as u } from "vue";
+import N from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import { useTheme as b } from "../../../hooks/useTheme.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
-import { useMessageLinks as b } from "../../../hooks/messages/useMessageLinks.js";
+import { useMessageLinks as B } from "../../../hooks/messages/useMessageLinks.js";
 import "../../../functions/parseMarkdown.js";
-const B = ["src", "alt"], H = { class: "image-message__text-container" }, I = ["textContent"], L = ["innerHTML"], V = ["src", "alt"], W = /* @__PURE__ */ k({
+const H = ["src", "alt"], L = { class: "image-message__text-container" }, V = ["textContent"], j = ["innerHTML"], A = ["src", "alt"], W = /* @__PURE__ */ k({
   __name: "ReplyImageMessage",
   props: {
     message: {
@@ -16,53 +16,53 @@ const B = ["src", "alt"], H = { class: "image-message__text-container" }, I = ["
     }
   },
   setup(e) {
-    const u = v("chatAppId"), { getTheme: i } = N(u), p = e, m = x(!1), { linkedHtml: f, inNewWindow: r } = b(() => p.message.text), h = () => m.value = !1;
-    return (j, s) => (a(), n(y, null, [
+    const p = _("chatAppId"), { getTheme: r } = b(p), m = e, n = x(!1), f = y(() => m.message.imagePreviewUrl || m.message.url), { linkedHtml: h, inNewWindow: c } = B(() => m.message.text), v = () => n.value = !1;
+    return (E, s) => (a(), o(C, null, [
       t("div", {
         class: "image-message__preview-button",
-        onClick: s[0] || (s[0] = (c) => m.value = !0)
+        onClick: s[0] || (s[0] = (g) => n.value = !0)
       }, [
         t("img", {
           class: "image-message__preview-image",
-          src: e.message.url,
+          src: f.value,
           alt: e.message.alt
-        }, null, 8, B)
+        }, null, 8, H)
       ]),
-      t("div", H, [
-        e.message.header ? (a(), n("p", {
+      t("div", L, [
+        e.message.header ? (a(), o("p", {
           key: 0,
-          textContent: C(`В ответ ${e.message.header}`)
-        }, null, 8, I)) : o("", !0),
+          textContent: M(`В ответ ${e.message.header}`)
+        }, null, 8, V)) : i("", !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(), n("p", {
+        e.message.text ? (a(), o("p", {
           key: 1,
           class: "image-message__text",
           onClick: s[1] || (s[1] = //@ts-ignore
-          (...c) => l(r) && l(r)(...c)),
-          innerHTML: l(f)
-        }, null, 8, L)) : o("", !0)
+          (...g) => l(c) && l(c)(...g)),
+          innerHTML: l(h)
+        }, null, 8, j)) : i("", !0)
       ]),
-      (a(), g(_, { to: "body" }, [
-        M(T, { name: "modal-fade" }, {
-          default: d(() => [
-            m.value ? (a(), g(w, {
+      (a(), d(w, { to: "body" }, [
+        T(I, { name: "modal-fade" }, {
+          default: u(() => [
+            n.value ? (a(), d(N, {
               key: 0,
-              "data-theme": l(i)().theme ? l(i)().theme : "light",
+              "data-theme": l(r)().theme ? l(r)().theme : "light",
               title: e.message.alt,
-              onClose: h
+              onClose: v
             }, {
-              default: d(() => [
+              default: u(() => [
                 t("img", {
                   class: "image-message__modal-image",
                   src: e.message.url,
                   alt: e.message.alt
-                }, null, 8, V)
+                }, null, 8, A)
               ]),
               _: 1
-            }, 8, ["data-theme", "title"])) : o("", !0)
+            }, 8, ["data-theme", "title"])) : i("", !0)
           ]),
           _: 1
         })

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

@@ -1,7 +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-97d292df"]]);
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-1c3332ec"]]);
 export {
   s as default
 };

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

@@ -1,13 +1,17 @@
-import { defineComponent as k, inject as _, ref as c, createElementBlock as n, openBlock as o, Fragment as x, createElementVNode as t, createBlock as u, createCommentVNode as i, toDisplayString as C, unref as a, Teleport as M, createVNode as T, Transition as w, withCtx as p } from "vue";
-import N from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
-import { useTheme as V } from "../../../hooks/useTheme.js";
+import { defineComponent as C, inject as M, ref as p, computed as v, createElementBlock as a, openBlock as s, Fragment as T, createElementVNode as o, createBlock as g, createCommentVNode as i, toDisplayString as w, unref as l, Teleport as V, createVNode as b, Transition as N, withCtx as f } from "vue";
+import U from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import { useTheme as B } from "../../../hooks/useTheme.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
-import { useMessageLinks as b } from "../../../hooks/messages/useMessageLinks.js";
+import { useMessageLinks as H } from "../../../hooks/messages/useMessageLinks.js";
 import "../../../functions/parseMarkdown.js";
-const B = ["src"], H = { class: "video-message__text-container" }, L = ["textContent"], j = ["innerHTML"], A = ["src", "alt"], z = /* @__PURE__ */ k({
+const L = ["src", "alt"], j = {
+  key: 1,
+  class: "video-message__play-badge",
+  "aria-hidden": "true"
+}, A = ["src"], E = { class: "video-message__text-container" }, F = ["textContent"], I = ["innerHTML"], O = ["src", "alt"], K = /* @__PURE__ */ C({
   __name: "ReplyVideoMessage",
   props: {
     message: {
@@ -16,54 +20,63 @@ const B = ["src"], H = { class: "video-message__text-container" }, L = ["textCon
     }
   },
   setup(e) {
-    const g = _("chatAppId"), { getTheme: r } = V(g), v = e, f = c(), l = c(!1), { linkedHtml: h, inNewWindow: m } = b(() => v.message.text), y = () => l.value = !1;
-    return (E, s) => (o(), n(x, null, [
-      t("div", {
+    const y = M("chatAppId"), { getTheme: m } = B(y), n = e, _ = p(), r = p(!1), d = v(() => n.message.coverUrl || ""), k = v(() => n.message.videoPreviewUrl || n.message.url), { linkedHtml: h, inNewWindow: c } = H(() => n.message.text), x = () => r.value = !1;
+    return ($, t) => (s(), a(T, null, [
+      o("div", {
         class: "video-message__preview-button",
-        onClick: s[0] || (s[0] = (d) => l.value = !0)
+        onClick: t[0] || (t[0] = (u) => r.value = !0)
       }, [
-        t("video", {
+        d.value ? (s(), a("img", {
+          key: 0,
+          class: "video-message__video",
+          src: d.value,
+          alt: e.message.alt
+        }, null, 8, L)) : i("", !0),
+        d.value ? (s(), a("span", j, [...t[2] || (t[2] = [
+          o("span", { class: "pi pi-play" }, null, -1)
+        ])])) : (s(), a("video", {
+          key: 2,
           class: "video-message__video",
-          src: e.message.url,
+          src: k.value,
           muted: !0
-        }, null, 8, B)
+        }, null, 8, A))
       ]),
-      t("div", H, [
-        e.message.header ? (o(), n("p", {
+      o("div", E, [
+        e.message.header ? (s(), a("p", {
           key: 0,
-          textContent: C(`В ответ ${e.message.header}`)
-        }, null, 8, L)) : i("", !0),
-        s[2] || (s[2] = t("div", { class: "video-message__reply-description" }, [
-          t("span", { class: "pi pi-video" }),
-          t("p", null, "Видео")
+          textContent: w(`В ответ ${e.message.header}`)
+        }, null, 8, F)) : i("", !0),
+        t[3] || (t[3] = o("div", { class: "video-message__reply-description" }, [
+          o("span", { class: "pi pi-video" }),
+          o("p", null, "Видео")
         ], -1)),
-        e.message.text ? (o(), n("p", {
+        e.message.text ? (s(), a("p", {
           key: 1,
           class: "video-message__text",
-          onClick: s[1] || (s[1] = //@ts-ignore
-          (...d) => a(m) && a(m)(...d)),
-          innerHTML: a(h)
-        }, null, 8, j)) : i("", !0)
+          onClick: t[1] || (t[1] = //@ts-ignore
+          (...u) => l(c) && l(c)(...u)),
+          innerHTML: l(h)
+        }, null, 8, I)) : i("", !0)
       ]),
-      (o(), u(M, { to: "body" }, [
-        T(w, { name: "modal-fade" }, {
-          default: p(() => [
-            l.value ? (o(), u(N, {
+      (s(), g(V, { to: "body" }, [
+        b(N, { name: "modal-fade" }, {
+          default: f(() => [
+            r.value ? (s(), g(U, {
               key: 0,
-              "data-theme": a(r)().theme ? a(r)().theme : "light",
+              "data-theme": l(m)().theme ? l(m)().theme : "light",
               title: e.message.alt,
-              onClose: y
+              onClose: x
             }, {
-              default: p(() => [
-                t("video", {
+              default: f(() => [
+                o("video", {
                   ref_key: "player",
-                  ref: f,
+                  ref: _,
                   class: "video-message__modal-video",
                   src: e.message.url,
                   alt: e.message.alt,
                   controls: "",
                   autoplay: ""
-                }, null, 8, A)
+                }, null, 8, O)
               ]),
               _: 1
             }, 8, ["data-theme", "title"])) : i("", !0)
@@ -75,5 +88,5 @@ const B = ["src"], H = { class: "video-message__text-container" }, L = ["textCon
   }
 });
 export {
-  z as default
+  K as default
 };

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

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