@mobilon-dev/chotto 0.3.99 → 0.3.100

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 (25) hide show
  1. package/dist/chotto.css +1 -1
  2. package/dist/components/1_atoms/EmojiGlyph/EmojiGlyph.vue.js +15 -15
  3. package/dist/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue.js +1 -1
  4. package/dist/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue2.js +79 -65
  5. package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue.js +1 -1
  6. package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue2.js +150 -150
  7. package/dist/components/2_feed_elements/MessageReactions/MessageReactions.vue.js +2 -2
  8. package/dist/components/2_feed_elements/MessageReactions/MessageReactions.vue2.js +79 -78
  9. package/dist/components/2_feed_elements/ReplyStickerMessage/ReplyStickerMessage.vue.js +2 -2
  10. package/dist/components/2_feed_elements/ReplyStickerMessage/ReplyStickerMessage.vue2.js +42 -42
  11. package/dist/components/3_compounds/ChatInput/ChatInput.vue.js +2 -2
  12. package/dist/components/3_compounds/ChatInput/ChatInput.vue2.js +68 -68
  13. package/dist/functions/renderAppleEmojis.js +120 -91
  14. package/dist/hooks/messages/useMessageLinks.js +15 -15
  15. package/dist/hooks/useEmojiNative.js +24 -12
  16. package/dist/node_modules/vue3-emoji-picker-ru/dist/emoji-picker.es.js +581 -555
  17. package/dist/themes/dark.css +1 -1
  18. package/dist/themes/default.css +1 -1
  19. package/dist/themes/glass.css +1 -1
  20. package/dist/themes/green.css +1 -1
  21. package/dist/themes/mobilon1.css +1 -1
  22. package/dist/types/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue.d.ts +21 -2
  23. package/dist/types/functions/renderAppleEmojis.d.ts +13 -10
  24. package/dist/types/hooks/useEmojiNative.d.ts +5 -2
  25. package/package.json +2 -2
@@ -1,32 +1,32 @@
1
- import { defineComponent as Ce, inject as E, ref as M, computed as c, unref as i, onMounted as _e, onUnmounted as Ne, watch as Se, createElementBlock as d, openBlock as l, normalizeClass as K, createBlock as Q, Fragment as A, renderList as F, withCtx as C, createElementVNode as p, createCommentVNode as _, createVNode as u, toDisplayString as Ue, Teleport as je, Transition as D, withDirectives as V, normalizeStyle as $, withModifiers as y, vShow as z } from "vue";
2
- import Pe from "../../../node_modules/vue3-emoji-picker-ru/dist/emoji-picker.es.js";
1
+ import { defineComponent as Se, inject as E, ref as M, computed as c, unref as i, onMounted as _e, onUnmounted as Ne, watch as je, createElementBlock as d, openBlock as l, normalizeClass as K, createBlock as Q, Fragment as A, renderList as F, withCtx as C, createElementVNode as p, createCommentVNode as S, createVNode as u, toDisplayString as Ue, Teleport as Pe, Transition as D, withDirectives as V, normalizeStyle as $, withModifiers as y, vShow as z } from "vue";
2
+ import Le from "../../../node_modules/vue3-emoji-picker-ru/dist/emoji-picker.es.js";
3
3
  /* empty css */
4
4
  import "../../../hooks/useMessageDraft.js";
5
5
  import "../../../hooks/useSearchModel.js";
6
6
  import "../../../hooks/useTheme.js";
7
- import { useEmojiNative as Le } from "../../../hooks/useEmojiNative.js";
7
+ import { useEmojiNative as Te } from "../../../hooks/useEmojiNative.js";
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  import "../../../locale/useLocale.js";
11
11
  /* empty css */
12
- import { isRightMessage as Te, findMessageContent as qe } from "./composables/usePositioning.js";
13
- import xe from "./icons/ReplyIcon.vue.js";
12
+ import { isRightMessage as qe, findMessageContent as xe } from "./composables/usePositioning.js";
13
+ import Be from "./icons/ReplyIcon.vue.js";
14
14
  import "../../../node_modules/linkifyjs/dist/linkify.js";
15
15
  import "../../../node_modules/linkify-string/dist/linkify-string.js";
16
16
  import "../../../functions/parseMarkdown.js";
