@mobilon-dev/chotto 0.3.57 → 0.3.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/chotto.css +1 -1
  2. package/dist/components/1_atoms/Tooltip/Tooltip.vue.js +1 -1
  3. package/dist/components/1_atoms/Tooltip/Tooltip.vue2.js +41 -39
  4. package/dist/components/2_chatinput_elements/FilePreview/FilePreview.vue.js +2 -2
  5. package/dist/components/2_chatinput_elements/FilePreview/FilePreview.vue2.js +14 -13
  6. package/dist/components/2_chatinput_elements/FileUploader/FileUploader.vue.js +2 -2
  7. package/dist/components/2_chatinput_elements/FileUploader/FileUploader.vue2.js +48 -41
  8. package/dist/components/2_elements/AudioRecorder/AudioRecorder.vue.js +1 -1
  9. package/dist/components/2_elements/AudioRecorder/AudioRecorder.vue2.js +19 -16
  10. package/dist/components/2_elements/VideoRecorder/VideoRecorder.vue.js +2 -2
  11. package/dist/components/2_elements/VideoRecorder/VideoRecorder.vue2.js +29 -27
  12. package/dist/components/2_feed_elements/DelimiterMessage/DelimiterMessage.vue.js +2 -2
  13. package/dist/components/2_feed_elements/DelimiterMessage/DelimiterMessage.vue2.js +11 -11
  14. package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue.js +1 -1
  15. package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue2.js +21 -20
  16. package/dist/components/2_feed_elements/ReplyImageMessage/ReplyImageMessage.vue.js +3 -3
  17. package/dist/components/2_feed_elements/ReplyImageMessage/ReplyImageMessage.vue2.js +15 -14
  18. package/dist/components/2_feed_elements/ReplyStickerMessage/ReplyStickerMessage.vue.js +2 -2
  19. package/dist/components/2_feed_elements/ReplyStickerMessage/ReplyStickerMessage.vue2.js +8 -7
  20. package/dist/components/2_feed_elements/ReplyVideoMessage/ReplyVideoMessage.vue.js +2 -2
  21. package/dist/components/2_feed_elements/ReplyVideoMessage/ReplyVideoMessage.vue2.js +11 -10
  22. package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue.js +4 -4
  23. package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue2.js +8 -7
  24. package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue.js +1 -1
  25. package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue2.js +2 -1
  26. package/dist/components/2_modals/ModalFullscreen/ModalFullscreen.vue.js +41 -29
  27. package/dist/themes/dark.css +1 -1
  28. package/dist/themes/default.css +1 -1
  29. package/dist/themes/glass.css +1 -1
  30. package/dist/themes/green.css +1 -1
  31. package/dist/themes/mobilon1.css +1 -1
  32. package/dist/types/components/2_feed_elements/DelimiterMessage/DelimiterMessage.vue.d.ts +2 -2
  33. package/dist/types/components/2_modals/ModalFullscreen/ModalFullscreen.vue.d.ts +2 -0
  34. package/dist/types/components/2_modals/ModalFullscreen/stories/ModalFullscreen.stories.d.ts +6 -0
  35. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
