@mobilon-dev/chotto 0.0.99 → 0.0.101
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.
- package/README.md +2 -2
- package/dist/{CreateDialog-B6jGQRqu.js → CreateDialog-o27tJbMY.js} +1 -1
- package/dist/{ModalVideoRecorder-CFOG3bF2.js → ModalVideoRecorder-DI-hUcNt.js} +1 -1
- package/dist/{SelectUser2-Dh0iT8VG.js → SelectUser2-DQI-YvpZ.js} +1 -1
- package/dist/{index-BQQZ-G-t.js → index-D8nDb3IQ.js} +989 -979
- package/dist/style.css +1 -1
- package/dist/vuessages.es.js +1 -1
- package/dist/vuessages.umd.js +5 -5
- package/package.json +1 -1
@@ -1,4 +1,4 @@
|
|
1
|
-
import { inject as ee, computed as Q, openBlock as r, createElementBlock as u, createElementVNode as o, createCommentVNode as v, toDisplayString as
|
1
|
+
import { inject as ee, computed as Q, openBlock as r, createElementBlock as u, createElementVNode as o, createCommentVNode as v, toDisplayString as T, renderSlot as ne, unref as E, ref as b, customRef as Zf, withKeys as Jn, defineComponent as W, onMounted as ie, withDirectives as ce, vShow as We, createBlock as B, Teleport as Ae, createVNode as F, Transition as X, withCtx as K, watch as G, nextTick as et, vModelText as lt, normalizeClass as O, Fragment as q, renderList as te, normalizeStyle as se, resolveDynamicComponent as Xf, useId as Gn, onUnmounted as Ke, toRef as Ba, vModelRadio as ea, reactive as ta, provide as In, getCurrentInstance as Ra, toRaw as na, onBeforeUnmount as Qa, readonly as $a, resolveComponent as Pt, h as Tf, defineAsyncComponent as Ya, createApp as Pa, withModifiers as kt } from "vue";
|
2
2
|
const Fa = "aaa1rp3bb0ott3vie4c1le2ogado5udhabi7c0ademy5centure6ountant0s9o1tor4d0s1ult4e0g1ro2tna4f0l1rica5g0akhan5ency5i0g1rbus3force5tel5kdn3l0ibaba4pay4lfinanz6state5y2sace3tom5m0azon4ericanexpress7family11x2fam3ica3sterdam8nalytics7droid5quan4z2o0l2partments8p0le4q0uarelle8r0ab1mco4chi3my2pa2t0e3s0da2ia2sociates9t0hleta5torney7u0ction5di0ble3o3spost5thor3o0s4w0s2x0a2z0ure5ba0by2idu3namex4d1k2r0celona5laycard4s5efoot5gains6seball5ketball8uhaus5yern5b0c1t1va3cg1n2d1e0ats2uty4er2ntley5rlin4st0buy5t2f1g1h0arti5i0ble3d1ke2ng0o3o1z2j1lack0friday9ockbuster8g1omberg7ue3m0s1w2n0pparibas9o0ats3ehringer8fa2m1nd2o0k0ing5sch2tik2on4t1utique6x2r0adesco6idgestone9oadway5ker3ther5ussels7s1t1uild0ers6siness6y1zz3v1w1y1z0h3ca0b1fe2l0l1vinklein9m0era3p2non3petown5ital0one8r0avan4ds2e0er0s4s2sa1e1h1ino4t0ering5holic7ba1n1re3c1d1enter4o1rn3f0a1d2g1h0anel2nel4rity4se2t2eap3intai5ristmas6ome4urch5i0priani6rcle4sco3tadel4i0c2y3k1l0aims4eaning6ick2nic1que6othing5ud3ub0med6m1n1o0ach3des3ffee4llege4ogne5m0mbank4unity6pany2re3uter5sec4ndos3struction8ulting7tact3ractors9oking4l1p2rsica5untry4pon0s4rses6pa2r0edit0card4union9icket5own3s1uise0s6u0isinella9v1w1x1y0mru3ou3z2dad1nce3ta1e1ing3sun4y2clk3ds2e0al0er2s3gree4livery5l1oitte5ta3mocrat6ntal2ist5si0gn4v2hl2iamonds6et2gital5rect0ory7scount3ver5h2y2j1k1m1np2o0cs1tor4g1mains5t1wnload7rive4tv2ubai3nlop4pont4rban5vag2r2z2earth3t2c0o2deka3u0cation8e1g1mail3erck5nergy4gineer0ing9terprises10pson4quipment8r0icsson6ni3s0q1tate5t1u0rovision8s2vents5xchange6pert3osed4ress5traspace10fage2il1rwinds6th3mily4n0s2rm0ers5shion4t3edex3edback6rrari3ero6i0delity5o2lm2nal1nce1ial7re0stone6mdale6sh0ing5t0ness6j1k1lickr3ghts4r2orist4wers5y2m1o0o0d1tball6rd1ex2sale4um3undation8x2r0ee1senius7l1ogans4ntier7tr2ujitsu5n0d2rniture7tbol5yi3ga0l0lery3o1up4me0s3p1rden4y2b0iz3d0n2e0a1nt0ing5orge5f1g0ee3h1i0ft0s3ves2ing5l0ass3e1obal2o4m0ail3bh2o1x2n1odaddy5ld0point6f2o0dyear5g0le4p1t1v2p1q1r0ainger5phics5tis4een3ipe3ocery4up4s1t1u0cci3ge2ide2tars5ru3w1y2hair2mburg5ngout5us3bo2dfc0bank7ealth0care8lp1sinki6re1mes5iphop4samitsu7tachi5v2k0t2m1n1ockey4ldings5iday5medepot5goods5s0ense7nda3rse3spital5t0ing5t0els3mail5use3w2r1sbc3t1u0ghes5yatt3undai7ibm2cbc2e1u2d1e0ee3fm2kano4l1m0amat4db2mo0bilien9n0c1dustries8finiti5o2g1k1stitute6urance4e4t0ernational10uit4vestments10o1piranga7q1r0ish4s0maili5t0anbul7t0au2v3jaguar4va3cb2e0ep2tzt3welry6io2ll2m0p2nj2o0bs1urg4t1y2p0morgan6rs3uegos4niper7kaufen5ddi3e0rryhotels6logistics9properties14fh2g1h1i0a1ds2m1ndle4tchen5wi3m1n1oeln3matsu5sher5p0mg2n2r0d1ed3uokgroup8w1y0oto4z2la0caixa5mborghini8er3ncaster6d0rover6xess5salle5t0ino3robe5w0yer5b1c1ds2ease3clerc5frak4gal2o2xus4gbt3i0dl2fe0insurance9style7ghting6ke2lly3mited4o2ncoln4k2psy3ve1ing5k1lc1p2oan0s3cker3us3l1ndon4tte1o3ve3pl0financial11r1s1t0d0a3u0ndbeck6xe1ury5v1y2ma0drid4if1son4keup4n0agement7go3p1rket0ing3s4riott5shalls7ttel5ba2c0kinsey7d1e0d0ia3et2lbourne7me1orial6n0u2rckmsd7g1h1iami3crosoft7l1ni1t2t0subishi9k1l0b1s2m0a2n1o0bi0le4da2e1i1m1nash3ey2ster5rmon3tgage6scow4to0rcycles9v0ie4p1q1r1s0d2t0n1r2u0seum3ic4v1w1x1y1z2na0b1goya4me2vy3ba2c1e0c1t0bank4flix4work5ustar5w0s2xt0direct7us4f0l2g0o2hk2i0co2ke1on3nja3ssan1y5l1o0kia3rton4w0ruz3tv4p1r0a1w2tt2u1yc2z2obi1server7ffice5kinawa6layan0group9lo3m0ega4ne1g1l0ine5oo2pen3racle3nge4g0anic5igins6saka4tsuka4t2vh3pa0ge2nasonic7ris2s1tners4s1y3y2ccw3e0t2f0izer5g1h0armacy6d1ilips5one2to0graphy6s4ysio5ics1tet2ures6d1n0g1k2oneer5zza4k1l0ace2y0station9umbing5s3m1n0c2ohl2ker3litie5rn2st3r0america6xi3ess3ime3o0d0uctions8f1gressive8mo2perties3y5tection8u0dential9s1t1ub2w0c2y2qa1pon3uebec3st5racing4dio4e0ad1lestate6tor2y4cipes5d0stone5umbrella9hab3ise0n3t2liance6n0t0als5pair3ort3ublican8st0aurant8view0s5xroth6ich0ardli6oh3l1o1p2o0cks3deo3gers4om3s0vp3u0gby3hr2n2w0e2yukyu6sa0arland6fe0ty4kura4le1on3msclub4ung5ndvik0coromant12ofi4p1rl2s1ve2xo3b0i1s2c0b1haeffler7midt4olarships8ol3ule3warz5ience5ot3d1e0arch3t2cure1ity6ek2lect4ner3rvices6ven3w1x0y3fr2g1h0angrila6rp3ell3ia1ksha5oes2p0ping5uji3w3i0lk2na1gles5te3j1k0i0n2y0pe4l0ing4m0art3ile4n0cf3o0ccer3ial4ftbank4ware6hu2lar2utions7ng1y2y2pa0ce3ort2t3r0l2s1t0ada2ples4r1tebank4farm7c0group6ockholm6rage3e3ream4udio2y3yle4u0cks3pplies3y2ort5rf1gery5zuki5v1watch4iss4x1y0dney4stems6z2tab1ipei4lk2obao4rget4tamotors6r2too4x0i3c0i2d0k2eam2ch0nology8l1masek5nnis4va3f1g1h0d1eater2re6iaa2ckets5enda4ps2res2ol4j0maxx4x2k0maxx5l1m0all4n1o0day3kyo3ols3p1ray3shiba5tal3urs3wn2yota3s3r0ade1ing4ining5vel0ers0insurance16ust3v2t1ube2i1nes3shu4v0s2w1z2ua1bank3s2g1k1nicom3versity8o2ol2ps2s1y1z2va0cations7na1guard7c1e0gas3ntures6risign5mögensberater2ung14sicherung10t2g1i0ajes4deo3g1king4llas4n1p1rgin4sa1ion4va1o3laanderen9n1odka3lvo3te1ing3o2yage5u2wales2mart4ter4ng0gou5tch0es6eather0channel12bcam3er2site5d0ding5ibo2r3f1hoswho6ien2ki2lliamhill9n0dows4e1ners6me2olterskluwer11odside6rk0s2ld3w2s1tc1f3xbox3erox4ihuan4n2xx2yz3yachts4hoo3maxun5ndex5e1odobashi7ga2kohama6u0tube6t1un3za0ppos4ra3ero3ip2m1one3uerich6w2", qa = "ελ1υ2бг1ел3дети4ею2католик6ом3мкд2он1сква6онлайн5рг3рус2ф2сайт3рб3укр3қаз3հայ3ישראל5קום3ابوظبي5رامكو5لاردن4بحرين5جزائر5سعودية6عليان5مغرب5مارات5یران5بارت2زار4يتك3ھارت5تونس4سودان3رية5شبكة4عراق2ب2مان4فلسطين6قطر3كاثوليك6وم3مصر2ليسيا5وريتانيا7قع4همراه5پاکستان7ڀارت4कॉम3नेट3भारत0म्3ोत5संगठन5বাংলা5ভারত2ৰত4ਭਾਰਤ4ભારત4ଭାରତ4இந்தியா6லங்கை6சிங்கப்பூர்11భారత్5ಭಾರತ4ഭാരതം5ලංකා4คอม3ไทย3ລາວ3გე2みんな3アマゾン4クラウド4グーグル4コム2ストア3セール3ファッション6ポイント4世界2中信1国1國1文网3亚马逊3企业2佛山2信息2健康2八卦2公司1益2台湾1灣2商城1店1标2嘉里0大酒店5在线2大拿2天主教3娱乐2家電2广东2微博2慈善2我爱你3手机2招聘2政务1府2新加坡2闻2时尚2書籍2机构2淡马锡3游戏2澳門2点看2移动2组织机构4网址1店1站1络2联通2谷歌2购物2通販2集团2電訊盈科4飞利浦3食品2餐厅2香格里拉3港2닷넷1컴2삼성2한국2", tt = (e, t) => {
|
3
3
|
for (const n in t)
|
4
4
|
e[n] = t[n];
|
@@ -144,7 +144,7 @@ me.prototype = {
|
|
144
144
|
return a.j[e] = i, i;
|
145
145
|
}
|
146
146
|
};
|
147
|
-
const P = (e, t, n, f, a) => e.ta(t, n, f, a), ae = (e, t, n, f, a) => e.tr(t, n, f, a), jf = (e, t, n, f, a) => e.ts(t, n, f, a),
|
147
|
+
const P = (e, t, n, f, a) => e.ta(t, n, f, a), ae = (e, t, n, f, a) => e.tr(t, n, f, a), jf = (e, t, n, f, a) => e.ts(t, n, f, a), D = (e, t, n, f, a) => e.tt(t, n, f, a), Ce = "WORD", Yn = "UWORD", aa = "ASCIINUMERICAL", sa = "ALPHANUMERICAL", Nt = "LOCALHOST", Pn = "TLD", Fn = "UTLD", Ft = "SCHEME", Xe = "SLASH_SCHEME", Zn = "NUM", qn = "WS", Xn = "NL", vt = "OPENBRACE", yt = "CLOSEBRACE", Wt = "OPENBRACKET", Kt = "CLOSEBRACKET", Jt = "OPENPAREN", Gt = "CLOSEPAREN", Zt = "OPENANGLEBRACKET", Xt = "CLOSEANGLEBRACKET", en = "FULLWIDTHLEFTPAREN", tn = "FULLWIDTHRIGHTPAREN", nn = "LEFTCORNERBRACKET", fn = "RIGHTCORNERBRACKET", an = "LEFTWHITECORNERBRACKET", sn = "RIGHTWHITECORNERBRACKET", on = "FULLWIDTHLESSTHAN", ln = "FULLWIDTHGREATERTHAN", rn = "AMPERSAND", ef = "APOSTROPHE", An = "ASTERISK", Ue = "AT", cn = "BACKSLASH", un = "BACKTICK", dn = "CARET", Be = "COLON", tf = "COMMA", gn = "DOLLAR", De = "DOT", mn = "EQUALS", nf = "EXCLAMATION", ye = "HYPHEN", bt = "PERCENT", pn = "PIPE", hn = "PLUS", vn = "POUND", Mt = "QUERY", ff = "QUOTE", ia = "FULLWIDTHMIDDLEDOT", af = "SEMI", Ee = "SLASH", _t = "TILDE", yn = "UNDERSCORE", oa = "EMOJI", bn = "SYM";
|
148
148
|
var la = /* @__PURE__ */ Object.freeze({
|
149
149
|
__proto__: null,
|
150
150
|
WORD: Ce,
|
@@ -210,7 +210,7 @@ function Xa(e = []) {
|
|
210
210
|
const t = {};
|
211
211
|
me.groups = t;
|
212
212
|
const n = new me();
|
213
|
-
Bt == null && (Bt = Vf(Fa)), Rt == null && (Rt = Vf(qa)),
|
213
|
+
Bt == null && (Bt = Vf(Fa)), Rt == null && (Rt = Vf(qa)), D(n, "'", ef), D(n, "{", vt), D(n, "}", yt), D(n, "[", Wt), D(n, "]", Kt), D(n, "(", Jt), D(n, ")", Gt), D(n, "<", Zt), D(n, ">", Xt), D(n, "(", en), D(n, ")", tn), D(n, "「", nn), D(n, "」", fn), D(n, "『", an), D(n, "』", sn), D(n, "<", on), D(n, ">", ln), D(n, "&", rn), D(n, "*", An), D(n, "@", Ue), D(n, "`", un), D(n, "^", dn), D(n, ":", Be), D(n, ",", tf), D(n, "$", gn), D(n, ".", De), D(n, "=", mn), D(n, "!", nf), D(n, "-", ye), D(n, "%", bt), D(n, "|", pn), D(n, "+", hn), D(n, "#", vn), D(n, "?", Mt), D(n, '"', ff), D(n, "/", Ee), D(n, ";", af), D(n, "~", _t), D(n, "_", yn), D(n, "\\", cn), D(n, "・", ia);
|
214
214
|
const f = ae(n, Se, Zn, {
|
215
215
|
[Bn]: !0
|
216
216
|
});
|
@@ -227,20 +227,20 @@ function Xa(e = []) {
|
|
227
227
|
[Qn]: !0
|
228
228
|
});
|
229
229
|
ae(l, Ve), ae(l, Se, s), ae(l, ut, l), ae(s, Se, s), ae(s, Ve), ae(s, ut, s);
|
230
|
-
const c =
|
230
|
+
const c = D(n, Vn, Xn, {
|
231
231
|
[Tn]: !0
|
232
|
-
}), A =
|
232
|
+
}), A = D(n, xf, qn, {
|
233
233
|
[Tn]: !0
|
234
|
-
}),
|
234
|
+
}), d = ae(n, xn, qn, {
|
235
235
|
[Tn]: !0
|
236
236
|
});
|
237
|
-
|
238
|
-
const
|
237
|
+
D(n, Sn, d), D(A, Vn, c), D(A, Sn, d), ae(A, xn, d), D(d, xf), D(d, Vn), ae(d, xn, d), D(d, Sn, d);
|
238
|
+
const g = ae(n, jn, oa, {
|
239
239
|
[fa]: !0
|
240
240
|
});
|
241
|
-
|
242
|
-
const m =
|
243
|
-
|
241
|
+
D(g, "#"), ae(g, jn, g), D(g, Ga, g);
|
242
|
+
const m = D(g, Za);
|
243
|
+
D(m, "#"), ae(m, jn, g);
|
244
244
|
const M = [[Ve, i], [Se, a]], p = [[Ve, null], [ut, l], [Se, s]];
|
245
245
|
for (let y = 0; y < Bt.length; y++)
|
246
246
|
Le(n, Bt[y], Pn, Ce, M);
|
@@ -260,12 +260,12 @@ function Xa(e = []) {
|
|
260
260
|
ascii: !0
|
261
261
|
}, t), e = e.sort((y, h) => y[0] > h[0] ? 1 : -1);
|
262
262
|
for (let y = 0; y < e.length; y++) {
|
263
|
-
const h = e[y][0],
|
263
|
+
const h = e[y][0], S = e[y][1] ? {
|
264
264
|
[Ha]: !0
|
265
265
|
} : {
|
266
266
|
[Wa]: !0
|
267
267
|
};
|
268
|
-
h.indexOf("-") >= 0 ?
|
268
|
+
h.indexOf("-") >= 0 ? S[$n] = !0 : Ve.test(h) ? Se.test(h) ? S[ht] = !0 : S[Rn] = !0 : S[Bn] = !0, jf(n, h, h, S);
|
269
269
|
}
|
270
270
|
return jf(n, "localhost", Nt, {
|
271
271
|
ascii: !0
|
@@ -280,11 +280,11 @@ function ra(e, t) {
|
|
280
280
|
const n = es(t.replace(/[A-Z]/g, (l) => l.toLowerCase())), f = n.length, a = [];
|
281
281
|
let s = 0, i = 0;
|
282
282
|
for (; i < f; ) {
|
283
|
-
let l = e, c = null, A = 0,
|
283
|
+
let l = e, c = null, A = 0, d = null, g = -1, m = -1;
|
284
284
|
for (; i < f && (c = l.go(n[i])); )
|
285
|
-
l = c, l.accepts() ? (
|
286
|
-
s -=
|
287
|
-
t:
|
285
|
+
l = c, l.accepts() ? (g = 0, m = 0, d = l) : g >= 0 && (g += n[i].length, m++), A += n[i].length, s += n[i].length, i++;
|
286
|
+
s -= g, i -= m, A -= g, a.push({
|
287
|
+
t: d.t,
|
288
288
|
// token type/name
|
289
289
|
v: t.slice(s - A, s),
|
290
290
|
// string value
|
@@ -518,12 +518,12 @@ Aa.prototype = {
|
|
518
518
|
* @param {Options} options Formattinng options
|
519
519
|
*/
|
520
520
|
render(e) {
|
521
|
-
const t = this, n = this.toHref(e.get("defaultProtocol")), f = e.get("formatHref", n, this), a = e.get("tagName", n, t), s = this.toFormattedString(e), i = {}, l = e.get("className", n, t), c = e.get("target", n, t), A = e.get("rel", n, t),
|
522
|
-
return i.href = f, l && (i.class = l), c && (i.target = c), A && (i.rel = A),
|
521
|
+
const t = this, n = this.toHref(e.get("defaultProtocol")), f = e.get("formatHref", n, this), a = e.get("tagName", n, t), s = this.toFormattedString(e), i = {}, l = e.get("className", n, t), c = e.get("target", n, t), A = e.get("rel", n, t), d = e.getObj("attributes", n, t), g = e.getObj("events", n, t);
|
522
|
+
return i.href = f, l && (i.class = l), c && (i.target = c), A && (i.rel = A), d && tt(i, d), {
|
523
523
|
tagName: a,
|
524
524
|
attributes: i,
|
525
525
|
content: s,
|
526
|
-
eventListeners:
|
526
|
+
eventListeners: g
|
527
527
|
};
|
528
528
|
}
|
529
529
|
};
|
@@ -566,35 +566,35 @@ const Cf = wn("email", {
|
|
566
566
|
function ns({
|
567
567
|
groups: e
|
568
568
|
}) {
|
569
|
-
const t = e.domain.concat([rn, An, Ue, cn, un, dn, gn, mn, ye, Zn, bt, pn, hn, vn, Ee, bn, _t, yn]), n = [Be, tf, De, nf, bt, Mt, ff, af, Zt, Xt, vt, yt, Kt, Wt, Jt, Gt, en, tn, nn, fn, an, sn, on, ln], f = [rn, ef, An, cn, un, dn, gn, mn, ye, vt, yt, bt, pn, hn, vn, Mt, Ee, bn, _t, yn], a = ve(), s =
|
569
|
+
const t = e.domain.concat([rn, An, Ue, cn, un, dn, gn, mn, ye, Zn, bt, pn, hn, vn, Ee, bn, _t, yn]), n = [Be, tf, De, nf, bt, Mt, ff, af, Zt, Xt, vt, yt, Kt, Wt, Jt, Gt, en, tn, nn, fn, an, sn, on, ln], f = [rn, ef, An, cn, un, dn, gn, mn, ye, vt, yt, bt, pn, hn, vn, Mt, Ee, bn, _t, yn], a = ve(), s = D(a, _t);
|
570
570
|
P(s, f, s), P(s, e.domain, s);
|
571
571
|
const i = ve(), l = ve(), c = ve();
|
572
572
|
P(a, e.domain, i), P(a, e.scheme, l), P(a, e.slashscheme, c), P(i, f, s), P(i, e.domain, i);
|
573
|
-
const A =
|
574
|
-
|
575
|
-
const
|
576
|
-
P(
|
577
|
-
const
|
578
|
-
P(A, e.domain,
|
579
|
-
const m =
|
580
|
-
P(m, e.domain,
|
573
|
+
const A = D(i, Ue);
|
574
|
+
D(s, Ue, A), D(l, Ue, A), D(c, Ue, A);
|
575
|
+
const d = D(s, De);
|
576
|
+
P(d, f, s), P(d, e.domain, s);
|
577
|
+
const g = ve();
|
578
|
+
P(A, e.domain, g), P(g, e.domain, g);
|
579
|
+
const m = D(g, De);
|
580
|
+
P(m, e.domain, g);
|
581
581
|
const M = ve(Cf);
|
582
|
-
P(m, e.tld, M), P(m, e.utld, M),
|
583
|
-
const p =
|
584
|
-
|
585
|
-
const y =
|
582
|
+
P(m, e.tld, M), P(m, e.utld, M), D(A, Nt, M);
|
583
|
+
const p = D(g, ye);
|
584
|
+
D(p, ye, p), P(p, e.domain, g), P(M, e.domain, g), D(M, De, m), D(M, ye, p);
|
585
|
+
const y = D(M, Be);
|
586
586
|
P(y, e.numeric, Cf);
|
587
|
-
const h =
|
588
|
-
|
589
|
-
const
|
590
|
-
P(
|
591
|
-
const j =
|
592
|
-
P(j, e.numeric,
|
593
|
-
const
|
594
|
-
P(
|
595
|
-
const C =
|
596
|
-
P(l, e.domain, i),
|
597
|
-
const
|
587
|
+
const h = D(i, ye), V = D(i, De);
|
588
|
+
D(h, ye, h), P(h, e.domain, i), P(V, f, s), P(V, e.domain, i);
|
589
|
+
const S = ve(Qt);
|
590
|
+
P(V, e.tld, S), P(V, e.utld, S), P(S, e.domain, i), P(S, f, s), D(S, De, V), D(S, ye, h), D(S, Ue, A);
|
591
|
+
const j = D(S, Be), L = ve(Qt);
|
592
|
+
P(j, e.numeric, L);
|
593
|
+
const _ = ve(Qt), x = ve();
|
594
|
+
P(_, t, _), P(_, n, x), P(x, t, _), P(x, n, x), D(S, Ee, _), D(L, Ee, _);
|
595
|
+
const C = D(l, Be), k = D(c, Be), N = D(k, Ee), w = D(N, Ee);
|
596
|
+
P(l, e.domain, i), D(l, De, V), D(l, ye, h), P(c, e.domain, i), D(c, De, V), D(c, ye, h), P(C, e.domain, _), D(C, Ee, _), D(C, Mt, _), P(w, e.domain, _), P(w, t, _), D(w, Ee, _);
|
597
|
+
const I = [
|
598
598
|
[vt, yt],
|
599
599
|
// {}
|
600
600
|
[Wt, Kt],
|
@@ -612,15 +612,15 @@ function ns({
|
|
612
612
|
[on, ln]
|
613
613
|
// <>
|
614
614
|
];
|
615
|
-
for (let U = 0; U <
|
616
|
-
const [$, J] =
|
617
|
-
|
615
|
+
for (let U = 0; U < I.length; U++) {
|
616
|
+
const [$, J] = I[U], le = D(_, $);
|
617
|
+
D(x, $, le), D(le, J, _);
|
618
618
|
const Z = ve(Qt);
|
619
|
-
P(
|
619
|
+
P(le, t, Z);
|
620
620
|
const fe = ve();
|
621
|
-
P(
|
621
|
+
P(le, n), P(Z, t, Z), P(Z, n, fe), P(fe, t, Z), P(fe, n, fe), D(Z, J, _), D(fe, J, _);
|
622
622
|
}
|
623
|
-
return
|
623
|
+
return D(a, Nt, S), D(a, Xn, ts), {
|
624
624
|
start: a,
|
625
625
|
tokens: la
|
626
626
|
};
|
@@ -628,16 +628,16 @@ function ns({
|
|
628
628
|
function fs(e, t, n) {
|
629
629
|
let f = n.length, a = 0, s = [], i = [];
|
630
630
|
for (; a < f; ) {
|
631
|
-
let l = e, c = null, A = null,
|
631
|
+
let l = e, c = null, A = null, d = 0, g = null, m = -1;
|
632
632
|
for (; a < f && !(c = l.go(n[a].t)); )
|
633
633
|
i.push(n[a++]);
|
634
634
|
for (; a < f && (A = c || l.go(n[a].t)); )
|
635
|
-
c = null, l = A, l.accepts() ? (m = 0,
|
635
|
+
c = null, l = A, l.accepts() ? (m = 0, g = l) : m >= 0 && m++, a++, d++;
|
636
636
|
if (m < 0)
|
637
|
-
a -=
|
637
|
+
a -= d, a < f && (i.push(n[a]), a++);
|
638
638
|
else {
|
639
|
-
i.length > 0 && (s.push(Cn(zf, t, i)), i = []), a -= m,
|
640
|
-
const M =
|
639
|
+
i.length > 0 && (s.push(Cn(zf, t, i)), i = []), a -= m, d -= m;
|
640
|
+
const M = g.t, p = n.slice(a - d, a);
|
641
641
|
s.push(Cn(M, t, p));
|
642
642
|
}
|
643
643
|
}
|
@@ -768,8 +768,8 @@ const R = (e, t) => {
|
|
768
768
|
}, null, 8, cs)) : (r(), u("span", us))
|
769
769
|
]),
|
770
770
|
o("div", ds, [
|
771
|
-
o("h2", gs,
|
772
|
-
s.value ? (r(), u("p", ms,
|
771
|
+
o("h2", gs, T(e.chat.name), 1),
|
772
|
+
s.value ? (r(), u("p", ms, T(s.value), 1)) : v("", !0)
|
773
773
|
]),
|
774
774
|
o("div", ps, [
|
775
775
|
ne(i.$slots, "actions", {}, void 0, !0)
|
@@ -777,7 +777,7 @@ const R = (e, t) => {
|
|
777
777
|
]),
|
778
778
|
o("div", {
|
779
779
|
class: "chat-info__search-panel",
|
780
|
-
id: "chat-info-search-panel-" +
|
780
|
+
id: "chat-info-search-panel-" + E(a)
|
781
781
|
}, [
|
782
782
|
ne(i.$slots, "search", {}, void 0, !0)
|
783
783
|
], 8, hs)
|
@@ -987,7 +987,7 @@ const ga = (e) => {
|
|
987
987
|
class: "modal__overlay",
|
988
988
|
onClick: s,
|
989
989
|
onKeyup: l[1] || (l[1] = Jn((c) => n("close"), ["esc"])),
|
990
|
-
"data-theme":
|
990
|
+
"data-theme": E(a)().theme
|
991
991
|
}, [
|
992
992
|
o("div", Ns, [
|
993
993
|
o("button", {
|
@@ -1025,14 +1025,14 @@ const ga = (e) => {
|
|
1025
1025
|
emits: ["reset"],
|
1026
1026
|
setup(e, { emit: t }) {
|
1027
1027
|
const n = t, f = b(), a = b(), s = b(!1), i = b(0), l = b(0), c = b(!1), A = () => c.value = !1;
|
1028
|
-
function
|
1028
|
+
function d() {
|
1029
1029
|
f.value && (s.value ? f.value.pause() : f.value.play(), s.value = !s.value);
|
1030
1030
|
}
|
1031
|
-
const
|
1031
|
+
const g = (p) => {
|
1032
1032
|
const y = Math.floor(p / 60), h = Math.floor(p % 60);
|
1033
1033
|
return `${y.toString().padStart(2, "0")}:${h.toString().padStart(2, "0")}`;
|
1034
|
-
}, m = Q(() => f.value ?
|
1035
|
-
return
|
1034
|
+
}, m = Q(() => f.value ? g(l.value) : "0:00"), M = Q(() => f.value || a.value ? g(i.value) : "0:00");
|
1035
|
+
return ie(() => {
|
1036
1036
|
f.value != null && (f.value.addEventListener("loadedmetadata", () => {
|
1037
1037
|
f.value != null && (f.value.duration == 1 / 0 || Number.isNaN(f.value.duration)) && (f.value.currentTime = 1e101, f.value.addEventListener("timeupdate", () => {
|
1038
1038
|
f.value && (f.value.currentTime = 0, i.value = f.value.duration);
|
@@ -1085,12 +1085,12 @@ const ga = (e) => {
|
|
1085
1085
|
}, null, 8, Ss),
|
1086
1086
|
o("button", {
|
1087
1087
|
class: "preview__audio-control",
|
1088
|
-
onClick:
|
1088
|
+
onClick: d
|
1089
1089
|
}, [
|
1090
|
-
|
1090
|
+
ce(o("span", Cs, null, 512), [
|
1091
1091
|
[We, !s.value]
|
1092
1092
|
]),
|
1093
|
-
|
1093
|
+
ce(o("span", zs, null, 512), [
|
1094
1094
|
[We, s.value]
|
1095
1095
|
])
|
1096
1096
|
])
|
@@ -1103,10 +1103,10 @@ const ga = (e) => {
|
|
1103
1103
|
]),
|
1104
1104
|
o("div", Ls, [
|
1105
1105
|
o("div", Us, [
|
1106
|
-
o("span", Bs,
|
1107
|
-
!e.fileInfo.isAudio && !e.fileInfo.isVideo ? (r(), u("span", Rs,
|
1108
|
-
e.fileInfo.isAudio ? (r(), u("span", Qs,
|
1109
|
-
e.fileInfo.isVideo ? (r(), u("span", $s,
|
1106
|
+
o("span", Bs, T(e.fileInfo.fileName), 1),
|
1107
|
+
!e.fileInfo.isAudio && !e.fileInfo.isVideo ? (r(), u("span", Rs, T(e.fileInfo.fileSize), 1)) : v("", !0),
|
1108
|
+
e.fileInfo.isAudio ? (r(), u("span", Qs, T(`${m.value} / ${M.value}`), 1)) : v("", !0),
|
1109
|
+
e.fileInfo.isVideo ? (r(), u("span", $s, T(M.value), 1)) : v("", !0)
|
1110
1110
|
]),
|
1111
1111
|
o("span", {
|
1112
1112
|
class: "pi pi-times preview__reset",
|
@@ -1114,7 +1114,7 @@ const ga = (e) => {
|
|
1114
1114
|
onClick: y[2] || (y[2] = (h) => n("reset"))
|
1115
1115
|
})
|
1116
1116
|
]),
|
1117
|
-
(r(), B(
|
1117
|
+
(r(), B(Ae, { to: "body" }, [
|
1118
1118
|
F(X, { name: "modal-fade" }, {
|
1119
1119
|
default: K(() => [
|
1120
1120
|
c.value ? (r(), B(lf, {
|
@@ -1163,7 +1163,7 @@ const ga = (e) => {
|
|
1163
1163
|
},
|
1164
1164
|
emits: ["send", "typing"],
|
1165
1165
|
setup(e, { emit: t }) {
|
1166
|
-
const n = t, f = ee("chatAppId"), { resetMessage: a, getMessage: s, setMessageText: i, setForceSendMessage: l, setMessageFile: c, resetMessageFile: A, setRecordingMessage:
|
1166
|
+
const n = t, f = ee("chatAppId"), { resetMessage: a, getMessage: s, setMessageText: i, setForceSendMessage: l, setMessageFile: c, resetMessageFile: A, setRecordingMessage: d } = Ie(f), g = b(), m = Is("", 2e3), M = b(), p = e, y = Q(() => {
|
1167
1167
|
if (p.state == "disabled" || s().text == "" && !s().file || s().isRecording) return !0;
|
1168
1168
|
});
|
1169
1169
|
G(
|
@@ -1175,8 +1175,8 @@ const ga = (e) => {
|
|
1175
1175
|
() => p.focusOnInputArea,
|
1176
1176
|
() => {
|
1177
1177
|
p.focusOnInputArea && et(() => {
|
1178
|
-
const
|
1179
|
-
|
1178
|
+
const _ = E(g);
|
1179
|
+
_ == null || _.focus();
|
1180
1180
|
});
|
1181
1181
|
},
|
1182
1182
|
{ immediate: !0 }
|
@@ -1184,31 +1184,31 @@ const ga = (e) => {
|
|
1184
1184
|
() => s().text,
|
1185
1185
|
() => {
|
1186
1186
|
et(function() {
|
1187
|
-
m.value = s().text,
|
1187
|
+
m.value = s().text, g.value && (g.value.style.height = "auto", g.value.style.height = g.value.scrollHeight + "px");
|
1188
1188
|
});
|
1189
1189
|
}
|
1190
1190
|
), G(
|
1191
1191
|
() => s().forceSend,
|
1192
1192
|
() => {
|
1193
|
-
s().forceSend && (
|
1193
|
+
s().forceSend && (S(), l(!1));
|
1194
1194
|
}
|
1195
1195
|
);
|
1196
|
-
const h = (
|
1197
|
-
n("typing",
|
1198
|
-
},
|
1199
|
-
if (
|
1200
|
-
if (
|
1201
|
-
let
|
1202
|
-
|
1203
|
-
`,
|
1196
|
+
const h = (_) => {
|
1197
|
+
n("typing", _.target.value);
|
1198
|
+
}, V = (_) => {
|
1199
|
+
if (_.ctrlKey) {
|
1200
|
+
if (g.value instanceof HTMLTextAreaElement) {
|
1201
|
+
let x = g.value.selectionStart;
|
1202
|
+
x && (g.value.setRangeText(`
|
1203
|
+
`, x, x, "end"), i(g.value.value));
|
1204
1204
|
}
|
1205
1205
|
} else
|
1206
|
-
|
1207
|
-
},
|
1208
|
-
var
|
1209
|
-
const
|
1210
|
-
if (
|
1211
|
-
const
|
1206
|
+
_.preventDefault(), S();
|
1207
|
+
}, S = () => {
|
1208
|
+
var x, C;
|
1209
|
+
const _ = b(s());
|
1210
|
+
if (_.value.text != "" || _.value.file) {
|
1211
|
+
const k = {
|
1212
1212
|
type: "",
|
1213
1213
|
text: "",
|
1214
1214
|
url: "",
|
@@ -1216,83 +1216,83 @@ const ga = (e) => {
|
|
1216
1216
|
size: "",
|
1217
1217
|
reply: void 0
|
1218
1218
|
};
|
1219
|
-
|
1219
|
+
_.value.file ? (k.type = "message." + _.value.file.type, k.url = _.value.file.url, k.filename = _.value.file.name, k.size = (x = _.value.file.size) == null ? void 0 : x.toString(), k.text = (C = _ == null ? void 0 : _.value) == null ? void 0 : C.text.trim()) : (k.type = "message.text", k.text = _.value.text.trim()), _.value.reply && (k.reply = _.value.reply), n("send", k), a(), M.value = void 0, g.value && g.value.focus();
|
1220
1220
|
}
|
1221
|
-
}, j = async (
|
1221
|
+
}, j = async (_) => {
|
1222
1222
|
var C;
|
1223
|
-
const
|
1224
|
-
if (
|
1225
|
-
for (let
|
1226
|
-
if (
|
1227
|
-
|
1228
|
-
const
|
1229
|
-
if (
|
1230
|
-
|
1231
|
-
const
|
1232
|
-
await xt(
|
1233
|
-
|
1234
|
-
url:
|
1235
|
-
name:
|
1236
|
-
size:
|
1237
|
-
type:
|
1238
|
-
}),
|
1239
|
-
previewUrl:
|
1240
|
-
isImage:
|
1241
|
-
isVideo:
|
1242
|
-
isAudio:
|
1243
|
-
fileName:
|
1244
|
-
fileSize:
|
1223
|
+
const x = (C = _.clipboardData) == null ? void 0 : C.items;
|
1224
|
+
if (x) {
|
1225
|
+
for (let k of x)
|
1226
|
+
if (k.type.indexOf("image") !== -1) {
|
1227
|
+
_.preventDefault();
|
1228
|
+
const N = k.getAsFile();
|
1229
|
+
if (N) {
|
1230
|
+
d(!0);
|
1231
|
+
const w = typeof p.filebumpUrl == "string" ? p.filebumpUrl : null;
|
1232
|
+
await xt(w, N).then((I) => {
|
1233
|
+
d(!1), I.status == "success" && (c({
|
1234
|
+
url: I.url,
|
1235
|
+
name: I.name,
|
1236
|
+
size: I.size,
|
1237
|
+
type: I.type
|
1238
|
+
}), I.preview && (M.value = {
|
1239
|
+
previewUrl: I.preview.previewUrl,
|
1240
|
+
isImage: I.preview.isImage,
|
1241
|
+
isVideo: I.preview.isVideo,
|
1242
|
+
isAudio: I.preview.isAudio,
|
1243
|
+
fileName: I.name,
|
1244
|
+
fileSize: I.preview.fileSize
|
1245
1245
|
}));
|
1246
1246
|
});
|
1247
1247
|
}
|
1248
1248
|
}
|
1249
1249
|
}
|
1250
|
-
},
|
1250
|
+
}, L = () => {
|
1251
1251
|
A(), M.value = void 0;
|
1252
1252
|
};
|
1253
|
-
return
|
1253
|
+
return ie(() => {
|
1254
1254
|
window.addEventListener("paste", j);
|
1255
|
-
}), (
|
1255
|
+
}), (_, x) => (r(), u("div", qs, [
|
1256
1256
|
o("div", {
|
1257
|
-
id: "chat-input-reply-line-" +
|
1257
|
+
id: "chat-input-reply-line-" + E(f),
|
1258
1258
|
class: "chat-input__reply-line"
|
1259
1259
|
}, null, 8, Hs),
|
1260
1260
|
o("div", {
|
1261
|
-
id: "chat-input-file-line-" +
|
1261
|
+
id: "chat-input-file-line-" + E(f),
|
1262
1262
|
class: "chat-input__file-line"
|
1263
1263
|
}, null, 8, Ws),
|
1264
1264
|
o("div", Ks, [
|
1265
|
-
|
1266
|
-
disabled: e.state == "disabled" ||
|
1265
|
+
ce(o("textarea", {
|
1266
|
+
disabled: e.state == "disabled" || E(s)().isRecording,
|
1267
1267
|
ref_key: "refInput",
|
1268
|
-
ref:
|
1269
|
-
"onUpdate:modelValue":
|
1268
|
+
ref: g,
|
1269
|
+
"onUpdate:modelValue": x[0] || (x[0] = (C) => E(s)().text = C),
|
1270
1270
|
class: "chat-input__input",
|
1271
|
-
placeholder:
|
1272
|
-
onKeydown: Jn(
|
1271
|
+
placeholder: E(pe)("component.ChatInput.InputPlaceholder"),
|
1272
|
+
onKeydown: Jn(V, ["enter"]),
|
1273
1273
|
onInput: h
|
1274
1274
|
}, null, 40, Js), [
|
1275
|
-
[lt,
|
1275
|
+
[lt, E(s)().text]
|
1276
1276
|
]),
|
1277
1277
|
o("button", {
|
1278
|
-
class:
|
1279
|
-
disabled:
|
1280
|
-
onClick:
|
1281
|
-
},
|
1278
|
+
class: O(["chat-input__button", { "chat-input__button-disabled": y.value }]),
|
1279
|
+
disabled: E(s)().isRecording,
|
1280
|
+
onClick: S
|
1281
|
+
}, x[1] || (x[1] = [
|
1282
1282
|
o("span", { class: "pi pi-send" }, null, -1)
|
1283
1283
|
]), 10, Gs)
|
1284
1284
|
]),
|
1285
1285
|
o("div", Zs, [
|
1286
|
-
ne(
|
1286
|
+
ne(_.$slots, "buttons", {}, void 0, !0)
|
1287
1287
|
]),
|
1288
|
-
|
1288
|
+
E(s)().file ? (r(), B(Ae, {
|
1289
1289
|
key: 0,
|
1290
|
-
to: "#chat-input-file-line-" +
|
1290
|
+
to: "#chat-input-file-line-" + E(f)
|
1291
1291
|
}, [
|
1292
1292
|
M.value ? (r(), B(Vt, {
|
1293
1293
|
key: 0,
|
1294
1294
|
"file-info": M.value,
|
1295
|
-
onReset:
|
1295
|
+
onReset: L
|
1296
1296
|
}, null, 8, ["file-info"])) : v("", !0)
|
1297
1297
|
], 8, ["to"])) : v("", !0)
|
1298
1298
|
]));
|
@@ -1325,23 +1325,23 @@ const ga = (e) => {
|
|
1325
1325
|
const n = e, f = t, a = b(""), s = b(!1), i = b(), l = () => {
|
1326
1326
|
s.value = !1;
|
1327
1327
|
}, c = () => {
|
1328
|
-
const p =
|
1328
|
+
const p = E(i);
|
1329
1329
|
p.scrollHeight - p.scrollTop - p.clientHeight <= 0 && f("loadMoreChats");
|
1330
1330
|
}, A = (p) => {
|
1331
1331
|
n.chats.forEach((h) => {
|
1332
|
-
h.isSelected = !1, h.dialogs && h.dialogs.forEach((
|
1333
|
-
|
1332
|
+
h.isSelected = !1, h.dialogs && h.dialogs.forEach((V) => {
|
1333
|
+
V.isSelected = !1;
|
1334
1334
|
});
|
1335
|
-
}), p.dialog &&
|
1335
|
+
}), p.dialog && d(p.dialog);
|
1336
1336
|
const y = n.chats.find((h) => h.chatId === p.chat.chatId);
|
1337
1337
|
y.isSelected = !0, f("select", p);
|
1338
|
-
},
|
1338
|
+
}, d = (p) => {
|
1339
1339
|
n.chats.forEach((y) => {
|
1340
1340
|
y.isSelected = !1, y.dialogs && y.dialogs.forEach((h) => {
|
1341
1341
|
h.isSelected = !1, h.dialogId == p.dialogId && (h.isSelected = !0);
|
1342
1342
|
});
|
1343
1343
|
});
|
1344
|
-
},
|
1344
|
+
}, g = () => n.chats.toSorted((p, y) => {
|
1345
1345
|
if (Number(p["lastActivity.timestamp"]) > Number(y["lastActivity.timestamp"])) return -1;
|
1346
1346
|
if (Number(p["lastActivity.timestamp"]) < Number(y["lastActivity.timestamp"])) return 1;
|
1347
1347
|
if (Number(p["lastActivity.timestamp"]) == Number(y["lastActivity.timestamp"])) return 0;
|
@@ -1357,7 +1357,7 @@ const ga = (e) => {
|
|
1357
1357
|
class: "chat-list__title-container",
|
1358
1358
|
onMouseleave: l
|
1359
1359
|
}, [
|
1360
|
-
o("h2", ti, E(
|
1360
|
+
o("h2", ti, T(E(pe)("component.ChatList.Title")), 1),
|
1361
1361
|
e.actions.length ? (r(), u("button", {
|
1362
1362
|
key: 0,
|
1363
1363
|
class: "chat-list__button-actions",
|
@@ -1367,7 +1367,7 @@ const ga = (e) => {
|
|
1367
1367
|
])) : v("", !0),
|
1368
1368
|
F(X, null, {
|
1369
1369
|
default: K(() => [
|
1370
|
-
s.value && e.actions ? (r(), B(
|
1370
|
+
s.value && e.actions ? (r(), B(E($e), {
|
1371
1371
|
key: 0,
|
1372
1372
|
actions: e.actions,
|
1373
1373
|
class: "chat-list__context-menu",
|
@@ -1378,7 +1378,7 @@ const ga = (e) => {
|
|
1378
1378
|
})
|
1379
1379
|
], 32),
|
1380
1380
|
ne(p.$slots, "sidebar", {}, void 0, !0),
|
1381
|
-
e.filterEnabled ? (r(), B(
|
1381
|
+
e.filterEnabled ? (r(), B(E(ho), {
|
1382
1382
|
key: 0,
|
1383
1383
|
class: "chat-list__filter",
|
1384
1384
|
onUpdate: m
|
@@ -1390,7 +1390,7 @@ const ga = (e) => {
|
|
1390
1390
|
onScroll: c
|
1391
1391
|
}, [
|
1392
1392
|
o("div", ai, [
|
1393
|
-
(r(!0), u(q, null, te(
|
1393
|
+
(r(!0), u(q, null, te(g().filter((h) => h.isFixedTop), (h) => (r(), B(E(zn), {
|
1394
1394
|
key: h.chatId,
|
1395
1395
|
class: "chat-list__item",
|
1396
1396
|
chat: h,
|
@@ -1399,7 +1399,7 @@ const ga = (e) => {
|
|
1399
1399
|
}, null, 8, ["chat"]))), 128))
|
1400
1400
|
]),
|
1401
1401
|
o("div", si, [
|
1402
|
-
(r(!0), u(q, null, te(
|
1402
|
+
(r(!0), u(q, null, te(g().filter((h) => !h.isFixedBottom && !h.isFixedTop), (h) => (r(), B(E(zn), {
|
1403
1403
|
key: h.chatId,
|
1404
1404
|
class: "chat-list__item",
|
1405
1405
|
chat: h,
|
@@ -1408,7 +1408,7 @@ const ga = (e) => {
|
|
1408
1408
|
}, null, 8, ["chat"]))), 128))
|
1409
1409
|
]),
|
1410
1410
|
o("div", ii, [
|
1411
|
-
(r(!0), u(q, null, te(
|
1411
|
+
(r(!0), u(q, null, te(g().filter((h) => h.isFixedBottom), (h) => (r(), B(E(zn), {
|
1412
1412
|
key: h.chatId,
|
1413
1413
|
class: "chat-list__item",
|
1414
1414
|
chat: h,
|
@@ -1436,9 +1436,9 @@ const ga = (e) => {
|
|
1436
1436
|
(r(!0), u(q, null, te(e.keyboard, (A) => (r(), u("div", {
|
1437
1437
|
class: "keyboard__key",
|
1438
1438
|
style: se({ "box-shadow": "0px 0px 10px 5px " + A.color }),
|
1439
|
-
onClick: (
|
1439
|
+
onClick: (d) => i(A)
|
1440
1440
|
}, [
|
1441
|
-
o("p", null,
|
1441
|
+
o("p", null, T(A.text), 1)
|
1442
1442
|
], 12, ri))), 256))
|
1443
1443
|
]));
|
1444
1444
|
}
|
@@ -1484,15 +1484,15 @@ const ga = (e) => {
|
|
1484
1484
|
"keyboardAction"
|
1485
1485
|
],
|
1486
1486
|
setup(e, { emit: t }) {
|
1487
|
-
const n = b(), f = b(), a = b(), s = b(!1), i = b(!1), l = e, c = ee("chatAppId"), { setReply: A, getMessage:
|
1488
|
-
|
1489
|
-
}, p = (
|
1490
|
-
const
|
1491
|
-
let
|
1492
|
-
a.value && (
|
1493
|
-
const
|
1494
|
-
U <
|
1495
|
-
}, y = (
|
1487
|
+
const n = b(), f = b(), a = b(), s = b(!1), i = b(!1), l = e, c = ee("chatAppId"), { setReply: A, getMessage: d } = Ie(c), g = t, m = Q(() => !!(i.value && l.objects.length > 0 && l.objects[l.objects.length - 1].keyboard)), M = (k) => {
|
1488
|
+
g("keyboardAction", k);
|
1489
|
+
}, p = (k = !0) => {
|
1490
|
+
const N = E(f);
|
1491
|
+
let w = 0;
|
1492
|
+
a.value && (w = a.value.$el.clientHeight);
|
1493
|
+
const I = 100, U = N.scrollHeight - N.scrollTop - N.clientHeight;
|
1494
|
+
U < I + w ? (s.value = !1, i.value = !0) : (s.value = !0, i.value = !1), N.scrollTop === 0 && k && g("loadMore"), U <= 0 && k && g("loadMoreDown");
|
1495
|
+
}, y = (k) => ({
|
1496
1496
|
"message.text": f1,
|
1497
1497
|
"message.image": Wu,
|
1498
1498
|
"message.file": Cu,
|
@@ -1502,15 +1502,15 @@ const ga = (e) => {
|
|
1502
1502
|
"message.system": ld,
|
1503
1503
|
"system.date": T1,
|
1504
1504
|
"message.typing": Gf
|
1505
|
-
})[
|
1505
|
+
})[k];
|
1506
1506
|
function h() {
|
1507
1507
|
et(function() {
|
1508
|
-
const
|
1509
|
-
|
1508
|
+
const k = E(f);
|
1509
|
+
k.scrollTop = k.scrollHeight;
|
1510
1510
|
});
|
1511
1511
|
}
|
1512
|
-
function
|
1513
|
-
|
1512
|
+
function V() {
|
1513
|
+
g("forceScrollToBottom"), h();
|
1514
1514
|
}
|
1515
1515
|
G(
|
1516
1516
|
() => l.scrollToBottom,
|
@@ -1519,70 +1519,70 @@ const ga = (e) => {
|
|
1519
1519
|
},
|
1520
1520
|
{ immediate: !0 }
|
1521
1521
|
);
|
1522
|
-
const
|
1523
|
-
|
1524
|
-
}, j = (
|
1525
|
-
|
1526
|
-
},
|
1527
|
-
l.enableDoubleClickReply && (
|
1528
|
-
messageId:
|
1529
|
-
type:
|
1530
|
-
text:
|
1531
|
-
filename:
|
1532
|
-
url:
|
1522
|
+
const S = (k) => {
|
1523
|
+
g("messageAction", k);
|
1524
|
+
}, j = (k) => {
|
1525
|
+
g("clickRepliedMessage", k);
|
1526
|
+
}, L = (k, N) => {
|
1527
|
+
l.enableDoubleClickReply && (k == null || k.preventDefault(), N.type.indexOf("system") == -1 && N.type.indexOf("typing") == -1 && A({
|
1528
|
+
messageId: N.messageId,
|
1529
|
+
type: N.type,
|
1530
|
+
text: N.text,
|
1531
|
+
filename: N.filename,
|
1532
|
+
url: N.url
|
1533
1533
|
}));
|
1534
|
-
},
|
1535
|
-
|
1536
|
-
|
1534
|
+
}, _ = (k) => {
|
1535
|
+
k.forEach((N) => {
|
1536
|
+
N.isIntersecting && g("messageVisible", JSON.parse(N.target.id));
|
1537
1537
|
});
|
1538
|
-
},
|
1538
|
+
}, x = {
|
1539
1539
|
root: document.getElementById("feed-container-" + c),
|
1540
1540
|
rootMargin: "5px",
|
1541
1541
|
threshold: 0
|
1542
|
-
}, C = new IntersectionObserver(
|
1542
|
+
}, C = new IntersectionObserver(_, x);
|
1543
1543
|
return G(
|
1544
1544
|
() => l.objects,
|
1545
1545
|
() => {
|
1546
1546
|
et(() => {
|
1547
|
-
p(!1), n.value = document.querySelectorAll(".tracking-message"), n.value.forEach((
|
1547
|
+
p(!1), n.value = document.querySelectorAll(".tracking-message"), n.value.forEach((k) => C.observe(k));
|
1548
1548
|
});
|
1549
1549
|
},
|
1550
1550
|
{ immediate: !0 }
|
1551
1551
|
), G(
|
1552
1552
|
() => l.scrollTo,
|
1553
1553
|
() => {
|
1554
|
-
var
|
1554
|
+
var k;
|
1555
1555
|
if (l.scrollTo) {
|
1556
|
-
const
|
1557
|
-
let
|
1558
|
-
|
1556
|
+
const N = l.scrollTo;
|
1557
|
+
let w = document.getElementById(N), I = document.getElementById("feed-container-" + c);
|
1558
|
+
w instanceof HTMLElement && I instanceof HTMLElement && (I.scrollTop = w.offsetTop + w.clientHeight / 2 - I.clientHeight / 2), (k = document.getElementById(N)) == null || k.children[0].classList.add("focused-message"), setTimeout(() => {
|
1559
1559
|
var U;
|
1560
|
-
(U = document.getElementById(
|
1560
|
+
(U = document.getElementById(N)) == null || U.children[0].classList.remove("focused-message");
|
1561
1561
|
}, 2e3);
|
1562
1562
|
}
|
1563
1563
|
}
|
1564
|
-
), (
|
1564
|
+
), (k, N) => (r(), u(q, null, [
|
1565
1565
|
o("div", {
|
1566
1566
|
ref_key: "refFeed",
|
1567
1567
|
ref: f,
|
1568
1568
|
class: "message-feed",
|
1569
|
-
onScroll:
|
1570
|
-
id: "feed-container-" +
|
1569
|
+
onScroll: N[0] || (N[0] = (w) => p()),
|
1570
|
+
id: "feed-container-" + E(c)
|
1571
1571
|
}, [
|
1572
|
-
(r(!0), u(q, null, te(e.objects, (
|
1573
|
-
onDblclick: (
|
1574
|
-
id: JSON.stringify(
|
1572
|
+
(r(!0), u(q, null, te(e.objects, (w) => (r(), u("div", {
|
1573
|
+
onDblclick: (I) => L(I, w),
|
1574
|
+
id: JSON.stringify(w),
|
1575
1575
|
class: "tracking-message"
|
1576
1576
|
}, [
|
1577
|
-
(r(), B(Xf(y(
|
1578
|
-
key:
|
1577
|
+
(r(), B(Xf(y(w.type)), {
|
1578
|
+
key: w.messageId,
|
1579
1579
|
class: "message-feed__message",
|
1580
|
-
message:
|
1581
|
-
onAction:
|
1580
|
+
message: w,
|
1581
|
+
onAction: S,
|
1582
1582
|
onReply: j
|
1583
1583
|
}, null, 40, ["message"]))
|
1584
1584
|
], 40, di))), 256)),
|
1585
|
-
e.typing ? (r(), B(
|
1585
|
+
e.typing ? (r(), B(E(Gf), {
|
1586
1586
|
key: 0,
|
1587
1587
|
message: {
|
1588
1588
|
subText: e.typing.title,
|
@@ -1607,21 +1607,21 @@ const ga = (e) => {
|
|
1607
1607
|
s.value ? (r(), u("button", {
|
1608
1608
|
key: 0,
|
1609
1609
|
class: "message-feed__button-down",
|
1610
|
-
onClick:
|
1610
|
+
onClick: V
|
1611
1611
|
}, [
|
1612
|
-
e.buttonParams ? (r(), u("div", gi,
|
1613
|
-
|
1612
|
+
e.buttonParams ? (r(), u("div", gi, T(e.buttonParams.unreadAmount), 1)) : v("", !0),
|
1613
|
+
N[1] || (N[1] = o("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
|
1614
1614
|
])) : v("", !0)
|
1615
1615
|
]),
|
1616
1616
|
_: 1
|
1617
1617
|
})
|
1618
1618
|
], 40, ui),
|
1619
|
-
|
1619
|
+
E(d)().reply ? (r(), B(Ae, {
|
1620
1620
|
key: 0,
|
1621
|
-
to: "#chat-input-reply-line-" +
|
1621
|
+
to: "#chat-input-reply-line-" + E(c)
|
1622
1622
|
}, [
|
1623
|
-
F(
|
1624
|
-
message:
|
1623
|
+
F(E(ct), {
|
1624
|
+
message: E(d)().reply,
|
1625
1625
|
class: "chat-input-reply"
|
1626
1626
|
}, null, 8, ["message"])
|
1627
1627
|
], 8, ["to"])) : v("", !0)
|
@@ -1654,9 +1654,9 @@ const ga = (e) => {
|
|
1654
1654
|
width: "48"
|
1655
1655
|
}, null, 8, vi)
|
1656
1656
|
])) : v("", !0),
|
1657
|
-
o("h2", yi,
|
1658
|
-
o("p", bi,
|
1659
|
-
o("p", Mi,
|
1657
|
+
o("h2", yi, T(e.user.name), 1),
|
1658
|
+
o("p", bi, T(e.user.email), 1),
|
1659
|
+
o("p", Mi, T(e.user.phone), 1)
|
1660
1660
|
])) : v("", !0);
|
1661
1661
|
}
|
1662
1662
|
}, wg = /* @__PURE__ */ R(_i, [["__scopeId", "data-v-6a09e430"]]), Ii = ["id"], wi = {
|
@@ -1700,12 +1700,12 @@ const ga = (e) => {
|
|
1700
1700
|
n.disabled || (n.mode == "click" && (s.value.$el.style.display = "inherit"), a("buttonClick"));
|
1701
1701
|
}, A = () => {
|
1702
1702
|
n.mode == "hover" && !n.disabled && (s.value.$el.style.display = "inherit");
|
1703
|
-
},
|
1703
|
+
}, d = () => {
|
1704
1704
|
n.mode == "hover" && (s.value.$el.style.display = "none");
|
1705
|
-
},
|
1705
|
+
}, g = (m) => {
|
1706
1706
|
n.mode == "click" && i.value && !i.value.contains(m.target) && (s.value.$el.style.display = "none");
|
1707
1707
|
};
|
1708
|
-
return
|
1708
|
+
return ie(() => {
|
1709
1709
|
var y, h;
|
1710
1710
|
const m = {
|
1711
1711
|
top: {
|
@@ -1726,34 +1726,34 @@ const ga = (e) => {
|
|
1726
1726
|
}
|
1727
1727
|
};
|
1728
1728
|
let M, p;
|
1729
|
-
n.menuSide == "top" && (M = (y = document.getElementById("container-" + f)) == null ? void 0 : y.offsetWidth, p = (h = document.getElementById("context-menu-" + f)) == null ? void 0 : h.offsetHeight, s.value.$el.style.left = m[n.menuSide].w * M + "px"), n.menuSide == "bottom" && (M = document.getElementById("context-menu-" + f).offsetWidth, p = document.getElementById("container-" + f).offsetHeight, s.value.$el.style.right = m[n.menuSide].w * M + "px"), n.menuSide == "left" && (M = document.getElementById("container-" + f).offsetWidth, p = document.getElementById("context-menu-" + f).offsetHeight, s.value.$el.style.right = m[n.menuSide].w * M + "px"), n.menuSide == "right" && (M = document.getElementById("container-" + f).offsetWidth, p = document.getElementById("context-menu-" + f).offsetHeight, s.value.$el.style.left = m[n.menuSide].w * M + "px"), s.value.$el.style.top = m[n.menuSide].h * p + "px", s.value.$el.style.display = "none", document.addEventListener("click",
|
1729
|
+
n.menuSide == "top" && (M = (y = document.getElementById("container-" + f)) == null ? void 0 : y.offsetWidth, p = (h = document.getElementById("context-menu-" + f)) == null ? void 0 : h.offsetHeight, s.value.$el.style.left = m[n.menuSide].w * M + "px"), n.menuSide == "bottom" && (M = document.getElementById("context-menu-" + f).offsetWidth, p = document.getElementById("container-" + f).offsetHeight, s.value.$el.style.right = m[n.menuSide].w * M + "px"), n.menuSide == "left" && (M = document.getElementById("container-" + f).offsetWidth, p = document.getElementById("context-menu-" + f).offsetHeight, s.value.$el.style.right = m[n.menuSide].w * M + "px"), n.menuSide == "right" && (M = document.getElementById("container-" + f).offsetWidth, p = document.getElementById("context-menu-" + f).offsetHeight, s.value.$el.style.left = m[n.menuSide].w * M + "px"), s.value.$el.style.top = m[n.menuSide].h * p + "px", s.value.$el.style.display = "none", document.addEventListener("click", g);
|
1730
1730
|
}), Ke(() => {
|
1731
|
-
document.removeEventListener("click",
|
1731
|
+
document.removeEventListener("click", g);
|
1732
1732
|
}), (m, M) => (r(), u("div", {
|
1733
|
-
id: "container-" +
|
1733
|
+
id: "container-" + E(f),
|
1734
1734
|
ref_key: "actionScope",
|
1735
1735
|
ref: i,
|
1736
1736
|
style: { position: "relative", width: "fit-content" }
|
1737
1737
|
}, [
|
1738
1738
|
o("div", {
|
1739
|
-
class:
|
1739
|
+
class: O(["button", {
|
1740
1740
|
"disabled-button": e.disabled
|
1741
1741
|
}]),
|
1742
1742
|
onClick: c,
|
1743
1743
|
onMouseover: A,
|
1744
|
-
onMouseout:
|
1744
|
+
onMouseout: d
|
1745
1745
|
}, [
|
1746
1746
|
o("span", {
|
1747
|
-
class:
|
1748
|
-
},
|
1747
|
+
class: O(e.buttonClass)
|
1748
|
+
}, T(e.buttonTitle), 3)
|
1749
1749
|
], 34),
|
1750
|
-
F(
|
1751
|
-
id: "context-menu-" +
|
1750
|
+
F(E($e), {
|
1751
|
+
id: "context-menu-" + E(f),
|
1752
1752
|
ref_key: "contextMenu",
|
1753
1753
|
ref: s,
|
1754
1754
|
actions: e.actions,
|
1755
1755
|
onMouseover: A,
|
1756
|
-
onMouseout:
|
1756
|
+
onMouseout: d,
|
1757
1757
|
onClick: l
|
1758
1758
|
}, null, 8, ["id", "actions"])
|
1759
1759
|
], 8, Ii));
|
@@ -1771,7 +1771,7 @@ const ga = (e) => {
|
|
1771
1771
|
},
|
1772
1772
|
emits: ["fileUploaded"],
|
1773
1773
|
setup(e, { emit: t }) {
|
1774
|
-
const n = e, f = b(""), a = b(), s = b(), i = ee("chatAppId"), { setMessageFile: l, resetMessageFile: c, getMessage: A } = Ie(i),
|
1774
|
+
const n = e, f = b(""), a = b(), s = b(), i = ee("chatAppId"), { setMessageFile: l, resetMessageFile: c, getMessage: A } = Ie(i), d = [
|
1775
1775
|
{
|
1776
1776
|
action: "audio/*",
|
1777
1777
|
title: "Аудио",
|
@@ -1792,14 +1792,14 @@ const ga = (e) => {
|
|
1792
1792
|
title: "Файл",
|
1793
1793
|
prime: "file"
|
1794
1794
|
}
|
1795
|
-
],
|
1795
|
+
], g = Q(() => !A().file), m = () => {
|
1796
1796
|
c(), s.value = void 0, f.value = "";
|
1797
1797
|
}, M = async () => {
|
1798
|
-
var h,
|
1798
|
+
var h, V;
|
1799
1799
|
if (m(), (h = a.value) != null && h.files) {
|
1800
1800
|
f.value = "uploading";
|
1801
|
-
const
|
1802
|
-
await xt(
|
1801
|
+
const S = typeof n.filebumpUrl == "string" ? n.filebumpUrl : null;
|
1802
|
+
await xt(S, (V = a.value) == null ? void 0 : V.files[0]).then((j) => {
|
1803
1803
|
f.value = j.status, j.status == "success" && (l({
|
1804
1804
|
url: j.url,
|
1805
1805
|
name: j.name,
|
@@ -1816,22 +1816,22 @@ const ga = (e) => {
|
|
1816
1816
|
});
|
1817
1817
|
}
|
1818
1818
|
}, p = (h) => {
|
1819
|
-
a.value &&
|
1819
|
+
a.value && g && (a.value.accept = h.action, a.value.click());
|
1820
1820
|
}, y = () => {
|
1821
|
-
a.value &&
|
1821
|
+
a.value && g && n.state == "active" && a.value.click();
|
1822
1822
|
};
|
1823
|
-
return (h,
|
1824
|
-
f.value === "uploading" ? (r(), u("div", ki,
|
1823
|
+
return (h, V) => (r(), u(q, null, [
|
1824
|
+
f.value === "uploading" ? (r(), u("div", ki, V[0] || (V[0] = [
|
1825
1825
|
o("p", null, "Загрузка файла...", -1)
|
1826
|
-
]))) : f.value === "error" ? (r(), u("div", Ni,
|
1826
|
+
]))) : f.value === "error" ? (r(), u("div", Ni, V[1] || (V[1] = [
|
1827
1827
|
o("p", null, "Ошибка при загрузке файла.", -1)
|
1828
|
-
]))) :
|
1828
|
+
]))) : E(A)().isRecording ? v("", !0) : (r(), B(ma, {
|
1829
1829
|
key: 2,
|
1830
|
-
actions:
|
1830
|
+
actions: d,
|
1831
1831
|
mode: "hover",
|
1832
1832
|
"button-class": "pi pi-file-arrow-up",
|
1833
1833
|
"menu-side": "top",
|
1834
|
-
disabled: !
|
1834
|
+
disabled: !g.value || e.state == "disabled",
|
1835
1835
|
onClick: p,
|
1836
1836
|
onButtonClick: y
|
1837
1837
|
}, null, 8, ["disabled"])),
|
@@ -1842,9 +1842,9 @@ const ga = (e) => {
|
|
1842
1842
|
type: "file",
|
1843
1843
|
onChange: M
|
1844
1844
|
}, null, 544),
|
1845
|
-
|
1845
|
+
E(A)().file ? (r(), B(Ae, {
|
1846
1846
|
key: 3,
|
1847
|
-
to: "#chat-input-file-line-" +
|
1847
|
+
to: "#chat-input-file-line-" + E(i)
|
1848
1848
|
}, [
|
1849
1849
|
s.value ? (r(), B(Vt, {
|
1850
1850
|
key: 0,
|
@@ -1873,18 +1873,18 @@ const ga = (e) => {
|
|
1873
1873
|
}, i = (l) => {
|
1874
1874
|
document.getElementById(n).dataset.theme = l, f().theme = l;
|
1875
1875
|
};
|
1876
|
-
return
|
1876
|
+
return ie(() => {
|
1877
1877
|
const l = a();
|
1878
1878
|
i(l);
|
1879
1879
|
}), (l, c) => e.show ? (r(), u("div", Di, [
|
1880
1880
|
o("select", {
|
1881
1881
|
onChange: c[0] || (c[0] = (A) => s(A))
|
1882
1882
|
}, [
|
1883
|
-
(r(!0), u(q, null, te(t.themes, (A,
|
1884
|
-
key:
|
1883
|
+
(r(!0), u(q, null, te(t.themes, (A, d) => (r(), u("option", {
|
1884
|
+
key: d,
|
1885
1885
|
value: A.code,
|
1886
1886
|
selected: A.default === !0
|
1887
|
-
},
|
1887
|
+
}, T(A.name), 9, Ei))), 128))
|
1888
1888
|
], 32)
|
1889
1889
|
])) : v("", !0);
|
1890
1890
|
}
|
@@ -1912,20 +1912,20 @@ const ga = (e) => {
|
|
1912
1912
|
return c.length > 2 ? c.slice(0, 2).join(" ") : l;
|
1913
1913
|
};
|
1914
1914
|
return (l, c) => (r(), u("div", {
|
1915
|
-
class:
|
1915
|
+
class: O(["sidebar__container", { "sidebar-horizontal__container": e.horizontal }])
|
1916
1916
|
}, [
|
1917
1917
|
o("ul", {
|
1918
|
-
class:
|
1918
|
+
class: O(["sidebar__list", { "sidebar-horizontal__list": e.horizontal }])
|
1919
1919
|
}, [
|
1920
|
-
(r(!0), u(q, null, te(f.value.filter((A) => !A.isFixedBottom), (A,
|
1921
|
-
key:
|
1922
|
-
class:
|
1923
|
-
onClick: (
|
1920
|
+
(r(!0), u(q, null, te(f.value.filter((A) => !A.isFixedBottom), (A, d) => (r(), u("li", {
|
1921
|
+
key: d,
|
1922
|
+
class: O(["sidebar__item", { "sidebar-horizontal__item": e.horizontal }]),
|
1923
|
+
onClick: (g) => s(A.itemId)
|
1924
1924
|
}, [
|
1925
1925
|
o("img", {
|
1926
1926
|
src: A.icon,
|
1927
1927
|
alt: A.name,
|
1928
|
-
class:
|
1928
|
+
class: O(["sidebar__image", {
|
1929
1929
|
"sidebar__image--active": A.selected === !0,
|
1930
1930
|
"sidebar-horizontal__image": e.horizontal
|
1931
1931
|
}])
|
@@ -1933,22 +1933,22 @@ const ga = (e) => {
|
|
1933
1933
|
A.notificationCount ? (r(), u("span", {
|
1934
1934
|
key: 0,
|
1935
1935
|
style: se({ backgroundColor: A.notificationColor ? A.notificationColor : "red" })
|
1936
|
-
},
|
1937
|
-
A.name ? (r(), u("p", Vi,
|
1936
|
+
}, T(A.notificationCount > 99 ? "99+" : A.notificationCount), 5)) : v("", !0),
|
1937
|
+
A.name ? (r(), u("p", Vi, T(i(A.name)), 1)) : v("", !0)
|
1938
1938
|
], 10, ji))), 128))
|
1939
1939
|
], 2),
|
1940
1940
|
o("ul", {
|
1941
|
-
class:
|
1941
|
+
class: O(["sidebar__list-fixed", { "sidebar-horizontal__list-fixed": e.horizontal }])
|
1942
1942
|
}, [
|
1943
|
-
(r(!0), u(q, null, te(f.value.filter((A) => A.isFixedBottom), (A,
|
1944
|
-
key:
|
1945
|
-
class:
|
1946
|
-
onClick: (
|
1943
|
+
(r(!0), u(q, null, te(f.value.filter((A) => A.isFixedBottom), (A, d) => (r(), u("li", {
|
1944
|
+
key: d,
|
1945
|
+
class: O(["sidebar__item", { "sidebar-horizontal__item": e.horizontal }]),
|
1946
|
+
onClick: (g) => s(A.itemId)
|
1947
1947
|
}, [
|
1948
1948
|
o("img", {
|
1949
1949
|
src: A.icon,
|
1950
1950
|
alt: A.name,
|
1951
|
-
class:
|
1951
|
+
class: O(["sidebar__image", {
|
1952
1952
|
"sidebar__image--active": A.selected === !0,
|
1953
1953
|
"sidebar-horizontal__image": e.horizontal
|
1954
1954
|
}])
|
@@ -1956,8 +1956,8 @@ const ga = (e) => {
|
|
1956
1956
|
A.notificationCount ? (r(), u("span", {
|
1957
1957
|
key: 0,
|
1958
1958
|
style: se({ backgroundColor: A.notificationColor ? A.notificationColor : "red" })
|
1959
|
-
},
|
1960
|
-
A.name ? (r(), u("p", zi,
|
1959
|
+
}, T(A.notificationCount > 99 ? "99+" : A.notificationCount), 5)) : v("", !0),
|
1960
|
+
A.name ? (r(), u("p", zi, T(i(A.name)), 1)) : v("", !0)
|
1961
1961
|
], 10, Si))), 128))
|
1962
1962
|
], 2)
|
1963
1963
|
], 2));
|
@@ -1978,7 +1978,7 @@ const ga = (e) => {
|
|
1978
1978
|
setup(e, { emit: t }) {
|
1979
1979
|
return (n, f) => (r(), u("div", Li, [
|
1980
1980
|
o("div", Ui, [
|
1981
|
-
e.title ? (r(), u("p", Bi,
|
1981
|
+
e.title ? (r(), u("p", Bi, T(e.title), 1)) : v("", !0),
|
1982
1982
|
o("button", {
|
1983
1983
|
class: "chat-panel__button-close",
|
1984
1984
|
onClick: f[0] || (f[0] = (a) => n.$emit("close-panel"))
|
@@ -2020,9 +2020,9 @@ const ga = (e) => {
|
|
2020
2020
|
const n = e, f = ee("chatAppId"), { getMessage: a } = Ie(f), s = t, l = b(n.channels.find((A) => A.type === "default")), c = (A) => {
|
2021
2021
|
l.value = A, s("selectChannel", l.value);
|
2022
2022
|
};
|
2023
|
-
return (A,
|
2023
|
+
return (A, d) => E(a)().isRecording ? v("", !0) : (r(), u("div", {
|
2024
2024
|
key: 0,
|
2025
|
-
class:
|
2025
|
+
class: O(["channels__container", { "channels__container-disabled": e.state == "disabled" }])
|
2026
2026
|
}, [
|
2027
2027
|
l.value ? (r(), u("div", Qi, [
|
2028
2028
|
l.value.icon ? (r(), u("img", {
|
@@ -2030,8 +2030,8 @@ const ga = (e) => {
|
|
2030
2030
|
src: l.value.icon,
|
2031
2031
|
class: "channels__icon"
|
2032
2032
|
}, null, 8, $i)) : v("", !0),
|
2033
|
-
o("span", Yi,
|
2034
|
-
])) : (r(), u("span", Pi, E(
|
2033
|
+
o("span", Yi, T(l.value.title), 1)
|
2034
|
+
])) : (r(), u("span", Pi, T(E(pe)("component.ChannelSelector.Placeholder")), 1)),
|
2035
2035
|
F(ma, {
|
2036
2036
|
actions: e.channels,
|
2037
2037
|
mode: e.mode,
|
@@ -2093,46 +2093,49 @@ const xg = (e, t = null) => {
|
|
2093
2093
|
}
|
2094
2094
|
},
|
2095
2095
|
setup(e) {
|
2096
|
-
const t = ee("chatAppId"), { getTheme: n } = of(t), f = b(), a = b(), s =
|
2096
|
+
const t = ee("chatAppId"), { getTheme: n } = of(t), f = b(), a = b(), s = b(!1), i = e, l = Q(() => ({
|
2097
2097
|
tooltip__text: !0,
|
2098
|
-
[`tooltip--${
|
2099
|
-
})),
|
2098
|
+
[`tooltip--${i.position}`]: !0
|
2099
|
+
})), c = () => {
|
2100
2100
|
if (f.value && a.value) {
|
2101
|
-
const
|
2102
|
-
left: { top:
|
2103
|
-
right: { top:
|
2104
|
-
bottom: { top: (
|
2105
|
-
top: { top:
|
2106
|
-
},
|
2107
|
-
|
2101
|
+
const d = f.value.getBoundingClientRect(), g = {
|
2102
|
+
left: { top: d.top, left: (d == null ? void 0 : d.left) - 10 },
|
2103
|
+
right: { top: d.top, left: (d == null ? void 0 : d.left) + 10 },
|
2104
|
+
bottom: { top: (d == null ? void 0 : d.bottom) + 5, left: d == null ? void 0 : d.left },
|
2105
|
+
top: { top: d.top - (d.bottom - d.top) - 10, left: d == null ? void 0 : d.left }
|
2106
|
+
}, m = a.value;
|
2107
|
+
m.style.top = g[i.position].top + "px", m.style.left = g[i.position].left + "px", m.style.opacity = "1", m.style.visibility = "visible";
|
2108
2108
|
}
|
2109
|
-
},
|
2110
|
-
const
|
2111
|
-
|
2109
|
+
}, A = () => {
|
2110
|
+
const d = E(a);
|
2111
|
+
d && (d.style.top = "0", d.style.left = "0", d.style.opacity = "0", d.style.visibility = "hidden");
|
2112
2112
|
};
|
2113
|
-
return (
|
2113
|
+
return ie(() => {
|
2114
|
+
document.getElementById("float-windows-" + t) && (s.value = !0);
|
2115
|
+
}), (d, g) => (r(), u(q, null, [
|
2114
2116
|
o("div", {
|
2115
2117
|
class: "tooltip-wrapper",
|
2116
2118
|
ref_key: "container",
|
2117
2119
|
ref: f,
|
2118
|
-
onMouseover:
|
2119
|
-
onMouseout:
|
2120
|
+
onMouseover: c,
|
2121
|
+
onMouseout: A
|
2120
2122
|
}, [
|
2121
|
-
ne(
|
2123
|
+
ne(d.$slots, "default", {}, void 0, !0)
|
2122
2124
|
], 544),
|
2123
|
-
(r(), B(
|
2124
|
-
|
2125
|
+
s.value ? (r(), B(Ae, {
|
2126
|
+
key: 0,
|
2127
|
+
to: "#float-windows-" + E(t)
|
2125
2128
|
}, [
|
2126
2129
|
o("span", {
|
2127
|
-
"data-theme":
|
2130
|
+
"data-theme": E(n)().theme ? E(n)().theme : null,
|
2128
2131
|
ref_key: "tooltip",
|
2129
2132
|
ref: a,
|
2130
|
-
class:
|
2131
|
-
},
|
2132
|
-
], 8, ["to"]))
|
2133
|
+
class: O(l.value)
|
2134
|
+
}, T(e.text), 11, qi)
|
2135
|
+
], 8, ["to"])) : v("", !0)
|
2133
2136
|
], 64));
|
2134
2137
|
}
|
2135
|
-
}), Lf = /* @__PURE__ */ R(Hi, [["__scopeId", "data-v-
|
2138
|
+
}), Lf = /* @__PURE__ */ R(Hi, [["__scopeId", "data-v-6b58a974"]]), Wi = { class: "chat-item__avatar-container" }, Ki = ["src"], Ji = {
|
2136
2139
|
key: 1,
|
2137
2140
|
class: "pi pi-user"
|
2138
2141
|
}, Gi = { class: "chat-item__info-container" }, Zi = { class: "chat-item__name" }, Xi = {
|
@@ -2169,47 +2172,49 @@ const xg = (e, t = null) => {
|
|
2169
2172
|
},
|
2170
2173
|
emits: ["select", "action"],
|
2171
2174
|
setup(e, { emit: t }) {
|
2172
|
-
const n = ee("chatAppId"), f = e, a = b(), s = b(), i =
|
2173
|
-
|
2174
|
-
},
|
2175
|
-
|
2176
|
-
},
|
2177
|
-
|
2178
|
-
},
|
2179
|
-
if (Number(
|
2180
|
-
if (Number(
|
2181
|
-
if (Number(
|
2182
|
-
}),
|
2183
|
-
|
2184
|
-
|
2175
|
+
const n = ee("chatAppId"), f = e, a = b(), s = b(), i = b(!1), l = t, c = (N) => {
|
2176
|
+
N.target instanceof HTMLElement && N.target.id != "noSelectButton" && !f.chat.dialogs && l("select", { chat: f.chat, dialog: null }), f.chat.dialogs && (f.chat.dialogsExpanded = !f.chat.dialogsExpanded);
|
2177
|
+
}, A = (N) => {
|
2178
|
+
l("select", { chat: f.chat, dialog: N });
|
2179
|
+
}, d = () => f.chat.isSelected ? "chat-item__selected" : "", g = (N) => N.isSelected ? "dialog__selected" : "", m = (N) => {
|
2180
|
+
p.value = !1, M.value = !1, l("action", { chat: f.chat, ...N });
|
2181
|
+
}, M = b(!1), p = b(!1), y = () => f.chat.dialogs.toSorted((N, w) => {
|
2182
|
+
if (Number(N["lastActivity.timestamp"]) > Number(w["lastActivity.timestamp"])) return -1;
|
2183
|
+
if (Number(N["lastActivity.timestamp"]) < Number(w["lastActivity.timestamp"])) return 1;
|
2184
|
+
if (Number(N["lastActivity.timestamp"]) == Number(w["lastActivity.timestamp"])) return 0;
|
2185
|
+
}), h = () => {
|
2186
|
+
M.value = !M.value, et(() => {
|
2187
|
+
V();
|
2185
2188
|
});
|
2186
|
-
},
|
2189
|
+
}, V = () => {
|
2187
2190
|
if (a.value && s.value) {
|
2188
|
-
const
|
2189
|
-
w.style.top = (
|
2191
|
+
const N = a.value.getBoundingClientRect(), w = s.value.$el;
|
2192
|
+
w.style.top = (N == null ? void 0 : N.bottom) + "px", w.style.left = (N == null ? void 0 : N.left) - w.getBoundingClientRect().width / 1.5 + "px";
|
2190
2193
|
}
|
2191
|
-
},
|
2192
|
-
M.value = !
|
2193
|
-
},
|
2194
|
-
const w =
|
2195
|
-
|
2196
|
-
},
|
2197
|
-
let
|
2198
|
-
const
|
2194
|
+
}, S = () => {
|
2195
|
+
p.value = !0, M.value = !1;
|
2196
|
+
}, j = (N) => {
|
2197
|
+
const w = N.relatedTarget;
|
2198
|
+
p.value = !1, (!w || w.className !== "context-menu__list") && (M.value = !1);
|
2199
|
+
}, L = Q(() => At(f.chat["lastMessage.status"]));
|
2200
|
+
let _;
|
2201
|
+
const x = b(0), C = [pe("component.ChatItem.typing") + ".", pe("component.ChatItem.typing") + "..", pe("component.ChatItem.typing") + "..."], k = Q(() => f.chat.typing ? C[x.value] : f.chat.lastMessage);
|
2199
2202
|
return G(
|
2200
2203
|
() => f.chat.typing,
|
2201
2204
|
() => {
|
2202
|
-
f.chat.typing ?
|
2203
|
-
|
2204
|
-
}, 1e3) : (
|
2205
|
+
f.chat.typing ? _ = setInterval(() => {
|
2206
|
+
x.value < 2 ? x.value += 1 : x.value = 0;
|
2207
|
+
}, 1e3) : (x.value = 0, clearInterval(_));
|
2205
2208
|
},
|
2206
2209
|
{ immediate: !0 }
|
2207
|
-
), (
|
2210
|
+
), ie(() => {
|
2211
|
+
document.getElementById("float-windows-" + n) && (i.value = !0);
|
2212
|
+
}), (N, w) => (r(), u("div", null, [
|
2208
2213
|
o("div", {
|
2209
|
-
class:
|
2210
|
-
onMouseenter:
|
2211
|
-
onMouseleave:
|
2212
|
-
onClick:
|
2214
|
+
class: O(["chat-item__container", d()]),
|
2215
|
+
onMouseenter: S,
|
2216
|
+
onMouseleave: j,
|
2217
|
+
onClick: c
|
2213
2218
|
}, [
|
2214
2219
|
o("div", Wi, [
|
2215
2220
|
o("span", {
|
@@ -2229,7 +2234,7 @@ const xg = (e, t = null) => {
|
|
2229
2234
|
position: "bottom"
|
2230
2235
|
}, {
|
2231
2236
|
default: K(() => [
|
2232
|
-
o("div", Zi,
|
2237
|
+
o("div", Zi, T(e.chat.name), 1)
|
2233
2238
|
]),
|
2234
2239
|
_: 1
|
2235
2240
|
}, 8, ["text"]),
|
@@ -2238,24 +2243,24 @@ const xg = (e, t = null) => {
|
|
2238
2243
|
position: "bottom"
|
2239
2244
|
}, {
|
2240
2245
|
default: K(() => [
|
2241
|
-
e.chat.lastMessage || e.chat.typing ? (r(), u("div", Xi,
|
2246
|
+
e.chat.lastMessage || e.chat.typing ? (r(), u("div", Xi, T(k.value), 1)) : v("", !0)
|
2242
2247
|
]),
|
2243
2248
|
_: 1
|
2244
2249
|
}, 8, ["text"])
|
2245
2250
|
]),
|
2246
2251
|
o("div", eo, [
|
2247
|
-
e.chat["lastActivity.time"] && !
|
2252
|
+
e.chat["lastActivity.time"] && !p.value ? (r(), u("div", to, T(e.chat["lastActivity.time"]), 1)) : v("", !0),
|
2248
2253
|
e.chat.countUnread > 0 ? (r(), u("div", {
|
2249
2254
|
key: 1,
|
2250
2255
|
class: "chat-item__unread",
|
2251
2256
|
style: se({ backgroundColor: e.chat.colorUnread ? e.chat.colorUnread : null })
|
2252
|
-
},
|
2253
|
-
|
2257
|
+
}, T(e.chat.countUnread > 99 ? "99+" : e.chat.countUnread), 5)) : v("", !0),
|
2258
|
+
p.value && e.chat.actions ? (r(), u("button", {
|
2254
2259
|
key: 2,
|
2255
2260
|
ref_key: "refMenuButton",
|
2256
2261
|
ref: a,
|
2257
2262
|
class: "chat-item__menu-button",
|
2258
|
-
onClick:
|
2263
|
+
onClick: h,
|
2259
2264
|
id: "noSelectButton"
|
2260
2265
|
}, w[4] || (w[4] = [
|
2261
2266
|
o("span", {
|
@@ -2264,9 +2269,9 @@ const xg = (e, t = null) => {
|
|
2264
2269
|
}, null, -1)
|
2265
2270
|
]), 512)) : v("", !0),
|
2266
2271
|
e.chat.countUnread < 1 ? (r(), u("div", no, [
|
2267
|
-
|
2272
|
+
E(rt).includes(e.chat["lastMessage.status"]) ? (r(), u("div", {
|
2268
2273
|
key: 0,
|
2269
|
-
class:
|
2274
|
+
class: O(["chat-item__status-message", L.value])
|
2270
2275
|
}, [
|
2271
2276
|
e.chat["lastMessage.status"] !== "sent" ? (r(), u("span", fo)) : v("", !0),
|
2272
2277
|
w[5] || (w[5] = o("span", { class: "pi pi-check" }, null, -1))
|
@@ -2278,7 +2283,7 @@ const xg = (e, t = null) => {
|
|
2278
2283
|
e.chat.dialogsExpanded ? v("", !0) : (r(), u("button", {
|
2279
2284
|
key: 0,
|
2280
2285
|
class: "chat-item__menu-button",
|
2281
|
-
onClick: w[0] || (w[0] = (
|
2286
|
+
onClick: w[0] || (w[0] = (I) => e.chat.dialogsExpanded = !e.chat.dialogsExpanded),
|
2282
2287
|
id: "noSelectButton"
|
2283
2288
|
}, w[6] || (w[6] = [
|
2284
2289
|
o("span", {
|
@@ -2289,7 +2294,7 @@ const xg = (e, t = null) => {
|
|
2289
2294
|
e.chat.dialogsExpanded ? (r(), u("button", {
|
2290
2295
|
key: 1,
|
2291
2296
|
class: "chat-item__menu-button",
|
2292
|
-
onClick: w[1] || (w[1] = (
|
2297
|
+
onClick: w[1] || (w[1] = (I) => e.chat.dialogsExpanded = !e.chat.dialogsExpanded),
|
2293
2298
|
id: "noSelectButton"
|
2294
2299
|
}, w[7] || (w[7] = [
|
2295
2300
|
o("span", {
|
@@ -2300,55 +2305,56 @@ const xg = (e, t = null) => {
|
|
2300
2305
|
])) : v("", !0),
|
2301
2306
|
F(X, { name: "menu" }, {
|
2302
2307
|
default: K(() => [
|
2303
|
-
(r(), B(
|
2304
|
-
|
2308
|
+
i.value ? (r(), B(Ae, {
|
2309
|
+
key: 0,
|
2310
|
+
to: "#float-windows-" + E(n)
|
2305
2311
|
}, [
|
2306
|
-
|
2312
|
+
M.value && e.chat.actions ? (r(), B(E($e), {
|
2307
2313
|
key: 0,
|
2308
2314
|
ref_key: "refContextMenu",
|
2309
2315
|
ref: s,
|
2310
2316
|
class: "chat-item__context-menu",
|
2311
2317
|
actions: e.chat.actions,
|
2312
|
-
onClick:
|
2313
|
-
onMouseenter: w[2] || (w[2] = (
|
2314
|
-
onMouseleave: w[3] || (w[3] = (
|
2318
|
+
onClick: m,
|
2319
|
+
onMouseenter: w[2] || (w[2] = (I) => M.value = !0),
|
2320
|
+
onMouseleave: w[3] || (w[3] = (I) => M.value = !1)
|
2315
2321
|
}, null, 8, ["actions"])) : v("", !0)
|
2316
|
-
], 8, ["to"]))
|
2322
|
+
], 8, ["to"])) : v("", !0)
|
2317
2323
|
]),
|
2318
2324
|
_: 1
|
2319
2325
|
})
|
2320
2326
|
], 34),
|
2321
2327
|
e.chat.dialogsExpanded ? (r(), u("div", io, [
|
2322
|
-
(r(!0), u(q, null, te(
|
2323
|
-
class:
|
2324
|
-
onClick: (
|
2328
|
+
(r(!0), u(q, null, te(y(), (I) => (r(), u("div", {
|
2329
|
+
class: O(["dialog__item", g(I)]),
|
2330
|
+
onClick: (U) => A(I)
|
2325
2331
|
}, [
|
2326
|
-
|
2332
|
+
I.icon ? (r(), u("img", {
|
2327
2333
|
key: 0,
|
2328
2334
|
class: "dialog__icon",
|
2329
|
-
src:
|
2335
|
+
src: I.icon,
|
2330
2336
|
height: "16",
|
2331
2337
|
width: "16"
|
2332
2338
|
}, null, 8, lo)) : (r(), u("span", ro)),
|
2333
2339
|
o("div", Ao, [
|
2334
|
-
o("div", co,
|
2335
|
-
o("div", uo,
|
2340
|
+
o("div", co, T(I.name), 1),
|
2341
|
+
o("div", uo, T(I["lastActivity.time"]), 1)
|
2336
2342
|
]),
|
2337
|
-
|
2343
|
+
I.countUnread > 0 ? (r(), u("div", {
|
2338
2344
|
key: 2,
|
2339
2345
|
class: "chat-item__unread",
|
2340
|
-
style: se({ backgroundColor:
|
2341
|
-
},
|
2346
|
+
style: se({ backgroundColor: I.colorUnread ? I.colorUnread : null })
|
2347
|
+
}, T(I.countUnread > 99 ? "99+" : I.countUnread), 5)) : v("", !0)
|
2342
2348
|
], 10, oo))), 256))
|
2343
2349
|
])) : v("", !0)
|
2344
2350
|
]));
|
2345
2351
|
}
|
2346
|
-
}), zn = /* @__PURE__ */ R(go, [["__scopeId", "data-v-
|
2352
|
+
}), zn = /* @__PURE__ */ R(go, [["__scopeId", "data-v-881c1c13"]]), mo = ["placeholder"], po = {
|
2347
2353
|
__name: "ChatFilter",
|
2348
2354
|
emits: ["update"],
|
2349
2355
|
setup(e, { emit: t }) {
|
2350
2356
|
const n = b(""), f = t, a = () => {
|
2351
|
-
const s =
|
2357
|
+
const s = E(n);
|
2352
2358
|
f("update", s.value);
|
2353
2359
|
};
|
2354
2360
|
return (s, i) => (r(), u("input", {
|
@@ -2356,7 +2362,7 @@ const xg = (e, t = null) => {
|
|
2356
2362
|
ref: n,
|
2357
2363
|
class: "chat-filter__input",
|
2358
2364
|
type: "text",
|
2359
|
-
placeholder:
|
2365
|
+
placeholder: E(pe)("component.ChatFilter.InputPlaceholder"),
|
2360
2366
|
onInput: a
|
2361
2367
|
}, null, 40, mo));
|
2362
2368
|
}
|
@@ -2401,57 +2407,57 @@ const xg = (e, t = null) => {
|
|
2401
2407
|
setup(e, { emit: t }) {
|
2402
2408
|
const n = e, f = ee("chatAppId"), { setMessageText: a } = Ie(f), s = () => {
|
2403
2409
|
i("closeTemplateWindow"), a(c.value.template);
|
2404
|
-
}, i = t, l = b(null), c = b(null), A = b(""),
|
2405
|
-
p.value && (m.value == "grid" ? j() : M.value == "grid" &&
|
2406
|
-
},
|
2407
|
-
p.value && (m.value == "grid" ?
|
2410
|
+
}, i = t, l = b(null), c = b(null), A = b(""), d = b(), g = b(""), m = b(""), M = b(""), p = b(!1), y = Q(() => !!(p.value && (M.value == "grid" && m.value == "none" || m.value == "grid" && g.value == "none"))), h = Q(() => !!(p.value && (g.value == "grid" && m.value == "none" || m.value == "grid" && M.value == "none"))), V = () => {
|
2411
|
+
p.value && (m.value == "grid" ? j() : M.value == "grid" && _());
|
2412
|
+
}, S = () => {
|
2413
|
+
p.value && (m.value == "grid" ? L() : g.value == "grid" && _());
|
2408
2414
|
}, j = () => {
|
2409
2415
|
const U = document.getElementById("template-selector-container-" + f);
|
2410
|
-
U.style.setProperty("--template-first-col-display", "grid"), U.style.setProperty("--template-second-col-display", "none"),
|
2411
|
-
},
|
2416
|
+
U.style.setProperty("--template-first-col-display", "grid"), U.style.setProperty("--template-second-col-display", "none"), x();
|
2417
|
+
}, L = () => {
|
2412
2418
|
const U = document.getElementById("template-selector-container-" + f);
|
2413
|
-
U.style.setProperty("--template-third-col-display", "grid"), U.style.setProperty("--template-second-col-display", "none"),
|
2414
|
-
},
|
2419
|
+
U.style.setProperty("--template-third-col-display", "grid"), U.style.setProperty("--template-second-col-display", "none"), x();
|
2420
|
+
}, _ = () => {
|
2415
2421
|
const U = document.getElementById("template-selector-container-" + f);
|
2416
|
-
U.style.setProperty("--template-second-col-display", "grid"), U.style.setProperty("--template-first-col-display", "none"), U.style.setProperty("--template-third-col-display", "none"),
|
2417
|
-
},
|
2422
|
+
U.style.setProperty("--template-second-col-display", "grid"), U.style.setProperty("--template-first-col-display", "none"), U.style.setProperty("--template-third-col-display", "none"), x();
|
2423
|
+
}, x = () => {
|
2418
2424
|
const U = document.getElementById("template-selector-container-" + f), $ = window.getComputedStyle(U);
|
2419
|
-
|
2425
|
+
g.value = $.getPropertyValue("--template-first-col-display"), m.value = $.getPropertyValue("--template-second-col-display"), M.value = $.getPropertyValue("--template-third-col-display");
|
2420
2426
|
}, C = (U) => {
|
2421
|
-
n.templates.forEach(($) => $.isSelected = !1), U.isSelected = !0, c.value = U,
|
2422
|
-
},
|
2423
|
-
|
2424
|
-
},
|
2427
|
+
n.templates.forEach(($) => $.isSelected = !1), U.isSelected = !0, c.value = U, L();
|
2428
|
+
}, k = () => {
|
2429
|
+
_(), n.templates.forEach((U) => U.isSelected = !1);
|
2430
|
+
}, N = Q(() => l.value ? n.templates.filter((U) => U.groupId === l.value.groupId) : n.templates), w = Q(() => {
|
2425
2431
|
const U = A.value.trim().toLowerCase();
|
2426
|
-
return
|
2427
|
-
}),
|
2432
|
+
return N.value.filter(($) => $.title.toLowerCase().includes(U) || $.template.toLowerCase().includes(U));
|
2433
|
+
}), I = new ResizeObserver((U) => {
|
2428
2434
|
const $ = U[0].target.clientWidth;
|
2429
2435
|
$ > 700 && (p.value = !1), $ < 700 && (p.value = !0);
|
2430
2436
|
});
|
2431
|
-
return
|
2432
|
-
|
2437
|
+
return ie(() => {
|
2438
|
+
x(), E(d) && I.observe(E(d));
|
2433
2439
|
}), (U, $) => (r(), u("div", vo, [
|
2434
2440
|
o("div", {
|
2435
|
-
class:
|
2441
|
+
class: O({
|
2436
2442
|
"template-selector__container-inline": !e.elevatedWindow,
|
2437
2443
|
"template-selector__container-elevated": e.elevatedWindow
|
2438
2444
|
}),
|
2439
2445
|
ref_key: "refContainer",
|
2440
|
-
ref:
|
2441
|
-
id: "template-selector-container-" +
|
2446
|
+
ref: d,
|
2447
|
+
id: "template-selector-container-" + E(f)
|
2442
2448
|
}, [
|
2443
2449
|
o("div", bo, [
|
2444
2450
|
o("div", Mo, [
|
2445
2451
|
y.value ? (r(), u("button", _o, [
|
2446
2452
|
o("span", {
|
2447
2453
|
class: "pi pi-arrow-left",
|
2448
|
-
onClick:
|
2454
|
+
onClick: V
|
2449
2455
|
})
|
2450
2456
|
])) : v("", !0),
|
2451
2457
|
h.value ? (r(), u("button", Io, [
|
2452
2458
|
o("span", {
|
2453
2459
|
class: "pi pi-arrow-right",
|
2454
|
-
onClick:
|
2460
|
+
onClick: S
|
2455
2461
|
})
|
2456
2462
|
])) : v("", !0)
|
2457
2463
|
]),
|
@@ -2465,13 +2471,13 @@ const xg = (e, t = null) => {
|
|
2465
2471
|
o("div", ko, [
|
2466
2472
|
o("div", {
|
2467
2473
|
class: "template-selector__first-col",
|
2468
|
-
id: "template-selector-first-col-" +
|
2474
|
+
id: "template-selector-first-col-" + E(f)
|
2469
2475
|
}, [
|
2470
2476
|
o("ul", Do, [
|
2471
|
-
(r(!0), u(q, null, te(e.groupTemplates, (J,
|
2472
|
-
key:
|
2473
|
-
class:
|
2474
|
-
onClick:
|
2477
|
+
(r(!0), u(q, null, te(e.groupTemplates, (J, le) => (r(), u("li", {
|
2478
|
+
key: le,
|
2479
|
+
class: O(["template-selector__item-group", { "template-selector__item-selected": l.value === J }]),
|
2480
|
+
onClick: k
|
2475
2481
|
}, [
|
2476
2482
|
o("label", Eo, [
|
2477
2483
|
J.iconUrl ? (r(), u("img", {
|
@@ -2480,8 +2486,8 @@ const xg = (e, t = null) => {
|
|
2480
2486
|
src: J.iconUrl,
|
2481
2487
|
alt: J.title
|
2482
2488
|
}, null, 8, To)) : v("", !0),
|
2483
|
-
|
2484
|
-
id:
|
2489
|
+
ce(o("input", {
|
2490
|
+
id: le,
|
2485
2491
|
"onUpdate:modelValue": $[1] || ($[1] = (Z) => l.value = Z),
|
2486
2492
|
value: J,
|
2487
2493
|
class: "template-selector__input-group",
|
@@ -2489,17 +2495,17 @@ const xg = (e, t = null) => {
|
|
2489
2495
|
}, null, 8, jo), [
|
2490
2496
|
[ea, l.value]
|
2491
2497
|
]),
|
2492
|
-
o("span", null,
|
2498
|
+
o("span", null, T(J.title), 1)
|
2493
2499
|
])
|
2494
2500
|
], 2))), 128))
|
2495
2501
|
])
|
2496
2502
|
], 8, No),
|
2497
2503
|
o("div", {
|
2498
2504
|
class: "template-selector__second-col",
|
2499
|
-
id: "template-selector-second-col-" +
|
2505
|
+
id: "template-selector-second-col-" + E(f)
|
2500
2506
|
}, [
|
2501
2507
|
o("div", Vo, [
|
2502
|
-
|
2508
|
+
ce(o("input", {
|
2503
2509
|
"onUpdate:modelValue": $[2] || ($[2] = (J) => A.value = J),
|
2504
2510
|
class: "template-selector__searching-input",
|
2505
2511
|
type: "text",
|
@@ -2509,15 +2515,15 @@ const xg = (e, t = null) => {
|
|
2509
2515
|
])
|
2510
2516
|
]),
|
2511
2517
|
o("div", So, [
|
2512
|
-
|
2513
|
-
(r(!0), u(q, null, te(
|
2514
|
-
key:
|
2515
|
-
class:
|
2518
|
+
w.value.length !== 0 ? (r(), u("ul", Co, [
|
2519
|
+
(r(!0), u(q, null, te(w.value, (J, le) => (r(), u("li", {
|
2520
|
+
key: le,
|
2521
|
+
class: O(["template-selector__item-template", { "template-selector__item-selected": J.isSelected }]),
|
2516
2522
|
onClick: (Z) => C(J)
|
2517
2523
|
}, [
|
2518
2524
|
o("div", Oo, [
|
2519
|
-
o("p", Lo,
|
2520
|
-
o("p", Uo,
|
2525
|
+
o("p", Lo, T(J.title), 1),
|
2526
|
+
o("p", Uo, T(J.template), 1)
|
2521
2527
|
])
|
2522
2528
|
], 10, zo))), 128))
|
2523
2529
|
])) : (r(), u("p", Bo, " Шаблоны отсутствуют "))
|
@@ -2525,12 +2531,12 @@ const xg = (e, t = null) => {
|
|
2525
2531
|
], 8, xo),
|
2526
2532
|
o("div", {
|
2527
2533
|
class: "template-selector__third-col",
|
2528
|
-
id: "template-selector-third-col-" +
|
2534
|
+
id: "template-selector-third-col-" + E(f)
|
2529
2535
|
}, [
|
2530
2536
|
o("div", Qo, [
|
2531
2537
|
c.value ? (r(), u("div", $o, [
|
2532
2538
|
o("div", Yo, [
|
2533
|
-
o("p", Po,
|
2539
|
+
o("p", Po, T(c.value.template), 1),
|
2534
2540
|
$[3] || ($[3] = o("p", { class: "template-selector__preview-time" }, " 22:22 ", -1))
|
2535
2541
|
])
|
2536
2542
|
])) : (r(), u("p", Fo, " Предпросмотр шаблона "))
|
@@ -2581,18 +2587,18 @@ const xg = (e, t = null) => {
|
|
2581
2587
|
}, A = () => {
|
2582
2588
|
s.value.style.display = "none";
|
2583
2589
|
};
|
2584
|
-
return
|
2590
|
+
return ie(() => {
|
2585
2591
|
s.value.style.display = "none";
|
2586
|
-
}), (
|
2587
|
-
|
2592
|
+
}), (d, g) => (r(), u(q, null, [
|
2593
|
+
E(f)().isRecording ? v("", !0) : (r(), u("button", {
|
2588
2594
|
key: 0,
|
2589
2595
|
ref_key: "templateButton",
|
2590
2596
|
ref: a,
|
2591
|
-
class:
|
2597
|
+
class: O(["button-template", { "button-template-disabled": e.state == "disabled" }]),
|
2592
2598
|
onClick: i,
|
2593
2599
|
onMouseover: l,
|
2594
2600
|
onMouseout: c
|
2595
|
-
},
|
2601
|
+
}, g[0] || (g[0] = [
|
2596
2602
|
o("span", { class: "pi pi-objects-column" }, null, -1)
|
2597
2603
|
]), 34)),
|
2598
2604
|
F(X, null, {
|
@@ -2641,11 +2647,11 @@ const xg = (e, t = null) => {
|
|
2641
2647
|
},
|
2642
2648
|
{ immediate: !0 }
|
2643
2649
|
);
|
2644
|
-
const l = (
|
2650
|
+
const l = (g) => {
|
2645
2651
|
if (!f.isFilled) {
|
2646
2652
|
s.value = "";
|
2647
2653
|
const m = window.getSelection();
|
2648
|
-
m.getRangeAt && m.rangeCount && m.getRangeAt(0).selectNodeContents(
|
2654
|
+
m.getRangeAt && m.rangeCount && m.getRangeAt(0).selectNodeContents(g.target);
|
2649
2655
|
}
|
2650
2656
|
};
|
2651
2657
|
function c() {
|
@@ -2653,26 +2659,26 @@ const xg = (e, t = null) => {
|
|
2653
2659
|
s.value = f.value;
|
2654
2660
|
}) : s.value = "Заполнить");
|
2655
2661
|
}
|
2656
|
-
function A(
|
2657
|
-
|
2662
|
+
function A(g) {
|
2663
|
+
g.target.blur(), c();
|
2658
2664
|
}
|
2659
|
-
function g
|
2660
|
-
|
2665
|
+
function d(g) {
|
2666
|
+
g.target == document.getElementById("placeholder" + n + f.index) && (g.key === "Escape" && g.target.blur(), g.key == "Tab" && (g.target.blur(), document.getElementById("placeholder" + n + (f.index + 1)) && (g.preventDefault(), document.getElementById("placeholder" + n + (f.index + 1)).focus())));
|
2661
2667
|
}
|
2662
|
-
return
|
2663
|
-
window.addEventListener("keydown",
|
2668
|
+
return ie(() => {
|
2669
|
+
window.addEventListener("keydown", d);
|
2664
2670
|
}), Ke(() => {
|
2665
|
-
window.removeEventListener("keydown",
|
2666
|
-
}), (
|
2671
|
+
window.removeEventListener("keydown", d);
|
2672
|
+
}), (g, m) => (r(), u("span", {
|
2667
2673
|
ref_key: "refPlaceholder",
|
2668
2674
|
ref: i,
|
2669
|
-
id: "placeholder" +
|
2675
|
+
id: "placeholder" + E(n) + e.index,
|
2670
2676
|
contenteditable: "",
|
2671
|
-
class:
|
2677
|
+
class: O([{ filled: e.isFilled, empty: !e.isFilled }, "placeholder"]),
|
2672
2678
|
onKeydown: Jn(A, ["enter"]),
|
2673
2679
|
onFocus: l,
|
2674
2680
|
onBlur: c
|
2675
|
-
},
|
2681
|
+
}, T(s.value), 43, Ko));
|
2676
2682
|
}
|
2677
2683
|
}, Go = /* @__PURE__ */ R(Jo, [["__scopeId", "data-v-7250dbc8"]]), Zo = ["accept"], Xo = { class: "attachment-section__info open-sans" }, el = {
|
2678
2684
|
key: 2,
|
@@ -2691,9 +2697,9 @@ const xg = (e, t = null) => {
|
|
2691
2697
|
},
|
2692
2698
|
emits: ["fileSelected"],
|
2693
2699
|
setup(e, { emit: t }) {
|
2694
|
-
const n = e, f = b(ee("filebumpUrl")), a = b(null), s = b(), i = b(""), l = b(""), c = b(), A = t,
|
2700
|
+
const n = e, f = b(ee("filebumpUrl")), a = b(null), s = b(), i = b(""), l = b(""), c = b(), A = t, d = () => {
|
2695
2701
|
s.value && l.value != "success" && s.value.click();
|
2696
|
-
},
|
2702
|
+
}, g = {
|
2697
2703
|
DOCUMENT: {
|
2698
2704
|
text: "Документ до 100 МБ",
|
2699
2705
|
accept: ".pdf,.doc,.docx,.xls,.xlsx",
|
@@ -2720,14 +2726,14 @@ const xg = (e, t = null) => {
|
|
2720
2726
|
if (y) {
|
2721
2727
|
i.value = "";
|
2722
2728
|
const h = y.name.split(".");
|
2723
|
-
if (
|
2724
|
-
i.value =
|
2725
|
-
else if (y.size >
|
2729
|
+
if (g[n.type].accept.indexOf(h[h.length - 1]) == -1)
|
2730
|
+
i.value = g[n.type].error;
|
2731
|
+
else if (y.size > g[n.type].maxSize)
|
2726
2732
|
i.value = "Файл слишком большого размера";
|
2727
2733
|
else if (!i.value) {
|
2728
2734
|
a.value = y, l.value = "uploading";
|
2729
|
-
const
|
2730
|
-
xt(typeof
|
2735
|
+
const S = E(f.value);
|
2736
|
+
xt(typeof S == "string" ? S : null, y).then((j) => {
|
2731
2737
|
l.value = j.status, j.status == "success" && (A("fileSelected", {
|
2732
2738
|
url: j.url,
|
2733
2739
|
filename: j.name,
|
@@ -2760,8 +2766,8 @@ const xg = (e, t = null) => {
|
|
2760
2766
|
), (p, y) => (r(), u(q, null, [
|
2761
2767
|
l.value !== "success" ? (r(), u("div", {
|
2762
2768
|
key: 0,
|
2763
|
-
class:
|
2764
|
-
onClick:
|
2769
|
+
class: O(["attachment-section", { "attachment-section__error": i.value }]),
|
2770
|
+
onClick: d
|
2765
2771
|
}, [
|
2766
2772
|
o("input", {
|
2767
2773
|
type: "file",
|
@@ -2769,20 +2775,20 @@ const xg = (e, t = null) => {
|
|
2769
2775
|
ref_key: "fileInput",
|
2770
2776
|
ref: s,
|
2771
2777
|
style: { display: "none" },
|
2772
|
-
accept:
|
2778
|
+
accept: g[e.type].accept,
|
2773
2779
|
onChange: m
|
2774
2780
|
}, null, 40, Zo),
|
2775
2781
|
y[1] || (y[1] = o("span", { class: "pi pi-paperclip attachment-section__icon" }, null, -1)),
|
2776
2782
|
o("div", null, [
|
2777
2783
|
y[0] || (y[0] = o("p", { class: "attachment-section__title open-sans-bold" }, " Прикрепить файл ", -1)),
|
2778
|
-
o("p", Xo,
|
2784
|
+
o("p", Xo, T(g[e.type].text), 1)
|
2779
2785
|
])
|
2780
2786
|
], 2)) : l.value === "success" && c.value ? (r(), B(Vt, {
|
2781
2787
|
key: 1,
|
2782
2788
|
"file-info": c.value,
|
2783
2789
|
onReset: M
|
2784
2790
|
}, null, 8, ["file-info"])) : v("", !0),
|
2785
|
-
i.value ? (r(), u("div", el,
|
2791
|
+
i.value ? (r(), u("div", el, T(i.value), 1)) : v("", !0)
|
2786
2792
|
], 64));
|
2787
2793
|
}
|
2788
2794
|
}), nl = /* @__PURE__ */ R(tl, [["__scopeId", "data-v-4ded5a07"]]), fl = { class: "quick-reply-buttons" }, al = ["onClick"], sl = { class: "quick-reply-buttons__line" }, il = /* @__PURE__ */ W({
|
@@ -2806,14 +2812,14 @@ const xg = (e, t = null) => {
|
|
2806
2812
|
(r(!0), u(q, null, te(e.buttons.slice(0, 3), (c, A) => (r(), u("div", {
|
2807
2813
|
class: "quick-reply-buttons__preview-action",
|
2808
2814
|
key: A,
|
2809
|
-
onClick: (
|
2815
|
+
onClick: (d) => s(A)
|
2810
2816
|
}, [
|
2811
2817
|
l[0] || (l[0] = o("hr", { class: "quick-reply-buttons__separator" }, null, -1)),
|
2812
2818
|
o("div", sl, [
|
2813
2819
|
o("span", {
|
2814
|
-
class:
|
2820
|
+
class: O(["quick-reply-buttons__icon pi pi-arrow-up-left", A == 2 && e.buttons.length > 3 ? "pi-list" : a[c.type]])
|
2815
2821
|
}, null, 2),
|
2816
|
-
o("p", null,
|
2822
|
+
o("p", null, T(A == 2 && e.buttons.length > 3 ? "Смотреть все варианты" : c.text), 1)
|
2817
2823
|
])
|
2818
2824
|
], 8, al))), 128))
|
2819
2825
|
]));
|
@@ -2847,9 +2853,9 @@ const xg = (e, t = null) => {
|
|
2847
2853
|
key: l
|
2848
2854
|
}, [
|
2849
2855
|
o("span", {
|
2850
|
-
class:
|
2856
|
+
class: O(["pi pi-arrow-up-left", n[i.type]])
|
2851
2857
|
}, null, 2),
|
2852
|
-
o("p", null,
|
2858
|
+
o("p", null, T(i.text), 1)
|
2853
2859
|
]))), 128))
|
2854
2860
|
])
|
2855
2861
|
]));
|
@@ -2907,28 +2913,28 @@ const xg = (e, t = null) => {
|
|
2907
2913
|
file: null,
|
2908
2914
|
buttons: null
|
2909
2915
|
};
|
2910
|
-
|
2916
|
+
g.value ? (z.text = ze.value, z.templateId = d.value.templateId, z.values = Ye.value, z.file = g.value) : (z.text = ze.value, z.templateId = d.value.templateId, z.values = Ye.value), d.value.buttons && (z.buttons = d.value.buttons), a("sendWabaValues", z), Ze();
|
2911
2917
|
}, l = (z) => {
|
2912
|
-
|
2913
|
-
}, c = b(null), A = b(null),
|
2918
|
+
g.value = z;
|
2919
|
+
}, c = b(null), A = b(null), d = b(null), g = b(null), m = b(""), M = b(!1), p = () => {
|
2914
2920
|
M.value = !M.value, M.value ? (c.value.scrollTop = 0, c.value.style["overflow-y"] = "hidden") : c.value.style["overflow-y"] = "scroll";
|
2915
2921
|
}, y = (z) => {
|
2916
2922
|
Object.keys(j).forEach((H) => {
|
2917
2923
|
j[H] = "";
|
2918
|
-
}),
|
2924
|
+
}), g.value = null, n.wabaTemplates.forEach((H) => H.isSelected = !1), z.isSelected = !0, d.value = z, M.value = !1, le();
|
2919
2925
|
}, h = () => {
|
2920
2926
|
Z(), n.wabaTemplates.forEach((z) => z.isSelected = !1);
|
2921
|
-
},
|
2927
|
+
}, V = Q(() => A.value ? n.wabaTemplates.filter((z) => z.groupId === A.value.groupId) : n.wabaTemplates), S = Q(() => {
|
2922
2928
|
const z = m.value.trim().toLowerCase();
|
2923
|
-
return
|
2924
|
-
}), j = ta({}),
|
2925
|
-
|
2929
|
+
return V.value.filter((H) => H.title.toLowerCase().includes(z) || H.template.toLowerCase().includes(z));
|
2930
|
+
}), j = ta({}), L = b(null), _ = b(), x = b(""), C = b(""), k = b(""), N = b(!1), w = Q(() => !!(N.value && (k.value == "grid" && C.value == "none" || C.value == "grid" && x.value == "none"))), I = Q(() => !!(N.value && (x.value == "grid" && C.value == "none" || C.value == "grid" && k.value == "none"))), U = () => {
|
2931
|
+
N.value && (C.value == "grid" ? J() : k.value == "grid" && Z());
|
2926
2932
|
}, $ = () => {
|
2927
|
-
|
2933
|
+
N.value && (C.value == "grid" ? le() : x.value == "grid" && Z());
|
2928
2934
|
}, J = () => {
|
2929
2935
|
const z = document.getElementById("waba-template-selector-container-" + f);
|
2930
2936
|
z.style.setProperty("--waba-template-first-col-display", "grid"), z.style.setProperty("--waba-template-second-col-display", "none"), console.log(z, window.getComputedStyle(z).getPropertyValue("--waba-template-first-col-display")), fe();
|
2931
|
-
},
|
2937
|
+
}, le = () => {
|
2932
2938
|
const z = document.getElementById("waba-template-selector-container-" + f);
|
2933
2939
|
z.style.setProperty("--waba-template-third-col-display", "grid"), z.style.setProperty("--waba-template-second-col-display", "none"), fe();
|
2934
2940
|
}, Z = () => {
|
@@ -2936,37 +2942,37 @@ const xg = (e, t = null) => {
|
|
2936
2942
|
z.style.setProperty("--waba-template-second-col-display", "grid"), z.style.setProperty("--waba-template-first-col-display", "none"), z.style.setProperty("--waba-template-third-col-display", "none"), fe();
|
2937
2943
|
}, fe = () => {
|
2938
2944
|
const z = document.getElementById("waba-template-selector-container-" + f), H = window.getComputedStyle(z);
|
2939
|
-
|
2945
|
+
x.value = H.getPropertyValue("--waba-template-first-col-display"), C.value = H.getPropertyValue("--waba-template-second-col-display"), k.value = H.getPropertyValue("--waba-template-third-col-display");
|
2940
2946
|
}, Je = (z) => {
|
2941
2947
|
j[z[1]] = z[0];
|
2942
2948
|
}, he = Q(() => {
|
2943
2949
|
var Ne;
|
2944
|
-
const z = (Ne =
|
2950
|
+
const z = (Ne = d.value) == null ? void 0 : Ne.template;
|
2945
2951
|
if (!z) return [];
|
2946
2952
|
const H = [...z.matchAll(/{{\d+}}/g)], Y = [];
|
2947
|
-
let
|
2953
|
+
let oe = 0;
|
2948
2954
|
return H.forEach((Pe) => {
|
2949
|
-
Pe.index >
|
2950
|
-
}),
|
2955
|
+
Pe.index > oe && Y.push(z.substring(oe, Pe.index)), Y.push({ index: parseInt(Pe[0].slice(2, -2)) }), oe = Pe.index + Pe[0].length;
|
2956
|
+
}), oe < z.length && Y.push(z.substring(oe)), Y;
|
2951
2957
|
}), Ge = Q(() => {
|
2952
2958
|
var H, Y;
|
2953
|
-
if (!
|
2959
|
+
if (!d.value)
|
2954
2960
|
return !0;
|
2955
|
-
if (!((H =
|
2961
|
+
if (!((H = d.value) != null && H.template.match(/{{\d+}}/gi)))
|
2956
2962
|
return !1;
|
2957
|
-
const z = Object.keys(j).length !== ((Y =
|
2958
|
-
if (
|
2963
|
+
const z = Object.keys(j).length !== ((Y = d.value) == null ? void 0 : Y.template.match(/{{\d+}}/gi).length);
|
2964
|
+
if (d.value.type === "TEXT")
|
2959
2965
|
return z;
|
2960
|
-
if (
|
2961
|
-
return z || !
|
2966
|
+
if (d.value.type !== "TEXT")
|
2967
|
+
return z || !g.value;
|
2962
2968
|
}), Ze = () => {
|
2963
2969
|
Object.keys(j).forEach((z) => {
|
2964
2970
|
j[z] = "";
|
2965
|
-
}),
|
2971
|
+
}), g.value = null, d.value = null, n.wabaTemplates.forEach((z) => z.isSelected = !1);
|
2966
2972
|
}, ze = Q(() => {
|
2967
|
-
console.log(he.value,
|
2973
|
+
console.log(he.value, d.value.buttons);
|
2968
2974
|
let z = he.value.map((Y) => typeof Y == "string" ? Y : j[Y.index]).join(""), H = "";
|
2969
|
-
return
|
2975
|
+
return d.value.buttons && (H = d.value.buttons.map((Y) => `
|
2970
2976
|
| [` + Y.text + "]").join("")), z.concat(H);
|
2971
2977
|
}), Ye = Q(() => {
|
2972
2978
|
const z = [];
|
@@ -2975,29 +2981,29 @@ const xg = (e, t = null) => {
|
|
2975
2981
|
return z;
|
2976
2982
|
}), Oe = new ResizeObserver((z) => {
|
2977
2983
|
const H = z[0].target.clientWidth;
|
2978
|
-
H > 700 && (
|
2984
|
+
H > 700 && (N.value = !1), H < 700 && (N.value = !0);
|
2979
2985
|
});
|
2980
|
-
return
|
2981
|
-
fe(),
|
2986
|
+
return ie(() => {
|
2987
|
+
fe(), E(_) && Oe.observe(E(_));
|
2982
2988
|
}), (z, H) => (r(), u("div", dl, [
|
2983
2989
|
o("div", {
|
2984
|
-
class:
|
2990
|
+
class: O({
|
2985
2991
|
"template-selector__container-inline": !e.elevatedWindow,
|
2986
2992
|
"template-selector__container-elevated": e.elevatedWindow
|
2987
2993
|
}),
|
2988
2994
|
ref_key: "refContainer",
|
2989
|
-
ref:
|
2990
|
-
id: "waba-template-selector-container-" +
|
2995
|
+
ref: _,
|
2996
|
+
id: "waba-template-selector-container-" + E(f)
|
2991
2997
|
}, [
|
2992
2998
|
o("div", ml, [
|
2993
2999
|
o("div", pl, [
|
2994
|
-
|
3000
|
+
w.value ? (r(), u("button", hl, [
|
2995
3001
|
o("span", {
|
2996
3002
|
class: "pi pi-arrow-left",
|
2997
3003
|
onClick: U
|
2998
3004
|
})
|
2999
3005
|
])) : v("", !0),
|
3000
|
-
|
3006
|
+
I.value ? (r(), u("button", vl, [
|
3001
3007
|
o("span", {
|
3002
3008
|
class: "pi pi-arrow-right",
|
3003
3009
|
onClick: $
|
@@ -3014,9 +3020,9 @@ const xg = (e, t = null) => {
|
|
3014
3020
|
o("div", yl, [
|
3015
3021
|
o("div", bl, [
|
3016
3022
|
o("ul", Ml, [
|
3017
|
-
(r(!0), u(q, null, te(e.groupTemplates, (Y,
|
3018
|
-
key:
|
3019
|
-
class:
|
3023
|
+
(r(!0), u(q, null, te(e.groupTemplates, (Y, oe) => (r(), u("li", {
|
3024
|
+
key: oe,
|
3025
|
+
class: O(["template-selector__item-group", { "template-selector__item-selected": A.value === Y }]),
|
3020
3026
|
onClick: h
|
3021
3027
|
}, [
|
3022
3028
|
o("label", _l, [
|
@@ -3026,8 +3032,8 @@ const xg = (e, t = null) => {
|
|
3026
3032
|
src: Y.iconUrl,
|
3027
3033
|
alt: Y.title
|
3028
3034
|
}, null, 8, Il)) : v("", !0),
|
3029
|
-
|
3030
|
-
id:
|
3035
|
+
ce(o("input", {
|
3036
|
+
id: oe,
|
3031
3037
|
"onUpdate:modelValue": H[0] || (H[0] = (Ne) => A.value = Ne),
|
3032
3038
|
value: Y,
|
3033
3039
|
class: "template-selector__input-group",
|
@@ -3035,14 +3041,14 @@ const xg = (e, t = null) => {
|
|
3035
3041
|
}, null, 8, wl), [
|
3036
3042
|
[ea, A.value]
|
3037
3043
|
]),
|
3038
|
-
o("span", null,
|
3044
|
+
o("span", null, T(Y.title), 1)
|
3039
3045
|
])
|
3040
3046
|
], 2))), 128))
|
3041
3047
|
])
|
3042
3048
|
]),
|
3043
3049
|
o("div", kl, [
|
3044
3050
|
o("div", Nl, [
|
3045
|
-
|
3051
|
+
ce(o("input", {
|
3046
3052
|
"onUpdate:modelValue": H[1] || (H[1] = (Y) => m.value = Y),
|
3047
3053
|
class: "template-selector__searching-input",
|
3048
3054
|
type: "text",
|
@@ -3052,15 +3058,15 @@ const xg = (e, t = null) => {
|
|
3052
3058
|
])
|
3053
3059
|
]),
|
3054
3060
|
o("div", Dl, [
|
3055
|
-
|
3056
|
-
(r(!0), u(q, null, te(
|
3057
|
-
key:
|
3058
|
-
class:
|
3061
|
+
S.value.length !== 0 ? (r(), u("ul", El, [
|
3062
|
+
(r(!0), u(q, null, te(S.value, (Y, oe) => (r(), u("li", {
|
3063
|
+
key: oe,
|
3064
|
+
class: O(["template-selector__item-template", { "template-selector__item-selected": Y.isSelected }]),
|
3059
3065
|
onClick: (Ne) => y(Y)
|
3060
3066
|
}, [
|
3061
3067
|
o("div", jl, [
|
3062
|
-
o("p", xl,
|
3063
|
-
o("p", Vl,
|
3068
|
+
o("p", xl, T(Y.title), 1),
|
3069
|
+
o("p", Vl, T(Y.template), 1)
|
3064
3070
|
])
|
3065
3071
|
], 10, Tl))), 128))
|
3066
3072
|
])) : (r(), u("p", Sl, " Шаблоны отсутствуют "))
|
@@ -3074,28 +3080,28 @@ const xg = (e, t = null) => {
|
|
3074
3080
|
}, [
|
3075
3081
|
he.value.length > 0 ? (r(), u("div", zl, [
|
3076
3082
|
o("div", Ol, [
|
3077
|
-
|
3083
|
+
d.value.type != "TEXT" ? (r(), B(nl, {
|
3078
3084
|
key: 0,
|
3079
|
-
type:
|
3080
|
-
"template-id":
|
3085
|
+
type: d.value.type,
|
3086
|
+
"template-id": d.value.templateId,
|
3081
3087
|
onFileSelected: l
|
3082
3088
|
}, null, 8, ["type", "template-id"])) : v("", !0),
|
3083
3089
|
o("div", Ll, [
|
3084
|
-
(r(!0), u(q, null, te(he.value, (Y,
|
3085
|
-
typeof Y == "string" ? (r(), u("span", Ul,
|
3090
|
+
(r(!0), u(q, null, te(he.value, (Y, oe) => (r(), u(q, { key: oe }, [
|
3091
|
+
typeof Y == "string" ? (r(), u("span", Ul, T(Y), 1)) : typeof Y == "object" ? (r(), B(Go, {
|
3086
3092
|
key: 1,
|
3087
3093
|
index: Y.index,
|
3088
3094
|
value: j[Y.index] || "Заполнить",
|
3089
3095
|
"is-filled": !!j[Y.index],
|
3090
|
-
onClick: (Ne) =>
|
3096
|
+
onClick: (Ne) => L.value = Y.index,
|
3091
3097
|
onEdit: Je
|
3092
3098
|
}, null, 8, ["index", "value", "is-filled", "onClick"])) : v("", !0)
|
3093
3099
|
], 64))), 128))
|
3094
3100
|
]),
|
3095
3101
|
H[2] || (H[2] = o("p", { class: "template-selector__preview-time" }, " 22:22 ", -1)),
|
3096
|
-
|
3102
|
+
d.value.buttons ? (r(), B(ol, {
|
3097
3103
|
key: 1,
|
3098
|
-
buttons:
|
3104
|
+
buttons: d.value.buttons,
|
3099
3105
|
onSelectAllVariants: p
|
3100
3106
|
}, null, 8, ["buttons"])) : v("", !0)
|
3101
3107
|
])
|
@@ -3106,7 +3112,7 @@ const xg = (e, t = null) => {
|
|
3106
3112
|
onClick: p
|
3107
3113
|
}),
|
3108
3114
|
F(ul, {
|
3109
|
-
buttons:
|
3115
|
+
buttons: d.value.buttons,
|
3110
3116
|
onSelectAllVariants: p
|
3111
3117
|
}, null, 8, ["buttons"])
|
3112
3118
|
])) : v("", !0)
|
@@ -3159,26 +3165,26 @@ const xg = (e, t = null) => {
|
|
3159
3165
|
n.mode == "click" && n.state == "active" && (i.value.style.display == "none" ? i.value.style.display = "inherit" : i.value.style.display == "inherit" && (i.value.style.display = "none"));
|
3160
3166
|
}, A = () => {
|
3161
3167
|
n.mode == "hover" && n.state == "active" && (i.value.style.display = "inherit");
|
3162
|
-
}, g = () => {
|
3163
|
-
n.mode == "hover" && n.state == "active" && (i.value.style.display = "none");
|
3164
3168
|
}, d = () => {
|
3169
|
+
n.mode == "hover" && n.state == "active" && (i.value.style.display = "none");
|
3170
|
+
}, g = () => {
|
3165
3171
|
i.value.style.display = "none";
|
3166
3172
|
};
|
3167
|
-
|
3173
|
+
ie(() => {
|
3168
3174
|
i.value.style.display = "none";
|
3169
3175
|
});
|
3170
3176
|
const m = (M) => {
|
3171
3177
|
l("sendWabaValues", M);
|
3172
3178
|
};
|
3173
3179
|
return (M, p) => (r(), u(q, null, [
|
3174
|
-
|
3180
|
+
E(a)().isRecording ? v("", !0) : (r(), u("button", {
|
3175
3181
|
key: 0,
|
3176
3182
|
ref_key: "templateButton",
|
3177
3183
|
ref: s,
|
3178
|
-
class:
|
3184
|
+
class: O(["button-template", { "button-template-disabled": e.state == "disabled" }]),
|
3179
3185
|
onClick: c,
|
3180
3186
|
onMouseover: A,
|
3181
|
-
onMouseout:
|
3187
|
+
onMouseout: d
|
3182
3188
|
}, p[0] || (p[0] = [
|
3183
3189
|
o("span", { class: "pi pi-code" }, null, -1)
|
3184
3190
|
]), 34)),
|
@@ -3186,13 +3192,13 @@ const xg = (e, t = null) => {
|
|
3186
3192
|
ref_key: "template",
|
3187
3193
|
ref: i,
|
3188
3194
|
onMouseover: A,
|
3189
|
-
onMouseout:
|
3195
|
+
onMouseout: d
|
3190
3196
|
}, [
|
3191
3197
|
F(Yl, {
|
3192
3198
|
"waba-templates": e.wabaTemplates,
|
3193
3199
|
"group-templates": e.groupTemplates,
|
3194
3200
|
"elevated-window": e.elevatedWindow,
|
3195
|
-
onCloseTemplateWindow:
|
3201
|
+
onCloseTemplateWindow: g,
|
3196
3202
|
onSendWabaValues: m
|
3197
3203
|
}, null, 8, ["waba-templates", "group-templates", "elevated-window"])
|
3198
3204
|
], 544)
|
@@ -15379,46 +15385,46 @@ function _r() {
|
|
15379
15385
|
};
|
15380
15386
|
},
|
15381
15387
|
get disabled() {
|
15382
|
-
let
|
15383
|
-
return this.options.displayRecent || (
|
15388
|
+
let g = Array.isArray(this.options.disabledGroups) ? this.options.disabledGroups : [];
|
15389
|
+
return this.options.displayRecent || (g = ["recent", ...g]), g;
|
15384
15390
|
},
|
15385
15391
|
get groups() {
|
15386
15392
|
return Uf.filter(
|
15387
|
-
(
|
15393
|
+
(g) => !this.disabled.includes(g.key)
|
15388
15394
|
);
|
15389
15395
|
},
|
15390
15396
|
get orderedGroupKeys() {
|
15391
|
-
const
|
15397
|
+
const g = [
|
15392
15398
|
...this.options.groupOrder,
|
15393
15399
|
...Object.keys(this.options.additionalGroups),
|
15394
15400
|
...Uf.map((m) => m.key)
|
15395
15401
|
];
|
15396
|
-
return [...new Set(
|
15402
|
+
return [...new Set(g)].filter((m) => !this.disabled.includes(m));
|
15397
15403
|
}
|
15398
15404
|
});
|
15399
15405
|
function t() {
|
15400
15406
|
e.options.displayRecent && f();
|
15401
15407
|
}
|
15402
15408
|
async function n() {
|
15403
|
-
var
|
15409
|
+
var g;
|
15404
15410
|
let m = await Mr();
|
15405
|
-
return Array.isArray(m) && m.length ? m = JSON.parse(((
|
15411
|
+
return Array.isArray(m) && m.length ? m = JSON.parse(((g = m[0]) == null ? void 0 : g.value) || "") : m = [], m;
|
15406
15412
|
}
|
15407
15413
|
function f() {
|
15408
|
-
n().then((
|
15409
|
-
e.recent =
|
15414
|
+
n().then((g) => {
|
15415
|
+
e.recent = g, A();
|
15410
15416
|
});
|
15411
15417
|
}
|
15412
|
-
const a = (
|
15413
|
-
e.search =
|
15414
|
-
}, s = (
|
15415
|
-
e.emoji =
|
15416
|
-
}, i = (
|
15417
|
-
e.activeGroup =
|
15418
|
-
}, l = (
|
15419
|
-
e.skinTone =
|
15420
|
-
}, c = (
|
15421
|
-
e.options = Object.assign({}, e.options,
|
15418
|
+
const a = (g) => {
|
15419
|
+
e.search = g;
|
15420
|
+
}, s = (g) => {
|
15421
|
+
e.emoji = g;
|
15422
|
+
}, i = (g) => {
|
15423
|
+
e.activeGroup = g;
|
15424
|
+
}, l = (g = Mn) => {
|
15425
|
+
e.skinTone = g;
|
15426
|
+
}, c = (g) => {
|
15427
|
+
e.options = Object.assign({}, e.options, g), t();
|
15422
15428
|
};
|
15423
15429
|
async function A() {
|
15424
15430
|
(await Af(cf, uf)).transaction(nt, "readwrite").objectStore(nt).put({
|
@@ -15426,13 +15432,13 @@ function _r() {
|
|
15426
15432
|
value: JSON.stringify(e.recent)
|
15427
15433
|
});
|
15428
15434
|
}
|
15429
|
-
const
|
15435
|
+
const d = (g) => {
|
15430
15436
|
if (e.options.displayRecent !== !0)
|
15431
15437
|
return;
|
15432
|
-
const m = e.recent.findIndex((p) => p.u ===
|
15438
|
+
const m = e.recent.findIndex((p) => p.u === g.u);
|
15433
15439
|
if (m > 0 && e.recent.splice(m, 1), m === 0)
|
15434
15440
|
return;
|
15435
|
-
const M = { u:
|
15441
|
+
const M = { u: g.u, n: na(g.n) };
|
15436
15442
|
e.recent = [M, ...e.recent], e.recent.length > 24 && (e.recent.length = 24), A();
|
15437
15443
|
};
|
15438
15444
|
return {
|
@@ -15442,10 +15448,10 @@ function _r() {
|
|
15442
15448
|
updateActiveGroup: i,
|
15443
15449
|
updateSkinTone: l,
|
15444
15450
|
updateOptions: c,
|
15445
|
-
updateSelect:
|
15451
|
+
updateSelect: d
|
15446
15452
|
};
|
15447
15453
|
}
|
15448
|
-
var
|
15454
|
+
var ue = "top", Me = "bottom", _e = "right", de = "left", df = "auto", St = [ue, Me, _e, de], ft = "start", Tt = "end", Ir = "clippingParents", Ma = "viewport", gt = "popper", wr = "reference", $f = /* @__PURE__ */ St.reduce(function(e, t) {
|
15449
15455
|
return e.concat([t + "-" + ft, t + "-" + Tt]);
|
15450
15456
|
}, []), _a = /* @__PURE__ */ [].concat(St, [df]).reduce(function(e, t) {
|
15451
15457
|
return e.concat([t, t + "-" + ft, t + "-" + Tt]);
|
@@ -15630,10 +15636,10 @@ var Qr = function(t, n) {
|
|
15630
15636
|
})) : t, Na(typeof t != "number" ? t : Da(t, St));
|
15631
15637
|
};
|
15632
15638
|
function $r(e) {
|
15633
|
-
var t, n = e.state, f = e.name, a = e.options, s = n.elements.arrow, i = n.modifiersData.popperOffsets, l = Te(n.placement), c = mf(l), A = [
|
15639
|
+
var t, n = e.state, f = e.name, a = e.options, s = n.elements.arrow, i = n.modifiersData.popperOffsets, l = Te(n.placement), c = mf(l), A = [de, _e].indexOf(l) >= 0, d = A ? "height" : "width";
|
15634
15640
|
if (!(!s || !i)) {
|
15635
|
-
var
|
15636
|
-
n.modifiersData[f] = (t = {}, t[
|
15641
|
+
var g = Qr(a.padding, n), m = gf(s), M = c === "y" ? ue : de, p = c === "y" ? Me : _e, y = n.rects.reference[d] + n.rects.reference[c] - i[c] - n.rects.popper[d], h = i[c] - n.rects.reference[c], V = Ct(s), S = V ? c === "y" ? V.clientHeight || 0 : V.clientWidth || 0 : 0, j = y / 2 - h / 2, L = g[M], _ = S - m[d] - g[p], x = S / 2 - m[d] / 2 + j, C = It(L, x, _), k = c;
|
15642
|
+
n.modifiersData[f] = (t = {}, t[k] = C, t.centerOffset = C - x, t);
|
15637
15643
|
}
|
15638
15644
|
}
|
15639
15645
|
function Yr(e) {
|
@@ -15666,28 +15672,28 @@ function qr(e) {
|
|
15666
15672
|
};
|
15667
15673
|
}
|
15668
15674
|
function Pf(e) {
|
15669
|
-
var t, n = e.popper, f = e.popperRect, a = e.placement, s = e.variation, i = e.offsets, l = e.position, c = e.gpuAcceleration, A = e.adaptive,
|
15675
|
+
var t, n = e.popper, f = e.popperRect, a = e.placement, s = e.variation, i = e.offsets, l = e.position, c = e.gpuAcceleration, A = e.adaptive, d = e.roundOffsets, g = e.isFixed, m = d === !0 ? qr(i) : typeof d == "function" ? d(i) : i, M = m.x, p = M === void 0 ? 0 : M, y = m.y, h = y === void 0 ? 0 : y, V = i.hasOwnProperty("x"), S = i.hasOwnProperty("y"), j = de, L = ue, _ = window;
|
15670
15676
|
if (A) {
|
15671
|
-
var
|
15672
|
-
if (
|
15673
|
-
|
15674
|
-
var
|
15675
|
-
h -=
|
15677
|
+
var x = Ct(n), C = "clientHeight", k = "clientWidth";
|
15678
|
+
if (x === ke(n) && (x = Qe(n), xe(x).position !== "static" && l === "absolute" && (C = "scrollHeight", k = "scrollWidth")), x = x, a === ue || (a === de || a === _e) && s === Tt) {
|
15679
|
+
L = Me;
|
15680
|
+
var N = g && _.visualViewport ? _.visualViewport.height : x[C];
|
15681
|
+
h -= N - f.height, h *= c ? 1 : -1;
|
15676
15682
|
}
|
15677
|
-
if (a ===
|
15683
|
+
if (a === de || (a === ue || a === Me) && s === Tt) {
|
15678
15684
|
j = _e;
|
15679
|
-
var
|
15680
|
-
p -=
|
15685
|
+
var w = g && _.visualViewport ? _.visualViewport.width : x[k];
|
15686
|
+
p -= w - f.width, p *= c ? 1 : -1;
|
15681
15687
|
}
|
15682
15688
|
}
|
15683
|
-
var
|
15689
|
+
var I = Object.assign({
|
15684
15690
|
position: l
|
15685
15691
|
}, A && Fr);
|
15686
15692
|
if (c) {
|
15687
15693
|
var U;
|
15688
|
-
return Object.assign({},
|
15694
|
+
return Object.assign({}, I, (U = {}, U[L] = S ? "0" : "", U[j] = V ? "0" : "", U.transform = (_.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + h + "px)" : "translate3d(" + p + "px, " + h + "px, 0)", U));
|
15689
15695
|
}
|
15690
|
-
return Object.assign({},
|
15696
|
+
return Object.assign({}, I, (t = {}, t[L] = S ? h + "px" : "", t[j] = V ? p + "px" : "", t.transform = "", t));
|
15691
15697
|
}
|
15692
15698
|
function Hr(e) {
|
15693
15699
|
var t = e.state, n = e.options, f = n.gpuAcceleration, a = f === void 0 ? !0 : f, s = n.adaptive, i = s === void 0 ? !0 : s, l = n.roundOffsets, c = l === void 0 ? !0 : l, A = {
|
@@ -15723,11 +15729,11 @@ var Wr = {
|
|
15723
15729
|
};
|
15724
15730
|
function Kr(e) {
|
15725
15731
|
var t = e.state, n = e.instance, f = e.options, a = f.scroll, s = a === void 0 ? !0 : a, i = f.resize, l = i === void 0 ? !0 : i, c = ke(t.elements.popper), A = [].concat(t.scrollParents.reference, t.scrollParents.popper);
|
15726
|
-
return s && A.forEach(function(
|
15727
|
-
|
15732
|
+
return s && A.forEach(function(d) {
|
15733
|
+
d.addEventListener("scroll", n.update, Yt);
|
15728
15734
|
}), l && c.addEventListener("resize", n.update, Yt), function() {
|
15729
|
-
s && A.forEach(function(
|
15730
|
-
|
15735
|
+
s && A.forEach(function(d) {
|
15736
|
+
d.removeEventListener("scroll", n.update, Yt);
|
15731
15737
|
}), l && c.removeEventListener("resize", n.update, Yt);
|
15732
15738
|
};
|
15733
15739
|
}
|
@@ -15831,7 +15837,7 @@ function fA(e, t, n) {
|
|
15831
15837
|
function Ta(e) {
|
15832
15838
|
var t = e.reference, n = e.element, f = e.placement, a = f ? Te(f) : null, s = f ? ot(f) : null, i = t.x + t.width / 2 - n.width / 2, l = t.y + t.height / 2 - n.height / 2, c;
|
15833
15839
|
switch (a) {
|
15834
|
-
case
|
15840
|
+
case ue:
|
15835
15841
|
c = {
|
15836
15842
|
x: i,
|
15837
15843
|
y: t.y - n.height
|
@@ -15849,7 +15855,7 @@ function Ta(e) {
|
|
15849
15855
|
y: l
|
15850
15856
|
};
|
15851
15857
|
break;
|
15852
|
-
case
|
15858
|
+
case de:
|
15853
15859
|
c = {
|
15854
15860
|
x: t.x - n.width,
|
15855
15861
|
y: l
|
@@ -15863,13 +15869,13 @@ function Ta(e) {
|
|
15863
15869
|
}
|
15864
15870
|
var A = a ? mf(a) : null;
|
15865
15871
|
if (A != null) {
|
15866
|
-
var
|
15872
|
+
var d = A === "y" ? "height" : "width";
|
15867
15873
|
switch (s) {
|
15868
15874
|
case ft:
|
15869
|
-
c[A] = c[A] - (t[
|
15875
|
+
c[A] = c[A] - (t[d] / 2 - n[d] / 2);
|
15870
15876
|
break;
|
15871
15877
|
case Tt:
|
15872
|
-
c[A] = c[A] + (t[
|
15878
|
+
c[A] = c[A] + (t[d] / 2 - n[d] / 2);
|
15873
15879
|
break;
|
15874
15880
|
}
|
15875
15881
|
}
|
@@ -15877,34 +15883,34 @@ function Ta(e) {
|
|
15877
15883
|
}
|
15878
15884
|
function jt(e, t) {
|
15879
15885
|
t === void 0 && (t = {});
|
15880
|
-
var n = t, f = n.placement, a = f === void 0 ? e.placement : f, s = n.boundary, i = s === void 0 ? Ir : s, l = n.rootBoundary, c = l === void 0 ? Ma : l, A = n.elementContext,
|
15881
|
-
reference:
|
15882
|
-
element:
|
15886
|
+
var n = t, f = n.placement, a = f === void 0 ? e.placement : f, s = n.boundary, i = s === void 0 ? Ir : s, l = n.rootBoundary, c = l === void 0 ? Ma : l, A = n.elementContext, d = A === void 0 ? gt : A, g = n.altBoundary, m = g === void 0 ? !1 : g, M = n.padding, p = M === void 0 ? 0 : M, y = Na(typeof p != "number" ? p : Da(p, St)), h = d === gt ? wr : gt, V = e.rects.popper, S = e.elements[m ? h : d], j = fA(at(S) ? S : S.contextElement || Qe(e.elements.popper), i, c), L = it(e.elements.reference), _ = Ta({
|
15887
|
+
reference: L,
|
15888
|
+
element: V,
|
15883
15889
|
strategy: "absolute",
|
15884
15890
|
placement: a
|
15885
|
-
}),
|
15891
|
+
}), x = Kn(Object.assign({}, V, _)), C = d === gt ? x : L, k = {
|
15886
15892
|
top: j.top - C.top + y.top,
|
15887
15893
|
bottom: C.bottom - j.bottom + y.bottom,
|
15888
15894
|
left: j.left - C.left + y.left,
|
15889
15895
|
right: C.right - j.right + y.right
|
15890
|
-
},
|
15891
|
-
if (
|
15892
|
-
var
|
15893
|
-
Object.keys(
|
15894
|
-
var U = [_e, Me].indexOf(
|
15895
|
-
|
15896
|
+
}, N = e.modifiersData.offset;
|
15897
|
+
if (d === gt && N) {
|
15898
|
+
var w = N[a];
|
15899
|
+
Object.keys(k).forEach(function(I) {
|
15900
|
+
var U = [_e, Me].indexOf(I) >= 0 ? 1 : -1, $ = [ue, Me].indexOf(I) >= 0 ? "y" : "x";
|
15901
|
+
k[I] += w[$] * U;
|
15896
15902
|
});
|
15897
15903
|
}
|
15898
|
-
return
|
15904
|
+
return k;
|
15899
15905
|
}
|
15900
15906
|
function aA(e, t) {
|
15901
15907
|
t === void 0 && (t = {});
|
15902
|
-
var n = t, f = n.placement, a = n.boundary, s = n.rootBoundary, i = n.padding, l = n.flipVariations, c = n.allowedAutoPlacements, A = c === void 0 ? _a : c,
|
15903
|
-
return ot(p) ===
|
15904
|
-
}) : St, m =
|
15908
|
+
var n = t, f = n.placement, a = n.boundary, s = n.rootBoundary, i = n.padding, l = n.flipVariations, c = n.allowedAutoPlacements, A = c === void 0 ? _a : c, d = ot(f), g = d ? l ? $f : $f.filter(function(p) {
|
15909
|
+
return ot(p) === d;
|
15910
|
+
}) : St, m = g.filter(function(p) {
|
15905
15911
|
return A.indexOf(p) >= 0;
|
15906
15912
|
});
|
15907
|
-
m.length === 0 && (m =
|
15913
|
+
m.length === 0 && (m = g);
|
15908
15914
|
var M = m.reduce(function(p, y) {
|
15909
15915
|
return p[y] = jt(e, {
|
15910
15916
|
placement: y,
|
@@ -15926,50 +15932,50 @@ function sA(e) {
|
|
15926
15932
|
function iA(e) {
|
15927
15933
|
var t = e.state, n = e.options, f = e.name;
|
15928
15934
|
if (!t.modifiersData[f]._skip) {
|
15929
|
-
for (var a = n.mainAxis, s = a === void 0 ? !0 : a, i = n.altAxis, l = i === void 0 ? !0 : i, c = n.fallbackPlacements, A = n.padding,
|
15935
|
+
for (var a = n.mainAxis, s = a === void 0 ? !0 : a, i = n.altAxis, l = i === void 0 ? !0 : i, c = n.fallbackPlacements, A = n.padding, d = n.boundary, g = n.rootBoundary, m = n.altBoundary, M = n.flipVariations, p = M === void 0 ? !0 : M, y = n.allowedAutoPlacements, h = t.options.placement, V = Te(h), S = V === h, j = c || (S || !p ? [qt(h)] : sA(h)), L = [h].concat(j).reduce(function(Oe, z) {
|
15930
15936
|
return Oe.concat(Te(z) === df ? aA(t, {
|
15931
15937
|
placement: z,
|
15932
|
-
boundary:
|
15933
|
-
rootBoundary:
|
15938
|
+
boundary: d,
|
15939
|
+
rootBoundary: g,
|
15934
15940
|
padding: A,
|
15935
15941
|
flipVariations: p,
|
15936
15942
|
allowedAutoPlacements: y
|
15937
15943
|
}) : z);
|
15938
|
-
}, []),
|
15939
|
-
var
|
15940
|
-
placement:
|
15941
|
-
boundary:
|
15942
|
-
rootBoundary:
|
15944
|
+
}, []), _ = t.rects.reference, x = t.rects.popper, C = /* @__PURE__ */ new Map(), k = !0, N = L[0], w = 0; w < L.length; w++) {
|
15945
|
+
var I = L[w], U = Te(I), $ = ot(I) === ft, J = [ue, Me].indexOf(U) >= 0, le = J ? "width" : "height", Z = jt(t, {
|
15946
|
+
placement: I,
|
15947
|
+
boundary: d,
|
15948
|
+
rootBoundary: g,
|
15943
15949
|
altBoundary: m,
|
15944
15950
|
padding: A
|
15945
|
-
}), fe = J ? $ ? _e :
|
15946
|
-
|
15951
|
+
}), fe = J ? $ ? _e : de : $ ? Me : ue;
|
15952
|
+
_[le] > x[le] && (fe = qt(fe));
|
15947
15953
|
var Je = qt(fe), he = [];
|
15948
15954
|
if (s && he.push(Z[U] <= 0), l && he.push(Z[fe] <= 0, Z[Je] <= 0), he.every(function(Oe) {
|
15949
15955
|
return Oe;
|
15950
15956
|
})) {
|
15951
|
-
|
15957
|
+
N = I, k = !1;
|
15952
15958
|
break;
|
15953
15959
|
}
|
15954
|
-
C.set(
|
15960
|
+
C.set(I, he);
|
15955
15961
|
}
|
15956
|
-
if (
|
15962
|
+
if (k)
|
15957
15963
|
for (var Ge = p ? 3 : 1, Ze = function(z) {
|
15958
|
-
var H =
|
15959
|
-
var
|
15960
|
-
if (
|
15961
|
-
return
|
15964
|
+
var H = L.find(function(Y) {
|
15965
|
+
var oe = C.get(Y);
|
15966
|
+
if (oe)
|
15967
|
+
return oe.slice(0, z).every(function(Ne) {
|
15962
15968
|
return Ne;
|
15963
15969
|
});
|
15964
15970
|
});
|
15965
15971
|
if (H)
|
15966
|
-
return
|
15972
|
+
return N = H, "break";
|
15967
15973
|
}, ze = Ge; ze > 0; ze--) {
|
15968
15974
|
var Ye = Ze(ze);
|
15969
15975
|
if (Ye === "break")
|
15970
15976
|
break;
|
15971
15977
|
}
|
15972
|
-
t.placement !==
|
15978
|
+
t.placement !== N && (t.modifiersData[f]._skip = !0, t.placement = N, t.reset = !0);
|
15973
15979
|
}
|
15974
15980
|
}
|
15975
15981
|
var oA = {
|
@@ -15994,7 +16000,7 @@ function Hf(e, t, n) {
|
|
15994
16000
|
};
|
15995
16001
|
}
|
15996
16002
|
function Wf(e) {
|
15997
|
-
return [
|
16003
|
+
return [ue, _e, Me, de].some(function(t) {
|
15998
16004
|
return e[t] >= 0;
|
15999
16005
|
});
|
16000
16006
|
}
|
@@ -16003,15 +16009,15 @@ function lA(e) {
|
|
16003
16009
|
elementContext: "reference"
|
16004
16010
|
}), l = jt(t, {
|
16005
16011
|
altBoundary: !0
|
16006
|
-
}), c = Hf(i, f), A = Hf(l, a, s),
|
16012
|
+
}), c = Hf(i, f), A = Hf(l, a, s), d = Wf(c), g = Wf(A);
|
16007
16013
|
t.modifiersData[n] = {
|
16008
16014
|
referenceClippingOffsets: c,
|
16009
16015
|
popperEscapeOffsets: A,
|
16010
|
-
isReferenceHidden:
|
16011
|
-
hasPopperEscaped:
|
16016
|
+
isReferenceHidden: d,
|
16017
|
+
hasPopperEscaped: g
|
16012
16018
|
}, t.attributes.popper = Object.assign({}, t.attributes.popper, {
|
16013
|
-
"data-popper-reference-hidden":
|
16014
|
-
"data-popper-escaped":
|
16019
|
+
"data-popper-reference-hidden": d,
|
16020
|
+
"data-popper-escaped": g
|
16015
16021
|
});
|
16016
16022
|
}
|
16017
16023
|
var rA = {
|
@@ -16022,10 +16028,10 @@ var rA = {
|
|
16022
16028
|
fn: lA
|
16023
16029
|
};
|
16024
16030
|
function AA(e, t, n) {
|
16025
|
-
var f = Te(e), a = [
|
16031
|
+
var f = Te(e), a = [de, ue].indexOf(f) >= 0 ? -1 : 1, s = typeof n == "function" ? n(Object.assign({}, t, {
|
16026
16032
|
placement: e
|
16027
16033
|
})) : n, i = s[0], l = s[1];
|
16028
|
-
return i = i || 0, l = (l || 0) * a, [
|
16034
|
+
return i = i || 0, l = (l || 0) * a, [de, _e].indexOf(f) >= 0 ? {
|
16029
16035
|
x: l,
|
16030
16036
|
y: i
|
16031
16037
|
} : {
|
@@ -16034,8 +16040,8 @@ function AA(e, t, n) {
|
|
16034
16040
|
};
|
16035
16041
|
}
|
16036
16042
|
function cA(e) {
|
16037
|
-
var t = e.state, n = e.options, f = e.name, a = n.offset, s = a === void 0 ? [0, 0] : a, i = _a.reduce(function(
|
16038
|
-
return g
|
16043
|
+
var t = e.state, n = e.options, f = e.name, a = n.offset, s = a === void 0 ? [0, 0] : a, i = _a.reduce(function(d, g) {
|
16044
|
+
return d[g] = AA(g, t.rects, s), d;
|
16039
16045
|
}, {}), l = i[t.placement], c = l.x, A = l.y;
|
16040
16046
|
t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += c, t.modifiersData.popperOffsets.y += A), t.modifiersData[f] = i;
|
16041
16047
|
}
|
@@ -16066,34 +16072,34 @@ function mA(e) {
|
|
16066
16072
|
return e === "x" ? "y" : "x";
|
16067
16073
|
}
|
16068
16074
|
function pA(e) {
|
16069
|
-
var t = e.state, n = e.options, f = e.name, a = n.mainAxis, s = a === void 0 ? !0 : a, i = n.altAxis, l = i === void 0 ? !1 : i, c = n.boundary, A = n.rootBoundary,
|
16075
|
+
var t = e.state, n = e.options, f = e.name, a = n.mainAxis, s = a === void 0 ? !0 : a, i = n.altAxis, l = i === void 0 ? !1 : i, c = n.boundary, A = n.rootBoundary, d = n.altBoundary, g = n.padding, m = n.tether, M = m === void 0 ? !0 : m, p = n.tetherOffset, y = p === void 0 ? 0 : p, h = jt(t, {
|
16070
16076
|
boundary: c,
|
16071
16077
|
rootBoundary: A,
|
16072
|
-
padding:
|
16073
|
-
altBoundary:
|
16074
|
-
}),
|
16078
|
+
padding: g,
|
16079
|
+
altBoundary: d
|
16080
|
+
}), V = Te(t.placement), S = ot(t.placement), j = !S, L = mf(V), _ = mA(L), x = t.modifiersData.popperOffsets, C = t.rects.reference, k = t.rects.popper, N = typeof y == "function" ? y(Object.assign({}, t.rects, {
|
16075
16081
|
placement: t.placement
|
16076
|
-
})) : y,
|
16077
|
-
mainAxis:
|
16078
|
-
altAxis:
|
16082
|
+
})) : y, w = typeof N == "number" ? {
|
16083
|
+
mainAxis: N,
|
16084
|
+
altAxis: N
|
16079
16085
|
} : Object.assign({
|
16080
16086
|
mainAxis: 0,
|
16081
16087
|
altAxis: 0
|
16082
|
-
},
|
16088
|
+
}, N), I = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, U = {
|
16083
16089
|
x: 0,
|
16084
16090
|
y: 0
|
16085
16091
|
};
|
16086
|
-
if (
|
16092
|
+
if (x) {
|
16087
16093
|
if (s) {
|
16088
|
-
var $, J =
|
16094
|
+
var $, J = L === "y" ? ue : de, le = L === "y" ? Me : _e, Z = L === "y" ? "height" : "width", fe = x[L], Je = fe + h[J], he = fe - h[le], Ge = M ? -k[Z] / 2 : 0, Ze = S === ft ? C[Z] : k[Z], ze = S === ft ? -k[Z] : -C[Z], Ye = t.elements.arrow, Oe = M && Ye ? gf(Ye) : {
|
16089
16095
|
width: 0,
|
16090
16096
|
height: 0
|
16091
|
-
}, z = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : ka(), H = z[J], Y = z[
|
16092
|
-
|
16097
|
+
}, z = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : ka(), H = z[J], Y = z[le], oe = It(0, C[Z], Oe[Z]), Ne = j ? C[Z] / 2 - Ge - oe - H - w.mainAxis : Ze - oe - H - w.mainAxis, Pe = j ? -C[Z] / 2 + Ge + oe + Y + w.mainAxis : ze + oe + Y + w.mainAxis, Dn = t.elements.arrow && Ct(t.elements.arrow), Ca = Dn ? L === "y" ? Dn.clientTop || 0 : Dn.clientLeft || 0 : 0, bf = ($ = I == null ? void 0 : I[L]) != null ? $ : 0, za = fe + Ne - bf - Ca, Oa = fe + Pe - bf, Mf = It(M ? _n(Je, za) : Je, fe, M ? He(he, Oa) : he);
|
16098
|
+
x[L] = Mf, U[L] = Mf - fe;
|
16093
16099
|
}
|
16094
16100
|
if (l) {
|
16095
|
-
var _f, La =
|
16096
|
-
|
16101
|
+
var _f, La = L === "x" ? ue : de, Ua = L === "x" ? Me : _e, Fe = x[_], Ut = _ === "y" ? "height" : "width", If = Fe + h[La], wf = Fe - h[Ua], En = [ue, de].indexOf(V) !== -1, kf = (_f = I == null ? void 0 : I[_]) != null ? _f : 0, Nf = En ? If : Fe - C[Ut] - k[Ut] - kf + w.altAxis, Df = En ? Fe + C[Ut] + k[Ut] - kf - w.altAxis : wf, Ef = M && En ? Rr(Nf, Fe, Df) : It(M ? Nf : If, Fe, M ? Df : wf);
|
16102
|
+
x[_] = Ef, U[_] = Ef - Fe;
|
16097
16103
|
}
|
16098
16104
|
t.modifiersData[f] = U;
|
16099
16105
|
}
|
@@ -16200,7 +16206,7 @@ function NA(e) {
|
|
16200
16206
|
var t = e, n = t.defaultModifiers, f = n === void 0 ? [] : n, a = t.defaultOptions, s = a === void 0 ? Kf : a;
|
16201
16207
|
return function(l, c, A) {
|
16202
16208
|
A === void 0 && (A = s);
|
16203
|
-
var
|
16209
|
+
var d = {
|
16204
16210
|
placement: "bottom",
|
16205
16211
|
orderedModifiers: [],
|
16206
16212
|
options: Object.assign({}, Kf, s),
|
@@ -16211,48 +16217,48 @@ function NA(e) {
|
|
16211
16217
|
},
|
16212
16218
|
attributes: {},
|
16213
16219
|
styles: {}
|
16214
|
-
},
|
16215
|
-
state:
|
16216
|
-
setOptions: function(
|
16217
|
-
var
|
16218
|
-
y(),
|
16220
|
+
}, g = [], m = !1, M = {
|
16221
|
+
state: d,
|
16222
|
+
setOptions: function(V) {
|
16223
|
+
var S = typeof V == "function" ? V(d.options) : V;
|
16224
|
+
y(), d.options = Object.assign({}, s, d.options, S), d.scrollParents = {
|
16219
16225
|
reference: at(l) ? wt(l) : l.contextElement ? wt(l.contextElement) : [],
|
16220
16226
|
popper: wt(c)
|
16221
16227
|
};
|
16222
|
-
var j = IA(kA([].concat(f,
|
16223
|
-
return
|
16224
|
-
return
|
16228
|
+
var j = IA(kA([].concat(f, d.options.modifiers)));
|
16229
|
+
return d.orderedModifiers = j.filter(function(L) {
|
16230
|
+
return L.enabled;
|
16225
16231
|
}), p(), M.update();
|
16226
16232
|
},
|
16227
16233
|
forceUpdate: function() {
|
16228
16234
|
if (!m) {
|
16229
|
-
var
|
16230
|
-
if (Jf(
|
16231
|
-
|
16232
|
-
reference: MA(
|
16235
|
+
var V = d.elements, S = V.reference, j = V.popper;
|
16236
|
+
if (Jf(S, j)) {
|
16237
|
+
d.rects = {
|
16238
|
+
reference: MA(S, Ct(j), d.options.strategy === "fixed"),
|
16233
16239
|
popper: gf(j)
|
16234
|
-
},
|
16235
|
-
return
|
16240
|
+
}, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(w) {
|
16241
|
+
return d.modifiersData[w.name] = Object.assign({}, w.data);
|
16236
16242
|
});
|
16237
|
-
for (var
|
16238
|
-
if (
|
16239
|
-
|
16243
|
+
for (var L = 0; L < d.orderedModifiers.length; L++) {
|
16244
|
+
if (d.reset === !0) {
|
16245
|
+
d.reset = !1, L = -1;
|
16240
16246
|
continue;
|
16241
16247
|
}
|
16242
|
-
var
|
16243
|
-
typeof
|
16244
|
-
state:
|
16245
|
-
options:
|
16246
|
-
name:
|
16248
|
+
var _ = d.orderedModifiers[L], x = _.fn, C = _.options, k = C === void 0 ? {} : C, N = _.name;
|
16249
|
+
typeof x == "function" && (d = x({
|
16250
|
+
state: d,
|
16251
|
+
options: k,
|
16252
|
+
name: N,
|
16247
16253
|
instance: M
|
16248
|
-
}) ||
|
16254
|
+
}) || d);
|
16249
16255
|
}
|
16250
16256
|
}
|
16251
16257
|
}
|
16252
16258
|
},
|
16253
16259
|
update: wA(function() {
|
16254
16260
|
return new Promise(function(h) {
|
16255
|
-
M.forceUpdate(), h(
|
16261
|
+
M.forceUpdate(), h(d);
|
16256
16262
|
});
|
16257
16263
|
}),
|
16258
16264
|
destroy: function() {
|
@@ -16265,24 +16271,24 @@ function NA(e) {
|
|
16265
16271
|
!m && A.onFirstUpdate && A.onFirstUpdate(h);
|
16266
16272
|
});
|
16267
16273
|
function p() {
|
16268
|
-
|
16269
|
-
var
|
16270
|
-
if (typeof
|
16271
|
-
var
|
16272
|
-
state:
|
16273
|
-
name:
|
16274
|
+
d.orderedModifiers.forEach(function(h) {
|
16275
|
+
var V = h.name, S = h.options, j = S === void 0 ? {} : S, L = h.effect;
|
16276
|
+
if (typeof L == "function") {
|
16277
|
+
var _ = L({
|
16278
|
+
state: d,
|
16279
|
+
name: V,
|
16274
16280
|
instance: M,
|
16275
16281
|
options: j
|
16276
|
-
}),
|
16282
|
+
}), x = function() {
|
16277
16283
|
};
|
16278
|
-
|
16284
|
+
g.push(_ || x);
|
16279
16285
|
}
|
16280
16286
|
});
|
16281
16287
|
}
|
16282
16288
|
function y() {
|
16283
|
-
|
16289
|
+
g.forEach(function(h) {
|
16284
16290
|
return h();
|
16285
|
-
}),
|
16291
|
+
}), g = [];
|
16286
16292
|
}
|
16287
16293
|
return M;
|
16288
16294
|
};
|
@@ -16304,10 +16310,10 @@ function TA(e, t, n, f = []) {
|
|
16304
16310
|
if (l[kn][0].includes(t.toLocaleLowerCase())) {
|
16305
16311
|
let A = l[va];
|
16306
16312
|
if (n !== Mn && Array.isArray(l[$t])) {
|
16307
|
-
const
|
16308
|
-
(
|
16313
|
+
const d = ((c = l[$t]) == null ? void 0 : c.findIndex(
|
16314
|
+
(g) => g.includes(n)
|
16309
16315
|
)) || -1;
|
16310
|
-
|
16316
|
+
d !== -1 && l[$t] && (A = l[$t][d]);
|
16311
16317
|
}
|
16312
16318
|
return i.push({
|
16313
16319
|
...l,
|
@@ -16348,8 +16354,8 @@ const jA = W({
|
|
16348
16354
|
e.options.additionalGroups && Object.keys(e.options.additionalGroups).map((p) => {
|
16349
16355
|
e.options.groupNames[p] ? c[p] = e.options.groupNames[p] : c[p] = Va(p);
|
16350
16356
|
});
|
16351
|
-
const
|
16352
|
-
function
|
16357
|
+
const d = xa() ? "is-mac" : "";
|
16358
|
+
function g(p) {
|
16353
16359
|
t(p);
|
16354
16360
|
}
|
16355
16361
|
function m(p) {
|
@@ -16361,8 +16367,8 @@ const jA = W({
|
|
16361
16367
|
}
|
16362
16368
|
function M(p, y) {
|
16363
16369
|
var h;
|
16364
|
-
const
|
16365
|
-
|
16370
|
+
const V = (h = p == null ? void 0 : p.target) == null ? void 0 : h.closest("button");
|
16371
|
+
V && (V.innerHTML = `<span>${Ht(y)}</span>`);
|
16366
16372
|
}
|
16367
16373
|
return G(
|
16368
16374
|
() => e.activeGroup,
|
@@ -16378,14 +16384,14 @@ const jA = W({
|
|
16378
16384
|
GROUP_NAMES: ha,
|
16379
16385
|
handleClick: m,
|
16380
16386
|
handleError: M,
|
16381
|
-
handleMouseEnter:
|
16387
|
+
handleMouseEnter: g,
|
16382
16388
|
native: e.options.native,
|
16383
16389
|
unicodeToEmoji: Ht,
|
16384
16390
|
EMOJI_RESULT_KEY: Et,
|
16385
16391
|
EMOJI_NAME_KEY: kn,
|
16386
16392
|
hasGroupNames: i,
|
16387
16393
|
isSticky: l,
|
16388
|
-
platform:
|
16394
|
+
platform: d,
|
16389
16395
|
groupNames: c,
|
16390
16396
|
orderedKeys: A
|
16391
16397
|
};
|
@@ -16398,27 +16404,27 @@ function UA(e, t, n, f, a, s) {
|
|
16398
16404
|
return r(), u("div", xA, [
|
16399
16405
|
o("div", {
|
16400
16406
|
ref: "bodyInner",
|
16401
|
-
class:
|
16407
|
+
class: O([e.platform, "v3-body-inner"])
|
16402
16408
|
}, [
|
16403
16409
|
e.orderedKeys.length ? (r(!0), u(q, { key: 0 }, te(e.orderedKeys, (i) => (r(), u("div", {
|
16404
16410
|
id: i,
|
16405
16411
|
key: i,
|
16406
16412
|
class: "v3-group"
|
16407
16413
|
}, [
|
16408
|
-
e.hasGroupNames ?
|
16414
|
+
e.hasGroupNames ? ce((r(), u("h5", {
|
16409
16415
|
key: 0,
|
16410
|
-
class:
|
16411
|
-
},
|
16416
|
+
class: O(e.isSticky ? "v3-sticky" : "")
|
16417
|
+
}, T(e.groupNames[i]), 3)), [
|
16412
16418
|
[We, e.emojis[i]]
|
16413
16419
|
]) : v("", !0),
|
16414
|
-
|
16420
|
+
ce(o("div", SA, [
|
16415
16421
|
(r(!0), u(q, null, te(e.emojis[i], (l) => (r(), u("button", {
|
16416
16422
|
key: l.r,
|
16417
16423
|
type: "button",
|
16418
16424
|
onMouseenter: (c) => e.handleMouseEnter(l),
|
16419
16425
|
onClick: (c) => e.handleClick(l)
|
16420
16426
|
}, [
|
16421
|
-
e.native ? (r(), u("span", zA,
|
16427
|
+
e.native ? (r(), u("span", zA, T(e.unicodeToEmoji(l.r)), 1)) : (r(), u("img", {
|
16422
16428
|
key: 1,
|
16423
16429
|
src: e.EMOJI_REMOTE_SRC + `/${l.r}.png`,
|
16424
16430
|
alt: l.n[0],
|
@@ -16440,19 +16446,19 @@ const WA = W({
|
|
16440
16446
|
() => t.options.staticTexts.placeholder || ""
|
16441
16447
|
), c = Q({
|
16442
16448
|
get: () => t.search,
|
16443
|
-
set: (
|
16449
|
+
set: (g) => n(g)
|
16444
16450
|
}), A = [
|
16445
16451
|
...t.groups,
|
16446
|
-
...Object.keys(t.options.additionalGroups).map((
|
16447
|
-
key:
|
16448
|
-
title: t.options.groupNames[
|
16452
|
+
...Object.keys(t.options.additionalGroups).map((g) => ({
|
16453
|
+
key: g,
|
16454
|
+
title: t.options.groupNames[g] ? t.options.groupNames[g] : Va(g)
|
16449
16455
|
}))
|
16450
|
-
],
|
16451
|
-
return i.forEach((
|
16452
|
-
const m = A.findIndex((M) => M.key ===
|
16453
|
-
m !== -1 && (
|
16456
|
+
], d = [];
|
16457
|
+
return i.forEach((g) => {
|
16458
|
+
const m = A.findIndex((M) => M.key === g);
|
16459
|
+
m !== -1 && (d.push(A[m]), A.splice(m, 1));
|
16454
16460
|
}), {
|
16455
|
-
orderedGroups:
|
16461
|
+
orderedGroups: d,
|
16456
16462
|
orderedKeys: i,
|
16457
16463
|
searchValue: c,
|
16458
16464
|
updateActiveGroup: f,
|
@@ -16492,7 +16498,7 @@ function fc(e, t, n, f, a, s) {
|
|
16492
16498
|
(r(!0), u(q, null, te(e.orderedGroups, (i) => (r(), u("button", {
|
16493
16499
|
key: i.key,
|
16494
16500
|
type: "button",
|
16495
|
-
class:
|
16501
|
+
class: O(["v3-group", {
|
16496
16502
|
"v3-is-hidden": !e.icons[i.key]
|
16497
16503
|
}]),
|
16498
16504
|
onClick: (l) => e.updateActiveGroup(i.key)
|
@@ -16510,7 +16516,7 @@ function fc(e, t, n, f, a, s) {
|
|
16510
16516
|
])) : v("", !0),
|
16511
16517
|
e.hasGroupIcons && e.hasSearch ? (r(), u("div", ec)) : v("", !0),
|
16512
16518
|
e.hasSearch ? (r(), u("div", tc, [
|
16513
|
-
|
16519
|
+
ce(o("input", {
|
16514
16520
|
"onUpdate:modelValue": t[0] || (t[0] = (i) => e.searchValue = i),
|
16515
16521
|
type: "text",
|
16516
16522
|
placeholder: e.placeholder
|
@@ -16533,10 +16539,10 @@ const sc = W({
|
|
16533
16539
|
function A(m = !0) {
|
16534
16540
|
n.value = m;
|
16535
16541
|
}
|
16536
|
-
function
|
16542
|
+
function d() {
|
16537
16543
|
n.value = !n.value;
|
16538
16544
|
}
|
16539
|
-
function
|
16545
|
+
function g(m) {
|
16540
16546
|
t(m), A(!1);
|
16541
16547
|
}
|
16542
16548
|
return G(
|
@@ -16550,8 +16556,8 @@ const sc = W({
|
|
16550
16556
|
updateSkinToneState: A,
|
16551
16557
|
skinTone: n,
|
16552
16558
|
stateSkinTone: a,
|
16553
|
-
selectSkinTone:
|
16554
|
-
toggleSkinToneState:
|
16559
|
+
selectSkinTone: g,
|
16560
|
+
toggleSkinToneState: d,
|
16555
16561
|
EMOJI_RESULT_KEY: Et,
|
16556
16562
|
EMOJI_NAME_KEY: kn,
|
16557
16563
|
skinToneText: s,
|
@@ -16570,16 +16576,16 @@ function uc(e, t, n, f, a, s) {
|
|
16570
16576
|
}, [
|
16571
16577
|
o("div", ic, [
|
16572
16578
|
o("span", {
|
16573
|
-
class:
|
16579
|
+
class: O([e.platform, "v3-icon"])
|
16574
16580
|
}, [
|
16575
|
-
e.native || e.hasError ? (r(), u("span", oc,
|
16581
|
+
e.native || e.hasError ? (r(), u("span", oc, T(e.unicodeToEmoji(e.emoji.r)), 1)) : (r(), u("img", {
|
16576
16582
|
key: 1,
|
16577
16583
|
alt: e.unicodeToEmoji(e.emoji.r),
|
16578
16584
|
src: e.emoji.src,
|
16579
16585
|
onError: t[0] || (t[0] = (i) => e.hasError = !0)
|
16580
16586
|
}, null, 40, lc))
|
16581
16587
|
], 2),
|
16582
|
-
o("span", rc, " :" +
|
16588
|
+
o("span", rc, " :" + T(e.emoji[e.EMOJI_NAME_KEY][1] || e.emoji[e.EMOJI_NAME_KEY][0]) + ": ", 1)
|
16583
16589
|
]),
|
16584
16590
|
e.hasSkinTones ? (r(), u(q, { key: 0 }, [
|
16585
16591
|
o("button", {
|
@@ -16587,18 +16593,18 @@ function uc(e, t, n, f, a, s) {
|
|
16587
16593
|
class: "v3-tone",
|
16588
16594
|
onClick: t[1] || (t[1] = (...i) => e.toggleSkinToneState && e.toggleSkinToneState(...i))
|
16589
16595
|
}, [
|
16590
|
-
o("span", Ac,
|
16596
|
+
o("span", Ac, T(e.skinToneText), 1),
|
16591
16597
|
o("span", {
|
16592
|
-
class:
|
16598
|
+
class: O(`v3-icon v3-tone-${e.stateSkinTone}`)
|
16593
16599
|
}, null, 2)
|
16594
16600
|
]),
|
16595
16601
|
o("div", {
|
16596
|
-
class:
|
16602
|
+
class: O([e.skinTone ? "v3-is-open" : "", "v3-skin-tones"])
|
16597
16603
|
}, [
|
16598
16604
|
(r(!0), u(q, null, te(e.SKIN_TONES, (i) => (r(), u("button", {
|
16599
16605
|
key: i,
|
16600
16606
|
type: "button",
|
16601
|
-
class:
|
16607
|
+
class: O(["v3-skin-tone-" + i, "v3-skin-tone"]),
|
16602
16608
|
onClick: (l) => e.selectSkinTone(i)
|
16603
16609
|
}, null, 10, cc))), 128))
|
16604
16610
|
], 2)
|
@@ -16646,11 +16652,11 @@ const gc = W({
|
|
16646
16652
|
setup(e, { emit: t }) {
|
16647
16653
|
const n = b(), f = b(), a = b(), s = b(!1), i = b(e.text), l = e.type === "input" || e.type === "textarea";
|
16648
16654
|
let c = -1;
|
16649
|
-
const { state: A } = ee("store"),
|
16650
|
-
function
|
16655
|
+
const { state: A } = ee("store"), d = Q(() => A.options.colorTheme);
|
16656
|
+
function g(h) {
|
16651
16657
|
if (l) {
|
16652
|
-
const
|
16653
|
-
|
16658
|
+
const V = A.options.mode;
|
16659
|
+
V === "prepend" ? i.value = h.i + i.value : V === "insert" && c !== -1 ? (i.value = `${i.value.slice(0, c)}${h.i}${i.value.slice(c)}`, c += h.i.length) : i.value += h.i, t("update:text", i.value);
|
16654
16660
|
}
|
16655
16661
|
t("select", h);
|
16656
16662
|
}
|
@@ -16659,8 +16665,8 @@ const gc = W({
|
|
16659
16665
|
n.value && (c = ((h = n.value) == null ? void 0 : h.selectionEnd) || -1);
|
16660
16666
|
}
|
16661
16667
|
function M(h) {
|
16662
|
-
var
|
16663
|
-
!((
|
16668
|
+
var V;
|
16669
|
+
!((V = h.target) != null && V.closest(
|
16664
16670
|
".v3-input-picker-wrap"
|
16665
16671
|
)) && s.value && (s.value = !1);
|
16666
16672
|
}
|
@@ -16683,14 +16689,14 @@ const gc = W({
|
|
16683
16689
|
function y(h) {
|
16684
16690
|
i.value = h.target.value || "", t("update:text", i.value);
|
16685
16691
|
}
|
16686
|
-
return
|
16692
|
+
return ie(() => {
|
16687
16693
|
p();
|
16688
16694
|
}), Qa(() => {
|
16689
16695
|
document.body.removeEventListener("click", M);
|
16690
16696
|
}), {
|
16691
16697
|
face: ja,
|
16692
16698
|
open: s,
|
16693
|
-
onSelect:
|
16699
|
+
onSelect: g,
|
16694
16700
|
input: i,
|
16695
16701
|
elem: n,
|
16696
16702
|
updateCursor: m,
|
@@ -16698,7 +16704,7 @@ const gc = W({
|
|
16698
16704
|
picker: a,
|
16699
16705
|
isInputType: l,
|
16700
16706
|
onChangeText: y,
|
16701
|
-
colorTheme:
|
16707
|
+
colorTheme: d
|
16702
16708
|
};
|
16703
16709
|
}
|
16704
16710
|
}), mc = {
|
@@ -16726,7 +16732,7 @@ function bc(e, t, n, f, a, s) {
|
|
16726
16732
|
onBlur: t[3] || (t[3] = (...A) => e.updateCursor && e.updateCursor(...A))
|
16727
16733
|
}, null, 40, vc)),
|
16728
16734
|
o("div", {
|
16729
|
-
class:
|
16735
|
+
class: O(["v3-input-picker-wrap", e.open ? "v3-picker-is-open" : ""])
|
16730
16736
|
}, [
|
16731
16737
|
o("button", {
|
16732
16738
|
ref: "button",
|
@@ -16741,7 +16747,7 @@ function bc(e, t, n, f, a, s) {
|
|
16741
16747
|
], 512),
|
16742
16748
|
o("div", {
|
16743
16749
|
ref: "picker",
|
16744
|
-
class:
|
16750
|
+
class: O(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
|
16745
16751
|
}, [
|
16746
16752
|
F(i),
|
16747
16753
|
F(l, { onSelect: e.onSelect }, null, 8, ["onSelect"]),
|
@@ -16751,7 +16757,7 @@ function bc(e, t, n, f, a, s) {
|
|
16751
16757
|
])
|
16752
16758
|
])) : (r(), u("div", {
|
16753
16759
|
key: 1,
|
16754
|
-
class:
|
16760
|
+
class: O(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
|
16755
16761
|
}, [
|
16756
16762
|
F(i),
|
16757
16763
|
F(l, { onSelect: e.onSelect }, null, 8, ["onSelect"]),
|
@@ -16903,26 +16909,26 @@ const kc = {
|
|
16903
16909
|
s(i().text + M.i);
|
16904
16910
|
}, A = () => {
|
16905
16911
|
t.mode == "click" && t.state == "active" && (n.value.style.display = "inherit");
|
16906
|
-
}, g = () => {
|
16907
|
-
t.mode == "hover" && t.state == "active" && (n.value.style.display = "inherit");
|
16908
16912
|
}, d = () => {
|
16913
|
+
t.mode == "hover" && t.state == "active" && (n.value.style.display = "inherit");
|
16914
|
+
}, g = () => {
|
16909
16915
|
t.mode == "hover" && t.state == "active" && (n.value.style.display = "none");
|
16910
16916
|
}, m = (M) => {
|
16911
16917
|
t.mode == "click" && !f.value.contains(M.target) && !n.value.contains(M.target) && (n.value.style.display = "none");
|
16912
16918
|
};
|
16913
|
-
return
|
16919
|
+
return ie(() => {
|
16914
16920
|
n.value.style.display = "none", document.addEventListener("click", m);
|
16915
16921
|
}), Ke(() => {
|
16916
16922
|
document.removeEventListener("click", m);
|
16917
16923
|
}), (M, p) => (r(), u(q, null, [
|
16918
|
-
|
16924
|
+
E(i)().isRecording ? v("", !0) : (r(), u("div", {
|
16919
16925
|
key: 0,
|
16920
16926
|
ref_key: "emojiButton",
|
16921
16927
|
ref: f,
|
16922
|
-
class:
|
16928
|
+
class: O(["button", { "button-disabled": e.state == "disabled" }]),
|
16923
16929
|
onClick: A,
|
16924
|
-
onMouseover:
|
16925
|
-
onMouseout:
|
16930
|
+
onMouseover: d,
|
16931
|
+
onMouseout: g
|
16926
16932
|
}, p[0] || (p[0] = [
|
16927
16933
|
o("span", { class: "pi pi-face-smile" }, null, -1)
|
16928
16934
|
]), 34)),
|
@@ -16932,10 +16938,10 @@ const kc = {
|
|
16932
16938
|
ref_key: "emoji",
|
16933
16939
|
ref: n,
|
16934
16940
|
class: "emoji",
|
16935
|
-
onMouseover:
|
16936
|
-
onMouseout:
|
16941
|
+
onMouseover: d,
|
16942
|
+
onMouseout: g
|
16937
16943
|
}, [
|
16938
|
-
F(
|
16944
|
+
F(E(wc), {
|
16939
16945
|
native: !0,
|
16940
16946
|
theme: l.value,
|
16941
16947
|
"picker-type": "",
|
@@ -16975,9 +16981,9 @@ const kc = {
|
|
16975
16981
|
height: "18"
|
16976
16982
|
}, null, 8, Tc)) : l.prime ? (r(), u("i", {
|
16977
16983
|
key: 1,
|
16978
|
-
class:
|
16984
|
+
class: O("pi pi-" + l.prime)
|
16979
16985
|
}, null, 2)) : v("", !0),
|
16980
|
-
o("span", null,
|
16986
|
+
o("span", null, T(l.title), 1)
|
16981
16987
|
], 8, Ec))), 128))
|
16982
16988
|
])
|
16983
16989
|
]));
|
@@ -17024,25 +17030,25 @@ const Sc = { class: "feed-search__container" }, Cc = { style: { "line-height": "
|
|
17024
17030
|
}
|
17025
17031
|
);
|
17026
17032
|
const A = () => {
|
17027
|
-
const
|
17028
|
-
|
17033
|
+
const d = E(i);
|
17034
|
+
d && (d.value = ""), f().text = "", a("cancel");
|
17029
17035
|
};
|
17030
|
-
return
|
17031
|
-
const
|
17032
|
-
|
17033
|
-
}), (
|
17036
|
+
return ie(() => {
|
17037
|
+
const d = E(i);
|
17038
|
+
d == null || d.focus();
|
17039
|
+
}), (d, g) => (r(), B(X, null, {
|
17034
17040
|
default: K(() => [
|
17035
17041
|
o("div", Sc, [
|
17036
|
-
o("span", Cc, E(
|
17037
|
-
|
17042
|
+
o("span", Cc, T(E(pe)("component.FeedSearch.SearchLabel")), 1),
|
17043
|
+
ce(o("input", {
|
17038
17044
|
ref_key: "refInput",
|
17039
17045
|
ref: i,
|
17040
17046
|
class: "feed-search__input",
|
17041
17047
|
type: "text",
|
17042
|
-
placeholder:
|
17043
|
-
"onUpdate:modelValue":
|
17048
|
+
placeholder: E(pe)("component.FeedSearch.SearchPlaceholder"),
|
17049
|
+
"onUpdate:modelValue": g[0] || (g[0] = (m) => E(f)().text = m)
|
17044
17050
|
}, null, 8, zc), [
|
17045
|
-
[lt,
|
17051
|
+
[lt, E(f)().text]
|
17046
17052
|
]),
|
17047
17053
|
o("i", {
|
17048
17054
|
class: "pi pi-times",
|
@@ -17053,7 +17059,7 @@ const Sc = { class: "feed-search__container" }, Cc = { style: { "line-height": "
|
|
17053
17059
|
key: 0,
|
17054
17060
|
class: "pi pi-refresh",
|
17055
17061
|
style: { "margin-left": "5px", "margin-top": "10px", cursor: "pointer" },
|
17056
|
-
onClick:
|
17062
|
+
onClick: g[1] || (g[1] = (m) => a("switch"))
|
17057
17063
|
})) : v("", !0)
|
17058
17064
|
])
|
17059
17065
|
]),
|
@@ -17086,7 +17092,7 @@ const Sc = { class: "feed-search__container" }, Cc = { style: { "line-height": "
|
|
17086
17092
|
return f[t.object.type] ? f[t.object.type] : null;
|
17087
17093
|
});
|
17088
17094
|
return (f, a) => (r(), u("div", {
|
17089
|
-
class:
|
17095
|
+
class: O(["feed-found-item__container", { "feed-found-item__selected-container": e.selected }])
|
17090
17096
|
}, [
|
17091
17097
|
o("div", Lc, [
|
17092
17098
|
e.object.avatar ? (r(), u("img", {
|
@@ -17098,8 +17104,8 @@ const Sc = { class: "feed-search__container" }, Cc = { style: { "line-height": "
|
|
17098
17104
|
]),
|
17099
17105
|
o("div", Rc, [
|
17100
17106
|
o("div", Qc, [
|
17101
|
-
o("p", $c,
|
17102
|
-
o("p", Yc,
|
17107
|
+
o("p", $c, T(e.object.subtext), 1),
|
17108
|
+
o("p", Yc, T(e.object.time), 1)
|
17103
17109
|
]),
|
17104
17110
|
o("div", Pc, [
|
17105
17111
|
e.object.type == "message.image" ? (r(), u("img", {
|
@@ -17111,10 +17117,10 @@ const Sc = { class: "feed-search__container" }, Cc = { style: { "line-height": "
|
|
17111
17117
|
}, null, 8, Fc)) : v("", !0),
|
17112
17118
|
n.value ? (r(), u("span", {
|
17113
17119
|
key: 1,
|
17114
|
-
class:
|
17120
|
+
class: O(n.value),
|
17115
17121
|
style: { "margin-right": "3px", "font-size": "20px" }
|
17116
17122
|
}, null, 2)) : v("", !0),
|
17117
|
-
o("p", null,
|
17123
|
+
o("p", null, T(e.object.text), 1)
|
17118
17124
|
])
|
17119
17125
|
])
|
17120
17126
|
], 2));
|
@@ -17147,11 +17153,11 @@ const Sc = { class: "feed-search__container" }, Cc = { style: { "line-height": "
|
|
17147
17153
|
}), l = (A) => {
|
17148
17154
|
A.messageId && (n("clickedSearch", A.messageId), s.value = A);
|
17149
17155
|
}, c = () => {
|
17150
|
-
const A =
|
17156
|
+
const A = E(a);
|
17151
17157
|
A.scrollHeight - A.scrollTop - A.clientHeight <= 0 && n("loadMore");
|
17152
17158
|
};
|
17153
|
-
return (A,
|
17154
|
-
o("h3", Wc, E(
|
17159
|
+
return (A, d) => (r(), u(q, null, [
|
17160
|
+
o("h3", Wc, T(E(pe)("component.FeedFoundObjects.results")) + ": " + T(e.foundAmount), 1),
|
17155
17161
|
e.foundAmount > 0 ? (r(), u("div", {
|
17156
17162
|
key: 0,
|
17157
17163
|
class: "feed-found-objects__items",
|
@@ -17159,16 +17165,16 @@ const Sc = { class: "feed-search__container" }, Cc = { style: { "line-height": "
|
|
17159
17165
|
ref: a,
|
17160
17166
|
onScroll: c
|
17161
17167
|
}, [
|
17162
|
-
(r(!0), u(q, null, te(e.objects, (
|
17163
|
-
onClick: (m) => l(
|
17168
|
+
(r(!0), u(q, null, te(e.objects, (g) => (r(), u("div", {
|
17169
|
+
onClick: (m) => l(g)
|
17164
17170
|
}, [
|
17165
17171
|
F(Hc, {
|
17166
|
-
object:
|
17167
|
-
selected:
|
17172
|
+
object: g,
|
17173
|
+
selected: g == s.value
|
17168
17174
|
}, null, 8, ["object", "selected"])
|
17169
17175
|
], 8, Kc))), 256))
|
17170
17176
|
], 544)) : e.foundAmount == 0 ? (r(), u("div", Jc, [
|
17171
|
-
o("p", null,
|
17177
|
+
o("p", null, T(i.value), 1)
|
17172
17178
|
])) : v("", !0)
|
17173
17179
|
], 64));
|
17174
17180
|
}
|
@@ -17189,82 +17195,82 @@ const Sc = { class: "feed-search__container" }, Cc = { style: { "line-height": "
|
|
17189
17195
|
},
|
17190
17196
|
emits: ["send", "typing"],
|
17191
17197
|
setup(e, { emit: t }) {
|
17192
|
-
const n = ee("chatAppId"), { getMessage: f, setMessageFile: a, resetMessageFile: s, setRecordingMessage: i } = Ie(n), l = b(), c = b(0), A = b(0),
|
17193
|
-
let
|
17194
|
-
return
|
17195
|
-
}), M = b(""), p = b(!1), y = b(), h = b([]),
|
17196
|
-
const
|
17198
|
+
const n = ee("chatAppId"), { getMessage: f, setMessageFile: a, resetMessageFile: s, setRecordingMessage: i } = Ie(n), l = b(), c = b(0), A = b(0), d = b(0), g = b(0), m = Q(() => {
|
17199
|
+
let N = g.value < 10 ? "0" + g.value : g.value, w = d.value < 10 ? "0" + d.value : d.value, I = A.value < 10 ? "0" + A.value : A.value, U = c.value < 10 ? "00" + c.value : c.value < 100 ? "0" + c.value : c.value;
|
17200
|
+
return N + ":" + w + ":" + I + ":" + U;
|
17201
|
+
}), M = b(""), p = b(!1), y = b(), h = b([]), V = b(), S = b(), j = e, L = async () => {
|
17202
|
+
const N = await navigator.mediaDevices.getUserMedia({ audio: !0, video: !1 });
|
17197
17203
|
l.value = setInterval(() => {
|
17198
|
-
c.value += 10, c.value == 1e3 && (c.value = 0, A.value++, A.value == 60 && (A.value = 0,
|
17199
|
-
}, 10), i(!0), p.value = !0, y.value = new MediaRecorder(
|
17200
|
-
h.value.push(
|
17204
|
+
c.value += 10, c.value == 1e3 && (c.value = 0, A.value++, A.value == 60 && (A.value = 0, d.value++, d.value == 60 && (d.value = 0, g.value++)));
|
17205
|
+
}, 10), i(!0), p.value = !0, y.value = new MediaRecorder(N), y.value.start(), y.value.ondataavailable = (w) => {
|
17206
|
+
h.value.push(w.data);
|
17201
17207
|
};
|
17202
|
-
},
|
17203
|
-
C(),
|
17204
|
-
},
|
17208
|
+
}, _ = () => {
|
17209
|
+
C(), V.value = void 0;
|
17210
|
+
}, x = () => {
|
17205
17211
|
y.value && (y.value.stop(), y.value.onstop = async () => {
|
17206
|
-
const
|
17207
|
-
|
17208
|
-
M.value =
|
17209
|
-
url:
|
17210
|
-
name:
|
17211
|
-
size:
|
17212
|
-
type:
|
17213
|
-
}),
|
17214
|
-
previewUrl:
|
17215
|
-
isImage:
|
17216
|
-
isVideo:
|
17217
|
-
isAudio:
|
17218
|
-
fileName:
|
17219
|
-
fileSize:
|
17212
|
+
const N = new File(h.value, "voicemessage.mp3", { type: "audio/*" }), w = URL.createObjectURL(N);
|
17213
|
+
V.value = w, M.value = "uploading", await xt(j.filebumpUrl, N).then((I) => {
|
17214
|
+
M.value = I.status, I.status == "success" && (a({
|
17215
|
+
url: I.url,
|
17216
|
+
name: I.name,
|
17217
|
+
size: I.size,
|
17218
|
+
type: I.type
|
17219
|
+
}), I.preview && (S.value = {
|
17220
|
+
previewUrl: I.preview.previewUrl,
|
17221
|
+
isImage: I.preview.isImage,
|
17222
|
+
isVideo: I.preview.isVideo,
|
17223
|
+
isAudio: I.preview.isAudio,
|
17224
|
+
fileName: I.name,
|
17225
|
+
fileSize: I.preview.fileSize
|
17220
17226
|
}));
|
17221
17227
|
});
|
17222
17228
|
}), C();
|
17223
17229
|
}, C = () => {
|
17224
|
-
clearInterval(l.value), c.value = 0, A.value = 0,
|
17225
|
-
},
|
17226
|
-
s(),
|
17230
|
+
clearInterval(l.value), c.value = 0, A.value = 0, d.value = 0, g.value = 0, i(!1), p.value = !1, y.value = void 0, h.value = [];
|
17231
|
+
}, k = () => {
|
17232
|
+
s(), S.value = void 0;
|
17227
17233
|
};
|
17228
17234
|
return G(
|
17229
17235
|
() => f().file,
|
17230
17236
|
() => {
|
17231
|
-
f().file || (
|
17237
|
+
f().file || (S.value = void 0);
|
17232
17238
|
}
|
17233
|
-
), (
|
17234
|
-
M.value === "uploading" ? (r(), u("div", Xc,
|
17239
|
+
), (N, w) => (r(), u("div", Zc, [
|
17240
|
+
M.value === "uploading" ? (r(), u("div", Xc, w[0] || (w[0] = [
|
17235
17241
|
o("p", null, "Загрузка файла...", -1)
|
17236
17242
|
]))) : v("", !0),
|
17237
17243
|
p.value && M.value != "uploading" ? (r(), u("div", eu, [
|
17238
|
-
|
17239
|
-
o("span", tu,
|
17244
|
+
w[3] || (w[3] = o("span", { class: "audio-recorder__recording-icon pi pi-circle-fill" }, null, -1)),
|
17245
|
+
o("span", tu, T(m.value), 1),
|
17240
17246
|
o("button", {
|
17241
17247
|
class: "audio-recorder__button audio-recorder__button-record",
|
17242
|
-
onClick:
|
17243
|
-
},
|
17248
|
+
onClick: _
|
17249
|
+
}, w[1] || (w[1] = [
|
17244
17250
|
o("span", { class: "pi pi-trash" }, null, -1)
|
17245
17251
|
])),
|
17246
17252
|
o("button", {
|
17247
17253
|
class: "audio-recorder__button audio-recorder__button-record",
|
17248
|
-
onClick:
|
17249
|
-
},
|
17254
|
+
onClick: x
|
17255
|
+
}, w[2] || (w[2] = [
|
17250
17256
|
o("span", { class: "pi pi-stop" }, null, -1)
|
17251
17257
|
]))
|
17252
17258
|
])) : v("", !0),
|
17253
|
-
!p.value && M.value != "uploading" && !
|
17259
|
+
!p.value && M.value != "uploading" && !E(f)().isRecording ? (r(), u("button", {
|
17254
17260
|
key: 2,
|
17255
|
-
class:
|
17256
|
-
onClick:
|
17257
|
-
},
|
17261
|
+
class: O(["audio-recorder__button", { "audio-recorder__button-disabled": e.state == "disabled" }]),
|
17262
|
+
onClick: L
|
17263
|
+
}, w[4] || (w[4] = [
|
17258
17264
|
o("span", { class: "pi pi-microphone" }, null, -1)
|
17259
17265
|
]), 2)) : v("", !0),
|
17260
|
-
|
17266
|
+
E(f)().file ? (r(), B(Ae, {
|
17261
17267
|
key: 3,
|
17262
|
-
to: "#chat-input-file-line-" +
|
17268
|
+
to: "#chat-input-file-line-" + E(n)
|
17263
17269
|
}, [
|
17264
|
-
|
17270
|
+
S.value ? (r(), B(Vt, {
|
17265
17271
|
key: 0,
|
17266
|
-
"file-info":
|
17267
|
-
onReset:
|
17272
|
+
"file-info": S.value,
|
17273
|
+
onReset: k
|
17268
17274
|
}, null, 8, ["file-info"])) : v("", !0)
|
17269
17275
|
], 8, ["to"])) : v("", !0)
|
17270
17276
|
]));
|
@@ -17275,14 +17281,14 @@ function Ot({ component: e, attrs: t, Modal: n, modalAttrs: f }) {
|
|
17275
17281
|
const s = document.createElement("div");
|
17276
17282
|
document.body.appendChild(s);
|
17277
17283
|
const i = b({}), l = () => {
|
17278
|
-
|
17284
|
+
g.unmount(), document.body.removeChild(s);
|
17279
17285
|
}, c = () => {
|
17280
17286
|
l(), a(i.value);
|
17281
17287
|
}, A = (m) => {
|
17282
17288
|
Object.keys(m).forEach((M) => {
|
17283
17289
|
i.value[M] = m[M];
|
17284
17290
|
});
|
17285
|
-
},
|
17291
|
+
}, d = W({
|
17286
17292
|
render() {
|
17287
17293
|
return Tf(
|
17288
17294
|
n,
|
@@ -17304,8 +17310,8 @@ function Ot({ component: e, attrs: t, Modal: n, modalAttrs: f }) {
|
|
17304
17310
|
}
|
17305
17311
|
);
|
17306
17312
|
}
|
17307
|
-
}),
|
17308
|
-
|
17313
|
+
}), g = Pa(d);
|
17314
|
+
g.mount(s);
|
17309
17315
|
});
|
17310
17316
|
}
|
17311
17317
|
const fu = ["data-theme"], au = {
|
@@ -17364,7 +17370,7 @@ const fu = ["data-theme"], au = {
|
|
17364
17370
|
}, yf = /* @__PURE__ */ R(ou, [["__scopeId", "data-v-a44139f6"]]), Rg = async (e, t) => {
|
17365
17371
|
const n = await Ot({
|
17366
17372
|
//в component должен быть встроен emit change(key: value)
|
17367
|
-
component: import("./SelectUser2-
|
17373
|
+
component: import("./SelectUser2-DQI-YvpZ.js"),
|
17368
17374
|
attrs: {
|
17369
17375
|
title: e,
|
17370
17376
|
users: t
|
@@ -17433,7 +17439,7 @@ const fu = ["data-theme"], au = {
|
|
17433
17439
|
}
|
17434
17440
|
}, Sa = /* @__PURE__ */ R(cu, [["__scopeId", "data-v-564d1d1f"]]), Yg = async (e, t, n, f, a) => await Ot({
|
17435
17441
|
//в component должен быть встроен emit change(key: value)
|
17436
|
-
component: import("./CreateDialog-
|
17442
|
+
component: import("./CreateDialog-o27tJbMY.js"),
|
17437
17443
|
attrs: {
|
17438
17444
|
title: e,
|
17439
17445
|
name: t,
|
@@ -17446,7 +17452,7 @@ const fu = ["data-theme"], au = {
|
|
17446
17452
|
}
|
17447
17453
|
}), uu = async (e) => await Ot({
|
17448
17454
|
//в component должен быть встроен emit change(key: value)
|
17449
|
-
component: import("./ModalVideoRecorder-
|
17455
|
+
component: import("./ModalVideoRecorder-DI-hUcNt.js"),
|
17450
17456
|
attrs: {},
|
17451
17457
|
Modal: Sa,
|
17452
17458
|
modalAttrs: {
|
@@ -17472,8 +17478,8 @@ const fu = ["data-theme"], au = {
|
|
17472
17478
|
},
|
17473
17479
|
setup(e) {
|
17474
17480
|
const t = ee("chatAppId"), { getMessage: n, setMessageFile: f, setRecordingMessage: a, resetMessageFile: s } = Ie(t), i = b(""), l = b(), c = e, A = async () => {
|
17475
|
-
await uu().then(async (
|
17476
|
-
|
17481
|
+
await uu().then(async (g) => {
|
17482
|
+
g.videoFile && (i.value = "uploading", a(!0), await xt(c.filebumpUrl, g.videoFile).then((m) => {
|
17477
17483
|
a(!1), i.value = m.status, m.status == "success" && (f({
|
17478
17484
|
url: m.url,
|
17479
17485
|
name: m.name,
|
@@ -17489,7 +17495,7 @@ const fu = ["data-theme"], au = {
|
|
17489
17495
|
}));
|
17490
17496
|
}));
|
17491
17497
|
});
|
17492
|
-
},
|
17498
|
+
}, d = () => {
|
17493
17499
|
s(), l.value = void 0;
|
17494
17500
|
};
|
17495
17501
|
return G(
|
@@ -17497,11 +17503,11 @@ const fu = ["data-theme"], au = {
|
|
17497
17503
|
() => {
|
17498
17504
|
n().file || (l.value = void 0);
|
17499
17505
|
}
|
17500
|
-
), (
|
17501
|
-
|
17506
|
+
), (g, m) => (r(), u(q, null, [
|
17507
|
+
E(n)().isRecording ? v("", !0) : (r(), u("div", du, [
|
17502
17508
|
i.value != "uploading" ? (r(), u("button", {
|
17503
17509
|
key: 0,
|
17504
|
-
class:
|
17510
|
+
class: O(["video-recorder__button", { "video-recorder__button-disabled": e.state == "disabled" }]),
|
17505
17511
|
onClick: A
|
17506
17512
|
}, m[0] || (m[0] = [
|
17507
17513
|
o("span", { class: "pi pi-video" }, null, -1)
|
@@ -17510,14 +17516,14 @@ const fu = ["data-theme"], au = {
|
|
17510
17516
|
i.value === "uploading" ? (r(), u("div", gu, m[1] || (m[1] = [
|
17511
17517
|
o("p", null, "Загрузка файла...", -1)
|
17512
17518
|
]))) : v("", !0),
|
17513
|
-
|
17519
|
+
E(n)().file ? (r(), B(Ae, {
|
17514
17520
|
key: 2,
|
17515
|
-
to: "#chat-input-file-line-" +
|
17521
|
+
to: "#chat-input-file-line-" + E(t)
|
17516
17522
|
}, [
|
17517
17523
|
l.value ? (r(), B(Vt, {
|
17518
17524
|
key: 0,
|
17519
17525
|
"file-info": l.value,
|
17520
|
-
onReset:
|
17526
|
+
onReset: d
|
17521
17527
|
}, null, 8, ["file-info"])) : v("", !0)
|
17522
17528
|
], 8, ["to"])) : v("", !0)
|
17523
17529
|
], 64));
|
@@ -17533,25 +17539,25 @@ const fu = ["data-theme"], au = {
|
|
17533
17539
|
setup(e, { emit: t }) {
|
17534
17540
|
const n = t, f = e, a = ee("chatAppId"), { resetReply: s } = Ie(a), i = () => {
|
17535
17541
|
f.message && n("reply", f.message.messageId);
|
17536
|
-
}, l = (
|
17542
|
+
}, l = (d) => ({
|
17537
17543
|
"message.text": md,
|
17538
17544
|
"message.image": _d,
|
17539
17545
|
"message.file": Bd,
|
17540
17546
|
"message.audio": Dd,
|
17541
17547
|
"message.video": Cd
|
17542
|
-
})[
|
17548
|
+
})[d], c = (d) => ({
|
17543
17549
|
"message.text": "",
|
17544
17550
|
"message.image": "grid",
|
17545
17551
|
"message.file": "",
|
17546
17552
|
"message.audio": "grid",
|
17547
17553
|
"message.video": "grid"
|
17548
|
-
})[
|
17554
|
+
})[d], A = () => {
|
17549
17555
|
s();
|
17550
17556
|
};
|
17551
|
-
return (
|
17557
|
+
return (d, g) => {
|
17552
17558
|
var m, M;
|
17553
17559
|
return r(), u("div", {
|
17554
|
-
class:
|
17560
|
+
class: O(["reply__container", c((m = e.message) == null ? void 0 : m.type)]),
|
17555
17561
|
onClick: i
|
17556
17562
|
}, [
|
17557
17563
|
(r(), B(Xf(l((M = e.message) == null ? void 0 : M.type)), { message: e.message }, null, 8, ["message"])),
|
@@ -17579,8 +17585,8 @@ const fu = ["data-theme"], au = {
|
|
17579
17585
|
href: e.linkPreview.url,
|
17580
17586
|
target: "_blank"
|
17581
17587
|
}, [
|
17582
|
-
o("p", yu,
|
17583
|
-
o("p", bu,
|
17588
|
+
o("p", yu, T(e.linkPreview.title), 1),
|
17589
|
+
o("p", bu, T(e.linkPreview.description), 1),
|
17584
17590
|
o("img", {
|
17585
17591
|
class: "link-preview__image",
|
17586
17592
|
src: e.linkPreview.imageUrl,
|
@@ -17625,8 +17631,8 @@ const fu = ["data-theme"], au = {
|
|
17625
17631
|
}
|
17626
17632
|
const A = () => {
|
17627
17633
|
f("action", { messageId: n.message.messageId, type: "views" });
|
17628
|
-
}, g = () => {
|
17629
17634
|
}, d = () => {
|
17635
|
+
}, g = () => {
|
17630
17636
|
s.value = !0;
|
17631
17637
|
}, m = () => {
|
17632
17638
|
s.value = !1, a.value = !1;
|
@@ -17635,7 +17641,7 @@ const fu = ["data-theme"], au = {
|
|
17635
17641
|
return y.position === "left" ? "file-message__left" : "file-message__right";
|
17636
17642
|
}
|
17637
17643
|
return (y, h) => (r(), u("div", {
|
17638
|
-
class:
|
17644
|
+
class: O(["file-message", p(e.message)]),
|
17639
17645
|
messageId: e.message.messageId,
|
17640
17646
|
onMouseleave: m
|
17641
17647
|
}, [
|
@@ -17647,16 +17653,16 @@ const fu = ["data-theme"], au = {
|
|
17647
17653
|
width: "32",
|
17648
17654
|
style: se({ gridRow: e.message.subText ? "2" : "1" })
|
17649
17655
|
}, null, 12, wu)) : v("", !0),
|
17650
|
-
e.message.subText ? (r(), u("p", ku,
|
17656
|
+
e.message.subText ? (r(), u("p", ku, T(e.message.subText), 1)) : v("", !0),
|
17651
17657
|
o("div", {
|
17652
17658
|
class: "file-message__content",
|
17653
17659
|
style: se({ gridRow: e.message.subText ? "2" : "1" }),
|
17654
|
-
onMouseenter:
|
17660
|
+
onMouseenter: g
|
17655
17661
|
}, [
|
17656
17662
|
e.message.reply ? (r(), B(ct, {
|
17657
17663
|
key: 0,
|
17658
17664
|
message: e.message.reply,
|
17659
|
-
class:
|
17665
|
+
class: O(e.message.position),
|
17660
17666
|
onReply: l
|
17661
17667
|
}, null, 8, ["message", "class"])) : v("", !0),
|
17662
17668
|
o("a", {
|
@@ -17666,7 +17672,7 @@ const fu = ["data-theme"], au = {
|
|
17666
17672
|
target: "_blank"
|
17667
17673
|
}, [
|
17668
17674
|
h[1] || (h[1] = o("span", { class: "pi pi-file" }, null, -1)),
|
17669
|
-
o("p", Du,
|
17675
|
+
o("p", Du, T(e.message.filename), 1),
|
17670
17676
|
h[2] || (h[2] = o("div", { class: "file-message__download-button" }, [
|
17671
17677
|
o("span", { class: "pi pi-download" })
|
17672
17678
|
], -1))
|
@@ -17679,7 +17685,7 @@ const fu = ["data-theme"], au = {
|
|
17679
17685
|
])) : v("", !0),
|
17680
17686
|
e.message.linkPreview ? (r(), B(Lt, {
|
17681
17687
|
key: 2,
|
17682
|
-
class:
|
17688
|
+
class: O(e.message.position),
|
17683
17689
|
linkPreview: e.message.linkPreview
|
17684
17690
|
}, null, 8, ["class", "linkPreview"])) : v("", !0),
|
17685
17691
|
o("div", ju, [
|
@@ -17689,12 +17695,12 @@ const fu = ["data-theme"], au = {
|
|
17689
17695
|
class: "file-message__views"
|
17690
17696
|
}, [
|
17691
17697
|
h[3] || (h[3] = o("span", { class: "pi pi-eye" }, null, -1)),
|
17692
|
-
o("p", null,
|
17698
|
+
o("p", null, T(e.message.views), 1)
|
17693
17699
|
])) : v("", !0),
|
17694
|
-
o("span", xu,
|
17695
|
-
p(e.message) === "file-message__right" &&
|
17700
|
+
o("span", xu, T(e.message.time), 1),
|
17701
|
+
p(e.message) === "file-message__right" && E(rt).includes(e.message.status) ? (r(), u("div", {
|
17696
17702
|
key: 1,
|
17697
|
-
class:
|
17703
|
+
class: O(["file-message__status", M.value])
|
17698
17704
|
}, [
|
17699
17705
|
e.message.status !== "sent" ? (r(), u("span", Vu)) : v("", !0),
|
17700
17706
|
h[4] || (h[4] = o("span", { class: "pi pi-check" }, null, -1))
|
@@ -17703,17 +17709,17 @@ const fu = ["data-theme"], au = {
|
|
17703
17709
|
s.value && e.message.actions ? (r(), u("button", {
|
17704
17710
|
key: 3,
|
17705
17711
|
class: "file-message__menu-button",
|
17706
|
-
onClick: h[0] || (h[0] = (
|
17712
|
+
onClick: h[0] || (h[0] = (V) => a.value = !a.value)
|
17707
17713
|
}, h[5] || (h[5] = [
|
17708
17714
|
o("span", { class: "pi pi-ellipsis-h" }, null, -1)
|
17709
17715
|
]))) : v("", !0),
|
17710
17716
|
F(X, null, {
|
17711
17717
|
default: K(() => [
|
17712
|
-
a.value && e.message.actions ? (r(), B(
|
17718
|
+
a.value && e.message.actions ? (r(), B(E($e), {
|
17713
17719
|
key: 0,
|
17714
17720
|
class: "file-message__context-menu",
|
17715
17721
|
actions: e.message.actions,
|
17716
|
-
onClick:
|
17722
|
+
onClick: d
|
17717
17723
|
}, null, 8, ["actions"])) : v("", !0)
|
17718
17724
|
]),
|
17719
17725
|
_: 1
|
@@ -17751,13 +17757,13 @@ const fu = ["data-theme"], au = {
|
|
17751
17757
|
},
|
17752
17758
|
{ immediate: !0 }
|
17753
17759
|
);
|
17754
|
-
const A = (
|
17755
|
-
f("reply",
|
17760
|
+
const A = (L) => {
|
17761
|
+
f("reply", L);
|
17756
17762
|
};
|
17757
|
-
function
|
17758
|
-
|
17763
|
+
function d(L) {
|
17764
|
+
L.preventDefault(), L.target.href && window.open(L.target.href, "_blank");
|
17759
17765
|
}
|
17760
|
-
const
|
17766
|
+
const g = () => {
|
17761
17767
|
f("action", { messageId: n.message.messageId, type: "views" });
|
17762
17768
|
}, m = () => {
|
17763
17769
|
}, M = () => {
|
@@ -17765,18 +17771,18 @@ const fu = ["data-theme"], au = {
|
|
17765
17771
|
}, p = () => {
|
17766
17772
|
i.value = !1, s.value = !1;
|
17767
17773
|
}, y = Q(() => n.message.reply && n.message.text ? "0" : n.message.text ? "8px 8px 0 0" : n.message.reply ? "0 0 8px 8px" : "8px"), h = Q(() => At(n.message.status));
|
17768
|
-
function
|
17769
|
-
return
|
17774
|
+
function V(L) {
|
17775
|
+
return L.position === "left" ? "image-message__left" : "image-message__right";
|
17770
17776
|
}
|
17771
|
-
const
|
17772
|
-
|
17777
|
+
const S = () => a.value = !1, j = (L) => {
|
17778
|
+
L.key === "Escape" && a.value && S();
|
17773
17779
|
};
|
17774
|
-
return
|
17780
|
+
return ie(() => {
|
17775
17781
|
document.addEventListener("keydown", j);
|
17776
17782
|
}), Ke(() => {
|
17777
17783
|
document.removeEventListener("keydown", j);
|
17778
|
-
}), (
|
17779
|
-
class:
|
17784
|
+
}), (L, _) => (r(), u("div", {
|
17785
|
+
class: O(["image-message", V(e.message)]),
|
17780
17786
|
messageId: e.message.messageId,
|
17781
17787
|
onMouseleave: p
|
17782
17788
|
}, [
|
@@ -17787,20 +17793,20 @@ const fu = ["data-theme"], au = {
|
|
17787
17793
|
height: "32",
|
17788
17794
|
width: "32"
|
17789
17795
|
}, null, 8, Ou)) : v("", !0),
|
17790
|
-
e.message.subText ? (r(), u("p", Lu,
|
17796
|
+
e.message.subText ? (r(), u("p", Lu, T(e.message.subText), 1)) : v("", !0),
|
17791
17797
|
o("div", Uu, [
|
17792
17798
|
e.message.reply ? (r(), B(ct, {
|
17793
17799
|
key: 0,
|
17794
17800
|
style: { margin: "10px 10px 4px 16px" },
|
17795
|
-
class:
|
17801
|
+
class: O(e.message.position),
|
17796
17802
|
message: e.message.reply,
|
17797
17803
|
onReply: A
|
17798
17804
|
}, null, 8, ["class", "message"])) : v("", !0),
|
17799
17805
|
o("div", {
|
17800
17806
|
class: "image-message__preview-button",
|
17801
|
-
onClick:
|
17807
|
+
onClick: _[0] || (_[0] = (x) => a.value = !0),
|
17802
17808
|
onMouseenter: M,
|
17803
|
-
onMouseleave:
|
17809
|
+
onMouseleave: _[1] || (_[1] = (x) => l.value = !l.value)
|
17804
17810
|
}, [
|
17805
17811
|
o("img", {
|
17806
17812
|
class: "image-message__preview-image",
|
@@ -17813,19 +17819,19 @@ const fu = ["data-theme"], au = {
|
|
17813
17819
|
l.value ? (r(), u("div", Ru, [
|
17814
17820
|
e.message.views ? (r(), u("div", {
|
17815
17821
|
key: 0,
|
17816
|
-
onClick: kt(
|
17822
|
+
onClick: kt(g, ["stop"]),
|
17817
17823
|
class: "image-message__views"
|
17818
17824
|
}, [
|
17819
|
-
|
17820
|
-
o("p", null,
|
17825
|
+
_[3] || (_[3] = o("span", { class: "pi pi-eye" }, null, -1)),
|
17826
|
+
o("p", null, T(e.message.views), 1)
|
17821
17827
|
])) : v("", !0),
|
17822
|
-
o("span", Qu,
|
17823
|
-
|
17828
|
+
o("span", Qu, T(e.message.time), 1),
|
17829
|
+
V(e.message) === "image-message__right" && E(rt).includes(e.message.status) ? (r(), u("div", {
|
17824
17830
|
key: 1,
|
17825
|
-
class:
|
17831
|
+
class: O(["image-message__status", h.value])
|
17826
17832
|
}, [
|
17827
17833
|
e.message.status !== "sent" ? (r(), u("span", $u)) : v("", !0),
|
17828
|
-
|
17834
|
+
_[4] || (_[4] = o("span", { class: "pi pi-check" }, null, -1))
|
17829
17835
|
], 2)) : v("", !0)
|
17830
17836
|
])) : v("", !0)
|
17831
17837
|
]),
|
@@ -17840,7 +17846,7 @@ const fu = ["data-theme"], au = {
|
|
17840
17846
|
href: e.message.url,
|
17841
17847
|
download: "",
|
17842
17848
|
target: "_blank"
|
17843
|
-
},
|
17849
|
+
}, _[5] || (_[5] = [
|
17844
17850
|
o("span", { class: "pi pi-download" }, null, -1)
|
17845
17851
|
]), 8, Yu)) : v("", !0)
|
17846
17852
|
]),
|
@@ -17852,8 +17858,8 @@ const fu = ["data-theme"], au = {
|
|
17852
17858
|
i.value && e.message.actions ? (r(), u("button", {
|
17853
17859
|
key: 0,
|
17854
17860
|
class: "image-message__menu-button",
|
17855
|
-
onClick:
|
17856
|
-
},
|
17861
|
+
onClick: _[2] || (_[2] = (x) => s.value = !s.value)
|
17862
|
+
}, _[6] || (_[6] = [
|
17857
17863
|
o("span", { class: "pi pi-ellipsis-h" }, null, -1)
|
17858
17864
|
]))) : v("", !0)
|
17859
17865
|
]),
|
@@ -17861,7 +17867,7 @@ const fu = ["data-theme"], au = {
|
|
17861
17867
|
}),
|
17862
17868
|
F(X, { name: "context-menu" }, {
|
17863
17869
|
default: K(() => [
|
17864
|
-
s.value && e.message.actions ? (r(), B(
|
17870
|
+
s.value && e.message.actions ? (r(), B(E($e), {
|
17865
17871
|
key: 0,
|
17866
17872
|
class: "image-message__context-menu",
|
17867
17873
|
actions: e.message.actions,
|
@@ -17873,21 +17879,21 @@ const fu = ["data-theme"], au = {
|
|
17873
17879
|
e.message.text ? (r(), u("div", Pu, [
|
17874
17880
|
o("p", {
|
17875
17881
|
innerHTML: c.value,
|
17876
|
-
onClick:
|
17882
|
+
onClick: d
|
17877
17883
|
}, null, 8, Fu)
|
17878
17884
|
])) : v("", !0),
|
17879
17885
|
e.message.linkPreview ? (r(), B(Lt, {
|
17880
17886
|
key: 2,
|
17881
|
-
class:
|
17887
|
+
class: O(["image-message__link-preview", e.message.position]),
|
17882
17888
|
linkPreview: e.message.linkPreview
|
17883
17889
|
}, null, 8, ["class", "linkPreview"])) : v("", !0)
|
17884
17890
|
]),
|
17885
|
-
(r(), B(
|
17891
|
+
(r(), B(Ae, { to: "body" }, [
|
17886
17892
|
F(X, { name: "modal-fade" }, {
|
17887
17893
|
default: K(() => [
|
17888
17894
|
a.value ? (r(), B(lf, {
|
17889
17895
|
key: 0,
|
17890
|
-
onClose:
|
17896
|
+
onClose: S
|
17891
17897
|
}, {
|
17892
17898
|
default: K(() => [
|
17893
17899
|
o("img", {
|
@@ -17939,20 +17945,20 @@ const fu = ["data-theme"], au = {
|
|
17939
17945
|
}
|
17940
17946
|
const A = () => {
|
17941
17947
|
s.value = !0;
|
17942
|
-
},
|
17948
|
+
}, d = () => {
|
17943
17949
|
s.value = !1, a.value = !1;
|
17944
|
-
},
|
17945
|
-
|
17950
|
+
}, g = Q(() => At(n.message.status)), m = (y) => {
|
17951
|
+
d(), f("action", { messageId: n.message.messageId, type: "menu", ...y });
|
17946
17952
|
}, M = () => {
|
17947
|
-
|
17953
|
+
d(), f("action", { messageId: n.message.messageId, type: "views" });
|
17948
17954
|
};
|
17949
17955
|
function p(y) {
|
17950
17956
|
return y.position === "left" ? "text-message__left" : "text-message__right";
|
17951
17957
|
}
|
17952
17958
|
return (y, h) => (r(), u("div", {
|
17953
|
-
class:
|
17959
|
+
class: O(["text-message", p(e.message)]),
|
17954
17960
|
messageId: e.message.messageId,
|
17955
|
-
onMouseleave:
|
17961
|
+
onMouseleave: d
|
17956
17962
|
}, [
|
17957
17963
|
e.message.avatar ? (r(), u("img", {
|
17958
17964
|
key: 0,
|
@@ -17962,14 +17968,14 @@ const fu = ["data-theme"], au = {
|
|
17962
17968
|
width: "32",
|
17963
17969
|
style: se({ gridRow: e.message.subText ? "2" : "1" })
|
17964
17970
|
}, null, 12, Ju)) : v("", !0),
|
17965
|
-
e.message.subText ? (r(), u("p", Gu,
|
17971
|
+
e.message.subText ? (r(), u("p", Gu, T(e.message.subText), 1)) : v("", !0),
|
17966
17972
|
o("div", {
|
17967
17973
|
class: "text-message__content",
|
17968
17974
|
onMouseenter: A
|
17969
17975
|
}, [
|
17970
17976
|
e.message.reply ? (r(), B(ct, {
|
17971
17977
|
key: 0,
|
17972
|
-
class:
|
17978
|
+
class: O(e.message.position),
|
17973
17979
|
message: e.message.reply,
|
17974
17980
|
onReply: l
|
17975
17981
|
}, null, 8, ["class", "message"])) : v("", !0),
|
@@ -17980,7 +17986,7 @@ const fu = ["data-theme"], au = {
|
|
17980
17986
|
}, null, 8, Zu),
|
17981
17987
|
e.message.linkPreview ? (r(), B(Lt, {
|
17982
17988
|
key: 1,
|
17983
|
-
class:
|
17989
|
+
class: O(e.message.position),
|
17984
17990
|
linkPreview: e.message.linkPreview
|
17985
17991
|
}, null, 8, ["class", "linkPreview"])) : v("", !0),
|
17986
17992
|
o("div", Xu, [
|
@@ -17990,12 +17996,12 @@ const fu = ["data-theme"], au = {
|
|
17990
17996
|
onClick: M
|
17991
17997
|
}, [
|
17992
17998
|
h[1] || (h[1] = o("span", { class: "pi pi-eye" }, null, -1)),
|
17993
|
-
o("p", null,
|
17999
|
+
o("p", null, T(e.message.views), 1)
|
17994
18000
|
])) : v("", !0),
|
17995
|
-
e.message.time ? (r(), u("span", e1,
|
17996
|
-
p(e.message) === "text-message__right" &&
|
18001
|
+
e.message.time ? (r(), u("span", e1, T(e.message.time), 1)) : v("", !0),
|
18002
|
+
p(e.message) === "text-message__right" && E(rt).includes(e.message.status) ? (r(), u("div", {
|
17997
18003
|
key: 2,
|
17998
|
-
class:
|
18004
|
+
class: O(["text-message__status", g.value])
|
17999
18005
|
}, [
|
18000
18006
|
e.message.status !== "sent" ? (r(), u("span", t1)) : v("", !0),
|
18001
18007
|
h[2] || (h[2] = o("span", { class: "pi pi-check" }, null, -1))
|
@@ -18004,13 +18010,13 @@ const fu = ["data-theme"], au = {
|
|
18004
18010
|
s.value && e.message.actions ? (r(), u("button", {
|
18005
18011
|
key: 2,
|
18006
18012
|
class: "text-message__menu-button",
|
18007
|
-
onClick: h[0] || (h[0] = (
|
18013
|
+
onClick: h[0] || (h[0] = (V) => a.value = !a.value)
|
18008
18014
|
}, h[3] || (h[3] = [
|
18009
18015
|
o("span", { class: "pi pi-ellipsis-h" }, null, -1)
|
18010
18016
|
]))) : v("", !0),
|
18011
18017
|
F(X, null, {
|
18012
18018
|
default: K(() => [
|
18013
|
-
a.value && e.message.actions ? (r(), B(
|
18019
|
+
a.value && e.message.actions ? (r(), B(E($e), {
|
18014
18020
|
key: 0,
|
18015
18021
|
class: "text-message__context-menu",
|
18016
18022
|
actions: e.message.actions,
|
@@ -18068,44 +18074,44 @@ const fu = ["data-theme"], au = {
|
|
18068
18074
|
speed: 2,
|
18069
18075
|
selected: !1
|
18070
18076
|
}
|
18071
|
-
]), a = (
|
18072
|
-
for (let
|
18073
|
-
|
18074
|
-
f.value[
|
18075
|
-
}, s = t, i = b(), l = b(!1), c = b(0), A = b(0),
|
18077
|
+
]), a = (w) => {
|
18078
|
+
for (let I of f.value)
|
18079
|
+
I.selected = !1;
|
18080
|
+
f.value[w].selected = !0, i.value && (i.value.playbackRate = f.value[w].speed);
|
18081
|
+
}, s = t, i = b(), l = b(!1), c = b(0), A = b(0), d = b(!1), g = b(!1), m = b(!1), M = Q(() => {
|
18076
18082
|
if (n.message.text) return we(n.message.text);
|
18077
|
-
}), p = (
|
18078
|
-
s("reply",
|
18083
|
+
}), p = (w) => {
|
18084
|
+
s("reply", w);
|
18079
18085
|
};
|
18080
|
-
function y(
|
18081
|
-
|
18086
|
+
function y(w) {
|
18087
|
+
w.preventDefault(), w.target.href && window.open(w.target.href, "_blank");
|
18082
18088
|
}
|
18083
18089
|
const h = () => {
|
18084
|
-
|
18085
|
-
}, x = () => {
|
18086
|
-
d.value = !1, g.value = !1;
|
18090
|
+
g.value = !0;
|
18087
18091
|
}, V = () => {
|
18092
|
+
g.value = !1, d.value = !1;
|
18093
|
+
}, S = () => {
|
18088
18094
|
s("action", { messageId: n.message.messageId, type: "views" });
|
18089
18095
|
}, j = () => {
|
18090
|
-
},
|
18091
|
-
function
|
18096
|
+
}, L = Q(() => At(n.message.status));
|
18097
|
+
function _() {
|
18092
18098
|
i.value && (l.value ? i.value.pause() : i.value.play(), l.value = !l.value);
|
18093
18099
|
}
|
18094
|
-
const
|
18095
|
-
const
|
18096
|
-
return `${
|
18097
|
-
}, C = Q(() => i.value ?
|
18100
|
+
const x = (w) => {
|
18101
|
+
const I = Math.floor(w / 60), U = Math.floor(w % 60);
|
18102
|
+
return `${I.toString().padStart(2, "0")}:${U.toString().padStart(2, "0")}`;
|
18103
|
+
}, C = Q(() => i.value ? x(A.value) : "0:00");
|
18098
18104
|
G(
|
18099
18105
|
() => A.value,
|
18100
18106
|
() => {
|
18101
18107
|
i.value && (i.value.duration != 1 / 0 && !Number.isNaN(i.value.duration) && (i.value.currentTime = A.value), A.value == c.value && (l.value = !1));
|
18102
18108
|
}
|
18103
18109
|
);
|
18104
|
-
const
|
18105
|
-
function w
|
18106
|
-
return
|
18110
|
+
const k = Q(() => i.value ? x(c.value) : "0:00");
|
18111
|
+
function N(w) {
|
18112
|
+
return w.position === "left" ? "audio-message__left" : "audio-message__right";
|
18107
18113
|
}
|
18108
|
-
return
|
18114
|
+
return ie(() => {
|
18109
18115
|
i.value != null && (i.value.addEventListener("loadedmetadata", () => {
|
18110
18116
|
i.value != null && (i.value.duration == 1 / 0 || Number.isNaN(i.value.duration)) && (i.value.currentTime = 1e101, i.value.addEventListener("timeupdate", () => {
|
18111
18117
|
i.value && (i.value.currentTime = 0, c.value = i.value.duration);
|
@@ -18113,12 +18119,12 @@ const fu = ["data-theme"], au = {
|
|
18113
18119
|
}), i.value.addEventListener("timeupdate", () => {
|
18114
18120
|
A.value = i.value != null ? i.value.currentTime : 0;
|
18115
18121
|
}));
|
18116
|
-
}), (
|
18122
|
+
}), (w, I) => {
|
18117
18123
|
var U;
|
18118
18124
|
return r(), u("div", {
|
18119
|
-
class:
|
18125
|
+
class: O(["audio-message", N(e.message)]),
|
18120
18126
|
messageId: e.message.messageId,
|
18121
|
-
onMouseleave:
|
18127
|
+
onMouseleave: V
|
18122
18128
|
}, [
|
18123
18129
|
e.message.avatar ? (r(), u("img", {
|
18124
18130
|
key: 0,
|
@@ -18128,7 +18134,7 @@ const fu = ["data-theme"], au = {
|
|
18128
18134
|
width: "32",
|
18129
18135
|
style: se({ gridRow: e.message.subText ? "2" : "1" })
|
18130
18136
|
}, null, 12, s1)) : v("", !0),
|
18131
|
-
e.message.subText ? (r(), u("p", i1,
|
18137
|
+
e.message.subText ? (r(), u("p", i1, T(e.message.subText), 1)) : v("", !0),
|
18132
18138
|
o("div", {
|
18133
18139
|
class: "audio-message__content",
|
18134
18140
|
onMouseenter: h
|
@@ -18137,7 +18143,7 @@ const fu = ["data-theme"], au = {
|
|
18137
18143
|
key: 0,
|
18138
18144
|
style: { "grid-column": "1/3" },
|
18139
18145
|
message: e.message.reply,
|
18140
|
-
class:
|
18146
|
+
class: O(e.message.position),
|
18141
18147
|
onReply: p
|
18142
18148
|
}, null, 8, ["message", "class"])) : v("", !0),
|
18143
18149
|
o("div", o1, [
|
@@ -18147,39 +18153,39 @@ const fu = ["data-theme"], au = {
|
|
18147
18153
|
src: e.message.url,
|
18148
18154
|
type: "audio/webm"
|
18149
18155
|
}, null, 8, l1),
|
18150
|
-
|
18156
|
+
ce(o("button", {
|
18151
18157
|
class: "audio-message__play",
|
18152
|
-
onClick:
|
18153
|
-
},
|
18158
|
+
onClick: _
|
18159
|
+
}, I[4] || (I[4] = [
|
18154
18160
|
o("span", { class: "pi pi-play" }, null, -1)
|
18155
18161
|
]), 512), [
|
18156
18162
|
[We, !l.value]
|
18157
18163
|
]),
|
18158
|
-
|
18164
|
+
ce(o("button", {
|
18159
18165
|
class: "audio-message__pause",
|
18160
|
-
onClick:
|
18161
|
-
},
|
18166
|
+
onClick: _
|
18167
|
+
}, I[5] || (I[5] = [
|
18162
18168
|
o("span", { class: "pi pi-pause" }, null, -1)
|
18163
18169
|
]), 512), [
|
18164
18170
|
[We, l.value]
|
18165
18171
|
]),
|
18166
|
-
|
18172
|
+
ce(o("input", {
|
18167
18173
|
class: "audio-message__progress-bar-container",
|
18168
18174
|
type: "range",
|
18169
18175
|
min: 0,
|
18170
18176
|
max: c.value,
|
18171
18177
|
step: "0.1",
|
18172
|
-
"onUpdate:modelValue":
|
18178
|
+
"onUpdate:modelValue": I[0] || (I[0] = ($) => A.value = $)
|
18173
18179
|
}, null, 8, r1), [
|
18174
18180
|
[lt, A.value]
|
18175
18181
|
]),
|
18176
18182
|
o("div", A1, [
|
18177
|
-
o("p", c1,
|
18183
|
+
o("p", c1, T(`${C.value} / ${k.value}`), 1),
|
18178
18184
|
o("div", u1, [
|
18179
18185
|
(r(!0), u(q, null, te(f.value, ($, J) => (r(), u("p", {
|
18180
|
-
onClick: (
|
18181
|
-
class:
|
18182
|
-
},
|
18186
|
+
onClick: (le) => a(J),
|
18187
|
+
class: O(["audio-message__speed-btn", { "audio-message__speed-btn-selected": $.selected }])
|
18188
|
+
}, T($.text), 11, d1))), 256))
|
18183
18189
|
])
|
18184
18190
|
]),
|
18185
18191
|
o("a", {
|
@@ -18188,14 +18194,14 @@ const fu = ["data-theme"], au = {
|
|
18188
18194
|
href: e.message.url,
|
18189
18195
|
download: "",
|
18190
18196
|
target: "_blank"
|
18191
|
-
},
|
18197
|
+
}, I[6] || (I[6] = [
|
18192
18198
|
o("span", { class: "pi pi-download" }, null, -1)
|
18193
18199
|
]), 8, g1)
|
18194
18200
|
]),
|
18195
18201
|
(U = e.message.transcript) != null && U.text ? (r(), u("div", m1, [
|
18196
18202
|
o("p", {
|
18197
|
-
onClick:
|
18198
|
-
},
|
18203
|
+
onClick: I[1] || (I[1] = ($) => m.value = !m.value)
|
18204
|
+
}, T(e.message.transcript.text), 1)
|
18199
18205
|
])) : v("", !0),
|
18200
18206
|
e.message.text ? (r(), u("div", p1, [
|
18201
18207
|
o("p", {
|
@@ -18205,37 +18211,37 @@ const fu = ["data-theme"], au = {
|
|
18205
18211
|
])) : v("", !0),
|
18206
18212
|
e.message.linkPreview ? (r(), B(Lt, {
|
18207
18213
|
key: 3,
|
18208
|
-
class:
|
18214
|
+
class: O(["audio-message__link-preview", e.message.position]),
|
18209
18215
|
linkPreview: e.message.linkPreview
|
18210
18216
|
}, null, 8, ["class", "linkPreview"])) : v("", !0),
|
18211
18217
|
o("div", v1, [
|
18212
18218
|
e.message.views ? (r(), u("div", {
|
18213
18219
|
key: 0,
|
18214
|
-
onClick:
|
18220
|
+
onClick: S,
|
18215
18221
|
class: "audio-message__views"
|
18216
18222
|
}, [
|
18217
|
-
|
18218
|
-
o("p", null,
|
18223
|
+
I[7] || (I[7] = o("span", { class: "pi pi-eye" }, null, -1)),
|
18224
|
+
o("p", null, T(e.message.views), 1)
|
18219
18225
|
])) : v("", !0),
|
18220
|
-
o("span", y1,
|
18221
|
-
|
18226
|
+
o("span", y1, T(e.message.time), 1),
|
18227
|
+
N(e.message) === "audio-message__right" && E(rt).includes(e.message.status) ? (r(), u("div", {
|
18222
18228
|
key: 1,
|
18223
|
-
class:
|
18229
|
+
class: O(["audio-message__status", L.value])
|
18224
18230
|
}, [
|
18225
18231
|
e.message.status !== "sent" ? (r(), u("span", b1)) : v("", !0),
|
18226
|
-
|
18232
|
+
I[8] || (I[8] = o("span", { class: "pi pi-check" }, null, -1))
|
18227
18233
|
], 2)) : v("", !0)
|
18228
18234
|
]),
|
18229
|
-
|
18235
|
+
g.value && e.message.actions ? (r(), u("button", {
|
18230
18236
|
key: 4,
|
18231
18237
|
class: "audio-message__menu-button",
|
18232
|
-
onClick:
|
18233
|
-
},
|
18238
|
+
onClick: I[2] || (I[2] = ($) => d.value = !d.value)
|
18239
|
+
}, I[9] || (I[9] = [
|
18234
18240
|
o("span", { class: "pi pi-ellipsis-h" }, null, -1)
|
18235
18241
|
]))) : v("", !0),
|
18236
18242
|
F(X, null, {
|
18237
18243
|
default: K(() => [
|
18238
|
-
|
18244
|
+
d.value && e.message.actions ? (r(), B(E($e), {
|
18239
18245
|
key: 0,
|
18240
18246
|
class: "audio-message__context-menu",
|
18241
18247
|
actions: e.message.actions,
|
@@ -18244,7 +18250,7 @@ const fu = ["data-theme"], au = {
|
|
18244
18250
|
]),
|
18245
18251
|
_: 1
|
18246
18252
|
}),
|
18247
|
-
(r(), B(
|
18253
|
+
(r(), B(Ae, { to: "body" }, [
|
18248
18254
|
F(X, { name: "modal-fade" }, {
|
18249
18255
|
default: K(() => {
|
18250
18256
|
var $;
|
@@ -18253,13 +18259,13 @@ const fu = ["data-theme"], au = {
|
|
18253
18259
|
o("div", _1, [
|
18254
18260
|
o("button", {
|
18255
18261
|
class: "audio-message__modal-close-button",
|
18256
|
-
onClick:
|
18257
|
-
},
|
18262
|
+
onClick: I[3] || (I[3] = (J) => m.value = !1)
|
18263
|
+
}, I[10] || (I[10] = [
|
18258
18264
|
o("span", null, [
|
18259
18265
|
o("i", { class: "pi pi-times" })
|
18260
18266
|
], -1)
|
18261
18267
|
])),
|
18262
|
-
o("p", I1,
|
18268
|
+
o("p", I1, T(($ = e.message.transcript) == null ? void 0 : $.text), 1)
|
18263
18269
|
])
|
18264
18270
|
])) : v("", !0)
|
18265
18271
|
];
|
@@ -18283,7 +18289,7 @@ const fu = ["data-theme"], au = {
|
|
18283
18289
|
},
|
18284
18290
|
setup(e) {
|
18285
18291
|
return (t, n) => (r(), u("div", N1, [
|
18286
|
-
o("p", D1,
|
18292
|
+
o("p", D1, T(e.message.text), 1)
|
18287
18293
|
]));
|
18288
18294
|
}
|
18289
18295
|
}), T1 = /* @__PURE__ */ R(E1, [["__scopeId", "data-v-72a5e50d"]]), j1 = ["messageId"], x1 = ["src"], V1 = {
|
@@ -18315,7 +18321,7 @@ const fu = ["data-theme"], au = {
|
|
18315
18321
|
function s(C) {
|
18316
18322
|
return C.position === "left" ? "video-message__left" : "video-message__right";
|
18317
18323
|
}
|
18318
|
-
const i = b(), l = b(), c = b(!1), A = b(!1),
|
18324
|
+
const i = b(), l = b(), c = b(!1), A = b(!1), d = b(!1), g = b(!1), m = b("");
|
18319
18325
|
G(
|
18320
18326
|
() => n.message.text,
|
18321
18327
|
() => {
|
@@ -18330,27 +18336,27 @@ const fu = ["data-theme"], au = {
|
|
18330
18336
|
f("action", { messageId: n.message.messageId, type: "views" });
|
18331
18337
|
}, y = () => {
|
18332
18338
|
}, h = () => {
|
18333
|
-
|
18334
|
-
},
|
18335
|
-
|
18336
|
-
},
|
18339
|
+
d.value = !0, g.value = !0;
|
18340
|
+
}, V = () => {
|
18341
|
+
d.value = !1, A.value = !1;
|
18342
|
+
}, S = Q(() => At(n.message.status)), j = () => {
|
18337
18343
|
l.value && (l.value.currentTime = 0, l.value.play());
|
18338
18344
|
};
|
18339
|
-
G([i, l], ([C,
|
18340
|
-
C ?
|
18345
|
+
G([i, l], ([C, k]) => {
|
18346
|
+
C ? k && (k.pause(), k.currentTime = 0) : k && (k.play(), k.currentTime = 0);
|
18341
18347
|
});
|
18342
|
-
const
|
18343
|
-
C.key === "Escape" && c.value &&
|
18348
|
+
const L = Q(() => n.message.reply && n.message.text ? "0" : n.message.text ? "8px 8px 0 0" : n.message.reply ? "0 0 8px 8px" : "8px"), _ = () => c.value = !1, x = (C) => {
|
18349
|
+
C.key === "Escape" && c.value && _();
|
18344
18350
|
};
|
18345
|
-
return
|
18346
|
-
document.addEventListener("keydown",
|
18351
|
+
return ie(() => {
|
18352
|
+
document.addEventListener("keydown", x);
|
18347
18353
|
}), Ke(() => {
|
18348
|
-
document.removeEventListener("keydown",
|
18349
|
-
}), (C,
|
18354
|
+
document.removeEventListener("keydown", x);
|
18355
|
+
}), (C, k) => (r(), u(q, null, [
|
18350
18356
|
o("div", {
|
18351
|
-
class:
|
18357
|
+
class: O(["video-message", s(e.message)]),
|
18352
18358
|
messageId: e.message.messageId,
|
18353
|
-
onMouseleave:
|
18359
|
+
onMouseleave: V
|
18354
18360
|
}, [
|
18355
18361
|
e.message.avatar ? (r(), u("img", {
|
18356
18362
|
key: 0,
|
@@ -18359,26 +18365,26 @@ const fu = ["data-theme"], au = {
|
|
18359
18365
|
height: "32",
|
18360
18366
|
width: "32"
|
18361
18367
|
}, null, 8, x1)) : v("", !0),
|
18362
|
-
e.message.subText ? (r(), u("p", V1,
|
18368
|
+
e.message.subText ? (r(), u("p", V1, T(e.message.subText), 1)) : v("", !0),
|
18363
18369
|
o("div", S1, [
|
18364
18370
|
e.message.reply ? (r(), B(ct, {
|
18365
18371
|
key: 0,
|
18366
18372
|
style: { margin: "10px 10px 4px 16px" },
|
18367
|
-
class:
|
18373
|
+
class: O(e.message.position),
|
18368
18374
|
message: e.message.reply,
|
18369
18375
|
onReply: a
|
18370
18376
|
}, null, 8, ["class", "message"])) : v("", !0),
|
18371
18377
|
o("div", {
|
18372
18378
|
class: "video-message__preview-button",
|
18373
|
-
onClick:
|
18379
|
+
onClick: k[0] || (k[0] = (N) => c.value = !0),
|
18374
18380
|
onMouseenter: h,
|
18375
|
-
onMouseleave:
|
18381
|
+
onMouseleave: k[1] || (k[1] = (N) => g.value = !g.value)
|
18376
18382
|
}, [
|
18377
18383
|
o("video", {
|
18378
18384
|
ref_key: "previewPlayer",
|
18379
18385
|
ref: l,
|
18380
18386
|
class: "video-message__video",
|
18381
|
-
style: se({ borderRadius:
|
18387
|
+
style: se({ borderRadius: L.value }),
|
18382
18388
|
onEnded: j,
|
18383
18389
|
src: e.message.url,
|
18384
18390
|
muted: !0,
|
@@ -18386,22 +18392,22 @@ const fu = ["data-theme"], au = {
|
|
18386
18392
|
}, null, 44, C1),
|
18387
18393
|
F(X, { name: "modal-fade" }, {
|
18388
18394
|
default: K(() => [
|
18389
|
-
|
18395
|
+
g.value ? (r(), u("div", z1, [
|
18390
18396
|
e.message.views ? (r(), u("div", {
|
18391
18397
|
key: 0,
|
18392
18398
|
onClick: kt(p, ["stop"]),
|
18393
18399
|
class: "video-message__views"
|
18394
18400
|
}, [
|
18395
|
-
|
18396
|
-
o("p", null,
|
18401
|
+
k[3] || (k[3] = o("span", { class: "pi pi-eye" }, null, -1)),
|
18402
|
+
o("p", null, T(e.message.views), 1)
|
18397
18403
|
])) : v("", !0),
|
18398
|
-
o("span", O1,
|
18399
|
-
s(e.message) === "video-message__right" &&
|
18404
|
+
o("span", O1, T(e.message.time), 1),
|
18405
|
+
s(e.message) === "video-message__right" && E(rt).includes(e.message.status) ? (r(), u("div", {
|
18400
18406
|
key: 1,
|
18401
|
-
class:
|
18407
|
+
class: O(["video-message__status", S.value])
|
18402
18408
|
}, [
|
18403
18409
|
e.message.status !== "sent" ? (r(), u("span", L1)) : v("", !0),
|
18404
|
-
|
18410
|
+
k[4] || (k[4] = o("span", { class: "pi pi-check" }, null, -1))
|
18405
18411
|
], 2)) : v("", !0)
|
18406
18412
|
])) : v("", !0)
|
18407
18413
|
]),
|
@@ -18409,14 +18415,14 @@ const fu = ["data-theme"], au = {
|
|
18409
18415
|
}),
|
18410
18416
|
F(X, { name: "modal-fade" }, {
|
18411
18417
|
default: K(() => [
|
18412
|
-
|
18418
|
+
g.value ? (r(), u("a", {
|
18413
18419
|
key: 0,
|
18414
18420
|
onClick: kt(() => "//Предотвращаем всплытие события клика", ["stop"]),
|
18415
18421
|
class: "video-message__download-button",
|
18416
18422
|
href: e.message.url,
|
18417
18423
|
download: "",
|
18418
18424
|
target: "_blank"
|
18419
|
-
},
|
18425
|
+
}, k[5] || (k[5] = [
|
18420
18426
|
o("span", { class: "pi pi-download" }, null, -1)
|
18421
18427
|
]), 8, U1)) : v("", !0)
|
18422
18428
|
]),
|
@@ -18425,11 +18431,11 @@ const fu = ["data-theme"], au = {
|
|
18425
18431
|
], 32),
|
18426
18432
|
F(X, { name: "modal-fade" }, {
|
18427
18433
|
default: K(() => [
|
18428
|
-
|
18434
|
+
d.value && e.message.actions ? (r(), u("button", {
|
18429
18435
|
key: 0,
|
18430
18436
|
class: "video-message__menu-button",
|
18431
|
-
onClick:
|
18432
|
-
},
|
18437
|
+
onClick: k[2] || (k[2] = (N) => A.value = !A.value)
|
18438
|
+
}, k[6] || (k[6] = [
|
18433
18439
|
o("span", { class: "pi pi-ellipsis-h" }, null, -1)
|
18434
18440
|
]))) : v("", !0)
|
18435
18441
|
]),
|
@@ -18437,7 +18443,7 @@ const fu = ["data-theme"], au = {
|
|
18437
18443
|
}),
|
18438
18444
|
F(X, { name: "context-menu" }, {
|
18439
18445
|
default: K(() => [
|
18440
|
-
A.value && e.message.actions ? (r(), B(
|
18446
|
+
A.value && e.message.actions ? (r(), B(E($e), {
|
18441
18447
|
key: 0,
|
18442
18448
|
class: "video-message__context-menu",
|
18443
18449
|
actions: e.message.actions,
|
@@ -18454,17 +18460,17 @@ const fu = ["data-theme"], au = {
|
|
18454
18460
|
])) : v("", !0),
|
18455
18461
|
e.message.linkPreview ? (r(), B(Lt, {
|
18456
18462
|
key: 2,
|
18457
|
-
class:
|
18463
|
+
class: O(["video-message__link-preview", e.message.position]),
|
18458
18464
|
linkPreview: e.message.linkPreview
|
18459
18465
|
}, null, 8, ["class", "linkPreview"])) : v("", !0)
|
18460
18466
|
])
|
18461
18467
|
], 42, j1),
|
18462
|
-
(r(), B(
|
18468
|
+
(r(), B(Ae, { to: "body" }, [
|
18463
18469
|
F(X, { name: "modal-fade" }, {
|
18464
18470
|
default: K(() => [
|
18465
18471
|
c.value ? (r(), B(lf, {
|
18466
18472
|
key: 0,
|
18467
|
-
onClose:
|
18473
|
+
onClose: _
|
18468
18474
|
}, {
|
18469
18475
|
default: K(() => [
|
18470
18476
|
o("video", {
|
@@ -18533,7 +18539,7 @@ const fu = ["data-theme"], au = {
|
|
18533
18539
|
return (a, s) => {
|
18534
18540
|
var i;
|
18535
18541
|
return r(), u("div", {
|
18536
|
-
class:
|
18542
|
+
class: O(f(e.message, n.message)),
|
18537
18543
|
messageId: e.message.messageId
|
18538
18544
|
}, [
|
18539
18545
|
e.message.avatar ? (r(), u("img", {
|
@@ -18544,16 +18550,16 @@ const fu = ["data-theme"], au = {
|
|
18544
18550
|
width: "32",
|
18545
18551
|
style: se({ gridRow: e.message.subText ? "2" : "1" })
|
18546
18552
|
}, null, 12, F1)) : v("", !0),
|
18547
|
-
e.message.subText ? (r(), u("p", q1,
|
18553
|
+
e.message.subText ? (r(), u("p", q1, T(e.message.subText), 1)) : v("", !0),
|
18548
18554
|
o("div", H1, [
|
18549
18555
|
o("span", {
|
18550
18556
|
class: "call-message__icon pi pi-phone",
|
18551
18557
|
style: se({ color: e.message.isMissedCall ? "var(--p-red-500)" : "var(--neutral-100)" })
|
18552
18558
|
}, null, 4),
|
18553
18559
|
e.message.isMissedCall ? (r(), u("span", K1, "Пропущенный аудиозвонок")) : (r(), u("span", W1, "Аудиозвонок")),
|
18554
|
-
e.message.callDuration ? (r(), u("span", J1,
|
18560
|
+
e.message.callDuration ? (r(), u("span", J1, T(e.message.callDuration), 1)) : !e.message.callDuration && e.message.isMissedCall ? (r(), u("span", G1, "Нажмите, чтобы перезвонить")) : (r(), u("span", Z1, "Нет ответа")),
|
18555
18561
|
o("div", X1, [
|
18556
|
-
o("span", ed,
|
18562
|
+
o("span", ed, T(e.message.time), 1)
|
18557
18563
|
]),
|
18558
18564
|
(i = e.message.transcript) != null && i.dialog ? (r(), u("button", {
|
18559
18565
|
key: 5,
|
@@ -18562,7 +18568,7 @@ const fu = ["data-theme"], au = {
|
|
18562
18568
|
}, s[2] || (s[2] = [
|
18563
18569
|
o("span", { class: "pi pi-arrow-up-right" }, null, -1)
|
18564
18570
|
]))) : v("", !0),
|
18565
|
-
(r(), B(
|
18571
|
+
(r(), B(Ae, { to: "body" }, [
|
18566
18572
|
F(X, { name: "modal-fade" }, {
|
18567
18573
|
default: K(() => {
|
18568
18574
|
var l;
|
@@ -18578,10 +18584,10 @@ const fu = ["data-theme"], au = {
|
|
18578
18584
|
], -1)
|
18579
18585
|
])),
|
18580
18586
|
(r(!0), u(q, null, te((l = e.message.transcript) == null ? void 0 : l.dialog, (c, A) => (r(), u("div", {
|
18581
|
-
class:
|
18587
|
+
class: O(f(c, n.textDialog))
|
18582
18588
|
}, [
|
18583
|
-
o("p", null,
|
18584
|
-
o("span", null,
|
18589
|
+
o("p", null, T(c.text), 1),
|
18590
|
+
o("span", null, T(c.time), 1)
|
18585
18591
|
], 2))), 256))
|
18586
18592
|
])
|
18587
18593
|
])) : v("", !0)
|
@@ -18604,7 +18610,7 @@ const fu = ["data-theme"], au = {
|
|
18604
18610
|
},
|
18605
18611
|
setup(e) {
|
18606
18612
|
return (t, n) => (r(), u("div", sd, [
|
18607
|
-
o("p", id,
|
18613
|
+
o("p", id, T(e.message.text), 1)
|
18608
18614
|
]));
|
18609
18615
|
}
|
18610
18616
|
}), ld = /* @__PURE__ */ R(od, [["__scopeId", "data-v-41bf24c1"]]), rd = { class: "typing-message__container" }, Ad = ["src"], cd = {
|
@@ -18628,7 +18634,7 @@ const fu = ["data-theme"], au = {
|
|
18628
18634
|
width: "32",
|
18629
18635
|
style: se({ gridRow: e.message.subText ? "2" : "1" })
|
18630
18636
|
}, null, 12, Ad)) : v("", !0),
|
18631
|
-
e.message.subText ? (r(), u("p", cd,
|
18637
|
+
e.message.subText ? (r(), u("p", cd, T(e.message.subText), 1)) : v("", !0),
|
18632
18638
|
n[0] || (n[0] = o("div", { class: "typing-message__loader-container" }, [
|
18633
18639
|
o("div", { class: "typing-message__loader" })
|
18634
18640
|
], -1))
|
@@ -18684,14 +18690,14 @@ const fu = ["data-theme"], au = {
|
|
18684
18690
|
}, l = (c) => {
|
18685
18691
|
c.key === "Escape" && n.value && s();
|
18686
18692
|
};
|
18687
|
-
return
|
18693
|
+
return ie(() => {
|
18688
18694
|
document.addEventListener("keydown", l);
|
18689
18695
|
}), Ke(() => {
|
18690
18696
|
document.removeEventListener("keydown", l);
|
18691
18697
|
}), (c, A) => (r(), u(q, null, [
|
18692
18698
|
o("div", {
|
18693
18699
|
class: "image-message__preview-button",
|
18694
|
-
onClick: A[0] || (A[0] = (
|
18700
|
+
onClick: A[0] || (A[0] = (d) => n.value = !0)
|
18695
18701
|
}, [
|
18696
18702
|
o("img", {
|
18697
18703
|
class: "image-message__preview-image",
|
@@ -18710,7 +18716,7 @@ const fu = ["data-theme"], au = {
|
|
18710
18716
|
onClick: a
|
18711
18717
|
}, null, 8, vd)) : v("", !0)
|
18712
18718
|
]),
|
18713
|
-
(r(), B(
|
18719
|
+
(r(), B(Ae, { to: "body" }, [
|
18714
18720
|
F(X, { name: "modal-fade" }, {
|
18715
18721
|
default: K(() => [
|
18716
18722
|
n.value ? (r(), u("div", {
|
@@ -18761,7 +18767,7 @@ const fu = ["data-theme"], au = {
|
|
18761
18767
|
s.preventDefault(), s.target.href && window.open(s.target.href, "_blank");
|
18762
18768
|
}
|
18763
18769
|
return (s, i) => (r(), u(q, null, [
|
18764
|
-
|
18770
|
+
ce(o("div", Id, i[0] || (i[0] = [
|
18765
18771
|
o("span", { class: "pi pi-play" }, null, -1)
|
18766
18772
|
]), 512), [
|
18767
18773
|
[We, !n.value]
|
@@ -18804,14 +18810,14 @@ const fu = ["data-theme"], au = {
|
|
18804
18810
|
}, c = (A) => {
|
18805
18811
|
A.key === "Escape" && f.value && i();
|
18806
18812
|
};
|
18807
|
-
return
|
18813
|
+
return ie(() => {
|
18808
18814
|
document.addEventListener("keydown", c);
|
18809
18815
|
}), Ke(() => {
|
18810
18816
|
document.removeEventListener("keydown", c);
|
18811
|
-
}), (A,
|
18817
|
+
}), (A, d) => (r(), u(q, null, [
|
18812
18818
|
o("div", {
|
18813
18819
|
class: "video-message__preview-button",
|
18814
|
-
onClick:
|
18820
|
+
onClick: d[0] || (d[0] = (g) => f.value = !0)
|
18815
18821
|
}, [
|
18816
18822
|
o("video", {
|
18817
18823
|
class: "video-message__video",
|
@@ -18820,7 +18826,7 @@ const fu = ["data-theme"], au = {
|
|
18820
18826
|
}, null, 8, Ed)
|
18821
18827
|
]),
|
18822
18828
|
o("div", Td, [
|
18823
|
-
|
18829
|
+
d[1] || (d[1] = o("div", { class: "video-message__reply-description" }, [
|
18824
18830
|
o("span", { class: "pi pi-video" }),
|
18825
18831
|
o("p", null, "Видео")
|
18826
18832
|
], -1)),
|
@@ -18830,7 +18836,7 @@ const fu = ["data-theme"], au = {
|
|
18830
18836
|
onClick: s
|
18831
18837
|
}, null, 8, jd)) : v("", !0)
|
18832
18838
|
]),
|
18833
|
-
(r(), B(
|
18839
|
+
(r(), B(Ae, { to: "body" }, [
|
18834
18840
|
F(X, { name: "modal-fade" }, {
|
18835
18841
|
default: K(() => [
|
18836
18842
|
f.value ? (r(), u("div", {
|
@@ -18842,7 +18848,7 @@ const fu = ["data-theme"], au = {
|
|
18842
18848
|
o("button", {
|
18843
18849
|
class: "video-message__modal-close-button",
|
18844
18850
|
onClick: i
|
18845
|
-
},
|
18851
|
+
}, d[2] || (d[2] = [
|
18846
18852
|
o("span", null, [
|
18847
18853
|
o("i", { class: "pi pi-times" })
|
18848
18854
|
], -1)
|
@@ -18893,9 +18899,9 @@ const fu = ["data-theme"], au = {
|
|
18893
18899
|
target: "_blank"
|
18894
18900
|
}, [
|
18895
18901
|
a[0] || (a[0] = o("span", { class: "pi pi-file" }, null, -1)),
|
18896
|
-
o("p", Od,
|
18902
|
+
o("p", Od, T(e.message.filename), 1)
|
18897
18903
|
], 8, zd),
|
18898
|
-
(s = e.message) != null && s.text ? (r(), u("p", Ld,
|
18904
|
+
(s = e.message) != null && s.text ? (r(), u("p", Ld, T(e.message.text), 1)) : v("", !0)
|
18899
18905
|
], 64);
|
18900
18906
|
};
|
18901
18907
|
}
|
@@ -18908,7 +18914,7 @@ const fu = ["data-theme"], au = {
|
|
18908
18914
|
setup(e) {
|
18909
18915
|
const t = Gn();
|
18910
18916
|
return In("chatAppId", t), (n, f) => (r(), u("div", {
|
18911
|
-
id:
|
18917
|
+
id: E(t),
|
18912
18918
|
class: "base"
|
18913
18919
|
}, [
|
18914
18920
|
o("div", {
|
@@ -18916,9 +18922,11 @@ const fu = ["data-theme"], au = {
|
|
18916
18922
|
style: se({ height: e.height, width: e.width })
|
18917
18923
|
}, [
|
18918
18924
|
ne(n.$slots, "default"),
|
18919
|
-
|
18920
|
-
|
18921
|
-
|
18925
|
+
(r(), B(Ae, { to: "body" }, [
|
18926
|
+
o("div", {
|
18927
|
+
id: "float-windows-" + E(t)
|
18928
|
+
}, null, 8, Qd)
|
18929
|
+
]))
|
18922
18930
|
], 4)
|
18923
18931
|
], 8, Rd));
|
18924
18932
|
}
|
@@ -18938,9 +18946,9 @@ const fu = ["data-theme"], au = {
|
|
18938
18946
|
},
|
18939
18947
|
emits: ["close-window", "get-size"],
|
18940
18948
|
setup(e, { emit: t }) {
|
18941
|
-
const n = e, f = b({ x: 0, y: 0 }), a = b(null), s = b(null), i = b(!1), l = b(0), c = b(0), A = b(0),
|
18942
|
-
In("chatAppId",
|
18943
|
-
const
|
18949
|
+
const n = e, f = b({ x: 0, y: 0 }), a = b(null), s = b(null), i = b(!1), l = b(0), c = b(0), A = b(0), d = Gn();
|
18950
|
+
In("chatAppId", d);
|
18951
|
+
const g = (p) => {
|
18944
18952
|
i.value = !0, l.value = p.clientX - a.value.offsetLeft, c.value = p.clientY - a.value.offsetTop;
|
18945
18953
|
}, m = () => i.value = !1, M = (p) => {
|
18946
18954
|
if (i.value) {
|
@@ -18948,7 +18956,7 @@ const fu = ["data-theme"], au = {
|
|
18948
18956
|
f.value.x = y, f.value.y = h;
|
18949
18957
|
}
|
18950
18958
|
};
|
18951
|
-
return
|
18959
|
+
return ie(() => {
|
18952
18960
|
document.addEventListener("mousemove", M), window.addEventListener("resize", () => {
|
18953
18961
|
a.value && (f.value.x = Math.max(
|
18954
18962
|
0,
|
@@ -18965,7 +18973,7 @@ const fu = ["data-theme"], au = {
|
|
18965
18973
|
));
|
18966
18974
|
}), A.value = a.value.offsetHeight - s.value.offsetHeight;
|
18967
18975
|
}), (p, y) => (r(), u("div", {
|
18968
|
-
id:
|
18976
|
+
id: E(d),
|
18969
18977
|
ref_key: "element",
|
18970
18978
|
ref: a,
|
18971
18979
|
class: "float-window",
|
@@ -18983,7 +18991,7 @@ const fu = ["data-theme"], au = {
|
|
18983
18991
|
ref_key: "container",
|
18984
18992
|
ref: s,
|
18985
18993
|
class: "float-window__controls",
|
18986
|
-
onMousedown:
|
18994
|
+
onMousedown: g,
|
18987
18995
|
onMouseup: m,
|
18988
18996
|
onMouseleave: m
|
18989
18997
|
}, [
|
@@ -18993,7 +19001,7 @@ const fu = ["data-theme"], au = {
|
|
18993
19001
|
src: n.avatar,
|
18994
19002
|
alt: n.title
|
18995
19003
|
}, null, 8, Pd)) : v("", !0),
|
18996
|
-
o("p", Fd,
|
19004
|
+
o("p", Fd, T(n.title), 1),
|
18997
19005
|
o("div", qd, [
|
18998
19006
|
ne(p.$slots, "controls", {}, void 0, !0),
|
18999
19007
|
o("button", {
|
@@ -19009,14 +19017,16 @@ const fu = ["data-theme"], au = {
|
|
19009
19017
|
style: se({ height: A.value + "px" })
|
19010
19018
|
}, [
|
19011
19019
|
ne(p.$slots, "default", {}, void 0, !0),
|
19012
|
-
|
19013
|
-
|
19014
|
-
|
19020
|
+
(r(), B(Ae, { to: "body" }, [
|
19021
|
+
o("div", {
|
19022
|
+
id: "float-windows-" + E(d)
|
19023
|
+
}, null, 8, Hd)
|
19024
|
+
]))
|
19015
19025
|
], 4)
|
19016
19026
|
])
|
19017
19027
|
], 12, $d));
|
19018
19028
|
}
|
19019
|
-
}, qg = /* @__PURE__ */ R(Wd, [["__scopeId", "data-v-
|
19029
|
+
}, qg = /* @__PURE__ */ R(Wd, [["__scopeId", "data-v-d7630bab"]]), Kd = {}, Jd = { class: "base-layout__container" }, Gd = { class: "base-layout__first-col" }, Zd = { class: "base-layout__second-col" };
|
19020
19030
|
function Xd(e, t) {
|
19021
19031
|
return r(), u("div", Jd, [
|
19022
19032
|
o("div", Gd, [
|
@@ -19083,12 +19093,12 @@ const Kg = /* @__PURE__ */ R(ig, [["render", rg], ["__scopeId", "data-v-a4657f8e
|
|
19083
19093
|
{ immediate: !0 }
|
19084
19094
|
), (f, a) => (r(), u("div", {
|
19085
19095
|
class: "chat-wrapper",
|
19086
|
-
id: "chat-wrapper-" +
|
19096
|
+
id: "chat-wrapper-" + E(n)
|
19087
19097
|
}, [
|
19088
19098
|
e.isSelectedChat ? (r(), u("div", cg, [
|
19089
19099
|
ne(f.$slots, "default", {}, void 0, !0)
|
19090
19100
|
])) : (r(), u("div", ug, [
|
19091
|
-
o("p", null, E(
|
19101
|
+
o("p", null, T(E(pe)("layout.ChatWrapper.noSelectedChat")), 1)
|
19092
19102
|
])),
|
19093
19103
|
e.isOpenChatPanel ? (r(), u("div", {
|
19094
19104
|
key: 2,
|
@@ -19127,29 +19137,29 @@ const Kg = /* @__PURE__ */ R(ig, [["render", rg], ["__scopeId", "data-v-a4657f8e
|
|
19127
19137
|
const s = document.getElementById("extern-layout-container-" + n);
|
19128
19138
|
s.style.setProperty("--second-col-display", "flex"), s.style.setProperty("--third-col-display", "none"), s.style.setProperty("--second-col-width", "100%"), s.style.setProperty("--third-col-width", "0%");
|
19129
19139
|
};
|
19130
|
-
return
|
19140
|
+
return ie(() => {
|
19131
19141
|
const s = document.getElementById("extern-layout-container-" + n), i = document.getElementById("extend-layout-first-col-" + n);
|
19132
19142
|
s.style.setProperty("--first-col-width", i.offsetWidth + "px");
|
19133
19143
|
}), (s, i) => (r(), u("div", {
|
19134
19144
|
class: "extend-layout__container",
|
19135
19145
|
ref: "refContainer",
|
19136
|
-
id: "extern-layout-container-" +
|
19146
|
+
id: "extern-layout-container-" + E(n)
|
19137
19147
|
}, [
|
19138
19148
|
o("div", {
|
19139
19149
|
class: "extend-layout__first-col",
|
19140
|
-
id: "extend-layout-first-col-" +
|
19150
|
+
id: "extend-layout-first-col-" + E(n)
|
19141
19151
|
}, [
|
19142
19152
|
ne(s.$slots, "first-col", {}, void 0, !0)
|
19143
19153
|
], 8, mg),
|
19144
19154
|
o("div", {
|
19145
19155
|
class: "extend-layout__second-col",
|
19146
|
-
id: "extend-layout-second-col-" +
|
19156
|
+
id: "extend-layout-second-col-" + E(n)
|
19147
19157
|
}, [
|
19148
19158
|
ne(s.$slots, "second-col", {}, void 0, !0)
|
19149
19159
|
], 8, pg),
|
19150
19160
|
o("div", {
|
19151
19161
|
class: "extend-layout__third-col",
|
19152
|
-
id: "extend-layout-third-col-" +
|
19162
|
+
id: "extend-layout-third-col-" + E(n)
|
19153
19163
|
}, [
|
19154
19164
|
ne(s.$slots, "third-col", {}, void 0, !0)
|
19155
19165
|
], 8, hg)
|