@mobilon-dev/chotto 0.0.96 → 0.0.97

package/dist/{index-CFJIodRN.js → index-Nxr6OC3A.js}

@@ -1,4 +1,4 @@
-import { inject as ee, openBlock as r, createElementBlock as u, createElementVNode as o, createCommentVNode as y, toDisplayString as k, renderSlot as ne, unref as D, ref as b, customRef as Zf, defineComponent as W, computed as Q, watch as X, nextTick as wt, withDirectives as Ae, withKeys as Jn, vModelText as ot, normalizeClass as O, createVNode as F, Transition as Z, withCtx as K, createBlock as R, Fragment as q, renderList as te, resolveDynamicComponent as Xf, Teleport as _e, normalizeStyle as ie, useId as Gn, onMounted as le, onUnmounted as Ke, vShow as We, toRef as Ba, vModelRadio as ea, reactive as ta, provide as Mn, getCurrentInstance as Ra, toRaw as na, onBeforeUnmount as Qa, readonly as $a, resolveComponent as $t, h as Tf, defineAsyncComponent as Ya, createApp as Pa, withModifiers as kt } from "vue";
+import { inject as ee, computed as Q, openBlock as A, createElementBlock as u, createElementVNode as o, createCommentVNode as y, toDisplayString as k, renderSlot as ne, unref as D, ref as b, customRef as Zf, defineComponent as W, watch as X, nextTick as wt, withDirectives as Ae, withKeys as Jn, vModelText as ot, normalizeClass as z, createVNode as F, Transition as Z, withCtx as K, createBlock as R, Fragment as q, renderList as te, normalizeStyle as se, resolveDynamicComponent as Xf, Teleport as _e, useId as Gn, onMounted as le, onUnmounted as Ke, vShow as We, toRef as Ba, vModelRadio as ea, reactive as ta, provide as Mn, getCurrentInstance as Ra, toRaw as na, onBeforeUnmount as Qa, readonly as $a, resolveComponent as $t, h as Tf, defineAsyncComponent as Ya, createApp as Pa, withModifiers as kt } from "vue";
 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", et = (e, t) => {
   for (const n in t)
     e[n] = t[n];