17
- import { useStartReply as Be } from "../../../hooks/messages/useStartReply.js";
17
+ import { useStartReply as we } from "../../../hooks/messages/useStartReply.js";
18
18
  import H from "../../1_atoms/EmojiGlyph/EmojiGlyph.vue.js";
19
- import we from "../../1_atoms/Tooltip/Tooltip.vue.js";
20
- import Oe from "./icons/ExpandReactionsIcon.vue.js";
21
- import Ke from "./icons/MessageActionsIcon.vue.js";
22
- import { QUICK_REACTION_EMOJIS as Qe } from "./utils/quickReactions.js";
23
- import { buildReactionTooltipText as Ae } from "./utils/reactionTooltip.js";
24
- import { useReactionsState as Fe } from "./composables/useReactionsState.js";
25
- import { useReactionsPanel as De } from "./composables/useReactionsPanel.js";
26
- const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
19
+ import Oe from "../../1_atoms/Tooltip/Tooltip.vue.js";
20
+ import Ke from "./icons/ExpandReactionsIcon.vue.js";
21
+ import Qe from "./icons/MessageActionsIcon.vue.js";
22
+ import { QUICK_REACTION_EMOJIS as Ae } from "./utils/quickReactions.js";
23
+ import { buildReactionTooltipText as Fe } from "./utils/reactionTooltip.js";
24
+ import { useReactionsState as De } from "./composables/useReactionsState.js";
25
+ import { useReactionsPanel as Ve } from "./composables/useReactionsPanel.js";
26
+ const $e = ["onClick"], ze = { class: "message-reactions__emoji" }, He = {
27
27
  key: 0,
28
28
  class: "message-reactions__count"
29
- }, He = ["title", "onClick"], ht = /* @__PURE__ */ Ce({
29
+ }, Je = ["title", "onClick"], It = /* @__PURE__ */ Se({
30
30
  __name: "MessageReactions",
31
31
  props: {
32
32
  reactions: {
@@ -82,40 +82,40 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
82
82
  },
83
83
  emits: ["toggle-reaction", "add-reaction", "remove-reaction", "menu"],
84
84
  setup(s, { emit: J }) {
85
- const n = s, a = J, g = E("chatAppId"), G = E("currentUserId", void 0), W = E("reactionUserNames", void 0), { startReply: X } = Be(g || ""), m = M(null), f = M(null), N = M("light"), { isNative: Y } = Le(g || ""), S = c(() => Qe), Z = c(() => n.mode), k = c(() => n.currentUserId ?? i(G)), U = c(() => n.reactionUserNames ?? i(W)), ee = c(() => {
85
+ const n = s, a = J, g = E("chatAppId"), G = E("currentUserId", void 0), W = E("reactionUserNames", void 0), { startReply: X } = we(g || ""), m = M(null), f = M(null), _ = M("light"), { isNative: Y, emojiSrc: Z } = Te(g || ""), N = c(() => Ae), ee = c(() => n.mode), k = c(() => n.currentUserId ?? i(G)), j = c(() => n.reactionUserNames ?? i(W)), te = c(() => {
86
86
  var t, r;
87
87
  const e = (t = n.currentUserName) == null ? void 0 : t.trim();
88
88
  if (e) return e;
89
89
  const o = k.value;
90
90
  if (o != null)
91
- return (r = U.value) == null ? void 0 : r[String(o)];
92
- }), te = c(() => n.mode === "multi"), j = Fe(
91
+ return (r = j.value) == null ? void 0 : r[String(o)];
92
+ }), ne = c(() => n.mode === "multi"), U = De(
93
93
  c(() => n.reactions),
94
- Z,
94
+ ee,
95
95
  k,
96
- ee
97
- ), { displayedReactions: ne, hasReactions: oe, addReaction: h, removeReaction: P, toggleReaction: ie, isMyReaction: L } = j;
98
- function se(e) {
99
- return Ae(e.events, U.value);
96
+ te
97
+ ), { displayedReactions: oe, hasReactions: ie, addReaction: h, removeReaction: P, toggleReaction: se, isMyReaction: L } = U;
98
+ function re(e) {
99
+ return Fe(e.events, j.value);
100
100
  }
101
- const re = De(S, m), {
102
- isQuickReactionsOpen: ae,
103
- isFullPickerOpen: le,
104
- pickerRef: ce,
105
- quickReactionsRef: ue,
106
- quickPanelStyle: de,
107
- pickerStyle: me,
101
+ const ae = Ve(N, m), {
102
+ isQuickReactionsOpen: le,
103
+ isFullPickerOpen: ce,
104
+ pickerRef: ue,
105
+ quickReactionsRef: de,
106
+ quickPanelStyle: me,
107
+ pickerStyle: fe,
108
108
  closeQuickPanel: v,
109
- handleMessageMouseEnter: fe,
110
- handleMessageMouseLeave: pe,
111
- openFullPicker: ge,
109
+ handleMessageMouseEnter: pe,
110
+ handleMessageMouseLeave: ge,
111
+ openFullPicker: ve,
112
112
  closeFullPicker: T,
113
113
  handleQuickPanelMouseEnter: q,
114
114
  handleQuickPanelMouseLeave: x,
115
115
  handlePickerMouseEnter: B,
116
116
  handlePickerMouseLeave: w,
117
117
  handleClickOutside: O
118
- } = re, ve = c(() => m.value ? Te(m.value) : !1), ye = () => {
118
+ } = ae, ye = c(() => m.value ? qe(m.value) : !1), ke = () => {
119
119
  var o;
120
120
  if (!g) return "light";
121
121
  const e = document.getElementById(g);
@@ -124,10 +124,10 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
124
124
  function I() {
125
125
  return !n.readonly && n.enabled && k.value != null;
126
126
  }
127
- function ke(e) {
127
+ function he(e) {
128
128
  if (I()) {
129
129
  if (n.mode === "single") {
130
- if (j.myReactionKey.value === e)
130
+ if (U.myReactionKey.value === e)
131
131
  P(e), a("remove-reaction", { messageId: n.messageId, key: e });
132
132
  else {
133
133
  const t = h(e);
@@ -135,20 +135,20 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
135
135
  }
136
136
  return;
137
137
  }
138
- ie(e), a("toggle-reaction", { messageId: n.messageId, key: e });
138
+ se(e), a("toggle-reaction", { messageId: n.messageId, key: e });
139
139
  }
140
140
  }
141
- function he(e) {
141
+ function Ie(e) {
142
142
  var o, t;
143
143
  return e instanceof Node ? !!((o = f.value) != null && o.contains(e) || (t = m.value) != null && t.contains(e)) : !1;
144
144
  }
145
145
  function b() {
146
- n.readonly || !n.enabled || fe();
146
+ n.readonly || !n.enabled || pe();
147
147
  }
148
148
  function R(e) {
149
- n.readonly || !n.enabled || he(e.relatedTarget) || pe();
149
+ n.readonly || !n.enabled || Ie(e.relatedTarget) || ge();
150
150
  }
151
- function Ie(e) {
151
+ function be(e) {
152
152
  if (I()) {
153
153
  if (L(e))
154
154
  P(e), a("remove-reaction", { messageId: n.messageId, key: e });
@@ -159,10 +159,10 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
159
159
  v();
160
160
  }
161
161
  }
162
- function be() {
162
+ function Re() {
163
163
  n.readonly || !n.enabled || !n.reply || (X(n.reply), v());
164
164
  }
165
- function Re(e) {
165
+ function Ee(e) {
166
166
  if (n.readonly || !n.enabled || !n.menuEnabled) return;
167
167
  const o = e.currentTarget, t = o instanceof HTMLElement ? (() => {
168
168
  const r = o.getBoundingClientRect();
@@ -170,10 +170,10 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
170
170
  })() : void 0;
171
171
  a("menu", { messageId: n.messageId, triggerRect: t, event: e });
172
172
  }
173
- async function Ee() {
174
- n.readonly || !n.enabled || (N.value = ye(), await ge());
173
+ async function Me() {
174
+ n.readonly || !n.enabled || (_.value = ke(), await ve());
175
175
  }
176
- function Me(e) {
176
+ function Ce(e) {
177
177
  if (T(), v(), !I()) return;
178
178
  const o = e.i;
179
179
  if (L(o))
@@ -183,11 +183,11 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
183
183
  }
184
184
  return _e(() => {
185
185
  document.addEventListener("click", O);
186
- const e = qe(m.value);
186
+ const e = xe(m.value);
187
187
  e && (f.value = e, e.addEventListener("pointerenter", b), e.addEventListener("pointerleave", R));
188
188
  }), Ne(() => {
189
189
  document.removeEventListener("click", O), f.value && (f.value.removeEventListener("pointerenter", b), f.value.removeEventListener("pointerleave", R));
190
- }), Se(
190
+ }), je(
191
191
  () => [n.enabled, n.readonly],
192
192
  ([e, o]) => {
193
193
  (!e || o) && (v(), T());
@@ -195,13 +195,13 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
195
195
  ), (e, o) => (l(), d("div", {
196
196
  ref_key: "reactionsContainerRef",
197
197
  ref: m,
198
- class: K(["message-reactions", { "has-reactions": i(oe), "is-right-message": ve.value, "is-disabled": !s.enabled }]),
198
+ class: K(["message-reactions", { "has-reactions": i(ie), "is-right-message": ye.value, "is-disabled": !s.enabled }]),
199
199
  onPointerenter: b,
200
200
  onPointerleave: R
201
201
  }, [
202
- (l(!0), d(A, null, F(i(ne), (t) => (l(), Q(we, {
202
+ (l(!0), d(A, null, F(i(oe), (t) => (l(), Q(Oe, {
203
203
  key: t.key,
204
- text: se(t),
204
+ text: re(t),
205
205
  position: "bottom-right",
206
206
  offset: 6,
207
207
  delay: 400
@@ -209,64 +209,64 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
209
209
  default: C(() => [
210
210
  p("button", {
211
211
  class: K(["message-reactions__chip", { "is-active": t.reactedByMe && t.count === 1 }]),
212
- onClick: (r) => ke(t.key)
212
+ onClick: (r) => he(t.key)
213
213
  }, [
214
- p("span", $e, [
214
+ p("span", ze, [
215
215
  u(H, {
216
216
  emoji: t.key
217
217
  }, null, 8, ["emoji"])
218
218
  ]),
219
- te.value || t.count > 1 ? (l(), d("span", ze, Ue(t.count), 1)) : _("", !0)
220
- ], 10, Ve)
219
+ ne.value || t.count > 1 ? (l(), d("span", He, Ue(t.count), 1)) : S("", !0)
220
+ ], 10, $e)
221
221
  ]),
222
222
  _: 2
223
223
  }, 1032, ["text"]))), 128)),
224
- (l(), Q(je, { to: "body" }, [
224
+ (l(), Q(Pe, { to: "body" }, [
225
225
  u(D, { name: "message-reactions-popover" }, {
226
226
  default: C(() => [
227
227
  V(p("div", {
228
228
  ref_key: "quickReactionsRef",
229
- ref: ue,
229
+ ref: de,
230
230
  class: "message-reactions__quick-panel",
231
- style: $(i(de)),
231
+ style: $(i(me)),
232
232
  onMouseenter: o[0] || (o[0] = //@ts-ignore
233
233
  (...t) => i(q) && i(q)(...t)),
234
234
  onMouseleave: o[1] || (o[1] = //@ts-ignore
235
235
  (...t) => i(x) && i(x)(...t))
236
236
  }, [
237
- (l(!0), d(A, null, F(S.value, (t) => (l(), d("button", {
237
+ (l(!0), d(A, null, F(N.value, (t) => (l(), d("button", {
238
238
  key: t,
239
239
  class: "message-reactions__quick-item",
240
240
  title: t,
241
- onClick: y((r) => Ie(t), ["stop"])
241
+ onClick: y((r) => be(t), ["stop"])
242
242
  }, [
243
243
  u(H, { emoji: t }, null, 8, ["emoji"])
244
- ], 8, He))), 128)),
244
+ ], 8, Je))), 128)),
245
245
  p("button", {
246
246
  class: "message-reactions__expand",
247
247
  title: "Развернуть",
248
- onClick: y(Ee, ["stop"])
248
+ onClick: y(Me, ["stop"])
249
249
  }, [
250
- u(Oe)
250
+ u(Ke)
251
251
  ]),
252
252
  s.replyEnabled && s.reply ? (l(), d("button", {
253
253
  key: 0,
254
254
  class: "message-reactions__quick-item",
255
255
  title: "Ответить",
256
- onClick: y(be, ["stop"])
256
+ onClick: y(Re, ["stop"])
257
257
  }, [
258
- u(xe)
259
- ])) : _("", !0),
258
+ u(Be)
259
+ ])) : S("", !0),
260
260
  s.menuEnabled ? (l(), d("button", {
261
261
  key: 1,
262
262
  class: "message-reactions__quick-item",
263
263
  title: "Действия",
264
- onClick: y(Re, ["stop"])
264
+ onClick: y(Ee, ["stop"])
265
265
  }, [
266
- u(Ke)
267
- ])) : _("", !0)
266
+ u(Qe)
267
+ ])) : S("", !0)
268
268
  ], 36), [
269
- [z, i(ae) && !s.readonly && s.enabled]
269
+ [z, i(le) && !s.readonly && s.enabled]
270
270
  ])
271
271
  ]),
272
272
  _: 1
@@ -275,22 +275,23 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
275
275
  default: C(() => [
276
276
  V(p("div", {
277
277
  ref_key: "pickerRef",
278
- ref: ce,
278
+ ref: ue,
279
279
  class: "message-reactions__picker",
280
- style: $(i(me)),
280
+ style: $(i(fe)),
281
281
  onMouseenter: o[2] || (o[2] = //@ts-ignore
282
282
  (...t) => i(B) && i(B)(...t)),
283
283
  onMouseleave: o[3] || (o[3] = //@ts-ignore
284
284
  (...t) => i(w) && i(w)(...t))
285
285
  }, [
286
- u(i(Pe), {
286
+ u(i(Le), {
287
287
  native: i(Y),
288
- theme: N.value,
288
+ "emoji-src": i(Z),
289
+ theme: _.value,
289
290
  "picker-type": "",
290
- onSelect: Me
291
- }, null, 8, ["native", "theme"])
291
+ onSelect: Ce
292
+ }, null, 8, ["native", "emoji-src", "theme"])
292
293
  ], 36), [
293
- [z, i(le) && !s.readonly && s.enabled]
294
+ [z, i(ce) && !s.readonly && s.enabled]
294
295
  ])
295
296
  ]),
296
297
  _: 1
@@ -300,5 +301,5 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
300
301
  }
301
302
  });
302
303
  export {
303
- ht as default
304
+ It as default
304
305
  };
@@ -1,7 +1,7 @@
1
1
  import o from "./ReplyStickerMessage.vue2.js";
2
2
  /* empty css */
3
3
  import t from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b09bf4cc"]]);
4
+ const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1bb70c66"]]);
5
5
  export {
6
- p as default
6
+ s as default
7
7
  };
@@ -1,20 +1,20 @@
1
- import { defineComponent as E, inject as N, ref as n, watch as p, computed as x, onMounted as S, createElementBlock as l, openBlock as s, Fragment as j, createElementVNode as u, createBlock as L, createCommentVNode as v, toDisplayString as F, Teleport as I, createVNode as $, Transition as A, withCtx as T, unref as b } from "vue";
2
- import V from "../../../node_modules/linkify-string/dist/linkify-string.js";
3
- import B from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
1
+ import { defineComponent as j, inject as E, ref as n, watch as p, computed as L, onMounted as N, createElementBlock as l, openBlock as s, Fragment as F, createElementVNode as u, createBlock as T, createCommentVNode as v, toDisplayString as I, Teleport as $, createVNode as A, Transition as V, withCtx as b, unref as C } from "vue";
2
+ import B from "../../../node_modules/linkify-string/dist/linkify-string.js";
3
+ import H from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
4
4
  import "../../../hooks/useMessageDraft.js";
5
5
  import "../../../hooks/useSearchModel.js";
6
- import { useTheme as H } from "../../../hooks/useTheme.js";
7
- import { useEmojiNative as D } from "../../../hooks/useEmojiNative.js";
6
+ import { useTheme as D } from "../../../hooks/useTheme.js";
7
+ import { useEmojiNative as O } from "../../../hooks/useEmojiNative.js";
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  import "../../../locale/useLocale.js";
11
11
  /* empty css */
12
12
  import "../../../node_modules/linkifyjs/dist/linkify.js";
13
13
  import "../../../functions/parseMarkdown.js";
14
- import { replaceEmojisInHtml as O } from "../../../functions/renderAppleEmojis.js";
15
- import { isAnimatedSticker as q } from "../StickerMessage/utils/stickerUtils.js";
14
+ import { replaceEmojisInHtml as q } from "../../../functions/renderAppleEmojis.js";
15
+ import { isAnimatedSticker as G } from "../StickerMessage/utils/stickerUtils.js";
16
16
  import "../StickerMessage/utils/suppress-lit-warning.js";
17
- const G = ["src"], R = ["src"], W = ["src", "alt"], z = { class: "sticker-message__text-container" }, J = ["textContent"], K = ["innerHTML"], P = ["src"], Q = ["src"], U = ["src", "alt"], ge = /* @__PURE__ */ E({
17
+ const R = ["src"], W = ["src"], z = ["src", "alt"], J = { class: "sticker-message__text-container" }, K = ["textContent"], P = ["innerHTML"], Q = ["src"], U = ["src"], X = ["src", "alt"], pe = /* @__PURE__ */ j({
18
18
  __name: "ReplyStickerMessage",
19
19
  props: {
20
20
  message: {
@@ -23,8 +23,8 @@ const G = ["src"], R = ["src"], W = ["src", "alt"], z = { class: "sticker-messag
23
23
  }
24
24
  },
25
25
  setup(t) {
26
- const f = N("chatAppId"), { isNative: k } = D(f), { getTheme: y } = H(f), o = n(!1), c = n(!1);
27
- async function h() {
26
+ const f = E("chatAppId"), { isNative: k, emojiSrc: y } = O(f), { getTheme: h } = D(f), o = n(!1), c = n(!1);
27
+ async function w() {
28
28
  if (!(o.value || c.value)) {
29
29
  c.value = !0;
30
30
  try {
@@ -38,17 +38,17 @@ const G = ["src"], R = ["src"], W = ["src", "alt"], z = { class: "sticker-messag
38
38
  }
39
39
  const i = t, d = n(!1), g = n("");
40
40
  p(
41
- [() => i.message.text, k],
41
+ [() => i.message.text, k, y],
42
42
  () => {
43
43
  if (i.message.text) {
44
- let e = V(i.message.text);
45
- k.value || (e = O(e)), g.value = e;
44
+ let e = B(i.message.text);
45
+ k.value || (e = q(e, y.value)), g.value = e;
46
46
  } else
47
47
  g.value = "";
48
48
  },
49
49
  { immediate: !0 }
50
50
  );
51
- const r = x(() => q(i.message.url, i.message.isAnimated)), m = n(!1), w = x(() => {
51
+ const r = L(() => G(i.message.url, i.message.isAnimated)), m = n(!1), _ = L(() => {
52
52
  if (r.value) return !1;
53
53
  const e = String(i.message.url || "").toLowerCase();
54
54
  return !/\.(webp|png|jpe?g|gif|bmp|svg)(\?|#|$)/.test(e);
@@ -60,18 +60,18 @@ const G = ["src"], R = ["src"], W = ["src", "alt"], z = { class: "sticker-messag
60
60
  },
61
61
  { immediate: !0 }
62
62
  ), p(r, (e) => {
63
- e && !o.value && h();
64
- }, { immediate: !0 }), S(() => {
65
- r.value && !o.value && h();
63
+ e && !o.value && w();
64
+ }, { immediate: !0 }), N(() => {
65
+ r.value && !o.value && w();
66
66
  });
67
- function C(e) {
67
+ function M(e) {
68
68
  e.preventDefault(), e.target.href && window.open(e.target.href, "_blank");
69
69
  }
70
- const M = () => d.value = !1;
71
- return (e, a) => (s(), l(j, null, [
70
+ const S = () => d.value = !1;
71
+ return (e, a) => (s(), l(F, null, [
72
72
  u("div", {
73
73
  class: "sticker-message__preview-button",
74
- onClick: a[1] || (a[1] = (_) => d.value = !0)
74
+ onClick: a[1] || (a[1] = (x) => d.value = !0)
75
75
  }, [
76
76
  r.value && o.value ? (s(), l("tgs-player", {
77
77
  key: 0,
@@ -80,7 +80,7 @@ const G = ["src"], R = ["src"], W = ["src", "alt"], z = { class: "sticker-messag
80
80
  autoplay: "",
81
81
  loop: "",
82
82
  mode: "normal"
83
- }, null, 8, G)) : w.value && !m.value ? (s(), l("video", {
83
+ }, null, 8, R)) : _.value && !m.value ? (s(), l("video", {
84
84
  key: 1,
85
85
  class: "sticker-message__preview-image",
86
86
  src: t.message.url,
@@ -89,19 +89,19 @@ const G = ["src"], R = ["src"], W = ["src", "alt"], z = { class: "sticker-messag
89
89
  muted: "",
90
90
  playsinline: "",
91
91
  preload: "metadata",
92
- onError: a[0] || (a[0] = (_) => m.value = !0)
93
- }, null, 40, R)) : (s(), l("img", {
92
+ onError: a[0] || (a[0] = (x) => m.value = !0)
93
+ }, null, 40, W)) : (s(), l("img", {
94
94
  key: 2,
95
95
  class: "sticker-message__preview-image",
96
96
  src: t.message.url,
97
97
  alt: t.message.alt
98
- }, null, 8, W))
98
+ }, null, 8, z))
99
99
  ]),
100
- u("div", z, [
100
+ u("div", J, [
101
101
  t.message.header ? (s(), l("p", {
102
102
  key: 0,
103
- textContent: F(`В ответ ${t.message.header}`)
104
- }, null, 8, J)) : v("", !0),
103
+ textContent: I(`В ответ ${t.message.header}`)
104
+ }, null, 8, K)) : v("", !0),
105
105
  a[3] || (a[3] = u("div", { class: "sticker-message__reply-description" }, [
106
106
  u("span", { class: "pi pi-image" }),
107
107
  u("p", null, "Стикер")
@@ -109,20 +109,20 @@ const G = ["src"], R = ["src"], W = ["src", "alt"], z = { class: "sticker-messag
109
109
  t.message.text ? (s(), l("p", {
110
110
  key: 1,
111
111
  class: "sticker-message__text",
112
- onClick: C,
112
+ onClick: M,
113
113
  innerHTML: g.value
114
- }, null, 8, K)) : v("", !0)
114
+ }, null, 8, P)) : v("", !0)
115
115
  ]),
116
- (s(), L(I, { to: "body" }, [
117
- $(A, { name: "modal-fade" }, {
118
- default: T(() => [
119
- d.value ? (s(), L(B, {
116
+ (s(), T($, { to: "body" }, [
117
+ A(V, { name: "modal-fade" }, {
118
+ default: b(() => [
119
+ d.value ? (s(), T(H, {
120
120
  key: 0,
121
- "data-theme": b(y)().theme ? b(y)().theme : "light",
121
+ "data-theme": C(h)().theme ? C(h)().theme : "light",
122
122
  title: t.message.alt,
123
- onClose: M
123
+ onClose: S
124
124
  }, {
125
- default: T(() => [
125
+ default: b(() => [
126
126
  r.value && o.value ? (s(), l("tgs-player", {
127
127
  key: 0,
128
128
  class: "sticker-message__modal-image-animated",
@@ -130,7 +130,7 @@ const G = ["src"], R = ["src"], W = ["src", "alt"], z = { class: "sticker-messag
130
130
  autoplay: "",
131
131
  loop: "",
132
132
  mode: "normal"
133
- }, null, 8, P)) : w.value && !m.value ? (s(), l("video", {
133
+ }, null, 8, Q)) : _.value && !m.value ? (s(), l("video", {
134
134
  key: 1,
135
135
  class: "sticker-message__modal-image",
136
136
  src: t.message.url,
@@ -139,13 +139,13 @@ const G = ["src"], R = ["src"], W = ["src", "alt"], z = { class: "sticker-messag
139
139
  muted: "",
140
140
  playsinline: "",
141
141
  preload: "metadata",
142
- onError: a[2] || (a[2] = (_) => m.value = !0)
143
- }, null, 40, Q)) : (s(), l("img", {
142
+ onError: a[2] || (a[2] = (x) => m.value = !0)
143
+ }, null, 40, U)) : (s(), l("img", {
144
144
  key: 2,
145
145
  class: "sticker-message__modal-image",
146
146
  src: t.message.url,
147
147
  alt: t.message.alt
148
- }, null, 8, U))
148
+ }, null, 8, X))
149
149
  ]),
150
150
  _: 1
151
151
  }, 8, ["data-theme", "title"])) : v("", !0)
@@ -157,5 +157,5 @@ const G = ["src"], R = ["src"], W = ["src", "alt"], z = { class: "sticker-messag
157
157
  }
158
158
  });
159
159
  export {
160
- ge as default
160
+ pe as default
161
161
  };
@@ -1,7 +1,7 @@
1
1
  import t from "./ChatInput.vue2.js";
2
2
  /* empty css */
3
3
  import o from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-9ff21b69"]]);
4
+ const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-c13af78f"]]);
5
5
  export {
6
- a as default
6
+ r as default
7
7
  };