@mobilon-dev/chotto 0.2.49 → 0.2.51

package/dist/{index-BF_DCp-1.js → index-DryqgSlZ.js}

@@ -1,4 +1,4 @@
-import { createElementBlock as u, openBlock as l, createStaticVNode as vf, inject as re, computed as F, createCommentVNode as v, createElementVNode as o, createVNode as q, createTextVNode as Ze, toDisplayString as E, renderSlot as de, unref as T, ref as h, customRef as Mn, defineComponent as ne, watch as ce, nextTick as Ae, onMounted as ve, withDirectives as ye, withKeys as Tt, vModelText as Uf, normalizeClass as j, createBlock as B, resolveDynamicComponent as Qe, Fragment as ee, renderList as ge, Transition as pe, withCtx as G, useTemplateRef as wn, normalizeStyle as he, Teleport as je, onUnmounted as sf, vShow as Ke, useId as l1, toRef as Jt, withModifiers as Ef, vModelRadio as Dt, reactive as Cn, provide as jf, getCurrentInstance as aa, toRaw as In, onBeforeUnmount as sa, readonly as ia, resolveComponent as y1, h as Gt, defineAsyncComponent as oa, createApp as la } from "vue";
+import { createElementBlock as u, openBlock as l, createStaticVNode as vf, inject as de, computed as Q, createCommentVNode as v, createElementVNode as o, createVNode as q, createTextVNode as Ze, toDisplayString as E, renderSlot as ge, unref as T, ref as h, customRef as Mn, defineComponent as ne, watch as ce, nextTick as me, onMounted as be, withDirectives as Me, withKeys as Tt, vModelText as Uf, normalizeClass as j, createBlock as B, resolveDynamicComponent as Qe, Fragment as ee, renderList as pe, Transition as he, withCtx as G, useTemplateRef as wn, normalizeStyle as _e, Teleport as je, onUnmounted as sf, vShow as Ke, useId as l1, toRef as Jt, withModifiers as Ef, vModelRadio as Dt, reactive as Cn, provide as jf, getCurrentInstance as aa, toRaw as In, onBeforeUnmount as sa, readonly as ia, resolveComponent as y1, h as Gt, defineAsyncComponent as oa, createApp as la } from "vue";
 const ua = "aaa1rp3bb0ott3vie4c1le2ogado5udhabi7c0ademy5centure6ountant0s9o1tor4d0s1ult4e0g1ro2tna4f0l1rica5g0akhan5ency5i0g1rbus3force5tel5kdn3l0ibaba4pay4lfinanz6state5y2sace3tom5m0azon4ericanexpress7family11x2fam3ica3sterdam8nalytics7droid5quan4z2o0l2partments8p0le4q0uarelle8r0ab1mco4chi3my2pa2t0e3s0da2ia2sociates9t0hleta5torney7u0ction5di0ble3o3spost5thor3o0s4w0s2x0a2z0ure5ba0by2idu3namex4d1k2r0celona5laycard4s5efoot5gains6seball5ketball8uhaus5yern5b0c1t1va3cg1n2d1e0ats2uty4er2rlin4st0buy5t2f1g1h0arti5i0ble3d1ke2ng0o3o1z2j1lack0friday9ockbuster8g1omberg7ue3m0s1w2n0pparibas9o0ats3ehringer8fa2m1nd2o0k0ing5sch2tik2on4t1utique6x2r0adesco6idgestone9oadway5ker3ther5ussels7s1t1uild0ers6siness6y1zz3v1w1y1z0h3ca0b1fe2l0l1vinklein9m0era3p2non3petown5ital0one8r0avan4ds2e0er0s4s2sa1e1h1ino4t0ering5holic7ba1n1re3c1d1enter4o1rn3f0a1d2g1h0anel2nel4rity4se2t2eap3intai5ristmas6ome4urch5i0priani6rcle4sco3tadel4i0c2y3k1l0aims4eaning6ick2nic1que6othing5ud3ub0med6m1n1o0ach3des3ffee4llege4ogne5m0mbank4unity6pany2re3uter5sec4ndos3struction8ulting7tact3ractors9oking4l1p2rsica5untry4pon0s4rses6pa2r0edit0card4union9icket5own3s1uise0s6u0isinella9v1w1x1y0mru3ou3z2dad1nce3ta1e1ing3sun4y2clk3ds2e0al0er2s3gree4livery5l1oitte5ta3mocrat6ntal2ist5si0gn4v2hl2iamonds6et2gital5rect0ory7scount3ver5h2y2j1k1m1np2o0cs1tor4g1mains5t1wnload7rive4tv2ubai3nlop4pont4rban5vag2r2z2earth3t2c0o2deka3u0cation8e1g1mail3erck5nergy4gineer0ing9terprises10pson4quipment8r0icsson6ni3s0q1tate5t1u0rovision8s2vents5xchange6pert3osed4ress5traspace10fage2il1rwinds6th3mily4n0s2rm0ers5shion4t3edex3edback6rrari3ero6i0delity5o2lm2nal1nce1ial7re0stone6mdale6sh0ing5t0ness6j1k1lickr3ghts4r2orist4wers5y2m1o0o0d1tball6rd1ex2sale4um3undation8x2r0ee1senius7l1ogans4ntier7tr2ujitsu5n0d2rniture7tbol5yi3ga0l0lery3o1up4me0s3p1rden4y2b0iz3d0n2e0a1nt0ing5orge5f1g0ee3h1i0ft0s3ves2ing5l0ass3e1obal2o4m0ail3bh2o1x2n1odaddy5ld0point6f2o0dyear5g0le4p1t1v2p1q1r0ainger5phics5tis4een3ipe3ocery4up4s1t1u0cci3ge2ide2tars5ru3w1y2hair2mburg5ngout5us3bo2dfc0bank7ealth0care8lp1sinki6re1mes5iphop4samitsu7tachi5v2k0t2m1n1ockey4ldings5iday5medepot5goods5s0ense7nda3rse3spital5t0ing5t0els3mail5use3w2r1sbc3t1u0ghes5yatt3undai7ibm2cbc2e1u2d1e0ee3fm2kano4l1m0amat4db2mo0bilien9n0c1dustries8finiti5o2g1k1stitute6urance4e4t0ernational10uit4vestments10o1piranga7q1r0ish4s0maili5t0anbul7t0au2v3jaguar4va3cb2e0ep2tzt3welry6io2ll2m0p2nj2o0bs1urg4t1y2p0morgan6rs3uegos4niper7kaufen5ddi3e0rryhotels6properties14fh2g1h1i0a1ds2m1ndle4tchen5wi3m1n1oeln3matsu5sher5p0mg2n2r0d1ed3uokgroup8w1y0oto4z2la0caixa5mborghini8er3nd0rover6xess5salle5t0ino3robe5w0yer5b1c1ds2ease3clerc5frak4gal2o2xus4gbt3i0dl2fe0insurance9style7ghting6ke2lly3mited4o2ncoln4k2ve1ing5k1lc1p2oan0s3cker3us3l1ndon4tte1o3ve3pl0financial11r1s1t0d0a3u0ndbeck6xe1ury5v1y2ma0drid4if1son4keup4n0agement7go3p1rket0ing3s4riott5shalls7ttel5ba2c0kinsey7d1e0d0ia3et2lbourne7me1orial6n0u2rckmsd7g1h1iami3crosoft7l1ni1t2t0subishi9k1l0b1s2m0a2n1o0bi0le4da2e1i1m1nash3ey2ster5rmon3tgage6scow4to0rcycles9v0ie4p1q1r1s0d2t0n1r2u0seum3ic4v1w1x1y1z2na0b1goya4me2vy3ba2c1e0c1t0bank4flix4work5ustar5w0s2xt0direct7us4f0l2g0o2hk2i0co2ke1on3nja3ssan1y5l1o0kia3rton4w0ruz3tv4p1r0a1w2tt2u1yc2z2obi1server7ffice5kinawa6layan0group9lo3m0ega4ne1g1l0ine5oo2pen3racle3nge4g0anic5igins6saka4tsuka4t2vh3pa0ge2nasonic7ris2s1tners4s1y3y2ccw3e0t2f0izer5g1h0armacy6d1ilips5one2to0graphy6s4ysio5ics1tet2ures6d1n0g1k2oneer5zza4k1l0ace2y0station9umbing5s3m1n0c2ohl2ker3litie5rn2st3r0axi3ess3ime3o0d0uctions8f1gressive8mo2perties3y5tection8u0dential9s1t1ub2w0c2y2qa1pon3uebec3st5racing4dio4e0ad1lestate6tor2y4cipes5d0stone5umbrella9hab3ise0n3t2liance6n0t0als5pair3ort3ublican8st0aurant8view0s5xroth6ich0ardli6oh3l1o1p2o0cks3deo3gers4om3s0vp3u0gby3hr2n2w0e2yukyu6sa0arland6fe0ty4kura4le1on3msclub4ung5ndvik0coromant12ofi4p1rl2s1ve2xo3b0i1s2c0b1haeffler7midt4olarships8ol3ule3warz5ience5ot3d1e0arch3t2cure1ity6ek2lect4ner3rvices6ven3w1x0y3fr2g1h0angrila6rp3ell3ia1ksha5oes2p0ping5uji3w3i0lk2na1gles5te3j1k0i0n2y0pe4l0ing4m0art3ile4n0cf3o0ccer3ial4ftbank4ware6hu2lar2utions7ng1y2y2pa0ce3ort2t3r0l2s1t0ada2ples4r1tebank4farm7c0group6ockholm6rage3e3ream4udio2y3yle4u0cks3pplies3y2ort5rf1gery5zuki5v1watch4iss4x1y0dney4stems6z2tab1ipei4lk2obao4rget4tamotors6r2too4x0i3c0i2d0k2eam2ch0nology8l1masek5nnis4va3f1g1h0d1eater2re6iaa2ckets5enda4ps2res2ol4j0maxx4x2k0maxx5l1m0all4n1o0day3kyo3ols3p1ray3shiba5tal3urs3wn2yota3s3r0ade1ing4ining5vel0ers0insurance16ust3v2t1ube2i1nes3shu4v0s2w1z2ua1bank3s2g1k1nicom3versity8o2ol2ps2s1y1z2va0cations7na1guard7c1e0gas3ntures6risign5mögensberater2ung14sicherung10t2g1i0ajes4deo3g1king4llas4n1p1rgin4sa1ion4va1o3laanderen9n1odka3lvo3te1ing3o2yage5u2wales2mart4ter4ng0gou5tch0es6eather0channel12bcam3er2site5d0ding5ibo2r3f1hoswho6ien2ki2lliamhill9n0dows4e1ners6me2olterskluwer11odside6rk0s2ld3w2s1tc1f3xbox3erox4ihuan4n2xx2yz3yachts4hoo3maxun5ndex5e1odobashi7ga2kohama6u0tube6t1un3za0ppos4ra3ero3ip2m1one3uerich6w2", ca = "ελ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", ht = "numeric", _t = "ascii", vt = "alpha", Zf = "asciinumeric", Wf = "alphanumeric", bt = "domain", kn = "emoji", ra = "scheme", da = "slashscheme", ot = "whitespace";
 function Aa(e, f) {
   return e in f || (f[e] = []), f[e];
@@ -140,7 +140,7 @@ Be.prototype = {
     return a.j[e] = s, s;
   }
 };
-const ue = (e, f, t, n, a) => e.ta(f, t, n, a), be = (e, f, t, n, a) => e.tr(f, t, n, a), Xt = (e, f, t, n, a) => e.ts(f, t, n, a), L = (e, f, t, n, a) => e.tt(f, t, n, a), uf = "WORD", yt = "UWORD", xn = "ASCIINUMERICAL", Tn = "ALPHANUMERICAL", n1 = "LOCALHOST", Mt = "TLD", wt = "UTLD", M1 = "SCHEME", Nf = "SLASH_SCHEME", Nt = "NUM", Ct = "WS", Et = "NL", Kf = "OPENBRACE", Jf = "CLOSEBRACE", I1 = "OPENBRACKET", k1 = "CLOSEBRACKET", x1 = "OPENPAREN", T1 = "CLOSEPAREN", D1 = "OPENANGLEBRACKET", N1 = "CLOSEANGLEBRACKET", E1 = "FULLWIDTHLEFTPAREN", j1 = "FULLWIDTHRIGHTPAREN", S1 = "LEFTCORNERBRACKET", V1 = "RIGHTCORNERBRACKET", L1 = "LEFTWHITECORNERBRACKET", O1 = "RIGHTWHITECORNERBRACKET", z1 = "FULLWIDTHLESSTHAN", B1 = "FULLWIDTHGREATERTHAN", U1 = "AMPERSAND", $1 = "APOSTROPHE", R1 = "ASTERISK", pf = "AT", Q1 = "BACKSLASH", F1 = "BACKTICK", P1 = "CARET", hf = "COLON", jt = "COMMA", Y1 = "DOLLAR", ef = "DOT", q1 = "EQUALS", St = "EXCLAMATION", Re = "HYPHEN", Gf = "PERCENT", H1 = "PIPE", W1 = "PLUS", Z1 = "POUND", Xf = "QUERY", Vt = "QUOTE", Dn = "FULLWIDTHMIDDLEDOT", Lt = "SEMI", ff = "SLASH", e1 = "TILDE", K1 = "UNDERSCORE", Nn = "EMOJI", J1 = "SYM";
+const ue = (e, f, t, n, a) => e.ta(f, t, n, a), ye = (e, f, t, n, a) => e.tr(f, t, n, a), Xt = (e, f, t, n, a) => e.ts(f, t, n, a), L = (e, f, t, n, a) => e.tt(f, t, n, a), uf = "WORD", yt = "UWORD", xn = "ASCIINUMERICAL", Tn = "ALPHANUMERICAL", n1 = "LOCALHOST", Mt = "TLD", wt = "UTLD", M1 = "SCHEME", Nf = "SLASH_SCHEME", Nt = "NUM", Ct = "WS", Et = "NL", Kf = "OPENBRACE", Jf = "CLOSEBRACE", I1 = "OPENBRACKET", k1 = "CLOSEBRACKET", x1 = "OPENPAREN", T1 = "CLOSEPAREN", D1 = "OPENANGLEBRACKET", N1 = "CLOSEANGLEBRACKET", E1 = "FULLWIDTHLEFTPAREN", j1 = "FULLWIDTHRIGHTPAREN", S1 = "LEFTCORNERBRACKET", V1 = "RIGHTCORNERBRACKET", L1 = "LEFTWHITECORNERBRACKET", O1 = "RIGHTWHITECORNERBRACKET", z1 = "FULLWIDTHLESSTHAN", B1 = "FULLWIDTHGREATERTHAN", U1 = "AMPERSAND", $1 = "APOSTROPHE", R1 = "ASTERISK", pf = "AT", Q1 = "BACKSLASH", F1 = "BACKTICK", P1 = "CARET", hf = "COLON", jt = "COMMA", Y1 = "DOLLAR", ef = "DOT", q1 = "EQUALS", St = "EXCLAMATION", Re = "HYPHEN", Gf = "PERCENT", H1 = "PIPE", W1 = "PLUS", Z1 = "POUND", Xf = "QUERY", Vt = "QUOTE", Dn = "FULLWIDTHMIDDLEDOT", Lt = "SEMI", ff = "SLASH", e1 = "TILDE", K1 = "UNDERSCORE", Nn = "EMOJI", J1 = "SYM";
 var En = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   ALPHANUMERICAL: Tn,