- import { defineComponent as T, computed as y, ref as c, onMounted as x, onBeforeUnmount as R, watch as b, createElementBlock as u, openBlock as f, createVNode as h, withCtx as D, createElementVNode as a, normalizeClass as d, toDisplayString as g } from "vue";
2
- import O from "../../1_atoms/Tooltip/Tooltip.vue.js";
1
+ import { defineComponent as T, computed as y, ref as c, onMounted as x, onBeforeUnmount as R, watch as h, createElementBlock as u, openBlock as f, createVNode as D, withCtx as O, createElementVNode as a, normalizeClass as d, toDisplayString as p } from "vue";
2
+ import b from "../../1_atoms/Tooltip/Tooltip.vue.js";
3
3
  const k = {
4
4
  key: 0,
5
5
  class: "delimiter-message__tooltip-root"
@@ -15,10 +15,10 @@ const k = {
15
15
  type: String,
16
16
  default: ""
17
17
  },
18
- /** Позиция тултипа: top | right | bottom | left | bottom-left | bottom-center */
18
+ /** Позиция тултипа: top | right | bottom | left | bottom-left | top-center */
19
19
  tooltipPosition: {
20
20
  type: String,
21
- default: "bottom-center"
21
+ default: "top-center"
22
22
  },
23
23
  /** Отступ тултипа от элемента (px) */
24
24
  tooltipOffset: {
@@ -32,10 +32,10 @@ const k = {
32
32
  }
33
33
  },
34
34
  emits: ["read"],
35
- setup(o, { emit: p }) {
35
+ setup(o, { emit: g }) {
36
36
  const i = o, r = y(
37
37
  () => i.tooltipText || i.message.tooltipText || ""
38
- ), v = p, s = c(null), l = c(!1);
38
+ ), v = g, s = c(null), l = c(!1);
39
39
  let t = null, e = null;
40
40
  const m = () => {
41
41
  !i.message.autoRemove || !s.value || (t = new IntersectionObserver(
@@ -59,7 +59,7 @@ const k = {
59
59
  }, 100);
60
60
  }), R(() => {
61
61
  e && (clearTimeout(e), e = null), t && (t.disconnect(), t = null);
62
- }), b(
62
+ }), h(
63
63
  () => i.message.autoRemove,
64
64
  (n) => {
65
65
  t && (t.disconnect(), t = null), e && (clearTimeout(e), e = null), n && setTimeout(() => {
@@ -67,19 +67,19 @@ const k = {
67
67
  }, 100);
68
68
  }
69
69
  ), (n, _) => r.value ? (f(), u("div", k, [
70
- h(O, {
70
+ D(b, {
71
71
  text: r.value,
72
72
  position: o.tooltipPosition,
73
73
  offset: o.tooltipOffset,
74
74
  delay: o.tooltipDelay
75
75
  }, {
76
- default: D(() => [
76
+ default: O(() => [
77
77
  a("div", {
78
78
  ref_key: "containerRef",
79
79
  ref: s,
80
80
  class: d(["delimiter-message__container", { "delimiter-message__container--removing": l.value }])
81
81
  }, [
82
- a("p", N, g(o.message.text), 1)
82
+ a("p", N, p(o.message.text), 1)
83
83
  ], 2)
84
84
  ]),
85
85
  _: 1
@@ -90,7 +90,7 @@ const k = {
90
90
  ref: s,
91
91
  class: d(["delimiter-message__container", { "delimiter-message__container--removing": l.value }])
92
92
  }, [
93
- a("p", I, g(o.message.text), 1)
93
+ a("p", I, p(o.message.text), 1)
94
94
  ], 2));
95
95
  }
96
96
  });
@@ -1,7 +1,7 @@
1
1
  import o from "./ImageMessage.vue2.js";
2
2
  /* empty css */
3
3
  import t from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b76d8f98"]]);
4
+ const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-435c558d"]]);
5
5
  export {
6
6
  r as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import { defineComponent as de, inject as fe, ref as f, watch as N, nextTick as A, onMounted as ve, onUnmounted as be, computed as k, createElementBlock as g, openBlock as i, normalizeStyle as U, normalizeClass as v, unref as a, createCommentVNode as n, createElementVNode as l, createBlock as b, createVNode as r, withCtx as d, createTextVNode as he, toDisplayString as L, Transition as x, withModifiers as D, Teleport as ye } from "vue";
1
+ import { defineComponent as de, inject as fe, ref as f, watch as N, nextTick as A, onMounted as ve, onUnmounted as be, computed as k, createElementBlock as u, openBlock as i, normalizeStyle as U, normalizeClass as v, unref as a, createCommentVNode as n, createElementVNode as l, createBlock as b, createVNode as r, withCtx as d, createTextVNode as he, toDisplayString as L, Transition as x, withModifiers as D, Teleport as ye } from "vue";
2
2
  import we from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
3
3
  import pe from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
4
4
  import ke from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
@@ -70,32 +70,32 @@ const Ve = ["messageId"], He = ["src"], We = {
70
70
  clickAction: Q,
71
71
  viewsAction: B,
72
72
  handleClickReplied: X
73
- } = Ie(s.message, C), R = f(!1), { linkedHtml: O, inNewWindow: z } = je(() => s.message.text), c = f(null), u = f(null), h = f(0), I = f(0);
73
+ } = Ie(s.message, C), R = f(!1), { linkedHtml: O, inNewWindow: z } = je(() => s.message.text), c = f(null), g = f(null), h = f(0), I = f(0);
74
74
  N(
75
75
  () => O.value,
76
76
  () => {
77
77
  y(), A(() => {
78
- o && u.value && o.observe(u.value);
78
+ o && g.value && o.observe(g.value);
79
79
  });
80
80
  }
81
81
  );
82
82
  const y = () => {
83
83
  A(() => {
84
- c.value && (h.value = c.value.offsetWidth), u.value && (I.value = u.value.offsetWidth);
84
+ c.value && (h.value = c.value.offsetWidth), g.value && (I.value = g.value.offsetWidth);
85
85
  });
86
86
  };
87
87
  let o = null, M = null;
88
88
  ve(() => {
89
89
  y(), M = () => y(), window.addEventListener("resize", M), typeof ResizeObserver < "u" && (o = new ResizeObserver(() => {
90
90
  y();
91
- }), c.value && o.observe(c.value), u.value && o.observe(u.value));
91
+ }), c.value && o.observe(c.value), g.value && o.observe(g.value));
92
92
  }), be(() => {
93
93
  M && window.removeEventListener("resize", M), o && o.disconnect();
94
94
  }), N(
95
95
  () => [s.message.text, s.message.url],
96
96
  () => {
97
97
  y(), A(() => {
98
- o && (o.disconnect(), c.value && o.observe(c.value), u.value && o.observe(u.value));
98
+ o && (o.disconnect(), c.value && o.observe(c.value), g.value && o.observe(g.value));
99
99
  });
100
100
  },
101
101
  { immediate: !0 }
@@ -119,7 +119,7 @@ const Ve = ["messageId"], He = ["src"], We = {
119
119
  headers: {
120
120
  Accept: "image/*"
121
121
  }
122
- }), ue = m.headers.get("content-type") || "", ge = await m.blob(), j = ((t = (w = s.message.url.split(".").pop()) == null ? void 0 : w.split("?")[0]) == null ? void 0 : t.toLowerCase()) || "", re = {
122
+ }), ge = m.headers.get("content-type") || "", ue = await m.blob(), j = ((t = (w = s.message.url.split(".").pop()) == null ? void 0 : w.split("?")[0]) == null ? void 0 : t.toLowerCase()) || "", re = {
123
123
  "image/jpeg": "jpg",
124
124
  "image/jpg": "jpg",
125
125
  "image/png": "png",
@@ -128,8 +128,8 @@ const Ve = ["messageId"], He = ["src"], We = {
128
128
  "image/svg+xml": "svg",
129
129
  "image/bmp": "bmp"
130
130
  };
131
- let W = j && ["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp"].includes(j) ? j : re[ue] || "jpg";
132
- const ce = s.message.alt ? s.message.alt.includes(".") ? s.message.alt : `${s.message.alt}.${W}` : `image-${s.message.messageId}.${W}`, $ = window.URL.createObjectURL(ge), p = document.createElement("a");
131
+ let W = j && ["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp"].includes(j) ? j : re[ge] || "jpg";
132
+ const ce = s.message.alt ? s.message.alt.includes(".") ? s.message.alt : `${s.message.alt}.${W}` : `image-${s.message.messageId}.${W}`, $ = window.URL.createObjectURL(ue), p = document.createElement("a");
133
133
  p.href = $, p.download = ce, document.body.appendChild(p), p.click(), document.body.removeChild(p), window.URL.revokeObjectURL($);
134
134
  } catch (m) {
135
135
  console.error("Ошибка при скачивании изображения:", m);
@@ -138,7 +138,7 @@ const Ve = ["messageId"], He = ["src"], We = {
138
138
  function me() {
139
139
  C("sms-invite", s.message);
140
140
  }
141
- return (w, t) => (i(), g("div", {
141
+ return (w, t) => (i(), u("div", {
142
142
  class: v(["image-message", [
143
143
  H(e.message),
144
144
  e.applyStyle(e.message)
@@ -147,14 +147,14 @@ const Ve = ["messageId"], He = ["src"], We = {
147
147
  style: U(a(se)),
148
148
  onMouseleave: V
149
149
  }, [
150
- e.message.avatar && e.isFirstInSeries ? (i(), g("img", {
150
+ e.message.avatar && e.isFirstInSeries ? (i(), u("img", {
151
151
  key: 0,
152
152
  class: "image-message__avatar",
153
153
  src: e.message.avatar,
154
154
  height: "32",
155
155
  width: "32"
156
156
  }, null, 8, He)) : n("", !0),
157
- e.message.subText && e.isFirstInSeries ? (i(), g("p", We, [
157
+ e.message.subText && e.isFirstInSeries ? (i(), u("p", We, [
158
158
  r(Se, {
159
159
  text: a(oe),
160
160
  position: e.message.position === "left" ? "right" : "left",
@@ -182,7 +182,7 @@ const Ve = ["messageId"], He = ["src"], We = {
182
182
  onMouseenter: Y,
183
183
  onMouseleave: V
184
184
  }, [
185
- F.value ? (i(), g("div", $e, [
185
+ F.value ? (i(), u("div", $e, [
186
186
  l("img", {
187
187
  class: "image-message__blur-left",
188
188
  src: e.message.url,
@@ -204,8 +204,8 @@ const Ve = ["messageId"], He = ["src"], We = {
204
204
  }, null, 12, De),
205
205
  r(x, { name: "modal-fade" }, {
206
206
  default: d(() => [
207
- R.value ? (i(), g("div", Pe, [
208
- e.message.views ? (i(), g("div", {
207
+ R.value ? (i(), u("div", Pe, [
208
+ e.message.views ? (i(), u("div", {
209
209
  key: 0,
210
210
  class: "image-message__views",
211
211
  onClick: t[0] || (t[0] = D(
@@ -231,7 +231,7 @@ const Ve = ["messageId"], He = ["src"], We = {
231
231
  }),
232
232
  r(x, { name: "modal-fade" }, {
233
233
  default: d(() => [
234
- R.value ? (i(), g("button", {
234
+ R.value ? (i(), u("button", {
235
235
  key: 0,
236
236
  class: "image-message__download-button",
237
237
  onClick: D(ae, ["stop"])
@@ -244,7 +244,7 @@ const Ve = ["messageId"], He = ["src"], We = {
244
244
  ], 34),
245
245
  r(x, { name: "modal-fade" }, {
246
246
  default: d(() => [
247
- a(G) && e.message.actions ? (i(), g("button", {
247
+ a(G) && e.message.actions ? (i(), u("button", {
248
248
  key: 0,
249
249
  class: "image-message__menu-button",
250
250
  onClick: t[2] || (t[2] = (m) => S.value = !a(S))
@@ -265,10 +265,10 @@ const Ve = ["messageId"], He = ["src"], We = {
265
265
  ]),
266
266
  _: 1
267
267
  }),
268
- e.message.text ? (i(), g("div", {
268
+ e.message.text ? (i(), u("div", {
269
269
  key: 1,
270
270
  ref_key: "textRef",
271
- ref: u,
271
+ ref: g,
272
272
  class: "image-message__text-container"
273
273
  }, [
274
274
  l("p", {
@@ -308,6 +308,7 @@ const Ve = ["messageId"], He = ["src"], We = {
308
308
  T.value ? (i(), b(Re, {
309
309
  key: 0,
310
310
  "data-theme": a(E)().theme ? a(E)().theme : "light",
311
+ title: e.message.alt,
311
312
  onClose: te
312
313
  }, {
313
314
  default: d(() => [
@@ -318,7 +319,7 @@ const Ve = ["messageId"], He = ["src"], We = {
318
319
  }, null, 8, Je)
319
320
  ]),
320
321
  _: 1
321
- }, 8, ["data-theme"])) : n("", !0)
322
+ }, 8, ["data-theme", "title"])) : n("", !0)
322
323
  ]),
323
324
  _: 1
324
325
  })
@@ -1,7 +1,7 @@
1
- import o from "./ReplyImageMessage.vue2.js";
1
+ import e from "./ReplyImageMessage.vue2.js";
2
2
  /* empty css */
3
- import a from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-cfdab218"]]);
3
+ import o from "../../../_virtual/_plugin-vue_export-helper.js";
4
+ const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a360ec52"]]);
5
5
  export {
6
6
  p as default
7
7
  };
@@ -1,4 +1,4 @@
1
- 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";
1
+ import { defineComponent as k, inject as v, ref as y, createElementBlock as i, openBlock as a, Fragment as _, createElementVNode as t, createBlock as g, createCommentVNode as n, toDisplayString as x, unref as l, Teleport as M, createVNode as C, Transition as T, withCtx as d } from "vue";
2
2
  import w from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
3
3
  import "../../../hooks/useMessageDraft.js";
4
4
  import "../../../hooks/useSearchModel.js";
@@ -16,11 +16,11 @@ const B = ["src", "alt"], H = { class: "image-message__text-container" }, I = {
16
16
  }
17
17
  },
18
18
  setup(e) {
19
- const u = _("chatAppId"), { getTheme: i } = N(u), p = e, l = v(!1), { linkedHtml: f, inNewWindow: r } = b(() => p.message.text), h = () => l.value = !1;
20
- return (j, s) => (a(), o(y, null, [
19
+ const u = v("chatAppId"), { getTheme: o } = N(u), p = e, m = y(!1), { linkedHtml: f, inNewWindow: r } = b(() => p.message.text), h = () => m.value = !1;
20
+ return (j, s) => (a(), i(_, null, [
21
21
  t("div", {
22
22
  class: "image-message__preview-button",
23
- onClick: s[0] || (s[0] = (c) => l.value = !0)
23
+ onClick: s[0] || (s[0] = (c) => m.value = !0)
24
24
  }, [
25
25
  t("img", {
26
26
  class: "image-message__preview-image",
@@ -29,28 +29,29 @@ const B = ["src", "alt"], H = { class: "image-message__text-container" }, I = {
29
29
  }, null, 8, B)
30
30
  ]),
31
31
  t("div", H, [
32
- e.message.header ? (a(), o("p", I, x(e.message.header), 1)) : n("", !0),
32
+ e.message.header ? (a(), i("p", I, x(e.message.header), 1)) : n("", !0),
33
33
  s[2] || (s[2] = t("div", { class: "image-message__reply-description" }, [
34
34
  t("span", { class: "pi pi-camera" }),
35
35
  t("p", null, "Фотография")
36
36
  ], -1)),
37
- e.message.text ? (a(), o("p", {
37
+ e.message.text ? (a(), i("p", {
38
38
  key: 1,
39
39
  class: "image-message__text",
40
40
  onClick: s[1] || (s[1] = //@ts-ignore
41
- (...c) => m(r) && m(r)(...c)),
42
- innerHTML: m(f)
41
+ (...c) => l(r) && l(r)(...c)),
42
+ innerHTML: l(f)
43
43
  }, null, 8, L)) : n("", !0)
44
44
  ]),
45
- (a(), d(M, { to: "body" }, [
45
+ (a(), g(M, { to: "body" }, [
46
46
  C(T, { name: "modal-fade" }, {
47
- default: g(() => [
48
- l.value ? (a(), d(w, {
47
+ default: d(() => [
48
+ m.value ? (a(), g(w, {
49
49
  key: 0,
50
- "data-theme": m(i)().theme ? m(i)().theme : "light",
50
+ "data-theme": l(o)().theme ? l(o)().theme : "light",
51
+ title: e.message.alt,
51
52
  onClose: h
52
53
  }, {
53
- default: g(() => [
54
+ default: d(() => [
54
55
  t("img", {
55
56
  class: "image-message__modal-image",
56
57
  src: e.message.url,
@@ -58,7 +59,7 @@ const B = ["src", "alt"], H = { class: "image-message__text-container" }, I = {
58
59
  }, null, 8, V)
59
60
  ]),
60
61
  _: 1
61
- }, 8, ["data-theme"])) : n("", !0)
62
+ }, 8, ["data-theme", "title"])) : n("", !0)
62
63
  ]),
63
64
  _: 1
64
65
  })
@@ -1,7 +1,7 @@
1
1
  import e from "./ReplyStickerMessage.vue2.js";
2
2
  /* empty css */
3
3
  import o from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-b5c0318e"]]);
4
+ const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-7fc2ae60"]]);
5
5
  export {
6
- s as default
6
+ p as default
7
7
  };
@@ -1,4 +1,4 @@
1
- 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";
1
+ import { defineComponent as T, inject as b, ref as n, 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";
2
2
  import B from "../../../node_modules/linkify-string/dist/linkify-string.js";
3
3
  import V from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
4
4
  import "../../../hooks/useMessageDraft.js";
@@ -19,7 +19,7 @@ const E = ["src"], H = ["src", "alt"], I = { class: "sticker-message__text-conta
19
19
  }
20
20
  },
21
21
  setup(e) {
22
- const _ = b("chatAppId"), { getTheme: g } = j(_), l = m(!1), c = m(!1);
22
+ const _ = b("chatAppId"), { getTheme: g } = j(_), l = n(!1), c = n(!1);
23
23
  async function p() {
24
24
  if (!(l.value || c.value)) {
25
25
  c.value = !0;
@@ -32,7 +32,7 @@ const E = ["src"], H = ["src", "alt"], I = { class: "sticker-message__text-conta
32
32
  }
33
33
  }
34
34
  }
35
- const i = e, u = m(!1), f = m("");
35
+ const i = e, u = n(!1), f = n("");
36
36
  k(
37
37
  () => i.message.text,
38
38
  () => {
@@ -50,10 +50,10 @@ const E = ["src"], H = ["src", "alt"], I = { class: "sticker-message__text-conta
50
50
  s.preventDefault(), s.target.href && window.open(s.target.href, "_blank");
51
51
  }
52
52
  const x = () => u.value = !1;
53
- return (s, n) => (t(), a(C, null, [
53
+ return (s, m) => (t(), a(C, null, [
54
54
  r("div", {
55
55
  class: "sticker-message__preview-button",
56
- onClick: n[0] || (n[0] = (W) => u.value = !0)
56
+ onClick: m[0] || (m[0] = (W) => u.value = !0)
57
57
  }, [
58
58
  o.value && l.value ? (t(), a("tgs-player", {
59
59
  key: 0,
@@ -71,7 +71,7 @@ const E = ["src"], H = ["src", "alt"], I = { class: "sticker-message__text-conta
71
71
  ]),
72
72
  r("div", I, [
73
73
  e.message.header ? (t(), a("p", O, S(e.message.header), 1)) : d("", !0),
74
- n[1] || (n[1] = r("div", { class: "sticker-message__reply-description" }, [
74
+ m[1] || (m[1] = r("div", { class: "sticker-message__reply-description" }, [
75
75
  r("span", { class: "pi pi-image" }),
76
76
  r("p", null, "Стикер")
77
77
  ], -1)),
@@ -88,6 +88,7 @@ const E = ["src"], H = ["src", "alt"], I = { class: "sticker-message__text-conta
88
88
  u.value ? (t(), v(V, {
89
89
  key: 0,
90
90
  "data-theme": y(g)().theme ? y(g)().theme : "light",
91
+ title: e.message.alt,
91
92
  onClose: x
92
93
  }, {
93
94
  default: h(() => [
@@ -106,7 +107,7 @@ const E = ["src"], H = ["src", "alt"], I = { class: "sticker-message__text-conta
106
107
  }, null, 8, R))
107
108
  ]),
108
109
  _: 1
109
- }, 8, ["data-theme"])) : d("", !0)
110
+ }, 8, ["data-theme", "title"])) : d("", !0)
110
111
  ]),
111
112
  _: 1
112
113
  })
@@ -1,7 +1,7 @@
1
1
  import o from "./ReplyVideoMessage.vue2.js";
2
2
  /* empty css */
3
3
  import e from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-5b6ef470"]]);
4
+ const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-89e5da93"]]);
5
5
  export {
6
- s as default
6
+ r as default
7
7
  };
@@ -1,4 +1,4 @@
1
- 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";
1
+ import { defineComponent as k, inject as _, ref as c, createElementBlock as i, openBlock as o, Fragment as x, createElementVNode as t, createBlock as u, createCommentVNode as n, toDisplayString as M, unref as a, Teleport as C, createVNode as T, Transition as w, withCtx as p } from "vue";
2
2
  import N from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
3
3
  import "../../../hooks/useMessageDraft.js";
4
4
  import "../../../hooks/useSearchModel.js";
@@ -7,7 +7,7 @@ import { useTheme as V } from "../../../hooks/useTheme.js";
7
7
  /* empty css */
8
8
  import { useMessageLinks as b } from "../../../hooks/messages/useMessageLinks.js";
9
9
  import "../../../functions/parseMarkdown.js";
10
- const B = ["src"], H = { class: "video-message__text-container" }, L = { key: 0 }, j = ["innerHTML"], A = ["src", "alt"], z = /* @__PURE__ */ y({
10
+ const B = ["src"], H = { class: "video-message__text-container" }, L = { key: 0 }, j = ["innerHTML"], A = ["src", "alt"], z = /* @__PURE__ */ k({
11
11
  __name: "ReplyVideoMessage",
12
12
  props: {
13
13
  message: {
@@ -16,8 +16,8 @@ const B = ["src"], H = { class: "video-message__text-container" }, L = { key: 0
16
16
  }
17
17
  },
18
18
  setup(e) {
19
- 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;
20
- return (E, s) => (o(), n(x, null, [
19
+ 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;
20
+ return (E, s) => (o(), i(x, null, [
21
21
  t("div", {
22
22
  class: "video-message__preview-button",
23
23
  onClick: s[0] || (s[0] = (d) => l.value = !0)
@@ -29,18 +29,18 @@ const B = ["src"], H = { class: "video-message__text-container" }, L = { key: 0
29
29
  }, null, 8, B)
30
30
  ]),
31
31
  t("div", H, [
32
- e.message.header ? (o(), n("p", L, M(e.message.header), 1)) : i("", !0),
32
+ e.message.header ? (o(), i("p", L, M(e.message.header), 1)) : n("", !0),
33
33
  s[2] || (s[2] = t("div", { class: "video-message__reply-description" }, [
34
34
  t("span", { class: "pi pi-video" }),
35
35
  t("p", null, "Видео")
36
36
  ], -1)),
37
- e.message.text ? (o(), n("p", {
37
+ e.message.text ? (o(), i("p", {
38
38
  key: 1,
39
39
  class: "video-message__text",
40
40
  onClick: s[1] || (s[1] = //@ts-ignore
41
41
  (...d) => a(m) && a(m)(...d)),
42
- innerHTML: a(_)
43
- }, null, 8, j)) : i("", !0)
42
+ innerHTML: a(h)
43
+ }, null, 8, j)) : n("", !0)
44
44
  ]),
45
45
  (o(), u(C, { to: "body" }, [
46
46
  T(w, { name: "modal-fade" }, {
@@ -48,7 +48,8 @@ const B = ["src"], H = { class: "video-message__text-container" }, L = { key: 0
48
48
  l.value ? (o(), u(N, {
49
49
  key: 0,
50
50
  "data-theme": a(r)().theme ? a(r)().theme : "light",
51
- onClose: h
51
+ title: e.message.alt,
52
+ onClose: y
52
53
  }, {
53
54
  default: p(() => [
54
55
  t("video", {
@@ -62,7 +63,7 @@ const B = ["src"], H = { class: "video-message__text-container" }, L = { key: 0
62
63
  }, null, 8, A)
63
64
  ]),
64
65
  _: 1
65
- }, 8, ["data-theme"])) : i("", !0)
66
+ }, 8, ["data-theme", "title"])) : n("", !0)
66
67
  ]),
67
68
  _: 1
68
69
  })
@@ -1,7 +1,7 @@
1
- import o from "./StickerMessage.vue2.js";
1
+ import e from "./StickerMessage.vue2.js";
2
2
  /* empty css */
3
- import t from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-430c9e9a"]]);
3
+ import o from "../../../_virtual/_plugin-vue_export-helper.js";
4
+ const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-031e69e9"]]);
5
5
  export {
6
- s as default
6
+ a as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import { defineComponent as Q, inject as U, ref as b, computed as h, watch as X, onMounted as Y, createElementBlock as i, openBlock as t, unref as a, normalizeStyle as Z, normalizeClass as k, createCommentVNode as n, createElementVNode as m, createBlock as g, toDisplayString as R, createVNode as r, Transition as f, withCtx as d, withModifiers as p, Teleport as _ } from "vue";
1
+ import { defineComponent as Q, inject as U, ref as b, computed as h, watch as X, onMounted as Y, createElementBlock as i, openBlock as t, unref as a, normalizeStyle as Z, normalizeClass as k, createCommentVNode as n, createElementVNode as m, createBlock as g, toDisplayString as R, createVNode as r, Transition as f, withCtx as d, withModifiers as B, Teleport as _ } from "vue";
2
2
  import ee from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
3
3
  import se from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
4
4
  import te from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
@@ -56,8 +56,8 @@ const ye = ["messageId"], be = ["src"], he = {
56
56
  }
57
57
  },
58
58
  emits: ["action", "reply", "sms-invite"],
59
- setup(e, { emit: B }) {
60
- const V = U("chatAppId"), { getTheme: x } = ke(V), u = b(!1), w = b(!1);
59
+ setup(e, { emit: V }) {
60
+ const p = U("chatAppId"), { getTheme: x } = ke(p), u = b(!1), w = b(!1);
61
61
  async function T() {
62
62
  if (!(u.value || w.value)) {
63
63
  w.value = !0;
@@ -70,7 +70,7 @@ const ye = ["messageId"], be = ["src"], he = {
70
70
  }
71
71
  }
72
72
  }
73
- const l = e, M = B, S = b(!1), {
73
+ const l = e, M = V, S = b(!1), {
74
74
  isOpenMenu: C,
75
75
  buttonMenuVisible: E,
76
76
  showMenu: H,
@@ -149,7 +149,7 @@ const ye = ["messageId"], be = ["src"], he = {
149
149
  e.message.views ? (t(), i("div", {
150
150
  key: 0,
151
151
  class: "sticker-message__views",
152
- onClick: s[0] || (s[0] = p(
152
+ onClick: s[0] || (s[0] = B(
153
153
  //@ts-ignore
154
154
  (...o) => a(A) && a(A)(...o),
155
155
  ["stop"]
@@ -178,7 +178,7 @@ const ye = ["messageId"], be = ["src"], he = {
178
178
  href: e.message.url,
179
179
  download: "",
180
180
  target: "_blank",
181
- onClick: p(() => "//Предотвращаем всплытие события клика", ["stop"])
181
+ onClick: B(() => "//Предотвращаем всплытие события клика", ["stop"])
182
182
  }, [...s[7] || (s[7] = [
183
183
  m("span", { class: "pi pi-download" }, null, -1)
184
184
  ])], 8, Re)) : n("", !0)
@@ -247,6 +247,7 @@ const ye = ["messageId"], be = ["src"], he = {
247
247
  S.value ? (t(), g(ie, {
248
248
  key: 0,
249
249
  "data-theme": a(x)().theme ? a(x)().theme : "light",
250
+ title: e.message.alt,
250
251
  onClose: D
251
252
  }, {
252
253
  default: d(() => [
@@ -265,7 +266,7 @@ const ye = ["messageId"], be = ["src"], he = {
265
266
  }, null, 8, Ae))
266
267
  ]),
267
268
  _: 1
268
- }, 8, ["data-theme"])) : n("", !0)
269
+ }, 8, ["data-theme", "title"])) : n("", !0)
269
270
  ]),
270
271
  _: 1
271
272
  })
@@ -1,7 +1,7 @@
1
1
  import o from "./VideoMessage.vue2.js";
2
2
  /* empty css */
3
3
  import a from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const s = /* @__PURE__ */ a(o, [["__scopeId", "data-v-540c0aa3"]]);
4
+ const s = /* @__PURE__ */ a(o, [["__scopeId", "data-v-aaf88dba"]]);
5
5
  export {
6
6
  s as default
7
7
  };
@@ -274,6 +274,7 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
274
274
  x.value ? (o(), c(fe, {
275
275
  key: 0,
276
276
  "data-theme": a(R)().theme ? a(R)().theme : "light",
277
+ title: e.message.alt,
277
278
  onClose: K
278
279
  }, {
279
280
  default: d(() => [
@@ -288,7 +289,7 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
288
289
  }, null, 8, je)
289
290
  ]),
290
291
  _: 1
291
- }, 8, ["data-theme"])) : i("", !0)
292
+ }, 8, ["data-theme", "title"])) : i("", !0)
292
293
  ]),
293
294
  _: 1
294
295
  })