@@ -229,12 +229,12 @@ function Xa(e = []) {
   ae(l, Ve), ae(l, Se, s), ae(l, ct, l), ae(s, Se, s), ae(s, Ve), ae(s, ct, s);
   const c = I(n, Vn, Xn, {
     [Tn]: !0
-  }), A = I(n, xf, qn, {
+  }), r = I(n, xf, qn, {
     [Tn]: !0
   }), d = ae(n, xn, qn, {
     [Tn]: !0
   });
-  I(n, Sn, d), I(A, Vn, c), I(A, Sn, d), ae(A, xn, d), I(d, xf), I(d, Vn), ae(d, xn, d), I(d, Sn, d);
+  I(n, Sn, d), I(r, Vn, c), I(r, Sn, d), ae(r, xn, d), I(d, xf), I(d, Vn), ae(d, xn, d), I(d, Sn, d);
   const g = ae(n, jn, oa, {
     [fa]: !0
   });
@@ -260,12 +260,12 @@ function Xa(e = []) {
     ascii: !0
   }, t), e = e.sort((v, p) => v[0] > p[0] ? 1 : -1);
   for (let v = 0; v < e.length; v++) {
-    const p = e[v][0], x = e[v][1] ? {
+    const p = e[v][0], j = e[v][1] ? {
       [Ha]: !0
     } : {
       [Wa]: !0
     };
-    p.indexOf("-") >= 0 ? x[$n] = !0 : Ve.test(p) ? Se.test(p) ? x[pt] = !0 : x[Rn] = !0 : x[Bn] = !0, jf(n, p, p, x);
+    p.indexOf("-") >= 0 ? j[$n] = !0 : Ve.test(p) ? Se.test(p) ? j[pt] = !0 : j[Rn] = !0 : j[Bn] = !0, jf(n, p, p, j);
   }
   return jf(n, "localhost", Nt, {
     ascii: !0
@@ -280,15 +280,15 @@ function ra(e, t) {
   const n = es(t.replace(/[A-Z]/g, (l) => l.toLowerCase())), f = n.length, a = [];
   let s = 0, i = 0;
   for (; i < f; ) {
-    let l = e, c = null, A = 0, d = null, g = -1, m = -1;
+    let l = e, c = null, r = 0, d = null, g = -1, m = -1;
     for (; i < f && (c = l.go(n[i])); )
-      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++;
-    s -= g, i -= m, A -= g, a.push({
+      l = c, l.accepts() ? (g = 0, m = 0, d = l) : g >= 0 && (g += n[i].length, m++), r += n[i].length, s += n[i].length, i++;
+    s -= g, i -= m, r -= g, a.push({
       t: d.t,
       // token type/name
-      v: t.slice(s - A, s),
+      v: t.slice(s - r, s),
       // string value
-      s: s - A,
+      s: s - r,
       // start index
       e: s
       // end index (excluding)
@@ -518,8 +518,8 @@ Aa.prototype = {
    * @param {Options} options Formattinng options
    */
   render(e) {
-    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);
-    return i.href = f, l && (i.class = l), c && (i.target = c), A && (i.rel = A), d && et(i, d), {
+    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), r = e.get("rel", n, t), d = e.getObj("attributes", n, t), g = e.getObj("events", n, t);
+    return i.href = f, l && (i.class = l), c && (i.target = c), r && (i.rel = r), d && et(i, d), {
       tagName: a,
       attributes: i,
       content: s,
@@ -570,31 +570,31 @@ function ns({
   P(s, f, s), P(s, e.domain, s);
   const i = he(), l = he(), c = he();
   P(a, e.domain, i), P(a, e.scheme, l), P(a, e.slashscheme, c), P(i, f, s), P(i, e.domain, i);
-  const A = I(i, Ue);
-  I(s, Ue, A), I(l, Ue, A), I(c, Ue, A);
+  const r = I(i, Ue);
+  I(s, Ue, r), I(l, Ue, r), I(c, Ue, r);
   const d = I(s, De);
   P(d, f, s), P(d, e.domain, s);
   const g = he();
-  P(A, e.domain, g), P(g, e.domain, g);
+  P(r, e.domain, g), P(g, e.domain, g);
   const m = I(g, De);
   P(m, e.domain, g);
   const M = he(Cf);
-  P(m, e.tld, M), P(m, e.utld, M), I(A, Nt, M);
+  P(m, e.tld, M), P(m, e.utld, M), I(r, Nt, M);
   const h = I(g, ve);
   I(h, ve, h), P(h, e.domain, g), P(M, e.domain, g), I(M, De, m), I(M, ve, h);
   const v = I(M, Be);
   P(v, e.numeric, Cf);
   const p = I(i, ve), _ = I(i, De);
   I(p, ve, p), P(p, e.domain, i), P(_, f, s), P(_, e.domain, i);
-  const x = he(Bt);
-  P(_, e.tld, x), P(_, e.utld, x), P(x, e.domain, i), P(x, f, s), I(x, De, _), I(x, ve, p), I(x, Ue, A);
-  const N = I(x, Be), E = he(Bt);
+  const j = he(Bt);
+  P(_, e.tld, j), P(_, e.utld, j), P(j, e.domain, i), P(j, f, s), I(j, De, _), I(j, ve, p), I(j, Ue, r);
+  const N = I(j, Be), E = he(Bt);
   P(N, e.numeric, E);
   const w = he(Bt), S = he();
-  P(w, t, w), P(w, n, S), P(S, t, w), P(S, n, S), I(x, Ee, w), I(E, Ee, w);
-  const T = I(l, Be), j = I(c, Be), L = I(j, Ee), z = I(L, Ee);
-  P(l, e.domain, i), I(l, De, _), I(l, ve, p), P(c, e.domain, i), I(c, De, _), I(c, ve, p), P(T, e.domain, w), I(T, Ee, w), I(T, bt, w), P(z, e.domain, w), P(z, t, w), I(z, Ee, w);
-  const V = [
+  P(w, t, w), P(w, n, S), P(S, t, w), P(S, n, S), I(j, Ee, w), I(E, Ee, w);
+  const L = I(l, Be), T = I(c, Be), O = I(T, Ee), V = I(O, Ee);
+  P(l, e.domain, i), I(l, De, _), I(l, ve, p), P(c, e.domain, i), I(c, De, _), I(c, ve, p), P(L, e.domain, w), I(L, Ee, w), I(L, bt, w), P(V, e.domain, w), P(V, t, w), I(V, Ee, w);
+  const x = [
     [ht, vt],
     // {}
     [qt, Ht],
@@ -612,15 +612,15 @@ function ns({
     [an, sn]
     // ＜＞
   ];
-  for (let B = 0; B < V.length; B++) {
-    const [$, J] = V[B], oe = I(w, $);
+  for (let U = 0; U < x.length; U++) {
+    const [$, J] = x[U], oe = I(w, $);
     I(S, $, oe), I(oe, J, w);
     const G = he(Bt);
     P(oe, t, G);
     const fe = he();
     P(oe, n), P(G, t, G), P(G, n, fe), P(fe, t, G), P(fe, n, fe), I(G, J, w), I(fe, J, w);
   }
-  return I(a, Nt, x), I(a, Xn, ts), {
+  return I(a, Nt, j), I(a, Xn, ts), {
     start: a,
     tokens: la
   };
@@ -628,11 +628,11 @@ function ns({
 function fs(e, t, n) {
   let f = n.length, a = 0, s = [], i = [];
   for (; a < f; ) {
-    let l = e, c = null, A = null, d = 0, g = null, m = -1;
+    let l = e, c = null, r = null, d = 0, g = null, m = -1;
     for (; a < f && !(c = l.go(n[a].t)); )
       i.push(n[a++]);
-    for (; a < f && (A = c || l.go(n[a].t)); )
-      c = null, l = A, l.accepts() ? (m = 0, g = l) : m >= 0 && m++, a++, d++;
+    for (; a < f && (r = c || l.go(n[a].t)); )
+      c = null, l = r, l.accepts() ? (m = 0, g = l) : m >= 0 && m++, a++, d++;
     if (m < 0)
       a -= d, a < f && (i.push(n[a]), a++);
     else {
@@ -710,7 +710,7 @@ String.prototype.linkify || Object.defineProperty(String.prototype, "linkify", {
     return we(this, t);
   }
 });
-const U = (e, t) => {
+const B = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [f, a] of t)
     n[f] = a;
@@ -735,43 +735,55 @@ const U = (e, t) => {
       type: Boolean,
       required: !1,
       default: !1
+    },
+    description: {
+      type: String,
+      required: !1
+    },
+    defaultLastActivityTime: {
+      type: Boolean,
+      required: !1,
+      default: !1
     }
   },
   emits: ["returnToChats"],
   setup(e, { emit: t }) {
-    const n = e, f = t, a = ee("chatAppId");
-    return (s, i) => e.chat ? (r(), u("div", ls, [
+    const n = e, f = t, a = ee("chatAppId"), s = Q(() => {
+      if (n.description) return n.description;
+      if (!n.description && n.defaultLastActivityTime) return n.chat["lastActivity.time"];
+    });
+    return (i, l) => e.chat ? (A(), u("div", ls, [
       o("div", rs, [
-        e.showReturnButton ? (r(), u("span", {
+        e.showReturnButton ? (A(), u("span", {
           key: 0,
           class: "pi pi-arrow-left chat-info__return-button",
-          onClick: i[0] || (i[0] = (l) => f("returnToChats"))
+          onClick: l[0] || (l[0] = (c) => f("returnToChats"))
         })) : y("", !0),
         o("div", As, [
-          n.chat.avatar ? (r(), u("img", {
+          n.chat.avatar ? (A(), u("img", {
             key: 0,
             src: n.chat.avatar,
             width: "48",
             height: "48"
-          }, null, 8, cs)) : (r(), u("span", us))
+          }, null, 8, cs)) : (A(), u("span", us))
         ]),
         o("div", ds, [
           o("h2", gs, k(e.chat.name), 1),
-          e.chat["lastActivity.time"] ? (r(), u("p", ms, k(e.chat["lastActivity.time"]), 1)) : y("", !0)
+          s.value ? (A(), u("p", ms, k(s.value), 1)) : y("", !0)
         ]),
         o("div", ps, [
-          ne(s.$slots, "actions", {}, void 0, !0)
+          ne(i.$slots, "actions", {}, void 0, !0)
         ])
       ]),
       o("div", {
         class: "chat-info__search-panel",
         id: "chat-info-search-panel-" + D(a)
       }, [
-        ne(s.$slots, "search", {}, void 0, !0)
+        ne(i.$slots, "search", {}, void 0, !0)
       ], 8, hs)
     ])) : y("", !0);
   }
-}, vg = /* @__PURE__ */ U(vs, [["__scopeId", "data-v-30704e45"]]), de = b([]), Ie = (e) => {
+}, vg = /* @__PURE__ */ B(vs, [["__scopeId", "data-v-1d46ede1"]]), de = b([]), Ie = (e) => {
   const t = b(0);
   let n = de.value.find(({ id: m }) => m == e);
   n != null ? t.value = de.value.indexOf(n) : (de.value.push({
@@ -783,64 +795,64 @@ const U = (e, t) => {
   }), t.value = de.value.length - 1);
   const f = () => {
     de.value[t.value] = {
-      id: A().id,
+      id: r().id,
       text: "",
       file: void 0,
       reply: void 0,
       forceSend: !1,
-      isRecording: A().isRecording
+      isRecording: r().isRecording
     };
   }, a = (m) => {
     de.value[t.value] = {
-      id: A().id,
+      id: r().id,
       text: m,
-      file: A().file,
-      reply: A().reply,
+      file: r().file,
+      reply: r().reply,
       forceSend: !1,
-      isRecording: A().isRecording
+      isRecording: r().isRecording
     };
   }, s = (m) => {
     de.value[t.value] = {
-      id: A().id,
-      text: A().text,
+      id: r().id,
+      text: r().text,
       file: m,
-      reply: A().reply,
+      reply: r().reply,
       forceSend: !1,
-      isRecording: A().isRecording
+      isRecording: r().isRecording
     };
   }, i = () => {
     de.value[t.value] = {
-      id: A().id,
-      text: A().text,
+      id: r().id,
+      text: r().text,
       file: void 0,
-      reply: A().reply,
+      reply: r().reply,
       forceSend: !1,
-      isRecording: A().isRecording
+      isRecording: r().isRecording
     };
   }, l = (m) => {
     de.value[t.value] = {
-      id: A().id,
-      text: A().text,
-      file: A().file,
+      id: r().id,
+      text: r().text,
+      file: r().file,
       reply: m,
       forceSend: !1,
-      isRecording: A().isRecording
+      isRecording: r().isRecording
     };
   }, c = () => {
     de.value[t.value] = {
-      id: A().id,
-      text: A().text,
-      file: A().file,
+      id: r().id,
+      text: r().text,
+      file: r().file,
       reply: void 0,
       forceSend: !1,
-      isRecording: A().isRecording
+      isRecording: r().isRecording
     };
   };
-  function A() {
+  function r() {
     return de.value[t.value];
   }
   return {
-    getMessage: A,
+    getMessage: r,
     resetMessage: f,
     setMessageFile: s,
     resetMessageFile: i,
@@ -934,7 +946,7 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
   },
   emits: ["send", "typing"],
   setup(e, { emit: t }) {
-    const n = t, f = ee("chatAppId"), { resetMessage: a, getMessage: s, setMessageText: i, setForceSendMessage: l, setMessageFile: c, resetMessageFile: A } = Ie(f), d = b(), g = Is("", 2e3), m = e, M = Q(() => {
+    const n = t, f = ee("chatAppId"), { resetMessage: a, getMessage: s, setMessageText: i, setForceSendMessage: l, setMessageFile: c, resetMessageFile: r } = Ie(f), d = b(), g = Is("", 2e3), m = e, M = Q(() => {
       if (m.state == "disabled" || s().text == "" && !s().file || s().isRecording) return !0;
     });
     X(
@@ -969,14 +981,14 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
     }, v = (_) => {
       if (_.ctrlKey) {
         if (d.value instanceof HTMLTextAreaElement) {
-          let x = d.value.selectionStart;
-          x && (d.value.setRangeText(`
-`, x, x, "end"), i(d.value.value));
+          let j = d.value.selectionStart;
+          j && (d.value.setRangeText(`
+`, j, j, "end"), i(d.value.value));
         }
       } else
         _.preventDefault(), p();
     }, p = () => {
-      var x, N;
+      var j, N;
       const _ = b(s());
       if (_.value.text != "" || _.value.file) {
         const E = {
@@ -987,10 +999,10 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
           size: "",
           reply: void 0
         };
-        _.value.file ? (E.type = "message." + _.value.file.type, E.url = _.value.file.url, E.filename = _.value.file.name, E.size = (x = _.value.file.size) == null ? void 0 : x.toString(), E.text = (N = _ == null ? void 0 : _.value) == null ? void 0 : N.text.trim()) : (E.type = "message.text", E.text = _.value.text.trim()), _.value.reply && (E.reply = _.value.reply), n("send", E), a(), d.value && d.value.focus();
+        _.value.file ? (E.type = "message." + _.value.file.type, E.url = _.value.file.url, E.filename = _.value.file.name, E.size = (j = _.value.file.size) == null ? void 0 : j.toString(), E.text = (N = _ == null ? void 0 : _.value) == null ? void 0 : N.text.trim()) : (E.type = "message.text", E.text = _.value.text.trim()), _.value.reply && (E.reply = _.value.reply), n("send", E), a(), d.value && d.value.focus();
       }
     };
-    return (_, x) => (r(), u("div", ws, [
+    return (_, j) => (A(), u("div", ws, [
       o("div", {
         id: "chat-input-reply-line-" + D(f),
         class: "chat-input__reply-line"
@@ -1004,7 +1016,7 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
           disabled: e.state == "disabled" || D(s)().isRecording,
           ref_key: "refInput",
           ref: d,
-          "onUpdate:modelValue": x[0] || (x[0] = (N) => D(s)().text = N),
+          "onUpdate:modelValue": j[0] || (j[0] = (N) => D(s)().text = N),
           class: "chat-input__input",
           placeholder: D(me)("component.ChatInput.InputPlaceholder"),
           onKeydown: Jn(v, ["enter"]),
@@ -1013,10 +1025,10 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
           [ot, D(s)().text]
         ]),
         o("button", {
-          class: O(["chat-input__button", { "chat-input__button-disabled": M.value }]),
+          class: z(["chat-input__button", { "chat-input__button-disabled": M.value }]),
           disabled: D(s)().isRecording,
           onClick: p
-        }, x[1] || (x[1] = [
+        }, j[1] || (j[1] = [
           o("span", { class: "pi pi-send" }, null, -1)
         ]), 10, Ts)
       ]),
@@ -1025,7 +1037,7 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
       ])
     ]));
   }
-}), yg = /* @__PURE__ */ U(xs, [["__scopeId", "data-v-2b3be380"]]), Vs = { class: "chat-list" }, Ss = { class: "chat-list__title" }, Cs = {
+}), yg = /* @__PURE__ */ B(xs, [["__scopeId", "data-v-2b3be380"]]), Vs = { class: "chat-list" }, Ss = { class: "chat-list__title" }, Cs = {
   key: 0,
   class: "pi pi-minus"
 }, Os = {
@@ -1055,7 +1067,7 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
     }, c = () => {
       const h = D(i);
       h.scrollHeight - h.scrollTop - h.clientHeight <= 0 && f("loadMoreChats");
-    }, A = (h) => {
+    }, r = (h) => {
       n.chats.forEach((p) => {
         p.isSelected = !1, p.dialogs && p.dialogs.forEach((_) => {
           _.isSelected = !1;
@@ -1080,22 +1092,22 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
     }).filter((h) => h.name.includes(a.value) || h.metadata.includes(a.value)), m = (h) => {
       a.value = h;
     }, M = (h) => f("action", h);
-    return (h, v) => (r(), u("div", Vs, [
+    return (h, v) => (A(), u("div", Vs, [
       o("div", {
         class: "chat-list__title-container",
         onMouseleave: l
       }, [
         o("h2", Ss, k(D(me)("component.ChatList.Title")), 1),
-        e.actions.length ? (r(), u("button", {
+        e.actions.length ? (A(), u("button", {
           key: 0,
           class: "chat-list__button-actions",
           onClick: v[0] || (v[0] = (p) => s.value = !s.value)
         }, [
-          s.value ? (r(), u("span", Cs)) : (r(), u("span", Os))
+          s.value ? (A(), u("span", Cs)) : (A(), u("span", Os))
         ])) : y("", !0),
         F(Z, null, {
           default: K(() => [
-            s.value && e.actions ? (r(), R(D($e), {
+            s.value && e.actions ? (A(), R(D($e), {
               key: 0,
               actions: e.actions,
               class: "chat-list__context-menu",
@@ -1106,7 +1118,7 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
         })
       ], 32),
       ne(h.$slots, "sidebar", {}, void 0, !0),
-      e.filterEnabled ? (r(), R(D(ho), {
+      e.filterEnabled ? (A(), R(D(ho), {
         key: 0,
         class: "chat-list__filter",
         onUpdate: m
@@ -1118,36 +1130,36 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
         onScroll: c
       }, [
         o("div", zs, [
-          (r(!0), u(q, null, te(g().filter((p) => p.isFixedTop), (p) => (r(), R(D(On), {
+          (A(!0), u(q, null, te(g().filter((p) => p.isFixedTop), (p) => (A(), R(D(On), {
             key: p.chatId,
             class: "chat-list__item",
             chat: p,
-            onSelect: A,
+            onSelect: r,
             onAction: M
           }, null, 8, ["chat"]))), 128))
         ]),
         o("div", Ls, [
-          (r(!0), u(q, null, te(g().filter((p) => !p.isFixedBottom && !p.isFixedTop), (p) => (r(), R(D(On), {
+          (A(!0), u(q, null, te(g().filter((p) => !p.isFixedBottom && !p.isFixedTop), (p) => (A(), R(D(On), {
             key: p.chatId,
             class: "chat-list__item",
             chat: p,
-            onSelect: A,
+            onSelect: r,
             onAction: M
           }, null, 8, ["chat"]))), 128))
         ]),
         o("div", Us, [
-          (r(!0), u(q, null, te(g().filter((p) => p.isFixedBottom), (p) => (r(), R(D(On), {
+          (A(!0), u(q, null, te(g().filter((p) => p.isFixedBottom), (p) => (A(), R(D(On), {
             key: p.chatId,
             class: "chat-list__item",
             chat: p,
-            onSelect: A,
+            onSelect: r,
             onAction: M
           }, null, 8, ["chat"]))), 128))
         ])
       ], 544)
     ]));
   }
-}, bg = /* @__PURE__ */ U(Bs, [["__scopeId", "data-v-816de0f1"]]), Rs = { class: "keyboard__container" }, Qs = ["onClick"], $s = /* @__PURE__ */ W({
+}, bg = /* @__PURE__ */ B(Bs, [["__scopeId", "data-v-816de0f1"]]), Rs = { class: "keyboard__container" }, Qs = ["onClick"], $s = /* @__PURE__ */ W({
   __name: "MessageKeyboard",
   props: {
     keyboard: {
@@ -1155,20 +1167,22 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
       required: !0
     }
   },
-  setup(e) {
-    const t = ee("chatAppId"), { setMessageText: n, setForceSendMessage: f } = Ie(t), a = (s) => {
-      n(s.text), f(!0);
+  emits: ["action"],
+  setup(e, { emit: t }) {
+    const n = t, f = ee("chatAppId"), { setMessageText: a, setForceSendMessage: s } = Ie(f), i = (l) => {
+      l.action == null ? (a(l.text), s(!0)) : n("action", l.action);
     };
-    return (s, i) => (r(), u("div", Rs, [
-      (r(!0), u(q, null, te(e.keyboard, (l) => (r(), u("div", {
+    return (l, c) => (A(), u("div", Rs, [
+      (A(!0), u(q, null, te(e.keyboard, (r) => (A(), u("div", {
         class: "keyboard__key",
-        onClick: (c) => a(l)
+        style: se({ "box-shadow": "0px 0px 10px 5px " + r.color }),
+        onClick: (d) => i(r)
       }, [
-        o("p", null, k(l.text), 1)
-      ], 8, Qs))), 256))
+        o("p", null, k(r.text), 1)
+      ], 12, Qs))), 256))
     ]));
   }
-}), Ys = /* @__PURE__ */ U($s, [["__scopeId", "data-v-d9788c16"]]), Ps = ["id"], Fs = ["onDblclick", "id"], qs = {
+}), Ys = /* @__PURE__ */ B($s, [["__scopeId", "data-v-ce84b813"]]), Ps = ["id"], Fs = ["onDblclick", "id"], qs = {
   key: 0,
   class: "message-feed__unread-amount"
 }, Hs = /* @__PURE__ */ W({
@@ -1206,16 +1220,19 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
     "loadMoreDown",
     "messageVisible",
     "clickRepliedMessage",
-    "forceScrollToBottom"
+    "forceScrollToBottom",
+    "keyboardAction"
   ],
   setup(e, { emit: t }) {
-    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 = (T = !0) => {
-      const j = D(f);
-      let L = 0;
-      a.value && (L = a.value.$el.clientHeight);
-      const z = 100, V = j.scrollHeight - j.scrollTop - j.clientHeight;
-      V < z + L ? (s.value = !1, i.value = !0) : (s.value = !0, i.value = !1), j.scrollTop === 0 && T && g("loadMore"), V <= 0 && T && g("loadMoreDown");
-    }, h = (T) => ({
+    const n = b(), f = b(), a = b(), s = b(!1), i = b(!1), l = e, c = ee("chatAppId"), { setReply: r, getMessage: d } = Ie(c), g = t, m = Q(() => !!(i.value && l.objects.length > 0 && l.objects[l.objects.length - 1].keyboard)), M = (T) => {
+      g("keyboardAction", T);
+    }, h = (T = !0) => {
+      const O = D(f);
+      let V = 0;
+      a.value && (V = a.value.$el.clientHeight);
+      const x = 100, U = O.scrollHeight - O.scrollTop - O.clientHeight;
+      U < x + V ? (s.value = !1, i.value = !0) : (s.value = !0, i.value = !1), O.scrollTop === 0 && T && g("loadMore"), U <= 0 && T && g("loadMoreDown");
+    }, v = (T) => ({
       "message.text": f1,
       "message.image": Wu,
       "message.file": Cu,
@@ -1226,48 +1243,48 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
       "system.date": T1,
       "message.typing": Gf
     })[T];
-    function v() {
+    function p() {
       wt(function() {
         const T = D(f);
         T.scrollTop = T.scrollHeight;
       });
     }
-    function p() {
-      g("forceScrollToBottom"), v();
+    function _() {
+      g("forceScrollToBottom"), p();
     }
     X(
       () => l.scrollToBottom,
       () => {
-        l.scrollToBottom && v();
+        l.scrollToBottom && p();
       },
       { immediate: !0 }
     );
-    const _ = (T) => {
+    const j = (T) => {
       g("messageAction", T);
-    }, x = (T) => {
+    }, N = (T) => {
       g("clickRepliedMessage", T);
-    }, N = (T, j) => {
-      l.enableDoubleClickReply && (T == null || T.preventDefault(), j.type.indexOf("system") == -1 && j.type.indexOf("typing") == -1 && A({
-        messageId: j.messageId,
-        type: j.type,
-        text: j.text,
-        filename: j.filename,
-        url: j.url
+    }, E = (T, O) => {
+      l.enableDoubleClickReply && (T == null || T.preventDefault(), O.type.indexOf("system") == -1 && O.type.indexOf("typing") == -1 && r({
+        messageId: O.messageId,
+        type: O.type,
+        text: O.text,
+        filename: O.filename,
+        url: O.url
       }));
-    }, E = (T) => {
-      T.forEach((j) => {
-        j.isIntersecting && g("messageVisible", JSON.parse(j.target.id));
+    }, w = (T) => {
+      T.forEach((O) => {
+        O.isIntersecting && g("messageVisible", JSON.parse(O.target.id));
       });
-    }, w = {
+    }, S = {
       root: document.getElementById("feed-container-" + c),
       rootMargin: "5px",
       threshold: 0
-    }, S = new IntersectionObserver(E, w);
+    }, L = new IntersectionObserver(w, S);
     return X(
       () => l.objects,
       () => {
         wt(() => {
-          M(!1), n.value = document.querySelectorAll(".tracking-message"), n.value.forEach((T) => S.observe(T));
+          h(!1), n.value = document.querySelectorAll(".tracking-message"), n.value.forEach((T) => L.observe(T));
         });
       },
       { immediate: !0 }
@@ -1276,36 +1293,36 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
       () => {
         var T;
         if (l.scrollTo) {
-          const j = l.scrollTo;
-          let L = document.getElementById(j), z = document.getElementById("feed-container-" + c);
-          L instanceof HTMLElement && z instanceof HTMLElement && (z.scrollTop = L.offsetTop + L.clientHeight / 2 - z.clientHeight / 2), (T = document.getElementById(j)) == null || T.children[0].classList.add("focused-message"), setTimeout(() => {
-            var V;
-            (V = document.getElementById(j)) == null || V.children[0].classList.remove("focused-message");
+          const O = l.scrollTo;
+          let V = document.getElementById(O), x = document.getElementById("feed-container-" + c);
+          V instanceof HTMLElement && x instanceof HTMLElement && (x.scrollTop = V.offsetTop + V.clientHeight / 2 - x.clientHeight / 2), (T = document.getElementById(O)) == null || T.children[0].classList.add("focused-message"), setTimeout(() => {
+            var U;
+            (U = document.getElementById(O)) == null || U.children[0].classList.remove("focused-message");
           }, 2e3);
         }
       }
-    ), (T, j) => (r(), u(q, null, [
+    ), (T, O) => (A(), u(q, null, [
       o("div", {
         ref_key: "refFeed",
         ref: f,
         class: "message-feed",
-        onScroll: j[0] || (j[0] = (L) => M()),
+        onScroll: O[0] || (O[0] = (V) => h()),
         id: "feed-container-" + D(c)
       }, [
-        (r(!0), u(q, null, te(e.objects, (L) => (r(), u("div", {
-          onDblclick: (z) => N(z, L),
-          id: JSON.stringify(L),
+        (A(!0), u(q, null, te(e.objects, (V) => (A(), u("div", {
+          onDblclick: (x) => E(x, V),
+          id: JSON.stringify(V),
           class: "tracking-message"
         }, [
-          (r(), R(Xf(h(L.type)), {
-            key: L.messageId,
+          (A(), R(Xf(v(V.type)), {
+            key: V.messageId,
             class: "message-feed__message",
-            message: L,
-            onAction: _,
-            onReply: x
+            message: V,
+            onAction: j,
+            onReply: N
           }, null, 40, ["message"]))
         ], 40, Fs))), 256)),
-        e.typing ? (r(), R(D(Gf), {
+        e.typing ? (A(), R(D(Gf), {
           key: 0,
           message: {
             subText: e.typing.title,
@@ -1314,31 +1331,32 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
         }, null, 8, ["message"])) : y("", !0),
         F(Z, null, {
           default: K(() => [
-            m.value ? (r(), R(Ys, {
+            m.value ? (A(), R(Ys, {
               key: 0,
               ref_key: "keyboardRef",
               ref: a,
               class: "message-feed__keyboard",
-              keyboard: e.objects[e.objects.length - 1].keyboard
+              keyboard: e.objects[e.objects.length - 1].keyboard,
+              onAction: M
             }, null, 8, ["keyboard"])) : y("", !0)
           ]),
           _: 1
         }),
         F(Z, null, {
           default: K(() => [
-            s.value ? (r(), u("button", {
+            s.value ? (A(), u("button", {
               key: 0,
               class: "message-feed__button-down",
-              onClick: p
+              onClick: _
             }, [
-              e.buttonParams ? (r(), u("div", qs, k(e.buttonParams.unreadAmount), 1)) : y("", !0),
-              j[1] || (j[1] = o("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
+              e.buttonParams ? (A(), u("div", qs, k(e.buttonParams.unreadAmount), 1)) : y("", !0),
+              O[1] || (O[1] = o("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
             ])) : y("", !0)
           ]),
           _: 1
         })
       ], 40, Ps),
-      D(d)().reply ? (r(), R(_e, {
+      D(d)().reply ? (A(), R(_e, {
         key: 0,
         to: "#chat-input-reply-line-" + D(c)
       }, [
@@ -1349,7 +1367,7 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
       ], 8, ["to"])) : y("", !0)
     ], 64));
   }
-}), Mg = /* @__PURE__ */ U(Hs, [["__scopeId", "data-v-46fae51b"]]), Ws = {
+}), Mg = /* @__PURE__ */ B(Hs, [["__scopeId", "data-v-8b5a57bb"]]), Ws = {
   key: 0,
   class: "profile__container"
 }, Ks = {
@@ -1364,11 +1382,11 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
     }
   },
   setup(e) {
-    return (t, n) => e.user ? (r(), u("div", Ws, [
-      e.user.avatar ? (r(), u("div", Ks, [
+    return (t, n) => e.user ? (A(), u("div", Ws, [
+      e.user.avatar ? (A(), u("div", Ks, [
         o("span", {
           class: "profile__status",
-          style: ie({ backgroundColor: e.user.status })
+          style: se({ backgroundColor: e.user.status })
         }, null, 4),
         o("img", {
           src: e.user.avatar,
@@ -1381,7 +1399,7 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
       o("p", Xs, k(e.user.phone), 1)
     ])) : y("", !0);
   }
-}, _g = /* @__PURE__ */ U(ei, [["__scopeId", "data-v-6a09e430"]]), ti = ["id"], ni = {
+}, _g = /* @__PURE__ */ B(ei, [["__scopeId", "data-v-6a09e430"]]), ti = ["id"], ni = {
   __name: "ButtonContextMenu",
   props: {
     actions: {
@@ -1420,7 +1438,7 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
       s.value.$el.style.display = "none", a("click", m);
     }, c = () => {
       n.disabled || (n.mode == "click" && (s.value.$el.style.display = "inherit"), a("buttonClick"));
-    }, A = () => {
+    }, r = () => {
       n.mode == "hover" && !n.disabled && (s.value.$el.style.display = "inherit");
     }, d = () => {
       n.mode == "hover" && (s.value.$el.style.display = "none");
@@ -1451,22 +1469,22 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
       n.menuSide == "top" && (M = (v = document.getElementById("container-" + f)) == null ? void 0 : v.offsetWidth, h = (p = document.getElementById("context-menu-" + f)) == null ? void 0 : p.offsetHeight, s.value.$el.style.left = m[n.menuSide].w * M + "px"), n.menuSide == "bottom" && (M = document.getElementById("context-menu-" + f).offsetWidth, h = 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, h = 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, h = 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 * h + "px", s.value.$el.style.display = "none", document.addEventListener("click", g);
     }), Ke(() => {
       document.removeEventListener("click", g);
-    }), (m, M) => (r(), u("div", {
+    }), (m, M) => (A(), u("div", {
       id: "container-" + D(f),
       ref_key: "actionScope",
       ref: i,
       style: { position: "relative", width: "fit-content" }
     }, [
       o("div", {
-        class: O(["button", {
+        class: z(["button", {
           "disabled-button": e.disabled
         }]),
         onClick: c,
-        onMouseover: A,
+        onMouseover: r,
         onMouseout: d
       }, [
         o("span", {
-          class: O(e.buttonClass)
+          class: z(e.buttonClass)
         }, k(e.buttonTitle), 3)
       ], 34),
       F(D($e), {
@@ -1474,13 +1492,13 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
         ref_key: "contextMenu",
         ref: s,
         actions: e.actions,
-        onMouseover: A,
+        onMouseover: r,
         onMouseout: d,
         onClick: l
       }, null, 8, ["id", "actions"])
     ], 8, ti));
   }
-}, ga = /* @__PURE__ */ U(ni, [["__scopeId", "data-v-a89960f4"]]), ut = b([]), of = (e) => {
+}, ga = /* @__PURE__ */ B(ni, [["__scopeId", "data-v-a89960f4"]]), ut = b([]), of = (e) => {
   const t = b(0);
   let n = ut.value.find(({ id: a }) => a == e);
   return n != null ? t.value = ut.value.indexOf(n) : (ut.value.push({
@@ -1494,7 +1512,7 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
     const n = t, f = ee("chatAppId"), { getTheme: a } = of(f), s = (i) => {
       i.target.classList.contains("modal__overlay") && n("close");
     };
-    return (i, l) => (r(), u("div", {
+    return (i, l) => (A(), u("div", {
       class: "modal__overlay",
       onClick: s,
       onKeyup: l[1] || (l[1] = Jn((c) => n("close"), ["esc"])),
@@ -1513,7 +1531,7 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
       ])
     ], 40, fi));
   }
-}, lf = /* @__PURE__ */ U(si, [["__scopeId", "data-v-1366b968"]]), ii = { class: "preview__container" }, oi = { class: "preview__block" }, li = ["src"], ri = ["src"], Ai = {
+}, lf = /* @__PURE__ */ B(si, [["__scopeId", "data-v-1366b968"]]), ii = { class: "preview__container" }, oi = { class: "preview__block" }, li = ["src"], ri = ["src"], Ai = {
   key: 2,
   style: { display: "flex", gap: "5px" }
 }, ci = ["src"], ui = { class: "pi pi-play" }, di = { class: "pi pi-pause" }, gi = { key: 3 }, mi = { class: "preview__control-block" }, pi = { class: "preview__information" }, hi = { class: "preview__name" }, vi = {
@@ -1535,7 +1553,7 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
   },
   emits: ["reset"],
   setup(e, { emit: t }) {
-    const n = t, f = b(), a = b(), s = b(!1), i = b(0), l = b(0), c = b(!1), A = () => c.value = !1;
+    const n = t, f = b(), a = b(), s = b(!1), i = b(0), l = b(0), c = b(!1), r = () => c.value = !1;
     function d() {
       f.value && (s.value ? f.value.pause() : f.value.play(), s.value = !s.value);
     }
@@ -1555,9 +1573,9 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
           a.value && (a.value.currentTime = 0, i.value = a.value.duration);
         }, { once: !0 })));
       });
-    }), (h, v) => (r(), u("div", ii, [
+    }), (h, v) => (A(), u("div", ii, [
       o("div", oi, [
-        e.fileInfo.isImage ? (r(), u("div", {
+        e.fileInfo.isImage ? (A(), u("div", {
           key: 0,
           style: { position: "relative" },
           onClick: v[0] || (v[0] = (p) => c.value = !0)
@@ -1570,7 +1588,7 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
           v[3] || (v[3] = o("div", { class: "preview__shadow" }, [
             o("span", { class: "pi pi-plus-circle" })
           ], -1))
-        ])) : e.fileInfo.isVideo ? (r(), u("div", {
+        ])) : e.fileInfo.isVideo ? (A(), u("div", {
           key: 1,
           onClick: v[1] || (v[1] = (p) => c.value = !0),
           style: { position: "relative" }
@@ -1584,7 +1602,7 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
           v[4] || (v[4] = o("div", { class: "preview__shadow" }, [
             o("span", { class: "pi pi-play" })
           ], -1))
-        ])) : e.fileInfo.isAudio ? (r(), u("div", Ai, [
+        ])) : e.fileInfo.isAudio ? (A(), u("div", Ai, [
           v[5] || (v[5] = o("span", {
             class: "pi pi-headphones",
             style: { "font-size": "1rem", margin: "auto" }
@@ -1605,7 +1623,7 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
               [We, s.value]
             ])
           ])
-        ])) : (r(), u("div", gi, v[6] || (v[6] = [
+        ])) : (A(), u("div", gi, v[6] || (v[6] = [
           o("span", {
             class: "pi pi-file",
             style: { "font-size": "2.5rem" }
@@ -1615,9 +1633,9 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
       o("div", mi, [
         o("div", pi, [
           o("span", hi, k(e.fileInfo.fileName), 1),
-          !e.fileInfo.isAudio && !e.fileInfo.isVideo ? (r(), u("span", vi, k(e.fileInfo.fileSize), 1)) : y("", !0),
-          e.fileInfo.isAudio ? (r(), u("span", yi, k(`${m.value} / ${M.value}`), 1)) : y("", !0),
-          e.fileInfo.isVideo ? (r(), u("span", bi, k(M.value), 1)) : y("", !0)
+          !e.fileInfo.isAudio && !e.fileInfo.isVideo ? (A(), u("span", vi, k(e.fileInfo.fileSize), 1)) : y("", !0),
+          e.fileInfo.isAudio ? (A(), u("span", yi, k(`${m.value} / ${M.value}`), 1)) : y("", !0),
+          e.fileInfo.isVideo ? (A(), u("span", bi, k(M.value), 1)) : y("", !0)
         ]),
         o("span", {
           class: "pi pi-times preview__reset",
@@ -1625,22 +1643,22 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
           onClick: v[2] || (v[2] = (p) => n("reset"))
         })
       ]),
-      (r(), R(_e, { to: "body" }, [
+      (A(), R(_e, { to: "body" }, [
         F(Z, { name: "modal-fade" }, {
           default: K(() => [
-            c.value ? (r(), R(lf, {
+            c.value ? (A(), R(lf, {
               key: 0,
-              onClose: A
+              onClose: r
             }, {
               default: K(() => [
-                e.fileInfo.isVideo ? (r(), u("video", {
+                e.fileInfo.isVideo ? (A(), u("video", {
                   key: 0,
                   class: "preview__modal-video",
                   src: e.fileInfo.previewUrl,
                   controls: "",
                   autoplay: ""
                 }, null, 8, Mi)) : y("", !0),
-                e.fileInfo.isImage ? (r(), u("img", {
+                e.fileInfo.isImage ? (A(), u("img", {
                   key: 1,
                   class: "preview__modal-image",
                   src: e.fileInfo.previewUrl,
@@ -1655,7 +1673,7 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
       ]))
     ]));
   }
-}), In = /* @__PURE__ */ U(Ii, [["__scopeId", "data-v-b2d3aca1"]]), ma = (e) => {
+}), In = /* @__PURE__ */ B(Ii, [["__scopeId", "data-v-b2d3aca1"]]), ma = (e) => {
   let t = "file";
   return e.startsWith("image/") ? t = "image" : e.startsWith("video/") ? t = "video" : e.startsWith("audio/") && (t = "audio"), t;
 }, wi = (e) => {
@@ -1707,7 +1725,7 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
   },
   emits: ["fileUploaded"],
   setup(e, { emit: t }) {
-    const n = e, f = b(""), a = b(), s = b(), i = ee("chatAppId"), { setMessageFile: l, resetMessageFile: c, getMessage: A } = Ie(i), d = [
+    const n = e, f = b(""), a = b(), s = b(), i = ee("chatAppId"), { setMessageFile: l, resetMessageFile: c, getMessage: r } = Ie(i), d = [
       {
         action: "audio/*",
         title: "Аудио",
@@ -1728,14 +1746,14 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
         title: "Файл",
         prime: "file"
       }
-    ], g = Q(() => !A().file), m = () => {
+    ], g = Q(() => !r().file), m = () => {
       c(), s.value = void 0, f.value = "";
     }, M = async () => {
       var p, _;
       if (m(), (p = a.value) != null && p.files) {
         f.value = "uploading";
-        const x = typeof n.filebumpUrl == "string" ? n.filebumpUrl : null;
-        await wn(x, (_ = a.value) == null ? void 0 : _.files[0]).then((N) => {
+        const j = typeof n.filebumpUrl == "string" ? n.filebumpUrl : null;
+        await wn(j, (_ = a.value) == null ? void 0 : _.files[0]).then((N) => {
           f.value = N.status, N.status == "success" && (l({
             url: N.url,
             name: N.name,
@@ -1756,12 +1774,12 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
     }, v = () => {
       a.value && g && n.state == "active" && a.value.click();
     };
-    return (p, _) => (r(), u(q, null, [
-      f.value === "uploading" ? (r(), u("div", ki, _[0] || (_[0] = [
+    return (p, _) => (A(), u(q, null, [
+      f.value === "uploading" ? (A(), u("div", ki, _[0] || (_[0] = [
         o("p", null, "Загрузка файла...", -1)
-      ]))) : f.value === "error" ? (r(), u("div", Ni, _[1] || (_[1] = [
+      ]))) : f.value === "error" ? (A(), u("div", Ni, _[1] || (_[1] = [
         o("p", null, "Ошибка при загрузке файла.", -1)
-      ]))) : D(A)().isRecording ? y("", !0) : (r(), R(ga, {
+      ]))) : D(r)().isRecording ? y("", !0) : (A(), R(ga, {
         key: 2,
         actions: d,
         mode: "hover",
@@ -1778,11 +1796,11 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
         type: "file",
         onChange: M
       }, null, 544),
-      D(A)().file ? (r(), R(_e, {
+      D(r)().file ? (A(), R(_e, {
         key: 3,
         to: "#chat-input-file-line-" + D(i)
       }, [
-        s.value ? (r(), R(In, {
+        s.value ? (A(), R(In, {
           key: 0,
           "file-info": s.value,
           onReset: m
@@ -1812,19 +1830,19 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
     return le(() => {
       const l = a();
       i(l);
-    }), (l, c) => e.show ? (r(), u("div", Di, [
+    }), (l, c) => e.show ? (A(), u("div", Di, [
       o("select", {
-        onChange: c[0] || (c[0] = (A) => s(A))
+        onChange: c[0] || (c[0] = (r) => s(r))
       }, [
-        (r(!0), u(q, null, te(t.themes, (A, d) => (r(), u("option", {
+        (A(!0), u(q, null, te(t.themes, (r, d) => (A(), u("option", {
           key: d,
-          value: A.code,
-          selected: A.default === !0
-        }, k(A.name), 9, Ei))), 128))
+          value: r.code,
+          selected: r.default === !0
+        }, k(r.name), 9, Ei))), 128))
       ], 32)
     ])) : y("", !0);
   }
-}, wg = /* @__PURE__ */ U(Ti, [["__scopeId", "data-v-94e984d6"]]), ji = ["onClick"], xi = ["src", "alt"], Vi = { key: 1 }, Si = ["onClick"], Ci = ["src", "alt"], Oi = { key: 1 }, zi = {
+}, wg = /* @__PURE__ */ B(Ti, [["__scopeId", "data-v-94e984d6"]]), ji = ["onClick"], xi = ["src", "alt"], Vi = { key: 1 }, Si = ["onClick"], Ci = ["src", "alt"], Oi = { key: 1 }, zi = {
   __name: "SideBar",
   props: {
     sidebarItems: {
@@ -1841,64 +1859,64 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
   emits: ["selectItem"],
   setup(e, { emit: t }) {
     const f = Ba(e, "sidebarItems"), a = t, s = (l) => {
-      const c = f.value.find((A) => A.itemId === l);
+      const c = f.value.find((r) => r.itemId === l);
       a("selectItem", c);
     }, i = (l) => {
       const c = l.split(" ");
       return c.length > 2 ? c.slice(0, 2).join(" ") : l;
     };
-    return (l, c) => (r(), u("div", {
-      class: O(["sidebar__container", { "sidebar-horizontal__container": e.horizontal }])
+    return (l, c) => (A(), u("div", {
+      class: z(["sidebar__container", { "sidebar-horizontal__container": e.horizontal }])
     }, [
       o("ul", {
-        class: O(["sidebar__list", { "sidebar-horizontal__list": e.horizontal }])
+        class: z(["sidebar__list", { "sidebar-horizontal__list": e.horizontal }])
       }, [
-        (r(!0), u(q, null, te(f.value.filter((A) => !A.isFixedBottom), (A, d) => (r(), u("li", {
+        (A(!0), u(q, null, te(f.value.filter((r) => !r.isFixedBottom), (r, d) => (A(), u("li", {
           key: d,
-          class: O(["sidebar__item", { "sidebar-horizontal__item": e.horizontal }]),
-          onClick: (g) => s(A.itemId)
+          class: z(["sidebar__item", { "sidebar-horizontal__item": e.horizontal }]),
+          onClick: (g) => s(r.itemId)
         }, [
           o("img", {
-            src: A.icon,
-            alt: A.name,
-            class: O(["sidebar__image", {
-              "sidebar__image--active": A.selected === !0,
+            src: r.icon,
+            alt: r.name,
+            class: z(["sidebar__image", {
+              "sidebar__image--active": r.selected === !0,
               "sidebar-horizontal__image": e.horizontal
             }])
           }, null, 10, xi),
-          A.notificationCount ? (r(), u("span", {
+          r.notificationCount ? (A(), u("span", {
             key: 0,
-            style: ie({ backgroundColor: A.notificationColor ? A.notificationColor : "red" })
-          }, k(A.notificationCount > 99 ? "99+" : A.notificationCount), 5)) : y("", !0),
-          A.name ? (r(), u("p", Vi, k(i(A.name)), 1)) : y("", !0)
+            style: se({ backgroundColor: r.notificationColor ? r.notificationColor : "red" })
+          }, k(r.notificationCount > 99 ? "99+" : r.notificationCount), 5)) : y("", !0),
+          r.name ? (A(), u("p", Vi, k(i(r.name)), 1)) : y("", !0)
         ], 10, ji))), 128))
       ], 2),
       o("ul", {
-        class: O(["sidebar__list-fixed", { "sidebar-horizontal__list-fixed": e.horizontal }])
+        class: z(["sidebar__list-fixed", { "sidebar-horizontal__list-fixed": e.horizontal }])
       }, [
-        (r(!0), u(q, null, te(f.value.filter((A) => A.isFixedBottom), (A, d) => (r(), u("li", {
+        (A(!0), u(q, null, te(f.value.filter((r) => r.isFixedBottom), (r, d) => (A(), u("li", {
           key: d,
-          class: O(["sidebar__item", { "sidebar-horizontal__item": e.horizontal }]),
-          onClick: (g) => s(A.itemId)
+          class: z(["sidebar__item", { "sidebar-horizontal__item": e.horizontal }]),
+          onClick: (g) => s(r.itemId)
         }, [
           o("img", {
-            src: A.icon,
-            alt: A.name,
-            class: O(["sidebar__image", {
-              "sidebar__image--active": A.selected === !0,
+            src: r.icon,
+            alt: r.name,
+            class: z(["sidebar__image", {
+              "sidebar__image--active": r.selected === !0,
               "sidebar-horizontal__image": e.horizontal
             }])
           }, null, 10, Ci),
-          A.notificationCount ? (r(), u("span", {
+          r.notificationCount ? (A(), u("span", {
             key: 0,
-            style: ie({ backgroundColor: A.notificationColor ? A.notificationColor : "red" })
-          }, k(A.notificationCount > 99 ? "99+" : A.notificationCount), 5)) : y("", !0),
-          A.name ? (r(), u("p", Oi, k(i(A.name)), 1)) : y("", !0)
+            style: se({ backgroundColor: r.notificationColor ? r.notificationColor : "red" })
+          }, k(r.notificationCount > 99 ? "99+" : r.notificationCount), 5)) : y("", !0),
+          r.name ? (A(), u("p", Oi, k(i(r.name)), 1)) : y("", !0)
         ], 10, Si))), 128))
       ], 2)
     ], 2));
   }
-}, kg = /* @__PURE__ */ U(zi, [["__scopeId", "data-v-794e9ba4"]]), Li = { class: "chat-panel" }, Ui = { class: "chat-panel__title-container" }, Bi = {
+}, kg = /* @__PURE__ */ B(zi, [["__scopeId", "data-v-794e9ba4"]]), Li = { class: "chat-panel" }, Ui = { class: "chat-panel__title-container" }, Bi = {
   key: 0,
   class: "chat-panel__title"
 }, Ri = {
@@ -1912,9 +1930,9 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
   },
   emits: ["close-panel"],
   setup(e, { emit: t }) {
-    return (n, f) => (r(), u("div", Li, [
+    return (n, f) => (A(), u("div", Li, [
       o("div", Ui, [
-        e.title ? (r(), u("p", Bi, k(e.title), 1)) : y("", !0),
+        e.title ? (A(), u("p", Bi, k(e.title), 1)) : y("", !0),
         o("button", {
           class: "chat-panel__button-close",
           onClick: f[0] || (f[0] = (a) => n.$emit("close-panel"))
@@ -1927,7 +1945,7 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
       ])
     ]));
   }
-}, Ng = /* @__PURE__ */ U(Ri, [["__scopeId", "data-v-be32224f"]]), Qi = {
+}, Ng = /* @__PURE__ */ B(Ri, [["__scopeId", "data-v-be32224f"]]), Qi = {
   key: 0,
   class: "channels__selected"
 }, $i = ["src"], Yi = { class: "channels__title" }, Pi = {
@@ -1953,21 +1971,21 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
   },
   emits: ["selectChannel"],
   setup(e, { emit: t }) {
-    const n = e, f = ee("chatAppId"), { getMessage: a } = Ie(f), s = t, l = b(n.channels.find((A) => A.type === "default")), c = (A) => {
-      l.value = A, s("selectChannel", l.value);
+    const n = e, f = ee("chatAppId"), { getMessage: a } = Ie(f), s = t, l = b(n.channels.find((r) => r.type === "default")), c = (r) => {
+      l.value = r, s("selectChannel", l.value);
     };
-    return (A, d) => D(a)().isRecording ? y("", !0) : (r(), u("div", {
+    return (r, d) => D(a)().isRecording ? y("", !0) : (A(), u("div", {
       key: 0,
-      class: O(["channels__container", { "channels__container-disabled": e.state == "disabled" }])
+      class: z(["channels__container", { "channels__container-disabled": e.state == "disabled" }])
     }, [
-      l.value ? (r(), u("div", Qi, [
-        l.value.icon ? (r(), u("img", {
+      l.value ? (A(), u("div", Qi, [
+        l.value.icon ? (A(), u("img", {
           key: 0,
           src: l.value.icon,
           class: "channels__icon"
         }, null, 8, $i)) : y("", !0),
         o("span", Yi, k(l.value.title), 1)
-      ])) : (r(), u("span", Pi, k(D(me)("component.ChannelSelector.Placeholder")), 1)),
+      ])) : (A(), u("span", Pi, k(D(me)("component.ChannelSelector.Placeholder")), 1)),
       F(ga, {
         actions: e.channels,
         mode: e.mode,
@@ -1978,7 +1996,7 @@ const ws = { class: "chat-input__container" }, ks = ["id"], Ns = ["id"], Ds = {
       }, null, 8, ["actions", "mode", "disabled"])
     ], 2));
   }
-}, Dg = /* @__PURE__ */ U(Fi, [["__scopeId", "data-v-fe3981e6"]]);
+}, Dg = /* @__PURE__ */ B(Fi, [["__scopeId", "data-v-fe3981e6"]]);
 function Eg(e) {
   if (!e || e === "") return;
   const t = +new Date(Number(e) * 1e3), n = +/* @__PURE__ */ new Date(), f = Math.floor((n - t) / 1e3), a = Math.floor(f / 60), s = Math.floor(a / 60), i = Math.floor(s / 24);
@@ -2034,19 +2052,19 @@ const Tg = (e, t = null) => {
       [`tooltip--${s.position}`]: !0
     })), l = () => {
       if (f.value && a.value) {
-        const A = f.value.getBoundingClientRect(), d = {
-          left: { top: A.top, left: (A == null ? void 0 : A.left) - 10 },
-          right: { top: A.top, left: (A == null ? void 0 : A.left) + 10 },
-          bottom: { top: (A == null ? void 0 : A.bottom) + 5, left: A == null ? void 0 : A.left },
-          top: { top: A.top - (A.bottom - A.top) - 10, left: A == null ? void 0 : A.left }
+        const r = f.value.getBoundingClientRect(), d = {
+          left: { top: r.top, left: (r == null ? void 0 : r.left) - 10 },
+          right: { top: r.top, left: (r == null ? void 0 : r.left) + 10 },
+          bottom: { top: (r == null ? void 0 : r.bottom) + 5, left: r == null ? void 0 : r.left },
+          top: { top: r.top - (r.bottom - r.top) - 10, left: r == null ? void 0 : r.left }
         }, g = a.value;
         g.style.top = d[s.position].top + "px", g.style.left = d[s.position].left + "px", g.style.opacity = "1", g.style.visibility = "visible";
       }
     }, c = () => {
-      const A = D(a);
-      A && (A.style.top = "0", A.style.left = "0", A.style.opacity = "0", A.style.visibility = "hidden");
+      const r = D(a);
+      r && (r.style.top = "0", r.style.left = "0", r.style.opacity = "0", r.style.visibility = "hidden");
     };
-    return (A, d) => (r(), u(q, null, [
+    return (r, d) => (A(), u(q, null, [
       o("div", {
         class: "tooltip-wrapper",
         ref_key: "container",
@@ -2054,19 +2072,19 @@ const Tg = (e, t = null) => {
         onMouseover: l,
         onMouseout: c
       }, [
-        ne(A.$slots, "default", {}, void 0, !0)
+        ne(r.$slots, "default", {}, void 0, !0)
       ], 544),
-      (r(), R(_e, { to: "body" }, [
+      (A(), R(_e, { to: "body" }, [
         o("span", {
           "data-theme": D(n)().theme ? D(n)().theme : null,
           ref_key: "tooltip",
           ref: a,
-          class: O(i.value)
+          class: z(i.value)
         }, k(e.text), 11, qi)
       ]))
     ], 64));
   }
-}), Lf = /* @__PURE__ */ U(Hi, [["__scopeId", "data-v-207aab69"]]), Wi = { class: "chat-item__avatar-container" }, Ki = ["src"], Ji = {
+}), Lf = /* @__PURE__ */ B(Hi, [["__scopeId", "data-v-207aab69"]]), Wi = { class: "chat-item__avatar-container" }, Ki = ["src"], Ji = {
   key: 1,
   class: "pi pi-user"
 }, Gi = { class: "chat-item__info-container" }, Zi = { class: "chat-item__name" }, Xi = {
@@ -2109,19 +2127,19 @@ const Tg = (e, t = null) => {
       f("select", { chat: n.chat, dialog: E });
     }, i = () => n.chat.isSelected ? "chat-item__selected" : "", l = (E) => E.isSelected ? "dialog__selected" : "", c = (E) => {
       h(), f("action", { chat: n.chat, ...E });
-    }, A = b(!1), d = b(!1), g = () => n.chat.dialogs.toSorted((E, w) => {
+    }, r = b(!1), d = b(!1), g = () => n.chat.dialogs.toSorted((E, w) => {
       if (Number(E["lastActivity.timestamp"]) > Number(w["lastActivity.timestamp"])) return -1;
       if (Number(E["lastActivity.timestamp"]) < Number(w["lastActivity.timestamp"])) return 1;
       if (Number(E["lastActivity.timestamp"]) == Number(w["lastActivity.timestamp"])) return 0;
     }), m = (E) => {
-      A.value = !A.value;
+      r.value = !r.value;
     }, M = () => {
       d.value = !0;
     }, h = () => {
-      d.value = !1, A.value = !1;
+      d.value = !1, r.value = !1;
     }, v = Q(() => rt(n.chat["lastMessage.status"]));
     let p;
-    const _ = b(0), x = [me("component.ChatItem.typing") + ".", me("component.ChatItem.typing") + "..", me("component.ChatItem.typing") + "..."], N = Q(() => n.chat.typing ? x[_.value] : n.chat.lastMessage);
+    const _ = b(0), j = [me("component.ChatItem.typing") + ".", me("component.ChatItem.typing") + "..", me("component.ChatItem.typing") + "..."], N = Q(() => n.chat.typing ? j[_.value] : n.chat.lastMessage);
     return X(
       () => n.chat.typing,
       () => {
@@ -2130,9 +2148,9 @@ const Tg = (e, t = null) => {
         }, 1e3) : (_.value = 0, clearInterval(p));
       },
       { immediate: !0 }
-    ), (E, w) => (r(), u("div", null, [
+    ), (E, w) => (A(), u("div", null, [
       o("div", {
-        class: O(["chat-item__container", i()]),
+        class: z(["chat-item__container", i()]),
         onMouseenter: M,
         onMouseleave: h,
         onClick: a
@@ -2140,14 +2158,14 @@ const Tg = (e, t = null) => {
         o("div", Wi, [
           o("span", {
             class: "chat-item__status-user",
-            style: ie({ backgroundColor: n.chat.status })
+            style: se({ backgroundColor: n.chat.status })
           }, null, 4),
-          n.chat.avatar ? (r(), u("img", {
+          n.chat.avatar ? (A(), u("img", {
             key: 0,
             src: n.chat.avatar,
             height: "48",
             width: "48"
-          }, null, 8, Ki)) : (r(), u("span", Ji))
+          }, null, 8, Ki)) : (A(), u("span", Ji))
         ]),
         o("div", Gi, [
           F(Lf, {
@@ -2164,19 +2182,19 @@ const Tg = (e, t = null) => {
             position: "bottom"
           }, {
             default: K(() => [
-              e.chat.lastMessage || e.chat.typing ? (r(), u("div", Xi, k(N.value), 1)) : y("", !0)
+              e.chat.lastMessage || e.chat.typing ? (A(), u("div", Xi, k(N.value), 1)) : y("", !0)
             ]),
             _: 1
           }, 8, ["text"])
         ]),
         o("div", eo, [
-          e.chat["lastActivity.time"] && !d.value ? (r(), u("div", to, k(e.chat["lastActivity.time"]), 1)) : y("", !0),
-          e.chat.countUnread > 0 ? (r(), u("div", {
+          e.chat["lastActivity.time"] && !d.value ? (A(), u("div", to, k(e.chat["lastActivity.time"]), 1)) : y("", !0),
+          e.chat.countUnread > 0 ? (A(), u("div", {
             key: 1,
             class: "chat-item__unread",
-            style: ie({ backgroundColor: e.chat.colorUnread ? e.chat.colorUnread : null })
+            style: se({ backgroundColor: e.chat.colorUnread ? e.chat.colorUnread : null })
           }, k(e.chat.countUnread > 99 ? "99+" : e.chat.countUnread), 5)) : y("", !0),
-          d.value && e.chat.actions ? (r(), u("button", {
+          d.value && e.chat.actions ? (A(), u("button", {
             key: 2,
             class: "chat-item__menu-button",
             onClick: m,
@@ -2187,19 +2205,19 @@ const Tg = (e, t = null) => {
               class: "pi pi-ellipsis-h"
             }, null, -1)
           ]))) : y("", !0),
-          e.chat.countUnread < 1 ? (r(), u("div", no, [
-            D(lt).includes(e.chat["lastMessage.status"]) ? (r(), u("div", {
+          e.chat.countUnread < 1 ? (A(), u("div", no, [
+            D(lt).includes(e.chat["lastMessage.status"]) ? (A(), u("div", {
               key: 0,
-              class: O(["chat-item__status-message", v.value])
+              class: z(["chat-item__status-message", v.value])
             }, [
-              e.chat["lastMessage.status"] !== "sent" ? (r(), u("span", fo)) : y("", !0),
+              e.chat["lastMessage.status"] !== "sent" ? (A(), u("span", fo)) : y("", !0),
               w[3] || (w[3] = o("span", { class: "pi pi-check" }, null, -1))
             ], 2)) : y("", !0),
-            e.chat.isFixedTop || e.chat.isFixedBottom ? (r(), u("span", ao)) : y("", !0)
+            e.chat.isFixedTop || e.chat.isFixedBottom ? (A(), u("span", ao)) : y("", !0)
           ])) : y("", !0)
         ]),
-        e.chat.dialogs ? (r(), u("div", so, [
-          e.chat.dialogsExpanded ? y("", !0) : (r(), u("button", {
+        e.chat.dialogs ? (A(), u("div", so, [
+          e.chat.dialogsExpanded ? y("", !0) : (A(), u("button", {
             key: 0,
             class: "chat-item__menu-button",
             onClick: w[0] || (w[0] = (S) => e.chat.dialogsExpanded = !e.chat.dialogsExpanded),
@@ -2210,7 +2228,7 @@ const Tg = (e, t = null) => {
               class: "pi pi-angle-down"
             }, null, -1)
           ]))),
-          e.chat.dialogsExpanded ? (r(), u("button", {
+          e.chat.dialogsExpanded ? (A(), u("button", {
             key: 1,
             class: "chat-item__menu-button",
             onClick: w[1] || (w[1] = (S) => e.chat.dialogsExpanded = !e.chat.dialogsExpanded),
@@ -2224,7 +2242,7 @@ const Tg = (e, t = null) => {
         ])) : y("", !0),
         F(Z, { name: "menu" }, {
           default: K(() => [
-            A.value && e.chat.actions ? (r(), R(D($e), {
+            r.value && e.chat.actions ? (A(), R(D($e), {
               key: 0,
               class: "chat-item__context-menu",
               actions: e.chat.actions,
@@ -2234,32 +2252,32 @@ const Tg = (e, t = null) => {
           _: 1
         })
       ], 34),
-      e.chat.dialogsExpanded ? (r(), u("div", io, [
-        (r(!0), u(q, null, te(g(), (S) => (r(), u("div", {
-          class: O(["dialog__item", l(S)]),
-          onClick: (T) => s(S)
+      e.chat.dialogsExpanded ? (A(), u("div", io, [
+        (A(!0), u(q, null, te(g(), (S) => (A(), u("div", {
+          class: z(["dialog__item", l(S)]),
+          onClick: (L) => s(S)
         }, [
-          S.icon ? (r(), u("img", {
+          S.icon ? (A(), u("img", {
             key: 0,
             class: "dialog__icon",
             src: S.icon,
             height: "16",
             width: "16"
-          }, null, 8, lo)) : (r(), u("span", ro)),
+          }, null, 8, lo)) : (A(), u("span", ro)),
           o("div", Ao, [
             o("div", co, k(S.name), 1),
             o("div", uo, k(S["lastActivity.time"]), 1)
           ]),
-          S.countUnread > 0 ? (r(), u("div", {
+          S.countUnread > 0 ? (A(), u("div", {
             key: 2,
             class: "chat-item__unread",
-            style: ie({ backgroundColor: S.colorUnread ? S.colorUnread : null })
+            style: se({ backgroundColor: S.colorUnread ? S.colorUnread : null })
           }, k(S.countUnread > 99 ? "99+" : S.countUnread), 5)) : y("", !0)
         ], 10, oo))), 256))
       ])) : y("", !0)
     ]));
   }
-}, On = /* @__PURE__ */ U(go, [["__scopeId", "data-v-572c34c9"]]), mo = ["placeholder"], po = {
+}, On = /* @__PURE__ */ B(go, [["__scopeId", "data-v-572c34c9"]]), mo = ["placeholder"], po = {
   __name: "ChatFilter",
   emits: ["update"],
   setup(e, { emit: t }) {
@@ -2267,7 +2285,7 @@ const Tg = (e, t = null) => {
       const s = D(n);
       f("update", s.value);
     };
-    return (s, i) => (r(), u("input", {
+    return (s, i) => (A(), u("input", {
       ref_key: "refInput",
       ref: n,
       class: "chat-filter__input",
@@ -2276,7 +2294,7 @@ const Tg = (e, t = null) => {
       onInput: a
     }, null, 40, mo));
   }
-}, ho = /* @__PURE__ */ U(po, [["__scopeId", "data-v-d4271193"]]), vo = { class: "template-selector" }, yo = ["id"], bo = { style: { display: "flex" } }, Mo = { style: { display: "flex" } }, _o = {
+}, ho = /* @__PURE__ */ B(po, [["__scopeId", "data-v-d4271193"]]), vo = { class: "template-selector" }, yo = ["id"], bo = { style: { display: "flex" } }, Mo = { style: { display: "flex" } }, _o = {
   key: 0,
   class: "template-selector__button-close"
 }, Io = {
@@ -2317,38 +2335,38 @@ const Tg = (e, t = null) => {
   setup(e, { emit: t }) {
     const n = e, f = ee("chatAppId"), { setMessageText: a } = Ie(f), s = () => {
       i("closeTemplateWindow"), a(c.value.template);
-    }, i = t, l = b(null), c = b(null), A = b(""), d = b(), g = b(""), m = b(""), M = b(""), h = b(!1), v = Q(() => !!(h.value && (M.value == "grid" && m.value == "none" || m.value == "grid" && g.value == "none"))), p = Q(() => !!(h.value && (g.value == "grid" && m.value == "none" || m.value == "grid" && M.value == "none"))), _ = () => {
+    }, i = t, l = b(null), c = b(null), r = b(""), d = b(), g = b(""), m = b(""), M = b(""), h = b(!1), v = Q(() => !!(h.value && (M.value == "grid" && m.value == "none" || m.value == "grid" && g.value == "none"))), p = Q(() => !!(h.value && (g.value == "grid" && m.value == "none" || m.value == "grid" && M.value == "none"))), _ = () => {
       h.value && (m.value == "grid" ? N() : M.value == "grid" && w());
-    }, x = () => {
+    }, j = () => {
       h.value && (m.value == "grid" ? E() : g.value == "grid" && w());
     }, N = () => {
-      const B = document.getElementById("template-selector-container-" + f);
-      B.style.setProperty("--template-first-col-display", "grid"), B.style.setProperty("--template-second-col-display", "none"), S();
+      const U = document.getElementById("template-selector-container-" + f);
+      U.style.setProperty("--template-first-col-display", "grid"), U.style.setProperty("--template-second-col-display", "none"), S();
     }, E = () => {
-      const B = document.getElementById("template-selector-container-" + f);
-      B.style.setProperty("--template-third-col-display", "grid"), B.style.setProperty("--template-second-col-display", "none"), S();
+      const U = document.getElementById("template-selector-container-" + f);
+      U.style.setProperty("--template-third-col-display", "grid"), U.style.setProperty("--template-second-col-display", "none"), S();
     }, w = () => {
-      const B = document.getElementById("template-selector-container-" + f);
-      B.style.setProperty("--template-second-col-display", "grid"), B.style.setProperty("--template-first-col-display", "none"), B.style.setProperty("--template-third-col-display", "none"), S();
+      const U = document.getElementById("template-selector-container-" + f);
+      U.style.setProperty("--template-second-col-display", "grid"), U.style.setProperty("--template-first-col-display", "none"), U.style.setProperty("--template-third-col-display", "none"), S();
     }, S = () => {
-      const B = document.getElementById("template-selector-container-" + f), $ = window.getComputedStyle(B);
+      const U = document.getElementById("template-selector-container-" + f), $ = window.getComputedStyle(U);
       g.value = $.getPropertyValue("--template-first-col-display"), m.value = $.getPropertyValue("--template-second-col-display"), M.value = $.getPropertyValue("--template-third-col-display");
-    }, T = (B) => {
-      n.templates.forEach(($) => $.isSelected = !1), B.isSelected = !0, c.value = B, E();
-    }, j = () => {
-      w(), n.templates.forEach((B) => B.isSelected = !1);
-    }, L = Q(() => l.value ? n.templates.filter((B) => B.groupId === l.value.groupId) : n.templates), z = Q(() => {
-      const B = A.value.trim().toLowerCase();
-      return L.value.filter(($) => $.title.toLowerCase().includes(B) || $.template.toLowerCase().includes(B));
-    }), V = new ResizeObserver((B) => {
-      const $ = B[0].target.clientWidth;
+    }, L = (U) => {
+      n.templates.forEach(($) => $.isSelected = !1), U.isSelected = !0, c.value = U, E();
+    }, T = () => {
+      w(), n.templates.forEach((U) => U.isSelected = !1);
+    }, O = Q(() => l.value ? n.templates.filter((U) => U.groupId === l.value.groupId) : n.templates), V = Q(() => {
+      const U = r.value.trim().toLowerCase();
+      return O.value.filter(($) => $.title.toLowerCase().includes(U) || $.template.toLowerCase().includes(U));
+    }), x = new ResizeObserver((U) => {
+      const $ = U[0].target.clientWidth;
       $ > 700 && (h.value = !1), $ < 700 && (h.value = !0);
     });
     return le(() => {
-      S(), D(d) && V.observe(D(d));
-    }), (B, $) => (r(), u("div", vo, [
+      S(), D(d) && x.observe(D(d));
+    }), (U, $) => (A(), u("div", vo, [
       o("div", {
-        class: O({
+        class: z({
           "template-selector__container-inline": !e.elevatedWindow,
           "template-selector__container-elevated": e.elevatedWindow
         }),
@@ -2358,23 +2376,23 @@ const Tg = (e, t = null) => {
       }, [
         o("div", bo, [
           o("div", Mo, [
-            v.value ? (r(), u("button", _o, [
+            v.value ? (A(), u("button", _o, [
               o("span", {
                 class: "pi pi-arrow-left",
                 onClick: _
               })
             ])) : y("", !0),
-            p.value ? (r(), u("button", Io, [
+            p.value ? (A(), u("button", Io, [
               o("span", {
                 class: "pi pi-arrow-right",
-                onClick: x
+                onClick: j
               })
             ])) : y("", !0)
           ]),
           o("button", wo, [
             o("span", {
               class: "pi pi-times",
-              onClick: $[0] || ($[0] = (J) => B.$emit("closeTemplateWindow"))
+              onClick: $[0] || ($[0] = (J) => U.$emit("closeTemplateWindow"))
             })
           ])
         ]),
@@ -2384,13 +2402,13 @@ const Tg = (e, t = null) => {
             id: "template-selector-first-col-" + D(f)
           }, [
             o("ul", Do, [
-              (r(!0), u(q, null, te(e.groupTemplates, (J, oe) => (r(), u("li", {
+              (A(!0), u(q, null, te(e.groupTemplates, (J, oe) => (A(), u("li", {
                 key: oe,
-                class: O(["template-selector__item-group", { "template-selector__item-selected": l.value === J }]),
-                onClick: j
+                class: z(["template-selector__item-group", { "template-selector__item-selected": l.value === J }]),
+                onClick: T
               }, [
                 o("label", Eo, [
-                  J.iconUrl ? (r(), u("img", {
+                  J.iconUrl ? (A(), u("img", {
                     key: 0,
                     class: "template-selector__item-group-icon",
                     src: J.iconUrl,
@@ -2416,27 +2434,27 @@ const Tg = (e, t = null) => {
           }, [
             o("div", Vo, [
               Ae(o("input", {
-                "onUpdate:modelValue": $[2] || ($[2] = (J) => A.value = J),
+                "onUpdate:modelValue": $[2] || ($[2] = (J) => r.value = J),
                 class: "template-selector__searching-input",
                 type: "text",
                 placeholder: "Поиск шаблона"
               }, null, 512), [
-                [ot, A.value]
+                [ot, r.value]
               ])
             ]),
             o("div", So, [
-              z.value.length !== 0 ? (r(), u("ul", Co, [
-                (r(!0), u(q, null, te(z.value, (J, oe) => (r(), u("li", {
+              V.value.length !== 0 ? (A(), u("ul", Co, [
+                (A(!0), u(q, null, te(V.value, (J, oe) => (A(), u("li", {
                   key: oe,
-                  class: O(["template-selector__item-template", { "template-selector__item-selected": J.isSelected }]),
-                  onClick: (G) => T(J)
+                  class: z(["template-selector__item-template", { "template-selector__item-selected": J.isSelected }]),
+                  onClick: (G) => L(J)
                 }, [
                   o("div", zo, [
                     o("p", Lo, k(J.title), 1),
                     o("p", Uo, k(J.template), 1)
                   ])
                 ], 10, Oo))), 128))
-              ])) : (r(), u("p", Bo, " Шаблоны отсутствуют "))
+              ])) : (A(), u("p", Bo, " Шаблоны отсутствуют "))
             ])
           ], 8, xo),
           o("div", {
@@ -2444,12 +2462,12 @@ const Tg = (e, t = null) => {
             id: "template-selector-third-col-" + D(f)
           }, [
             o("div", Qo, [
-              c.value ? (r(), u("div", $o, [
+              c.value ? (A(), u("div", $o, [
                 o("div", Yo, [
                   o("p", Po, k(c.value.template), 1),
                   $[3] || ($[3] = o("p", { class: "template-selector__preview-time" }, " 22:22 ", -1))
                 ])
-              ])) : (r(), u("p", Fo, " Предпросмотр шаблона "))
+              ])) : (A(), u("p", Fo, " Предпросмотр шаблона "))
             ]),
             o("button", {
               class: "template-selector__button-paste",
@@ -2460,7 +2478,7 @@ const Tg = (e, t = null) => {
       ], 10, yo)
     ]));
   }
-}, Ho = /* @__PURE__ */ U(qo, [["__scopeId", "data-v-64de8bfe"]]), Wo = {
+}, Ho = /* @__PURE__ */ B(qo, [["__scopeId", "data-v-64de8bfe"]]), Wo = {
   __name: "ButtonTemplateSelector",
   props: {
     templates: {
@@ -2494,17 +2512,17 @@ const Tg = (e, t = null) => {
       t.mode == "hover" && t.state == "active" && (s.value.style.display = "inherit");
     }, c = () => {
       t.mode == "hover" && t.state == "active" && (s.value.style.display = "none");
-    }, A = () => {
+    }, r = () => {
       s.value.style.display = "none";
     };
     return le(() => {
       s.value.style.display = "none";
-    }), (d, g) => (r(), u(q, null, [
-      D(f)().isRecording ? y("", !0) : (r(), u("button", {
+    }), (d, g) => (A(), u(q, null, [
+      D(f)().isRecording ? y("", !0) : (A(), u("button", {
         key: 0,
         ref_key: "templateButton",
         ref: a,
-        class: O(["button-template", { "button-template-disabled": e.state == "disabled" }]),
+        class: z(["button-template", { "button-template-disabled": e.state == "disabled" }]),
         onClick: i,
         onMouseover: l,
         onMouseout: c
@@ -2523,7 +2541,7 @@ const Tg = (e, t = null) => {
               templates: e.templates,
               "group-templates": e.groupTemplates,
               "elevated-window": e.elevatedWindow,
-              onCloseTemplateWindow: A
+              onCloseTemplateWindow: r
             }, null, 8, ["templates", "group-templates", "elevated-window"])
           ], 544)
         ]),
@@ -2531,7 +2549,7 @@ const Tg = (e, t = null) => {
       })
     ], 64));
   }
-}, Vg = /* @__PURE__ */ U(Wo, [["__scopeId", "data-v-de93f7f9"]]), Ko = ["id"], Jo = {
+}, Vg = /* @__PURE__ */ B(Wo, [["__scopeId", "data-v-de93f7f9"]]), Ko = ["id"], Jo = {
   __name: "PlaceholderComponent",
   props: {
     index: {
@@ -2569,7 +2587,7 @@ const Tg = (e, t = null) => {
         s.value = f.value;
       }) : s.value = "Заполнить");
     }
-    function A(g) {
+    function r(g) {
       g.target.blur(), c();
     }
     function d(g) {
@@ -2579,18 +2597,18 @@ const Tg = (e, t = null) => {
       window.addEventListener("keydown", d);
     }), Ke(() => {
       window.removeEventListener("keydown", d);
-    }), (g, m) => (r(), u("span", {
+    }), (g, m) => (A(), u("span", {
       ref_key: "refPlaceholder",
       ref: i,
       id: "placeholder" + D(n) + e.index,
       contenteditable: "",
-      class: O([{ filled: e.isFilled, empty: !e.isFilled }, "placeholder"]),
-      onKeydown: Jn(A, ["enter"]),
+      class: z([{ filled: e.isFilled, empty: !e.isFilled }, "placeholder"]),
+      onKeydown: Jn(r, ["enter"]),
       onFocus: l,
       onBlur: c
     }, k(s.value), 43, Ko));
   }
-}, Go = /* @__PURE__ */ U(Jo, [["__scopeId", "data-v-7250dbc8"]]), Zo = ["accept"], Xo = { class: "attachment-section__info open-sans" }, el = {
+}, Go = /* @__PURE__ */ B(Jo, [["__scopeId", "data-v-7250dbc8"]]), Zo = ["accept"], Xo = { class: "attachment-section__info open-sans" }, el = {
   key: 2,
   class: "attachment-section__error-text"
 }, tl = /* @__PURE__ */ W({
@@ -2607,7 +2625,7 @@ const Tg = (e, t = null) => {
   },
   emits: ["fileSelected"],
   setup(e, { emit: t }) {
-    const n = e, f = b(ee("filebumpUrl")), a = b(null), s = b(), i = b(""), l = b(""), c = b(), A = t, d = () => {
+    const n = e, f = b(ee("filebumpUrl")), a = b(null), s = b(), i = b(""), l = b(""), c = b(), r = t, d = () => {
       s.value && l.value != "success" && s.value.click();
     }, g = {
       DOCUMENT: {
@@ -2642,9 +2660,9 @@ const Tg = (e, t = null) => {
           i.value = "Файл слишком большого размера";
         else if (!i.value) {
           a.value = v, l.value = "uploading";
-          const x = D(f.value);
-          wn(typeof x == "string" ? x : null, v).then((N) => {
-            l.value = N.status, N.status == "success" && (A("fileSelected", {
+          const j = D(f.value);
+          wn(typeof j == "string" ? j : null, v).then((N) => {
+            l.value = N.status, N.status == "success" && (r("fileSelected", {
               url: N.url,
               filename: N.name,
               filesize: N.size,
@@ -2666,17 +2684,17 @@ const Tg = (e, t = null) => {
     return X(
       () => l.value,
       (h) => {
-        h === "" && (s.value && (s.value.value = ""), a.value = null, A("fileSelected", null));
+        h === "" && (s.value && (s.value.value = ""), a.value = null, r("fileSelected", null));
       }
     ), X(
       () => n.templateId,
       () => {
         l.value = "";
       }
-    ), (h, v) => (r(), u(q, null, [
-      l.value !== "success" ? (r(), u("div", {
+    ), (h, v) => (A(), u(q, null, [
+      l.value !== "success" ? (A(), u("div", {
         key: 0,
-        class: O(["attachment-section", { "attachment-section__error": i.value }]),
+        class: z(["attachment-section", { "attachment-section__error": i.value }]),
         onClick: d
       }, [
         o("input", {
@@ -2693,15 +2711,15 @@ const Tg = (e, t = null) => {
           v[0] || (v[0] = o("p", { class: "attachment-section__title open-sans-bold" }, " Прикрепить файл ", -1)),
           o("p", Xo, k(g[e.type].text), 1)
         ])
-      ], 2)) : l.value === "success" && c.value ? (r(), R(In, {
+      ], 2)) : l.value === "success" && c.value ? (A(), R(In, {
         key: 1,
         "file-info": c.value,
         onReset: M
       }, null, 8, ["file-info"])) : y("", !0),
-      i.value ? (r(), u("div", el, k(i.value), 1)) : y("", !0)
+      i.value ? (A(), u("div", el, k(i.value), 1)) : y("", !0)
     ], 64));
   }
-}), nl = /* @__PURE__ */ U(tl, [["__scopeId", "data-v-4ded5a07"]]), fl = { class: "quick-reply-buttons" }, al = ["onClick"], sl = { class: "quick-reply-buttons__line" }, il = /* @__PURE__ */ W({
+}), nl = /* @__PURE__ */ B(tl, [["__scopeId", "data-v-4ded5a07"]]), fl = { class: "quick-reply-buttons" }, al = ["onClick"], sl = { class: "quick-reply-buttons__line" }, il = /* @__PURE__ */ W({
   __name: "WABAQuickReplyButtons",
   props: {
     buttons: {
@@ -2718,23 +2736,23 @@ const Tg = (e, t = null) => {
     }, s = (i) => {
       i == 2 && f.buttons.length > 3 && n("selectAllVariants");
     };
-    return (i, l) => (r(), u("div", fl, [
-      (r(!0), u(q, null, te(e.buttons.slice(0, 3), (c, A) => (r(), u("div", {
+    return (i, l) => (A(), u("div", fl, [
+      (A(!0), u(q, null, te(e.buttons.slice(0, 3), (c, r) => (A(), u("div", {
         class: "quick-reply-buttons__preview-action",
-        key: A,
-        onClick: (d) => s(A)
+        key: r,
+        onClick: (d) => s(r)
       }, [
         l[0] || (l[0] = o("hr", { class: "quick-reply-buttons__separator" }, null, -1)),
         o("div", sl, [
           o("span", {
-            class: O(["quick-reply-buttons__icon pi pi-arrow-up-left", A == 2 && e.buttons.length > 3 ? "pi-list" : a[c.type]])
+            class: z(["quick-reply-buttons__icon pi pi-arrow-up-left", r == 2 && e.buttons.length > 3 ? "pi-list" : a[c.type]])
           }, null, 2),
-          o("p", null, k(A == 2 && e.buttons.length > 3 ? "Смотреть все варианты" : c.text), 1)
+          o("p", null, k(r == 2 && e.buttons.length > 3 ? "Смотреть все варианты" : c.text), 1)
         ])
       ], 8, al))), 128))
     ]));
   }
-}), ol = /* @__PURE__ */ U(il, [["__scopeId", "data-v-51dfc2ee"]]), ll = { class: "separated-quick-buttons" }, rl = { class: "separated-quick-buttons__title" }, Al = { class: "separated-quick-buttons__actions scrollbar" }, cl = /* @__PURE__ */ W({
+}), ol = /* @__PURE__ */ B(il, [["__scopeId", "data-v-51dfc2ee"]]), ll = { class: "separated-quick-buttons" }, rl = { class: "separated-quick-buttons__title" }, Al = { class: "separated-quick-buttons__actions scrollbar" }, cl = /* @__PURE__ */ W({
   __name: "WABASeparatedQuickButtons",
   props: {
     buttons: {
@@ -2749,7 +2767,7 @@ const Tg = (e, t = null) => {
       PHONE_NUMBER: "bi-telephone",
       QUICK_REPLY: "bi-arrow-90deg-left"
     }, f = t;
-    return (a, s) => (r(), u("div", ll, [
+    return (a, s) => (A(), u("div", ll, [
       o("div", rl, [
         s[1] || (s[1] = o("p", null, "Все варианты", -1)),
         o("span", {
@@ -2758,19 +2776,19 @@ const Tg = (e, t = null) => {
         })
       ]),
       o("div", Al, [
-        (r(!0), u(q, null, te(e.buttons, (i, l) => (r(), u("div", {
+        (A(!0), u(q, null, te(e.buttons, (i, l) => (A(), u("div", {
           class: "separated-quick-buttons__action",
           key: l
         }, [
           o("span", {
-            class: O(["pi pi-arrow-up-left", n[i.type]])
+            class: z(["pi pi-arrow-up-left", n[i.type]])
           }, null, 2),
           o("p", null, k(i.text), 1)
         ]))), 128))
       ])
     ]));
   }
-}), ul = /* @__PURE__ */ U(cl, [["__scopeId", "data-v-1fa4012a"]]), dl = { class: "template-selector" }, gl = ["id"], ml = { style: { display: "flex" } }, pl = { style: { display: "flex" } }, hl = {
+}), ul = /* @__PURE__ */ B(cl, [["__scopeId", "data-v-1fa4012a"]]), dl = { class: "template-selector" }, gl = ["id"], ml = { style: { display: "flex" } }, pl = { style: { display: "flex" } }, hl = {
   key: 0,
   class: "template-selector__button-close"
 }, vl = {
@@ -2826,7 +2844,7 @@ const Tg = (e, t = null) => {
       g.value ? (C.text = Oe.value, C.templateId = d.value.templateId, C.values = Ye.value, C.file = g.value) : (C.text = Oe.value, C.templateId = d.value.templateId, C.values = Ye.value), d.value.buttons && (C.buttons = d.value.buttons), a("sendWabaValues", C), Ze();
     }, l = (C) => {
       g.value = C;
-    }, c = b(null), A = b(null), d = b(null), g = b(null), m = b(""), M = b(!1), h = () => {
+    }, c = b(null), r = b(null), d = b(null), g = b(null), m = b(""), M = b(!1), h = () => {
       M.value = !M.value, M.value ? (c.value.scrollTop = 0, c.value.style["overflow-y"] = "hidden") : c.value.style["overflow-y"] = "scroll";
     }, v = (C) => {
       Object.keys(N).forEach((H) => {
@@ -2834,13 +2852,13 @@ const Tg = (e, t = null) => {
       }), g.value = null, n.wabaTemplates.forEach((H) => H.isSelected = !1), C.isSelected = !0, d.value = C, M.value = !1, oe();
     }, p = () => {
       G(), n.wabaTemplates.forEach((C) => C.isSelected = !1);
-    }, _ = Q(() => A.value ? n.wabaTemplates.filter((C) => C.groupId === A.value.groupId) : n.wabaTemplates), x = Q(() => {
+    }, _ = Q(() => r.value ? n.wabaTemplates.filter((C) => C.groupId === r.value.groupId) : n.wabaTemplates), j = Q(() => {
       const C = m.value.trim().toLowerCase();
       return _.value.filter((H) => H.title.toLowerCase().includes(C) || H.template.toLowerCase().includes(C));
-    }), N = ta({}), E = b(null), w = b(), S = b(""), T = b(""), j = b(""), L = b(!1), z = Q(() => !!(L.value && (j.value == "grid" && T.value == "none" || T.value == "grid" && S.value == "none"))), V = Q(() => !!(L.value && (S.value == "grid" && T.value == "none" || T.value == "grid" && j.value == "none"))), B = () => {
-      L.value && (T.value == "grid" ? J() : j.value == "grid" && G());
+    }), N = ta({}), E = b(null), w = b(), S = b(""), L = b(""), T = b(""), O = b(!1), V = Q(() => !!(O.value && (T.value == "grid" && L.value == "none" || L.value == "grid" && S.value == "none"))), x = Q(() => !!(O.value && (S.value == "grid" && L.value == "none" || L.value == "grid" && T.value == "none"))), U = () => {
+      O.value && (L.value == "grid" ? J() : T.value == "grid" && G());
     }, $ = () => {
-      L.value && (T.value == "grid" ? oe() : S.value == "grid" && G());
+      O.value && (L.value == "grid" ? oe() : S.value == "grid" && G());
     }, J = () => {
       const C = document.getElementById("waba-template-selector-container-" + f);
       C.style.setProperty("--waba-template-first-col-display", "grid"), C.style.setProperty("--waba-template-second-col-display", "none"), console.log(C, window.getComputedStyle(C).getPropertyValue("--waba-template-first-col-display")), fe();
@@ -2852,7 +2870,7 @@ const Tg = (e, t = null) => {
       C.style.setProperty("--waba-template-second-col-display", "grid"), C.style.setProperty("--waba-template-first-col-display", "none"), C.style.setProperty("--waba-template-third-col-display", "none"), fe();
     }, fe = () => {
       const C = document.getElementById("waba-template-selector-container-" + f), H = window.getComputedStyle(C);
-      S.value = H.getPropertyValue("--waba-template-first-col-display"), T.value = H.getPropertyValue("--waba-template-second-col-display"), j.value = H.getPropertyValue("--waba-template-third-col-display");
+      S.value = H.getPropertyValue("--waba-template-first-col-display"), L.value = H.getPropertyValue("--waba-template-second-col-display"), T.value = H.getPropertyValue("--waba-template-third-col-display");
     }, Je = (C) => {
       N[C[1]] = C[0];
     }, pe = Q(() => {
@@ -2860,10 +2878,10 @@ const Tg = (e, t = null) => {
       const C = (Ne = d.value) == null ? void 0 : Ne.template;
       if (!C) return [];
       const H = [...C.matchAll(/{{\d+}}/g)], Y = [];
-      let se = 0;
+      let ie = 0;
       return H.forEach((Pe) => {
-        Pe.index > se && Y.push(C.substring(se, Pe.index)), Y.push({ index: parseInt(Pe[0].slice(2, -2)) }), se = Pe.index + Pe[0].length;
-      }), se < C.length && Y.push(C.substring(se)), Y;
+        Pe.index > ie && Y.push(C.substring(ie, Pe.index)), Y.push({ index: parseInt(Pe[0].slice(2, -2)) }), ie = Pe.index + Pe[0].length;
+      }), ie < C.length && Y.push(C.substring(ie)), Y;
     }), Ge = Q(() => {
       var H, Y;
       if (!d.value)
@@ -2891,13 +2909,13 @@ const Tg = (e, t = null) => {
       return C;
     }), ze = new ResizeObserver((C) => {
       const H = C[0].target.clientWidth;
-      H > 700 && (L.value = !1), H < 700 && (L.value = !0);
+      H > 700 && (O.value = !1), H < 700 && (O.value = !0);
     });
     return le(() => {
       fe(), D(w) && ze.observe(D(w));
-    }), (C, H) => (r(), u("div", dl, [
+    }), (C, H) => (A(), u("div", dl, [
       o("div", {
-        class: O({
+        class: z({
           "template-selector__container-inline": !e.elevatedWindow,
           "template-selector__container-elevated": e.elevatedWindow
         }),
@@ -2907,13 +2925,13 @@ const Tg = (e, t = null) => {
       }, [
         o("div", ml, [
           o("div", pl, [
-            z.value ? (r(), u("button", hl, [
+            V.value ? (A(), u("button", hl, [
               o("span", {
                 class: "pi pi-arrow-left",
-                onClick: B
+                onClick: U
               })
             ])) : y("", !0),
-            V.value ? (r(), u("button", vl, [
+            x.value ? (A(), u("button", vl, [
               o("span", {
                 class: "pi pi-arrow-right",
                 onClick: $
@@ -2930,26 +2948,26 @@ const Tg = (e, t = null) => {
         o("div", yl, [
           o("div", bl, [
             o("ul", Ml, [
-              (r(!0), u(q, null, te(e.groupTemplates, (Y, se) => (r(), u("li", {
-                key: se,
-                class: O(["template-selector__item-group", { "template-selector__item-selected": A.value === Y }]),
+              (A(!0), u(q, null, te(e.groupTemplates, (Y, ie) => (A(), u("li", {
+                key: ie,
+                class: z(["template-selector__item-group", { "template-selector__item-selected": r.value === Y }]),
                 onClick: p
               }, [
                 o("label", _l, [
-                  Y.iconUrl ? (r(), u("img", {
+                  Y.iconUrl ? (A(), u("img", {
                     key: 0,
                     class: "template-selector__item-group-icon",
                     src: Y.iconUrl,
                     alt: Y.title
                   }, null, 8, Il)) : y("", !0),
                   Ae(o("input", {
-                    id: se,
-                    "onUpdate:modelValue": H[0] || (H[0] = (Ne) => A.value = Ne),
+                    id: ie,
+                    "onUpdate:modelValue": H[0] || (H[0] = (Ne) => r.value = Ne),
                     value: Y,
                     class: "template-selector__input-group",
                     type: "radio"
                   }, null, 8, wl), [
-                    [ea, A.value]
+                    [ea, r.value]
                   ]),
                   o("span", null, k(Y.title), 1)
                 ])
@@ -2968,10 +2986,10 @@ const Tg = (e, t = null) => {
               ])
             ]),
             o("div", Dl, [
-              x.value.length !== 0 ? (r(), u("ul", El, [
-                (r(!0), u(q, null, te(x.value, (Y, se) => (r(), u("li", {
-                  key: se,
-                  class: O(["template-selector__item-template", { "template-selector__item-selected": Y.isSelected }]),
+              j.value.length !== 0 ? (A(), u("ul", El, [
+                (A(!0), u(q, null, te(j.value, (Y, ie) => (A(), u("li", {
+                  key: ie,
+                  class: z(["template-selector__item-template", { "template-selector__item-selected": Y.isSelected }]),
                   onClick: (Ne) => v(Y)
                 }, [
                   o("div", jl, [
@@ -2979,7 +2997,7 @@ const Tg = (e, t = null) => {
                     o("p", Vl, k(Y.template), 1)
                   ])
                 ], 10, Tl))), 128))
-              ])) : (r(), u("p", Sl, " Шаблоны отсутствуют "))
+              ])) : (A(), u("p", Sl, " Шаблоны отсутствуют "))
             ])
           ]),
           o("div", Cl, [
@@ -2988,17 +3006,17 @@ const Tg = (e, t = null) => {
               ref: c,
               class: "template-selector__preview-container"
             }, [
-              pe.value.length > 0 ? (r(), u("div", Ol, [
+              pe.value.length > 0 ? (A(), u("div", Ol, [
                 o("div", zl, [
-                  d.value.type != "TEXT" ? (r(), R(nl, {
+                  d.value.type != "TEXT" ? (A(), R(nl, {
                     key: 0,
                     type: d.value.type,
                     "template-id": d.value.templateId,
                     onFileSelected: l
                   }, null, 8, ["type", "template-id"])) : y("", !0),
                   o("div", Ll, [
-                    (r(!0), u(q, null, te(pe.value, (Y, se) => (r(), u(q, { key: se }, [
-                      typeof Y == "string" ? (r(), u("span", Ul, k(Y), 1)) : typeof Y == "object" ? (r(), R(Go, {
+                    (A(!0), u(q, null, te(pe.value, (Y, ie) => (A(), u(q, { key: ie }, [
+                      typeof Y == "string" ? (A(), u("span", Ul, k(Y), 1)) : typeof Y == "object" ? (A(), R(Go, {
                         key: 1,
                         index: Y.index,
                         value: N[Y.index] || "Заполнить",
@@ -3009,14 +3027,14 @@ const Tg = (e, t = null) => {
                     ], 64))), 128))
                   ]),
                   H[2] || (H[2] = o("p", { class: "template-selector__preview-time" }, " 22:22 ", -1)),
-                  d.value.buttons ? (r(), R(ol, {
+                  d.value.buttons ? (A(), R(ol, {
                     key: 1,
                     buttons: d.value.buttons,
                     onSelectAllVariants: h
                   }, null, 8, ["buttons"])) : y("", !0)
                 ])
-              ])) : (r(), u("p", Bl, " Предпросмотр шаблона ")),
-              M.value ? (r(), u("div", Rl, [
+              ])) : (A(), u("p", Bl, " Предпросмотр шаблона ")),
+              M.value ? (A(), u("div", Rl, [
                 o("div", {
                   class: "template-selector__semitransparent-overlay",
                   onClick: h
@@ -3037,7 +3055,7 @@ const Tg = (e, t = null) => {
       ], 10, gl)
     ]));
   }
-}, Yl = /* @__PURE__ */ U($l, [["__scopeId", "data-v-74bd4b6b"]]), Pl = {
+}, Yl = /* @__PURE__ */ B($l, [["__scopeId", "data-v-74bd4b6b"]]), Pl = {
   __name: "ButtonWabaTemplateSelector",
   props: {
     wabaTemplates: {
@@ -3073,7 +3091,7 @@ const Tg = (e, t = null) => {
     Mn("filebumpUrl", n.filebumpUrl);
     const f = ee("chatAppId"), { getMessage: a } = Ie(f), s = b(null), i = b(null), l = t, c = () => {
       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"));
-    }, A = () => {
+    }, r = () => {
       n.mode == "hover" && n.state == "active" && (i.value.style.display = "inherit");
     }, d = () => {
       n.mode == "hover" && n.state == "active" && (i.value.style.display = "none");
@@ -3086,14 +3104,14 @@ const Tg = (e, t = null) => {
     const m = (M) => {
       l("sendWabaValues", M);
     };
-    return (M, h) => (r(), u(q, null, [
-      D(a)().isRecording ? y("", !0) : (r(), u("button", {
+    return (M, h) => (A(), u(q, null, [
+      D(a)().isRecording ? y("", !0) : (A(), u("button", {
         key: 0,
         ref_key: "templateButton",
         ref: s,
-        class: O(["button-template", { "button-template-disabled": e.state == "disabled" }]),
+        class: z(["button-template", { "button-template-disabled": e.state == "disabled" }]),
         onClick: c,
-        onMouseover: A,
+        onMouseover: r,
         onMouseout: d
       }, h[0] || (h[0] = [
         o("span", { class: "pi pi-code" }, null, -1)
@@ -3101,7 +3119,7 @@ const Tg = (e, t = null) => {
       o("div", {
         ref_key: "template",
         ref: i,
-        onMouseover: A,
+        onMouseover: r,
         onMouseout: d
       }, [
         F(Yl, {
@@ -3114,7 +3132,7 @@ const Tg = (e, t = null) => {
       ], 544)
     ], 64));
   }
-}, Sg = /* @__PURE__ */ U(Pl, [["__scopeId", "data-v-ce490ccf"]]), pa = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", ha = {
+}, Sg = /* @__PURE__ */ B(Pl, [["__scopeId", "data-v-ce490ccf"]]), pa = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", ha = {
   recent: "Recently used",
   smileys_people: "Smiles & People",
   animals_nature: "Animals & Nature",
@@ -15220,7 +15238,7 @@ function Af(e, t, { blocked: n, upgrade: f, blocking: a, terminated: s } = {}) {
     c.newVersion,
     c
   )), l.then((c) => {
-    s && c.addEventListener("close", () => s()), a && c.addEventListener("versionchange", (A) => a(A.oldVersion, A.newVersion, A));
+    s && c.addEventListener("close", () => s()), a && c.addEventListener("versionchange", (r) => a(r.oldVersion, r.newVersion, r));
   }).catch(() => {
   }), l;
 }
@@ -15235,9 +15253,9 @@ function Qf(e, t) {
     return;
   const s = async function(i, ...l) {
     const c = this.transaction(i, a ? "readwrite" : "readonly");
-    let A = c.store;
-    return f && (A = A.index(l.shift())), (await Promise.all([
-      A[n](...l),
+    let r = c.store;
+    return f && (r = r.index(l.shift())), (await Promise.all([
+      r[n](...l),
       a && c.done
     ]))[0];
   };
@@ -15322,7 +15340,7 @@ function _r() {
   }
   function f() {
     n().then((g) => {
-      e.recent = g, A();
+      e.recent = g, r();
     });
   }
   const a = (g) => {
@@ -15336,7 +15354,7 @@ function _r() {
   }, c = (g) => {
     e.options = Object.assign({}, e.options, g), t();
   };
-  async function A() {
+  async function r() {
     (await Af(cf, uf)).transaction(tt, "readwrite").objectStore(tt).put({
       id: 0,
       value: JSON.stringify(e.recent)
@@ -15349,7 +15367,7 @@ function _r() {
     if (m > 0 && e.recent.splice(m, 1), m === 0)
       return;
     const M = { u: g.u, n: na(g.n) };
-    e.recent = [M, ...e.recent], e.recent.length > 24 && (e.recent.length = 24), A();
+    e.recent = [M, ...e.recent], e.recent.length > 24 && (e.recent.length = 24), r();
   };
   return {
     state: $a(e),
@@ -15417,8 +15435,8 @@ function zr(e) {
   };
   return Object.assign(t.elements.popper.style, n.popper), t.styles = n, t.elements.arrow && Object.assign(t.elements.arrow.style, n.arrow), function() {
     Object.keys(t.elements).forEach(function(f) {
-      var a = t.elements[f], s = t.attributes[f] || {}, i = Object.keys(t.styles.hasOwnProperty(f) ? t.styles[f] : n[f]), l = i.reduce(function(c, A) {
-        return c[A] = "", c;
+      var a = t.elements[f], s = t.attributes[f] || {}, i = Object.keys(t.styles.hasOwnProperty(f) ? t.styles[f] : n[f]), l = i.reduce(function(c, r) {
+        return c[r] = "", c;
       }, {});
       !ye(a) || !je(a) || (Object.assign(a.style, l), Object.keys(s).forEach(function(c) {
         a.removeAttribute(c);
@@ -15546,10 +15564,10 @@ var Qr = function(t, n) {
   })) : t, Na(typeof t != "number" ? t : Da(t, xt));
 };
 function $r(e) {
-  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 = [ue, Me].indexOf(l) >= 0, d = A ? "height" : "width";
+  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), r = [ue, Me].indexOf(l) >= 0, d = r ? "height" : "width";
   if (!(!s || !i)) {
-    var g = Qr(a.padding, n), m = gf(s), M = c === "y" ? ce : ue, h = c === "y" ? be : Me, v = n.rects.reference[d] + n.rects.reference[c] - i[c] - n.rects.popper[d], p = i[c] - n.rects.reference[c], _ = Vt(s), x = _ ? c === "y" ? _.clientHeight || 0 : _.clientWidth || 0 : 0, N = v / 2 - p / 2, E = g[M], w = x - m[d] - g[h], S = x / 2 - m[d] / 2 + N, T = _t(E, S, w), j = c;
-    n.modifiersData[f] = (t = {}, t[j] = T, t.centerOffset = T - S, t);
+    var g = Qr(a.padding, n), m = gf(s), M = c === "y" ? ce : ue, h = c === "y" ? be : Me, v = n.rects.reference[d] + n.rects.reference[c] - i[c] - n.rects.popper[d], p = i[c] - n.rects.reference[c], _ = Vt(s), j = _ ? c === "y" ? _.clientHeight || 0 : _.clientWidth || 0 : 0, N = v / 2 - p / 2, E = g[M], w = j - m[d] - g[h], S = j / 2 - m[d] / 2 + N, L = _t(E, S, w), T = c;
+    n.modifiersData[f] = (t = {}, t[T] = L, t.centerOffset = L - S, t);
   }
 }
 function Yr(e) {
@@ -15582,31 +15600,31 @@ function qr(e) {
   };
 }
 function Pf(e) {
-  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, h = M === void 0 ? 0 : M, v = m.y, p = v === void 0 ? 0 : v, _ = i.hasOwnProperty("x"), x = i.hasOwnProperty("y"), N = ue, E = ce, w = window;
-  if (A) {
-    var S = Vt(n), T = "clientHeight", j = "clientWidth";
-    if (S === ke(n) && (S = Qe(n), xe(S).position !== "static" && l === "absolute" && (T = "scrollHeight", j = "scrollWidth")), S = S, a === ce || (a === ue || a === Me) && s === Tt) {
+  var t, n = e.popper, f = e.popperRect, a = e.placement, s = e.variation, i = e.offsets, l = e.position, c = e.gpuAcceleration, r = e.adaptive, d = e.roundOffsets, g = e.isFixed, m = d === !0 ? qr(i) : typeof d == "function" ? d(i) : i, M = m.x, h = M === void 0 ? 0 : M, v = m.y, p = v === void 0 ? 0 : v, _ = i.hasOwnProperty("x"), j = i.hasOwnProperty("y"), N = ue, E = ce, w = window;
+  if (r) {
+    var S = Vt(n), L = "clientHeight", T = "clientWidth";
+    if (S === ke(n) && (S = Qe(n), xe(S).position !== "static" && l === "absolute" && (L = "scrollHeight", T = "scrollWidth")), S = S, a === ce || (a === ue || a === Me) && s === Tt) {
       E = be;
-      var L = g && w.visualViewport ? w.visualViewport.height : S[T];
-      p -= L - f.height, p *= c ? 1 : -1;
+      var O = g && w.visualViewport ? w.visualViewport.height : S[L];
+      p -= O - f.height, p *= c ? 1 : -1;
     }
     if (a === ue || (a === ce || a === be) && s === Tt) {
       N = Me;
-      var z = g && w.visualViewport ? w.visualViewport.width : S[j];
-      h -= z - f.width, h *= c ? 1 : -1;
+      var V = g && w.visualViewport ? w.visualViewport.width : S[T];
+      h -= V - f.width, h *= c ? 1 : -1;
     }
   }
-  var V = Object.assign({
+  var x = Object.assign({
     position: l
-  }, A && Fr);
+  }, r && Fr);
   if (c) {
-    var B;
-    return Object.assign({}, V, (B = {}, B[E] = x ? "0" : "", B[N] = _ ? "0" : "", B.transform = (w.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + p + "px)" : "translate3d(" + h + "px, " + p + "px, 0)", B));
+    var U;
+    return Object.assign({}, x, (U = {}, U[E] = j ? "0" : "", U[N] = _ ? "0" : "", U.transform = (w.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + p + "px)" : "translate3d(" + h + "px, " + p + "px, 0)", U));
   }
-  return Object.assign({}, V, (t = {}, t[E] = x ? p + "px" : "", t[N] = _ ? h + "px" : "", t.transform = "", t));
+  return Object.assign({}, x, (t = {}, t[E] = j ? p + "px" : "", t[N] = _ ? h + "px" : "", t.transform = "", t));
 }
 function Hr(e) {
-  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 = {
+  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, r = {
     placement: Te(t.placement),
     variation: it(t.placement),
     popper: t.elements.popper,
@@ -15614,12 +15632,12 @@ function Hr(e) {
     gpuAcceleration: a,
     isFixed: t.options.strategy === "fixed"
   };
-  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Pf(Object.assign({}, A, {
+  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Pf(Object.assign({}, r, {
     offsets: t.modifiersData.popperOffsets,
     position: t.options.strategy,
     adaptive: i,
     roundOffsets: c
-  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Pf(Object.assign({}, A, {
+  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Pf(Object.assign({}, r, {
     offsets: t.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
@@ -15638,11 +15656,11 @@ var Wr = {
   passive: !0
 };
 function Kr(e) {
-  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);
-  return s && A.forEach(function(d) {
+  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), r = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+  return s && r.forEach(function(d) {
     d.addEventListener("scroll", n.update, Qt);
   }), l && c.addEventListener("resize", n.update, Qt), function() {
-    s && A.forEach(function(d) {
+    s && r.forEach(function(d) {
       d.removeEventListener("scroll", n.update, Qt);
     }), l && c.removeEventListener("resize", n.update, Qt);
   };
@@ -15739,8 +15757,8 @@ function nA(e) {
 }
 function fA(e, t, n) {
   var f = t === "clippingParents" ? nA(e) : [].concat(t), a = [].concat(f, [n]), s = a[0], i = a.reduce(function(l, c) {
-    var A = qf(e, c);
-    return l.top = He(A.top, l.top), l.right = bn(A.right, l.right), l.bottom = bn(A.bottom, l.bottom), l.left = He(A.left, l.left), l;
+    var r = qf(e, c);
+    return l.top = He(r.top, l.top), l.right = bn(r.right, l.right), l.bottom = bn(r.bottom, l.bottom), l.left = He(r.left, l.left), l;
   }, qf(e, s));
   return i.width = i.right - i.left, i.height = i.bottom - i.top, i.x = i.left, i.y = i.top, i;
 }
@@ -15777,15 +15795,15 @@ function Ta(e) {
         y: t.y
       };
   }
-  var A = a ? mf(a) : null;
-  if (A != null) {
-    var d = A === "y" ? "height" : "width";
+  var r = a ? mf(a) : null;
+  if (r != null) {
+    var d = r === "y" ? "height" : "width";
     switch (s) {
       case nt:
-        c[A] = c[A] - (t[d] / 2 - n[d] / 2);
+        c[r] = c[r] - (t[d] / 2 - n[d] / 2);
         break;
       case Tt:
-        c[A] = c[A] + (t[d] / 2 - n[d] / 2);
+        c[r] = c[r] + (t[d] / 2 - n[d] / 2);
         break;
     }
   }
@@ -15793,32 +15811,32 @@ function Ta(e) {
 }
 function jt(e, t) {
   t === void 0 && (t = {});
-  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 ? dt : A, g = n.altBoundary, m = g === void 0 ? !1 : g, M = n.padding, h = M === void 0 ? 0 : M, v = Na(typeof h != "number" ? h : Da(h, xt)), p = d === dt ? wr : dt, _ = e.rects.popper, x = e.elements[m ? p : d], N = fA(ft(x) ? x : x.contextElement || Qe(e.elements.popper), i, c), E = st(e.elements.reference), w = Ta({
+  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, r = n.elementContext, d = r === void 0 ? dt : r, g = n.altBoundary, m = g === void 0 ? !1 : g, M = n.padding, h = M === void 0 ? 0 : M, v = Na(typeof h != "number" ? h : Da(h, xt)), p = d === dt ? wr : dt, _ = e.rects.popper, j = e.elements[m ? p : d], N = fA(ft(j) ? j : j.contextElement || Qe(e.elements.popper), i, c), E = st(e.elements.reference), w = Ta({
     reference: E,
     element: _,
     strategy: "absolute",
     placement: a
-  }), S = Kn(Object.assign({}, _, w)), T = d === dt ? S : E, j = {
-    top: N.top - T.top + v.top,
-    bottom: T.bottom - N.bottom + v.bottom,
-    left: N.left - T.left + v.left,
-    right: T.right - N.right + v.right
-  }, L = e.modifiersData.offset;
-  if (d === dt && L) {
-    var z = L[a];
-    Object.keys(j).forEach(function(V) {
-      var B = [Me, be].indexOf(V) >= 0 ? 1 : -1, $ = [ce, be].indexOf(V) >= 0 ? "y" : "x";
-      j[V] += z[$] * B;
+  }), S = Kn(Object.assign({}, _, w)), L = d === dt ? S : E, T = {
+    top: N.top - L.top + v.top,
+    bottom: L.bottom - N.bottom + v.bottom,
+    left: N.left - L.left + v.left,
+    right: L.right - N.right + v.right
+  }, O = e.modifiersData.offset;
+  if (d === dt && O) {
+    var V = O[a];
+    Object.keys(T).forEach(function(x) {
+      var U = [Me, be].indexOf(x) >= 0 ? 1 : -1, $ = [ce, be].indexOf(x) >= 0 ? "y" : "x";
+      T[x] += V[$] * U;
     });
   }
-  return j;
+  return T;
 }
 function aA(e, t) {
   t === void 0 && (t = {});
-  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 = it(f), g = d ? l ? $f : $f.filter(function(h) {
+  var n = t, f = n.placement, a = n.boundary, s = n.rootBoundary, i = n.padding, l = n.flipVariations, c = n.allowedAutoPlacements, r = c === void 0 ? _a : c, d = it(f), g = d ? l ? $f : $f.filter(function(h) {
     return it(h) === d;
   }) : xt, m = g.filter(function(h) {
-    return A.indexOf(h) >= 0;
+    return r.indexOf(h) >= 0;
   });
   m.length === 0 && (m = g);
   var M = m.reduce(function(h, v) {
@@ -15842,50 +15860,50 @@ function sA(e) {
 function iA(e) {
   var t = e.state, n = e.options, f = e.name;
   if (!t.modifiersData[f]._skip) {
-    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, h = M === void 0 ? !0 : M, v = n.allowedAutoPlacements, p = t.options.placement, _ = Te(p), x = _ === p, N = c || (x || !h ? [Pt(p)] : sA(p)), E = [p].concat(N).reduce(function(ze, C) {
+    for (var a = n.mainAxis, s = a === void 0 ? !0 : a, i = n.altAxis, l = i === void 0 ? !0 : i, c = n.fallbackPlacements, r = n.padding, d = n.boundary, g = n.rootBoundary, m = n.altBoundary, M = n.flipVariations, h = M === void 0 ? !0 : M, v = n.allowedAutoPlacements, p = t.options.placement, _ = Te(p), j = _ === p, N = c || (j || !h ? [Pt(p)] : sA(p)), E = [p].concat(N).reduce(function(ze, C) {
       return ze.concat(Te(C) === df ? aA(t, {
         placement: C,
         boundary: d,
         rootBoundary: g,
-        padding: A,
+        padding: r,
         flipVariations: h,
         allowedAutoPlacements: v
       }) : C);
-    }, []), w = t.rects.reference, S = t.rects.popper, T = /* @__PURE__ */ new Map(), j = !0, L = E[0], z = 0; z < E.length; z++) {
-      var V = E[z], B = Te(V), $ = it(V) === nt, J = [ce, be].indexOf(B) >= 0, oe = J ? "width" : "height", G = jt(t, {
-        placement: V,
+    }, []), w = t.rects.reference, S = t.rects.popper, L = /* @__PURE__ */ new Map(), T = !0, O = E[0], V = 0; V < E.length; V++) {
+      var x = E[V], U = Te(x), $ = it(x) === nt, J = [ce, be].indexOf(U) >= 0, oe = J ? "width" : "height", G = jt(t, {
+        placement: x,
         boundary: d,
         rootBoundary: g,
         altBoundary: m,
-        padding: A
+        padding: r
       }), fe = J ? $ ? Me : ue : $ ? be : ce;
       w[oe] > S[oe] && (fe = Pt(fe));
       var Je = Pt(fe), pe = [];
-      if (s && pe.push(G[B] <= 0), l && pe.push(G[fe] <= 0, G[Je] <= 0), pe.every(function(ze) {
+      if (s && pe.push(G[U] <= 0), l && pe.push(G[fe] <= 0, G[Je] <= 0), pe.every(function(ze) {
         return ze;
       })) {
-        L = V, j = !1;
+        O = x, T = !1;
         break;
       }
-      T.set(V, pe);
+      L.set(x, pe);
     }
-    if (j)
+    if (T)
       for (var Ge = h ? 3 : 1, Ze = function(C) {
         var H = E.find(function(Y) {
-          var se = T.get(Y);
-          if (se)
-            return se.slice(0, C).every(function(Ne) {
+          var ie = L.get(Y);
+          if (ie)
+            return ie.slice(0, C).every(function(Ne) {
               return Ne;
             });
         });
         if (H)
-          return L = H, "break";
+          return O = H, "break";
       }, Oe = Ge; Oe > 0; Oe--) {
         var Ye = Ze(Oe);
         if (Ye === "break")
           break;
       }
-    t.placement !== L && (t.modifiersData[f]._skip = !0, t.placement = L, t.reset = !0);
+    t.placement !== O && (t.modifiersData[f]._skip = !0, t.placement = O, t.reset = !0);
   }
 }
 var oA = {
@@ -15919,10 +15937,10 @@ function lA(e) {
     elementContext: "reference"
   }), l = jt(t, {
     altBoundary: !0
-  }), c = Hf(i, f), A = Hf(l, a, s), d = Wf(c), g = Wf(A);
+  }), c = Hf(i, f), r = Hf(l, a, s), d = Wf(c), g = Wf(r);
   t.modifiersData[n] = {
     referenceClippingOffsets: c,
-    popperEscapeOffsets: A,
+    popperEscapeOffsets: r,
     isReferenceHidden: d,
     hasPopperEscaped: g
   }, t.attributes.popper = Object.assign({}, t.attributes.popper, {
@@ -15952,8 +15970,8 @@ function AA(e, t, n) {
 function cA(e) {
   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) {
     return d[g] = AA(g, t.rects, s), d;
-  }, {}), l = i[t.placement], c = l.x, A = l.y;
-  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += c, t.modifiersData.popperOffsets.y += A), t.modifiersData[f] = i;
+  }, {}), l = i[t.placement], c = l.x, r = l.y;
+  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += c, t.modifiersData.popperOffsets.y += r), t.modifiersData[f] = i;
 }
 var uA = {
   name: "offset",
@@ -15982,36 +16000,36 @@ function mA(e) {
   return e === "x" ? "y" : "x";
 }
 function pA(e) {
-  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, h = n.tetherOffset, v = h === void 0 ? 0 : h, p = jt(t, {
+  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, r = n.rootBoundary, d = n.altBoundary, g = n.padding, m = n.tether, M = m === void 0 ? !0 : m, h = n.tetherOffset, v = h === void 0 ? 0 : h, p = jt(t, {
     boundary: c,
-    rootBoundary: A,
+    rootBoundary: r,
     padding: g,
     altBoundary: d
-  }), _ = Te(t.placement), x = it(t.placement), N = !x, E = mf(_), w = mA(E), S = t.modifiersData.popperOffsets, T = t.rects.reference, j = t.rects.popper, L = typeof v == "function" ? v(Object.assign({}, t.rects, {
+  }), _ = Te(t.placement), j = it(t.placement), N = !j, E = mf(_), w = mA(E), S = t.modifiersData.popperOffsets, L = t.rects.reference, T = t.rects.popper, O = typeof v == "function" ? v(Object.assign({}, t.rects, {
     placement: t.placement
-  })) : v, z = typeof L == "number" ? {
-    mainAxis: L,
-    altAxis: L
+  })) : v, V = typeof O == "number" ? {
+    mainAxis: O,
+    altAxis: O
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, L), V = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, B = {
+  }, O), x = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, U = {
     x: 0,
     y: 0
   };
   if (S) {
     if (s) {
-      var $, J = E === "y" ? ce : ue, oe = E === "y" ? be : Me, G = E === "y" ? "height" : "width", fe = S[E], Je = fe + p[J], pe = fe - p[oe], Ge = M ? -j[G] / 2 : 0, Ze = x === nt ? T[G] : j[G], Oe = x === nt ? -j[G] : -T[G], Ye = t.elements.arrow, ze = M && Ye ? gf(Ye) : {
+      var $, J = E === "y" ? ce : ue, oe = E === "y" ? be : Me, G = E === "y" ? "height" : "width", fe = S[E], Je = fe + p[J], pe = fe - p[oe], Ge = M ? -T[G] / 2 : 0, Ze = j === nt ? L[G] : T[G], Oe = j === nt ? -T[G] : -L[G], Ye = t.elements.arrow, ze = M && Ye ? gf(Ye) : {
         width: 0,
         height: 0
-      }, C = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : ka(), H = C[J], Y = C[oe], se = _t(0, T[G], ze[G]), Ne = N ? T[G] / 2 - Ge - se - H - z.mainAxis : Ze - se - H - z.mainAxis, Pe = N ? -T[G] / 2 + Ge + se + Y + z.mainAxis : Oe + se + Y + z.mainAxis, Dn = t.elements.arrow && Vt(t.elements.arrow), Ca = Dn ? E === "y" ? Dn.clientTop || 0 : Dn.clientLeft || 0 : 0, bf = ($ = V == null ? void 0 : V[E]) != null ? $ : 0, Oa = fe + Ne - bf - Ca, za = fe + Pe - bf, Mf = _t(M ? bn(Je, Oa) : Je, fe, M ? He(pe, za) : pe);
-      S[E] = Mf, B[E] = Mf - fe;
+      }, C = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : ka(), H = C[J], Y = C[oe], ie = _t(0, L[G], ze[G]), Ne = N ? L[G] / 2 - Ge - ie - H - V.mainAxis : Ze - ie - H - V.mainAxis, Pe = N ? -L[G] / 2 + Ge + ie + Y + V.mainAxis : Oe + ie + Y + V.mainAxis, Dn = t.elements.arrow && Vt(t.elements.arrow), Ca = Dn ? E === "y" ? Dn.clientTop || 0 : Dn.clientLeft || 0 : 0, bf = ($ = x == null ? void 0 : x[E]) != null ? $ : 0, Oa = fe + Ne - bf - Ca, za = fe + Pe - bf, Mf = _t(M ? bn(Je, Oa) : Je, fe, M ? He(pe, za) : pe);
+      S[E] = Mf, U[E] = Mf - fe;
     }
     if (l) {
-      var _f, La = E === "x" ? ce : ue, Ua = E === "x" ? be : Me, Fe = S[w], zt = w === "y" ? "height" : "width", If = Fe + p[La], wf = Fe - p[Ua], En = [ce, ue].indexOf(_) !== -1, kf = (_f = V == null ? void 0 : V[w]) != null ? _f : 0, Nf = En ? If : Fe - T[zt] - j[zt] - kf + z.altAxis, Df = En ? Fe + T[zt] + j[zt] - kf - z.altAxis : wf, Ef = M && En ? Rr(Nf, Fe, Df) : _t(M ? Nf : If, Fe, M ? Df : wf);
-      S[w] = Ef, B[w] = Ef - Fe;
+      var _f, La = E === "x" ? ce : ue, Ua = E === "x" ? be : Me, Fe = S[w], zt = w === "y" ? "height" : "width", If = Fe + p[La], wf = Fe - p[Ua], En = [ce, ue].indexOf(_) !== -1, kf = (_f = x == null ? void 0 : x[w]) != null ? _f : 0, Nf = En ? If : Fe - L[zt] - T[zt] - kf + V.altAxis, Df = En ? Fe + L[zt] + T[zt] - kf - V.altAxis : wf, Ef = M && En ? Rr(Nf, Fe, Df) : _t(M ? Nf : If, Fe, M ? Df : wf);
+      S[w] = Ef, U[w] = Ef - Fe;
     }
-    t.modifiersData[f] = B;
+    t.modifiersData[f] = U;
   }
 }
 var hA = {
@@ -16114,8 +16132,8 @@ function Jf() {
 function NA(e) {
   e === void 0 && (e = {});
   var t = e, n = t.defaultModifiers, f = n === void 0 ? [] : n, a = t.defaultOptions, s = a === void 0 ? Kf : a;
-  return function(l, c, A) {
-    A === void 0 && (A = s);
+  return function(l, c, r) {
+    r === void 0 && (r = s);
     var d = {
       placement: "bottom",
       orderedModifiers: [],
@@ -16130,8 +16148,8 @@ function NA(e) {
     }, g = [], m = !1, M = {
       state: d,
       setOptions: function(_) {
-        var x = typeof _ == "function" ? _(d.options) : _;
-        v(), d.options = Object.assign({}, s, d.options, x), d.scrollParents = {
+        var j = typeof _ == "function" ? _(d.options) : _;
+        v(), d.options = Object.assign({}, s, d.options, j), d.scrollParents = {
           reference: ft(l) ? It(l) : l.contextElement ? It(l.contextElement) : [],
           popper: It(c)
         };
@@ -16142,24 +16160,24 @@ function NA(e) {
       },
       forceUpdate: function() {
         if (!m) {
-          var _ = d.elements, x = _.reference, N = _.popper;
-          if (Jf(x, N)) {
+          var _ = d.elements, j = _.reference, N = _.popper;
+          if (Jf(j, N)) {
             d.rects = {
-              reference: MA(x, Vt(N), d.options.strategy === "fixed"),
+              reference: MA(j, Vt(N), d.options.strategy === "fixed"),
               popper: gf(N)
-            }, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(z) {
-              return d.modifiersData[z.name] = Object.assign({}, z.data);
+            }, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(V) {
+              return d.modifiersData[V.name] = Object.assign({}, V.data);
             });
             for (var E = 0; E < d.orderedModifiers.length; E++) {
               if (d.reset === !0) {
                 d.reset = !1, E = -1;
                 continue;
               }
-              var w = d.orderedModifiers[E], S = w.fn, T = w.options, j = T === void 0 ? {} : T, L = w.name;
+              var w = d.orderedModifiers[E], S = w.fn, L = w.options, T = L === void 0 ? {} : L, O = w.name;
               typeof S == "function" && (d = S({
                 state: d,
-                options: j,
-                name: L,
+                options: T,
+                name: O,
                 instance: M
               }) || d);
             }
@@ -16177,12 +16195,12 @@ function NA(e) {
     };
     if (!Jf(l, c))
       return M;
-    M.setOptions(A).then(function(p) {
-      !m && A.onFirstUpdate && A.onFirstUpdate(p);
+    M.setOptions(r).then(function(p) {
+      !m && r.onFirstUpdate && r.onFirstUpdate(p);
     });
     function h() {
       d.orderedModifiers.forEach(function(p) {
-        var _ = p.name, x = p.options, N = x === void 0 ? {} : x, E = p.effect;
+        var _ = p.name, j = p.options, N = j === void 0 ? {} : j, E = p.effect;
         if (typeof E == "function") {
           var w = E({
             state: d,
@@ -16218,16 +16236,16 @@ function TA(e, t, n, f = []) {
     e[s].forEach((l) => {
       var c;
       if (l[kn][0].includes(t.toLocaleLowerCase())) {
-        let A = l[va];
+        let r = l[va];
         if (n !== yn && Array.isArray(l[Rt])) {
           const d = ((c = l[Rt]) == null ? void 0 : c.findIndex(
             (g) => g.includes(n)
           )) || -1;
-          d !== -1 && l[Rt] && (A = l[Rt][d]);
+          d !== -1 && l[Rt] && (r = l[Rt][d]);
         }
         return i.push({
           ...l,
-          [Et]: A
+          [Et]: r
         });
       }
     }), i.length && (a[s] = i);
@@ -16260,7 +16278,7 @@ const jA = W({
       e.search,
       e.skinTone,
       e.options.disabledGroups
-    )), s = Ra(), i = Q(() => !e.options.hideGroupNames), l = Q(() => !e.options.disableStickyGroupNames), c = na(e.options.groupNames), A = e.orderedGroupKeys;
+    )), s = Ra(), i = Q(() => !e.options.hideGroupNames), l = Q(() => !e.options.disableStickyGroupNames), c = na(e.options.groupNames), r = e.orderedGroupKeys;
     e.options.additionalGroups && Object.keys(e.options.additionalGroups).map((h) => {
       e.options.groupNames[h] ? c[h] = e.options.groupNames[h] : c[h] = Va(h);
     });
@@ -16303,7 +16321,7 @@ const jA = W({
       isSticky: l,
       platform: d,
       groupNames: c,
-      orderedKeys: A
+      orderedKeys: r
     };
   }
 }), xA = { class: "v3-body" }, VA = ["id"], SA = { class: "v3-emojis" }, CA = ["onMouseenter", "onClick"], OA = { key: 0 }, zA = ["src", "alt", "onError"], LA = {
@@ -16311,30 +16329,30 @@ const jA = W({
   class: "v3-no-result"
 };
 function UA(e, t, n, f, a, s) {
-  return r(), u("div", xA, [
+  return A(), u("div", xA, [
     o("div", {
       ref: "bodyInner",
-      class: O([e.platform, "v3-body-inner"])
+      class: z([e.platform, "v3-body-inner"])
     }, [
-      e.orderedKeys.length ? (r(!0), u(q, { key: 0 }, te(e.orderedKeys, (i) => (r(), u("div", {
+      e.orderedKeys.length ? (A(!0), u(q, { key: 0 }, te(e.orderedKeys, (i) => (A(), u("div", {
         id: i,
         key: i,
         class: "v3-group"
       }, [
-        e.hasGroupNames ? Ae((r(), u("h5", {
+        e.hasGroupNames ? Ae((A(), u("h5", {
           key: 0,
-          class: O(e.isSticky ? "v3-sticky" : "")
+          class: z(e.isSticky ? "v3-sticky" : "")
         }, k(e.groupNames[i]), 3)), [
           [We, e.emojis[i]]
         ]) : y("", !0),
         Ae(o("div", SA, [
-          (r(!0), u(q, null, te(e.emojis[i], (l) => (r(), u("button", {
+          (A(!0), u(q, null, te(e.emojis[i], (l) => (A(), u("button", {
             key: l.r,
             type: "button",
             onMouseenter: (c) => e.handleMouseEnter(l),
             onClick: (c) => e.handleClick(l)
           }, [
-            e.native ? (r(), u("span", OA, k(e.unicodeToEmoji(l.r)), 1)) : (r(), u("img", {
+            e.native ? (A(), u("span", OA, k(e.unicodeToEmoji(l.r)), 1)) : (A(), u("img", {
               key: 1,
               src: e.EMOJI_REMOTE_SRC + `/${l.r}.png`,
               alt: l.n[0],
@@ -16344,7 +16362,7 @@ function UA(e, t, n, f, a, s) {
         ], 512), [
           [We, e.emojis[i]]
         ])
-      ], 8, VA))), 128)) : (r(), u("span", LA, " No emoji has been found! "))
+      ], 8, VA))), 128)) : (A(), u("span", LA, " No emoji has been found! "))
     ], 2)
   ]);
 }
@@ -16357,7 +16375,7 @@ const WA = W({
     ), c = Q({
       get: () => t.search,
       set: (g) => n(g)
-    }), A = [
+    }), r = [
       ...t.groups,
       ...Object.keys(t.options.additionalGroups).map((g) => ({
         key: g,
@@ -16365,8 +16383,8 @@ const WA = W({
       }))
     ], d = [];
     return i.forEach((g) => {
-      const m = A.findIndex((M) => M.key === g);
-      m !== -1 && (d.push(A[m]), A.splice(m, 1));
+      const m = r.findIndex((M) => M.key === g);
+      m !== -1 && (d.push(r[m]), r.splice(m, 1));
     }), {
       orderedGroups: d,
       orderedKeys: i,
@@ -16403,12 +16421,12 @@ const WA = W({
   class: "v3-search"
 }, nc = ["placeholder"];
 function fc(e, t, n, f, a, s) {
-  return e.hasGroupIcons || e.hasSearch ? (r(), u("div", KA, [
-    e.hasGroupIcons ? (r(), u("div", JA, [
-      (r(!0), u(q, null, te(e.orderedGroups, (i) => (r(), u("button", {
+  return e.hasGroupIcons || e.hasSearch ? (A(), u("div", KA, [
+    e.hasGroupIcons ? (A(), u("div", JA, [
+      (A(!0), u(q, null, te(e.orderedGroups, (i) => (A(), u("button", {
         key: i.key,
         type: "button",
-        class: O(["v3-group", {
+        class: z(["v3-group", {
           "v3-is-hidden": !e.icons[i.key]
         }]),
         onClick: (l) => e.updateActiveGroup(i.key)
@@ -16424,8 +16442,8 @@ function fc(e, t, n, f, a, s) {
         ], 8, ZA)
       ], 10, GA))), 128))
     ])) : y("", !0),
-    e.hasGroupIcons && e.hasSearch ? (r(), u("div", ec)) : y("", !0),
-    e.hasSearch ? (r(), u("div", tc, [
+    e.hasGroupIcons && e.hasSearch ? (A(), u("div", ec)) : y("", !0),
+    e.hasSearch ? (A(), u("div", tc, [
       Ae(o("input", {
         "onUpdate:modelValue": t[0] || (t[0] = (i) => e.searchValue = i),
         type: "text",
@@ -16446,14 +16464,14 @@ const sc = W({
       ...e.emoji,
       src: pa + "/" + e.emoji[Et] + ".png"
     }));
-    function A(m = !0) {
+    function r(m = !0) {
       n.value = m;
     }
     function d() {
       n.value = !n.value;
     }
     function g(m) {
-      t(m), A(!1);
+      t(m), r(!1);
     }
     return X(
       () => e.emoji,
@@ -16463,7 +16481,7 @@ const sc = W({
     ), {
       emoji: c,
       SKIN_TONES: Gl,
-      updateSkinToneState: A,
+      updateSkinToneState: r,
       skinTone: n,
       stateSkinTone: a,
       selectSkinTone: g,
@@ -16480,15 +16498,15 @@ const sc = W({
   }
 }), ic = { class: "v3-foot-left" }, oc = { key: 0 }, lc = ["alt", "src"], rc = { class: "v3-text" }, Ac = { class: "v3-text" }, cc = ["onClick"];
 function uc(e, t, n, f, a, s) {
-  return r(), u("div", {
+  return A(), u("div", {
     class: "v3-footer",
     onMouseleave: t[2] || (t[2] = (i) => e.updateSkinToneState(!1))
   }, [
     o("div", ic, [
       o("span", {
-        class: O([e.platform, "v3-icon"])
+        class: z([e.platform, "v3-icon"])
       }, [
-        e.native || e.hasError ? (r(), u("span", oc, k(e.unicodeToEmoji(e.emoji.r)), 1)) : (r(), u("img", {
+        e.native || e.hasError ? (A(), u("span", oc, k(e.unicodeToEmoji(e.emoji.r)), 1)) : (A(), u("img", {
           key: 1,
           alt: e.unicodeToEmoji(e.emoji.r),
           src: e.emoji.src,
@@ -16497,7 +16515,7 @@ function uc(e, t, n, f, a, s) {
       ], 2),
       o("span", rc, " :" + k(e.emoji[e.EMOJI_NAME_KEY][1] || e.emoji[e.EMOJI_NAME_KEY][0]) + ": ", 1)
     ]),
-    e.hasSkinTones ? (r(), u(q, { key: 0 }, [
+    e.hasSkinTones ? (A(), u(q, { key: 0 }, [
       o("button", {
         type: "button",
         class: "v3-tone",
@@ -16505,16 +16523,16 @@ function uc(e, t, n, f, a, s) {
       }, [
         o("span", Ac, k(e.skinToneText), 1),
         o("span", {
-          class: O(`v3-icon v3-tone-${e.stateSkinTone}`)
+          class: z(`v3-icon v3-tone-${e.stateSkinTone}`)
         }, null, 2)
       ]),
       o("div", {
-        class: O([e.skinTone ? "v3-is-open" : "", "v3-skin-tones"])
+        class: z([e.skinTone ? "v3-is-open" : "", "v3-skin-tones"])
       }, [
-        (r(!0), u(q, null, te(e.SKIN_TONES, (i) => (r(), u("button", {
+        (A(!0), u(q, null, te(e.SKIN_TONES, (i) => (A(), u("button", {
           key: i,
           type: "button",
-          class: O(["v3-skin-tone-" + i, "v3-skin-tone"]),
+          class: z(["v3-skin-tone-" + i, "v3-skin-tone"]),
           onClick: (l) => e.selectSkinTone(i)
         }, null, 10, cc))), 128))
       ], 2)
@@ -16562,10 +16580,10 @@ const gc = W({
   setup(e, { emit: t }) {
     const n = b(), f = b(), a = b(), s = b(!1), i = b(e.text), l = e.type === "input" || e.type === "textarea";
     let c = -1;
-    const { state: A } = ee("store"), d = Q(() => A.options.colorTheme);
+    const { state: r } = ee("store"), d = Q(() => r.options.colorTheme);
     function g(p) {
       if (l) {
-        const _ = A.options.mode;
+        const _ = r.options.mode;
         _ === "prepend" ? i.value = p.i + i.value : _ === "insert" && c !== -1 ? (i.value = `${i.value.slice(0, c)}${p.i}${i.value.slice(c)}`, c += p.i.length) : i.value += p.i, t("update:text", i.value);
       }
       t("select", p);
@@ -16582,7 +16600,7 @@ const gc = W({
     }
     function h() {
       if (f.value && a.value && l) {
-        let p = A.options.offset;
+        let p = r.options.offset;
         typeof p != "number" && (p = 6), EA(f.value, a.value, {
           placement: "bottom-end",
           modifiers: [
@@ -16623,32 +16641,32 @@ const gc = W({
 }, pc = { class: "v3-input-picker-root" }, hc = ["value"], vc = ["value"], yc = ["src"];
 function bc(e, t, n, f, a, s) {
   const i = $t("Header"), l = $t("Body"), c = $t("Footer");
-  return e.isInputType ? (r(), u("div", mc, [
+  return e.isInputType ? (A(), u("div", mc, [
     o("div", pc, [
-      e.type === "input" ? (r(), u("input", {
+      e.type === "input" ? (A(), u("input", {
         key: 0,
         ref: "elem",
         value: e.input,
         type: "text",
         class: "v3-emoji-picker-input",
-        onInput: t[0] || (t[0] = (...A) => e.onChangeText && e.onChangeText(...A)),
-        onBlur: t[1] || (t[1] = (...A) => e.updateCursor && e.updateCursor(...A))
-      }, null, 40, hc)) : (r(), u("textarea", {
+        onInput: t[0] || (t[0] = (...r) => e.onChangeText && e.onChangeText(...r)),
+        onBlur: t[1] || (t[1] = (...r) => e.updateCursor && e.updateCursor(...r))
+      }, null, 40, hc)) : (A(), u("textarea", {
         key: 1,
         ref: "elem",
         value: e.input,
         class: "v3-emoji-picker-textarea",
-        onInput: t[2] || (t[2] = (...A) => e.onChangeText && e.onChangeText(...A)),
-        onBlur: t[3] || (t[3] = (...A) => e.updateCursor && e.updateCursor(...A))
+        onInput: t[2] || (t[2] = (...r) => e.onChangeText && e.onChangeText(...r)),
+        onBlur: t[3] || (t[3] = (...r) => e.updateCursor && e.updateCursor(...r))
       }, null, 40, vc)),
       o("div", {
-        class: O(["v3-input-picker-wrap", e.open ? "v3-picker-is-open" : ""])
+        class: z(["v3-input-picker-wrap", e.open ? "v3-picker-is-open" : ""])
       }, [
         o("button", {
           ref: "button",
           type: "button",
           class: "v3-input-picker-icon",
-          onClick: t[4] || (t[4] = (A) => e.open = !e.open)
+          onClick: t[4] || (t[4] = (r) => e.open = !e.open)
         }, [
           o("img", {
             src: e.face,
@@ -16657,7 +16675,7 @@ function bc(e, t, n, f, a, s) {
         ], 512),
         o("div", {
           ref: "picker",
-          class: O(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
+          class: z(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
         }, [
           F(i),
           F(l, { onSelect: e.onSelect }, null, 8, ["onSelect"]),
@@ -16665,9 +16683,9 @@ function bc(e, t, n, f, a, s) {
         ], 2)
       ], 2)
     ])
-  ])) : (r(), u("div", {
+  ])) : (A(), u("div", {
     key: 1,
-    class: O(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
+    class: z(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
   }, [
     F(i),
     F(l, { onSelect: e.onSelect }, null, 8, ["onSelect"]),
@@ -16790,7 +16808,7 @@ const _c = W({
 });
 function Ic(e, t, n, f, a, s) {
   const i = $t("picker-root");
-  return r(), R(i, {
+  return A(), R(i, {
     type: e.type,
     text: e.input,
     onSelect: t[0] || (t[0] = (l) => e.$emit("select", l)),
@@ -16817,7 +16835,7 @@ const kc = {
         return "dark";
     }), c = (M) => {
       s(i().text + M.i);
-    }, A = () => {
+    }, r = () => {
       t.mode == "click" && t.state == "active" && (n.value.style.display = "inherit");
     }, d = () => {
       t.mode == "hover" && t.state == "active" && (n.value.style.display = "inherit");
@@ -16830,13 +16848,13 @@ const kc = {
       n.value.style.display = "none", document.addEventListener("click", m);
     }), Ke(() => {
       document.removeEventListener("click", m);
-    }), (M, h) => (r(), u(q, null, [
-      D(i)().isRecording ? y("", !0) : (r(), u("div", {
+    }), (M, h) => (A(), u(q, null, [
+      D(i)().isRecording ? y("", !0) : (A(), u("div", {
         key: 0,
         ref_key: "emojiButton",
         ref: f,
-        class: O(["button", { "button-disabled": e.state == "disabled" }]),
-        onClick: A,
+        class: z(["button", { "button-disabled": e.state == "disabled" }]),
+        onClick: r,
         onMouseover: d,
         onMouseout: g
       }, h[0] || (h[0] = [
@@ -16863,7 +16881,7 @@ const kc = {
       })
     ], 64));
   }
-}, Cg = /* @__PURE__ */ U(kc, [["__scopeId", "data-v-83befe43"]]), Nc = { class: "context-menu__container" }, Dc = { class: "context-menu__list" }, Ec = ["onClick"], Tc = ["src"], jc = {
+}, Cg = /* @__PURE__ */ B(kc, [["__scopeId", "data-v-83befe43"]]), Nc = { class: "context-menu__container" }, Dc = { class: "context-menu__list" }, Ec = ["onClick"], Tc = ["src"], jc = {
   __name: "ContextMenu",
   props: {
     actions: {
@@ -16877,28 +16895,28 @@ const kc = {
       const i = n.actions[s];
       f("click", i);
     };
-    return (s, i) => (r(), u("div", Nc, [
+    return (s, i) => (A(), u("div", Nc, [
       o("ul", Dc, [
-        (r(!0), u(q, null, te(n.actions, (l, c) => (r(), u("li", {
+        (A(!0), u(q, null, te(n.actions, (l, c) => (A(), u("li", {
           key: c,
           class: "context-menu__item",
-          onClick: (A) => a(c)
+          onClick: (r) => a(c)
         }, [
-          l.icon ? (r(), u("img", {
+          l.icon ? (A(), u("img", {
             key: 0,
             src: l.icon,
             width: "18",
             height: "18"
-          }, null, 8, Tc)) : l.prime ? (r(), u("i", {
+          }, null, 8, Tc)) : l.prime ? (A(), u("i", {
             key: 1,
-            class: O("pi pi-" + l.prime)
+            class: z("pi pi-" + l.prime)
           }, null, 2)) : y("", !0),
           o("span", null, k(l.title), 1)
         ], 8, Ec))), 128))
       ])
     ]));
   }
-}, $e = /* @__PURE__ */ U(jc, [["__scopeId", "data-v-92d6d8b5"]]), gt = b([]), xc = (e) => {
+}, $e = /* @__PURE__ */ B(jc, [["__scopeId", "data-v-92d6d8b5"]]), gt = b([]), xc = (e) => {
   const t = b(0);
   let n = gt.value.find(({ id: a }) => a == e);
   return n != null ? t.value = gt.value.indexOf(n) : (gt.value.push({
@@ -16939,14 +16957,14 @@ const Sc = { class: "feed-search__container" }, Cc = { style: { "line-height": "
         l.value == f().text ? a("search", f().text) : l.value = f().text;
       }
     );
-    const A = () => {
+    const r = () => {
       const d = D(i);
       d && (d.value = ""), f().text = "", a("cancel");
     };
     return le(() => {
       const d = D(i);
       d == null || d.focus();
-    }), (d, g) => (r(), R(Z, null, {
+    }), (d, g) => (A(), R(Z, null, {
       default: K(() => [
         o("div", Sc, [
           o("span", Cc, k(D(me)("component.FeedSearch.SearchLabel")), 1),
@@ -16962,10 +16980,10 @@ const Sc = { class: "feed-search__container" }, Cc = { style: { "line-height": "
           ]),
           o("i", {
             class: "pi pi-times",
-            onClick: A,
-            style: ie({ right: c.value })
+            onClick: r,
+            style: se({ right: c.value })
           }, null, 4),
-          e.isFeedLocation ? (r(), u("span", {
+          e.isFeedLocation ? (A(), u("span", {
             key: 0,
             class: "pi pi-refresh",
             style: { "margin-left": "5px", "margin-top": "10px", cursor: "pointer" },
@@ -16976,7 +16994,7 @@ const Sc = { class: "feed-search__container" }, Cc = { style: { "line-height": "
       _: 1
     }));
   }
-}), Og = /* @__PURE__ */ U(zc, [["__scopeId", "data-v-d91a628f"]]), Lc = { class: "feed-found-item__avatar-container" }, Uc = ["src"], Bc = {
+}), Og = /* @__PURE__ */ B(zc, [["__scopeId", "data-v-d91a628f"]]), Lc = { class: "feed-found-item__avatar-container" }, Uc = ["src"], Bc = {
   key: 1,
   class: "pi pi-user"
 }, Rc = { class: "feed-found-item__info" }, Qc = { class: "feed-found-item__first-line" }, $c = { class: "feed-found-item__name" }, Yc = { class: "feed-found-item__time" }, Pc = { class: "feed-found-item__second-line" }, Fc = ["src"], qc = /* @__PURE__ */ W({
@@ -17001,16 +17019,16 @@ const Sc = { class: "feed-search__container" }, Cc = { style: { "line-height": "
       };
       return f[t.object.type] ? f[t.object.type] : null;
     });
-    return (f, a) => (r(), u("div", {
-      class: O(["feed-found-item__container", { "feed-found-item__selected-container": e.selected }])
+    return (f, a) => (A(), u("div", {
+      class: z(["feed-found-item__container", { "feed-found-item__selected-container": e.selected }])
     }, [
       o("div", Lc, [
-        e.object.avatar ? (r(), u("img", {
+        e.object.avatar ? (A(), u("img", {
           key: 0,
           src: e.object.avatar,
           width: "48",
           height: "48"
-        }, null, 8, Uc)) : (r(), u("span", Bc))
+        }, null, 8, Uc)) : (A(), u("span", Bc))
       ]),
       o("div", Rc, [
         o("div", Qc, [
@@ -17018,16 +17036,16 @@ const Sc = { class: "feed-search__container" }, Cc = { style: { "line-height": "
           o("p", Yc, k(e.object.time), 1)
         ]),
         o("div", Pc, [
-          e.object.type == "message.image" ? (r(), u("img", {
+          e.object.type == "message.image" ? (A(), u("img", {
             key: 0,
             src: e.object.url,
             style: { "margin-right": "3px" },
             width: "24",
             height: "24"
           }, null, 8, Fc)) : y("", !0),
-          n.value ? (r(), u("span", {
+          n.value ? (A(), u("span", {
             key: 1,
-            class: O(n.value),
+            class: z(n.value),
             style: { "margin-right": "3px", "font-size": "20px" }
           }, null, 2)) : y("", !0),
           o("p", null, k(e.object.text), 1)
@@ -17035,7 +17053,7 @@ const Sc = { class: "feed-search__container" }, Cc = { style: { "line-height": "
       ])
     ], 2));
   }
-}), Hc = /* @__PURE__ */ U(qc, [["__scopeId", "data-v-5769425d"]]), Wc = { style: { "padding-left": "12px" } }, Kc = ["onClick"], Jc = {
+}), Hc = /* @__PURE__ */ B(qc, [["__scopeId", "data-v-5769425d"]]), Wc = { style: { "padding-left": "12px" } }, Kc = ["onClick"], Jc = {
   key: 1,
   class: "feed-found-objects__placeholder"
 }, Gc = /* @__PURE__ */ W({
@@ -17060,22 +17078,22 @@ const Sc = { class: "feed-search__container" }, Cc = { style: { "line-height": "
     const n = t, f = e, a = b(), s = b(null), i = Q(() => {
       if (f.notFound) return me("component.FeedFoundObjects.notFound");
       if (!f.notFound) return me("component.FeedFoundObjects.notSearched");
-    }), l = (A) => {
-      A.messageId && (n("clickedSearch", A.messageId), s.value = A);
+    }), l = (r) => {
+      r.messageId && (n("clickedSearch", r.messageId), s.value = r);
     }, c = () => {
-      const A = D(a);
-      A.scrollHeight - A.scrollTop - A.clientHeight <= 0 && n("loadMore");
+      const r = D(a);
+      r.scrollHeight - r.scrollTop - r.clientHeight <= 0 && n("loadMore");
     };
-    return (A, d) => (r(), u(q, null, [
+    return (r, d) => (A(), u(q, null, [
       o("h3", Wc, k(D(me)("component.FeedFoundObjects.results")) + ": " + k(e.foundAmount), 1),
-      e.foundAmount > 0 ? (r(), u("div", {
+      e.foundAmount > 0 ? (A(), u("div", {
         key: 0,
         class: "feed-found-objects__items",
         ref_key: "refItems",
         ref: a,
         onScroll: c
       }, [
-        (r(!0), u(q, null, te(e.objects, (g) => (r(), u("div", {
+        (A(!0), u(q, null, te(e.objects, (g) => (A(), u("div", {
           onClick: (m) => l(g)
         }, [
           F(Hc, {
@@ -17083,12 +17101,12 @@ const Sc = { class: "feed-search__container" }, Cc = { style: { "line-height": "
             selected: g == s.value
           }, null, 8, ["object", "selected"])
         ], 8, Kc))), 256))
-      ], 544)) : e.foundAmount == 0 ? (r(), u("div", Jc, [
+      ], 544)) : e.foundAmount == 0 ? (A(), u("div", Jc, [
         o("p", null, k(i.value), 1)
       ])) : y("", !0)
     ], 64));
   }
-}), zg = /* @__PURE__ */ U(Gc, [["__scopeId", "data-v-c32de248"]]), Zc = { class: "audio-recorder__container" }, Xc = { key: 0 }, eu = {
+}), zg = /* @__PURE__ */ B(Gc, [["__scopeId", "data-v-c32de248"]]), Zc = { class: "audio-recorder__container" }, Xc = { key: 0 }, eu = {
   key: 1,
   class: "audio-recorder__recording-container"
 }, tu = { class: "audio-recorder__recording-time" }, nu = /* @__PURE__ */ W({
@@ -17105,82 +17123,82 @@ const Sc = { class: "feed-search__container" }, Cc = { style: { "line-height": "
   },
   emits: ["send", "typing"],
   setup(e, { emit: t }) {
-    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(() => {
-      let L = g.value < 10 ? "0" + g.value : g.value, z = d.value < 10 ? "0" + d.value : d.value, V = A.value < 10 ? "0" + A.value : A.value, B = c.value < 10 ? "00" + c.value : c.value < 100 ? "0" + c.value : c.value;
-      return L + ":" + z + ":" + V + ":" + B;
-    }), M = b(""), h = b(!1), v = b(), p = b([]), _ = b(), x = b(), N = e, E = async () => {
-      const L = await navigator.mediaDevices.getUserMedia({ audio: !0, video: !1 });
+    const n = ee("chatAppId"), { getMessage: f, setMessageFile: a, resetMessageFile: s, setRecordingMessage: i } = Ie(n), l = b(), c = b(0), r = b(0), d = b(0), g = b(0), m = Q(() => {
+      let O = g.value < 10 ? "0" + g.value : g.value, V = d.value < 10 ? "0" + d.value : d.value, x = r.value < 10 ? "0" + r.value : r.value, U = c.value < 10 ? "00" + c.value : c.value < 100 ? "0" + c.value : c.value;
+      return O + ":" + V + ":" + x + ":" + U;
+    }), M = b(""), h = b(!1), v = b(), p = b([]), _ = b(), j = b(), N = e, E = async () => {
+      const O = await navigator.mediaDevices.getUserMedia({ audio: !0, video: !1 });
       l.value = setInterval(() => {
-        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++)));
-      }, 10), i(!0), h.value = !0, v.value = new MediaRecorder(L), v.value.start(), v.value.ondataavailable = (z) => {
-        p.value.push(z.data);
+        c.value += 10, c.value == 1e3 && (c.value = 0, r.value++, r.value == 60 && (r.value = 0, d.value++, d.value == 60 && (d.value = 0, g.value++)));
+      }, 10), i(!0), h.value = !0, v.value = new MediaRecorder(O), v.value.start(), v.value.ondataavailable = (V) => {
+        p.value.push(V.data);
       };
     }, w = () => {
-      T(), _.value = void 0;
+      L(), _.value = void 0;
     }, S = () => {
       v.value && (v.value.stop(), v.value.onstop = async () => {
-        const L = new File(p.value, "voicemessage.mp3", { type: "audio/*" }), z = URL.createObjectURL(L);
-        _.value = z, M.value = "uploading", await wn(N.filebumpUrl, L).then((V) => {
-          M.value = V.status, V.status == "success" && (a({
-            url: V.url,
-            name: V.name,
-            size: V.size,
-            type: V.type
-          }), V.preview && (x.value = {
-            previewUrl: V.preview.previewUrl,
-            isImage: V.preview.isImage,
-            isVideo: V.preview.isVideo,
-            isAudio: V.preview.isAudio,
-            fileName: V.name,
-            fileSize: V.preview.fileSize
+        const O = new File(p.value, "voicemessage.mp3", { type: "audio/*" }), V = URL.createObjectURL(O);
+        _.value = V, M.value = "uploading", await wn(N.filebumpUrl, O).then((x) => {
+          M.value = x.status, x.status == "success" && (a({
+            url: x.url,
+            name: x.name,
+            size: x.size,
+            type: x.type
+          }), x.preview && (j.value = {
+            previewUrl: x.preview.previewUrl,
+            isImage: x.preview.isImage,
+            isVideo: x.preview.isVideo,
+            isAudio: x.preview.isAudio,
+            fileName: x.name,
+            fileSize: x.preview.fileSize
           }));
         });
-      }), T();
+      }), L();
+    }, L = () => {
+      clearInterval(l.value), c.value = 0, r.value = 0, d.value = 0, g.value = 0, i(!1), h.value = !1, v.value = void 0, p.value = [];
     }, T = () => {
-      clearInterval(l.value), c.value = 0, A.value = 0, d.value = 0, g.value = 0, i(!1), h.value = !1, v.value = void 0, p.value = [];
-    }, j = () => {
-      s(), x.value = void 0;
+      s(), j.value = void 0;
     };
-    return (L, z) => (r(), u("div", Zc, [
-      M.value === "uploading" ? (r(), u("div", Xc, z[0] || (z[0] = [
+    return (O, V) => (A(), u("div", Zc, [
+      M.value === "uploading" ? (A(), u("div", Xc, V[0] || (V[0] = [
         o("p", null, "Загрузка файла...", -1)
       ]))) : y("", !0),
-      h.value && M.value != "uploading" ? (r(), u("div", eu, [
-        z[3] || (z[3] = o("span", { class: "audio-recorder__recording-icon pi pi-circle-fill" }, null, -1)),
+      h.value && M.value != "uploading" ? (A(), u("div", eu, [
+        V[3] || (V[3] = o("span", { class: "audio-recorder__recording-icon pi pi-circle-fill" }, null, -1)),
         o("span", tu, k(m.value), 1),
         o("button", {
           class: "audio-recorder__button audio-recorder__button-record",
           onClick: w
-        }, z[1] || (z[1] = [
+        }, V[1] || (V[1] = [
           o("span", { class: "pi pi-trash" }, null, -1)
         ])),
         o("button", {
           class: "audio-recorder__button audio-recorder__button-record",
           onClick: S
-        }, z[2] || (z[2] = [
+        }, V[2] || (V[2] = [
           o("span", { class: "pi pi-stop" }, null, -1)
         ]))
       ])) : y("", !0),
-      !h.value && M.value != "uploading" && !D(f)().isRecording ? (r(), u("button", {
+      !h.value && M.value != "uploading" && !D(f)().isRecording ? (A(), u("button", {
         key: 2,
-        class: O(["audio-recorder__button", { "audio-recorder__button-disabled": e.state == "disabled" }]),
+        class: z(["audio-recorder__button", { "audio-recorder__button-disabled": e.state == "disabled" }]),
         onClick: E
-      }, z[4] || (z[4] = [
+      }, V[4] || (V[4] = [
         o("span", { class: "pi pi-microphone" }, null, -1)
       ]), 2)) : y("", !0),
-      D(f)().file ? (r(), R(_e, {
+      D(f)().file ? (A(), R(_e, {
         key: 3,
         to: "#chat-input-file-line-" + D(n)
       }, [
-        x.value ? (r(), R(In, {
+        j.value ? (A(), R(In, {
           key: 0,
-          "file-info": x.value,
-          onReset: j
+          "file-info": j.value,
+          onReset: T
         }, null, 8, ["file-info"])) : y("", !0)
       ], 8, ["to"])) : y("", !0)
     ]));
   }
-}), Lg = /* @__PURE__ */ U(nu, [["__scopeId", "data-v-3858ecbb"]]);
+}), Lg = /* @__PURE__ */ B(nu, [["__scopeId", "data-v-3858ecbb"]]);
 function Ct({ component: e, attrs: t, Modal: n, modalAttrs: f }) {
   return new Promise((a) => {
     const s = document.createElement("div");
@@ -17189,7 +17207,7 @@ function Ct({ component: e, attrs: t, Modal: n, modalAttrs: f }) {
       g.unmount(), document.body.removeChild(s);
     }, c = () => {
       l(), a(i.value);
-    }, A = (m) => {
+    }, r = (m) => {
       Object.keys(m).forEach((M) => {
         i.value[M] = m[M];
       });
@@ -17207,7 +17225,7 @@ function Ct({ component: e, attrs: t, Modal: n, modalAttrs: f }) {
               Ya(() => e),
               {
                 ...t,
-                onChange: A,
+                onChange: r,
                 onSubmit: c,
                 onClose: l
               }
@@ -17241,7 +17259,7 @@ const fu = ["data-theme"], au = {
     const n = t, f = (a) => {
       a.target.classList.contains("modal-backdrop") && n("close");
     };
-    return (a, s) => (r(), R(Z, { name: "modal-fade" }, {
+    return (a, s) => (A(), R(Z, { name: "modal-fade" }, {
       default: K(() => [
         o("div", {
           class: "modal-backdrop",
@@ -17272,10 +17290,10 @@ const fu = ["data-theme"], au = {
       _: 3
     }));
   }
-}, yf = /* @__PURE__ */ U(ou, [["__scopeId", "data-v-273f65a1"]]), Ug = async (e, t) => {
+}, yf = /* @__PURE__ */ B(ou, [["__scopeId", "data-v-273f65a1"]]), Ug = async (e, t) => {
   const n = await Ct({
     //в component должен быть встроен emit change(key: value)
-    component: import("./SelectUser2-BvGbjikG.js"),
+    component: import("./SelectUser2-D8tOyzpd.js"),
     attrs: {
       title: e,
       users: t
@@ -17325,7 +17343,7 @@ const fu = ["data-theme"], au = {
     const n = t, f = (a) => {
       a.target.classList.contains("modal-backdrop") && n("close");
     };
-    return (a, s) => (r(), R(Z, { name: "modal-fade" }, {
+    return (a, s) => (A(), R(Z, { name: "modal-fade" }, {
       default: K(() => [
         o("div", {
           "data-theme": e.theme,
@@ -17342,9 +17360,9 @@ const fu = ["data-theme"], au = {
       _: 3
     }));
   }
-}, Sa = /* @__PURE__ */ U(cu, [["__scopeId", "data-v-738b3092"]]), Qg = async (e, t, n, f, a) => await Ct({
+}, Sa = /* @__PURE__ */ B(cu, [["__scopeId", "data-v-738b3092"]]), Qg = async (e, t, n, f, a) => await Ct({
   //в component должен быть встроен emit change(key: value)
-  component: import("./CreateDialog-CyLFI0aC.js"),
+  component: import("./CreateDialog-Rg0fmoAU.js"),
   attrs: {
     title: e,
     name: t,
@@ -17357,7 +17375,7 @@ const fu = ["data-theme"], au = {
   }
 }), uu = async (e) => await Ct({
   //в component должен быть встроен emit change(key: value)
-  component: import("./ModalVideoRecorder-C6wpvDY-.js"),
+  component: import("./ModalVideoRecorder-Ch7Ul1AT.js"),
   attrs: {},
   Modal: Sa,
   modalAttrs: {
@@ -17382,7 +17400,7 @@ const fu = ["data-theme"], au = {
     }
   },
   setup(e) {
-    const t = ee("chatAppId"), { getMessage: n, setMessageFile: f, setRecordingMessage: a, resetMessageFile: s } = Ie(t), i = b(""), l = b(), c = e, A = async () => {
+    const t = ee("chatAppId"), { getMessage: n, setMessageFile: f, setRecordingMessage: a, resetMessageFile: s } = Ie(t), i = b(""), l = b(), c = e, r = async () => {
       await uu().then(async (g) => {
         g.videoFile && (i.value = "uploading", a(!0), await wn(c.filebumpUrl, g.videoFile).then((m) => {
           a(!1), i.value = m.status, m.status == "success" && (f({
@@ -17403,24 +17421,24 @@ const fu = ["data-theme"], au = {
     }, d = () => {
       s(), l.value = void 0;
     };
-    return (g, m) => (r(), u(q, null, [
-      D(n)().isRecording ? y("", !0) : (r(), u("div", du, [
-        i.value != "uploading" ? (r(), u("button", {
+    return (g, m) => (A(), u(q, null, [
+      D(n)().isRecording ? y("", !0) : (A(), u("div", du, [
+        i.value != "uploading" ? (A(), u("button", {
           key: 0,
-          class: O(["video-recorder__button", { "video-recorder__button-disabled": e.state == "disabled" }]),
-          onClick: A
+          class: z(["video-recorder__button", { "video-recorder__button-disabled": e.state == "disabled" }]),
+          onClick: r
         }, m[0] || (m[0] = [
           o("span", { class: "pi pi-video" }, null, -1)
         ]), 2)) : y("", !0)
       ])),
-      i.value === "uploading" ? (r(), u("div", gu, m[1] || (m[1] = [
+      i.value === "uploading" ? (A(), u("div", gu, m[1] || (m[1] = [
         o("p", null, "Загрузка файла...", -1)
       ]))) : y("", !0),
-      D(n)().file ? (r(), R(_e, {
+      D(n)().file ? (A(), R(_e, {
         key: 2,
         to: "#chat-input-file-line-" + D(t)
       }, [
-        l.value ? (r(), R(In, {
+        l.value ? (A(), R(In, {
           key: 0,
           "file-info": l.value,
           onReset: d
@@ -17428,7 +17446,7 @@ const fu = ["data-theme"], au = {
       ], 8, ["to"])) : y("", !0)
     ], 64));
   }
-}), $g = /* @__PURE__ */ U(mu, [["__scopeId", "data-v-dfc0c350"]]), At = /* @__PURE__ */ W({
+}), $g = /* @__PURE__ */ B(mu, [["__scopeId", "data-v-dfc0c350"]]), At = /* @__PURE__ */ W({
   __name: "BaseReplyMessage",
   props: {
     message: {
@@ -17451,20 +17469,20 @@ const fu = ["data-theme"], au = {
       "message.file": "",
       "message.audio": "grid",
       "message.video": "grid"
-    })[d], A = () => {
+    })[d], r = () => {
       s();
     };
     return (d, g) => {
       var m, M;
-      return r(), u("div", {
-        class: O(["reply__container", c((m = e.message) == null ? void 0 : m.type)]),
+      return A(), u("div", {
+        class: z(["reply__container", c((m = e.message) == null ? void 0 : m.type)]),
         onClick: i
       }, [
-        (r(), R(Xf(l((M = e.message) == null ? void 0 : M.type)), { message: e.message }, null, 8, ["message"])),
+        (A(), R(Xf(l((M = e.message) == null ? void 0 : M.type)), { message: e.message }, null, 8, ["message"])),
         o("span", {
           class: "pi pi-times reply__reset",
           style: { "font-size": "1rem" },
-          onClick: A
+          onClick: r
         })
       ], 2);
     };
@@ -17478,7 +17496,7 @@ const fu = ["data-theme"], au = {
     }
   },
   setup(e) {
-    return (t, n) => (r(), u("div", pu, [
+    return (t, n) => (A(), u("div", pu, [
       o("div", hu, [
         o("a", {
           class: "link-preview__link-container",
@@ -17496,7 +17514,7 @@ const fu = ["data-theme"], au = {
       ])
     ]));
   }
-}), Ot = /* @__PURE__ */ U(_u, [["__scopeId", "data-v-281fb650"]]), Iu = ["messageId"], wu = ["src"], ku = {
+}), Ot = /* @__PURE__ */ B(_u, [["__scopeId", "data-v-281fb650"]]), Iu = ["messageId"], wu = ["src"], ku = {
   key: 1,
   class: "file-message__subtext"
 }, Nu = ["href"], Du = { class: "file-message__filename-text" }, Eu = {
@@ -17529,7 +17547,7 @@ const fu = ["data-theme"], au = {
     function c(v) {
       v.preventDefault(), v.target.href && window.open(v.target.href, "_blank");
     }
-    const A = () => {
+    const r = () => {
       f("action", { messageId: n.message.messageId, type: "views" });
     }, d = () => {
     }, g = () => {
@@ -17540,29 +17558,29 @@ const fu = ["data-theme"], au = {
     function h(v) {
       return v.position === "left" ? "file-message__left" : "file-message__right";
     }
-    return (v, p) => (r(), u("div", {
-      class: O(["file-message", h(e.message)]),
+    return (v, p) => (A(), u("div", {
+      class: z(["file-message", h(e.message)]),
       messageId: e.message.messageId,
       onMouseleave: m
     }, [
-      e.message.avatar ? (r(), u("img", {
+      e.message.avatar ? (A(), u("img", {
         key: 0,
         class: "file-message__avatar",
         src: e.message.avatar,
         height: "32",
         width: "32",
-        style: ie({ gridRow: e.message.subText ? "2" : "1" })
+        style: se({ gridRow: e.message.subText ? "2" : "1" })
       }, null, 12, wu)) : y("", !0),
-      e.message.subText ? (r(), u("p", ku, k(e.message.subText), 1)) : y("", !0),
+      e.message.subText ? (A(), u("p", ku, k(e.message.subText), 1)) : y("", !0),
       o("div", {
         class: "file-message__content",
-        style: ie({ gridRow: e.message.subText ? "2" : "1" }),
+        style: se({ gridRow: e.message.subText ? "2" : "1" }),
         onMouseenter: g
       }, [
-        e.message.reply ? (r(), R(At, {
+        e.message.reply ? (A(), R(At, {
           key: 0,
           message: e.message.reply,
-          class: O(e.message.position),
+          class: z(e.message.position),
           onReply: l
         }, null, 8, ["message", "class"])) : y("", !0),
         o("a", {
@@ -17577,36 +17595,36 @@ const fu = ["data-theme"], au = {
             o("span", { class: "pi pi-download" })
           ], -1))
         ], 8, Nu),
-        e.message.text ? (r(), u("div", Eu, [
+        e.message.text ? (A(), u("div", Eu, [
           o("p", {
             innerHTML: i.value,
             onClick: c
           }, null, 8, Tu)
         ])) : y("", !0),
-        e.message.linkPreview ? (r(), R(Ot, {
+        e.message.linkPreview ? (A(), R(Ot, {
           key: 2,
-          class: O(e.message.position),
+          class: z(e.message.position),
           linkPreview: e.message.linkPreview
         }, null, 8, ["class", "linkPreview"])) : y("", !0),
         o("div", ju, [
-          e.message.views ? (r(), u("div", {
+          e.message.views ? (A(), u("div", {
             key: 0,
-            onClick: A,
+            onClick: r,
             class: "file-message__views"
           }, [
             p[3] || (p[3] = o("span", { class: "pi pi-eye" }, null, -1)),
             o("p", null, k(e.message.views), 1)
           ])) : y("", !0),
           o("span", xu, k(e.message.time), 1),
-          h(e.message) === "file-message__right" && D(lt).includes(e.message.status) ? (r(), u("div", {
+          h(e.message) === "file-message__right" && D(lt).includes(e.message.status) ? (A(), u("div", {
             key: 1,
-            class: O(["file-message__status", M.value])
+            class: z(["file-message__status", M.value])
           }, [
-            e.message.status !== "sent" ? (r(), u("span", Vu)) : y("", !0),
+            e.message.status !== "sent" ? (A(), u("span", Vu)) : y("", !0),
             p[4] || (p[4] = o("span", { class: "pi pi-check" }, null, -1))
           ], 2)) : y("", !0)
         ]),
-        s.value && e.message.actions ? (r(), u("button", {
+        s.value && e.message.actions ? (A(), u("button", {
           key: 3,
           class: "file-message__menu-button",
           onClick: p[0] || (p[0] = (_) => a.value = !a.value)
@@ -17615,7 +17633,7 @@ const fu = ["data-theme"], au = {
         ]))) : y("", !0),
         F(Z, null, {
           default: K(() => [
-            a.value && e.message.actions ? (r(), R(D($e), {
+            a.value && e.message.actions ? (A(), R(D($e), {
               key: 0,
               class: "file-message__context-menu",
               actions: e.message.actions,
@@ -17627,7 +17645,7 @@ const fu = ["data-theme"], au = {
       ], 36)
     ], 42, Iu));
   }
-}), Cu = /* @__PURE__ */ U(Su, [["__scopeId", "data-v-2e4508bd"]]), Ou = ["messageId"], zu = ["src"], Lu = {
+}), Cu = /* @__PURE__ */ B(Su, [["__scopeId", "data-v-2e4508bd"]]), Ou = ["messageId"], zu = ["src"], Lu = {
   key: 1,
   class: "image-message__subtext"
 }, Uu = { class: "image-message__content" }, Bu = ["src", "alt"], Ru = {
@@ -17657,7 +17675,7 @@ const fu = ["data-theme"], au = {
       },
       { immediate: !0 }
     );
-    const A = (E) => {
+    const r = (E) => {
       f("reply", E);
     };
     function d(E) {
@@ -17674,33 +17692,33 @@ const fu = ["data-theme"], au = {
     function _(E) {
       return E.position === "left" ? "image-message__left" : "image-message__right";
     }
-    const x = () => a.value = !1, N = (E) => {
-      E.key === "Escape" && a.value && x();
+    const j = () => a.value = !1, N = (E) => {
+      E.key === "Escape" && a.value && j();
     };
     return le(() => {
       document.addEventListener("keydown", N);
     }), Ke(() => {
       document.removeEventListener("keydown", N);
-    }), (E, w) => (r(), u("div", {
-      class: O(["image-message", _(e.message)]),
+    }), (E, w) => (A(), u("div", {
+      class: z(["image-message", _(e.message)]),
       messageId: e.message.messageId,
       onMouseleave: h
     }, [
-      e.message.avatar ? (r(), u("img", {
+      e.message.avatar ? (A(), u("img", {
         key: 0,
         class: "image-message__avatar",
         src: e.message.avatar,
         height: "32",
         width: "32"
       }, null, 8, zu)) : y("", !0),
-      e.message.subText ? (r(), u("p", Lu, k(e.message.subText), 1)) : y("", !0),
+      e.message.subText ? (A(), u("p", Lu, k(e.message.subText), 1)) : y("", !0),
       o("div", Uu, [
-        e.message.reply ? (r(), R(At, {
+        e.message.reply ? (A(), R(At, {
           key: 0,
           style: { margin: "10px 10px 4px 16px" },
-          class: O(e.message.position),
+          class: z(e.message.position),
           message: e.message.reply,
-          onReply: A
+          onReply: r
         }, null, 8, ["class", "message"])) : y("", !0),
         o("div", {
           class: "image-message__preview-button",
@@ -17710,14 +17728,14 @@ const fu = ["data-theme"], au = {
         }, [
           o("img", {
             class: "image-message__preview-image",
-            style: ie({ borderRadius: v.value }),
+            style: se({ borderRadius: v.value }),
             src: e.message.url,
             alt: e.message.alt
           }, null, 12, Bu),
           F(Z, { name: "modal-fade" }, {
             default: K(() => [
-              l.value ? (r(), u("div", Ru, [
-                e.message.views ? (r(), u("div", {
+              l.value ? (A(), u("div", Ru, [
+                e.message.views ? (A(), u("div", {
                   key: 0,
                   onClick: kt(g, ["stop"]),
                   class: "image-message__views"
@@ -17726,11 +17744,11 @@ const fu = ["data-theme"], au = {
                   o("p", null, k(e.message.views), 1)
                 ])) : y("", !0),
                 o("span", Qu, k(e.message.time), 1),
-                _(e.message) === "image-message__right" && D(lt).includes(e.message.status) ? (r(), u("div", {
+                _(e.message) === "image-message__right" && D(lt).includes(e.message.status) ? (A(), u("div", {
                   key: 1,
-                  class: O(["image-message__status", p.value])
+                  class: z(["image-message__status", p.value])
                 }, [
-                  e.message.status !== "sent" ? (r(), u("span", $u)) : y("", !0),
+                  e.message.status !== "sent" ? (A(), u("span", $u)) : y("", !0),
                   w[4] || (w[4] = o("span", { class: "pi pi-check" }, null, -1))
                 ], 2)) : y("", !0)
               ])) : y("", !0)
@@ -17739,7 +17757,7 @@ const fu = ["data-theme"], au = {
           }),
           F(Z, { name: "modal-fade" }, {
             default: K(() => [
-              l.value ? (r(), u("a", {
+              l.value ? (A(), u("a", {
                 key: 0,
                 onClick: kt(() => "//Предотвращаем всплытие события клика", ["stop"]),
                 class: "image-message__download-button",
@@ -17755,7 +17773,7 @@ const fu = ["data-theme"], au = {
         ], 32),
         F(Z, { name: "modal-fade" }, {
           default: K(() => [
-            i.value && e.message.actions ? (r(), u("button", {
+            i.value && e.message.actions ? (A(), u("button", {
               key: 0,
               class: "image-message__menu-button",
               onClick: w[2] || (w[2] = (S) => s.value = !s.value)
@@ -17767,7 +17785,7 @@ const fu = ["data-theme"], au = {
         }),
         F(Z, { name: "context-menu" }, {
           default: K(() => [
-            s.value && e.message.actions ? (r(), R(D($e), {
+            s.value && e.message.actions ? (A(), R(D($e), {
               key: 0,
               class: "image-message__context-menu",
               actions: e.message.actions,
@@ -17776,24 +17794,24 @@ const fu = ["data-theme"], au = {
           ]),
           _: 1
         }),
-        e.message.text ? (r(), u("div", Pu, [
+        e.message.text ? (A(), u("div", Pu, [
           o("p", {
             innerHTML: c.value,
             onClick: d
           }, null, 8, Fu)
         ])) : y("", !0),
-        e.message.linkPreview ? (r(), R(Ot, {
+        e.message.linkPreview ? (A(), R(Ot, {
           key: 2,
-          class: O(["image-message__link-preview", e.message.position]),
+          class: z(["image-message__link-preview", e.message.position]),
           linkPreview: e.message.linkPreview
         }, null, 8, ["class", "linkPreview"])) : y("", !0)
       ]),
-      (r(), R(_e, { to: "body" }, [
+      (A(), R(_e, { to: "body" }, [
         F(Z, { name: "modal-fade" }, {
           default: K(() => [
-            a.value ? (r(), R(lf, {
+            a.value ? (A(), R(lf, {
               key: 0,
-              onClose: x
+              onClose: j
             }, {
               default: K(() => [
                 o("img", {
@@ -17810,7 +17828,7 @@ const fu = ["data-theme"], au = {
       ]))
     ], 42, Ou));
   }
-}), Wu = /* @__PURE__ */ U(Hu, [["__scopeId", "data-v-278c831a"]]), Ku = ["messageId"], Ju = ["src"], Gu = {
+}), Wu = /* @__PURE__ */ B(Hu, [["__scopeId", "data-v-278c831a"]]), Ku = ["messageId"], Ju = ["src"], Gu = {
   key: 1,
   class: "text-message__subtext"
 }, Zu = ["innerHTML"], Xu = { class: "text-message__info-container" }, e1 = {
@@ -17843,7 +17861,7 @@ const fu = ["data-theme"], au = {
     function c(v) {
       v.preventDefault(), v.target.href && window.open(v.target.href, "_blank");
     }
-    const A = () => {
+    const r = () => {
       s.value = !0;
     }, d = () => {
       s.value = !1, a.value = !1;
@@ -17855,27 +17873,27 @@ const fu = ["data-theme"], au = {
     function h(v) {
       return v.position === "left" ? "text-message__left" : "text-message__right";
     }
-    return (v, p) => (r(), u("div", {
-      class: O(["text-message", h(e.message)]),
+    return (v, p) => (A(), u("div", {
+      class: z(["text-message", h(e.message)]),
       messageId: e.message.messageId,
       onMouseleave: d
     }, [
-      e.message.avatar ? (r(), u("img", {
+      e.message.avatar ? (A(), u("img", {
         key: 0,
         class: "text-message__avatar",
         src: e.message.avatar,
         height: "32",
         width: "32",
-        style: ie({ gridRow: e.message.subText ? "2" : "1" })
+        style: se({ gridRow: e.message.subText ? "2" : "1" })
       }, null, 12, Ju)) : y("", !0),
-      e.message.subText ? (r(), u("p", Gu, k(e.message.subText), 1)) : y("", !0),
+      e.message.subText ? (A(), u("p", Gu, k(e.message.subText), 1)) : y("", !0),
       o("div", {
         class: "text-message__content",
-        onMouseenter: A
+        onMouseenter: r
       }, [
-        e.message.reply ? (r(), R(At, {
+        e.message.reply ? (A(), R(At, {
           key: 0,
-          class: O(e.message.position),
+          class: z(e.message.position),
           message: e.message.reply,
           onReply: l
         }, null, 8, ["class", "message"])) : y("", !0),
@@ -17884,13 +17902,13 @@ const fu = ["data-theme"], au = {
           class: "text-message__text",
           onClick: c
         }, null, 8, Zu),
-        e.message.linkPreview ? (r(), R(Ot, {
+        e.message.linkPreview ? (A(), R(Ot, {
           key: 1,
-          class: O(e.message.position),
+          class: z(e.message.position),
           linkPreview: e.message.linkPreview
         }, null, 8, ["class", "linkPreview"])) : y("", !0),
         o("div", Xu, [
-          e.message.views ? (r(), u("div", {
+          e.message.views ? (A(), u("div", {
             key: 0,
             class: "text-message__views",
             onClick: M
@@ -17898,16 +17916,16 @@ const fu = ["data-theme"], au = {
             p[1] || (p[1] = o("span", { class: "pi pi-eye" }, null, -1)),
             o("p", null, k(e.message.views), 1)
           ])) : y("", !0),
-          e.message.time ? (r(), u("span", e1, k(e.message.time), 1)) : y("", !0),
-          h(e.message) === "text-message__right" && D(lt).includes(e.message.status) ? (r(), u("div", {
+          e.message.time ? (A(), u("span", e1, k(e.message.time), 1)) : y("", !0),
+          h(e.message) === "text-message__right" && D(lt).includes(e.message.status) ? (A(), u("div", {
             key: 2,
-            class: O(["text-message__status", g.value])
+            class: z(["text-message__status", g.value])
           }, [
-            e.message.status !== "sent" ? (r(), u("span", t1)) : y("", !0),
+            e.message.status !== "sent" ? (A(), u("span", t1)) : y("", !0),
             p[2] || (p[2] = o("span", { class: "pi pi-check" }, null, -1))
           ], 2)) : y("", !0)
         ]),
-        s.value && e.message.actions ? (r(), u("button", {
+        s.value && e.message.actions ? (A(), u("button", {
           key: 2,
           class: "text-message__menu-button",
           onClick: p[0] || (p[0] = (_) => a.value = !a.value)
@@ -17916,7 +17934,7 @@ const fu = ["data-theme"], au = {
         ]))) : y("", !0),
         F(Z, null, {
           default: K(() => [
-            a.value && e.message.actions ? (r(), R(D($e), {
+            a.value && e.message.actions ? (A(), R(D($e), {
               key: 0,
               class: "text-message__context-menu",
               actions: e.message.actions,
@@ -17928,7 +17946,7 @@ const fu = ["data-theme"], au = {
       ], 32)
     ], 42, Ku));
   }
-}), f1 = /* @__PURE__ */ U(n1, [["__scopeId", "data-v-269c4248"]]), a1 = ["messageId"], s1 = ["src"], i1 = {
+}), f1 = /* @__PURE__ */ B(n1, [["__scopeId", "data-v-269c4248"]]), a1 = ["messageId"], s1 = ["src"], i1 = {
   key: 1,
   class: "audio-message__subtext"
 }, o1 = { class: "audio-message__audio-container" }, l1 = ["src"], r1 = ["max"], A1 = { class: "audio-message__player-controls" }, c1 = { class: "audio-message__remaining-time" }, u1 = { class: "audio-message__speed-btn-container" }, d1 = ["onClick"], g1 = ["href"], m1 = {
@@ -17974,42 +17992,42 @@ const fu = ["data-theme"], au = {
         speed: 2,
         selected: !1
       }
-    ]), a = (z) => {
-      for (let V of f.value)
-        V.selected = !1;
-      f.value[z].selected = !0, i.value && (i.value.playbackRate = f.value[z].speed);
-    }, s = t, i = b(), l = b(!1), c = b(0), A = b(0), d = b(!1), g = b(!1), m = b(!1), M = Q(() => {
+    ]), a = (V) => {
+      for (let x of f.value)
+        x.selected = !1;
+      f.value[V].selected = !0, i.value && (i.value.playbackRate = f.value[V].speed);
+    }, s = t, i = b(), l = b(!1), c = b(0), r = b(0), d = b(!1), g = b(!1), m = b(!1), M = Q(() => {
       if (n.message.text) return we(n.message.text);
-    }), h = (z) => {
-      s("reply", z);
+    }), h = (V) => {
+      s("reply", V);
     };
-    function v(z) {
-      z.preventDefault(), z.target.href && window.open(z.target.href, "_blank");
+    function v(V) {
+      V.preventDefault(), V.target.href && window.open(V.target.href, "_blank");
     }
     const p = () => {
       g.value = !0;
     }, _ = () => {
       g.value = !1, d.value = !1;
-    }, x = () => {
+    }, j = () => {
       s("action", { messageId: n.message.messageId, type: "views" });
     }, N = () => {
     }, E = Q(() => rt(n.message.status));
     function w() {
       i.value && (l.value ? i.value.pause() : i.value.play(), l.value = !l.value);
     }
-    const S = (z) => {
-      const V = Math.floor(z / 60), B = Math.floor(z % 60);
-      return `${V.toString().padStart(2, "0")}:${B.toString().padStart(2, "0")}`;
-    }, T = Q(() => i.value ? S(A.value) : "0:00");
+    const S = (V) => {
+      const x = Math.floor(V / 60), U = Math.floor(V % 60);
+      return `${x.toString().padStart(2, "0")}:${U.toString().padStart(2, "0")}`;
+    }, L = Q(() => i.value ? S(r.value) : "0:00");
     X(
-      () => A.value,
+      () => r.value,
       () => {
-        i.value && (i.value.duration != 1 / 0 && !Number.isNaN(i.value.duration) && (i.value.currentTime = A.value), A.value == c.value && (l.value = !1));
+        i.value && (i.value.duration != 1 / 0 && !Number.isNaN(i.value.duration) && (i.value.currentTime = r.value), r.value == c.value && (l.value = !1));
       }
     );
-    const j = Q(() => i.value ? S(c.value) : "0:00");
-    function L(z) {
-      return z.position === "left" ? "audio-message__left" : "audio-message__right";
+    const T = Q(() => i.value ? S(c.value) : "0:00");
+    function O(V) {
+      return V.position === "left" ? "audio-message__left" : "audio-message__right";
     }
     return le(() => {
       i.value != null && (i.value.addEventListener("loadedmetadata", () => {
@@ -18017,33 +18035,33 @@ const fu = ["data-theme"], au = {
           i.value && (i.value.currentTime = 0, c.value = i.value.duration);
         }, { once: !0 })), c.value = i.value != null ? i.value.duration : 0;
       }), i.value.addEventListener("timeupdate", () => {
-        A.value = i.value != null ? i.value.currentTime : 0;
+        r.value = i.value != null ? i.value.currentTime : 0;
       }));
-    }), (z, V) => {
-      var B;
-      return r(), u("div", {
-        class: O(["audio-message", L(e.message)]),
+    }), (V, x) => {
+      var U;
+      return A(), u("div", {
+        class: z(["audio-message", O(e.message)]),
         messageId: e.message.messageId,
         onMouseleave: _
       }, [
-        e.message.avatar ? (r(), u("img", {
+        e.message.avatar ? (A(), u("img", {
           key: 0,
           class: "audio-message__avatar",
           src: e.message.avatar,
           height: "32",
           width: "32",
-          style: ie({ gridRow: e.message.subText ? "2" : "1" })
+          style: se({ gridRow: e.message.subText ? "2" : "1" })
         }, null, 12, s1)) : y("", !0),
-        e.message.subText ? (r(), u("p", i1, k(e.message.subText), 1)) : y("", !0),
+        e.message.subText ? (A(), u("p", i1, k(e.message.subText), 1)) : y("", !0),
         o("div", {
           class: "audio-message__content",
           onMouseenter: p
         }, [
-          e.message.reply ? (r(), R(At, {
+          e.message.reply ? (A(), R(At, {
             key: 0,
             style: { "grid-column": "1/3" },
             message: e.message.reply,
-            class: O(e.message.position),
+            class: z(e.message.position),
             onReply: h
           }, null, 8, ["message", "class"])) : y("", !0),
           o("div", o1, [
@@ -18056,7 +18074,7 @@ const fu = ["data-theme"], au = {
             Ae(o("button", {
               class: "audio-message__play",
               onClick: w
-            }, V[4] || (V[4] = [
+            }, x[4] || (x[4] = [
               o("span", { class: "pi pi-play" }, null, -1)
             ]), 512), [
               [We, !l.value]
@@ -18064,7 +18082,7 @@ const fu = ["data-theme"], au = {
             Ae(o("button", {
               class: "audio-message__pause",
               onClick: w
-            }, V[5] || (V[5] = [
+            }, x[5] || (x[5] = [
               o("span", { class: "pi pi-pause" }, null, -1)
             ]), 512), [
               [We, l.value]
@@ -18075,16 +18093,16 @@ const fu = ["data-theme"], au = {
               min: 0,
               max: c.value,
               step: "0.1",
-              "onUpdate:modelValue": V[0] || (V[0] = ($) => A.value = $)
+              "onUpdate:modelValue": x[0] || (x[0] = ($) => r.value = $)
             }, null, 8, r1), [
-              [ot, A.value]
+              [ot, r.value]
             ]),
             o("div", A1, [
-              o("p", c1, k(`${T.value} / ${j.value}`), 1),
+              o("p", c1, k(`${L.value} / ${T.value}`), 1),
               o("div", u1, [
-                (r(!0), u(q, null, te(f.value, ($, J) => (r(), u("p", {
+                (A(!0), u(q, null, te(f.value, ($, J) => (A(), u("p", {
                   onClick: (oe) => a(J),
-                  class: O(["audio-message__speed-btn", { "audio-message__speed-btn-selected": $.selected }])
+                  class: z(["audio-message__speed-btn", { "audio-message__speed-btn-selected": $.selected }])
                 }, k($.text), 11, d1))), 256))
               ])
             ]),
@@ -18094,54 +18112,54 @@ const fu = ["data-theme"], au = {
               href: e.message.url,
               download: "",
               target: "_blank"
-            }, V[6] || (V[6] = [
+            }, x[6] || (x[6] = [
               o("span", { class: "pi pi-download" }, null, -1)
             ]), 8, g1)
           ]),
-          (B = e.message.transcript) != null && B.text ? (r(), u("div", m1, [
+          (U = e.message.transcript) != null && U.text ? (A(), u("div", m1, [
             o("p", {
-              onClick: V[1] || (V[1] = ($) => m.value = !m.value)
+              onClick: x[1] || (x[1] = ($) => m.value = !m.value)
             }, k(e.message.transcript.text), 1)
           ])) : y("", !0),
-          e.message.text ? (r(), u("div", p1, [
+          e.message.text ? (A(), u("div", p1, [
             o("p", {
               innerHTML: M.value,
               onClick: v
             }, null, 8, h1)
           ])) : y("", !0),
-          e.message.linkPreview ? (r(), R(Ot, {
+          e.message.linkPreview ? (A(), R(Ot, {
             key: 3,
-            class: O(["audio-message__link-preview", e.message.position]),
+            class: z(["audio-message__link-preview", e.message.position]),
             linkPreview: e.message.linkPreview
           }, null, 8, ["class", "linkPreview"])) : y("", !0),
           o("div", v1, [
-            e.message.views ? (r(), u("div", {
+            e.message.views ? (A(), u("div", {
               key: 0,
-              onClick: x,
+              onClick: j,
               class: "audio-message__views"
             }, [
-              V[7] || (V[7] = o("span", { class: "pi pi-eye" }, null, -1)),
+              x[7] || (x[7] = o("span", { class: "pi pi-eye" }, null, -1)),
               o("p", null, k(e.message.views), 1)
             ])) : y("", !0),
             o("span", y1, k(e.message.time), 1),
-            L(e.message) === "audio-message__right" && D(lt).includes(e.message.status) ? (r(), u("div", {
+            O(e.message) === "audio-message__right" && D(lt).includes(e.message.status) ? (A(), u("div", {
               key: 1,
-              class: O(["audio-message__status", E.value])
+              class: z(["audio-message__status", E.value])
             }, [
-              e.message.status !== "sent" ? (r(), u("span", b1)) : y("", !0),
-              V[8] || (V[8] = o("span", { class: "pi pi-check" }, null, -1))
+              e.message.status !== "sent" ? (A(), u("span", b1)) : y("", !0),
+              x[8] || (x[8] = o("span", { class: "pi pi-check" }, null, -1))
             ], 2)) : y("", !0)
           ]),
-          g.value && e.message.actions ? (r(), u("button", {
+          g.value && e.message.actions ? (A(), u("button", {
             key: 4,
             class: "audio-message__menu-button",
-            onClick: V[2] || (V[2] = ($) => d.value = !d.value)
-          }, V[9] || (V[9] = [
+            onClick: x[2] || (x[2] = ($) => d.value = !d.value)
+          }, x[9] || (x[9] = [
             o("span", { class: "pi pi-ellipsis-h" }, null, -1)
           ]))) : y("", !0),
           F(Z, null, {
             default: K(() => [
-              d.value && e.message.actions ? (r(), R(D($e), {
+              d.value && e.message.actions ? (A(), R(D($e), {
                 key: 0,
                 class: "audio-message__context-menu",
                 actions: e.message.actions,
@@ -18150,17 +18168,17 @@ const fu = ["data-theme"], au = {
             ]),
             _: 1
           }),
-          (r(), R(_e, { to: "body" }, [
+          (A(), R(_e, { to: "body" }, [
             F(Z, { name: "modal-fade" }, {
               default: K(() => {
                 var $;
                 return [
-                  m.value ? (r(), u("div", M1, [
+                  m.value ? (A(), u("div", M1, [
                     o("div", _1, [
                       o("button", {
                         class: "audio-message__modal-close-button",
-                        onClick: V[3] || (V[3] = (J) => m.value = !1)
-                      }, V[10] || (V[10] = [
+                        onClick: x[3] || (x[3] = (J) => m.value = !1)
+                      }, x[10] || (x[10] = [
                         o("span", null, [
                           o("i", { class: "pi pi-times" })
                         ], -1)
@@ -18177,7 +18195,7 @@ const fu = ["data-theme"], au = {
       ], 42, a1);
     };
   }
-}), k1 = /* @__PURE__ */ U(w1, [["__scopeId", "data-v-84d395e6"]]), N1 = { class: "date-message__container" }, D1 = { class: "date-message__text" }, E1 = /* @__PURE__ */ W({
+}), k1 = /* @__PURE__ */ B(w1, [["__scopeId", "data-v-84d395e6"]]), N1 = { class: "date-message__container" }, D1 = { class: "date-message__text" }, E1 = /* @__PURE__ */ W({
   __name: "DateMessage",
   props: {
     message: {
@@ -18188,11 +18206,11 @@ const fu = ["data-theme"], au = {
     }
   },
   setup(e) {
-    return (t, n) => (r(), u("div", N1, [
+    return (t, n) => (A(), u("div", N1, [
       o("p", D1, k(e.message.text), 1)
     ]));
   }
-}), T1 = /* @__PURE__ */ U(E1, [["__scopeId", "data-v-72a5e50d"]]), j1 = ["messageId"], x1 = ["src"], V1 = {
+}), T1 = /* @__PURE__ */ B(E1, [["__scopeId", "data-v-72a5e50d"]]), j1 = ["messageId"], x1 = ["src"], V1 = {
   key: 1,
   class: "video-message__subtext"
 }, S1 = { class: "video-message__content" }, C1 = ["src"], O1 = {
@@ -18215,13 +18233,13 @@ const fu = ["data-theme"], au = {
   },
   emits: ["action", "reply"],
   setup(e, { emit: t }) {
-    const n = e, f = t, a = (T) => {
-      f("reply", T);
+    const n = e, f = t, a = (L) => {
+      f("reply", L);
     };
-    function s(T) {
-      return T.position === "left" ? "video-message__left" : "video-message__right";
+    function s(L) {
+      return L.position === "left" ? "video-message__left" : "video-message__right";
     }
-    const i = b(), l = b(), c = b(!1), A = b(!1), d = b(!1), g = b(!1), m = b("");
+    const i = b(), l = b(), c = b(!1), r = b(!1), d = b(!1), g = b(!1), m = b("");
     X(
       () => n.message.text,
       () => {
@@ -18229,8 +18247,8 @@ const fu = ["data-theme"], au = {
       },
       { immediate: !0 }
     );
-    function M(T) {
-      T.preventDefault(), T.target.href && window.open(T.target.href, "_blank");
+    function M(L) {
+      L.preventDefault(), L.target.href && window.open(L.target.href, "_blank");
     }
     const h = () => {
       f("action", { messageId: n.message.messageId, type: "views" });
@@ -18238,53 +18256,53 @@ const fu = ["data-theme"], au = {
     }, p = () => {
       d.value = !0, g.value = !0;
     }, _ = () => {
-      d.value = !1, A.value = !1;
-    }, x = Q(() => rt(n.message.status)), N = () => {
+      d.value = !1, r.value = !1;
+    }, j = Q(() => rt(n.message.status)), N = () => {
       l.value && (l.value.currentTime = 0, l.value.play());
     };
-    X([i, l], ([T, j]) => {
-      T ? j && (j.pause(), j.currentTime = 0) : j && (j.play(), j.currentTime = 0);
+    X([i, l], ([L, T]) => {
+      L ? T && (T.pause(), T.currentTime = 0) : T && (T.play(), T.currentTime = 0);
     });
-    const E = Q(() => n.message.reply && n.message.text ? "0" : n.message.text ? "8px 8px 0 0" : n.message.reply ? "0 0 8px 8px" : "8px"), w = () => c.value = !1, S = (T) => {
-      T.key === "Escape" && c.value && w();
+    const E = Q(() => n.message.reply && n.message.text ? "0" : n.message.text ? "8px 8px 0 0" : n.message.reply ? "0 0 8px 8px" : "8px"), w = () => c.value = !1, S = (L) => {
+      L.key === "Escape" && c.value && w();
     };
     return le(() => {
       document.addEventListener("keydown", S);
     }), Ke(() => {
       document.removeEventListener("keydown", S);
-    }), (T, j) => (r(), u(q, null, [
+    }), (L, T) => (A(), u(q, null, [
       o("div", {
-        class: O(["video-message", s(e.message)]),
+        class: z(["video-message", s(e.message)]),
         messageId: e.message.messageId,
         onMouseleave: _
       }, [
-        e.message.avatar ? (r(), u("img", {
+        e.message.avatar ? (A(), u("img", {
           key: 0,
           class: "video-message__avatar",
           src: e.message.avatar,
           height: "32",
           width: "32"
         }, null, 8, x1)) : y("", !0),
-        e.message.subText ? (r(), u("p", V1, k(e.message.subText), 1)) : y("", !0),
+        e.message.subText ? (A(), u("p", V1, k(e.message.subText), 1)) : y("", !0),
         o("div", S1, [
-          e.message.reply ? (r(), R(At, {
+          e.message.reply ? (A(), R(At, {
             key: 0,
             style: { margin: "10px 10px 4px 16px" },
-            class: O(e.message.position),
+            class: z(e.message.position),
             message: e.message.reply,
             onReply: a
           }, null, 8, ["class", "message"])) : y("", !0),
           o("div", {
             class: "video-message__preview-button",
-            onClick: j[0] || (j[0] = (L) => c.value = !0),
+            onClick: T[0] || (T[0] = (O) => c.value = !0),
             onMouseenter: p,
-            onMouseleave: j[1] || (j[1] = (L) => g.value = !g.value)
+            onMouseleave: T[1] || (T[1] = (O) => g.value = !g.value)
           }, [
             o("video", {
               ref_key: "previewPlayer",
               ref: l,
               class: "video-message__video",
-              style: ie({ borderRadius: E.value }),
+              style: se({ borderRadius: E.value }),
               onEnded: N,
               src: e.message.url,
               muted: !0,
@@ -18292,22 +18310,22 @@ const fu = ["data-theme"], au = {
             }, null, 44, C1),
             F(Z, { name: "modal-fade" }, {
               default: K(() => [
-                g.value ? (r(), u("div", O1, [
-                  e.message.views ? (r(), u("div", {
+                g.value ? (A(), u("div", O1, [
+                  e.message.views ? (A(), u("div", {
                     key: 0,
                     onClick: kt(h, ["stop"]),
                     class: "video-message__views"
                   }, [
-                    j[3] || (j[3] = o("span", { class: "pi pi-eye" }, null, -1)),
+                    T[3] || (T[3] = o("span", { class: "pi pi-eye" }, null, -1)),
                     o("p", null, k(e.message.views), 1)
                   ])) : y("", !0),
                   o("span", z1, k(e.message.time), 1),
-                  s(e.message) === "video-message__right" && D(lt).includes(e.message.status) ? (r(), u("div", {
+                  s(e.message) === "video-message__right" && D(lt).includes(e.message.status) ? (A(), u("div", {
                     key: 1,
-                    class: O(["video-message__status", x.value])
+                    class: z(["video-message__status", j.value])
                   }, [
-                    e.message.status !== "sent" ? (r(), u("span", L1)) : y("", !0),
-                    j[4] || (j[4] = o("span", { class: "pi pi-check" }, null, -1))
+                    e.message.status !== "sent" ? (A(), u("span", L1)) : y("", !0),
+                    T[4] || (T[4] = o("span", { class: "pi pi-check" }, null, -1))
                   ], 2)) : y("", !0)
                 ])) : y("", !0)
               ]),
@@ -18315,14 +18333,14 @@ const fu = ["data-theme"], au = {
             }),
             F(Z, { name: "modal-fade" }, {
               default: K(() => [
-                g.value ? (r(), u("a", {
+                g.value ? (A(), u("a", {
                   key: 0,
                   onClick: kt(() => "//Предотвращаем всплытие события клика", ["stop"]),
                   class: "video-message__download-button",
                   href: e.message.url,
                   download: "",
                   target: "_blank"
-                }, j[5] || (j[5] = [
+                }, T[5] || (T[5] = [
                   o("span", { class: "pi pi-download" }, null, -1)
                 ]), 8, U1)) : y("", !0)
               ]),
@@ -18331,11 +18349,11 @@ const fu = ["data-theme"], au = {
           ], 32),
           F(Z, { name: "modal-fade" }, {
             default: K(() => [
-              d.value && e.message.actions ? (r(), u("button", {
+              d.value && e.message.actions ? (A(), u("button", {
                 key: 0,
                 class: "video-message__menu-button",
-                onClick: j[2] || (j[2] = (L) => A.value = !A.value)
-              }, j[6] || (j[6] = [
+                onClick: T[2] || (T[2] = (O) => r.value = !r.value)
+              }, T[6] || (T[6] = [
                 o("span", { class: "pi pi-ellipsis-h" }, null, -1)
               ]))) : y("", !0)
             ]),
@@ -18343,7 +18361,7 @@ const fu = ["data-theme"], au = {
           }),
           F(Z, { name: "context-menu" }, {
             default: K(() => [
-              A.value && e.message.actions ? (r(), R(D($e), {
+              r.value && e.message.actions ? (A(), R(D($e), {
                 key: 0,
                 class: "video-message__context-menu",
                 actions: e.message.actions,
@@ -18352,23 +18370,23 @@ const fu = ["data-theme"], au = {
             ]),
             _: 1
           }),
-          e.message.text ? (r(), u("div", B1, [
+          e.message.text ? (A(), u("div", B1, [
             o("p", {
               innerHTML: m.value,
               onClick: M
             }, null, 8, R1)
           ])) : y("", !0),
-          e.message.linkPreview ? (r(), R(Ot, {
+          e.message.linkPreview ? (A(), R(Ot, {
             key: 2,
-            class: O(["video-message__link-preview", e.message.position]),
+            class: z(["video-message__link-preview", e.message.position]),
             linkPreview: e.message.linkPreview
           }, null, 8, ["class", "linkPreview"])) : y("", !0)
         ])
       ], 42, j1),
-      (r(), R(_e, { to: "body" }, [
+      (A(), R(_e, { to: "body" }, [
         F(Z, { name: "modal-fade" }, {
           default: K(() => [
-            c.value ? (r(), R(lf, {
+            c.value ? (A(), R(lf, {
               key: 0,
               onClose: w
             }, {
@@ -18391,7 +18409,7 @@ const fu = ["data-theme"], au = {
       ]))
     ], 64));
   }
-}), Y1 = /* @__PURE__ */ U($1, [["__scopeId", "data-v-cb6f4940"]]), P1 = ["messageId"], F1 = ["src"], q1 = {
+}), Y1 = /* @__PURE__ */ B($1, [["__scopeId", "data-v-cb6f4940"]]), P1 = ["messageId"], F1 = ["src"], q1 = {
   key: 1,
   class: "call-message__subtext"
 }, H1 = { class: "call-message__content" }, W1 = {
@@ -18438,42 +18456,42 @@ const fu = ["data-theme"], au = {
     }
     return (a, s) => {
       var i;
-      return r(), u("div", {
-        class: O(f(e.message, n.message)),
+      return A(), u("div", {
+        class: z(f(e.message, n.message)),
         messageId: e.message.messageId
       }, [
-        e.message.avatar ? (r(), u("img", {
+        e.message.avatar ? (A(), u("img", {
           key: 0,
           class: "call-message__avatar",
           src: e.message.avatar,
           height: "32",
           width: "32",
-          style: ie({ gridRow: e.message.subText ? "2" : "1" })
+          style: se({ gridRow: e.message.subText ? "2" : "1" })
         }, null, 12, F1)) : y("", !0),
-        e.message.subText ? (r(), u("p", q1, k(e.message.subText), 1)) : y("", !0),
+        e.message.subText ? (A(), u("p", q1, k(e.message.subText), 1)) : y("", !0),
         o("div", H1, [
           o("span", {
             class: "call-message__icon pi pi-phone",
-            style: ie({ color: e.message.isMissedCall ? "var(--p-red-500)" : "var(--neutral-100)" })
+            style: se({ color: e.message.isMissedCall ? "var(--p-red-500)" : "var(--neutral-100)" })
           }, null, 4),
-          e.message.isMissedCall ? (r(), u("span", K1, "Пропущенный аудиозвонок")) : (r(), u("span", W1, "Аудиозвонок")),
-          e.message.callDuration ? (r(), u("span", J1, k(e.message.callDuration), 1)) : !e.message.callDuration && e.message.isMissedCall ? (r(), u("span", G1, "Нажмите, чтобы перезвонить")) : (r(), u("span", Z1, "Нет ответа")),
+          e.message.isMissedCall ? (A(), u("span", K1, "Пропущенный аудиозвонок")) : (A(), u("span", W1, "Аудиозвонок")),
+          e.message.callDuration ? (A(), u("span", J1, k(e.message.callDuration), 1)) : !e.message.callDuration && e.message.isMissedCall ? (A(), u("span", G1, "Нажмите, чтобы перезвонить")) : (A(), u("span", Z1, "Нет ответа")),
           o("div", X1, [
             o("span", ed, k(e.message.time), 1)
           ]),
-          (i = e.message.transcript) != null && i.dialog ? (r(), u("button", {
+          (i = e.message.transcript) != null && i.dialog ? (A(), u("button", {
             key: 5,
             class: "call-message__download-button",
             onClick: s[0] || (s[0] = (l) => t.value = !t.value)
           }, s[2] || (s[2] = [
             o("span", { class: "pi pi-arrow-up-right" }, null, -1)
           ]))) : y("", !0),
-          (r(), R(_e, { to: "body" }, [
+          (A(), R(_e, { to: "body" }, [
             F(Z, { name: "modal-fade" }, {
               default: K(() => {
                 var l;
                 return [
-                  t.value ? (r(), u("div", td, [
+                  t.value ? (A(), u("div", td, [
                     o("div", nd, [
                       o("button", {
                         class: "call-message__modal-close-button",
@@ -18483,8 +18501,8 @@ const fu = ["data-theme"], au = {
                           o("i", { class: "pi pi-times" })
                         ], -1)
                       ])),
-                      (r(!0), u(q, null, te((l = e.message.transcript) == null ? void 0 : l.dialog, (c, A) => (r(), u("div", {
-                        class: O(f(c, n.textDialog))
+                      (A(!0), u(q, null, te((l = e.message.transcript) == null ? void 0 : l.dialog, (c, r) => (A(), u("div", {
+                        class: z(f(c, n.textDialog))
                       }, [
                         o("p", null, k(c.text), 1),
                         o("span", null, k(c.time), 1)
@@ -18500,7 +18518,7 @@ const fu = ["data-theme"], au = {
       ], 10, P1);
     };
   }
-}), ad = /* @__PURE__ */ U(fd, [["__scopeId", "data-v-be88198d"]]), sd = { class: "system-message__container" }, id = { class: "system-message__text" }, od = /* @__PURE__ */ W({
+}), ad = /* @__PURE__ */ B(fd, [["__scopeId", "data-v-be88198d"]]), sd = { class: "system-message__container" }, id = { class: "system-message__text" }, od = /* @__PURE__ */ W({
   __name: "SystemMessage",
   props: {
     message: {
@@ -18509,11 +18527,11 @@ const fu = ["data-theme"], au = {
     }
   },
   setup(e) {
-    return (t, n) => (r(), u("div", sd, [
+    return (t, n) => (A(), u("div", sd, [
       o("p", id, k(e.message.text), 1)
     ]));
   }
-}), ld = /* @__PURE__ */ U(od, [["__scopeId", "data-v-41bf24c1"]]), rd = { class: "typing-message__container" }, Ad = ["src"], cd = {
+}), ld = /* @__PURE__ */ B(od, [["__scopeId", "data-v-41bf24c1"]]), rd = { class: "typing-message__container" }, Ad = ["src"], cd = {
   key: 1,
   class: "typing-message__subtext"
 }, ud = /* @__PURE__ */ W({
@@ -18525,22 +18543,22 @@ const fu = ["data-theme"], au = {
     }
   },
   setup(e) {
-    return (t, n) => (r(), u("div", rd, [
-      e.message.avatar ? (r(), u("img", {
+    return (t, n) => (A(), u("div", rd, [
+      e.message.avatar ? (A(), u("img", {
         key: 0,
         class: "typing-message__avatar",
         src: e.message.avatar,
         height: "32",
         width: "32",
-        style: ie({ gridRow: e.message.subText ? "2" : "1" })
+        style: se({ gridRow: e.message.subText ? "2" : "1" })
       }, null, 12, Ad)) : y("", !0),
-      e.message.subText ? (r(), u("p", cd, k(e.message.subText), 1)) : y("", !0),
+      e.message.subText ? (A(), u("p", cd, k(e.message.subText), 1)) : y("", !0),
       n[0] || (n[0] = o("div", { class: "typing-message__loader-container" }, [
         o("div", { class: "typing-message__loader" })
       ], -1))
     ]));
   }
-}), Gf = /* @__PURE__ */ U(ud, [["__scopeId", "data-v-ad73a13f"]]), dd = ["innerHTML"], gd = /* @__PURE__ */ W({
+}), Gf = /* @__PURE__ */ B(ud, [["__scopeId", "data-v-ad73a13f"]]), dd = ["innerHTML"], gd = /* @__PURE__ */ W({
   __name: "ReplyTextMessage",
   props: {
     message: {
@@ -18560,12 +18578,12 @@ const fu = ["data-theme"], au = {
     function f(a) {
       a.preventDefault(), a.target.href && window.open(a.target.href, "_blank");
     }
-    return (a, s) => (r(), u("p", {
+    return (a, s) => (A(), u("p", {
       innerHTML: n.value,
       onClick: f
     }, null, 8, dd));
   }
-}), md = /* @__PURE__ */ U(gd, [["__scopeId", "data-v-bc3ef3e7"]]), pd = ["src", "alt"], hd = { class: "image-message__text-container" }, vd = ["innerHTML"], yd = { class: "image-message__modal" }, bd = ["src", "alt"], Md = /* @__PURE__ */ W({
+}), md = /* @__PURE__ */ B(gd, [["__scopeId", "data-v-bc3ef3e7"]]), pd = ["src", "alt"], hd = { class: "image-message__text-container" }, vd = ["innerHTML"], yd = { class: "image-message__modal" }, bd = ["src", "alt"], Md = /* @__PURE__ */ W({
   __name: "ReplyImageMessage",
   props: {
     message: {
@@ -18594,10 +18612,10 @@ const fu = ["data-theme"], au = {
       document.addEventListener("keydown", l);
     }), Ke(() => {
       document.removeEventListener("keydown", l);
-    }), (c, A) => (r(), u(q, null, [
+    }), (c, r) => (A(), u(q, null, [
       o("div", {
         class: "image-message__preview-button",
-        onClick: A[0] || (A[0] = (d) => n.value = !0)
+        onClick: r[0] || (r[0] = (d) => n.value = !0)
       }, [
         o("img", {
           class: "image-message__preview-image",
@@ -18606,20 +18624,20 @@ const fu = ["data-theme"], au = {
         }, null, 8, pd)
       ]),
       o("div", hd, [
-        A[1] || (A[1] = o("div", { class: "image-message__reply-description" }, [
+        r[1] || (r[1] = o("div", { class: "image-message__reply-description" }, [
           o("span", { class: "pi pi-camera" }),
           o("p", null, "Фотография")
         ], -1)),
-        e.message.text ? (r(), u("p", {
+        e.message.text ? (A(), u("p", {
           key: 0,
           innerHTML: f.value,
           onClick: a
         }, null, 8, vd)) : y("", !0)
       ]),
-      (r(), R(_e, { to: "body" }, [
+      (A(), R(_e, { to: "body" }, [
         F(Z, { name: "modal-fade" }, {
           default: K(() => [
-            n.value ? (r(), u("div", {
+            n.value ? (A(), u("div", {
               key: 0,
               class: "image-message__modal-overlay",
               onClick: i
@@ -18628,7 +18646,7 @@ const fu = ["data-theme"], au = {
                 o("button", {
                   class: "image-message__modal-close-button",
                   onClick: s
-                }, A[2] || (A[2] = [
+                }, r[2] || (r[2] = [
                   o("span", null, [
                     o("i", { class: "pi pi-times" })
                   ], -1)
@@ -18646,7 +18664,7 @@ const fu = ["data-theme"], au = {
       ]))
     ], 64));
   }
-}), _d = /* @__PURE__ */ U(Md, [["__scopeId", "data-v-15fb5caf"]]), Id = { class: "audio-message__play" }, wd = { class: "audio-message__text-container" }, kd = ["innerHTML"], Nd = /* @__PURE__ */ W({
+}), _d = /* @__PURE__ */ B(Md, [["__scopeId", "data-v-15fb5caf"]]), Id = { class: "audio-message__play" }, wd = { class: "audio-message__text-container" }, kd = ["innerHTML"], Nd = /* @__PURE__ */ W({
   __name: "ReplyAudioMessage",
   props: {
     message: {
@@ -18666,7 +18684,7 @@ const fu = ["data-theme"], au = {
     function a(s) {
       s.preventDefault(), s.target.href && window.open(s.target.href, "_blank");
     }
-    return (s, i) => (r(), u(q, null, [
+    return (s, i) => (A(), u(q, null, [
       Ae(o("div", Id, i[0] || (i[0] = [
         o("span", { class: "pi pi-play" }, null, -1)
       ]), 512), [
@@ -18677,7 +18695,7 @@ const fu = ["data-theme"], au = {
           o("span", { class: "pi pi-microphone" }),
           o("p", null, "Аудиосообщение")
         ], -1)),
-        e.message.text ? (r(), u("p", {
+        e.message.text ? (A(), u("p", {
           key: 0,
           innerHTML: f.value,
           onClick: a
@@ -18685,7 +18703,7 @@ const fu = ["data-theme"], au = {
       ])
     ], 64));
   }
-}), Dd = /* @__PURE__ */ U(Nd, [["__scopeId", "data-v-bae2afcf"]]), Ed = ["src"], Td = { class: "video-message__text-container" }, jd = ["innerHTML"], xd = { class: "video-message__modal" }, Vd = ["src", "alt"], Sd = /* @__PURE__ */ W({
+}), Dd = /* @__PURE__ */ B(Nd, [["__scopeId", "data-v-bae2afcf"]]), Ed = ["src"], Td = { class: "video-message__text-container" }, jd = ["innerHTML"], xd = { class: "video-message__modal" }, Vd = ["src", "alt"], Sd = /* @__PURE__ */ W({
   __name: "ReplyVideoMessage",
   props: {
     message: {
@@ -18702,19 +18720,19 @@ const fu = ["data-theme"], au = {
       },
       { immediate: !0 }
     );
-    function s(A) {
-      A.preventDefault(), A.target.href && window.open(A.target.href, "_blank");
+    function s(r) {
+      r.preventDefault(), r.target.href && window.open(r.target.href, "_blank");
     }
-    const i = () => f.value = !1, l = (A) => {
-      A.target.classList.contains("video-message__modal-overlay") && i();
-    }, c = (A) => {
-      A.key === "Escape" && f.value && i();
+    const i = () => f.value = !1, l = (r) => {
+      r.target.classList.contains("video-message__modal-overlay") && i();
+    }, c = (r) => {
+      r.key === "Escape" && f.value && i();
     };
     return le(() => {
       document.addEventListener("keydown", c);
     }), Ke(() => {
       document.removeEventListener("keydown", c);
-    }), (A, d) => (r(), u(q, null, [
+    }), (r, d) => (A(), u(q, null, [
       o("div", {
         class: "video-message__preview-button",
         onClick: d[0] || (d[0] = (g) => f.value = !0)
@@ -18730,16 +18748,16 @@ const fu = ["data-theme"], au = {
           o("span", { class: "pi pi-video" }),
           o("p", null, "Видео")
         ], -1)),
-        e.message.text ? (r(), u("p", {
+        e.message.text ? (A(), u("p", {
           key: 0,
           innerHTML: a.value,
           onClick: s
         }, null, 8, jd)) : y("", !0)
       ]),
-      (r(), R(_e, { to: "body" }, [
+      (A(), R(_e, { to: "body" }, [
         F(Z, { name: "modal-fade" }, {
           default: K(() => [
-            f.value ? (r(), u("div", {
+            f.value ? (A(), u("div", {
               key: 0,
               class: "video-message__modal-overlay",
               onClick: l
@@ -18770,7 +18788,7 @@ const fu = ["data-theme"], au = {
       ]))
     ], 64));
   }
-}), Cd = /* @__PURE__ */ U(Sd, [["__scopeId", "data-v-9ccb066c"]]), Od = ["href"], zd = { class: "file-message__filename-text" }, Ld = {
+}), Cd = /* @__PURE__ */ B(Sd, [["__scopeId", "data-v-9ccb066c"]]), Od = ["href"], zd = { class: "file-message__filename-text" }, Ld = {
   key: 0,
   class: "file-message__text"
 }, Ud = /* @__PURE__ */ W({
@@ -18791,7 +18809,7 @@ const fu = ["data-theme"], au = {
       { immediate: !0 }
     ), (f, a) => {
       var s;
-      return r(), u(q, null, [
+      return A(), u(q, null, [
         o("a", {
           class: "file-message__link",
           href: e.message.url,
@@ -18801,11 +18819,11 @@ const fu = ["data-theme"], au = {
           a[0] || (a[0] = o("span", { class: "pi pi-file" }, null, -1)),
           o("p", zd, k(e.message.filename), 1)
         ], 8, Od),
-        (s = e.message) != null && s.text ? (r(), u("p", Ld, k(e.message.text), 1)) : y("", !0)
+        (s = e.message) != null && s.text ? (A(), u("p", Ld, k(e.message.text), 1)) : y("", !0)
       ], 64);
     };
   }
-}), Bd = /* @__PURE__ */ U(Ud, [["__scopeId", "data-v-4fc32879"]]), Rd = ["id"], Yg = {
+}), Bd = /* @__PURE__ */ B(Ud, [["__scopeId", "data-v-4fc32879"]]), Rd = ["id"], Yg = {
   __name: "BaseContainer",
   props: {
     height: String,
@@ -18813,13 +18831,13 @@ const fu = ["data-theme"], au = {
   },
   setup(e) {
     const t = Gn();
-    return Mn("chatAppId", t), (n, f) => (r(), u("div", {
+    return Mn("chatAppId", t), (n, f) => (A(), u("div", {
       id: D(t),
       class: "base"
     }, [
       o("div", {
         class: "base__container",
-        style: ie({ height: e.height, width: e.width })
+        style: se({ height: e.height, width: e.width })
       }, [
         ne(n.$slots, "default")
       ], 4)
@@ -18841,7 +18859,7 @@ const fu = ["data-theme"], au = {
   },
   emits: ["close-window", "get-size"],
   setup(e, { emit: t }) {
-    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();
+    const n = e, f = b({ x: 0, y: 0 }), a = b(null), s = b(null), i = b(!1), l = b(0), c = b(0), r = b(0), d = Gn();
     Mn("chatAppId", d);
     const g = (h) => {
       i.value = !0, l.value = h.clientX - a.value.offsetLeft, c.value = h.clientY - a.value.offsetTop;
@@ -18866,13 +18884,13 @@ const fu = ["data-theme"], au = {
             window.innerHeight - a.value.offsetHeight
           )
         ));
-      }), A.value = a.value.offsetHeight - s.value.offsetHeight;
-    }), (h, v) => (r(), u("div", {
+      }), r.value = a.value.offsetHeight - s.value.offsetHeight;
+    }), (h, v) => (A(), u("div", {
       id: D(d),
       ref_key: "element",
       ref: a,
       class: "float-window",
-      style: ie({
+      style: se({
         left: f.value.x + "px",
         top: f.value.y + "px",
         userSelect: i.value ? "none" : "auto",
@@ -18890,7 +18908,7 @@ const fu = ["data-theme"], au = {
           onMouseup: m,
           onMouseleave: m
         }, [
-          n.avatar ? (r(), u("img", {
+          n.avatar ? (A(), u("img", {
             key: 0,
             class: "float-window__avatar",
             src: n.avatar,
@@ -18909,16 +18927,16 @@ const fu = ["data-theme"], au = {
         ], 544),
         o("div", {
           class: "float-window__content",
-          style: ie({ height: A.value + "px" })
+          style: se({ height: r.value + "px" })
         }, [
           ne(h.$slots, "default", {}, void 0, !0)
         ], 4)
       ])
     ], 12, Qd));
   }
-}, Pg = /* @__PURE__ */ U(qd, [["__scopeId", "data-v-95b4dc0e"]]), Hd = {}, Wd = { class: "base-layout__container" }, Kd = { class: "base-layout__first-col" }, Jd = { class: "base-layout__second-col" };
+}, Pg = /* @__PURE__ */ B(qd, [["__scopeId", "data-v-95b4dc0e"]]), Hd = {}, Wd = { class: "base-layout__container" }, Kd = { class: "base-layout__first-col" }, Jd = { class: "base-layout__second-col" };
 function Gd(e, t) {
-  return r(), u("div", Wd, [
+  return A(), u("div", Wd, [
     o("div", Kd, [
       ne(e.$slots, "first-col", {}, void 0, !0)
     ]),
@@ -18927,9 +18945,9 @@ function Gd(e, t) {
     ])
   ]);
 }
-const Fg = /* @__PURE__ */ U(Hd, [["render", Gd], ["__scopeId", "data-v-a5df3fcf"]]), Zd = {}, Xd = { class: "extend-layout__container" }, eg = { class: "extend-layout__first-col" }, tg = { class: "extend-layout__second-col" }, ng = { class: "extend-layout__third-col" };
+const Fg = /* @__PURE__ */ B(Hd, [["render", Gd], ["__scopeId", "data-v-a5df3fcf"]]), Zd = {}, Xd = { class: "extend-layout__container" }, eg = { class: "extend-layout__first-col" }, tg = { class: "extend-layout__second-col" }, ng = { class: "extend-layout__third-col" };
 function fg(e, t) {
-  return r(), u("div", Xd, [
+  return A(), u("div", Xd, [
     o("div", eg, [
       ne(e.$slots, "first-col", {}, void 0, !0)
     ]),
@@ -18941,15 +18959,15 @@ function fg(e, t) {
     ])
   ]);
 }
-const qg = /* @__PURE__ */ U(Zd, [["render", fg], ["__scopeId", "data-v-61f9f2d0"]]), ag = {}, sg = { class: "base-layout__container" }, ig = { class: "base-layout__first-col" };
+const qg = /* @__PURE__ */ B(Zd, [["render", fg], ["__scopeId", "data-v-61f9f2d0"]]), ag = {}, sg = { class: "base-layout__container" }, ig = { class: "base-layout__first-col" };
 function og(e, t) {
-  return r(), u("div", sg, [
+  return A(), u("div", sg, [
     o("div", ig, [
       ne(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Hg = /* @__PURE__ */ U(ag, [["render", og], ["__scopeId", "data-v-a4657f8e"]]), lg = ["id"], rg = {
+const Hg = /* @__PURE__ */ B(ag, [["render", og], ["__scopeId", "data-v-a4657f8e"]]), lg = ["id"], rg = {
   key: 0,
   class: "chat-wrapper__selected-chat"
 }, Ag = {
@@ -18981,25 +18999,25 @@ const Hg = /* @__PURE__ */ U(ag, [["render", og], ["__scopeId", "data-v-a4657f8e
         f && (f.style.setProperty("--chat-panel-width", t.chatPanelWidth + "%"), f.style.setProperty("--chat-panel-left", 100 - t.chatPanelWidth + "%"));
       },
       { immediate: !0 }
-    ), (f, a) => (r(), u("div", {
+    ), (f, a) => (A(), u("div", {
       class: "chat-wrapper",
       id: "chat-wrapper-" + D(n)
     }, [
-      e.isSelectedChat ? (r(), u("div", rg, [
+      e.isSelectedChat ? (A(), u("div", rg, [
         ne(f.$slots, "default", {}, void 0, !0)
-      ])) : (r(), u("div", Ag, [
+      ])) : (A(), u("div", Ag, [
         o("p", null, k(D(me)("layout.ChatWrapper.noSelectedChat")), 1)
       ])),
-      e.isOpenChatPanel ? (r(), u("div", {
+      e.isOpenChatPanel ? (A(), u("div", {
         key: 2,
         class: "chat-wrapper__chat-panel",
-        style: ie({ "flex-basis": e.isOpenChatPanel ? "40%" : "0%" })
+        style: se({ "flex-basis": e.isOpenChatPanel ? "40%" : "0%" })
       }, [
         ne(f.$slots, "chatpanel", {}, void 0, !0)
       ], 4)) : y("", !0)
     ], 8, lg));
   }
-}), Wg = /* @__PURE__ */ U(cg, [["__scopeId", "data-v-584eaa98"]]), ug = ["id"], dg = ["id"], gg = ["id"], mg = ["id"], pg = {
+}), Wg = /* @__PURE__ */ B(cg, [["__scopeId", "data-v-584eaa98"]]), ug = ["id"], dg = ["id"], gg = ["id"], mg = ["id"], pg = {
   __name: "AdaptiveExtendedLayout",
   props: {
     isSecondColVisible: {
@@ -19030,7 +19048,7 @@ const Hg = /* @__PURE__ */ U(ag, [["render", og], ["__scopeId", "data-v-a4657f8e
     return le(() => {
       const s = document.getElementById("extern-layout-container-" + n), i = document.getElementById("extend-layout-first-col-" + n);
       s.style.setProperty("--first-col-width", i.offsetWidth + "px");
-    }), (s, i) => (r(), u("div", {
+    }), (s, i) => (A(), u("div", {
       class: "extend-layout__container",
       ref: "refContainer",
       id: "extern-layout-container-" + D(n)
@@ -19055,7 +19073,7 @@ const Hg = /* @__PURE__ */ U(ag, [["render", og], ["__scopeId", "data-v-a4657f8e
       ], 8, mg)
     ], 8, ug));
   }
-}, Kg = /* @__PURE__ */ U(pg, [["__scopeId", "data-v-bc020414"]]);
+}, Kg = /* @__PURE__ */ B(pg, [["__scopeId", "data-v-bc020414"]]);
 export {
   Tg as $,
   k1 as A,
@@ -19084,7 +19102,7 @@ export {
   Hg as X,
   Wg as Y,
   Eg as Z,
-  U as _,
+  B as _,
   Gf as a,
   jg as a0,
   xg as a1,