@@ -207,36 +207,36 @@ function ha(e = []) {
   Be.groups = f;
   const t = new Be();
   p1 == null && (p1 = fn(ua)), h1 == null && (h1 = fn(ca)), L(t, "'", $1), L(t, "{", Kf), L(t, "}", Jf), L(t, "[", I1), L(t, "]", k1), L(t, "(", x1), L(t, ")", T1), L(t, "<", D1), L(t, ">", N1), L(t, "（", E1), L(t, "）", j1), L(t, "「", S1), L(t, "」", V1), L(t, "『", L1), L(t, "』", O1), L(t, "＜", z1), L(t, "＞", B1), L(t, "&", U1), L(t, "*", R1), L(t, "@", pf), L(t, "`", F1), L(t, "^", P1), L(t, ":", hf), L(t, ",", jt), L(t, "$", Y1), L(t, ".", ef), L(t, "=", q1), L(t, "!", St), L(t, "-", Re), L(t, "%", Gf), L(t, "|", H1), L(t, "+", W1), L(t, "#", Z1), L(t, "?", Xf), L(t, '"', Vt), L(t, "/", ff), L(t, ";", Lt), L(t, "~", e1), L(t, "_", K1), L(t, "\\", Q1), L(t, "・", Dn);
-  const n = be(t, lf, Nt, {
+  const n = ye(t, lf, Nt, {
     [ht]: !0
   });
-  be(n, lf, n);
-  const a = be(n, of, xn, {
+  ye(n, lf, n);
+  const a = ye(n, of, xn, {
     [Zf]: !0
-  }), i = be(n, Pf, Tn, {
+  }), i = ye(n, Pf, Tn, {
     [Wf]: !0
-  }), s = be(t, of, uf, {
+  }), s = ye(t, of, uf, {
     [_t]: !0
   });
-  be(s, lf, a), be(s, of, s), be(a, lf, a), be(a, of, a);
-  const r = be(t, Pf, yt, {
+  ye(s, lf, a), ye(s, of, s), ye(a, lf, a), ye(a, of, a);
+  const r = ye(t, Pf, yt, {
     [vt]: !0
   });
-  be(r, of), be(r, lf, i), be(r, Pf, r), be(i, lf, i), be(i, of), be(i, Pf, i);
+  ye(r, of), ye(r, lf, i), ye(r, Pf, r), ye(i, lf, i), ye(i, of), ye(i, Pf, i);
   const c = L(t, ct, Et, {
     [ot]: !0
   }), d = L(t, en, Ct, {
     [ot]: !0
-  }), A = be(t, ut, Ct, {
+  }), A = ye(t, ut, Ct, {
     [ot]: !0
   });
-  L(t, rt, A), L(d, ct, c), L(d, rt, A), be(d, ut, A), L(A, en), L(A, ct), be(A, ut, A), L(A, rt, A);
-  const g = be(t, lt, Nn, {
+  L(t, rt, A), L(d, ct, c), L(d, rt, A), ye(d, ut, A), L(A, en), L(A, ct), ye(A, ut, A), L(A, rt, A);
+  const g = ye(t, lt, Nn, {
     [kn]: !0
   });
-  L(g, "#"), be(g, lt, g), L(g, ma, g);
+  L(g, "#"), ye(g, lt, g), L(g, ma, g);
   const p = L(g, pa);
-  L(p, "#"), be(p, lt, g);
+  L(p, "#"), ye(p, lt, g);
   const C = [[of, s], [lf, a]], y = [[of, null], [Pf, r], [lf, i]];
   for (let M = 0; M < p1.length; M++)
     mf(t, p1[M], Mt, uf, C);
@@ -608,13 +608,13 @@ function ba({
     [z1, B1]
     // ＜＞
   ];
-  for (let Y = 0; Y < fe.length; Y++) {
-    const [ae, J] = fe[Y], H = L(I, ae);
-    L(m, ae, H), L(H, J, I);
-    const Q = $e(_1);
-    ue(H, f, Q);
-    const $ = $e();
-    ue(H, t), ue(Q, f, Q), ue(Q, t, $), ue($, f, Q), ue($, t, $), L(Q, J, I), L($, J, I);
+  for (let P = 0; P < fe.length; P++) {
+    const [ae, K] = fe[P], H = L(I, ae);
+    L(m, ae, H), L(H, K, I);
+    const R = $e(_1);
+    ue(H, f, R);
+    const ie = $e();
+    ue(H, t), ue(R, f, R), ue(R, t, ie), ue(ie, f, R), ue(ie, t, ie), L(R, K, I), L(ie, K, I);
   }
   return L(a, n1, N), L(a, Et, va), {
     start: a,
@@ -789,7 +789,7 @@ const On = /* @__PURE__ */ z(ka, [["render", Ta]]), Da = {
   },
   emits: ["returnToChats"],
   setup(e, { emit: f }) {
-    const t = e, n = f, a = re("chatAppId"), i = F(() => {
+    const t = e, n = f, a = de("chatAppId"), i = Q(() => {
       if (t.description) return t.description;
       if (!t.description && t.defaultLastActivityTime) return t.chat["lastActivity.time"];
     });
@@ -816,19 +816,19 @@ const On = /* @__PURE__ */ z(ka, [["render", Ta]]), Da = {
             e.additionalTitle ? (l(), u("span", Oa, E(e.additionalTitle), 1)) : v("", !0)
           ]),
           i.value ? (l(), u("p", za, [
-            de(s.$slots, "img-description", {}, void 0, !0),
+            ge(s.$slots, "img-description", {}, void 0, !0),
             Ze(" " + E(i.value), 1)
           ])) : v("", !0)
         ]),
         o("div", Ba, [
-          de(s.$slots, "actions", {}, void 0, !0)
+          ge(s.$slots, "actions", {}, void 0, !0)
         ])
       ]),
       o("div", {
         id: "chat-info-search-panel-" + T(a),
         class: "chat-info__search-panel"
       }, [
-        de(s.$slots, "search", {}, void 0, !0)
+        ge(s.$slots, "search", {}, void 0, !0)
       ], 8, Ua)
     ])) : v("", !0);
   }
@@ -1359,7 +1359,7 @@ const fi = /* @__PURE__ */ z(Gs, [["render", ei]]), ti = { class: "chat-input__c
   },
   emits: ["send", "typing"],
   setup(e, { emit: f }) {
-    const t = f, n = re("chatAppId"), { resetMessage: a, getMessage: i, setMessageText: s, setForceSendMessage: r } = qe(n), c = h(), d = Ya("", 2e3), A = h(), g = e, p = F(() => !!(g.state == "disabled" || i().text == "" && !i().file || i().isRecording)), C = F(() => Js), y = F(() => {
+    const t = f, n = de("chatAppId"), { resetMessage: a, getMessage: i, setMessageText: s, setForceSendMessage: r } = qe(n), c = h(), d = Ya("", 2e3), A = h(), g = e, p = Q(() => !!(g.state == "disabled" || i().text == "" && !i().file || i().isRecording)), C = Q(() => Js), y = Q(() => {
       var I;
       if (g.inputButtonColor)
         return g.inputButtonColor;
@@ -1367,7 +1367,7 @@ const fi = /* @__PURE__ */ z(Gs, [["render", ei]]), ti = { class: "chat-input__c
         return "#25D366";
       const w = g.selectedChannel.channelId.toLowerCase();
       return w.includes("whatsapp") || w.includes("waba") ? "#25D366" : w.includes("telegram") ? "#37AFE2" : w.includes("sms") ? "#6C757D" : w.includes("max") ? "#4B0082" : "#25D366";
-    }), M = F(() => {
+    }), M = Q(() => {
       var I;
       if (!((I = g.selectedChannel) != null && I.channelId))
         return Te("component.ChatInput.InputPlaceholder");
@@ -1382,7 +1382,7 @@ const fi = /* @__PURE__ */ z(Gs, [["render", ei]]), ti = { class: "chat-input__c
     ), ce(
       () => g.focusOnInputArea,
       () => {
-        g.focusOnInputArea && Ae(() => {
+        g.focusOnInputArea && me(() => {
           const w = T(c);
           w == null || w.focus();
         });
@@ -1391,18 +1391,18 @@ const fi = /* @__PURE__ */ z(Gs, [["render", ei]]), ti = { class: "chat-input__c
     ), ce(
       () => i().text,
       () => {
-        Ae(() => {
+        me(() => {
           const w = c.value;
           if (!w) return;
           const I = w.scrollTop;
           w.style.height = "auto";
           const m = getComputedStyle(w), b = parseFloat(m.fontSize) || 16, D = parseFloat(m.lineHeight) || b * 1.4, O = 40, S = D * 11, fe = w.scrollHeight, ae = i().text.split(`
-`).length > 1, J = document.createElement("div");
-          J.style.position = "absolute", J.style.visibility = "hidden", J.style.whiteSpace = "nowrap", J.style.font = m.font, J.style.fontSize = m.fontSize, J.style.fontFamily = m.fontFamily, J.style.fontWeight = m.fontWeight, J.style.letterSpacing = m.letterSpacing, J.textContent = i().text, document.body.appendChild(J);
-          const H = J.offsetWidth;
-          document.body.removeChild(J);
-          const Q = parseFloat(m.paddingLeft) || 0, $ = parseFloat(m.paddingRight) || 0, W = w.clientWidth - Q - $, se = H > W, _e = ae || se;
-          i().text.trim() && _e ? fe <= S ? (w.style.height = fe + "px", w.style.overflowY = "hidden") : (w.style.height = S + "px", w.style.overflowY = "auto", w.scrollTop = I) : (w.style.height = O + "px", w.style.overflowY = "hidden");
+`).length > 1, K = document.createElement("div");
+          K.style.position = "absolute", K.style.visibility = "hidden", K.style.whiteSpace = "nowrap", K.style.font = m.font, K.style.fontSize = m.fontSize, K.style.fontFamily = m.fontFamily, K.style.fontWeight = m.fontWeight, K.style.letterSpacing = m.letterSpacing, K.textContent = i().text, document.body.appendChild(K);
+          const H = K.offsetWidth;
+          document.body.removeChild(K);
+          const R = parseFloat(m.paddingLeft) || 0, ie = parseFloat(m.paddingRight) || 0, Y = w.clientWidth - R - ie, J = H > Y, re = ae || J;
+          i().text.trim() && re ? fe <= S ? (w.style.height = fe + "px", w.style.overflowY = "hidden") : (w.style.height = S + "px", w.style.overflowY = "auto", w.scrollTop = I) : (w.style.height = O + "px", w.style.overflowY = "hidden");
         });
       },
       { immediate: !0 }
@@ -1415,12 +1415,12 @@ const fi = /* @__PURE__ */ z(Gs, [["render", ei]]), ti = { class: "chat-input__c
     const _ = (w) => {
       t("typing", w.target.value);
     }, k = () => {
-      Ae(() => {
+      me(() => {
         const w = c.value;
         w && (w.style.height = "40px", w.style.overflowY = "hidden");
       });
     };
-    ve(() => {
+    be(() => {
       k();
     });
     const N = (w) => {
@@ -1465,9 +1465,9 @@ const fi = /* @__PURE__ */ z(Gs, [["render", ei]]), ti = { class: "chat-input__c
         class: "chat-input__file-line"
       }, null, 8, ai),
       o("div", si, [
-        de(w.$slots, "inline-buttons", {}, void 0, !0)
+        ge(w.$slots, "inline-buttons", {}, void 0, !0)
       ]),
-      e.disabledPlaceholder && (e.state == "disabled" || T(i)().isRecording) ? (l(), u("div", ii, E(e.disabledPlaceholder), 1)) : ye((l(), u("textarea", {
+      e.disabledPlaceholder && (e.state == "disabled" || T(i)().isRecording) ? (l(), u("div", ii, E(e.disabledPlaceholder), 1)) : Me((l(), u("textarea", {
         key: 1,
         ref_key: "refInput",
         ref: c,
@@ -1490,7 +1490,7 @@ const fi = /* @__PURE__ */ z(Gs, [["render", ei]]), ti = { class: "chat-input__c
         ])
       ], 10, li),
       o("div", ci, [
-        de(w.$slots, "buttons", {}, void 0, !0)
+        ge(w.$slots, "buttons", {}, void 0, !0)
       ])
     ]));
   }
@@ -1509,7 +1509,7 @@ const fi = /* @__PURE__ */ z(Gs, [["render", ei]]), ti = { class: "chat-input__c
   emits: ["tab-click"],
   setup(e) {
     return (f, t) => (l(), u("ul", di, [
-      (l(!0), u(ee, null, ge(e.tabs, (n) => (l(), u("li", {
+      (l(!0), u(ee, null, pe(e.tabs, (n) => (l(), u("li", {
         key: n.id,
         class: j(["chat-tabs__item", { "chat-tabs__item--active": n.active }])
       }, [
@@ -1591,7 +1591,7 @@ const fi = /* @__PURE__ */ z(Gs, [["render", ei]]), ti = { class: "chat-input__c
   setup(e, { emit: f }) {
     const t = e, n = f, a = h(""), i = h(), s = h(!1), r = h(!1), c = h(!1), d = h(!1);
     function A() {
-      Ae(function() {
+      me(function() {
         const m = T(i);
         m.scrollTop = 0;
       });
@@ -1615,14 +1615,14 @@ const fi = /* @__PURE__ */ z(Gs, [["render", ei]]), ti = { class: "chat-input__c
           const m = T(i);
           m.scrollTop = m.scrollHeight;
         }
-        Ae(() => {
+        me(() => {
           g();
         });
       }
     ), ce(
       () => i.value,
       () => {
-        i.value && Ae(() => {
+        i.value && me(() => {
           g();
         });
       },
@@ -1657,9 +1657,9 @@ const fi = /* @__PURE__ */ z(Gs, [["render", ei]]), ti = { class: "chat-input__c
     return (m, b) => (l(), u("div", bi, [
       o("div", yi, [
         e.titleEnabled ? (l(), u("h2", Mi, E(t.title), 1)) : v("", !0),
-        de(m.$slots, "actions", {}, void 0, !0)
+        ge(m.$slots, "actions", {}, void 0, !0)
       ]),
-      de(m.$slots, "sidebar", {}, void 0, !0),
+      ge(m.$slots, "sidebar", {}, void 0, !0),
       e.filterEnabled ? (l(), B(T(Pl), {
         key: 0,
         class: "chat-list__filter",
@@ -1689,7 +1689,7 @@ const fi = /* @__PURE__ */ z(Gs, [["render", ei]]), ti = { class: "chat-input__c
           ], -1)
         ]))) : (l(), u(ee, { key: 1 }, [
           o("div", Ci, [
-            (l(!0), u(ee, null, ge(N().filter((D) => D.isFixedTop), (D) => (l(), B(T(At), {
+            (l(!0), u(ee, null, pe(N().filter((D) => D.isFixedTop), (D) => (l(), B(T(At), {
               key: D.chatId,
               class: "chat-list__item",
               chat: D,
@@ -1702,7 +1702,7 @@ const fi = /* @__PURE__ */ z(Gs, [["render", ei]]), ti = { class: "chat-input__c
             }, null, 8, ["chat", "show-dialogs", "has-scroll", "context-menu-trigger"]))), 128))
           ]),
           o("div", Ii, [
-            (l(!0), u(ee, null, ge(N().filter((D) => !D.isFixedBottom && !D.isFixedTop), (D) => (l(), B(T(At), {
+            (l(!0), u(ee, null, pe(N().filter((D) => !D.isFixedBottom && !D.isFixedTop), (D) => (l(), B(T(At), {
               key: D.chatId,
               class: "chat-list__item",
               chat: D,
@@ -1715,7 +1715,7 @@ const fi = /* @__PURE__ */ z(Gs, [["render", ei]]), ti = { class: "chat-input__c
             }, null, 8, ["chat", "show-dialogs", "has-scroll", "context-menu-trigger"]))), 128))
           ]),
           o("div", ki, [
-            (l(!0), u(ee, null, ge(N().filter((D) => D.isFixedBottom), (D) => (l(), B(T(At), {
+            (l(!0), u(ee, null, pe(N().filter((D) => D.isFixedBottom), (D) => (l(), B(T(At), {
               key: D.chatId,
               class: "chat-list__item",
               chat: D,
@@ -1729,7 +1729,7 @@ const fi = /* @__PURE__ */ z(Gs, [["render", ei]]), ti = { class: "chat-input__c
           ])
         ], 64))
       ], 544),
-      q(pe, null, {
+      q(he, null, {
         default: G(() => [
           r.value ? (l(), u("button", {
             key: 0,
@@ -1767,7 +1767,7 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
   },
   emits: ["action"],
   setup(e, { expose: f, emit: t }) {
-    const n = wn("keyboard"), a = t, i = re("chatAppId"), { setMessageText: s, setForceSendMessage: r } = qe(i), c = (d) => {
+    const n = wn("keyboard"), a = t, i = de("chatAppId"), { setMessageText: s, setForceSendMessage: r } = qe(i), c = (d) => {
       d.action && typeof d.action == "function" ? d.action() : d.action != null ? a("action", d.action) : (s(d.text), r(!0));
     };
     return f({
@@ -1776,10 +1776,10 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
       ref: "keyboard",
       class: j(["keyboard__container", [`keyboard__container--${e.align}`]])
     }, [
-      (l(!0), u(ee, null, ge(e.keyboard, (g) => (l(), u("div", {
+      (l(!0), u(ee, null, pe(e.keyboard, (g) => (l(), u("div", {
         key: g.text,
         class: "keyboard__key",
-        style: he({ "box-shadow": "0px 0px 10px 5px " + g.color }),
+        style: _e({ "box-shadow": "0px 0px 10px 5px " + g.color }),
         onClick: (p) => c(g)
       }, [
         o("p", null, E(g.text), 1)
@@ -1802,7 +1802,7 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
   },
   emits: ["action"],
   setup(e, { emit: f }) {
-    const t = e, n = f, a = F(() => [...t.buttons].sort((s, r) => s.order - r.order)), i = (s) => {
+    const t = e, n = f, a = Q(() => [...t.buttons].sort((s, r) => s.order - r.order)), i = (s) => {
       typeof s.action == "function" ? s.action() : s.action != null && n("action", s.action);
     };
     return (s, r) => (l(), u("div", {
@@ -1810,10 +1810,10 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
         `feed-keyboard__container--${e.align}`
       ]])
     }, [
-      (l(!0), u(ee, null, ge(a.value, (c) => (l(), u("div", {
+      (l(!0), u(ee, null, pe(a.value, (c) => (l(), u("div", {
         key: c.key,
         class: "feed-keyboard__button",
-        style: he({
+        style: _e({
           "box-shadow": c["shadow-color"] && c["shadow-color"] !== "none" ? `0px 4px 4px ${c["shadow-color"]}, 0px 1px 2px ${c["shadow-color"]}` : "none",
           color: c["text-color"] || "inherit"
         }),
@@ -1902,38 +1902,38 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
     let C = null;
     const y = h(0), M = h(0), _ = h(!1), k = h(0), N = h(0), x = h(!1), w = h(!1), I = h(!1), m = on(() => {
       Df();
-    }, 150), b = e, D = re("chatAppId"), { setReply: O, getMessage: S, resetReply: fe } = qe(D), Y = f, ae = F(() => !!(s.value && b.objects.length > 0 && b.objects[b.objects.length - 1].keyboard)), J = (P) => {
-      Y("keyboardAction", P);
-    }, H = (P) => {
-      Y("feedAction", P);
+    }, 150), b = e, D = de("chatAppId"), { setReply: O, getMessage: S, resetReply: fe } = qe(D), P = f, ae = Q(() => !!(s.value && b.objects.length > 0 && b.objects[b.objects.length - 1].keyboard)), K = (F) => {
+      P("keyboardAction", F);
+    }, H = (F) => {
+      P("feedAction", F);
     };
-    function Q(P = !0) {
-      const Z = T(n);
-      let K = 0;
-      a.value && (K = a.value.refKeyboard.clientHeight);
-      const oe = 100, le = Z.scrollHeight - Z.scrollTop - Z.clientHeight;
-      le < oe + K ? (i.value = !1, s.value = !0) : (i.value = !0, s.value = !1), A.value ? (Z.scrollTop < 300 && !b.isLoadingMore && Y("loadMore"), le < 300 && (c.value = !1, d.value = !0)) : P && (Z.scrollTop < 300 && (k.value = Z.scrollHeight, N.value = Z.scrollTop, x.value = !0, r.value = !1), le < 300 && (c.value = !1)), Tf(), g.value = !0, C && window.clearTimeout(C), C = window.setTimeout(() => {
+    function R(F = !0) {
+      const W = T(n);
+      let Z = 0;
+      a.value && (Z = a.value.refKeyboard.clientHeight);
+      const oe = 100, le = W.scrollHeight - W.scrollTop - W.clientHeight;
+      le < oe + Z ? (i.value = !1, s.value = !0) : (i.value = !0, s.value = !1), A.value ? (W.scrollTop < 300 && !b.isLoadingMore && P("loadMore"), le < 300 && (c.value = !1, d.value = !0)) : F && (W.scrollTop < 300 && (k.value = W.scrollHeight, N.value = W.scrollTop, x.value = !0, r.value = !1), le < 300 && (c.value = !1)), Tf(), g.value = !0, C && window.clearTimeout(C), C = window.setTimeout(() => {
         g.value = !1;
       }, 500);
     }
     ce(
       () => [c.value, r.value],
       () => {
-        c.value || Y("loadMoreDown"), r.value || Y("loadMore");
+        c.value || P("loadMoreDown"), r.value || P("loadMore");
       }
     ), ce(
       () => b.isLoadingMore,
-      (P, Z) => {
-        Z === !1 && P === !0 && (M.value = b.objects.length, y.value = 0), Z === !0 && P === !1 && (Ae(() => {
+      (F, W) => {
+        W === !1 && F === !0 && (M.value = b.objects.length, y.value = 0), W === !0 && F === !1 && (me(() => {
           setTimeout(() => {
             try {
-              const K = T(n);
-              if (x.value && K) {
-                const oe = K.style.scrollBehavior;
-                K.style.scrollBehavior = "auto";
-                const le = K.scrollHeight - k.value;
-                K.scrollTop = N.value + le, setTimeout(() => {
-                  K.style.scrollBehavior = oe || "auto";
+              const Z = T(n);
+              if (x.value && Z) {
+                const oe = Z.style.scrollBehavior;
+                Z.style.scrollBehavior = "auto";
+                const le = Z.scrollHeight - k.value;
+                Z.scrollTop = N.value + le, setTimeout(() => {
+                  Z.style.scrollBehavior = oe || "auto";
                 }, 50);
               }
             } finally {
@@ -1942,30 +1942,30 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
               }, 500);
             }
           }, 0);
-        }), Ae(() => {
-          const K = b.objects;
-          if (K && K.length > M.value) {
-            const oe = K.length - M.value;
-            y.value = oe, Ae(() => {
+        }), me(() => {
+          const Z = b.objects;
+          if (Z && Z.length > M.value) {
+            const oe = Z.length - M.value;
+            y.value = oe, me(() => {
               const le = document.querySelectorAll(".tracking-message");
-              Array.from(le).slice(0, oe).forEach((Ce) => {
-                Ce.classList.add("new-message");
+              Array.from(le).slice(0, oe).forEach((we) => {
+                we.classList.add("new-message");
               });
             }), setTimeout(() => {
               let le = document.querySelectorAll(".tracking-message.new-message");
               if (le.length === 0) {
-                const ke = document.querySelectorAll(".tracking-message"), Ce = Array.from(ke).slice(0, oe);
-                if (Ce.length > 0) {
-                  if (Ce.forEach((We) => {
+                const ke = document.querySelectorAll(".tracking-message"), we = Array.from(ke).slice(0, oe);
+                if (we.length > 0) {
+                  if (we.forEach((We) => {
                     We.classList.add("new-message");
                   }), w.value)
                     return;
-                  Ce.forEach((We, rf) => {
+                  we.forEach((We, rf) => {
                     setTimeout(() => {
                       We.classList.add("animate");
                     }, rf * 150);
                   }), setTimeout(() => {
-                    Ce.forEach((We) => {
+                    we.forEach((We) => {
                       We.classList.remove("new-message", "animate");
                     }), y.value = 0;
                   }, oe * 150 + 1500);
@@ -1975,10 +1975,10 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
               if (le.length > 0) {
                 if (w.value)
                   return;
-                le.forEach((ke, Ce) => {
+                le.forEach((ke, we) => {
                   setTimeout(() => {
                     ke.classList.add("animate");
-                  }, Ce * 150);
+                  }, we * 150);
                 }), setTimeout(() => {
                   le.forEach((ke) => {
                     ke.classList.remove("new-message", "animate");
@@ -1991,12 +1991,12 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
         }));
       }
     );
-    const $ = (P) => {
-      const Z = T(n);
-      (P.offsetX > Z.clientWidth || P.offsetY > Z.clientHeight) && (A.value = !0);
-    }, W = () => {
+    const ie = (F) => {
+      const W = T(n);
+      (F.offsetX > W.clientWidth || F.offsetY > W.clientHeight) && (A.value = !0);
+    }, Y = () => {
       A.value = !1;
-    }, se = on(() => Q(), 250), _e = (P) => ({
+    }, J = on(() => R(), 250), re = (F) => ({
       "message.text": Z3,
       "message.image": $3,
       "message.file": I3,
@@ -2007,63 +2007,63 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
       "message.delimiter": FA,
       "system.date": y4,
       "message.typing": yn
-    })[P];
-    function Me() {
-      Ae(() => {
-        const P = T(n);
-        P && (P.scrollTop = P.scrollHeight);
+    })[F];
+    function ve() {
+      me(() => {
+        const F = T(n);
+        F && (F.scrollTop = F.scrollHeight);
       });
     }
-    function De() {
-      const P = T(n);
-      if (!P) return;
-      P.scrollHeight - P.scrollTop - P.clientHeight > 5 && (P.scrollTop = P.scrollHeight);
+    function Ce() {
+      const F = T(n);
+      if (!F) return;
+      F.scrollHeight - F.scrollTop - F.clientHeight > 5 && (F.scrollTop = F.scrollHeight);
     }
     function Se() {
-      Ae(() => {
-        const P = T(n);
-        P && (P.style.scrollBehavior = "smooth", P.scrollTop = P.scrollHeight);
+      me(() => {
+        const F = T(n);
+        F && (F.style.scrollBehavior = "smooth", F.scrollTop = F.scrollHeight);
       });
     }
-    function we() {
-      !_.value && b.objects.length > 0 && (_.value = !0, Me());
+    function De() {
+      !_.value && b.objects.length > 0 && (_.value = !0, ve());
     }
     function U() {
-      Y("forceScrollToBottom"), Se();
+      P("forceScrollToBottom"), Se();
     }
     ce(
       () => b.scrollToBottom,
       () => {
-        b.scrollToBottom && Me();
+        b.scrollToBottom && ve();
       }
     );
-    const te = (P) => {
-      Y("messageAction", P);
-    }, X = (P) => {
-      Y("clickRepliedMessage", P);
-    }, me = (P, Z) => {
-      if (b.enableDoubleClickReply && (P == null || P.preventDefault(), Z.type.indexOf("system") == -1 && Z.type.indexOf("typing") == -1)) {
-        const K = document.getElementById("chat-input-reply-line-" + D);
-        K && (K.style.display = "inherit"), O({
-          messageId: Z.messageId,
-          type: Z.type,
-          text: Z.text,
-          filename: Z.filename,
-          url: Z.url,
-          header: Z.header,
-          callDuration: Z.callDuration
+    const te = (F) => {
+      P("messageAction", F);
+    }, X = (F) => {
+      P("clickRepliedMessage", F);
+    }, Ae = (F, W) => {
+      if (b.enableDoubleClickReply && (F == null || F.preventDefault(), W.type.indexOf("system") == -1 && W.type.indexOf("typing") == -1)) {
+        const Z = document.getElementById("chat-input-reply-line-" + D);
+        Z && (Z.style.display = "inherit"), O({
+          messageId: W.messageId,
+          type: W.type,
+          text: W.text,
+          filename: W.filename,
+          url: W.url,
+          header: W.header,
+          callDuration: W.callDuration
         });
       }
     }, Ne = () => {
       fe();
-      const P = document.getElementById("chat-input-reply-line-" + D);
-      P && (P.style.display = "none");
-    }, He = (P) => {
-      P.forEach((Z) => {
-        if (Z.isIntersecting) {
-          Y("messageVisible", JSON.parse(Z.target.id));
-          const K = Z.target;
-          K.classList && K.classList.contains("new-message") && K.classList.add("animate");
+      const F = document.getElementById("chat-input-reply-line-" + D);
+      F && (F.style.display = "none");
+    }, He = (F) => {
+      F.forEach((W) => {
+        if (W.isIntersecting) {
+          P("messageVisible", JSON.parse(W.target.id));
+          const Z = W.target;
+          Z.classList && Z.classList.contains("new-message") && Z.classList.add("animate");
         }
       });
     }, cf = {
@@ -2073,12 +2073,12 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
     }, xf = new IntersectionObserver(He, cf);
     ce(
       () => b.objects,
-      (P, Z) => {
-        Ae(() => {
-          if (!_.value && P.length > 0 && we(), Z && P.length > Z.length) {
-            const K = P.length - Z.length;
+      (F, W) => {
+        me(() => {
+          if (!_.value && F.length > 0 && De(), W && F.length > W.length) {
+            const Z = F.length - W.length;
             if (b.isLoadingMore)
-              y.value = K, M.value = Z.length, Ae(() => {
+              y.value = Z, M.value = W.length, me(() => {
                 const oe = document.querySelectorAll(".tracking-message.new-message");
                 oe.forEach((le, ke) => {
                   setTimeout(() => {
@@ -2088,14 +2088,14 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
                   oe.forEach((le) => {
                     le.classList.remove("new-message", "animate");
                   }), y.value = 0;
-                }, K * 150 + 1500);
+                }, Z * 150 + 1500);
               });
             else {
               const oe = T(n);
-              oe && (oe.scrollHeight - oe.scrollTop - oe.clientHeight < 50 || I.value) && Me();
+              oe && (oe.scrollHeight - oe.scrollTop - oe.clientHeight < 50 || I.value) && ve();
             }
           }
-          r.value = !0, c.value = !0, Q(!1), t.value = document.querySelectorAll(".tracking-message"), t.value.forEach((K) => xf.observe(K)), Ae(() => {
+          r.value = !0, c.value = !0, R(!1), t.value = document.querySelectorAll(".tracking-message"), t.value.forEach((Z) => xf.observe(Z)), me(() => {
             m();
           });
         });
@@ -2104,47 +2104,47 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
     ), ce(
       () => b.scrollTo,
       () => {
-        var P;
+        var F;
         if (b.scrollTo) {
-          const Z = b.scrollTo;
-          let K = document.getElementById(Z), oe = document.getElementById("feed-container-" + D);
-          K instanceof HTMLElement && oe instanceof HTMLElement && (oe.scrollTop = K.offsetTop + K.clientHeight / 2 - oe.clientHeight / 2), (P = document.getElementById(Z)) == null || P.children[0].classList.add("focused-message"), setTimeout(() => {
+          const W = b.scrollTo;
+          let Z = document.getElementById(W), oe = document.getElementById("feed-container-" + D);
+          Z instanceof HTMLElement && oe instanceof HTMLElement && (oe.scrollTop = Z.offsetTop + Z.clientHeight / 2 - oe.clientHeight / 2), (F = document.getElementById(W)) == null || F.children[0].classList.add("focused-message"), setTimeout(() => {
             var le;
-            (le = document.getElementById(Z)) == null || le.children[0].classList.remove("focused-message");
+            (le = document.getElementById(W)) == null || le.children[0].classList.remove("focused-message");
           }, 2e3);
         }
       }
     );
-    const Mf = F(() => !b.objects || b.objects.length === 0 ? [] : b.objects.map((P, Z, K) => {
-      const oe = Z > 0 && K[Z - 1].position === P.position && K[Z - 1].header === P.header, le = Z > 0 && !["message.system", "message.typing"].includes(K[Z - 1].type), ke = !oe || !le, Ce = b.isLoadingMore && y.value > 0 && Z < y.value;
+    const Mf = Q(() => !b.objects || b.objects.length === 0 ? [] : b.objects.map((F, W, Z) => {
+      const oe = W > 0 && Z[W - 1].position === F.position && Z[W - 1].header === F.header, le = W > 0 && !["message.system", "message.typing"].includes(Z[W - 1].type), ke = !oe || !le, we = b.isLoadingMore && y.value > 0 && W < y.value;
       return {
-        ...P,
+        ...F,
         isFirstInSeries: ke,
-        isNewMessage: Ce
+        isNewMessage: we
       };
     }));
     function Tf() {
-      const P = T(n);
-      if (!P || !t.value) return;
-      const Z = P.getBoundingClientRect().top;
-      let K = null;
+      const F = T(n);
+      if (!F || !t.value) return;
+      const W = F.getBoundingClientRect().top;
+      let Z = null;
       for (const oe of t.value) {
         const le = oe.getBoundingClientRect();
-        if (le.top <= Z + 1 && le.bottom > Z) {
-          K = oe;
+        if (le.top <= W + 1 && le.bottom > W) {
+          Z = oe;
           break;
         }
       }
-      if (!K) {
+      if (!Z) {
         for (const oe of t.value)
-          if (oe.getBoundingClientRect().top >= Z) {
-            K = oe;
+          if (oe.getBoundingClientRect().top >= W) {
+            Z = oe;
             break;
           }
       }
-      if (K)
+      if (Z)
         try {
-          const oe = JSON.parse(K.id);
+          const oe = JSON.parse(Z.id);
           if (!oe || !oe.timestamp) return;
           const le = new Date(Number(oe.timestamp) * 1e3);
           p.value = le.toLocaleDateString();
@@ -2152,35 +2152,35 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
         }
     }
     function Df() {
-      const P = T(n);
-      if (!P) return;
-      const K = !(P.scrollHeight > P.clientHeight) && b.objects.length > 0;
-      I.value !== K && (I.value = K);
+      const F = T(n);
+      if (!F) return;
+      const Z = !(F.scrollHeight > F.clientHeight) && b.objects.length > 0;
+      I.value !== Z && (I.value = Z);
     }
-    return ve(() => {
-      Ae(() => {
-        b.objects.length > 0 && !_.value && we();
-        const P = new ResizeObserver(() => {
-          m(), b.scrollToBottom && (Me(), setTimeout(() => {
-            De();
+    return be(() => {
+      me(() => {
+        b.objects.length > 0 && !_.value && De();
+        const F = new ResizeObserver(() => {
+          m(), b.scrollToBottom && (ve(), setTimeout(() => {
+            Ce();
           }, 200), setTimeout(() => {
-            De();
+            Ce();
           }, 800));
         });
-        n.value && P.observe(n.value);
+        n.value && F.observe(n.value);
       });
-    }), (P, Z) => (l(), u(ee, null, [
+    }), (F, W) => (l(), u(ee, null, [
       e.objects.length > 0 || e.typing ? (l(), u("div", {
         key: 0,
         id: "feed-container-" + T(D),
         ref_key: "refFeed",
         ref: n,
         class: "message-feed",
-        onScroll: Z[0] || (Z[0] = (K) => T(se)()),
-        onMousedown: $,
-        onMouseup: W
+        onScroll: W[0] || (W[0] = (Z) => T(J)()),
+        onMousedown: ie,
+        onMouseup: Y
       }, [
-        q(pe, null, {
+        q(he, null, {
           default: G(() => [
             g.value ? (l(), B(T(UA), {
               key: 0,
@@ -2191,18 +2191,18 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
           _: 1
         }),
         I.value ? (l(), u("div", Li)) : v("", !0),
-        (l(!0), u(ee, null, ge(Mf.value, (K, oe) => (l(), u("div", {
-          id: JSON.stringify(K),
-          key: `${K.messageId ?? "mid"}-${oe}`,
-          class: j(["tracking-message", { "new-message": K.isNewMessage }]),
-          onDblclick: (le) => me(le, K)
+        (l(!0), u(ee, null, pe(Mf.value, (Z, oe) => (l(), u("div", {
+          id: JSON.stringify(Z),
+          key: `${Z.messageId ?? "mid"}-${oe}`,
+          class: j(["tracking-message", { "new-message": Z.isNewMessage }]),
+          onDblclick: (le) => Ae(le, Z)
         }, [
-          (l(), B(Qe(_e(K.type)), {
-            key: `${K.messageId ?? "mid"}-${oe}`,
+          (l(), B(Qe(re(Z.type)), {
+            key: `${Z.messageId ?? "mid"}-${oe}`,
             class: "message-feed__message",
-            message: K,
+            message: Z,
             "apply-style": e.applyStyle,
-            "is-first-in-series": K.isFirstInSeries,
+            "is-first-in-series": Z.isFirstInSeries,
             "subtext-tooltip-data": e.subtextTooltipData,
             onAction: te,
             onReply: X
@@ -2215,7 +2215,7 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
             avatar: e.typing.avatar
           }
         }, null, 8, ["message"])) : v("", !0),
-        q(pe, null, {
+        q(he, null, {
           default: G(() => [
             ae.value ? (l(), B(Ni, {
               key: 0,
@@ -2224,12 +2224,12 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
               class: "message-feed__keyboard",
               keyboard: e.objects[e.objects.length - 1].keyboard,
               align: e.keyboardAlign,
-              onAction: J
+              onAction: K
             }, null, 8, ["keyboard", "align"])) : v("", !0)
           ]),
           _: 1
         }),
-        q(pe, null, {
+        q(he, null, {
           default: G(() => [
             i.value ? (l(), u("button", {
               key: 0,
@@ -2237,7 +2237,7 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
               onClick: U
             }, [
               e.buttonParams ? (l(), u("div", zi, E(e.buttonParams.unreadAmount), 1)) : v("", !0),
-              Z[1] || (Z[1] = o("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
+              W[1] || (W[1] = o("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
             ])) : v("", !0)
           ]),
           _: 1
@@ -2255,7 +2255,7 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
         class: "message-feed"
       }, [
         o("div", Bi, [
-          de(P.$slots, "empty-feed", {}, void 0, !0)
+          ge(F.$slots, "empty-feed", {}, void 0, !0)
         ])
       ], 512)),
       T(S)().reply ? (l(), B(je, {
@@ -2289,7 +2289,7 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
       e.user.avatar ? (l(), u("div", Ri, [
         o("span", {
           class: "profile__status",
-          style: he({ backgroundColor: e.user.status })
+          style: _e({ backgroundColor: e.user.status })
         }, null, 4),
         o("img", {
           src: e.user.avatar,
@@ -2318,7 +2318,7 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
     }, a = (i) => {
       i.key === "Escape" && t("close");
     };
-    return ve(() => {
+    return be(() => {
       document.addEventListener("keydown", a);
     }), sf(() => {
       document.removeEventListener("keydown", a);
@@ -2337,7 +2337,7 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
             o("i", { class: "pi pi-times" })
           ], -1)
         ])),
-        de(i.$slots, "default", {}, void 0, !0)
+        ge(i.$slots, "default", {}, void 0, !0)
       ])
     ], 40, Hi));
   }
@@ -2369,15 +2369,15 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
   },
   emits: ["reset"],
   setup(e, { emit: f }) {
-    const t = re("chatAppId"), { getTheme: n } = Ue(t), a = f, i = h(), s = h(), r = h(!1), c = h(0), d = h(0), A = h(!1), g = () => A.value = !1;
+    const t = de("chatAppId"), { getTheme: n } = Ue(t), a = f, i = h(), s = h(), r = h(!1), c = h(0), d = h(0), A = h(!1), g = () => A.value = !1;
     function p() {
       i.value && (r.value ? i.value.pause() : i.value.play(), r.value = !r.value);
     }
     const C = (_) => {
       const k = Math.floor(_ / 60), N = Math.floor(_ % 60);
       return `${k.toString().padStart(2, "0")}:${N.toString().padStart(2, "0")}`;
-    }, y = F(() => i.value ? C(d.value) : "0:00"), M = F(() => i.value || s.value ? C(c.value) : "0:00");
-    return ve(() => {
+    }, y = Q(() => i.value ? C(d.value) : "0:00"), M = Q(() => i.value || s.value ? C(c.value) : "0:00");
+    return be(() => {
       i.value != null && (i.value.addEventListener("loadedmetadata", () => {
         i.value != null && (i.value.duration == 1 / 0 || Number.isNaN(i.value.duration)) && (i.value.currentTime = 1e101, i.value.addEventListener("timeupdate", () => {
           i.value && (i.value.currentTime = 0, c.value = i.value.duration);
@@ -2432,10 +2432,10 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
             class: "preview__audio-control",
             onClick: p
           }, [
-            ye(o("span", to, null, 512), [
+            Me(o("span", to, null, 512), [
               [Ke, !r.value]
             ]),
-            ye(o("span", no, null, 512), [
+            Me(o("span", no, null, 512), [
               [Ke, r.value]
             ])
           ])
@@ -2461,7 +2461,7 @@ const Ti = ["onClick"], Di = /* @__PURE__ */ ne({
         ])
       ]),
       (l(), B(je, { to: "body" }, [
-        q(pe, { name: "modal-fade" }, {
+        q(he, { name: "modal-fade" }, {
           default: G(() => [
             A.value ? (l(), B(u1, {
               key: 0,
@@ -2558,7 +2558,7 @@ const bo = /* @__PURE__ */ z(ho, [["render", vo]]), yo = { key: 0 }, Mo = { key:
   },
   emits: ["fileUploaded"],
   setup(e, { emit: f }) {
-    const t = e, n = h(""), a = h(), i = h(), s = re("chatAppId"), { setMessageFile: r, resetMessageFile: c, getMessage: d, setRecordingMessage: A } = qe(s), g = F(() => !d().file), p = () => {
+    const t = e, n = h(""), a = h(), i = h(), s = de("chatAppId"), { setMessageFile: r, resetMessageFile: c, getMessage: d, setRecordingMessage: A } = qe(s), g = Q(() => !d().file), p = () => {
       const N = document.getElementById("chat-input-file-line-" + s);
       N && (N.style.display = "none"), c(), i.value = void 0, n.value = "";
     }, C = async () => {
@@ -2602,7 +2602,7 @@ const bo = /* @__PURE__ */ z(ho, [["render", vo]]), yo = { key: 0 }, Mo = { key:
         }
       });
     };
-    return ve(() => {
+    return be(() => {
       window.addEventListener("paste", _);
     }), (N, x) => (l(), u(ee, null, [
       n.value === "uploading" ? (l(), u("div", yo, x[0] || (x[0] = [
@@ -2648,7 +2648,7 @@ const bo = /* @__PURE__ */ z(ho, [["render", vo]]), yo = { key: 0 }, Mo = { key:
   },
   emits: ["selectedTheme"],
   setup(e, { emit: f }) {
-    const t = e, n = f, a = re("chatAppId"), { getTheme: i } = Ue(a), s = () => {
+    const t = e, n = f, a = de("chatAppId"), { getTheme: i } = Ue(a), s = () => {
       const d = t.themes.find((A) => A.default === !0);
       return d ? d.code : t.themes[0].code;
     }, r = (d) => {
@@ -2657,14 +2657,14 @@ const bo = /* @__PURE__ */ z(ho, [["render", vo]]), yo = { key: 0 }, Mo = { key:
     }, c = (d) => {
       a && (document.getElementById(a).dataset.theme = d, i().theme = d, n("selectedTheme", d));
     };
-    return ve(() => {
+    return be(() => {
       const d = s();
       c(d);
     }), (d, A) => e.show ? (l(), u("div", Io, [
       o("select", {
         onChange: A[0] || (A[0] = (g) => r(g))
       }, [
-        (l(!0), u(ee, null, ge(t.themes, (g, p) => (l(), u("option", {
+        (l(!0), u(ee, null, pe(t.themes, (g, p) => (l(), u("option", {
           key: p,
           value: g.code,
           selected: g.default === !0
@@ -2708,7 +2708,7 @@ const bo = /* @__PURE__ */ z(ho, [["render", vo]]), yo = { key: 0 }, Mo = { key:
   },
   emits: ["click", "buttonClick", "menuMouseEnter", "menuMouseLeave"],
   setup(e, { expose: f, emit: t }) {
-    const n = re("chatAppId"), a = re("extChatAppId"), { getTheme: i } = Ue(n), s = e, r = l1(), c = t, d = h(), A = h(), g = h(!1), p = (I) => {
+    const n = de("chatAppId"), a = de("extChatAppId"), { getTheme: i } = Ue(n), s = e, r = l1(), c = t, d = h(), A = h(), g = h(!1), p = (I) => {
       x(), c("click", I);
     }, C = () => {
       s.disabled || (s.mode == "click" && !g.value ? N() : s.mode == "click" && g.value && x(), c("buttonClick"));
@@ -2725,7 +2725,7 @@ const bo = /* @__PURE__ */ z(ho, [["render", vo]]), yo = { key: 0 }, Mo = { key:
         const I = d.value, m = A.value.getBoundingClientRect();
         I.style.display = "inherit";
         const b = d.value.getBoundingClientRect();
-        I.style.display = "none", Ae(() => {
+        I.style.display = "none", me(() => {
           const D = {
             left: { top: m.top - (b.height - m.height) / 2, left: m.left - b.width },
             right: { top: m.top - (b.height - m.height) / 2, left: m.left + m.width },
@@ -2748,8 +2748,8 @@ const bo = /* @__PURE__ */ z(ho, [["render", vo]]), yo = { key: 0 }, Mo = { key:
     }, w = (I) => {
       s.mode == "click" && A.value && !A.value.contains(I.target) && x();
     };
-    return ve(() => {
-      Ae(() => {
+    return be(() => {
+      me(() => {
         d.value = document.getElementById("context-menu-" + r + a), d.value && (x(), document.addEventListener("click", w));
       });
     }), sf(() => {
@@ -2766,7 +2766,7 @@ const bo = /* @__PURE__ */ z(ho, [["render", vo]]), yo = { key: 0 }, Mo = { key:
       onMouseleave: M
     }, [
       o("div", { onClick: C }, [
-        de(I.$slots, "default")
+        ge(I.$slots, "default")
       ]),
       (l(), B(je, { to: "body" }, [
         q(T(bf), {
@@ -2818,7 +2818,7 @@ const jo = /* @__PURE__ */ z(Do, [["render", Eo]]), So = ["data-theme"], Vo = /*
     }
   },
   setup(e, { expose: f }) {
-    const t = re("chatAppId"), { getTheme: n } = Ue(t), a = h(), i = h(), s = h(!1), r = h(null), c = e, d = F(() => ({
+    const t = de("chatAppId"), { getTheme: n } = Ue(t), a = h(), i = h(), s = h(!1), r = h(null), c = e, d = Q(() => ({
       tooltip__text: !0,
       [`tooltip--${c.position}`]: !0
     })), A = () => {
@@ -2828,7 +2828,7 @@ const jo = /* @__PURE__ */ z(Do, [["render", Eo]]), So = ["data-theme"], Vo = /*
         console.log("Auto hiding tooltip after", c.autoShowDuration, "ms"), s.value = !1, r.value = null;
       }, c.autoShowDuration));
     }, p = () => {
-      Ae(() => {
+      me(() => {
         if (a.value && i.value) {
           const M = i.value, _ = a.value.getBoundingClientRect(), k = i.value.getBoundingClientRect(), N = k.left < 0 ? k.left : 0, x = k.top < 0 ? k.top : 0, w = {
             left: { top: _.top - (k.height - _.height) / 2 - x, left: (_ == null ? void 0 : _.left) - k.width - N - c.offset },
@@ -2843,7 +2843,7 @@ const jo = /* @__PURE__ */ z(Do, [["render", Eo]]), So = ["data-theme"], Vo = /*
     }, C = () => {
       c.trigger === "hover" && (s.value = !0), p();
     }, y = () => {
-      c.trigger === "hover" && (s.value = !1, Ae(() => {
+      c.trigger === "hover" && (s.value = !1, me(() => {
         const M = T(i);
         M && (M.style.top = "0", M.style.left = "0");
       }));
@@ -2861,10 +2861,10 @@ const jo = /* @__PURE__ */ z(Do, [["render", Eo]]), So = ["data-theme"], Vo = /*
         onMouseover: C,
         onMouseout: y
       }, [
-        de(M.$slots, "default", {}, void 0, !0)
+        ge(M.$slots, "default", {}, void 0, !0)
       ], 544),
       (l(), B(je, { to: "body" }, [
-        q(pe, null, {
+        q(he, null, {
           default: G(() => [
             s.value ? (l(), u("span", {
               key: 0,
@@ -2908,9 +2908,9 @@ const jo = /* @__PURE__ */ z(Do, [["render", Eo]]), So = ["data-theme"], Vo = /*
   },
   emits: ["selectItem"],
   setup(e, { emit: f }) {
-    const t = e, n = Jt(t, "sidebarItems"), a = Jt(t, "menuActions"), i = f, s = F(
+    const t = e, n = Jt(t, "sidebarItems"), a = Jt(t, "menuActions"), i = f, s = Q(
       () => n.value.filter((m) => m.isFixedBottom).sort((m, b) => b.notificationCount - m.notificationCount)
-    ), r = F(
+    ), r = Q(
       () => n.value.filter((m) => !m.isFixedBottom).sort((m, b) => b.notificationCount - m.notificationCount)
     ), c = (m) => {
       const b = n.value.find((D) => D.itemId === m);
@@ -2949,9 +2949,9 @@ const jo = /* @__PURE__ */ z(Do, [["render", Eo]]), So = ["data-theme"], Vo = /*
       } catch {
       }
     }, I = () => x();
-    return ve(() => {
+    return be(() => {
       var b;
-      Ae(x), window.addEventListener("resize", I);
+      me(x), window.addEventListener("resize", I);
       const m = (b = C.value) == null ? void 0 : b.querySelector(".sidebar__scroll-container");
       m && m.addEventListener("scroll", x);
     }), sf(() => {
@@ -2959,7 +2959,7 @@ const jo = /* @__PURE__ */ z(Do, [["render", Eo]]), So = ["data-theme"], Vo = /*
       window.removeEventListener("resize", I);
       const m = (b = C.value) == null ? void 0 : b.querySelector(".sidebar__scroll-container");
       m && m.removeEventListener("scroll", x);
-    }), ce(() => n.value.map((m) => m.selected), () => Ae(x)), (m, b) => (l(), u("div", {
+    }), ce(() => n.value.map((m) => m.selected), () => me(x)), (m, b) => (l(), u("div", {
       ref_key: "containerRef",
       ref: C,
       class: j(["sidebar__container", { "sidebar-horizontal__container": e.horizontal }])
@@ -2967,13 +2967,13 @@ const jo = /* @__PURE__ */ z(Do, [["render", Eo]]), So = ["data-theme"], Vo = /*
       !e.horizontal && y.value ? (l(), u("span", {
         key: 0,
         class: j(["sidebar__selected-bar", { "is-animating": k.value }]),
-        style: he({ top: M.value + "px", height: _.value + "px" })
+        style: _e({ top: M.value + "px", height: _.value + "px" })
       }, null, 6)) : v("", !0),
       o("div", Lo, [
         o("ul", {
           class: j(["sidebar__list-fixed", { "sidebar-horizontal__list-fixed": e.horizontal }])
         }, [
-          (l(!0), u(ee, null, ge(s.value, (D, O) => (l(), u("li", {
+          (l(!0), u(ee, null, pe(s.value, (D, O) => (l(), u("li", {
             key: O,
             class: j(["sidebar__item-fixed", { "sidebar-horizontal__item": e.horizontal }]),
             onClick: (S) => d(S, D.itemId)
@@ -3004,7 +3004,7 @@ const jo = /* @__PURE__ */ z(Do, [["render", Eo]]), So = ["data-theme"], Vo = /*
         o("ul", {
           class: j(["sidebar__list", { "sidebar-horizontal__list": e.horizontal }])
         }, [
-          (l(!0), u(ee, null, ge(r.value, (D, O) => (l(), u("li", {
+          (l(!0), u(ee, null, pe(r.value, (D, O) => (l(), u("li", {
             key: O,
             class: j(["sidebar__item", { "sidebar-horizontal__item": e.horizontal }]),
             onClick: (S) => d(S, D.itemId)
@@ -3107,7 +3107,7 @@ const Zo = /* @__PURE__ */ z(qo, [["render", Wo]]), Ko = { class: "chat-panel" }
         ])) : v("", !0)
       ]),
       o("div", null, [
-        de(t.$slots, "content", {}, void 0, !0)
+        ge(t.$slots, "content", {}, void 0, !0)
       ])
     ]));
   }
@@ -3137,7 +3137,7 @@ const Zo = /* @__PURE__ */ z(qo, [["render", Wo]]), Ko = { class: "chat-panel" }
   },
   emits: ["selectChannel"],
   setup(e, { emit: f }) {
-    const t = e, n = re("chatAppId"), { getMessage: a } = qe(n), i = f, r = h(t.channels.find((d) => d.type === "default")), c = (d) => {
+    const t = e, n = de("chatAppId"), { getMessage: a } = qe(n), i = f, r = h(t.channels.find((d) => d.type === "default")), c = (d) => {
       r.value = d, i("selectChannel", r.value);
     };
     return (d, A) => T(a)().isRecording ? v("", !0) : (l(), u("div", {
@@ -3231,7 +3231,7 @@ const B6 = (e, f = null) => {
     };
     return (i, s) => (l(), u("div", ol, [
       o("ul", ll, [
-        (l(!0), u(ee, null, ge(t.actions, (r, c) => (l(), u("li", {
+        (l(!0), u(ee, null, pe(t.actions, (r, c) => (l(), u("li", {
           key: c,
           class: "context-menu__item",
           onClick: (d) => a(c)
@@ -3310,27 +3310,27 @@ const B6 = (e, f = null) => {
   },
   emits: ["select", "action", "expand"],
   setup(e, { emit: f }) {
-    const t = e, n = f, a = re("chatAppId"), { getTheme: i } = Ue(a), s = l1(), r = h(!1), c = h(!1), d = h(!1), A = () => {
+    const t = e, n = f, a = de("chatAppId"), { getTheme: i } = Ue(a), s = l1(), r = h(!1), c = h(!1), d = h(!1), A = () => {
       d.value = !0;
-    }, g = ($) => {
-      d.value || $.target instanceof HTMLElement && $.target.id != "noSelectButton" && n("select", { chat: t.chat, dialog: null }), d.value = !1;
-    }, p = ($) => {
-      n("select", { chat: t.chat, dialog: $ });
+    }, g = (Y) => {
+      d.value || Y.target instanceof HTMLElement && Y.target.id != "noSelectButton" && n("select", { chat: t.chat, dialog: null }), d.value = !1;
+    }, p = (Y) => {
+      n("select", { chat: t.chat, dialog: Y });
     }, C = () => {
-      const $ = [];
-      return t.chat.isSelected && $.push("chat-item__selected"), t.hasScroll && $.push("chat-item__with-scroll"), $.join(" ");
-    }, y = ($) => $.isSelected ? "dialog__selected" : "", M = ($) => {
-      t.contextMenuTrigger === "rightClick" && _(), n("action", { chat: t.chat, ...$ });
+      const Y = [];
+      return t.chat.isSelected && Y.push("chat-item__selected"), t.hasScroll && Y.push("chat-item__with-scroll"), Y.join(" ");
+    }, y = (Y) => Y.isSelected ? "dialog__selected" : "", M = (Y) => {
+      t.contextMenuTrigger === "rightClick" && _(), n("action", { chat: t.chat, ...Y });
     }, _ = () => {
-      const $ = document.getElementById("context-menu-rightclick-" + s);
-      $ && ($.style.top = "0", $.style.left = "0", $.style.opacity = "0", $.style.display = "none"), c.value = !1;
-    }, k = () => t.chat.dialogs.toSorted(($, W) => {
-      if (Number($["lastActivity.timestamp"]) > Number(W["lastActivity.timestamp"])) return -1;
-      if (Number($["lastActivity.timestamp"]) < Number(W["lastActivity.timestamp"])) return 1;
-      if (Number($["lastActivity.timestamp"]) == Number(W["lastActivity.timestamp"])) return 0;
-    }), N = F(() => Rf(t.chat["lastMessage.status"])), x = F(() => t.chat.showEmptyIndicator || t.chat.countUnread > 0), w = F(() => t.chat.countUnread > 0 ? t.chat.countUnread > 99 ? "99+" : t.chat.countUnread : t.chat.showEmptyIndicator ? "" : void 0);
+      const Y = document.getElementById("context-menu-rightclick-" + s);
+      Y && (Y.style.top = "0", Y.style.left = "0", Y.style.opacity = "0", Y.style.display = "none"), c.value = !1;
+    }, k = () => t.chat.dialogs.toSorted((Y, J) => {
+      if (Number(Y["lastActivity.timestamp"]) > Number(J["lastActivity.timestamp"])) return -1;
+      if (Number(Y["lastActivity.timestamp"]) < Number(J["lastActivity.timestamp"])) return 1;
+      if (Number(Y["lastActivity.timestamp"]) == Number(J["lastActivity.timestamp"])) return 0;
+    }), N = Q(() => Rf(t.chat["lastMessage.status"])), x = Q(() => t.chat.showEmptyIndicator || t.chat.countUnread > 0), w = Q(() => t.chat.countUnread > 0 ? t.chat.countUnread > 99 ? "99+" : t.chat.countUnread : t.chat.showEmptyIndicator ? "" : void 0);
     let I;
-    const m = h(0), b = [Te("component.ChatItem.typing") + ".", Te("component.ChatItem.typing") + "..", Te("component.ChatItem.typing") + "..."], D = F(() => t.chat.typing ? b[m.value] : t.chat.lastMessage);
+    const m = h(0), b = [Te("component.ChatItem.typing") + ".", Te("component.ChatItem.typing") + "..", Te("component.ChatItem.typing") + "..."], D = Q(() => t.chat.typing ? b[m.value] : t.chat.lastMessage);
     ce(
       () => t.chat.typing,
       () => {
@@ -3342,41 +3342,47 @@ const B6 = (e, f = null) => {
     );
     const O = () => {
       t.contextMenuTrigger === "hover" && (r.value = !0);
-    }, S = ($) => {
-      var W;
-      t.contextMenuTrigger === "hover" && (((W = $.relatedTarget) == null ? void 0 : W.className) == "context-menu__list" ? r.value = !0 : r.value = !1);
-    }, fe = ($) => {
-      t.contextMenuTrigger === "rightClick" && t.chat.actions && Y($);
-    }, Y = ($) => {
-      c.value = !0, Ae(() => {
-        const W = document.getElementById("context-menu-rightclick-" + s);
-        if (W) {
-          const se = $.clientX, _e = $.clientY;
-          W.style.display = "inherit";
-          const Me = W.getBoundingClientRect();
-          W.style.display = "none", Ae(() => {
-            const De = window.innerWidth, Se = window.innerHeight, we = window.scrollX || window.pageXOffset, U = window.scrollY || window.pageYOffset;
-            let te = se + we, X = _e + U;
-            te + Me.width > De + we && (te = se + we - Me.width), X + Me.height > Se + U && (X = _e + U - Me.height), te < we && (te = we), X < U && (X = U), W.style.top = X + "px", W.style.left = te + "px", W.style.opacity = "1", W.style.display = "inherit";
+    }, S = (Y) => {
+      var J;
+      if (t.contextMenuTrigger === "hover" && (((J = Y.relatedTarget) == null ? void 0 : J.className) == "context-menu__list" ? r.value = !0 : r.value = !1), t.contextMenuTrigger === "rightClick" && c.value) {
+        const re = Y.relatedTarget, ve = document.getElementById("context-menu-rightclick-" + s);
+        (!ve || !ve.contains(re)) && _();
+      }
+    }, fe = (Y) => {
+      t.contextMenuTrigger === "rightClick" && t.chat.actions && P(Y);
+    }, P = (Y) => {
+      c.value = !0, me(() => {
+        const J = document.getElementById("context-menu-rightclick-" + s);
+        if (J) {
+          const re = Y.clientX, ve = Y.clientY;
+          J.style.display = "inherit";
+          const Ce = J.getBoundingClientRect();
+          J.style.display = "none", me(() => {
+            const Se = window.innerWidth, De = window.innerHeight, U = window.scrollX || window.pageXOffset, te = window.scrollY || window.pageYOffset;
+            let X = re + U, Ae = ve + te;
+            X + Ce.width > Se + U && (X = re + U - Ce.width), Ae + Ce.height > De + te && (Ae = ve + te - Ce.height), X < U && (X = U), Ae < te && (Ae = te), J.style.top = Ae + "px", J.style.left = X + "px", J.style.opacity = "1", J.style.display = "inherit";
           });
         }
       });
     }, ae = () => {
-    }, J = () => {
-    }, H = h(null), Q = ($) => {
+    }, K = () => {
+      t.contextMenuTrigger === "rightClick" && _();
+    }, H = h(null), R = (Y) => {
       if (t.contextMenuTrigger === "rightClick" && c.value) {
-        const W = $.target, se = H.value, _e = document.getElementById("context-menu-rightclick-" + s);
-        se && !se.contains(W) && (!_e || !_e.contains(W)) && _();
+        const J = Y.target, re = H.value, ve = document.getElementById("context-menu-rightclick-" + s);
+        re && !re.contains(J) && (!ve || !ve.contains(J)) && _();
       }
+    }, ie = () => {
+      t.contextMenuTrigger === "rightClick" && c.value && _();
     };
-    return ve(() => {
-      t.contextMenuTrigger === "rightClick" && (document.addEventListener("click", Q), Ae(() => {
-        const $ = document.getElementById("context-menu-rightclick-" + s);
-        $ && ($.style.display = "none", $.style.opacity = "0");
+    return be(() => {
+      t.contextMenuTrigger === "rightClick" && (document.addEventListener("click", R), window.addEventListener("scroll", ie, !0), me(() => {
+        const Y = document.getElementById("context-menu-rightclick-" + s);
+        Y && (Y.style.display = "none", Y.style.opacity = "0");
       }));
     }), sf(() => {
-      document.removeEventListener("click", Q);
-    }), ($, W) => (l(), u("div", null, [
+      document.removeEventListener("click", R), window.removeEventListener("scroll", ie, !0);
+    }), (Y, J) => (l(), u("div", null, [
       o("div", {
         ref_key: "containerRef",
         ref: H,
@@ -3389,7 +3395,7 @@ const B6 = (e, f = null) => {
         o("div", gl, [
           o("span", {
             class: "chat-item__status-user",
-            style: he({ backgroundColor: t.chat.status })
+            style: _e({ backgroundColor: t.chat.status })
           }, null, 4),
           t.chat.avatar ? (l(), u("img", {
             key: 0,
@@ -3430,9 +3436,9 @@ const B6 = (e, f = null) => {
             actions: e.chat.actions,
             onClick: M,
             onButtonClick: A,
-            onMenuMouseLeave: W[0] || (W[0] = (se) => r.value = !1)
+            onMenuMouseLeave: J[0] || (J[0] = (re) => r.value = !1)
           }, {
-            default: G(() => W[2] || (W[2] = [
+            default: G(() => J[2] || (J[2] = [
               o("span", { class: "pi pi-ellipsis-h chat-item__actions-trigger" }, null, -1)
             ])),
             _: 1,
@@ -3446,7 +3452,7 @@ const B6 = (e, f = null) => {
               "data-theme": T(i)().theme ? T(i)().theme : "light",
               onClick: M,
               onMouseenter: ae,
-              onMouseleave: J
+              onMouseleave: K
             }, null, 8, ["id", "actions", "data-theme"])) : v("", !0)
           ])),
           o("div", Ml, [
@@ -3455,7 +3461,7 @@ const B6 = (e, f = null) => {
               class: j(["chat-item__status-message", N.value])
             }, [
               e.chat["lastMessage.status"] !== "sent" ? (l(), u("span", wl)) : v("", !0),
-              W[3] || (W[3] = o("span", { class: "pi pi-check" }, null, -1))
+              J[3] || (J[3] = o("span", { class: "pi pi-check" }, null, -1))
             ], 2)) : v("", !0),
             x.value ? (l(), u("div", Cl, E(w.value), 1)) : v("", !0)
           ]),
@@ -3466,15 +3472,15 @@ const B6 = (e, f = null) => {
         t.showDialogs && e.chat.dialogs ? (l(), u("div", {
           key: 0,
           class: "chat-item__dialog-buttons",
-          onClick: W[1] || (W[1] = (se) => n("expand", t.chat))
+          onClick: J[1] || (J[1] = (re) => n("expand", t.chat))
         }, [
-          t.showDialogs && !e.chat.dialogsExpanded ? (l(), u("button", xl, W[4] || (W[4] = [
+          t.showDialogs && !e.chat.dialogsExpanded ? (l(), u("button", xl, J[4] || (J[4] = [
             o("span", {
               id: "noSelectButton",
               class: "pi pi-angle-down"
             }, null, -1)
           ]))) : v("", !0),
-          t.showDialogs && e.chat.dialogsExpanded ? (l(), u("button", Tl, W[5] || (W[5] = [
+          t.showDialogs && e.chat.dialogsExpanded ? (l(), u("button", Tl, J[5] || (J[5] = [
             o("span", {
               id: "noSelectButton",
               class: "pi pi-angle-up"
@@ -3486,32 +3492,32 @@ const B6 = (e, f = null) => {
         key: 0,
         class: j(["dialog__container", { "dialog__container--with-scroll": t.hasScroll }])
       }, [
-        (l(!0), u(ee, null, ge(k(), (se) => (l(), u("div", {
-          key: se.dialogId,
-          class: j(["dialog__item", y(se)]),
-          onClick: (_e) => p(se)
+        (l(!0), u(ee, null, pe(k(), (re) => (l(), u("div", {
+          key: re.dialogId,
+          class: j(["dialog__item", y(re)]),
+          onClick: (ve) => p(re)
         }, [
-          se.icon ? (l(), u("img", {
+          re.icon ? (l(), u("img", {
             key: 0,
             class: "dialog__icon",
-            src: se.icon,
+            src: re.icon,
             height: "16",
             width: "16"
           }, null, 8, Nl)) : (l(), u("span", El)),
           o("div", jl, [
-            o("div", Sl, E(se.name), 1),
-            o("div", Vl, E(se["lastActivity.time"]), 1)
+            o("div", Sl, E(re.name), 1),
+            o("div", Vl, E(re["lastActivity.time"]), 1)
           ]),
-          se.countUnread > 0 ? (l(), u("div", {
+          re.countUnread > 0 ? (l(), u("div", {
             key: 2,
             class: "chat-item__unread",
-            style: he({ backgroundColor: se.colorUnread ? se.colorUnread : null })
-          }, E(se.countUnread > 99 ? "99+" : se.countUnread), 5)) : v("", !0)
+            style: _e({ backgroundColor: re.colorUnread ? re.colorUnread : null })
+          }, E(re.countUnread > 99 ? "99+" : re.countUnread), 5)) : v("", !0)
         ], 10, Dl))), 128))
       ], 2)) : v("", !0)
     ]));
   }
-}), At = /* @__PURE__ */ z(Ll, [["__scopeId", "data-v-04c17753"]]), Ol = {}, zl = {
+}), At = /* @__PURE__ */ z(Ll, [["__scopeId", "data-v-b43e37dc"]]), Ol = {}, zl = {
   width: "17",
   height: "16",
   viewBox: "0 0 17 16",
@@ -3577,7 +3583,7 @@ const Ul = /* @__PURE__ */ z(Ol, [["render", Bl]]), $l = { class: "chat-filter__
       viewBox: "0 0 14 14",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      style: he({ color: e.fillColor })
+      style: _e({ color: e.fillColor })
     }, [
       o("path", {
         d: "M11.1436 3.47369C11.2033 3.41276 11.2745 3.36436 11.3532 3.33131C11.4318 3.29827 11.5163 3.28125 11.6016 3.28125C11.6869 3.28125 11.7714 3.29827 11.85 3.33131C11.9287 3.36436 12 3.41276 12.0597 3.47369C12.3099 3.72657 12.3134 4.13519 12.0684 4.39244L6.89456 10.5087C6.83581 10.5732 6.76453 10.625 6.68506 10.661C6.60559 10.6971 6.51962 10.7165 6.43239 10.7181C6.34516 10.7198 6.25851 10.7036 6.17775 10.6706C6.09698 10.6376 6.0238 10.5884 5.96268 10.5262L2.81443 7.33594C2.69301 7.21212 2.625 7.04561 2.625 6.87219C2.625 6.69877 2.69301 6.53227 2.81443 6.40844C2.87415 6.34751 2.94542 6.29911 3.02407 6.26606C3.10272 6.23302 3.18718 6.216 3.27249 6.216C3.35781 6.216 3.44226 6.23302 3.52092 6.26606C3.59957 6.29911 3.67084 6.34751 3.73056 6.40844L6.40106 9.11482L11.1261 3.49294L11.1436 3.47369Z",
@@ -3666,10 +3672,10 @@ const eu = /* @__PURE__ */ z(Jl, [["render", Xl]]), fu = { class: "contact-info"
         attributeId: a.value,
         channelId: M.channelId
       });
-    }, c = (M) => (M == null ? void 0 : M.replace(/\D/g, "")) || "", d = F(() => {
+    }, c = (M) => (M == null ? void 0 : M.replace(/\D/g, "")) || "", d = Q(() => {
       var M;
       return (M = t.contact.attributes) == null ? void 0 : M.find((_) => _.id === a.value);
-    }), A = F(() => {
+    }), A = Q(() => {
       if (i.value)
         return i.value;
       if (!d.value) return t.channels[0] || null;
@@ -3679,7 +3685,7 @@ const eu = /* @__PURE__ */ z(Jl, [["render", Xl]]), fu = { class: "contact-info"
         const N = ((m = k.title) == null ? void 0 : m.toLowerCase()) || "", x = ((b = k.channelId) == null ? void 0 : b.toLowerCase()) || "", w = N.includes(M), I = ["whatsapp", "waba", "telegram"].some((D) => x.includes(D));
         return w && I;
       }) || t.channels[0] || { title: "default", channelId: "fallback" } : t.channels[0] || null;
-    }), g = F(() => t.channels), p = (M) => M ? M.includes("whatsapp") || M.includes("waba") ? Kl : M.includes("telegram") ? eu : null : null, C = (M) => !t.currentDialog || !Object.keys(t.currentDialog) ? !1 : t.currentDialog.attributeId === M.id, y = (M) => {
+    }), g = Q(() => t.channels), p = (M) => M ? M.includes("whatsapp") || M.includes("waba") ? Kl : M.includes("telegram") ? eu : null : null, C = (M) => !t.currentDialog || !Object.keys(t.currentDialog) ? !1 : t.currentDialog.attributeId === M.id, y = (M) => {
       n("select-attribute-channel", {
         attributeId: M.id,
         channelId: i.value.channelId
@@ -3696,11 +3702,11 @@ const eu = /* @__PURE__ */ z(Jl, [["render", Xl]]), fu = { class: "contact-info"
       var k, N, x, w;
       return l(), u("div", fu, [
         o("div", tu, [
-          (l(!0), u(ee, null, ge(((k = e.contact) == null ? void 0 : k.attributes) || [], (I, m) => (l(), u("div", {
+          (l(!0), u(ee, null, pe(((k = e.contact) == null ? void 0 : k.attributes) || [], (I, m) => (l(), u("div", {
             key: I.id,
             class: j(["contact-info__attribute-item", { "contact-info__attribute-item--current-chat": C(I) }])
           }, [
-            ye(o("input", {
+            Me(o("input", {
               id: `attr-${m}`,
               "onUpdate:modelValue": _[0] || (_[0] = (b) => a.value = b),
               type: "radio",
@@ -3747,7 +3753,7 @@ const eu = /* @__PURE__ */ z(Jl, [["render", Xl]]), fu = { class: "contact-info"
               }, null, 2)
             ]),
             s.value ? (l(), u("div", du, [
-              (l(!0), u(ee, null, ge(g.value, (I) => (l(), u("div", {
+              (l(!0), u(ee, null, pe(g.value, (I) => (l(), u("div", {
                 key: I.channelId,
                 class: "contact-info__select-option",
                 onClick: (m) => r(I)
@@ -3821,38 +3827,38 @@ const eu = /* @__PURE__ */ z(Jl, [["render", Xl]]), fu = { class: "contact-info"
   },
   emits: ["closeTemplateWindow", "pasteTemplate"],
   setup(e, { emit: f }) {
-    const t = e, n = re("chatAppId"), { setMessageText: a } = qe(n), i = () => {
+    const t = e, n = de("chatAppId"), { setMessageText: a } = qe(n), i = () => {
       s("closeTemplateWindow"), a(c.value.template);
-    }, s = f, r = h(null), c = h(null), d = h(""), A = h(), g = h(""), p = h(""), C = h(""), y = h(!1), M = F(() => !!(y.value && (C.value == "grid" && p.value == "none" || p.value == "grid" && g.value == "none"))), _ = F(() => !!(y.value && (g.value == "grid" && p.value == "none" || p.value == "grid" && C.value == "none"))), k = () => {
+    }, s = f, r = h(null), c = h(null), d = h(""), A = h(), g = h(""), p = h(""), C = h(""), y = h(!1), M = Q(() => !!(y.value && (C.value == "grid" && p.value == "none" || p.value == "grid" && g.value == "none"))), _ = Q(() => !!(y.value && (g.value == "grid" && p.value == "none" || p.value == "grid" && C.value == "none"))), k = () => {
       y.value && (p.value == "grid" ? x() : C.value == "grid" && I());
     }, N = () => {
       y.value && (p.value == "grid" ? w() : g.value == "grid" && I());
     }, x = () => {
-      const Y = document.getElementById("template-selector-container-" + n);
-      Y.style.setProperty("--chotto-template-first-col-display", "grid"), Y.style.setProperty("--chotto-template-second-col-display", "none"), m();
+      const P = document.getElementById("template-selector-container-" + n);
+      P.style.setProperty("--chotto-template-first-col-display", "grid"), P.style.setProperty("--chotto-template-second-col-display", "none"), m();
     }, w = () => {
-      const Y = document.getElementById("template-selector-container-" + n);
-      Y.style.setProperty("--chotto-template-third-col-display", "grid"), Y.style.setProperty("--chotto-template-second-col-display", "none"), m();
+      const P = document.getElementById("template-selector-container-" + n);
+      P.style.setProperty("--chotto-template-third-col-display", "grid"), P.style.setProperty("--chotto-template-second-col-display", "none"), m();
     }, I = () => {
-      const Y = document.getElementById("template-selector-container-" + n);
-      Y.style.setProperty("--chotto-template-second-col-display", "grid"), Y.style.setProperty("--chotto-template-first-col-display", "none"), Y.style.setProperty("--chotto-template-third-col-display", "none"), m();
+      const P = document.getElementById("template-selector-container-" + n);
+      P.style.setProperty("--chotto-template-second-col-display", "grid"), P.style.setProperty("--chotto-template-first-col-display", "none"), P.style.setProperty("--chotto-template-third-col-display", "none"), m();
     }, m = () => {
-      const Y = document.getElementById("template-selector-container-" + n), ae = window.getComputedStyle(Y);
+      const P = document.getElementById("template-selector-container-" + n), ae = window.getComputedStyle(P);
       g.value = ae.getPropertyValue("--chotto-template-first-col-display"), p.value = ae.getPropertyValue("--chotto-template-second-col-display"), C.value = ae.getPropertyValue("--chotto-template-third-col-display");
-    }, b = (Y) => {
-      t.templates.forEach((ae) => ae.isSelected = !1), Y.isSelected = !0, c.value = Y, w();
+    }, b = (P) => {
+      t.templates.forEach((ae) => ae.isSelected = !1), P.isSelected = !0, c.value = P, w();
     }, D = () => {
-      I(), t.templates.forEach((Y) => Y.isSelected = !1);
-    }, O = F(() => r.value ? t.templates.filter((Y) => Y.groupId === r.value.groupId) : t.templates), S = F(() => {
-      const Y = d.value.trim().toLowerCase();
-      return O.value.filter((ae) => ae.title.toLowerCase().includes(Y) || ae.template.toLowerCase().includes(Y));
-    }), fe = new ResizeObserver((Y) => {
-      const ae = Y[0].target.clientWidth;
+      I(), t.templates.forEach((P) => P.isSelected = !1);
+    }, O = Q(() => r.value ? t.templates.filter((P) => P.groupId === r.value.groupId) : t.templates), S = Q(() => {
+      const P = d.value.trim().toLowerCase();
+      return O.value.filter((ae) => ae.title.toLowerCase().includes(P) || ae.template.toLowerCase().includes(P));
+    }), fe = new ResizeObserver((P) => {
+      const ae = P[0].target.clientWidth;
       ae > 700 && (y.value = !1), ae < 700 && (y.value = !0);
     });
-    return ve(() => {
+    return be(() => {
       m(), T(A) && fe.observe(T(A));
-    }), (Y, ae) => (l(), u("div", _u, [
+    }), (P, ae) => (l(), u("div", _u, [
       o("div", {
         id: "template-selector-container-" + T(n),
         ref_key: "refContainer",
@@ -3880,7 +3886,7 @@ const eu = /* @__PURE__ */ z(Jl, [["render", Xl]]), fu = { class: "contact-info"
           o("button", Cu, [
             o("span", {
               class: "pi pi-times",
-              onClick: ae[0] || (ae[0] = (J) => Y.$emit("closeTemplateWindow"))
+              onClick: ae[0] || (ae[0] = (K) => P.$emit("closeTemplateWindow"))
             })
           ])
         ]),
@@ -3890,28 +3896,28 @@ const eu = /* @__PURE__ */ z(Jl, [["render", Xl]]), fu = { class: "contact-info"
             class: "template-selector__first-col"
           }, [
             o("ul", xu, [
-              (l(!0), u(ee, null, ge(e.groupTemplates, (J, H) => (l(), u("li", {
+              (l(!0), u(ee, null, pe(e.groupTemplates, (K, H) => (l(), u("li", {
                 key: H,
-                class: j(["template-selector__item-group", { "template-selector__item-selected": r.value === J }]),
+                class: j(["template-selector__item-group", { "template-selector__item-selected": r.value === K }]),
                 onClick: D
               }, [
                 o("label", Tu, [
-                  J.iconUrl ? (l(), u("img", {
+                  K.iconUrl ? (l(), u("img", {
                     key: 0,
                     class: "template-selector__item-group-icon",
-                    src: J.iconUrl,
-                    alt: J.title
+                    src: K.iconUrl,
+                    alt: K.title
                   }, null, 8, Du)) : v("", !0),
-                  ye(o("input", {
+                  Me(o("input", {
                     id: H,
-                    "onUpdate:modelValue": ae[1] || (ae[1] = (Q) => r.value = Q),
-                    value: J,
+                    "onUpdate:modelValue": ae[1] || (ae[1] = (R) => r.value = R),
+                    value: K,
                     class: "template-selector__input-group",
                     type: "radio"
                   }, null, 8, Nu), [
                     [Dt, r.value]
                   ]),
-                  o("span", null, E(J.title), 1)
+                  o("span", null, E(K.title), 1)
                 ])
               ], 2))), 128))
             ])
@@ -3921,8 +3927,8 @@ const eu = /* @__PURE__ */ z(Jl, [["render", Xl]]), fu = { class: "contact-info"
             class: "template-selector__second-col"
           }, [
             o("div", ju, [
-              ye(o("input", {
-                "onUpdate:modelValue": ae[2] || (ae[2] = (J) => d.value = J),
+              Me(o("input", {
+                "onUpdate:modelValue": ae[2] || (ae[2] = (K) => d.value = K),
                 class: "template-selector__searching-input",
                 type: "text",
                 placeholder: "Поиск шаблона"
@@ -3932,14 +3938,14 @@ const eu = /* @__PURE__ */ z(Jl, [["render", Xl]]), fu = { class: "contact-info"
             ]),
             o("div", Su, [
               S.value.length !== 0 ? (l(), u("ul", Vu, [
-                (l(!0), u(ee, null, ge(S.value, (J, H) => (l(), u("li", {
+                (l(!0), u(ee, null, pe(S.value, (K, H) => (l(), u("li", {
                   key: H,
-                  class: j(["template-selector__item-template", { "template-selector__item-selected": J.isSelected }]),
-                  onClick: (Q) => b(J)
+                  class: j(["template-selector__item-template", { "template-selector__item-selected": K.isSelected }]),
+                  onClick: (R) => b(K)
                 }, [
                   o("div", Ou, [
-                    o("p", zu, E(J.title), 1),
-                    o("p", Bu, E(J.template), 1)
+                    o("p", zu, E(K.title), 1),
+                    o("p", Bu, E(K.template), 1)
                   ])
                 ], 10, Lu))), 128))
               ])) : (l(), u("p", Uu, " Шаблоны отсутствуют "))
@@ -4013,7 +4019,7 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
     }
   },
   setup(e) {
-    const f = e, t = re("chatAppId"), { getMessage: n } = qe(t), a = h(null), i = h(null), s = () => {
+    const f = e, t = de("chatAppId"), { getMessage: n } = qe(t), a = h(null), i = h(null), s = () => {
       f.mode == "click" && f.state == "active" && (i.value.style.display == "none" ? i.value.style.display = "inherit" : i.value.style.display == "inherit" && (i.value.style.display = "none"));
     }, r = () => {
       f.mode == "hover" && f.state == "active" && (i.value.style.display = "inherit");
@@ -4022,7 +4028,7 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
     }, d = () => {
       i.value.style.display = "none";
     };
-    return ve(() => {
+    return be(() => {
       i.value.style.display = "none";
     }), (A, g) => (l(), u(ee, null, [
       q(Ve, {
@@ -4046,9 +4052,9 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
         ]),
         _: 1
       }),
-      q(pe, null, {
+      q(he, null, {
         default: G(() => [
-          ye(o("div", {
+          Me(o("div", {
             ref_key: "template",
             ref: i,
             onMouseover: r,
@@ -4086,7 +4092,7 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
   },
   emits: ["edit"],
   setup(e, { emit: f }) {
-    const t = re("chatAppId"), n = e, a = f, i = h(n.value), s = h();
+    const t = de("chatAppId"), n = e, a = f, i = h(n.value), s = h();
     ce(
       () => n.isFilled,
       () => {
@@ -4102,7 +4108,7 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
       }
     };
     function c() {
-      i.value = s.value.innerText.trim(), n.value != i.value && (i.value != "" ? a("edit", [i.value, n.index]) : n.isFilled ? Ae(() => {
+      i.value = s.value.innerText.trim(), n.value != i.value && (i.value != "" ? a("edit", [i.value, n.index]) : n.isFilled ? me(() => {
         i.value = n.value;
       }) : i.value = "Заполнить");
     }
@@ -4112,7 +4118,7 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
     function A(g) {
       g.target == document.getElementById("placeholder" + t + n.index) && (g.key === "Escape" && g.target.blur(), g.key == "Tab" && (g.target.blur(), document.getElementById("placeholder" + t + (n.index + 1)) && (g.preventDefault(), document.getElementById("placeholder" + t + (n.index + 1)).focus())));
     }
-    return ve(() => {
+    return be(() => {
       window.addEventListener("keydown", A);
     }), sf(() => {
       window.removeEventListener("keydown", A);
@@ -4144,7 +4150,7 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
   },
   emits: ["fileSelected"],
   setup(e, { emit: f }) {
-    const t = e, n = h(re("filebumpUrl")), a = h(null), i = h(), s = h(""), r = h(""), c = h(), d = f, A = () => {
+    const t = e, n = h(de("filebumpUrl")), a = h(null), i = h(), s = h(""), r = h(""), c = h(), d = f, A = () => {
       i.value && r.value != "success" && i.value.click();
     }, g = {
       DOCUMENT: {
@@ -4256,7 +4262,7 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
       s == 2 && n.buttons.length > 3 && t("selectAllVariants");
     };
     return (s, r) => (l(), u("div", l0, [
-      (l(!0), u(ee, null, ge(e.buttons.slice(0, 3), (c, d) => (l(), u("div", {
+      (l(!0), u(ee, null, pe(e.buttons.slice(0, 3), (c, d) => (l(), u("div", {
         key: d,
         class: "quick-reply-buttons__preview-action",
         onClick: (A) => i(d)
@@ -4295,7 +4301,7 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
         })
       ]),
       o("div", m0, [
-        (l(!0), u(ee, null, ge(e.buttons, (s, r) => (l(), u("div", {
+        (l(!0), u(ee, null, pe(e.buttons, (s, r) => (l(), u("div", {
           key: r,
           class: "separated-quick-buttons__action"
         }, [
@@ -4349,8 +4355,8 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
   },
   emits: ["closeTemplateWindow", "sendWabaValues"],
   setup(e, { emit: f }) {
-    const t = e, n = re("chatAppId"), a = f, i = () => {
-      a("closeTemplateWindow"), Me();
+    const t = e, n = de("chatAppId"), a = f, i = () => {
+      a("closeTemplateWindow"), ve();
     }, s = () => {
       a("closeTemplateWindow");
       const U = {
@@ -4360,7 +4366,7 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
         file: null,
         buttons: null
       };
-      g.value ? (U.text = De.value, U.templateId = A.value.templateId, U.values = Se.value, U.file = g.value) : (U.text = De.value, U.templateId = A.value.templateId, U.values = Se.value), A.value.buttons && (U.buttons = A.value.buttons), a("sendWabaValues", U), Me();
+      g.value ? (U.text = Ce.value, U.templateId = A.value.templateId, U.values = Se.value, U.file = g.value) : (U.text = Ce.value, U.templateId = A.value.templateId, U.values = Se.value), A.value.buttons && (U.buttons = A.value.buttons), a("sendWabaValues", U), ve();
     }, r = (U) => {
       g.value = U;
     }, c = h(null), d = h(null), A = h(null), g = h(null), p = h(""), C = h(!1), y = () => {
@@ -4370,38 +4376,38 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
         x[te] = "";
       }), g.value = null, t.wabaTemplates.forEach((te) => te.isSelected = !1), U.isSelected = !0, A.value = U, C.value = !1, H();
     }, _ = () => {
-      Q(), t.wabaTemplates.forEach((U) => U.isSelected = !1);
-    }, k = F(() => d.value ? t.wabaTemplates.filter((U) => U.groupId === d.value.groupId) : t.wabaTemplates), N = F(() => {
+      R(), t.wabaTemplates.forEach((U) => U.isSelected = !1);
+    }, k = Q(() => d.value ? t.wabaTemplates.filter((U) => U.groupId === d.value.groupId) : t.wabaTemplates), N = Q(() => {
       const U = p.value.trim().toLowerCase();
       return k.value.filter((te) => te.title.toLowerCase().includes(U) || te.template.toLowerCase().includes(U));
-    }), x = Cn({}), w = h(null), I = h(), m = h(""), b = h(""), D = h(""), O = h(!1), S = F(() => !!(O.value && (D.value == "grid" && b.value == "none" || b.value == "grid" && m.value == "none"))), fe = F(() => !!(O.value && (m.value == "grid" && b.value == "none" || b.value == "grid" && D.value == "none"))), Y = () => {
-      O.value && (b.value == "grid" ? J() : D.value == "grid" && Q());
+    }), x = Cn({}), w = h(null), I = h(), m = h(""), b = h(""), D = h(""), O = h(!1), S = Q(() => !!(O.value && (D.value == "grid" && b.value == "none" || b.value == "grid" && m.value == "none"))), fe = Q(() => !!(O.value && (m.value == "grid" && b.value == "none" || b.value == "grid" && D.value == "none"))), P = () => {
+      O.value && (b.value == "grid" ? K() : D.value == "grid" && R());
     }, ae = () => {
-      O.value && (b.value == "grid" ? H() : m.value == "grid" && Q());
-    }, J = () => {
+      O.value && (b.value == "grid" ? H() : m.value == "grid" && R());
+    }, K = () => {
       const U = document.getElementById("waba-template-selector-container-" + n);
-      U.style.setProperty("--chotto-waba-template-first-col-display", "grid"), U.style.setProperty("--chotto-waba-template-second-col-display", "none"), console.log(U, window.getComputedStyle(U).getPropertyValue("--waba-template-first-col-display")), $();
+      U.style.setProperty("--chotto-waba-template-first-col-display", "grid"), U.style.setProperty("--chotto-waba-template-second-col-display", "none"), console.log(U, window.getComputedStyle(U).getPropertyValue("--waba-template-first-col-display")), ie();
     }, H = () => {
       const U = document.getElementById("waba-template-selector-container-" + n);
-      U.style.setProperty("--chotto-waba-template-third-col-display", "grid"), U.style.setProperty("--chotto-waba-template-second-col-display", "none"), $();
-    }, Q = () => {
+      U.style.setProperty("--chotto-waba-template-third-col-display", "grid"), U.style.setProperty("--chotto-waba-template-second-col-display", "none"), ie();
+    }, R = () => {
       const U = document.getElementById("waba-template-selector-container-" + n);
-      U.style.setProperty("--chotto-waba-template-second-col-display", "grid"), U.style.setProperty("--chotto-waba-template-first-col-display", "none"), U.style.setProperty("--chotto-waba-template-third-col-display", "none"), $();
-    }, $ = () => {
+      U.style.setProperty("--chotto-waba-template-second-col-display", "grid"), U.style.setProperty("--chotto-waba-template-first-col-display", "none"), U.style.setProperty("--chotto-waba-template-third-col-display", "none"), ie();
+    }, ie = () => {
       const U = document.getElementById("waba-template-selector-container-" + n), te = window.getComputedStyle(U);
       m.value = te.getPropertyValue("--chotto-waba-template-first-col-display"), b.value = te.getPropertyValue("--chotto-waba-template-second-col-display"), D.value = te.getPropertyValue("--chotto-waba-template-third-col-display");
-    }, W = (U) => {
+    }, Y = (U) => {
       x[U[1]] = U[0];
-    }, se = F(() => {
+    }, J = Q(() => {
       var Ne;
       const U = (Ne = A.value) == null ? void 0 : Ne.template;
       if (!U) return [];
       const te = [...U.matchAll(/{{\d+}}/g)], X = [];
-      let me = 0;
+      let Ae = 0;
       return te.forEach((He) => {
-        He.index > me && X.push(U.substring(me, He.index)), X.push({ index: parseInt(He[0].slice(2, -2)) }), me = He.index + He[0].length;
-      }), me < U.length && X.push(U.substring(me)), X;
-    }), _e = F(() => {
+        He.index > Ae && X.push(U.substring(Ae, He.index)), X.push({ index: parseInt(He[0].slice(2, -2)) }), Ae = He.index + He[0].length;
+      }), Ae < U.length && X.push(U.substring(Ae)), X;
+    }), re = Q(() => {
       var te, X;
       if (!A.value)
         return !0;
@@ -4409,26 +4415,26 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
         return !1;
       const U = Object.keys(x).length !== ((X = A.value) == null ? void 0 : X.template.match(/{{\d+}}/gi).length);
       return A.value.type === "TEXT" ? U : A.value.type !== "TEXT" ? U || !g.value : !1;
-    }), Me = () => {
+    }), ve = () => {
       Object.keys(x).forEach((U) => {
         x[U] = "";
       }), g.value = null, A.value = null, t.wabaTemplates.forEach((U) => U.isSelected = !1);
-    }, De = F(() => {
-      console.log(se.value, A.value.buttons);
-      let U = se.value.map((X) => typeof X == "string" ? X : x[X.index]).join(""), te = "";
+    }, Ce = Q(() => {
+      console.log(J.value, A.value.buttons);
+      let U = J.value.map((X) => typeof X == "string" ? X : x[X.index]).join(""), te = "";
       return A.value.buttons && (te = A.value.buttons.map((X) => `
 | [` + X.text + "]").join("")), U.concat(te);
-    }), Se = F(() => {
+    }), Se = Q(() => {
       const U = [];
       for (const te in x)
         x[te] !== "" && x[te] !== "Заполнить" && U.push(x[te]);
       return U;
-    }), we = new ResizeObserver((U) => {
+    }), De = new ResizeObserver((U) => {
       const te = U[0].target.clientWidth;
       te > 700 && (O.value = !1), te < 700 && (O.value = !0);
     });
-    return ve(() => {
-      $(), T(I) && we.observe(T(I));
+    return be(() => {
+      ie(), T(I) && De.observe(T(I));
     }), (U, te) => (l(), u("div", _0, [
       o("div", {
         id: "waba-template-selector-container-" + T(n),
@@ -4444,7 +4450,7 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
             S.value ? (l(), u("button", M0, [
               o("span", {
                 class: "pi pi-arrow-left",
-                onClick: Y
+                onClick: P
               })
             ])) : v("", !0),
             fe.value ? (l(), u("button", w0, [
@@ -4464,8 +4470,8 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
         o("div", C0, [
           o("div", I0, [
             o("ul", k0, [
-              (l(!0), u(ee, null, ge(e.groupTemplates, (X, me) => (l(), u("li", {
-                key: me,
+              (l(!0), u(ee, null, pe(e.groupTemplates, (X, Ae) => (l(), u("li", {
+                key: Ae,
                 class: j(["template-selector__item-group", { "template-selector__item-selected": d.value === X }]),
                 onClick: _
               }, [
@@ -4476,8 +4482,8 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
                     src: X.iconUrl,
                     alt: X.title
                   }, null, 8, T0)) : v("", !0),
-                  ye(o("input", {
-                    id: me,
+                  Me(o("input", {
+                    id: Ae,
                     "onUpdate:modelValue": te[0] || (te[0] = (Ne) => d.value = Ne),
                     value: X,
                     class: "template-selector__input-group",
@@ -4492,7 +4498,7 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
           ]),
           o("div", N0, [
             o("div", E0, [
-              ye(o("input", {
+              Me(o("input", {
                 "onUpdate:modelValue": te[1] || (te[1] = (X) => p.value = X),
                 class: "template-selector__searching-input",
                 type: "text",
@@ -4503,8 +4509,8 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
             ]),
             o("div", j0, [
               N.value.length !== 0 ? (l(), u("ul", S0, [
-                (l(!0), u(ee, null, ge(N.value, (X, me) => (l(), u("li", {
-                  key: me,
+                (l(!0), u(ee, null, pe(N.value, (X, Ae) => (l(), u("li", {
+                  key: Ae,
                   class: j(["template-selector__item-template", { "template-selector__item-selected": X.isSelected }]),
                   onClick: (Ne) => M(X)
                 }, [
@@ -4522,7 +4528,7 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
               ref: c,
               class: "template-selector__preview-container"
             }, [
-              se.value.length > 0 ? (l(), u("div", $0, [
+              J.value.length > 0 ? (l(), u("div", $0, [
                 o("div", R0, [
                   A.value.type != "TEXT" ? (l(), B(o0, {
                     key: 0,
@@ -4531,14 +4537,14 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
                     onFileSelected: r
                   }, null, 8, ["type", "template-id"])) : v("", !0),
                   o("div", Q0, [
-                    (l(!0), u(ee, null, ge(se.value, (X, me) => (l(), u(ee, { key: me }, [
+                    (l(!0), u(ee, null, pe(J.value, (X, Ae) => (l(), u(ee, { key: Ae }, [
                       typeof X == "string" ? (l(), u("span", F0, E(X), 1)) : typeof X == "object" ? (l(), B(t0, {
                         key: 1,
                         index: X.index,
                         value: x[X.index] || "Заполнить",
                         "is-filled": !!x[X.index],
                         onClick: (Ne) => w.value = X.index,
-                        onEdit: W
+                        onEdit: Y
                       }, null, 8, ["index", "value", "is-filled", "onClick"])) : v("", !0)
                     ], 64))), 128))
                   ]),
@@ -4563,7 +4569,7 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
             ], 512),
             o("button", {
               class: "template-selector__button-paste",
-              disabled: _e.value,
+              disabled: re.value,
               onClick: s
             }, " Отправить ", 8, q0)
           ])
@@ -4606,7 +4612,7 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
   setup(e, { emit: f }) {
     const t = e;
     jf("filebumpUrl", t.filebumpUrl);
-    const n = re("chatAppId"), { getMessage: a } = qe(n), i = h(null), s = h(null), r = f, c = () => {
+    const n = de("chatAppId"), { getMessage: a } = qe(n), i = h(null), s = h(null), r = f, c = () => {
       t.mode == "click" && t.state == "active" && (s.value.style.display == "none" ? s.value.style.display = "inherit" : s.value.style.display == "inherit" && (s.value.style.display = "none"));
     }, d = () => {
       t.mode == "hover" && t.state == "active" && (s.value.style.display = "inherit");
@@ -4615,7 +4621,7 @@ const Ju = /* @__PURE__ */ z(Wu, [["render", Ku]]), Gu = { class: "" }, Xu = {
     }, g = () => {
       s.value.style.display = "none";
     };
-    ve(() => {
+    be(() => {
       s.value.style.display = "none";
     });
     const p = (C) => {
@@ -17135,8 +17141,8 @@ function gn(e) {
     position: r
   }, d && Kc);
   if (c) {
-    var Y;
-    return Object.assign({}, fe, (Y = {}, Y[w] = N ? "0" : "", Y[x] = k ? "0" : "", Y.transform = (I.devicePixelRatio || 1) <= 1 ? "translate(" + y + "px, " + _ + "px)" : "translate3d(" + y + "px, " + _ + "px, 0)", Y));
+    var P;
+    return Object.assign({}, fe, (P = {}, P[w] = N ? "0" : "", P[x] = k ? "0" : "", P.transform = (I.devicePixelRatio || 1) <= 1 ? "translate(" + y + "px, " + _ + "px)" : "translate3d(" + y + "px, " + _ + "px, 0)", P));
   }
   return Object.assign({}, fe, (f = {}, f[w] = N ? _ + "px" : "", f[x] = k ? y + "px" : "", f.transform = "", f));
 }
@@ -17341,8 +17347,8 @@ function o1(e, f) {
   if (A === qf && O) {
     var S = O[a];
     Object.keys(D).forEach(function(fe) {
-      var Y = [Ye, Pe].indexOf(fe) >= 0 ? 1 : -1, ae = [Le, Pe].indexOf(fe) >= 0 ? "y" : "x";
-      D[fe] += S[ae] * Y;
+      var P = [Ye, Pe].indexOf(fe) >= 0 ? 1 : -1, ae = [Le, Pe].indexOf(fe) >= 0 ? "y" : "x";
+      D[fe] += S[ae] * P;
     });
   }
   return D;
@@ -17376,8 +17382,8 @@ function c2(e) {
 function r2(e) {
   var f = e.state, t = e.options, n = e.name;
   if (!f.modifiersData[n]._skip) {
-    for (var a = t.mainAxis, i = a === void 0 ? !0 : a, s = t.altAxis, r = s === void 0 ? !0 : s, c = t.fallbackPlacements, d = t.padding, A = t.boundary, g = t.rootBoundary, p = t.altBoundary, C = t.flipVariations, y = C === void 0 ? !0 : C, M = t.allowedAutoPlacements, _ = f.options.placement, k = tf(_), N = k === _, x = c || (N || !y ? [w1(_)] : c2(_)), w = [_].concat(x).reduce(function(we, U) {
-      return we.concat(tf(U) === Rt ? u2(f, {
+    for (var a = t.mainAxis, i = a === void 0 ? !0 : a, s = t.altAxis, r = s === void 0 ? !0 : s, c = t.fallbackPlacements, d = t.padding, A = t.boundary, g = t.rootBoundary, p = t.altBoundary, C = t.flipVariations, y = C === void 0 ? !0 : C, M = t.allowedAutoPlacements, _ = f.options.placement, k = tf(_), N = k === _, x = c || (N || !y ? [w1(_)] : c2(_)), w = [_].concat(x).reduce(function(De, U) {
+      return De.concat(tf(U) === Rt ? u2(f, {
         placement: U,
         boundary: A,
         rootBoundary: g,
@@ -17386,36 +17392,36 @@ function r2(e) {
         allowedAutoPlacements: M
       }) : U);
     }, []), I = f.rects.reference, m = f.rects.popper, b = /* @__PURE__ */ new Map(), D = !0, O = w[0], S = 0; S < w.length; S++) {
-      var fe = w[S], Y = tf(fe), ae = Bf(fe) === Vf, J = [Le, Pe].indexOf(Y) >= 0, H = J ? "width" : "height", Q = o1(f, {
+      var fe = w[S], P = tf(fe), ae = Bf(fe) === Vf, K = [Le, Pe].indexOf(P) >= 0, H = K ? "width" : "height", R = o1(f, {
         placement: fe,
         boundary: A,
         rootBoundary: g,
         altBoundary: p,
         padding: d
-      }), $ = J ? ae ? Ye : Oe : ae ? Pe : Le;
-      I[H] > m[H] && ($ = w1($));
-      var W = w1($), se = [];
-      if (i && se.push(Q[Y] <= 0), r && se.push(Q[$] <= 0, Q[W] <= 0), se.every(function(we) {
-        return we;
+      }), ie = K ? ae ? Ye : Oe : ae ? Pe : Le;
+      I[H] > m[H] && (ie = w1(ie));
+      var Y = w1(ie), J = [];
+      if (i && J.push(R[P] <= 0), r && J.push(R[ie] <= 0, R[Y] <= 0), J.every(function(De) {
+        return De;
       })) {
         O = fe, D = !1;
         break;
       }
-      b.set(fe, se);
+      b.set(fe, J);
     }
     if (D)
-      for (var _e = y ? 3 : 1, Me = function(U) {
+      for (var re = y ? 3 : 1, ve = function(U) {
         var te = w.find(function(X) {
-          var me = b.get(X);
-          if (me)
-            return me.slice(0, U).every(function(Ne) {
+          var Ae = b.get(X);
+          if (Ae)
+            return Ae.slice(0, U).every(function(Ne) {
               return Ne;
             });
         });
         if (te)
           return O = te, "break";
-      }, De = _e; De > 0; De--) {
-        var Se = Me(De);
+      }, Ce = re; Ce > 0; Ce--) {
+        var Se = ve(Ce);
         if (Se === "break")
           break;
       }
@@ -17528,23 +17534,23 @@ function y2(e) {
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, O), fe = f.modifiersData.offset ? f.modifiersData.offset[f.placement] : null, Y = {
+  }, O), fe = f.modifiersData.offset ? f.modifiersData.offset[f.placement] : null, P = {
     x: 0,
     y: 0
   };
   if (m) {
     if (i) {
-      var ae, J = w === "y" ? Le : Oe, H = w === "y" ? Pe : Ye, Q = w === "y" ? "height" : "width", $ = m[w], W = $ + _[J], se = $ - _[H], _e = C ? -D[Q] / 2 : 0, Me = N === Vf ? b[Q] : D[Q], De = N === Vf ? -D[Q] : -b[Q], Se = f.elements.arrow, we = C && Se ? Qt(Se) : {
+      var ae, K = w === "y" ? Le : Oe, H = w === "y" ? Pe : Ye, R = w === "y" ? "height" : "width", ie = m[w], Y = ie + _[K], J = ie - _[H], re = C ? -D[R] / 2 : 0, ve = N === Vf ? b[R] : D[R], Ce = N === Vf ? -D[R] : -b[R], Se = f.elements.arrow, De = C && Se ? Qt(Se) : {
         width: 0,
         height: 0
-      }, U = f.modifiersData["arrow#persistent"] ? f.modifiersData["arrow#persistent"].padding : Wn(), te = U[J], X = U[H], me = f1(0, b[Q], we[Q]), Ne = x ? b[Q] / 2 - _e - me - te - S.mainAxis : Me - me - te - S.mainAxis, He = x ? -b[Q] / 2 + _e + me + X + S.mainAxis : De + me + X + S.mainAxis, cf = f.elements.arrow && r1(f.elements.arrow), xf = cf ? w === "y" ? cf.clientTop || 0 : cf.clientLeft || 0 : 0, Mf = (ae = fe == null ? void 0 : fe[w]) != null ? ae : 0, Tf = $ + Ne - Mf - xf, Df = $ + He - Mf, P = f1(C ? X1(W, Tf) : W, $, C ? kf(se, Df) : se);
-      m[w] = P, Y[w] = P - $;
+      }, U = f.modifiersData["arrow#persistent"] ? f.modifiersData["arrow#persistent"].padding : Wn(), te = U[K], X = U[H], Ae = f1(0, b[R], De[R]), Ne = x ? b[R] / 2 - re - Ae - te - S.mainAxis : ve - Ae - te - S.mainAxis, He = x ? -b[R] / 2 + re + Ae + X + S.mainAxis : Ce + Ae + X + S.mainAxis, cf = f.elements.arrow && r1(f.elements.arrow), xf = cf ? w === "y" ? cf.clientTop || 0 : cf.clientLeft || 0 : 0, Mf = (ae = fe == null ? void 0 : fe[w]) != null ? ae : 0, Tf = ie + Ne - Mf - xf, Df = ie + He - Mf, F = f1(C ? X1(Y, Tf) : Y, ie, C ? kf(J, Df) : J);
+      m[w] = F, P[w] = F - ie;
     }
     if (r) {
-      var Z, K = w === "x" ? Le : Oe, oe = w === "x" ? Pe : Ye, le = m[I], ke = I === "y" ? "height" : "width", Ce = le + _[K], We = le - _[oe], rf = [Le, Oe].indexOf(k) !== -1, Ff = (Z = fe == null ? void 0 : fe[I]) != null ? Z : 0, wf = rf ? Ce : le - b[ke] - D[ke] - Ff + S.altAxis, Xe = rf ? le + b[ke] + D[ke] - Ff - S.altAxis : We, V = C && rf ? Yc(wf, le, Xe) : f1(C ? wf : Ce, le, C ? Xe : We);
-      m[I] = V, Y[I] = V - le;
+      var W, Z = w === "x" ? Le : Oe, oe = w === "x" ? Pe : Ye, le = m[I], ke = I === "y" ? "height" : "width", we = le + _[Z], We = le - _[oe], rf = [Le, Oe].indexOf(k) !== -1, Ff = (W = fe == null ? void 0 : fe[I]) != null ? W : 0, wf = rf ? we : le - b[ke] - D[ke] - Ff + S.altAxis, Xe = rf ? le + b[ke] + D[ke] - Ff - S.altAxis : We, V = C && rf ? Yc(wf, le, Xe) : f1(C ? wf : we, le, C ? Xe : We);
+      m[I] = V, P[I] = V - le;
     }
-    f.modifiersData[n] = Y;
+    f.modifiersData[n] = P;
   }
 }
 var M2 = {
@@ -17788,12 +17794,12 @@ const L2 = ne({
     select: (e) => !0
   },
   setup() {
-    const { state: e, updateEmoji: f, updateSelect: t } = re("store"), n = h(null), a = F(() => V2(
+    const { state: e, updateEmoji: f, updateSelect: t } = de("store"), n = h(null), a = Q(() => V2(
       e.emojis,
       e.search,
       e.skinTone,
       e.options.disabledGroups
-    )), i = aa(), s = F(() => !e.options.hideGroupNames), r = F(() => !e.options.disableStickyGroupNames), c = In(e.options.groupNames), d = e.orderedGroupKeys;
+    )), i = aa(), s = Q(() => !e.options.hideGroupNames), r = Q(() => !e.options.disableStickyGroupNames), c = In(e.options.groupNames), d = e.orderedGroupKeys;
     e.options.additionalGroups && Object.keys(e.options.additionalGroups).map((y) => {
       e.options.groupNames[y] ? c[y] = e.options.groupNames[y] : c[y] = fa(y);
     });
@@ -17849,19 +17855,19 @@ function F2(e, f, t, n, a, i) {
       ref: "bodyInner",
       class: j([e.platform, "v3-body-inner"])
     }, [
-      e.orderedKeys.length ? (l(!0), u(ee, { key: 0 }, ge(e.orderedKeys, (s) => (l(), u("div", {
+      e.orderedKeys.length ? (l(!0), u(ee, { key: 0 }, pe(e.orderedKeys, (s) => (l(), u("div", {
         id: s,
         key: s,
         class: "v3-group"
       }, [
-        e.hasGroupNames ? ye((l(), u("h5", {
+        e.hasGroupNames ? Me((l(), u("h5", {
           key: 0,
           class: j(e.isSticky ? "v3-sticky" : "")
         }, E(e.groupNames[s]), 3)), [
           [Ke, e.emojis[s]]
         ]) : v("", !0),
-        ye(o("div", B2, [
-          (l(!0), u(ee, null, ge(e.emojis[s], (r) => (l(), u("button", {
+        Me(o("div", B2, [
+          (l(!0), u(ee, null, pe(e.emojis[s], (r) => (l(), u("button", {
             key: r.r,
             type: "button",
             onMouseenter: (c) => e.handleMouseEnter(r),
@@ -17885,9 +17891,9 @@ var P2 = /* @__PURE__ */ d1(L2, [["render", F2]]), Y2 = "data:image/svg+xml;base
 const X2 = ne({
   name: "Header",
   setup(e) {
-    const { state: f, updateSearch: t, updateActiveGroup: n } = re("store"), a = F(() => !f.options.hideSearch), i = F(() => !f.options.hideGroupIcons), s = JSON.parse(JSON.stringify(f.orderedGroupKeys)), r = F(
+    const { state: f, updateSearch: t, updateActiveGroup: n } = de("store"), a = Q(() => !f.options.hideSearch), i = Q(() => !f.options.hideGroupIcons), s = JSON.parse(JSON.stringify(f.orderedGroupKeys)), r = Q(
       () => f.options.staticTexts.placeholder || ""
-    ), c = F({
+    ), c = Q({
       get: () => f.search,
       set: (g) => t(g)
     }), d = [
@@ -17938,7 +17944,7 @@ const X2 = ne({
 function lr(e, f, t, n, a, i) {
   return e.hasGroupIcons || e.hasSearch ? (l(), u("div", er, [
     e.hasGroupIcons ? (l(), u("div", fr, [
-      (l(!0), u(ee, null, ge(e.orderedGroups, (s) => (l(), u("button", {
+      (l(!0), u(ee, null, pe(e.orderedGroups, (s) => (l(), u("button", {
         key: s.key,
         type: "button",
         class: j(["v3-group", {
@@ -17959,7 +17965,7 @@ function lr(e, f, t, n, a, i) {
     ])) : v("", !0),
     e.hasGroupIcons && e.hasSearch ? (l(), u("div", sr)) : v("", !0),
     e.hasSearch ? (l(), u("div", ir, [
-      ye(o("input", {
+      Me(o("input", {
         "onUpdate:modelValue": f[0] || (f[0] = (s) => e.searchValue = s),
         type: "text",
         placeholder: e.placeholder
@@ -17973,9 +17979,9 @@ var ur = /* @__PURE__ */ d1(X2, [["render", lr]]);
 const cr = ne({
   name: "Header",
   setup() {
-    const { state: e, updateSkinTone: f } = re("store"), t = h(!1), n = h(!1), a = F(() => e.skinTone), i = F(
+    const { state: e, updateSkinTone: f } = de("store"), t = h(!1), n = h(!1), a = Q(() => e.skinTone), i = Q(
       () => e.options.staticTexts.skinTone || "Skin tone"
-    ), s = F(() => !e.options.disableSkinTones), r = ea() ? "is-mac" : "", c = F(() => ({
+    ), s = Q(() => !e.options.disableSkinTones), r = ea() ? "is-mac" : "", c = Q(() => ({
       ...e.emoji,
       src: Un + "/" + e.emoji[s1] + ".png"
     }));
@@ -18044,7 +18050,7 @@ function hr(e, f, t, n, a, i) {
       o("div", {
         class: j([e.skinTone ? "v3-is-open" : "", "v3-skin-tones"])
       }, [
-        (l(!0), u(ee, null, ge(e.SKIN_TONES, (s) => (l(), u("button", {
+        (l(!0), u(ee, null, pe(e.SKIN_TONES, (s) => (l(), u("button", {
           key: s,
           type: "button",
           class: j(["v3-skin-tone-" + s, "v3-skin-tone"]),
@@ -18095,7 +18101,7 @@ const vr = ne({
   setup(e, { emit: f }) {
     const t = h(), n = h(), a = h(), i = h(!1), s = h(e.text), r = e.type === "input" || e.type === "textarea";
     let c = -1;
-    const { state: d } = re("store"), A = F(() => d.options.colorTheme);
+    const { state: d } = de("store"), A = Q(() => d.options.colorTheme);
     function g(_) {
       if (r) {
         const k = d.options.mode;
@@ -18132,7 +18138,7 @@ const vr = ne({
     function M(_) {
       s.value = _.target.value || "", f("update:text", s.value);
     }
-    return ve(() => {
+    return be(() => {
       y();
     }), sa(() => {
       document.body.removeEventListener("click", C);
@@ -27000,7 +27006,7 @@ const Sr = /* @__PURE__ */ z(Nr, [["render", jr]]), Vr = {
     }
   },
   setup(e) {
-    const f = e, t = h(null), n = h("light"), a = h(null), i = h(!1), s = re("chatAppId"), { setMessageText: r, getMessage: c } = qe(s), d = () => document.getElementById(s).attributes["data-theme"].nodeValue.indexOf("dark") != -1 ? "dark" : "light", A = (y) => {
+    const f = e, t = h(null), n = h("light"), a = h(null), i = h(!1), s = de("chatAppId"), { setMessageText: r, getMessage: c } = qe(s), d = () => document.getElementById(s).attributes["data-theme"].nodeValue.indexOf("dark") != -1 ? "dark" : "light", A = (y) => {
       r(c().text + y.i);
     }, g = () => {
       f.state === "active" && (i.value = !i.value, i.value && (n.value = d()));
@@ -27009,7 +27015,7 @@ const Sr = /* @__PURE__ */ z(Nr, [["render", jr]]), Vr = {
     }, C = (y) => {
       i.value && !a.value.contains(y.target) && !t.value.contains(y.target) && p();
     };
-    return ve(() => {
+    return be(() => {
       t.value.style.display = "none", document.addEventListener("click", C);
     }), sf(() => {
       document.removeEventListener("click", C);
@@ -27025,9 +27031,9 @@ const Sr = /* @__PURE__ */ z(Nr, [["render", jr]]), Vr = {
           q(Sr)
         ])
       ], 2)),
-      q(pe, null, {
+      q(he, null, {
         default: G(() => [
-          ye(o("div", {
+          Me(o("div", {
             ref_key: "emoji",
             ref: t,
             class: "emoji"
@@ -27079,7 +27085,7 @@ const Rr = { class: "feed-search__container" }, Qr = { style: { "line-height": "
   },
   emits: ["search", "cancel", "switch"],
   setup(e, { emit: f }) {
-    const t = re("chatAppId"), { getModel: n } = Ur(t), a = f, i = e, s = h(), r = $r("", 500), c = F(() => i.isFeedLocation ? "40px" : (i.isFeedLocation, "20px"));
+    const t = de("chatAppId"), { getModel: n } = Ur(t), a = f, i = e, s = h(), r = $r("", 500), c = Q(() => i.isFeedLocation ? "40px" : (i.isFeedLocation, "20px"));
     ce(
       () => [n().text, r.value],
       () => {
@@ -27090,14 +27096,14 @@ const Rr = { class: "feed-search__container" }, Qr = { style: { "line-height": "
       const A = T(s);
       A && (A.value = ""), n().text = "", a("cancel");
     };
-    return ve(() => {
+    return be(() => {
       const A = T(s);
       A == null || A.focus();
-    }), (A, g) => (l(), B(pe, null, {
+    }), (A, g) => (l(), B(he, null, {
       default: G(() => [
         o("div", Rr, [
           o("span", Qr, E(T(Te)("component.FeedSearch.SearchLabel")), 1),
-          ye(o("input", {
+          Me(o("input", {
             ref_key: "refInput",
             ref: s,
             "onUpdate:modelValue": g[0] || (g[0] = (p) => T(n)().text = p),
@@ -27109,7 +27115,7 @@ const Rr = { class: "feed-search__container" }, Qr = { style: { "line-height": "
           ]),
           o("i", {
             class: "pi pi-times",
-            style: he({ right: c.value }),
+            style: _e({ right: c.value }),
             onClick: d
           }, null, 4),
           e.isFeedLocation ? (l(), u("span", {
@@ -27139,7 +27145,7 @@ const Rr = { class: "feed-search__container" }, Qr = { style: { "line-height": "
     }
   },
   setup(e) {
-    const f = e, t = F(() => {
+    const f = e, t = Q(() => {
       const n = {
         "message.file": "pi pi-file",
         "message.audio": "pi pi-volume-up",
@@ -27204,7 +27210,7 @@ const Rr = { class: "feed-search__container" }, Qr = { style: { "line-height": "
   },
   emits: ["clickedSearch", "loadMore"],
   setup(e, { emit: f }) {
-    const t = f, n = e, a = h(), i = h(null), s = F(() => n.notFound ? Te("component.FeedFoundObjects.notFound") : n.notFound ? "" : Te("component.FeedFoundObjects.notSearched")), r = (d) => {
+    const t = f, n = e, a = h(), i = h(null), s = Q(() => n.notFound ? Te("component.FeedFoundObjects.notFound") : n.notFound ? "" : Te("component.FeedFoundObjects.notSearched")), r = (d) => {
       d.messageId && (t("clickedSearch", d.messageId), i.value = d);
     }, c = () => {
       const d = T(a);
@@ -27219,7 +27225,7 @@ const Rr = { class: "feed-search__container" }, Qr = { style: { "line-height": "
         class: "feed-found-objects__items",
         onScroll: c
       }, [
-        (l(!0), u(ee, null, ge(e.objects, (g) => (l(), u("div", {
+        (l(!0), u(ee, null, pe(e.objects, (g) => (l(), u("div", {
           key: g.messageId,
           onClick: (p) => r(g)
         }, [
@@ -27249,7 +27255,7 @@ const Rr = { class: "feed-search__container" }, Qr = { style: { "line-height": "
     }
   },
   setup(e) {
-    const f = re("chatAppId"), { getMessage: t, setMessageFile: n, resetMessageFile: a, setRecordingMessage: i } = qe(f), s = h(), r = h(0), c = h(0), d = h(0), A = h(0), g = F(() => {
+    const f = de("chatAppId"), { getMessage: t, setMessageFile: n, resetMessageFile: a, setRecordingMessage: i } = qe(f), s = h(), r = h(0), c = h(0), d = h(0), A = h(0), g = Q(() => {
       let D = A.value < 10 ? "0" + A.value : A.value, O = d.value < 10 ? "0" + d.value : d.value, S = c.value < 10 ? "0" + c.value : c.value, fe = r.value < 10 ? "00" + r.value : r.value < 100 ? "0" + r.value : r.value;
       return D + ":" + O + ":" + S + ":" + fe;
     }), p = h(""), C = h(!1), y = h(), M = h([]), _ = h(), k = h(), N = e, x = async () => {
@@ -27396,16 +27402,16 @@ const rd = ["data-theme"], dd = {
     const t = f, n = (a) => {
       a.target.classList.contains("modal-backdrop") && t("close");
     };
-    return (a, i) => (l(), B(pe, { name: "modal-fade" }, {
+    return (a, i) => (l(), B(he, { name: "modal-fade" }, {
       default: G(() => [
-        ye(o("div", {
+        Me(o("div", {
           class: "modal-backdrop",
           "data-theme": e.theme,
           onClick: n
         }, [
           o("div", dd, [
             o("div", Ad, [
-              de(a.$slots, "default", {}, void 0, !0)
+              ge(a.$slots, "default", {}, void 0, !0)
             ]),
             o("div", gd, [
               o("button", {
@@ -27432,7 +27438,7 @@ const rd = ["data-theme"], dd = {
 }, Ht = /* @__PURE__ */ z(md, [["__scopeId", "data-v-4a9f3ae8"]]), W6 = async (e, f, t) => {
   const n = await A1({
     //в component должен быть встроен emit change(key: value)
-    component: import("./SelectUser2-dvHqMILK.js"),
+    component: import("./SelectUser2-C_JRsq7t.js"),
     attrs: {
       title: e,
       users: f
@@ -27485,15 +27491,15 @@ const rd = ["data-theme"], dd = {
     const t = f, n = (a) => {
       a.target.classList.contains("modal-backdrop") && t("close");
     };
-    return (a, i) => (l(), B(pe, { name: "modal-fade" }, {
+    return (a, i) => (l(), B(he, { name: "modal-fade" }, {
       default: G(() => [
-        ye(o("div", {
+        Me(o("div", {
           "data-theme": e.theme,
           class: "modal-backdrop",
           onClick: n
         }, [
           o("div", hd, [
-            de(a.$slots, "default", {}, void 0, !0)
+            ge(a.$slots, "default", {}, void 0, !0)
           ])
         ], 8, pd), [
           [Ke, !0]
@@ -27504,7 +27510,7 @@ const rd = ["data-theme"], dd = {
   }
 }, ta = /* @__PURE__ */ z(_d, [["__scopeId", "data-v-fcb0f158"]]), J6 = async (e, f, t, n, a, i) => await A1({
   //в component должен быть встроен emit change(key: value)
-  component: import("./CreateDialog-CGjB_8Ep.js"),
+  component: import("./CreateDialog-CRt5uona.js"),
   attrs: {
     title: e,
     name: f,
@@ -27518,7 +27524,7 @@ const rd = ["data-theme"], dd = {
   }
 }), vd = async (e) => await A1({
   //в component должен быть встроен emit change(key: value)
-  component: import("./ModalVideoRecorder-BWqjZkXW.js"),
+  component: import("./ModalVideoRecorder-Cd65aqOP.js"),
   attrs: {},
   Modal: ta,
   modalAttrs: {
@@ -27543,7 +27549,7 @@ const rd = ["data-theme"], dd = {
     }
   },
   setup(e) {
-    const f = re("chatAppId"), { getMessage: t, setMessageFile: n, setRecordingMessage: a, resetMessageFile: i } = qe(f), { getTheme: s } = Ue(f), r = h(""), c = h(), d = e, A = async () => {
+    const f = de("chatAppId"), { getMessage: t, setMessageFile: n, setRecordingMessage: a, resetMessageFile: i } = qe(f), { getTheme: s } = Ue(f), r = h(""), c = h(), d = e, A = async () => {
       if (!t().file && d.state == "active") {
         const p = s().theme ? s().theme : "";
         await vd(p).then(async (C) => {
@@ -27623,7 +27629,7 @@ const rd = ["data-theme"], dd = {
   },
   emits: ["send"],
   setup(e, { emit: f }) {
-    const t = e, n = f, a = re("chatAppId"), { getMessage: i } = qe(a), s = wn("refBCM"), r = (c) => {
+    const t = e, n = f, a = de("chatAppId"), { getMessage: i } = qe(a), s = wn("refBCM"), r = (c) => {
       console.log(c);
       const d = {
         type: "message.command",
@@ -27637,7 +27643,7 @@ const rd = ["data-theme"], dd = {
         var c, d;
         t.commands && (i().text.startsWith("/") ? (c = s.value) == null || c.updatePosition() : (d = s.value) == null || d.hideMenu());
       }
-    ), (c, d) => (l(), B(pe, null, {
+    ), (c, d) => (l(), B(he, null, {
       default: G(() => [
         e.commands ? (l(), B(nt, {
           key: 0,
@@ -27668,13 +27674,13 @@ const rd = ["data-theme"], dd = {
       t("action");
     };
     return (a, i) => (l(), u("div", Cd, [
-      de(a.$slots, "title", {}, void 0, !0),
-      de(a.$slots, "text", {}, void 0, !0),
+      ge(a.$slots, "title", {}, void 0, !0),
+      ge(a.$slots, "text", {}, void 0, !0),
       o("div", {
         class: "splash__img",
         onClick: n
       }, [
-        de(a.$slots, "picture", {}, void 0, !0)
+        ge(a.$slots, "picture", {}, void 0, !0)
       ])
     ]));
   }
@@ -27750,127 +27756,127 @@ const rd = ["data-theme"], dd = {
       telegram: xs,
       max: Es,
       sms: Ls
-    }, b = F(
+    }, b = Q(
       () => w.map((V) => ({
         type: V,
         component: I[V]
       }))
     ), D = h(
       Object.fromEntries(w.map((V) => [V, []]))
-    ), O = F(
+    ), O = Q(
       () => s.value ? U(s.value) : null
-    ), S = F(
+    ), S = Q(
       () => {
         var V;
         return s.value !== "phone" && O.value && ((V = t.recentAttributeChannels[s.value]) == null ? void 0 : V.channelId);
       }
-    ), fe = F(
-      () => s.value ? we(s.value) : []
-    ), Y = F(
-      () => d.value && A.value && fe.value.length > 0 && s.value !== "phone" && $(s.value)
+    ), fe = Q(
+      () => s.value ? De(s.value) : []
+    ), P = Q(
+      () => d.value && A.value && fe.value.length > 0 && s.value !== "phone" && ie(s.value)
     ), ae = {
       phone: "Позвонить",
       whatsapp: "Выберите контакт и канал для отправки сообщения",
       telegram: "Выберите контакт и канал для отправки сообщения",
       max: "Выберите контакт и канал для отправки сообщения",
       sms: "Выберите контакт и канал для отправки сообщения"
-    }, J = (V) => {
-      var R;
-      return ((R = t.channelTooltips) == null ? void 0 : R[V]) ?? ae[V] ?? "";
+    }, K = (V) => {
+      var $;
+      return (($ = t.channelTooltips) == null ? void 0 : $[V]) ?? ae[V] ?? "";
     }, H = (V) => {
       if (!V) return null;
-      const [R] = V.split(".");
-      return R.includes("waba") ? "whatsapp" : R.includes("telegrambot") ? "telegram" : R;
-    }, Q = (V) => {
+      const [$] = V.split(".");
+      return $.includes("waba") ? "whatsapp" : $.includes("telegrambot") ? "telegram" : $;
+    }, R = (V) => {
       var Cf;
       if (!V || !t.messages) return !0;
-      const R = (Cf = t.selectedChat) == null ? void 0 : Cf.chatId;
-      return R ? !t.messages.filter(
-        (ie) => {
+      const $ = (Cf = t.selectedChat) == null ? void 0 : Cf.chatId;
+      return $ ? !t.messages.filter(
+        (se) => {
           var Ee;
-          return ie.chatId === R && ie.dialogId === ((Ee = t.selectedDialog) == null ? void 0 : Ee.dialogId);
+          return se.chatId === $ && se.dialogId === ((Ee = t.selectedDialog) == null ? void 0 : Ee.dialogId);
         }
       ).some(
-        (ie) => ie.type !== "message.system" && ie.type !== "message.delimiter" && ie.type !== "system" && ie.type !== "system_message" && ie.type !== "notification"
+        (se) => se.type !== "message.system" && se.type !== "message.delimiter" && se.type !== "system" && se.type !== "system_message" && se.type !== "notification"
       ) : !0;
-    }, $ = (V) => t.channels.filter(
-      (R) => H(R.channelId) === V
-    ).length > 1, W = (V) => y.value === V, se = (V) => {
-      const R = t.channels.filter(
+    }, ie = (V) => t.channels.filter(
+      ($) => H($.channelId) === V
+    ).length > 1, Y = (V) => y.value === V, J = (V) => {
+      const $ = t.channels.filter(
         (Ie) => H(Ie.channelId) === V
       );
-      return R.length === 1 ? R[0] : null;
-    }, _e = (V) => m[V] || null, Me = (V) => {
-      const R = H(V);
-      return _e(R);
-    }, De = (V) => {
-      const R = se(V);
-      return R ? Me(R.channelId) : _e(V);
+      return $.length === 1 ? $[0] : null;
+    }, re = (V) => m[V] || null, ve = (V) => {
+      const $ = H(V);
+      return re($);
+    }, Ce = (V) => {
+      const $ = J(V);
+      return $ ? ve($.channelId) : re(V);
     }, Se = () => {
-      const V = Object.fromEntries(w.map((R) => [R, []]));
-      t.contactAttributes.forEach((R) => {
-        R.type === "telegram" ? V.telegram.push(R) : R.type === "phone" && ["whatsapp", "max", "sms", "phone"].forEach((Ie) => {
-          V[Ie].push(R);
+      const V = Object.fromEntries(w.map(($) => [$, []]));
+      t.contactAttributes.forEach(($) => {
+        $.type === "telegram" ? V.telegram.push($) : $.type === "phone" && ["whatsapp", "max", "sms", "phone"].forEach((Ie) => {
+          V[Ie].push($);
         });
       }), D.value = V;
-    }, we = (V) => t.channels.filter(
-      (R) => H(R.channelId) === V
+    }, De = (V) => t.channels.filter(
+      ($) => H($.channelId) === V
     ), U = (V) => {
       var Ie;
-      const R = (Ie = t.recentAttributeChannels[V]) == null ? void 0 : Ie.attributeId;
+      const $ = (Ie = t.recentAttributeChannels[V]) == null ? void 0 : Ie.attributeId;
       return t.contactAttributes.find((df) => {
         var Af;
-        return (Af = df.id) == null ? void 0 : Af.includes(R);
+        return (Af = df.id) == null ? void 0 : Af.includes($);
       });
     }, te = (V) => {
-      var R;
-      return ((R = p.value) == null ? void 0 : R.id) === V.id;
+      var $;
+      return (($ = p.value) == null ? void 0 : $.id) === V.id;
     }, X = (V) => {
-      y.value === V && s.value === V ? me() : (s.value = V, c.value = !0, d.value = !1, p.value = null, C.value = !1, Ce());
-    }, me = () => {
+      y.value === V && s.value === V ? Ae() : (s.value = V, c.value = !0, d.value = !1, p.value = null, C.value = !1, we());
+    }, Ae = () => {
       c.value = !1, s.value = null, p.value = null, C.value = !1, d.value = !1;
     }, Ne = () => {
       var V;
       if (s.value === "phone")
         cf(O.value);
-      else if ($(s.value)) {
-        const R = (V = t.recentAttributeChannels[s.value]) == null ? void 0 : V.channelId;
-        O.value && R && Mf(R);
+      else if (ie(s.value)) {
+        const $ = (V = t.recentAttributeChannels[s.value]) == null ? void 0 : V.channelId;
+        O.value && $ && Mf($);
       } else {
-        const R = se(s.value);
-        O.value && R && xf(O.value, R.channelId);
+        const $ = J(s.value);
+        O.value && $ && xf(O.value, $.channelId);
       }
     }, He = (V) => {
       if (s.value === "phone")
         cf(V);
-      else if (!$(s.value)) {
-        const R = se(s.value);
-        R && xf(V, R.channelId);
+      else if (!ie(s.value)) {
+        const $ = J(s.value);
+        $ && xf(V, $.channelId);
       }
     }, cf = (V) => {
       V && (n("phone-call", {
         attributeId: V.id,
         phoneNumber: V.data
-      }), me());
-    }, xf = (V, R) => {
+      }), Ae());
+    }, xf = (V, $) => {
       n("select-attribute-channel", {
         attributeId: V.id,
-        channelId: R
-      }), y.value = s.value, M.value = t.channels.find((Ie) => Ie.channelId === R), console.log("TEST selectedChannel.value", M.value), Q(R) && t.isNewDialog ? wf() : Xe(), me();
+        channelId: $
+      }), y.value = s.value, M.value = t.channels.find((Ie) => Ie.channelId === $), console.log("TEST selectedChannel.value", M.value), R($) && t.isNewDialog ? wf() : Xe(), Ae();
     }, Mf = (V) => {
       O.value && n("select-attribute-channel", {
         attributeId: O.value.id,
         channelId: V
-      }), y.value = s.value, M.value = t.channels.find((R) => R.channelId === V), console.log("TEST selectedChannel.value", M.value), Q(V) && t.isNewDialog ? wf() : Xe(), me();
+      }), y.value = s.value, M.value = t.channels.find(($) => $.channelId === V), console.log("TEST selectedChannel.value", M.value), R(V) && t.isNewDialog ? wf() : Xe(), Ae();
     }, Tf = (V) => {
-      $(s.value) && (K(), C.value = !0, d.value = !0, We(V.currentTarget));
+      ie(s.value) && (Z(), C.value = !0, d.value = !0, We(V.currentTarget));
     }, Df = () => {
       d.value || (C.value = !1);
-    }, P = (V, R) => {
-      $(s.value) && (C.value = !1, A.value = V, d.value = !0, p.value = V, We(R.currentTarget));
-    }, Z = () => {
+    }, F = (V, $) => {
+      ie(s.value) && (C.value = !1, A.value = V, d.value = !0, p.value = V, We($.currentTarget));
+    }, W = () => {
       d.value || (p.value = null);
-    }, K = () => {
+    }, Z = () => {
       d.value = !1, p.value = null, A.value = null;
     }, oe = () => {
       d.value = !0;
@@ -27880,36 +27886,36 @@ const rd = ["data-theme"], dd = {
       C.value ? Mf(V) : A.value && (n("select-attribute-channel", {
         attributeId: A.value.id,
         channelId: V
-      }), y.value = s.value, M.value = t.channels.find((R) => R.channelId === V), console.log("TEST selectedChannel.value", M.value), Q(V) && t.isNewDialog ? wf() : Xe()), me();
-    }, Ce = () => {
+      }), y.value = s.value, M.value = t.channels.find(($) => $.channelId === V), console.log("TEST selectedChannel.value", M.value), R(V) && t.isNewDialog ? wf() : Xe()), Ae();
+    }, we = () => {
       i.value && (g.value = `${i.value.offsetWidth}px`);
     }, We = (V) => {
       try {
         requestAnimationFrame(() => {
           var gf, Wt, Zt;
-          const R = (gf = a.value) == null ? void 0 : gf.querySelector(".attributes-menu"), Ie = (Wt = a.value) == null ? void 0 : Wt.querySelector(".sub-menu-header"), df = (Zt = a.value) == null ? void 0 : Zt.querySelector(".sub-menu");
-          if (!R || !V) {
+          const $ = (gf = a.value) == null ? void 0 : gf.querySelector(".attributes-menu"), Ie = (Wt = a.value) == null ? void 0 : Wt.querySelector(".sub-menu-header"), df = (Zt = a.value) == null ? void 0 : Zt.querySelector(".sub-menu");
+          if (!$ || !V) {
             _.value = 0;
             return;
           }
-          const Af = R.getBoundingClientRect(), Cf = V.getBoundingClientRect();
-          let ie = 0;
+          const Af = $.getBoundingClientRect(), Cf = V.getBoundingClientRect();
+          let se = 0;
           if (Ie) {
             const it = Ie.getBoundingClientRect(), na = getComputedStyle(Ie), Kt = parseFloat(na.marginBottom || "0");
-            ie = it.height + (isNaN(Kt) ? 0 : Kt);
+            se = it.height + (isNaN(Kt) ? 0 : Kt);
           }
           let Ee = 0;
           if (df) {
             const it = getComputedStyle(df);
             Ee = parseFloat(it.paddingTop || "0") || 0;
           }
-          _.value = Cf.top - Af.top - ie - Ee - 2;
+          _.value = Cf.top - Af.top - se - Ee - 2;
         });
       } catch {
         _.value = 0;
       }
     }, rf = (V) => {
-      a.value && !a.value.contains(V.target) && me();
+      a.value && !a.value.contains(V.target) && Ae();
     };
     ce(() => t.contactAttributes, Se, { deep: !0 }), ce(() => t.selectedDialog, (V) => {
       Ff(V);
@@ -27919,10 +27925,10 @@ const rd = ["data-theme"], dd = {
         y.value = null, M.value = {}, Xe();
         return;
       }
-      const R = H(V.channelId);
-      R && w.includes(R) && (y.value = R, M.value = t.channels.find((Ie) => Ie.channelId === V.channelId), Q(V.channelId) && t.isNewDialog ? wf() : Xe());
+      const $ = H(V.channelId);
+      $ && w.includes($) && (y.value = $, M.value = t.channels.find((Ie) => Ie.channelId === V.channelId), R(V.channelId) && t.isNewDialog ? wf() : Xe());
     }, wf = () => {
-      Xe(), k.value = !0, Ae(() => {
+      Xe(), k.value = !0, me(() => {
         const V = Array.isArray(x.value) ? x.value[0] : x.value;
         V && typeof V.startAutoShow == "function" ? V.startAutoShow() : console.log("startAutoShow method not found on tooltipRef");
       }), N.value = setTimeout(() => {
@@ -27935,11 +27941,11 @@ const rd = ["data-theme"], dd = {
       }
       k.value = !1;
     };
-    return ve(() => {
-      Ce(), window.addEventListener("resize", Ce), document.addEventListener("click", rf), Se(), Ff(t.selectedDialog);
+    return be(() => {
+      we(), window.addEventListener("resize", we), document.addEventListener("click", rf), Se(), Ff(t.selectedDialog);
     }), sf(() => {
-      window.removeEventListener("resize", Ce), document.removeEventListener("click", rf), Xe();
-    }), (V, R) => {
+      window.removeEventListener("resize", we), document.removeEventListener("click", rf), Xe();
+    }), (V, $) => {
       var Ie, df, Af, Cf;
       return l(), u("div", {
         ref_key: "panelRef",
@@ -27951,19 +27957,19 @@ const rd = ["data-theme"], dd = {
           ref: i,
           class: "channels-panel"
         }, [
-          (l(!0), u(ee, null, ge(b.value, (ie) => {
+          (l(!0), u(ee, null, pe(b.value, (se) => {
             var Ee;
             return l(), u("button", {
-              key: ie.type,
+              key: se.type,
               class: j(["channel-btn", {
-                active: W(ie.type),
-                hover: r.value === ie.type && !W(ie.type) || r.value === ie.type && W(ie.type)
+                active: Y(se.type),
+                hover: r.value === se.type && !Y(se.type) || r.value === se.type && Y(se.type)
               }]),
-              onClick: (gf) => X(ie.type),
-              onMouseenter: (gf) => r.value = ie.type,
-              onMouseleave: R[0] || (R[0] = (gf) => r.value = null)
+              onClick: (gf) => X(se.type),
+              onMouseenter: (gf) => r.value = se.type,
+              onMouseleave: $[0] || ($[0] = (gf) => r.value = null)
             }, [
-              W(ie.type) ? (l(), u(ee, { key: 0 }, [
+              Y(se.type) ? (l(), u(ee, { key: 0 }, [
                 q(Ve, {
                   ref_for: !0,
                   ref: (gf) => {
@@ -27977,21 +27983,21 @@ const rd = ["data-theme"], dd = {
                 }, {
                   default: G(() => [
                     o("span", xd, [
-                      (l(), B(Qe(ie.component)))
+                      (l(), B(Qe(se.component)))
                     ])
                   ]),
                   _: 2
                 }, 1032, ["text", "trigger"]),
-                R[5] || (R[5] = o("span", { class: "active-indicator" }, null, -1))
+                $[5] || ($[5] = o("span", { class: "active-indicator" }, null, -1))
               ], 64)) : (l(), B(Ve, {
                 key: 1,
-                text: J(ie.type),
+                text: K(se.type),
                 position: "bottom-left",
                 offset: 8
               }, {
                 default: G(() => [
                   o("span", Td, [
-                    (l(), B(Qe(ie.component)))
+                    (l(), B(Qe(se.component)))
                   ])
                 ]),
                 _: 2
@@ -28002,7 +28008,7 @@ const rd = ["data-theme"], dd = {
         c.value && s.value ? (l(), u("div", {
           key: 0,
           class: "attributes-menu",
-          style: he({ width: g.value })
+          style: _e({ width: g.value })
         }, [
           S.value ? (l(), u("div", Dd, " Недавний ")) : v("", !0),
           S.value && ((Ie = t.recentAttributeChannels[s.value]) != null && Ie.tooltip) ? (l(), B(Ve, {
@@ -28012,25 +28018,25 @@ const rd = ["data-theme"], dd = {
             offset: 8
           }, {
             default: G(() => {
-              var ie;
+              var se;
               return [
                 o("div", {
                   class: j(["recent-attribute", {
                     "frozen-hover": C.value
                   }]),
-                  onMouseenter: R[1] || (R[1] = (Ee) => Tf(Ee)),
+                  onMouseenter: $[1] || ($[1] = (Ee) => Tf(Ee)),
                   onMouseleave: Df,
-                  onMouseover: K,
-                  onClick: R[2] || (R[2] = (Ee) => Ne())
+                  onMouseover: Z,
+                  onClick: $[2] || ($[2] = (Ee) => Ne())
                 }, [
                   o("div", Nd, [
-                    o("span", Ed, E((ie = O.value) == null ? void 0 : ie.value), 1)
+                    o("span", Ed, E((se = O.value) == null ? void 0 : se.value), 1)
                   ]),
                   e.showChannelIcons ? (l(), u("span", {
                     key: 0,
                     class: j(["channel-icon-small", { "menu-icon-grey": s.value !== "sms" }])
                   }, [
-                    (l(), B(Qe(_e(s.value))))
+                    (l(), B(Qe(re(s.value))))
                   ], 2)) : v("", !0)
                 ], 34)
               ];
@@ -28041,10 +28047,10 @@ const rd = ["data-theme"], dd = {
             class: j(["recent-attribute", {
               "frozen-hover": C.value
             }]),
-            onMouseenter: R[3] || (R[3] = (ie) => Tf(ie)),
+            onMouseenter: $[3] || ($[3] = (se) => Tf(se)),
             onMouseleave: Df,
-            onMouseover: K,
-            onClick: R[4] || (R[4] = (ie) => Ne())
+            onMouseover: Z,
+            onClick: $[4] || ($[4] = (se) => Ne())
           }, [
             o("div", jd, [
               o("span", Sd, E((Af = O.value) == null ? void 0 : Af.value), 1)
@@ -28052,50 +28058,50 @@ const rd = ["data-theme"], dd = {
             o("span", {
               class: j(["channel-icon-small", { "menu-icon-grey": s.value !== "sms" }])
             }, [
-              (l(), B(Qe(_e(s.value))))
+              (l(), B(Qe(re(s.value))))
             ], 2)
           ], 34)) : v("", !0),
           S.value && ((Cf = D.value[s.value]) != null && Cf.length) && s.value !== "phone" ? (l(), u("div", Vd)) : v("", !0),
-          (l(!0), u(ee, null, ge(D.value[s.value], (ie) => (l(), u("div", {
-            key: ie.attributeId,
+          (l(!0), u(ee, null, pe(D.value[s.value], (se) => (l(), u("div", {
+            key: se.attributeId,
             class: j(["attribute-item", {
-              "frozen-hover": te(ie)
+              "frozen-hover": te(se)
             }]),
-            onMouseenter: (Ee) => P(ie, Ee),
-            onMouseleave: Z,
-            onClick: (Ee) => He(ie)
+            onMouseenter: (Ee) => F(se, Ee),
+            onMouseleave: W,
+            onClick: (Ee) => He(se)
           }, [
             o("div", Od, [
-              o("span", zd, E(ie.value), 1)
+              o("span", zd, E(se.value), 1)
             ]),
             o("span", Bd, [
-              $(s.value) ? (l(), u("span", Ud)) : e.showChannelIcons ? (l(), u("span", {
+              ie(s.value) ? (l(), u("span", Ud)) : e.showChannelIcons ? (l(), u("span", {
                 key: 1,
                 class: j(["channel-icon-small", { "menu-icon-grey": s.value !== "sms" }])
               }, [
-                (l(), B(Qe(De(s.value))))
+                (l(), B(Qe(Ce(s.value))))
               ], 2)) : v("", !0)
             ])
           ], 42, Ld))), 128)),
-          d.value && Y.value ? (l(), u("div", {
+          d.value && P.value ? (l(), u("div", {
             key: 4,
             class: "sub-menu left",
-            style: he({ top: _.value + "px" }),
+            style: _e({ top: _.value + "px" }),
             onMouseenter: oe,
             onMouseleave: le
           }, [
-            R[6] || (R[6] = o("div", { class: "sub-menu-header" }, " Канал связи ", -1)),
-            (l(!0), u(ee, null, ge(fe.value, (ie) => (l(), u("div", {
-              key: ie.channelId,
+            $[6] || ($[6] = o("div", { class: "sub-menu-header" }, " Канал связи ", -1)),
+            (l(!0), u(ee, null, pe(fe.value, (se) => (l(), u("div", {
+              key: se.channelId,
               class: "sub-menu-item",
-              onClick: (Ee) => ke(ie.channelId)
+              onClick: (Ee) => ke(se.channelId)
             }, [
-              o("span", Rd, E(ie.title || ie.channelId), 1),
+              o("span", Rd, E(se.title || se.channelId), 1),
               e.showChannelIcons ? (l(), u("span", {
                 key: 0,
-                class: j(["sub-menu-icon", { "menu-icon-grey": H(ie.channelId) !== "sms" }])
+                class: j(["sub-menu-icon", { "menu-icon-grey": H(se.channelId) !== "sms" }])
               }, [
-                (l(), B(Qe(Me(ie.channelId))))
+                (l(), B(Qe(ve(se.channelId))))
               ], 2)) : v("", !0)
             ], 8, $d))), 128))
           ], 36)) : v("", !0)
@@ -28128,7 +28134,7 @@ const rd = ["data-theme"], dd = {
   },
   emits: ["click", "buttonClick", "menuMouseEnter", "menuMouseLeave"],
   setup(e, { expose: f, emit: t }) {
-    const n = re("chatAppId"), a = re("extChatAppId"), { getTheme: i } = Ue(n), s = e, r = l1(), c = t, d = h(), A = h(), g = h(!1), p = (I) => {
+    const n = de("chatAppId"), a = de("extChatAppId"), { getTheme: i } = Ue(n), s = e, r = l1(), c = t, d = h(), A = h(), g = h(!1), p = (I) => {
       x(), c("click", I);
     }, C = () => {
       s.disabled || (s.mode == "click" && !g.value ? N() : s.mode == "click" && g.value && x(), c("buttonClick"));
@@ -28145,7 +28151,7 @@ const rd = ["data-theme"], dd = {
         const I = d.value, m = A.value.getBoundingClientRect();
         I.style.display = "inherit";
         const b = d.value.getBoundingClientRect();
-        I.style.display = "none", Ae(() => {
+        I.style.display = "none", me(() => {
           const D = {
             left: { top: m.top - (b.height - m.height) / 2 - b.top, left: m.left - b.width - b.left },
             right: { top: m.top - (b.height - m.height) / 2 - b.top, left: m.left + m.width - b.left },
@@ -28165,8 +28171,8 @@ const rd = ["data-theme"], dd = {
     }, w = (I) => {
       s.mode == "click" && A.value && !A.value.contains(I.target) && x();
     };
-    return ve(() => {
-      Ae(() => {
+    return be(() => {
+      me(() => {
         d.value = document.getElementById("context-menu-" + r + a), d.value && (x(), document.addEventListener("click", w));
       });
     }), sf(() => {
@@ -28365,7 +28371,7 @@ const rd = ["data-theme"], dd = {
   },
   emits: ["action", "reply"],
   setup(e, { emit: f }) {
-    const t = e, n = f, a = h(!1), i = h(!1), s = h(""), r = F(() => t.subtextTooltipData && t.subtextTooltipData[t.message.messageId] ? t.subtextTooltipData[t.message.messageId] : t.message.subText || "");
+    const t = e, n = f, a = h(!1), i = h(!1), s = h(""), r = Q(() => t.subtextTooltipData && t.subtextTooltipData[t.message.messageId] ? t.subtextTooltipData[t.message.messageId] : t.message.subText || "");
     ce(
       () => t.message.text,
       () => {
@@ -28386,7 +28392,7 @@ const rd = ["data-theme"], dd = {
       i.value = !0;
     }, C = () => {
       i.value = !1, a.value = !1;
-    }, y = F(() => Rf(t.message.status));
+    }, y = Q(() => Rf(t.message.status));
     function M(_) {
       return _.position === "left" ? "file-message__left" : "file-message__right";
     }
@@ -28396,7 +28402,7 @@ const rd = ["data-theme"], dd = {
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
-      style: he(e.message.position === "right" && e.message.backgroundColor ? { "--chotto-message-right-bg": e.message.backgroundColor } : null),
+      style: _e(e.message.position === "right" && e.message.backgroundColor ? { "--chotto-message-right-bg": e.message.backgroundColor } : null),
       onMouseleave: C
     }, [
       e.message.avatar && e.isFirstInSeries ? (l(), u("img", {
@@ -28405,7 +28411,7 @@ const rd = ["data-theme"], dd = {
         src: e.message.avatar,
         height: "32",
         width: "32",
-        style: he({ gridRow: e.message.subText ? "2" : "1" })
+        style: _e({ gridRow: e.message.subText ? "2" : "1" })
       }, null, 12, m3)) : v("", !0),
       e.message.subText && e.isFirstInSeries ? (l(), u("p", p3, [
         q(Ve, {
@@ -28421,7 +28427,7 @@ const rd = ["data-theme"], dd = {
       ])) : v("", !0),
       o("div", {
         class: j(["file-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }]),
-        style: he({ gridRow: e.message.subText ? "2" : "1" }),
+        style: _e({ gridRow: e.message.subText ? "2" : "1" }),
         onMouseenter: p
       }, [
         e.message.reply ? (l(), B(Qf, {
@@ -28483,7 +28489,7 @@ const rd = ["data-theme"], dd = {
         }, k[5] || (k[5] = [
           o("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : v("", !0),
-        q(pe, null, {
+        q(he, null, {
           default: G(() => [
             a.value && e.message.actions ? (l(), B(T(bf), {
               key: 0,
@@ -28532,7 +28538,7 @@ const rd = ["data-theme"], dd = {
   },
   emits: ["action", "reply"],
   setup(e, { emit: f }) {
-    const t = re("chatAppId"), { getTheme: n } = Ue(t), a = e, i = f, s = h(!1), r = h(!1), c = F(() => a.subtextTooltipData && a.subtextTooltipData[a.message.messageId] ? a.subtextTooltipData[a.message.messageId] : a.message.subText || ""), d = h(!1), A = h(!1), g = h(""), p = h(null), C = h(null), y = h(0), M = h(0);
+    const t = de("chatAppId"), { getTheme: n } = Ue(t), a = e, i = f, s = h(!1), r = h(!1), c = Q(() => a.subtextTooltipData && a.subtextTooltipData[a.message.messageId] ? a.subtextTooltipData[a.message.messageId] : a.message.subText || ""), d = h(!1), A = h(!1), g = h(""), p = h(null), C = h(null), y = h(0), M = h(0);
     ce(
       () => a.message.text,
       () => {
@@ -28542,16 +28548,16 @@ const rd = ["data-theme"], dd = {
     ), ce(
       () => g.value,
       () => {
-        m(), Ae(() => {
+        m(), me(() => {
           b && C.value && b.observe(C.value);
         });
       }
     );
-    const _ = (J) => {
-      i("reply", J);
+    const _ = (K) => {
+      i("reply", K);
     };
-    function k(J) {
-      J.preventDefault(), J.target.href && window.open(J.target.href, "_blank");
+    function k(K) {
+      K.preventDefault(), K.target.href && window.open(K.target.href, "_blank");
     }
     const N = () => {
       i("action", { messageId: a.message.messageId, type: "views" });
@@ -28561,12 +28567,12 @@ const rd = ["data-theme"], dd = {
     }, I = () => {
       d.value = !1, A.value = !1, r.value = !1;
     }, m = () => {
-      Ae(() => {
+      me(() => {
         p.value && (M.value = p.value.offsetWidth), C.value && (y.value = C.value.offsetWidth);
       });
     };
     let b = null, D = null;
-    ve(() => {
+    be(() => {
       m(), D = () => m(), window.addEventListener("resize", D), typeof ResizeObserver < "u" && (b = new ResizeObserver(() => {
         m();
       }), p.value && b.observe(p.value), C.value && b.observe(C.value));
@@ -28575,24 +28581,24 @@ const rd = ["data-theme"], dd = {
     }), ce(
       () => [a.message.text, a.message.url],
       () => {
-        m(), Ae(() => {
+        m(), me(() => {
           b && (b.disconnect(), p.value && b.observe(p.value), C.value && b.observe(C.value));
         });
       },
       { immediate: !0 }
     );
-    const O = F(() => a.message.text && y.value > M.value && M.value > 0), S = F(() => a.message.reply && a.message.text ? "0" : a.message.text ? y.value > M.value && M.value > 0 ? "0" : "8px 8px 0 0" : a.message.reply ? "0 0 8px 8px" : "8px"), fe = F(() => Rf(a.message.status));
-    function Y(J) {
-      return J.position === "left" ? "image-message__left" : "image-message__right";
+    const O = Q(() => a.message.text && y.value > M.value && M.value > 0), S = Q(() => a.message.reply && a.message.text ? "0" : a.message.text ? y.value > M.value && M.value > 0 ? "0" : "8px 8px 0 0" : a.message.reply ? "0 0 8px 8px" : "8px"), fe = Q(() => Rf(a.message.status));
+    function P(K) {
+      return K.position === "left" ? "image-message__left" : "image-message__right";
     }
     const ae = () => s.value = !1;
-    return (J, H) => (l(), u("div", {
+    return (K, H) => (l(), u("div", {
       class: j(["image-message", [
-        Y(e.message),
+        P(e.message),
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
-      style: he(e.message.position === "right" && e.message.backgroundColor ? { "--chotto-message-right-bg": e.message.backgroundColor } : null),
+      style: _e(e.message.position === "right" && e.message.backgroundColor ? { "--chotto-message-right-bg": e.message.backgroundColor } : null),
       onMouseleave: I
     }, [
       e.message.avatar && e.isFirstInSeries ? (l(), u("img", {
@@ -28626,7 +28632,7 @@ const rd = ["data-theme"], dd = {
         }, null, 8, ["class", "message"])) : v("", !0),
         o("div", {
           class: j(["image-message__preview-button", { "image-message__preview-button--blur-edges": O.value }]),
-          onClick: H[0] || (H[0] = (Q) => s.value = !0),
+          onClick: H[0] || (H[0] = (R) => s.value = !0),
           onMouseenter: w,
           onMouseleave: I
         }, [
@@ -28646,11 +28652,11 @@ const rd = ["data-theme"], dd = {
             ref_key: "imageRef",
             ref: p,
             class: "image-message__preview-image",
-            style: he({ borderRadius: S.value }),
+            style: _e({ borderRadius: S.value }),
             src: e.message.url,
             alt: e.message.alt
           }, null, 12, j3),
-          q(pe, { name: "modal-fade" }, {
+          q(he, { name: "modal-fade" }, {
             default: G(() => [
               A.value ? (l(), u("div", S3, [
                 e.message.views ? (l(), u("div", {
@@ -28662,7 +28668,7 @@ const rd = ["data-theme"], dd = {
                   o("p", null, E(e.message.views), 1)
                 ])) : v("", !0),
                 o("span", V3, E(e.message.time), 1),
-                Y(e.message) === "image-message__right" && T($f).includes(e.message.status) ? (l(), u("div", {
+                P(e.message) === "image-message__right" && T($f).includes(e.message.status) ? (l(), u("div", {
                   key: 1,
                   class: j(["image-message__status", fe.value])
                 }, [
@@ -28673,7 +28679,7 @@ const rd = ["data-theme"], dd = {
             ]),
             _: 1
           }),
-          q(pe, { name: "modal-fade" }, {
+          q(he, { name: "modal-fade" }, {
             default: G(() => [
               A.value ? (l(), u("a", {
                 key: 0,
@@ -28689,19 +28695,19 @@ const rd = ["data-theme"], dd = {
             _: 1
           })
         ], 34),
-        q(pe, { name: "modal-fade" }, {
+        q(he, { name: "modal-fade" }, {
           default: G(() => [
             d.value && e.message.actions ? (l(), u("button", {
               key: 0,
               class: "image-message__menu-button",
-              onClick: H[1] || (H[1] = (Q) => r.value = !r.value)
+              onClick: H[1] || (H[1] = (R) => r.value = !r.value)
             }, H[5] || (H[5] = [
               o("span", { class: "pi pi-ellipsis-h" }, null, -1)
             ]))) : v("", !0)
           ]),
           _: 1
         }),
-        q(pe, { name: "context-menu" }, {
+        q(he, { name: "context-menu" }, {
           default: G(() => [
             r.value && e.message.actions ? (l(), B(T(bf), {
               key: 0,
@@ -28735,7 +28741,7 @@ const rd = ["data-theme"], dd = {
         }, null, 8, ["class", "embed"])) : v("", !0)
       ], 2),
       (l(), B(je, { to: "body" }, [
-        q(pe, { name: "modal-fade" }, {
+        q(he, { name: "modal-fade" }, {
           default: G(() => [
             s.value ? (l(), B(u1, {
               key: 0,
@@ -28789,7 +28795,7 @@ const rd = ["data-theme"], dd = {
   },
   emits: ["action", "reply"],
   setup(e, { emit: f }) {
-    const t = e, n = f, a = h(!1), i = h(!1), s = h(""), r = F(() => t.subtextTooltipData && t.subtextTooltipData[t.message.messageId] ? t.subtextTooltipData[t.message.messageId] : t.message.subText || "");
+    const t = e, n = f, a = h(!1), i = h(!1), s = h(""), r = Q(() => t.subtextTooltipData && t.subtextTooltipData[t.message.messageId] ? t.subtextTooltipData[t.message.messageId] : t.message.subText || "");
     ce(
       () => t.message.text,
       () => {
@@ -28807,7 +28813,7 @@ const rd = ["data-theme"], dd = {
       i.value = !0;
     }, g = () => {
       i.value = !1, a.value = !1;
-    }, p = F(() => Rf(t.message.status)), C = (_) => {
+    }, p = Q(() => Rf(t.message.status)), C = (_) => {
       g(), n("action", { messageId: t.message.messageId, type: "menu", ..._ });
     }, y = () => {
       g(), n("action", { messageId: t.message.messageId, type: "views" });
@@ -28821,7 +28827,7 @@ const rd = ["data-theme"], dd = {
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
-      style: he(e.message.position === "right" && e.message.backgroundColor ? { "--chotto-message-right-bg": e.message.backgroundColor } : null),
+      style: _e(e.message.position === "right" && e.message.backgroundColor ? { "--chotto-message-right-bg": e.message.backgroundColor } : null),
       onMouseleave: g
     }, [
       e.message.avatar && e.isFirstInSeries ? (l(), u("img", {
@@ -28830,7 +28836,7 @@ const rd = ["data-theme"], dd = {
         src: e.message.avatar,
         height: "32",
         width: "32",
-        style: he({ gridRow: e.message.subText && e.isFirstInSeries ? "2" : "1" })
+        style: _e({ gridRow: e.message.subText && e.isFirstInSeries ? "2" : "1" })
       }, null, 12, Q3)) : v("", !0),
       e.message.subText && e.isFirstInSeries ? (l(), u("p", F3, [
         q(Ve, {
@@ -28894,7 +28900,7 @@ const rd = ["data-theme"], dd = {
         }, k[3] || (k[3] = [
           o("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : v("", !0),
-        q(pe, null, {
+        q(he, null, {
           default: G(() => [
             a.value && e.message.actions ? (l(), B(T(bf), {
               key: 0,
@@ -28943,7 +28949,7 @@ const rd = ["data-theme"], dd = {
   },
   emits: ["action", "reply"],
   setup(e, { emit: f }) {
-    const t = re("chatAppId"), { getTheme: n } = Ue(t), a = e, i = h([
+    const t = de("chatAppId"), { getTheme: n } = Ue(t), a = e, i = h([
       {
         text: "1.0x",
         speed: 1,
@@ -28965,10 +28971,10 @@ const rd = ["data-theme"], dd = {
         selected: !1
       }
     ]), s = (H) => {
-      for (let Q of i.value)
-        Q.selected = !1;
+      for (let R of i.value)
+        R.selected = !1;
       i.value[H].selected = !0, c.value && (c.value.playbackRate = i.value[H].speed);
-    }, r = f, c = h(), d = h(!1), A = h(0), g = h(0), p = h(!1), C = F(() => a.subtextTooltipData && a.subtextTooltipData[a.message.messageId] ? a.subtextTooltipData[a.message.messageId] : a.message.subText || ""), y = h(!1), M = h(!1), _ = h(!1), k = F(() => a.message.text ? Je(a.message.text) : ""), N = (H) => {
+    }, r = f, c = h(), d = h(!1), A = h(0), g = h(0), p = h(!1), C = Q(() => a.subtextTooltipData && a.subtextTooltipData[a.message.messageId] ? a.subtextTooltipData[a.message.messageId] : a.message.subText || ""), y = h(!1), M = h(!1), _ = h(!1), k = Q(() => a.message.text ? Je(a.message.text) : ""), N = (H) => {
       r("reply", H);
     };
     function x(H) {
@@ -28981,27 +28987,27 @@ const rd = ["data-theme"], dd = {
     }, m = () => {
       r("action", { messageId: a.message.messageId, type: "views" });
     }, b = () => {
-    }, D = F(() => Rf(a.message.status));
+    }, D = Q(() => Rf(a.message.status));
     function O() {
       c.value && (d.value ? c.value.pause() : c.value.play(), d.value = !d.value);
     }
     const S = (H) => {
-      const Q = Math.floor(H / 60), $ = Math.floor(H % 60);
-      return `${Q.toString().padStart(2, "0")}:${$.toString().padStart(2, "0")}`;
-    }, fe = F(() => c.value ? S(g.value) : "0:00");
+      const R = Math.floor(H / 60), ie = Math.floor(H % 60);
+      return `${R.toString().padStart(2, "0")}:${ie.toString().padStart(2, "0")}`;
+    }, fe = Q(() => c.value ? S(g.value) : "0:00");
     ce(
       () => g.value,
       () => {
         c.value && p.value && (c.value.duration != 1 / 0 && !Number.isNaN(c.value.duration) && (c.value.currentTime = g.value), g.value == A.value && (d.value = !1));
       }
     );
-    const Y = () => {
+    const P = () => {
       c.value && p.value && c.value.duration != 1 / 0 && !Number.isNaN(c.value.duration) && (c.value.currentTime = g.value), p.value = !1;
-    }, ae = F(() => c.value ? S(A.value) : "0:00");
-    function J(H) {
+    }, ae = Q(() => c.value ? S(A.value) : "0:00");
+    function K(H) {
       return H.position === "left" ? "audio-message__left" : "audio-message__right";
     }
-    return ve(() => {
+    return be(() => {
       c.value != null && (c.value.addEventListener("loadedmetadata", () => {
         c.value != null && (c.value.duration == 1 / 0 || Number.isNaN(c.value.duration)) && (c.value.currentTime = 1e101, c.value.addEventListener("timeupdate", () => {
           c.value && (c.value.currentTime = 0, A.value = c.value.duration);
@@ -29009,15 +29015,15 @@ const rd = ["data-theme"], dd = {
       }), c.value.addEventListener("timeupdate", () => {
         !p.value && c.value != null && (g.value = c.value.currentTime);
       }));
-    }), (H, Q) => {
-      var $;
+    }), (H, R) => {
+      var ie;
       return l(), u("div", {
         class: j(["audio-message", [
-          J(e.message),
+          K(e.message),
           e.applyStyle(e.message)
         ]]),
         messageId: e.message.messageId,
-        style: he(e.message.position === "right" && e.message.backgroundColor ? { "--chotto-message-right-bg": e.message.backgroundColor } : null),
+        style: _e(e.message.position === "right" && e.message.backgroundColor ? { "--chotto-message-right-bg": e.message.backgroundColor } : null),
         onMouseleave: I
       }, [
         e.message.avatar && e.isFirstInSeries ? (l(), u("img", {
@@ -29026,7 +29032,7 @@ const rd = ["data-theme"], dd = {
           src: e.message.avatar,
           height: "32",
           width: "32",
-          style: he({ gridRow: e.message.subText ? "2" : "1" })
+          style: _e({ gridRow: e.message.subText ? "2" : "1" })
         }, null, 12, J3)) : v("", !0),
         e.message.subText && e.isFirstInSeries ? (l(), u("p", G3, [
           q(Ve, {
@@ -29058,44 +29064,44 @@ const rd = ["data-theme"], dd = {
               src: e.message.url,
               type: "audio/webm"
             }, null, 8, e4),
-            ye(o("button", {
+            Me(o("button", {
               class: "audio-message__play",
               onClick: O
-            }, Q[6] || (Q[6] = [
+            }, R[6] || (R[6] = [
               o("span", { class: "pi pi-play" }, null, -1)
             ]), 512), [
               [Ke, !d.value]
             ]),
-            ye(o("button", {
+            Me(o("button", {
               class: "audio-message__pause",
               onClick: O
-            }, Q[7] || (Q[7] = [
+            }, R[7] || (R[7] = [
               o("span", { class: "pi pi-pause" }, null, -1)
             ]), 512), [
               [Ke, d.value]
             ]),
-            ye(o("input", {
-              "onUpdate:modelValue": Q[0] || (Q[0] = (W) => g.value = W),
+            Me(o("input", {
+              "onUpdate:modelValue": R[0] || (R[0] = (Y) => g.value = Y),
               class: "audio-message__progress-bar-container",
               type: "range",
               min: 0,
               max: A.value,
               step: "0.1",
-              onMousedown: Q[1] || (Q[1] = (W) => p.value = !0),
-              onMouseup: Y,
-              onTouchstart: Q[2] || (Q[2] = (W) => p.value = !0),
-              onTouchend: Y
+              onMousedown: R[1] || (R[1] = (Y) => p.value = !0),
+              onMouseup: P,
+              onTouchstart: R[2] || (R[2] = (Y) => p.value = !0),
+              onTouchend: P
             }, null, 40, f4), [
               [Uf, g.value]
             ]),
             o("div", t4, [
               o("p", n4, E(`${fe.value} / ${ae.value}`), 1),
               o("div", a4, [
-                (l(!0), u(ee, null, ge(i.value, (W, se) => (l(), u("p", {
-                  key: W.text,
-                  class: j(["audio-message__speed-btn", { "audio-message__speed-btn-selected": W.selected }]),
-                  onClick: (_e) => s(se)
-                }, E(W.text), 11, s4))), 128))
+                (l(!0), u(ee, null, pe(i.value, (Y, J) => (l(), u("p", {
+                  key: Y.text,
+                  class: j(["audio-message__speed-btn", { "audio-message__speed-btn-selected": Y.selected }]),
+                  onClick: (re) => s(J)
+                }, E(Y.text), 11, s4))), 128))
               ])
             ]),
             o("a", {
@@ -29104,13 +29110,13 @@ const rd = ["data-theme"], dd = {
               download: "",
               target: "_blank",
               onClick: Ef(() => "//Предотвращаем всплытие события клика", ["stop"])
-            }, Q[8] || (Q[8] = [
+            }, R[8] || (R[8] = [
               o("span", { class: "pi pi-download" }, null, -1)
             ]), 8, i4)
           ]),
-          ($ = e.message.transcript) != null && $.text ? (l(), u("div", o4, [
+          (ie = e.message.transcript) != null && ie.text ? (l(), u("div", o4, [
             o("p", {
-              onClick: Q[3] || (Q[3] = (W) => _.value = !_.value)
+              onClick: R[3] || (R[3] = (Y) => _.value = !_.value)
             }, E(e.message.transcript.text), 1)
           ])) : v("", !0),
           e.message.text ? (l(), u("div", l4, [
@@ -29135,26 +29141,26 @@ const rd = ["data-theme"], dd = {
               class: "audio-message__views",
               onClick: m
             }, [
-              Q[9] || (Q[9] = o("span", { class: "pi pi-eye" }, null, -1)),
+              R[9] || (R[9] = o("span", { class: "pi pi-eye" }, null, -1)),
               o("p", null, E(e.message.views), 1)
             ])) : v("", !0),
             o("span", r4, E(e.message.time), 1),
-            J(e.message) === "audio-message__right" && T($f).includes(e.message.status) ? (l(), u("div", {
+            K(e.message) === "audio-message__right" && T($f).includes(e.message.status) ? (l(), u("div", {
               key: 1,
               class: j(["audio-message__status", D.value])
             }, [
               e.message.status !== "sent" ? (l(), u("span", d4)) : v("", !0),
-              Q[10] || (Q[10] = o("span", { class: "pi pi-check" }, null, -1))
+              R[10] || (R[10] = o("span", { class: "pi pi-check" }, null, -1))
             ], 2)) : v("", !0)
           ]),
           M.value && e.message.actions ? (l(), u("button", {
             key: 5,
             class: "audio-message__menu-button",
-            onClick: Q[4] || (Q[4] = (W) => y.value = !y.value)
-          }, Q[11] || (Q[11] = [
+            onClick: R[4] || (R[4] = (Y) => y.value = !y.value)
+          }, R[11] || (R[11] = [
             o("span", { class: "pi pi-ellipsis-h" }, null, -1)
           ]))) : v("", !0),
-          q(pe, null, {
+          q(he, null, {
             default: G(() => [
               y.value && e.message.actions ? (l(), B(T(bf), {
                 key: 0,
@@ -29166,9 +29172,9 @@ const rd = ["data-theme"], dd = {
             _: 1
           }),
           (l(), B(je, { to: "body" }, [
-            q(pe, { name: "modal-fade" }, {
+            q(he, { name: "modal-fade" }, {
               default: G(() => {
-                var W;
+                var Y;
                 return [
                   _.value ? (l(), u("div", {
                     key: 0,
@@ -29178,13 +29184,13 @@ const rd = ["data-theme"], dd = {
                     o("div", g4, [
                       o("button", {
                         class: "audio-message__modal-close-button",
-                        onClick: Q[5] || (Q[5] = (se) => _.value = !1)
-                      }, Q[12] || (Q[12] = [
+                        onClick: R[5] || (R[5] = (J) => _.value = !1)
+                      }, R[12] || (R[12] = [
                         o("span", null, [
                           o("i", { class: "pi pi-times" })
                         ], -1)
                       ])),
-                      o("p", m4, E((W = e.message.transcript) == null ? void 0 : W.text), 1)
+                      o("p", m4, E((Y = e.message.transcript) == null ? void 0 : Y.text), 1)
                     ])
                   ], 8, A4)) : v("", !0)
                 ];
@@ -29247,13 +29253,13 @@ const rd = ["data-theme"], dd = {
   },
   emits: ["action", "reply"],
   setup(e, { emit: f }) {
-    const t = re("chatAppId"), { getTheme: n } = Ue(t), a = e, i = f, s = (O) => {
+    const t = de("chatAppId"), { getTheme: n } = Ue(t), a = e, i = f, s = (O) => {
       i("reply", O);
     };
     function r(O) {
       return O.position === "left" ? "video-message__left" : "video-message__right";
     }
-    const c = h(), d = h(), A = F(() => a.subtextTooltipData && a.subtextTooltipData[a.message.messageId] ? a.subtextTooltipData[a.message.messageId] : a.message.subText || ""), g = h(!1), p = h(!1), C = h(!1), y = h(!1), M = h("");
+    const c = h(), d = h(), A = Q(() => a.subtextTooltipData && a.subtextTooltipData[a.message.messageId] ? a.subtextTooltipData[a.message.messageId] : a.message.subText || ""), g = h(!1), p = h(!1), C = h(!1), y = h(!1), M = h("");
     ce(
       () => a.message.text,
       () => {
@@ -29271,13 +29277,13 @@ const rd = ["data-theme"], dd = {
       C.value = !0, y.value = !0;
     }, w = () => {
       C.value = !1, p.value = !1;
-    }, I = F(() => Rf(a.message.status)), m = () => {
+    }, I = Q(() => Rf(a.message.status)), m = () => {
       d.value && (d.value.currentTime = 0, d.value.play());
     };
     ce([c, d], ([O, S]) => {
       O ? S && (S.pause(), S.currentTime = 0) : S && (S.play(), S.currentTime = 0);
     });
-    const b = F(() => a.message.reply && a.message.text ? "0" : a.message.text ? "8px 8px 0 0" : a.message.reply ? "0 0 8px 8px" : "8px"), D = () => g.value = !1;
+    const b = Q(() => a.message.reply && a.message.text ? "0" : a.message.text ? "8px 8px 0 0" : a.message.reply ? "0 0 8px 8px" : "8px"), D = () => g.value = !1;
     return (O, S) => (l(), u(ee, null, [
       o("div", {
         class: j(["video-message", [
@@ -29285,7 +29291,7 @@ const rd = ["data-theme"], dd = {
           e.applyStyle(e.message)
         ]]),
         messageId: e.message.messageId,
-        style: he(e.message.position === "right" && e.message.backgroundColor ? { "--chotto-message-right-bg": e.message.backgroundColor } : null),
+        style: _e(e.message.position === "right" && e.message.backgroundColor ? { "--chotto-message-right-bg": e.message.backgroundColor } : null),
         onMouseleave: w
       }, [
         e.message.avatar && e.isFirstInSeries ? (l(), u("img", {
@@ -29327,13 +29333,13 @@ const rd = ["data-theme"], dd = {
               ref_key: "previewPlayer",
               ref: d,
               class: "video-message__video",
-              style: he({ borderRadius: b.value }),
+              style: _e({ borderRadius: b.value }),
               src: e.message.url,
               muted: !0,
               autoplay: "",
               onEnded: m
             }, null, 44, I4),
-            q(pe, { name: "modal-fade" }, {
+            q(he, { name: "modal-fade" }, {
               default: G(() => [
                 y.value ? (l(), u("div", k4, [
                   e.message.views ? (l(), u("div", {
@@ -29356,7 +29362,7 @@ const rd = ["data-theme"], dd = {
               ]),
               _: 1
             }),
-            q(pe, { name: "modal-fade" }, {
+            q(he, { name: "modal-fade" }, {
               default: G(() => [
                 y.value ? (l(), u("a", {
                   key: 0,
@@ -29372,7 +29378,7 @@ const rd = ["data-theme"], dd = {
               _: 1
             })
           ], 32),
-          q(pe, { name: "modal-fade" }, {
+          q(he, { name: "modal-fade" }, {
             default: G(() => [
               C.value && e.message.actions ? (l(), u("button", {
                 key: 0,
@@ -29384,7 +29390,7 @@ const rd = ["data-theme"], dd = {
             ]),
             _: 1
           }),
-          q(pe, { name: "context-menu" }, {
+          q(he, { name: "context-menu" }, {
             default: G(() => [
               p.value && e.message.actions ? (l(), B(T(bf), {
                 key: 0,
@@ -29414,7 +29420,7 @@ const rd = ["data-theme"], dd = {
         ], 2)
       ], 46, M4),
       (l(), B(je, { to: "body" }, [
-        q(pe, { name: "modal-fade" }, {
+        q(he, { name: "modal-fade" }, {
           default: G(() => [
             g.value ? (l(), B(u1, {
               key: 0,
@@ -29476,7 +29482,7 @@ const rd = ["data-theme"], dd = {
     }
   },
   setup(e) {
-    const f = re("chatAppId"), { getTheme: t } = Ue(f), n = e, a = h(!1), i = F(() => n.subtextTooltipData && n.subtextTooltipData[n.message.messageId] ? n.subtextTooltipData[n.message.messageId] : n.message.subText || ""), s = {
+    const f = de("chatAppId"), { getTheme: t } = Ue(f), n = e, a = h(!1), i = Q(() => n.subtextTooltipData && n.subtextTooltipData[n.message.messageId] ? n.subtextTooltipData[n.message.messageId] : n.message.subText || ""), s = {
       textDialog: "textDialog",
       message: "message"
     };
@@ -29499,7 +29505,7 @@ const rd = ["data-theme"], dd = {
           e.applyStyle(e.message)
         ]),
         messageId: e.message.messageId,
-        style: he(e.message.position === "right" && e.message.backgroundColor ? { "--chotto-message-right-bg": e.message.backgroundColor } : null)
+        style: _e(e.message.position === "right" && e.message.backgroundColor ? { "--chotto-message-right-bg": e.message.backgroundColor } : null)
       }, [
         e.message.avatar ? (l(), u("img", {
           key: 0,
@@ -29507,7 +29513,7 @@ const rd = ["data-theme"], dd = {
           src: e.message.avatar,
           height: "32",
           width: "32",
-          style: he({ gridRow: e.message.subText ? "2" : "1" })
+          style: _e({ gridRow: e.message.subText ? "2" : "1" })
         }, null, 12, O4)) : v("", !0),
         e.message.subText ? (l(), u("p", z4, [
           q(Ve, {
@@ -29538,7 +29544,7 @@ const rd = ["data-theme"], dd = {
             o("span", { class: "pi pi-arrow-up-right" }, null, -1)
           ]))) : v("", !0),
           (l(), B(je, { to: "body" }, [
-            q(pe, { name: "modal-fade" }, {
+            q(he, { name: "modal-fade" }, {
               default: G(() => {
                 var g;
                 return [
@@ -29556,7 +29562,7 @@ const rd = ["data-theme"], dd = {
                           o("i", { class: "pi pi-times" })
                         ], -1)
                       ])),
-                      (l(!0), u(ee, null, ge((g = e.message.transcript) == null ? void 0 : g.dialog, (p) => (l(), u("div", {
+                      (l(!0), u(ee, null, pe((g = e.message.transcript) == null ? void 0 : g.dialog, (p) => (l(), u("div", {
                         key: p.time,
                         class: j(r(p, s.textDialog))
                       }, [
@@ -29606,7 +29612,7 @@ const rd = ["data-theme"], dd = {
         src: e.message.avatar,
         height: "32",
         width: "32",
-        style: he({ gridRow: e.message.subText ? "2" : "1" })
+        style: _e({ gridRow: e.message.subText ? "2" : "1" })
       }, null, 12, fA)) : v("", !0),
       e.message.subText ? (l(), u("p", tA, E(e.message.subText), 1)) : v("", !0),
       t[0] || (t[0] = o("div", { class: "typing-message__loader-container" }, [
@@ -29652,7 +29658,7 @@ const rd = ["data-theme"], dd = {
     }
   },
   setup(e) {
-    const f = re("chatAppId"), { getTheme: t } = Ue(f), n = e, a = h(!1), i = h("");
+    const f = de("chatAppId"), { getTheme: t } = Ue(f), n = e, a = h(!1), i = h("");
     ce(
       () => n.message.text,
       () => {
@@ -29689,7 +29695,7 @@ const rd = ["data-theme"], dd = {
         }, null, 8, dA)) : v("", !0)
       ]),
       (l(), B(je, { to: "body" }, [
-        q(pe, { name: "modal-fade" }, {
+        q(he, { name: "modal-fade" }, {
           default: G(() => [
             a.value ? (l(), B(u1, {
               key: 0,
@@ -29732,7 +29738,7 @@ const rd = ["data-theme"], dd = {
       i.preventDefault(), i.target.href && window.open(i.target.href, "_blank");
     }
     return (i, s) => (l(), u(ee, null, [
-      ye(o("div", pA, s[0] || (s[0] = [
+      Me(o("div", pA, s[0] || (s[0] = [
         o("span", { class: "pi pi-play" }, null, -1)
       ]), 512), [
         [Ke, !t.value]
@@ -29761,7 +29767,7 @@ const rd = ["data-theme"], dd = {
     }
   },
   setup(e) {
-    const f = re("chatAppId"), { getTheme: t } = Ue(f), n = e, a = h(), i = h(!1), s = h("");
+    const f = de("chatAppId"), { getTheme: t } = Ue(f), n = e, a = h(), i = h(!1), s = h("");
     ce(
       () => n.message.text,
       () => {
@@ -29798,7 +29804,7 @@ const rd = ["data-theme"], dd = {
         }, null, 8, IA)) : v("", !0)
       ]),
       (l(), B(je, { to: "body" }, [
-        q(pe, { name: "modal-fade" }, {
+        q(he, { name: "modal-fade" }, {
           default: G(() => [
             i.value ? (l(), B(u1, {
               key: 0,
@@ -29922,9 +29928,9 @@ const rd = ["data-theme"], dd = {
     }, [
       o("div", {
         class: "base__container",
-        style: he({ height: e.height, width: e.width })
+        style: _e({ height: e.height, width: e.width })
       }, [
-        de(n.$slots, "default")
+        ge(n.$slots, "default")
       ], 4)
     ], 8, PA));
   }
@@ -29964,7 +29970,7 @@ const rd = ["data-theme"], dd = {
         n.value.x = M, n.value.y = _;
       }
     };
-    return ve(() => {
+    return be(() => {
       document.addEventListener("mousemove", C), window.addEventListener("resize", () => {
         a.value && (n.value.x = Math.max(
           0,
@@ -29985,7 +29991,7 @@ const rd = ["data-theme"], dd = {
       ref_key: "element",
       ref: a,
       class: "float-window",
-      style: he({
+      style: _e({
         left: n.value.x + "px",
         top: n.value.y + "px",
         userSelect: s.value ? "none" : "auto",
@@ -30011,7 +30017,7 @@ const rd = ["data-theme"], dd = {
           }, null, 8, HA)) : v("", !0),
           o("p", WA, E(t.title), 1),
           o("div", ZA, [
-            de(y.$slots, "controls"),
+            ge(y.$slots, "controls"),
             o("button", {
               class: "float-window__close-button",
               onClick: M[0] || (M[0] = (_) => y.$emit("close-window"))
@@ -30022,9 +30028,9 @@ const rd = ["data-theme"], dd = {
         ], 544),
         o("div", {
           class: "float-window__content",
-          style: he({ height: d.value + "px" })
+          style: _e({ height: d.value + "px" })
         }, [
-          de(y.$slots, "default")
+          ge(y.$slots, "default")
         ], 4)
       ])
     ], 12, YA));
@@ -30033,10 +30039,10 @@ const rd = ["data-theme"], dd = {
 function e6(e, f) {
   return l(), u("div", JA, [
     o("div", GA, [
-      de(e.$slots, "first-col", {}, void 0, !0)
+      ge(e.$slots, "first-col", {}, void 0, !0)
     ]),
     o("div", XA, [
-      de(e.$slots, "second-col", {}, void 0, !0)
+      ge(e.$slots, "second-col", {}, void 0, !0)
     ])
   ]);
 }
@@ -30044,13 +30050,13 @@ const sg = /* @__PURE__ */ z(KA, [["render", e6], ["__scopeId", "data-v-fef8b5d1
 function i6(e, f) {
   return l(), u("div", t6, [
     o("div", n6, [
-      de(e.$slots, "first-col", {}, void 0, !0)
+      ge(e.$slots, "first-col", {}, void 0, !0)
     ]),
     o("div", a6, [
-      de(e.$slots, "second-col", {}, void 0, !0)
+      ge(e.$slots, "second-col", {}, void 0, !0)
     ]),
     o("div", s6, [
-      de(e.$slots, "third-col", {}, void 0, !0)
+      ge(e.$slots, "third-col", {}, void 0, !0)
     ])
   ]);
 }
@@ -30058,7 +30064,7 @@ const ig = /* @__PURE__ */ z(f6, [["render", i6], ["__scopeId", "data-v-7c37a233
 function c6(e, f) {
   return l(), u("div", l6, [
     o("div", u6, [
-      de(e.$slots, "default", {}, void 0, !0)
+      ge(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
@@ -30093,20 +30099,20 @@ const og = /* @__PURE__ */ z(o6, [["render", c6], ["__scopeId", "data-v-414119aa
     }
   },
   setup(e) {
-    const f = re("chatAppId");
+    const f = de("chatAppId");
     return (t, n) => (l(), u("div", {
       id: "chat-wrapper-" + T(f),
       class: j(["chat-wrapper", e.applyStyle()])
     }, [
       e.isSelectedChat ? (l(), u("div", d6, [
-        de(t.$slots, "default", {}, void 0, !0)
+        ge(t.$slots, "default", {}, void 0, !0)
       ])) : (l(), u("div", A6, [
         o("div", g6, [
-          de(t.$slots, "placeholder", {}, void 0, !0)
+          ge(t.$slots, "placeholder", {}, void 0, !0)
         ])
       ])),
       e.isOpenChatPanel ? (l(), u("div", m6, [
-        de(t.$slots, "chatpanel", {}, void 0, !0)
+        ge(t.$slots, "chatpanel", {}, void 0, !0)
       ])) : v("", !0)
     ], 10, r6));
   }
@@ -30131,14 +30137,14 @@ const og = /* @__PURE__ */ z(o6, [["render", c6], ["__scopeId", "data-v-414119aa
       },
       { immediate: !0 }
     );
-    const t = re("chatAppId"), n = () => {
+    const t = de("chatAppId"), n = () => {
       const i = document.getElementById("extern-layout-container-" + t);
       i.style.setProperty("--chotto-adaptive-extended-layout-second-col-display", "none"), i.style.setProperty("--chotto-adaptive-extended-layout-third-col-display", "flex"), i.style.setProperty("--chotto-adaptive-extended-layout-second-col-width", "0%"), i.style.setProperty("--chotto-adaptive-extended-layout-third-col-width", "100%");
     }, a = () => {
       const i = document.getElementById("extern-layout-container-" + t);
       i.style.setProperty("--chotto-adaptive-extended-layout-second-col-display", "flex"), i.style.setProperty("--chotto-adaptive-extended-layout-third-col-display", "none"), i.style.setProperty("--chotto-adaptive-extended-layout-second-col-width", "100%"), i.style.setProperty("--chotto-adaptive-extended-layout-third-col-width", "0%");
     };
-    return ve(() => {
+    return be(() => {
       const i = document.getElementById("extern-layout-container-" + t), s = document.getElementById("extend-layout-first-col-" + t);
       i.style.setProperty("--chotto-adaptive-extended-layout-first-col-width", s.offsetWidth + "px");
     }), (i, s) => (l(), u("div", {
@@ -30150,19 +30156,19 @@ const og = /* @__PURE__ */ z(o6, [["render", c6], ["__scopeId", "data-v-414119aa
         id: "extend-layout-first-col-" + T(t),
         class: "extend-layout__first-col"
       }, [
-        de(i.$slots, "first-col", {}, void 0, !0)
+        ge(i.$slots, "first-col", {}, void 0, !0)
       ], 8, _6),
       o("div", {
         id: "extend-layout-second-col-" + T(t),
         class: "extend-layout__second-col"
       }, [
-        de(i.$slots, "second-col", {}, void 0, !0)
+        ge(i.$slots, "second-col", {}, void 0, !0)
       ], 8, v6),
       o("div", {
         id: "extend-layout-third-col-" + T(t),
         class: "extend-layout__third-col"
       }, [
-        de(i.$slots, "third-col", {}, void 0, !0)
+        ge(i.$slots, "third-col", {}, void 0, !0)
       ], 8, b6)
     ], 8, h6));
   }