@mobilon-dev/chotto 0.0.134 → 0.0.136

package/dist/{index-BktFzFod.js → index-Dcgu8dHX.js}

@@ -132,8 +132,8 @@ ye.prototype = {
     if (r ? (i = new ye(), Object.assign(i.j, r.j), i.jr.push.apply(i.jr, r.jr), i.jd = r.jd, i.t = r.t) : i = new ye(), s) {
       if (a)
         if (i.t && typeof i.t == "string") {
-          const c = Object.assign(Zf(i.t, a), n);
-          Ge(s, c, a);
+          const A = Object.assign(Zf(i.t, a), n);
+          Ge(s, A, a);
         } else n && Ge(s, n, a);
       i.t = s;
     }
@@ -223,14 +223,14 @@ function ts(e = []) {
     [Pn]: !0
   });
   oe(r, Ue), oe(r, Be, s), oe(r, ut, r), oe(s, Be, s), oe(s, Ue), oe(s, ut, s);
-  const c = E(n, zn, aa, {
+  const A = E(n, zn, aa, {
     [Sn]: !0
-  }), A = E(n, Va, Jn, {
+  }), c = E(n, Va, Jn, {
     [Sn]: !0
   }), d = oe(n, On, Jn, {
     [Sn]: !0
   });
-  E(n, Ln, d), E(A, zn, c), E(A, Ln, d), oe(A, On, d), E(d, Va), E(d, zn), oe(d, On, d), E(d, Ln, d);
+  E(n, Ln, d), E(c, zn, A), E(c, Ln, d), oe(c, On, d), E(d, Va), E(d, zn), oe(d, On, d), E(d, Ln, d);
   const g = oe(n, Cn, cf, {
     [sf]: !0
   });
@@ -276,15 +276,15 @@ function uf(e, t) {
   const n = ns(t.replace(/[A-Z]/g, (r) => r.toLowerCase())), a = n.length, f = [];
   let s = 0, i = 0;
   for (; i < a; ) {
-    let r = e, c = null, A = 0, d = null, g = -1, m = -1;
-    for (; i < a && (c = r.go(n[i])); )
-      r = c, r.accepts() ? (g = 0, m = 0, d = r) : g >= 0 && (g += n[i].length, m++), A += n[i].length, s += n[i].length, i++;
-    s -= g, i -= m, A -= g, f.push({
+    let r = e, A = null, c = 0, d = null, g = -1, m = -1;
+    for (; i < a && (A = r.go(n[i])); )
+      r = A, r.accepts() ? (g = 0, m = 0, d = r) : g >= 0 && (g += n[i].length, m++), c += n[i].length, s += n[i].length, i++;
+    s -= g, i -= m, c -= g, f.push({
       t: d.t,
       // token type/name
-      v: t.slice(s - A, s),
+      v: t.slice(s - c, s),
       // string value
-      s: s - A,
+      s: s - c,
       // start index
       e: s
       // end index (excluding)
@@ -305,8 +305,8 @@ function Ye(e, t, n, a, f) {
   let s;
   const i = t.length;
   for (let r = 0; r < i - 1; r++) {
-    const c = t[r];
-    e.j[c] ? s = e.j[c] : (s = new ye(a), s.jr = f.slice(), e.j[c] = s), e = s;
+    const A = t[r];
+    e.j[A] ? s = e.j[A] : (s = new ye(a), s.jr = f.slice(), e.j[A] = s), e = s;
   }
   return s = new ye(n), s.jr = f.slice(), e.j[t[i - 1]] = s, s;
 }
@@ -514,8 +514,8 @@ df.prototype = {
    * @param {Options} options Formattinng options
    */
   render(e) {
-    const t = this, n = this.toHref(e.get("defaultProtocol")), a = e.get("formatHref", n, this), f = e.get("tagName", n, t), s = this.toFormattedString(e), i = {}, r = e.get("className", n, t), c = e.get("target", n, t), A = e.get("rel", n, t), d = e.getObj("attributes", n, t), g = e.getObj("events", n, t);
-    return i.href = a, r && (i.class = r), c && (i.target = c), A && (i.rel = A), d && Object.assign(i, d), {
+    const t = this, n = this.toHref(e.get("defaultProtocol")), a = e.get("formatHref", n, this), f = e.get("tagName", n, t), s = this.toFormattedString(e), i = {}, r = e.get("className", n, t), A = e.get("target", n, t), c = e.get("rel", n, t), d = e.getObj("attributes", n, t), g = e.getObj("events", n, t);
+    return i.href = a, r && (i.class = r), A && (i.target = A), c && (i.rel = c), d && Object.assign(i, d), {
       tagName: f,
       attributes: i,
       content: s,
@@ -564,18 +564,18 @@ function fs({
 }) {
   const t = e.domain.concat([rn, An, Fe, un, dn, gn, mn, pn, Me, na, bt, hn, yn, vn, Se, Mn, _t, bn]), n = [cn, Pe, fa, Ve, sa, bt, Mt, ia, oa, Zt, Xt, yt, vt, Kt, Wt, Jt, Gt, en, tn, nn, an, fn, sn, on, ln], a = [rn, cn, An, un, dn, gn, mn, pn, Me, yt, vt, bt, hn, yn, vn, Mt, Se, Mn, _t, bn], f = be(), s = E(f, _t);
   q(s, a, s), q(s, e.domain, s);
-  const i = be(), r = be(), c = be();
-  q(f, e.domain, i), q(f, e.scheme, r), q(f, e.slashscheme, c), q(i, a, s), q(i, e.domain, i);
-  const A = E(i, Fe);
-  E(s, Fe, A), E(r, Fe, A), E(c, Fe, A);
+  const i = be(), r = be(), A = be();
+  q(f, e.domain, i), q(f, e.scheme, r), q(f, e.slashscheme, A), q(i, a, s), q(i, e.domain, i);
+  const c = E(i, Fe);
+  E(s, Fe, c), E(r, Fe, c), E(A, Fe, c);
   const d = E(s, Ve);
   q(d, a, s), q(d, e.domain, s);
   const g = be();
-  q(A, e.domain, g), q(g, e.domain, g);
+  q(c, e.domain, g), q(g, e.domain, g);
   const m = E(g, Ve);
   q(m, e.domain, g);
   const _ = be(Oa);
-  q(m, e.tld, _), q(m, e.utld, _), E(A, Nt, _);
+  q(m, e.tld, _), q(m, e.utld, _), E(c, Nt, _);
   const v = E(g, Me);
   E(v, Me, v), q(v, e.domain, g), q(_, e.domain, g), E(_, Ve, m), E(_, Me, v);
   const I = E(_, Pe);
@@ -583,13 +583,13 @@ function fs({
   const y = E(i, Me), N = E(i, Ve);
   E(y, Me, y), q(y, e.domain, i), q(N, a, s), q(N, e.domain, i);
   const j = be(Qt);
-  q(N, e.tld, j), q(N, e.utld, j), q(j, e.domain, i), q(j, a, s), E(j, Ve, N), E(j, Me, y), E(j, Fe, A);
+  q(N, e.tld, j), q(N, e.utld, j), q(j, e.domain, i), q(j, a, s), E(j, Ve, N), E(j, Me, y), E(j, Fe, c);
   const h = E(j, Pe), w = be(Qt);
   q(h, e.numeric, w);
   const M = be(Qt), T = be();
   q(M, t, M), q(M, n, T), q(T, t, M), q(T, n, T), E(j, Se, M), E(w, Se, M);
-  const S = E(r, Pe), U = E(c, Pe), V = E(U, Se), Q = E(V, Se);
-  q(r, e.domain, i), E(r, Ve, N), E(r, Me, y), q(c, e.domain, i), E(c, Ve, N), E(c, Me, y), q(S, e.domain, M), E(S, Se, M), E(S, Mt, M), q(Q, e.domain, M), q(Q, t, M), E(Q, Se, M);
+  const S = E(r, Pe), U = E(A, Pe), V = E(U, Se), Q = E(V, Se);
+  q(r, e.domain, i), E(r, Ve, N), E(r, Me, y), q(A, e.domain, i), E(A, Ve, N), E(A, Me, y), q(S, e.domain, M), E(S, Se, M), E(S, Mt, M), q(Q, e.domain, M), q(Q, t, M), E(Q, Se, M);
   const G = [
     [yt, vt],
     // {}
@@ -624,11 +624,11 @@ function fs({
 function ss(e, t, n) {
   let a = n.length, f = 0, s = [], i = [];
   for (; f < a; ) {
-    let r = e, c = null, A = null, d = 0, g = null, m = -1;
-    for (; f < a && !(c = r.go(n[f].t)); )
+    let r = e, A = null, c = null, d = 0, g = null, m = -1;
+    for (; f < a && !(A = r.go(n[f].t)); )
       i.push(n[f++]);
-    for (; f < a && (A = c || r.go(n[f].t)); )
-      c = null, r = A, r.accepts() ? (m = 0, g = r) : m >= 0 && m++, f++, d++;
+    for (; f < a && (c = A || r.go(n[f].t)); )
+      A = null, r = c, r.accepts() ? (m = 0, g = r) : m >= 0 && m++, f++, d++;
     if (m < 0)
       f -= d, f < a && (i.push(n[f]), f++);
     else {
@@ -762,7 +762,7 @@ const R = (e, t) => {
         e.showReturnButton ? (l(), u("span", {
           key: 0,
           class: "pi pi-arrow-left chat-info__return-button",
-          onClick: r[0] || (r[0] = (c) => a("returnToChats"))
+          onClick: r[0] || (r[0] = (A) => a("returnToChats"))
         })) : p("", !0),
         o("div", us, [
           n.chat.avatar ? (l(), u("img", {
@@ -805,70 +805,70 @@ const R = (e, t) => {
   }), t.value = he.value.length - 1);
   const a = () => {
     he.value[t.value] = {
-      id: A().id,
+      id: c().id,
       text: "",
       file: void 0,
       reply: void 0,
       forceSend: !1,
-      isRecording: A().isRecording
+      isRecording: c().isRecording
     };
   }, f = (m) => {
     he.value[t.value] = {
-      id: A().id,
+      id: c().id,
       text: m,
-      file: A().file,
-      reply: A().reply,
+      file: c().file,
+      reply: c().reply,
       forceSend: !1,
-      isRecording: A().isRecording
+      isRecording: c().isRecording
     };
   }, s = (m) => {
     he.value[t.value] = {
-      id: A().id,
-      text: A().text,
+      id: c().id,
+      text: c().text,
       file: m,
-      reply: A().reply,
+      reply: c().reply,
       forceSend: !1,
-      isRecording: A().isRecording
+      isRecording: c().isRecording
     };
   }, i = () => {
     he.value[t.value] = {
-      id: A().id,
-      text: A().text,
+      id: c().id,
+      text: c().text,
       file: void 0,
-      reply: A().reply,
+      reply: c().reply,
       forceSend: !1,
-      isRecording: A().isRecording
+      isRecording: c().isRecording
     };
   }, r = (m) => {
     he.value[t.value] = {
-      id: A().id,
-      text: A().text,
-      file: A().file,
+      id: c().id,
+      text: c().text,
+      file: c().file,
       reply: m,
       forceSend: !1,
-      isRecording: A().isRecording
+      isRecording: c().isRecording
     };
-  }, c = () => {
+  }, A = () => {
     he.value[t.value] = {
-      id: A().id,
-      text: A().text,
-      file: A().file,
+      id: c().id,
+      text: c().text,
+      file: c().file,
       reply: void 0,
       forceSend: !1,
-      isRecording: A().isRecording
+      isRecording: c().isRecording
     };
   };
-  function A() {
+  function c() {
     return he.value[t.value];
   }
   return {
-    getMessage: A,
+    getMessage: c,
     resetMessage: a,
     setMessageFile: s,
     resetMessageFile: i,
     setMessageText: f,
     setReply: r,
-    resetReply: c,
+    resetReply: A,
     setForceSendMessage: (m) => {
       he.value[t.value].forceSend = m;
     },
@@ -963,9 +963,9 @@ const Ds = { class: "chat-input__container" }, Ts = ["id"], Es = ["id"], js = {
   },
   emits: ["send", "typing"],
   setup(e, { emit: t }) {
-    const n = t, a = Z("chatAppId"), { resetMessage: f, getMessage: s, setMessageText: i, setForceSendMessage: r } = Ne(a), c = b(), A = Ns("", 2e3), d = b(), g = e, m = $(() => !!(g.state == "disabled" || s().text == "" && !s().file || s().isRecording));
+    const n = t, a = Z("chatAppId"), { resetMessage: f, getMessage: s, setMessageText: i, setForceSendMessage: r } = Ne(a), A = b(), c = Ns("", 2e3), d = b(), g = e, m = $(() => !!(g.state == "disabled" || s().text == "" && !s().file || s().isRecording));
     ee(
-      () => A.value,
+      () => c.value,
       () => {
         n("typing");
       }
@@ -973,7 +973,7 @@ const Ds = { class: "chat-input__container" }, Ts = ["id"], Es = ["id"], js = {
       () => g.focusOnInputArea,
       () => {
         g.focusOnInputArea && Oe(() => {
-          const y = k(c);
+          const y = k(A);
           y == null || y.focus();
         });
       },
@@ -982,7 +982,7 @@ const Ds = { class: "chat-input__container" }, Ts = ["id"], Es = ["id"], js = {
       () => s().text,
       () => {
         Oe(function() {
-          A.value = s().text, c.value && (c.value.style.height = "auto", c.value.style.height = c.value.scrollHeight + "px", s().text.length == 0 && (c.value.style.height = "40px"));
+          c.value = s().text, A.value && (A.value.style.height = "auto", A.value.style.height = A.value.scrollHeight + "px", s().text.length == 0 && (A.value.style.height = "40px"));
         });
       },
       { immediate: !0 }
@@ -996,10 +996,10 @@ const Ds = { class: "chat-input__container" }, Ts = ["id"], Es = ["id"], js = {
       n("typing", y.target.value);
     }, v = (y) => {
       if (y.ctrlKey) {
-        if (c.value instanceof HTMLTextAreaElement) {
-          let N = c.value.selectionStart;
-          N && (c.value.setRangeText(`
-`, N, N, "end"), i(c.value.value));
+        if (A.value instanceof HTMLTextAreaElement) {
+          let N = A.value.selectionStart;
+          N && (A.value.setRangeText(`
+`, N, N, "end"), i(A.value.value));
         }
       } else
         y.preventDefault(), I();
@@ -1015,7 +1015,7 @@ const Ds = { class: "chat-input__container" }, Ts = ["id"], Es = ["id"], js = {
           size: "",
           reply: void 0
         };
-        y.value.file ? (h.type = "message." + y.value.file.type, h.url = y.value.file.url, h.filename = y.value.file.name, h.size = (N = y.value.file.size) == null ? void 0 : N.toString(), h.text = (j = y == null ? void 0 : y.value) == null ? void 0 : j.text.trim()) : (h.type = "message.text", h.text = y.value.text.trim()), y.value.reply && (h.reply = y.value.reply), n("send", h), f(), d.value = void 0, c.value && c.value.focus();
+        y.value.file ? (h.type = "message." + y.value.file.type, h.url = y.value.file.url, h.filename = y.value.file.name, h.size = (N = y.value.file.size) == null ? void 0 : N.toString(), h.text = (j = y == null ? void 0 : y.value) == null ? void 0 : j.text.trim()) : (h.type = "message.text", h.text = y.value.text.trim()), y.value.reply && (h.reply = y.value.reply), n("send", h), f(), d.value = void 0, A.value && A.value.focus();
       }
     };
     return (y, N) => (l(), u("div", Ds, [
@@ -1033,7 +1033,7 @@ const Ds = { class: "chat-input__container" }, Ts = ["id"], Es = ["id"], js = {
       e.disabledPlaceholder && (e.state == "disabled" || k(s)().isRecording) ? (l(), u("div", xs, D(e.disabledPlaceholder), 1)) : re((l(), u("textarea", {
         key: 1,
         ref_key: "refInput",
-        ref: c,
+        ref: A,
         "onUpdate:modelValue": N[0] || (N[0] = (j) => k(s)().text = j),
         disabled: e.state == "disabled" || k(s)().isRecording,
         class: "chat-input__input",
@@ -1080,8 +1080,8 @@ const Ds = { class: "chat-input__container" }, Ts = ["id"], Es = ["id"], js = {
   },
   emits: ["select", "action", "loadMoreChats", "expand"],
   setup(e, { emit: t }) {
-    const n = e, a = t, f = b(""), s = b(), i = b(!1), r = b(!1), c = b(!1);
-    function A() {
+    const n = e, a = t, f = b(""), s = b(), i = b(!1), r = b(!1), A = b(!1);
+    function c() {
       Oe(function() {
         const h = k(s);
         h.scrollTop = 0;
@@ -1089,7 +1089,7 @@ const Ds = { class: "chat-input__container" }, Ts = ["id"], Es = ["id"], js = {
     }
     const d = () => {
       const h = k(s), w = h.scrollHeight - h.scrollTop - h.clientHeight;
-      h.scrollTop > 500 && (r.value = !0), h.scrollTop <= 500 && (r.value = !1), c.value ? w < 300 && (i.value = !0) : (w < 300 && (i.value = !0), w >= 300 && (i.value = !1));
+      h.scrollTop > 500 && (r.value = !0), h.scrollTop <= 500 && (r.value = !1), A.value ? w < 300 && (i.value = !0) : (w < 300 && (i.value = !0), w >= 300 && (i.value = !1));
     };
     ee(
       () => i.value,
@@ -1099,7 +1099,7 @@ const Ds = { class: "chat-input__container" }, Ts = ["id"], Es = ["id"], js = {
     ), ee(
       () => n.chats,
       () => {
-        if (i.value = !1, c.value) {
+        if (i.value = !1, A.value) {
           const h = k(s);
           h.scrollTop = h.scrollHeight;
         }
@@ -1107,9 +1107,9 @@ const Ds = { class: "chat-input__container" }, Ts = ["id"], Es = ["id"], js = {
     );
     const g = (h) => {
       const w = k(s);
-      (h.offsetX > w.clientWidth || h.offsetY > w.clientHeight) && (c.value = !0);
+      (h.offsetX > w.clientWidth || h.offsetY > w.clientHeight) && (A.value = !0);
     }, m = () => {
-      c.value = !1;
+      A.value = !1;
     }, _ = (h) => {
       a("expand", h);
     }, v = (h) => {
@@ -1192,7 +1192,7 @@ const Ds = { class: "chat-input__container" }, Ts = ["id"], Es = ["id"], js = {
           r.value ? (l(), u("button", {
             key: 0,
             class: "chat-list__button-up",
-            onClick: A
+            onClick: c
           }, w[0] || (w[0] = [
             o("span", { class: "pi pi-angle-up chat-list__icon-down" }, null, -1)
           ]))) : p("", !0)
@@ -1223,23 +1223,23 @@ const Fs = {
   },
   emits: ["action"],
   setup(e, { expose: t, emit: n }) {
-    const a = ef("keyboard"), f = n, s = Z("chatAppId"), { setMessageText: i, setForceSendMessage: r } = Ne(s), c = (A) => {
-      A.action == null ? (i(A.text), r(!0)) : f("action", A.action);
+    const a = ef("keyboard"), f = n, s = Z("chatAppId"), { setMessageText: i, setForceSendMessage: r } = Ne(s), A = (c) => {
+      c.action && typeof c.action == "function" ? c.action() : c.action != null ? f("action", c.action) : (i(c.text), r(!0));
     };
     return t({
       refKeyboard: a
-    }), (A, d) => (l(), u("div", Fs, [
+    }), (c, d) => (l(), u("div", Fs, [
       (l(!0), u(F, null, ie(e.keyboard, (g) => (l(), u("div", {
         key: g.text,
         class: "keyboard__key",
         style: ce({ "box-shadow": "0px 0px 10px 5px " + g.color }),
-        onClick: (m) => c(g)
+        onClick: (m) => A(g)
       }, [
         o("p", null, D(g.text), 1)
       ], 12, Ps))), 128))
     ], 512));
   }
-}), Hs = /* @__PURE__ */ R(qs, [["__scopeId", "data-v-3d8c91ed"]]), Ws = ["id"], Ks = ["id", "onDblclick"], Js = {
+}), Hs = /* @__PURE__ */ R(qs, [["__scopeId", "data-v-d54ac265"]]), Ws = ["id"], Ks = ["id", "onDblclick"], Js = {
   key: 0,
   class: "message-feed__unread-amount"
 }, Gs = { style: { margin: "auto" } }, Zs = /* @__PURE__ */ Y({
@@ -1285,7 +1285,7 @@ const Fs = {
     "keyboardAction"
   ],
   setup(e, { emit: t }) {
-    const n = b(), a = b(), f = b(), s = b(!1), i = b(!1), r = b(!1), c = b(!1), A = b(!1), d = b(!1), g = e, m = Z("chatAppId"), { setReply: _, getMessage: v, resetReply: I } = Ne(m), y = t, N = $(() => !!(i.value && g.objects.length > 0 && g.objects[g.objects.length - 1].keyboard)), j = (B) => {
+    const n = b(), a = b(), f = b(), s = b(!1), i = b(!1), r = b(!1), A = b(!1), c = b(!1), d = b(!1), g = e, m = Z("chatAppId"), { setReply: _, getMessage: v, resetReply: I } = Ne(m), y = t, N = $(() => !!(i.value && g.objects.length > 0 && g.objects[g.objects.length - 1].keyboard)), j = (B) => {
       y("keyboardAction", B);
     };
     function h(B = !0) {
@@ -1293,12 +1293,12 @@ const Fs = {
       let fe = 0;
       f.value && (fe = f.value.refKeyboard.clientHeight);
       const de = 100, pe = K.scrollHeight - K.scrollTop - K.clientHeight;
-      pe < de + fe ? (s.value = !1, i.value = !0) : (s.value = !0, i.value = !1), d.value ? (K.scrollTop < 300 && (A.value = !1, r.value = !1), pe < 300 && (c.value = !1, A.value = !0)) : B && (K.scrollTop < 300 && (r.value = !1), pe < 300 && (c.value = !1));
+      pe < de + fe ? (s.value = !1, i.value = !0) : (s.value = !0, i.value = !1), d.value ? (K.scrollTop < 300 && (c.value = !1, r.value = !1), pe < 300 && (A.value = !1, c.value = !0)) : B && (K.scrollTop < 300 && (r.value = !1), pe < 300 && (A.value = !1));
     }
     ee(
-      () => [c.value, r.value],
+      () => [A.value, r.value],
       () => {
-        c.value || y("loadMoreDown"), r.value || y("loadMore");
+        A.value || y("loadMoreDown"), r.value || y("loadMore");
       }
     );
     const w = (B) => {
@@ -1367,9 +1367,9 @@ const Fs = {
       () => g.objects,
       () => {
         Oe(() => {
-          if (r.value = !0, c.value = !0, h(!1), d.value) {
+          if (r.value = !0, A.value = !0, h(!1), d.value) {
             const B = k(a);
-            A.value && (B.scrollTop = B.scrollHeight - 400), A.value || (B.scrollTop = 400);
+            c.value && (B.scrollTop = B.scrollHeight - 400), c.value || (B.scrollTop = 400);
           }
           n.value = document.querySelectorAll(".tracking-message"), n.value.forEach((B) => te.observe(B));
         });
@@ -1532,23 +1532,23 @@ const Fs = {
   },
   emits: ["click", "buttonClick", "menuMouseEnter", "menuMouseLeave"],
   setup(e, { expose: t, emit: n }) {
-    const a = Z("chatAppId"), f = Z("extChatAppId"), { getTheme: s } = Ee(a), i = e, r = ta(), c = n, A = b(), d = b(), g = b(!1), m = (M) => {
-      h(), c("click", M);
+    const a = Z("chatAppId"), f = Z("extChatAppId"), { getTheme: s } = Ee(a), i = e, r = ta(), A = n, c = b(), d = b(), g = b(!1), m = (M) => {
+      h(), A("click", M);
     }, _ = () => {
-      i.disabled || (i.mode == "click" && !g.value ? j() : i.mode == "click" && g.value && h(), c("buttonClick"));
+      i.disabled || (i.mode == "click" && !g.value ? j() : i.mode == "click" && g.value && h(), A("buttonClick"));
     }, v = () => {
       i.disabled || i.mode == "hover" && j();
     }, I = () => {
       i.disabled || i.mode == "hover" && h();
     }, y = () => {
-      c("menuMouseEnter"), i.disabled || i.mode == "hover" && j();
+      A("menuMouseEnter"), i.disabled || i.mode == "hover" && j();
     }, N = () => {
-      c("menuMouseLeave"), i.disabled || i.mode == "hover" && h();
+      A("menuMouseLeave"), i.disabled || i.mode == "hover" && h();
     }, j = () => {
-      if (d.value && A.value) {
-        const M = A.value, T = d.value.getBoundingClientRect();
+      if (d.value && c.value) {
+        const M = c.value, T = d.value.getBoundingClientRect();
         M.style.display = "inherit";
-        const S = A.value.getBoundingClientRect();
+        const S = c.value.getBoundingClientRect();
         M.style.display = "none", Oe(() => {
           const U = {
             left: { top: T.top - (S.height - T.height) / 2 - S.top, left: T.left - S.width - S.left },
@@ -1560,8 +1560,8 @@ const Fs = {
         });
       }
     }, h = () => {
-      if (A.value) {
-        const M = A.value;
+      if (c.value) {
+        const M = c.value;
         M && (M.style.top = "0", M.style.left = "0", M.style.opacity = "0", M.style.display = "none", g.value = !1);
       }
     }, w = (M) => {
@@ -1569,7 +1569,7 @@ const Fs = {
     };
     return ue(() => {
       Oe(() => {
-        A.value = document.getElementById("context-menu-" + r + f), A.value && (h(), document.addEventListener("click", w));
+        c.value = document.getElementById("context-menu-" + r + f), c.value && (h(), document.addEventListener("click", w));
       });
     }), wn(() => {
       document.removeEventListener("click", w);
@@ -1660,24 +1660,24 @@ const Fs = {
   },
   emits: ["reset"],
   setup(e, { emit: t }) {
-    const n = Z("chatAppId"), { getTheme: a } = Ee(n), f = t, s = b(), i = b(), r = b(!1), c = b(0), A = b(0), d = b(!1), g = () => d.value = !1;
+    const n = Z("chatAppId"), { getTheme: a } = Ee(n), f = t, s = b(), i = b(), r = b(!1), A = b(0), c = b(0), d = b(!1), g = () => d.value = !1;
     function m() {
       s.value && (r.value ? s.value.pause() : s.value.play(), r.value = !r.value);
     }
     const _ = (y) => {
       const N = Math.floor(y / 60), j = Math.floor(y % 60);
       return `${N.toString().padStart(2, "0")}:${j.toString().padStart(2, "0")}`;
-    }, v = $(() => s.value ? _(A.value) : "0:00"), I = $(() => s.value || i.value ? _(c.value) : "0:00");
+    }, v = $(() => s.value ? _(c.value) : "0:00"), I = $(() => s.value || i.value ? _(A.value) : "0:00");
     return ue(() => {
       s.value != null && (s.value.addEventListener("loadedmetadata", () => {
         s.value != null && (s.value.duration == 1 / 0 || Number.isNaN(s.value.duration)) && (s.value.currentTime = 1e101, s.value.addEventListener("timeupdate", () => {
-          s.value && (s.value.currentTime = 0, c.value = s.value.duration);
-        }, { once: !0 })), c.value = s.value != null ? s.value.duration : 0;
+          s.value && (s.value.currentTime = 0, A.value = s.value.duration);
+        }, { once: !0 })), A.value = s.value != null ? s.value.duration : 0;
       }), s.value.addEventListener("timeupdate", () => {
-        A.value = s.value != null ? s.value.currentTime : 0;
+        c.value = s.value != null ? s.value.currentTime : 0;
       })), i.value && i.value.addEventListener("loadedmetadata", () => {
-        i.value && (c.value = i.value.duration, (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);
+        i.value && (A.value = i.value.duration, (i.value.duration == 1 / 0 || Number.isNaN(i.value.duration)) && (i.value.currentTime = 1e101, i.value.addEventListener("timeupdate", () => {
+          i.value && (i.value.currentTime = 0, A.value = i.value.duration);
         }, { once: !0 })));
       });
     }), (y, N) => (l(), u("div", ci, [
@@ -1789,15 +1789,15 @@ const Fs = {
   const t = hf(e.type), n = b(!1), a = b(!1), f = b(!1), s = b("");
   t === "image" ? n.value = !0 : t === "video" ? a.value = !0 : t === "audio" && (f.value = !0), n.value || a.value || f.value ? s.value = URL.createObjectURL(e) : s.value = "";
   const i = ["б", "Кб", "Мб", "Гб"];
-  let r = e.size, c = 0;
+  let r = e.size, A = 0;
   for (; r > 1024; )
-    r = r / 1024, c++;
+    r = r / 1024, A++;
   return {
     isImage: n.value,
     isVideo: a.value,
     isAudio: f.value,
     previewUrl: s.value,
-    fileSize: r.toFixed(2) + i[c]
+    fileSize: r.toFixed(2) + i[A]
   };
 }, Tn = async (e, t) => {
   const n = new FormData();
@@ -1834,7 +1834,7 @@ const Fs = {
   },
   emits: ["fileUploaded"],
   setup(e, { emit: t }) {
-    const n = e, a = b(""), f = b(), s = b(), i = Z("chatAppId"), { setMessageFile: r, resetMessageFile: c, getMessage: A, setRecordingMessage: d } = Ne(i), g = [
+    const n = e, a = b(""), f = b(), s = b(), i = Z("chatAppId"), { setMessageFile: r, resetMessageFile: A, getMessage: c, setRecordingMessage: d } = Ne(i), g = [
       {
         action: "audio/*",
         title: "Аудио",
@@ -1855,9 +1855,9 @@ const Fs = {
         title: "Файл",
         prime: "file"
       }
-    ], m = $(() => !A().file), _ = () => {
+    ], m = $(() => !c().file), _ = () => {
       const h = document.getElementById("chat-input-file-line-" + i);
-      h && (h.style.display = "none"), c(), s.value = void 0, a.value = "";
+      h && (h.style.display = "none"), A(), s.value = void 0, a.value = "";
     }, v = async () => {
       var h, w;
       _(), (h = f.value) != null && h.files && j((w = f.value) == null ? void 0 : w.files[0]);
@@ -1906,7 +1906,7 @@ const Fs = {
         o("p", null, "Загрузка файла...", -1)
       ]))) : a.value === "error" ? (l(), u("div", xi, w[1] || (w[1] = [
         o("p", null, "Ошибка при загрузке файла.", -1)
-      ]))) : k(A)().isRecording ? p("", !0) : (l(), L(Nn, {
+      ]))) : k(c)().isRecording ? p("", !0) : (l(), L(Nn, {
         key: 2,
         actions: g,
         mode: "hover",
@@ -1929,7 +1929,7 @@ const Fs = {
         type: "file",
         onChange: v
       }, null, 544),
-      k(A)().file ? (l(), L(ve, {
+      k(c)().file ? (l(), L(ve, {
         key: 3,
         to: "#chat-input-file-line-" + k(i)
       }, [
@@ -1953,18 +1953,18 @@ const Fs = {
   emits: ["selectedTheme"],
   setup(e, { emit: t }) {
     const n = e, a = t, f = Z("chatAppId"), { getTheme: s } = Ee(f), i = () => {
-      const A = n.themes.find((d) => d.default === !0);
-      return A ? A.code : n.themes[0].code;
-    }, r = (A) => {
-      const d = A.target.value;
-      c(d);
-    }, c = (A) => {
-      f && (document.getElementById(f).dataset.theme = A, s().theme = A, a("selectedTheme", A));
+      const c = n.themes.find((d) => d.default === !0);
+      return c ? c.code : n.themes[0].code;
+    }, r = (c) => {
+      const d = c.target.value;
+      A(d);
+    }, A = (c) => {
+      f && (document.getElementById(f).dataset.theme = c, s().theme = c, a("selectedTheme", c));
     };
     return ue(() => {
-      const A = i();
-      c(A);
-    }), (A, d) => e.show ? (l(), u("div", Si, [
+      const c = i();
+      A(c);
+    }), (c, d) => e.show ? (l(), u("div", Si, [
       o("select", {
         onChange: d[0] || (d[0] = (g) => r(g))
       }, [
@@ -1993,59 +1993,59 @@ const Fs = {
   emits: ["selectItem"],
   setup(e, { emit: t }) {
     const a = Qf(e, "sidebarItems"), f = t, s = (r) => {
-      const c = a.value.find((A) => A.itemId === r);
-      f("selectItem", c);
+      const A = a.value.find((c) => c.itemId === r);
+      f("selectItem", A);
     }, i = (r) => {
-      const c = r.split(" ");
-      return c.length > 2 ? c.slice(0, 2).join(" ") : r;
+      const A = r.split(" ");
+      return A.length > 2 ? A.slice(0, 2).join(" ") : r;
     };
-    return (r, c) => (l(), u("div", {
+    return (r, A) => (l(), u("div", {
       class: x(["sidebar__container", { "sidebar-horizontal__container": e.horizontal }])
     }, [
       o("ul", {
         class: x(["sidebar__list", { "sidebar-horizontal__list": e.horizontal }])
       }, [
-        (l(!0), u(F, null, ie(a.value.filter((A) => !A.isFixedBottom), (A, d) => (l(), u("li", {
+        (l(!0), u(F, null, ie(a.value.filter((c) => !c.isFixedBottom), (c, d) => (l(), u("li", {
           key: d,
           class: x(["sidebar__item", { "sidebar-horizontal__item": e.horizontal }]),
-          onClick: (g) => s(A.itemId)
+          onClick: (g) => s(c.itemId)
         }, [
           o("img", {
-            src: A.icon,
-            alt: A.name,
+            src: c.icon,
+            alt: c.name,
             class: x(["sidebar__image", {
-              "sidebar__image--active": A.selected === !0,
+              "sidebar__image--active": c.selected === !0,
               "sidebar-horizontal__image": e.horizontal
             }])
           }, null, 10, Li),
-          A.notificationCount ? (l(), u("span", {
+          c.notificationCount ? (l(), u("span", {
             key: 0,
-            style: ce({ backgroundColor: A.notificationColor ? A.notificationColor : "red" })
-          }, D(A.notificationCount > 99 ? "99+" : A.notificationCount), 5)) : p("", !0),
-          A.name ? (l(), u("p", Ui, D(i(A.name)), 1)) : p("", !0)
+            style: ce({ backgroundColor: c.notificationColor ? c.notificationColor : "red" })
+          }, D(c.notificationCount > 99 ? "99+" : c.notificationCount), 5)) : p("", !0),
+          c.name ? (l(), u("p", Ui, D(i(c.name)), 1)) : p("", !0)
         ], 10, zi))), 128))
       ], 2),
       o("ul", {
         class: x(["sidebar__list-fixed", { "sidebar-horizontal__list-fixed": e.horizontal }])
       }, [
-        (l(!0), u(F, null, ie(a.value.filter((A) => A.isFixedBottom), (A, d) => (l(), u("li", {
+        (l(!0), u(F, null, ie(a.value.filter((c) => c.isFixedBottom), (c, d) => (l(), u("li", {
           key: d,
           class: x(["sidebar__item", { "sidebar-horizontal__item": e.horizontal }]),
-          onClick: (g) => s(A.itemId)
+          onClick: (g) => s(c.itemId)
         }, [
           o("img", {
-            src: A.icon,
-            alt: A.name,
+            src: c.icon,
+            alt: c.name,
             class: x(["sidebar__image", {
-              "sidebar__image--active": A.selected === !0,
+              "sidebar__image--active": c.selected === !0,
               "sidebar-horizontal__image": e.horizontal
             }])
           }, null, 10, Ri),
-          A.notificationCount ? (l(), u("span", {
+          c.notificationCount ? (l(), u("span", {
             key: 0,
-            style: ce({ backgroundColor: A.notificationColor ? A.notificationColor : null })
-          }, D(A.notificationCount > 99 ? "99+" : A.notificationCount), 5)) : p("", !0),
-          A.name ? (l(), u("p", Qi, D(i(A.name)), 1)) : p("", !0)
+            style: ce({ backgroundColor: c.notificationColor ? c.notificationColor : null })
+          }, D(c.notificationCount > 99 ? "99+" : c.notificationCount), 5)) : p("", !0),
+          c.name ? (l(), u("p", Qi, D(i(c.name)), 1)) : p("", !0)
         ], 10, Bi))), 128))
       ], 2)
     ], 2));
@@ -2111,10 +2111,10 @@ const Fs = {
   },
   emits: ["selectChannel"],
   setup(e, { emit: t }) {
-    const n = e, a = Z("chatAppId"), { getMessage: f } = Ne(a), s = t, r = b(n.channels.find((A) => A.type === "default")), c = (A) => {
-      r.value = A, s("selectChannel", r.value);
+    const n = e, a = Z("chatAppId"), { getMessage: f } = Ne(a), s = t, r = b(n.channels.find((c) => c.type === "default")), A = (c) => {
+      r.value = c, s("selectChannel", r.value);
     };
-    return (A, d) => k(f)().isRecording ? p("", !0) : (l(), u("div", {
+    return (c, d) => k(f)().isRecording ? p("", !0) : (l(), u("div", {
       key: 0,
       class: x(["channels__container", { "channels__container-disabled": e.state == "disabled" }])
     }, [
@@ -2131,7 +2131,7 @@ const Fs = {
         mode: e.mode,
         "menu-side": "top",
         disabled: e.state == "disabled",
-        onClick: c
+        onClick: A
       }, {
         default: W(() => [
           o("span", {
@@ -2200,7 +2200,7 @@ const o0 = (e, t = null) => {
     const t = Z("chatAppId"), { getTheme: n } = Ee(t), a = b(), f = b(), s = b(!1), i = e, r = $(() => ({
       tooltip__text: !0,
       [`tooltip--${i.position}`]: !0
-    })), c = () => {
+    })), A = () => {
       s.value = !0, Oe(() => {
         if (a.value && f.value) {
           const d = f.value, g = a.value.getBoundingClientRect(), m = f.value.getBoundingClientRect(), _ = m.left < 0 ? m.left : 0, v = m.top < 0 ? m.top : 0, I = {
@@ -2212,7 +2212,7 @@ const o0 = (e, t = null) => {
           d.style.top = I[i.position].top + "px", d.style.left = I[i.position].left + "px";
         }
       });
-    }, A = () => {
+    }, c = () => {
       s.value = !1, Oe(() => {
         const d = k(f);
         d && (d.style.top = "0", d.style.left = "0");
@@ -2223,8 +2223,8 @@ const o0 = (e, t = null) => {
         ref_key: "container",
         ref: a,
         class: "tooltip-wrapper",
-        onMouseover: c,
-        onMouseout: A
+        onMouseover: A,
+        onMouseout: c
       }, [
         ne(d.$slots, "default", {}, void 0, !0)
       ], 544),
@@ -2290,9 +2290,9 @@ const o0 = (e, t = null) => {
       s.value = !0;
     }, r = (h) => {
       s.value || h.target instanceof HTMLElement && h.target.id != "noSelectButton" && a("select", { chat: n.chat, dialog: null }), s.value = !1;
-    }, c = (h) => {
+    }, A = (h) => {
       a("select", { chat: n.chat, dialog: h });
-    }, A = () => n.chat.isSelected ? "chat-item__selected" : "", d = (h) => h.isSelected ? "dialog__selected" : "", g = (h) => {
+    }, c = () => n.chat.isSelected ? "chat-item__selected" : "", d = (h) => h.isSelected ? "dialog__selected" : "", g = (h) => {
       a("action", { chat: n.chat, ...h });
     }, m = () => n.chat.dialogs.toSorted((h, w) => {
       if (Number(h["lastActivity.timestamp"]) > Number(w["lastActivity.timestamp"])) return -1;
@@ -2316,7 +2316,7 @@ const o0 = (e, t = null) => {
     };
     return (h, w) => (l(), u("div", null, [
       o("div", {
-        class: x(["chat-item__container", A()]),
+        class: x(["chat-item__container", c()]),
         onMouseenter: w[2] || (w[2] = (M) => f.value = !0),
         onMouseleave: j,
         onClick: r
@@ -2409,7 +2409,7 @@ const o0 = (e, t = null) => {
         (l(!0), u(F, null, ie(m(), (M) => (l(), u("div", {
           key: M.dialogId,
           class: x(["dialog__item", d(M)]),
-          onClick: (T) => c(M)
+          onClick: (T) => A(M)
         }, [
           M.icon ? (l(), u("img", {
             key: 0,
@@ -2498,8 +2498,8 @@ const o0 = (e, t = null) => {
   emits: ["closeTemplateWindow", "pasteTemplate"],
   setup(e, { emit: t }) {
     const n = e, a = Z("chatAppId"), { setMessageText: f } = Ne(a), s = () => {
-      i("closeTemplateWindow"), f(c.value.template);
-    }, i = t, r = b(null), c = b(null), A = b(""), d = b(), g = b(""), m = b(""), _ = b(""), v = b(!1), I = $(() => !!(v.value && (_.value == "grid" && m.value == "none" || m.value == "grid" && g.value == "none"))), y = $(() => !!(v.value && (g.value == "grid" && m.value == "none" || m.value == "grid" && _.value == "none"))), N = () => {
+      i("closeTemplateWindow"), f(A.value.template);
+    }, i = t, r = b(null), A = b(null), c = b(""), d = b(), g = b(""), m = b(""), _ = b(""), v = b(!1), I = $(() => !!(v.value && (_.value == "grid" && m.value == "none" || m.value == "grid" && g.value == "none"))), y = $(() => !!(v.value && (g.value == "grid" && m.value == "none" || m.value == "grid" && _.value == "none"))), N = () => {
       v.value && (m.value == "grid" ? h() : _.value == "grid" && M());
     }, j = () => {
       v.value && (m.value == "grid" ? w() : g.value == "grid" && M());
@@ -2516,11 +2516,11 @@ const o0 = (e, t = null) => {
       const O = document.getElementById("template-selector-container-" + a), z = window.getComputedStyle(O);
       g.value = z.getPropertyValue("--chotto-template-first-col-display"), m.value = z.getPropertyValue("--chotto-template-second-col-display"), _.value = z.getPropertyValue("--chotto-template-third-col-display");
     }, S = (O) => {
-      n.templates.forEach((z) => z.isSelected = !1), O.isSelected = !0, c.value = O, w();
+      n.templates.forEach((z) => z.isSelected = !1), O.isSelected = !0, A.value = O, w();
     }, U = () => {
       M(), n.templates.forEach((O) => O.isSelected = !1);
     }, V = $(() => r.value ? n.templates.filter((O) => O.groupId === r.value.groupId) : n.templates), Q = $(() => {
-      const O = A.value.trim().toLowerCase();
+      const O = c.value.trim().toLowerCase();
       return V.value.filter((z) => z.title.toLowerCase().includes(O) || z.template.toLowerCase().includes(O));
     }), G = new ResizeObserver((O) => {
       const z = O[0].target.clientWidth;
@@ -2598,12 +2598,12 @@ const o0 = (e, t = null) => {
           }, [
             o("div", Ro, [
               re(o("input", {
-                "onUpdate:modelValue": z[2] || (z[2] = (X) => A.value = X),
+                "onUpdate:modelValue": z[2] || (z[2] = (X) => c.value = X),
                 class: "template-selector__searching-input",
                 type: "text",
                 placeholder: "Поиск шаблона"
               }, null, 512), [
-                [ot, A.value]
+                [ot, c.value]
               ])
             ]),
             o("div", Qo, [
@@ -2626,9 +2626,9 @@ const o0 = (e, t = null) => {
             class: "template-selector__third-col"
           }, [
             o("div", Ko, [
-              c.value ? (l(), u("div", Jo, [
+              A.value ? (l(), u("div", Jo, [
                 o("div", Go, [
-                  o("p", Zo, D(c.value.template), 1),
+                  o("p", Zo, D(A.value.template), 1),
                   z[3] || (z[3] = o("p", { class: "template-selector__preview-time" }, " 22:22 ", -1))
                 ])
               ])) : (l(), u("p", Xo, " Предпросмотр шаблона "))
@@ -2674,9 +2674,9 @@ const o0 = (e, t = null) => {
       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"));
     }, r = () => {
       t.mode == "hover" && t.state == "active" && (s.value.style.display = "inherit");
-    }, c = () => {
-      t.mode == "hover" && t.state == "active" && (s.value.style.display = "none");
     }, A = () => {
+      t.mode == "hover" && t.state == "active" && (s.value.style.display = "none");
+    }, c = () => {
       s.value.style.display = "none";
     };
     return ue(() => {
@@ -2689,7 +2689,7 @@ const o0 = (e, t = null) => {
         class: x(["button-template", { "button-template-disabled": e.state == "disabled" }]),
         onClick: i,
         onMouseover: r,
-        onMouseout: c
+        onMouseout: A
       }, g[0] || (g[0] = [
         o("span", { class: "pi pi-objects-column" }, null, -1)
       ]), 34)),
@@ -2699,13 +2699,13 @@ const o0 = (e, t = null) => {
             ref_key: "template",
             ref: s,
             onMouseover: r,
-            onMouseout: c
+            onMouseout: A
           }, [
             H(tl, {
               templates: e.templates,
               "group-templates": e.groupTemplates,
               "elevated-window": e.elevatedWindow,
-              onCloseTemplateWindow: A
+              onCloseTemplateWindow: c
             }, null, 8, ["templates", "group-templates", "elevated-window"])
           ], 544), [
             [De, t.state === "active"]
@@ -2748,13 +2748,13 @@ const o0 = (e, t = null) => {
         m.getRangeAt && m.rangeCount && m.getRangeAt(0).selectNodeContents(g.target);
       }
     };
-    function c() {
+    function A() {
       s.value = i.value.innerText.trim(), a.value != s.value && (s.value != "" ? f("edit", [s.value, a.index]) : a.isFilled ? Oe(() => {
         s.value = a.value;
       }) : s.value = "Заполнить");
     }
-    function A(g) {
-      g.target.blur(), c();
+    function c(g) {
+      g.target.blur(), A();
     }
     function d(g) {
       g.target == document.getElementById("placeholder" + n + a.index) && (g.key === "Escape" && g.target.blur(), g.key == "Tab" && (g.target.blur(), document.getElementById("placeholder" + n + (a.index + 1)) && (g.preventDefault(), document.getElementById("placeholder" + n + (a.index + 1)).focus())));
@@ -2769,9 +2769,9 @@ const o0 = (e, t = null) => {
       ref: i,
       contenteditable: "",
       class: x([{ filled: e.isFilled, empty: !e.isFilled }, "placeholder"]),
-      onKeydown: ea(A, ["enter"]),
+      onKeydown: ea(c, ["enter"]),
       onFocus: r,
-      onBlur: c
+      onBlur: A
     }, D(s.value), 43, al));
   }
 }, sl = /* @__PURE__ */ R(fl, [["__scopeId", "data-v-1c7b8fd0"]]), il = ["accept"], ol = { class: "attachment-section__info" }, ll = {
@@ -2791,7 +2791,7 @@ const o0 = (e, t = null) => {
   },
   emits: ["fileSelected"],
   setup(e, { emit: t }) {
-    const n = e, a = b(Z("filebumpUrl")), f = b(null), s = b(), i = b(""), r = b(""), c = b(), A = t, d = () => {
+    const n = e, a = b(Z("filebumpUrl")), f = b(null), s = b(), i = b(""), r = b(""), A = b(), c = t, d = () => {
       s.value && r.value != "success" && s.value.click();
     }, g = {
       DOCUMENT: {
@@ -2828,12 +2828,12 @@ const o0 = (e, t = null) => {
           f.value = I, r.value = "uploading";
           const j = k(a.value);
           Tn(typeof j == "string" ? j : null, I).then((h) => {
-            r.value = h.status, h.status == "success" && (A("fileSelected", {
+            r.value = h.status, h.status == "success" && (c("fileSelected", {
               url: h.url,
               filename: h.name,
               filesize: h.size,
               filetype: h.type
-            }), h.preview && (c.value = {
+            }), h.preview && (A.value = {
               previewUrl: h.preview.previewUrl,
               isImage: h.preview.isImage,
               isVideo: h.preview.isVideo,
@@ -2850,7 +2850,7 @@ const o0 = (e, t = null) => {
     return ee(
       () => r.value,
       (v) => {
-        v === "" && (s.value && (s.value.value = ""), f.value = null, A("fileSelected", null));
+        v === "" && (s.value && (s.value.value = ""), f.value = null, c("fileSelected", null));
       }
     ), ee(
       () => n.templateId,
@@ -2877,9 +2877,9 @@ const o0 = (e, t = null) => {
           I[0] || (I[0] = o("p", { class: "attachment-section__title" }, " Прикрепить файл ", -1)),
           o("p", ol, D(g[e.type].text), 1)
         ])
-      ], 2)) : r.value === "success" && c.value ? (l(), L(Dn, {
+      ], 2)) : r.value === "success" && A.value ? (l(), L(Dn, {
         key: 1,
-        "file-info": c.value,
+        "file-info": A.value,
         onReset: _
       }, null, 8, ["file-info"])) : p("", !0),
       i.value ? (l(), u("div", ll, D(i.value), 1)) : p("", !0)
@@ -2903,17 +2903,17 @@ const o0 = (e, t = null) => {
       i == 2 && a.buttons.length > 3 && n("selectAllVariants");
     };
     return (i, r) => (l(), u("div", Al, [
-      (l(!0), u(F, null, ie(e.buttons.slice(0, 3), (c, A) => (l(), u("div", {
-        key: A,
+      (l(!0), u(F, null, ie(e.buttons.slice(0, 3), (A, c) => (l(), u("div", {
+        key: c,
         class: "quick-reply-buttons__preview-action",
-        onClick: (d) => s(A)
+        onClick: (d) => s(c)
       }, [
         r[0] || (r[0] = o("hr", { class: "quick-reply-buttons__separator" }, null, -1)),
         o("div", dl, [
           o("span", {
-            class: x(["quick-reply-buttons__icon pi pi-arrow-up-left", A == 2 && e.buttons.length > 3 ? "pi-list" : f[c.type]])
+            class: x(["quick-reply-buttons__icon pi pi-arrow-up-left", c == 2 && e.buttons.length > 3 ? "pi-list" : f[A.type]])
           }, null, 2),
-          o("p", null, D(A == 2 && e.buttons.length > 3 ? "Смотреть все варианты" : c.text), 1)
+          o("p", null, D(c == 2 && e.buttons.length > 3 ? "Смотреть все варианты" : A.text), 1)
         ])
       ], 8, ul))), 128))
     ]));
@@ -3010,15 +3010,15 @@ const o0 = (e, t = null) => {
       g.value ? (C.text = Qe.value, C.templateId = d.value.templateId, C.values = We.value, C.file = g.value) : (C.text = Qe.value, C.templateId = d.value.templateId, C.values = We.value), d.value.buttons && (C.buttons = d.value.buttons), f("sendWabaValues", C), pe();
     }, r = (C) => {
       g.value = C;
-    }, c = b(null), A = b(null), d = b(null), g = b(null), m = b(""), _ = b(!1), v = () => {
-      _.value = !_.value, _.value ? (c.value.scrollTop = 0, c.value.style["overflow-y"] = "hidden") : c.value.style["overflow-y"] = "scroll";
+    }, A = b(null), c = b(null), d = b(null), g = b(null), m = b(""), _ = b(!1), v = () => {
+      _.value = !_.value, _.value ? (A.value.scrollTop = 0, A.value.style["overflow-y"] = "hidden") : A.value.style["overflow-y"] = "scroll";
     }, I = (C) => {
       Object.keys(h).forEach((J) => {
         h[J] = "";
       }), g.value = null, n.wabaTemplates.forEach((J) => J.isSelected = !1), C.isSelected = !0, d.value = C, _.value = !1, ae();
     }, y = () => {
       te(), n.wabaTemplates.forEach((C) => C.isSelected = !1);
-    }, N = $(() => A.value ? n.wabaTemplates.filter((C) => C.groupId === A.value.groupId) : n.wabaTemplates), j = $(() => {
+    }, N = $(() => c.value ? n.wabaTemplates.filter((C) => C.groupId === c.value.groupId) : n.wabaTemplates), j = $(() => {
       const C = m.value.trim().toLowerCase();
       return N.value.filter((J) => J.title.toLowerCase().includes(C) || J.template.toLowerCase().includes(C));
     }), h = af({}), w = b(null), M = b(), T = b(""), S = b(""), U = b(""), V = b(!1), Q = $(() => !!(V.value && (U.value == "grid" && S.value == "none" || S.value == "grid" && T.value == "none"))), G = $(() => !!(V.value && (T.value == "grid" && S.value == "none" || S.value == "grid" && U.value == "none"))), O = () => {
@@ -3113,7 +3113,7 @@ const o0 = (e, t = null) => {
             o("ul", El, [
               (l(!0), u(F, null, ie(e.groupTemplates, (P, le) => (l(), u("li", {
                 key: le,
-                class: x(["template-selector__item-group", { "template-selector__item-selected": A.value === P }]),
+                class: x(["template-selector__item-group", { "template-selector__item-selected": c.value === P }]),
                 onClick: y
               }, [
                 o("label", jl, [
@@ -3125,12 +3125,12 @@ const o0 = (e, t = null) => {
                   }, null, 8, xl)) : p("", !0),
                   re(o("input", {
                     id: le,
-                    "onUpdate:modelValue": J[0] || (J[0] = (xe) => A.value = xe),
+                    "onUpdate:modelValue": J[0] || (J[0] = (xe) => c.value = xe),
                     value: P,
                     class: "template-selector__input-group",
                     type: "radio"
                   }, null, 8, Vl), [
-                    [nf, A.value]
+                    [nf, c.value]
                   ]),
                   o("span", null, D(P.title), 1)
                 ])
@@ -3166,7 +3166,7 @@ const o0 = (e, t = null) => {
           o("div", $l, [
             o("div", {
               ref_key: "previewContainer",
-              ref: c,
+              ref: A,
               class: "template-selector__preview-container"
             }, [
               fe.value.length > 0 ? (l(), u("div", Yl, [
@@ -3253,9 +3253,9 @@ const o0 = (e, t = null) => {
   setup(e, { emit: t }) {
     const n = e;
     et("filebumpUrl", n.filebumpUrl);
-    const a = Z("chatAppId"), { getMessage: f } = Ne(a), s = b(null), i = b(null), r = t, c = () => {
+    const a = Z("chatAppId"), { getMessage: f } = Ne(a), s = b(null), i = b(null), r = t, A = () => {
       n.mode == "click" && n.state == "active" && (i.value.style.display == "none" ? i.value.style.display = "inherit" : i.value.style.display == "inherit" && (i.value.style.display = "none"));
-    }, A = () => {
+    }, c = () => {
       n.mode == "hover" && n.state == "active" && (i.value.style.display = "inherit");
     }, d = () => {
       n.mode == "hover" && n.state == "active" && (i.value.style.display = "none");
@@ -3274,8 +3274,8 @@ const o0 = (e, t = null) => {
         ref_key: "templateButton",
         ref: s,
         class: x(["button-template", { "button-template-disabled": e.state == "disabled" }]),
-        onClick: c,
-        onMouseover: A,
+        onClick: A,
+        onMouseover: c,
         onMouseout: d
       }, v[0] || (v[0] = [
         o("span", { class: "pi pi-code" }, null, -1)
@@ -3283,7 +3283,7 @@ const o0 = (e, t = null) => {
       o("div", {
         ref_key: "template",
         ref: i,
-        onMouseover: A,
+        onMouseover: c,
         onMouseout: d
       }, [
         H(Gl, {
@@ -15395,14 +15395,14 @@ function qe(e) {
 const Qn = (e) => ra.get(e);
 function ca(e, t, { blocked: n, upgrade: a, blocking: f, terminated: s } = {}) {
   const i = indexedDB.open(e, t), r = qe(i);
-  return a && i.addEventListener("upgradeneeded", (c) => {
-    a(qe(i.result), c.oldVersion, c.newVersion, qe(i.transaction), c);
-  }), n && i.addEventListener("blocked", (c) => n(
-    c.oldVersion,
-    c.newVersion,
-    c
-  )), r.then((c) => {
-    s && c.addEventListener("close", () => s()), f && c.addEventListener("versionchange", (A) => f(A.oldVersion, A.newVersion, A));
+  return a && i.addEventListener("upgradeneeded", (A) => {
+    a(qe(i.result), A.oldVersion, A.newVersion, qe(i.transaction), A);
+  }), n && i.addEventListener("blocked", (A) => n(
+    A.oldVersion,
+    A.newVersion,
+    A
+  )), r.then((A) => {
+    s && A.addEventListener("close", () => s()), f && A.addEventListener("versionchange", (c) => f(c.oldVersion, c.newVersion, c));
   }).catch(() => {
   }), r;
 }
@@ -15416,11 +15416,11 @@ function $a(e, t) {
   if (!(n in (a ? IDBIndex : IDBObjectStore).prototype) || !(f || kr.includes(n)))
     return;
   const s = async function(i, ...r) {
-    const c = this.transaction(i, f ? "readwrite" : "readonly");
-    let A = c.store;
-    return a && (A = A.index(r.shift())), (await Promise.all([
-      A[n](...r),
-      f && c.done
+    const A = this.transaction(i, f ? "readwrite" : "readonly");
+    let c = A.store;
+    return a && (c = c.index(r.shift())), (await Promise.all([
+      c[n](...r),
+      f && A.done
     ]))[0];
   };
   return $n.set(t, s), s;
@@ -15504,7 +15504,7 @@ function jr() {
   }
   function a() {
     n().then((g) => {
-      e.recent = g, A();
+      e.recent = g, c();
     });
   }
   const f = (g) => {
@@ -15515,10 +15515,10 @@ function jr() {
     e.activeGroup = g;
   }, r = (g = _n) => {
     e.skinTone = g;
-  }, c = (g) => {
+  }, A = (g) => {
     e.options = Object.assign({}, e.options, g), t();
   };
-  async function A() {
+  async function c() {
     (await ca(Aa, ua)).transaction(tt, "readwrite").objectStore(tt).put({
       id: 0,
       value: JSON.stringify(e.recent)
@@ -15531,7 +15531,7 @@ function jr() {
     if (m > 0 && e.recent.splice(m, 1), m === 0)
       return;
     const _ = { u: g.u, n: ff(g.n) };
-    e.recent = [_, ...e.recent], e.recent.length > 24 && (e.recent.length = 24), A();
+    e.recent = [_, ...e.recent], e.recent.length > 24 && (e.recent.length = 24), c();
   };
   return {
     state: Ff(e),
@@ -15539,7 +15539,7 @@ function jr() {
     updateEmoji: s,
     updateActiveGroup: i,
     updateSkinTone: r,
-    updateOptions: c,
+    updateOptions: A,
     updateSelect: d
   };
 }
@@ -15599,11 +15599,11 @@ function Fr(e) {
   };
   return Object.assign(t.elements.popper.style, n.popper), t.styles = n, t.elements.arrow && Object.assign(t.elements.arrow.style, n.arrow), function() {
     Object.keys(t.elements).forEach(function(a) {
-      var f = t.elements[a], s = t.attributes[a] || {}, i = Object.keys(t.styles.hasOwnProperty(a) ? t.styles[a] : n[a]), r = i.reduce(function(c, A) {
-        return c[A] = "", c;
+      var f = t.elements[a], s = t.attributes[a] || {}, i = Object.keys(t.styles.hasOwnProperty(a) ? t.styles[a] : n[a]), r = i.reduce(function(A, c) {
+        return A[c] = "", A;
       }, {});
-      !Ie(f) || !ze(f) || (Object.assign(f.style, r), Object.keys(s).forEach(function(c) {
-        f.removeAttribute(c);
+      !Ie(f) || !ze(f) || (Object.assign(f.style, r), Object.keys(s).forEach(function(A) {
+        f.removeAttribute(A);
       }));
     });
   };
@@ -15728,9 +15728,9 @@ var Kr = function(t, n) {
   })) : t, Tf(typeof t != "number" ? t : Ef(t, Vt));
 };
 function Jr(e) {
-  var t, n = e.state, a = e.name, f = e.options, s = n.elements.arrow, i = n.modifiersData.popperOffsets, r = Ce(n.placement), c = ma(r), A = [me, ke].indexOf(r) >= 0, d = A ? "height" : "width";
+  var t, n = e.state, a = e.name, f = e.options, s = n.elements.arrow, i = n.modifiersData.popperOffsets, r = Ce(n.placement), A = ma(r), c = [me, ke].indexOf(r) >= 0, d = c ? "height" : "width";
   if (!(!s || !i)) {
-    var g = Kr(f.padding, n), m = ga(s), _ = c === "y" ? ge : me, v = c === "y" ? we : ke, I = n.rects.reference[d] + n.rects.reference[c] - i[c] - n.rects.popper[d], y = i[c] - n.rects.reference[c], N = St(s), j = N ? c === "y" ? N.clientHeight || 0 : N.clientWidth || 0 : 0, h = I / 2 - y / 2, w = g[_], M = j - m[d] - g[v], T = j / 2 - m[d] / 2 + h, S = It(w, T, M), U = c;
+    var g = Kr(f.padding, n), m = ga(s), _ = A === "y" ? ge : me, v = A === "y" ? we : ke, I = n.rects.reference[d] + n.rects.reference[A] - i[A] - n.rects.popper[d], y = i[A] - n.rects.reference[A], N = St(s), j = N ? A === "y" ? N.clientHeight || 0 : N.clientWidth || 0 : 0, h = I / 2 - y / 2, w = g[_], M = j - m[d] - g[v], T = j / 2 - m[d] / 2 + h, S = It(w, T, M), U = A;
     n.modifiersData[a] = (t = {}, t[U] = S, t.centerOffset = S - T, t);
   }
 }
@@ -15764,31 +15764,31 @@ function ec(e) {
   };
 }
 function Pa(e) {
-  var t, n = e.popper, a = e.popperRect, f = e.placement, s = e.variation, i = e.offsets, r = e.position, c = e.gpuAcceleration, A = e.adaptive, d = e.roundOffsets, g = e.isFixed, m = d === !0 ? ec(i) : typeof d == "function" ? d(i) : i, _ = m.x, v = _ === void 0 ? 0 : _, I = m.y, y = I === void 0 ? 0 : I, N = i.hasOwnProperty("x"), j = i.hasOwnProperty("y"), h = me, w = ge, M = window;
-  if (A) {
+  var t, n = e.popper, a = e.popperRect, f = e.placement, s = e.variation, i = e.offsets, r = e.position, A = e.gpuAcceleration, c = e.adaptive, d = e.roundOffsets, g = e.isFixed, m = d === !0 ? ec(i) : typeof d == "function" ? d(i) : i, _ = m.x, v = _ === void 0 ? 0 : _, I = m.y, y = I === void 0 ? 0 : I, N = i.hasOwnProperty("x"), j = i.hasOwnProperty("y"), h = me, w = ge, M = window;
+  if (c) {
     var T = St(n), S = "clientHeight", U = "clientWidth";
     if (T === je(n) && (T = He(n), Le(T).position !== "static" && r === "absolute" && (S = "scrollHeight", U = "scrollWidth")), T = T, f === ge || (f === me || f === ke) && s === Et) {
       w = we;
       var V = g && M.visualViewport ? M.visualViewport.height : T[S];
-      y -= V - a.height, y *= c ? 1 : -1;
+      y -= V - a.height, y *= A ? 1 : -1;
     }
     if (f === me || (f === ge || f === we) && s === Et) {
       h = ke;
       var Q = g && M.visualViewport ? M.visualViewport.width : T[U];
-      v -= Q - a.width, v *= c ? 1 : -1;
+      v -= Q - a.width, v *= A ? 1 : -1;
     }
   }
   var G = Object.assign({
     position: r
-  }, A && Xr);
-  if (c) {
+  }, c && Xr);
+  if (A) {
     var O;
     return Object.assign({}, G, (O = {}, O[w] = j ? "0" : "", O[h] = N ? "0" : "", O.transform = (M.devicePixelRatio || 1) <= 1 ? "translate(" + v + "px, " + y + "px)" : "translate3d(" + v + "px, " + y + "px, 0)", O));
   }
   return Object.assign({}, G, (t = {}, t[w] = j ? y + "px" : "", t[h] = N ? v + "px" : "", t.transform = "", t));
 }
 function tc(e) {
-  var t = e.state, n = e.options, a = n.gpuAcceleration, f = a === void 0 ? !0 : a, s = n.adaptive, i = s === void 0 ? !0 : s, r = n.roundOffsets, c = r === void 0 ? !0 : r, A = {
+  var t = e.state, n = e.options, a = n.gpuAcceleration, f = a === void 0 ? !0 : a, s = n.adaptive, i = s === void 0 ? !0 : s, r = n.roundOffsets, A = r === void 0 ? !0 : r, c = {
     placement: Ce(t.placement),
     variation: it(t.placement),
     popper: t.elements.popper,
@@ -15796,16 +15796,16 @@ function tc(e) {
     gpuAcceleration: f,
     isFixed: t.options.strategy === "fixed"
   };
-  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Pa(Object.assign({}, A, {
+  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Pa(Object.assign({}, c, {
     offsets: t.modifiersData.popperOffsets,
     position: t.options.strategy,
     adaptive: i,
-    roundOffsets: c
-  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Pa(Object.assign({}, A, {
+    roundOffsets: A
+  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Pa(Object.assign({}, c, {
     offsets: t.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
-    roundOffsets: c
+    roundOffsets: A
   })))), t.attributes.popper = Object.assign({}, t.attributes.popper, {
     "data-popper-placement": t.placement
   });
@@ -15820,13 +15820,13 @@ var nc = {
   passive: !0
 };
 function ac(e) {
-  var t = e.state, n = e.instance, a = e.options, f = a.scroll, s = f === void 0 ? !0 : f, i = a.resize, r = i === void 0 ? !0 : i, c = je(t.elements.popper), A = [].concat(t.scrollParents.reference, t.scrollParents.popper);
-  return s && A.forEach(function(d) {
+  var t = e.state, n = e.instance, a = e.options, f = a.scroll, s = f === void 0 ? !0 : f, i = a.resize, r = i === void 0 ? !0 : i, A = je(t.elements.popper), c = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+  return s && c.forEach(function(d) {
     d.addEventListener("scroll", n.update, Yt);
-  }), r && c.addEventListener("resize", n.update, Yt), function() {
-    s && A.forEach(function(d) {
+  }), r && A.addEventListener("resize", n.update, Yt), function() {
+    s && c.forEach(function(d) {
       d.removeEventListener("scroll", n.update, Yt);
-    }), r && c.removeEventListener("resize", n.update, Yt);
+    }), r && A.removeEventListener("resize", n.update, Yt);
   };
 }
 var fc = {
@@ -15877,12 +15877,12 @@ function oc(e) {
   };
 }
 function lc(e) {
-  var t, n = He(e), a = pa(e), f = (t = e.ownerDocument) == null ? void 0 : t.body, s = Ze(n.scrollWidth, n.clientWidth, f ? f.scrollWidth : 0, f ? f.clientWidth : 0), i = Ze(n.scrollHeight, n.clientHeight, f ? f.scrollHeight : 0, f ? f.clientHeight : 0), r = -a.scrollLeft + ha(e), c = -a.scrollTop;
+  var t, n = He(e), a = pa(e), f = (t = e.ownerDocument) == null ? void 0 : t.body, s = Ze(n.scrollWidth, n.clientWidth, f ? f.scrollWidth : 0, f ? f.clientWidth : 0), i = Ze(n.scrollHeight, n.clientHeight, f ? f.scrollHeight : 0, f ? f.clientHeight : 0), r = -a.scrollLeft + ha(e), A = -a.scrollTop;
   return Le(f || n).direction === "rtl" && (r += Ze(n.clientWidth, f ? f.clientWidth : 0) - s), {
     width: s,
     height: i,
     x: r,
-    y: c
+    y: A
   };
 }
 function ya(e) {
@@ -15920,62 +15920,62 @@ function cc(e) {
   }) : [];
 }
 function Ac(e, t, n) {
-  var a = t === "clippingParents" ? cc(e) : [].concat(t), f = [].concat(a, [n]), s = f[0], i = f.reduce(function(r, c) {
-    var A = Ha(e, c);
-    return r.top = Ze(A.top, r.top), r.right = In(A.right, r.right), r.bottom = In(A.bottom, r.bottom), r.left = Ze(A.left, r.left), r;
+  var a = t === "clippingParents" ? cc(e) : [].concat(t), f = [].concat(a, [n]), s = f[0], i = f.reduce(function(r, A) {
+    var c = Ha(e, A);
+    return r.top = Ze(c.top, r.top), r.right = In(c.right, r.right), r.bottom = In(c.bottom, r.bottom), r.left = Ze(c.left, r.left), r;
   }, Ha(e, s));
   return i.width = i.right - i.left, i.height = i.bottom - i.top, i.x = i.left, i.y = i.top, i;
 }
 function xf(e) {
-  var t = e.reference, n = e.element, a = e.placement, f = a ? Ce(a) : null, s = a ? it(a) : null, i = t.x + t.width / 2 - n.width / 2, r = t.y + t.height / 2 - n.height / 2, c;
+  var t = e.reference, n = e.element, a = e.placement, f = a ? Ce(a) : null, s = a ? it(a) : null, i = t.x + t.width / 2 - n.width / 2, r = t.y + t.height / 2 - n.height / 2, A;
   switch (f) {
     case ge:
-      c = {
+      A = {
         x: i,
         y: t.y - n.height
       };
       break;
     case we:
-      c = {
+      A = {
         x: i,
         y: t.y + t.height
       };
       break;
     case ke:
-      c = {
+      A = {
         x: t.x + t.width,
         y: r
       };
       break;
     case me:
-      c = {
+      A = {
         x: t.x - n.width,
         y: r
       };
       break;
     default:
-      c = {
+      A = {
         x: t.x,
         y: t.y
       };
   }
-  var A = f ? ma(f) : null;
-  if (A != null) {
-    var d = A === "y" ? "height" : "width";
+  var c = f ? ma(f) : null;
+  if (c != null) {
+    var d = c === "y" ? "height" : "width";
     switch (s) {
       case nt:
-        c[A] = c[A] - (t[d] / 2 - n[d] / 2);
+        A[c] = A[c] - (t[d] / 2 - n[d] / 2);
         break;
       case Et:
-        c[A] = c[A] + (t[d] / 2 - n[d] / 2);
+        A[c] = A[c] + (t[d] / 2 - n[d] / 2);
         break;
     }
   }
-  return c;
+  return A;
 }
 function jt(e, t) {
   t === void 0 && (t = {});
-  var n = t, a = n.placement, f = a === void 0 ? e.placement : a, s = n.boundary, i = s === void 0 ? xr : s, r = n.rootBoundary, c = r === void 0 ? If : r, A = n.elementContext, d = A === void 0 ? gt : A, g = n.altBoundary, m = g === void 0 ? !1 : g, _ = n.padding, v = _ === void 0 ? 0 : _, I = Tf(typeof v != "number" ? v : Ef(v, Vt)), y = d === gt ? Vr : gt, N = e.rects.popper, j = e.elements[m ? y : d], h = Ac(at(j) ? j : j.contextElement || He(e.elements.popper), i, c), w = st(e.elements.reference), M = xf({
+  var n = t, a = n.placement, f = a === void 0 ? e.placement : a, s = n.boundary, i = s === void 0 ? xr : s, r = n.rootBoundary, A = r === void 0 ? If : r, c = n.elementContext, d = c === void 0 ? gt : c, g = n.altBoundary, m = g === void 0 ? !1 : g, _ = n.padding, v = _ === void 0 ? 0 : _, I = Tf(typeof v != "number" ? v : Ef(v, Vt)), y = d === gt ? Vr : gt, N = e.rects.popper, j = e.elements[m ? y : d], h = Ac(at(j) ? j : j.contextElement || He(e.elements.popper), i, A), w = st(e.elements.reference), M = xf({
     reference: w,
     element: N,
     placement: f
@@ -15996,10 +15996,10 @@ function jt(e, t) {
 }
 function uc(e, t) {
   t === void 0 && (t = {});
-  var n = t, a = n.placement, f = n.boundary, s = n.rootBoundary, i = n.padding, r = n.flipVariations, c = n.allowedAutoPlacements, A = c === void 0 ? wf : c, d = it(a), g = d ? r ? Ya : Ya.filter(function(v) {
+  var n = t, a = n.placement, f = n.boundary, s = n.rootBoundary, i = n.padding, r = n.flipVariations, A = n.allowedAutoPlacements, c = A === void 0 ? wf : A, d = it(a), g = d ? r ? Ya : Ya.filter(function(v) {
     return it(v) === d;
   }) : Vt, m = g.filter(function(v) {
-    return A.indexOf(v) >= 0;
+    return c.indexOf(v) >= 0;
   });
   m.length === 0 && (m = g);
   var _ = m.reduce(function(v, I) {
@@ -16023,12 +16023,12 @@ function dc(e) {
 function gc(e) {
   var t = e.state, n = e.options, a = e.name;
   if (!t.modifiersData[a]._skip) {
-    for (var f = n.mainAxis, s = f === void 0 ? !0 : f, i = n.altAxis, r = i === void 0 ? !0 : i, c = n.fallbackPlacements, A = n.padding, d = n.boundary, g = n.rootBoundary, m = n.altBoundary, _ = n.flipVariations, v = _ === void 0 ? !0 : _, I = n.allowedAutoPlacements, y = t.options.placement, N = Ce(y), j = N === y, h = c || (j || !v ? [qt(y)] : dc(y)), w = [y].concat(h).reduce(function($e, C) {
+    for (var f = n.mainAxis, s = f === void 0 ? !0 : f, i = n.altAxis, r = i === void 0 ? !0 : i, A = n.fallbackPlacements, c = n.padding, d = n.boundary, g = n.rootBoundary, m = n.altBoundary, _ = n.flipVariations, v = _ === void 0 ? !0 : _, I = n.allowedAutoPlacements, y = t.options.placement, N = Ce(y), j = N === y, h = A || (j || !v ? [qt(y)] : dc(y)), w = [y].concat(h).reduce(function($e, C) {
       return $e.concat(Ce(C) === da ? uc(t, {
         placement: C,
         boundary: d,
         rootBoundary: g,
-        padding: A,
+        padding: c,
         flipVariations: v,
         allowedAutoPlacements: I
       }) : C);
@@ -16038,7 +16038,7 @@ function gc(e) {
         boundary: d,
         rootBoundary: g,
         altBoundary: m,
-        padding: A
+        padding: c
       }), B = X ? z ? ke : me : z ? we : ge;
       M[ae] > T[ae] && (B = qt(B));
       var K = qt(B), fe = [];
@@ -16100,10 +16100,10 @@ function pc(e) {
     elementContext: "reference"
   }), r = jt(t, {
     altBoundary: !0
-  }), c = Wa(i, a), A = Wa(r, f, s), d = Ka(c), g = Ka(A);
+  }), A = Wa(i, a), c = Wa(r, f, s), d = Ka(A), g = Ka(c);
   t.modifiersData[n] = {
-    referenceClippingOffsets: c,
-    popperEscapeOffsets: A,
+    referenceClippingOffsets: A,
+    popperEscapeOffsets: c,
     isReferenceHidden: d,
     hasPopperEscaped: g
   }, t.attributes.popper = Object.assign({}, t.attributes.popper, {
@@ -16133,8 +16133,8 @@ function yc(e, t, n) {
 function vc(e) {
   var t = e.state, n = e.options, a = e.name, f = n.offset, s = f === void 0 ? [0, 0] : f, i = wf.reduce(function(d, g) {
     return d[g] = yc(g, t.rects, s), d;
-  }, {}), r = i[t.placement], c = r.x, A = r.y;
-  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += c, t.modifiersData.popperOffsets.y += A), t.modifiersData[a] = i;
+  }, {}), r = i[t.placement], A = r.x, c = r.y;
+  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += A, t.modifiersData.popperOffsets.y += c), t.modifiersData[a] = i;
 }
 var bc = {
   name: "offset",
@@ -16162,9 +16162,9 @@ function Ic(e) {
   return e === "x" ? "y" : "x";
 }
 function wc(e) {
-  var t = e.state, n = e.options, a = e.name, f = n.mainAxis, s = f === void 0 ? !0 : f, i = n.altAxis, r = i === void 0 ? !1 : i, c = n.boundary, A = n.rootBoundary, d = n.altBoundary, g = n.padding, m = n.tether, _ = m === void 0 ? !0 : m, v = n.tetherOffset, I = v === void 0 ? 0 : v, y = jt(t, {
-    boundary: c,
-    rootBoundary: A,
+  var t = e.state, n = e.options, a = e.name, f = n.mainAxis, s = f === void 0 ? !0 : f, i = n.altAxis, r = i === void 0 ? !1 : i, A = n.boundary, c = n.rootBoundary, d = n.altBoundary, g = n.padding, m = n.tether, _ = m === void 0 ? !0 : m, v = n.tetherOffset, I = v === void 0 ? 0 : v, y = jt(t, {
+    boundary: A,
+    rootBoundary: c,
     padding: g,
     altBoundary: d
   }), N = Ce(t.placement), j = it(t.placement), h = !j, w = ma(N), M = Ic(w), T = t.modifiersData.popperOffsets, S = t.rects.reference, U = t.rects.popper, V = typeof I == "function" ? I(Object.assign({}, t.rects, {
@@ -16219,13 +16219,13 @@ function Ec(e, t, n) {
   var a = Ie(t), f = Ie(t) && Tc(t), s = He(t), i = st(e, f), r = {
     scrollLeft: 0,
     scrollTop: 0
-  }, c = {
+  }, A = {
     x: 0,
     y: 0
   };
-  return (a || !a && !n) && ((ze(t) !== "body" || ya(s)) && (r = Dc(t)), Ie(t) ? (c = st(t, !0), c.x += t.clientLeft, c.y += t.clientTop) : s && (c.x = ha(s))), {
-    x: i.left + r.scrollLeft - c.x,
-    y: i.top + r.scrollTop - c.y,
+  return (a || !a && !n) && ((ze(t) !== "body" || ya(s)) && (r = Dc(t)), Ie(t) ? (A = st(t, !0), A.x += t.clientLeft, A.y += t.clientTop) : s && (A.x = ha(s))), {
+    x: i.left + r.scrollLeft - A.x,
+    y: i.top + r.scrollTop - A.y,
     width: i.width,
     height: i.height
   };
@@ -16240,8 +16240,8 @@ function jc(e) {
     var i = [].concat(s.requires || [], s.requiresIfExists || []);
     i.forEach(function(r) {
       if (!n.has(r)) {
-        var c = t.get(r);
-        c && f(c);
+        var A = t.get(r);
+        A && f(A);
       }
     }), a.push(s);
   }
@@ -16294,8 +16294,8 @@ function Ga() {
 function Cc(e) {
   e === void 0 && (e = {});
   var t = e, n = t.defaultModifiers, a = n === void 0 ? [] : n, f = t.defaultOptions, s = f === void 0 ? Ja : f;
-  return function(r, c, A) {
-    A === void 0 && (A = s);
+  return function(r, A, c) {
+    c === void 0 && (c = s);
     var d = {
       placement: "bottom",
       orderedModifiers: [],
@@ -16303,7 +16303,7 @@ function Cc(e) {
       modifiersData: {},
       elements: {
         reference: r,
-        popper: c
+        popper: A
       },
       attributes: {},
       styles: {}
@@ -16313,7 +16313,7 @@ function Cc(e) {
         var j = typeof N == "function" ? N(d.options) : N;
         I(), d.options = Object.assign({}, s, d.options, j), d.scrollParents = {
           reference: at(r) ? wt(r) : r.contextElement ? wt(r.contextElement) : [],
-          popper: wt(c)
+          popper: wt(A)
         };
         var h = xc(Sc([].concat(a, d.options.modifiers)));
         return d.orderedModifiers = h.filter(function(w) {
@@ -16355,10 +16355,10 @@ function Cc(e) {
         I(), m = !0;
       }
     };
-    if (!Ga(r, c))
+    if (!Ga(r, A))
       return _;
-    _.setOptions(A).then(function(y) {
-      !m && A.onFirstUpdate && A.onFirstUpdate(y);
+    _.setOptions(c).then(function(y) {
+      !m && c.onFirstUpdate && c.onFirstUpdate(y);
     });
     function v() {
       d.orderedModifiers.forEach(function(y) {
@@ -16396,18 +16396,18 @@ function Lc(e, t, n, a = []) {
       return;
     const i = [];
     e[s].forEach((r) => {
-      var c;
+      var A;
       if (r[En][0].includes(t.toLocaleLowerCase())) {
-        let A = r[bf];
+        let c = r[bf];
         if (n !== _n && Array.isArray(r[$t])) {
-          const d = ((c = r[$t]) == null ? void 0 : c.findIndex(
+          const d = ((A = r[$t]) == null ? void 0 : A.findIndex(
             (g) => g.includes(n)
           )) || -1;
-          d !== -1 && r[$t] && (A = r[$t][d]);
+          d !== -1 && r[$t] && (c = r[$t][d]);
         }
         return i.push({
           ...r,
-          [Tt]: A
+          [Tt]: c
         });
       }
     }), i.length && (f[s] = i);
@@ -16440,9 +16440,9 @@ const Uc = Y({
       e.search,
       e.skinTone,
       e.options.disabledGroups
-    )), s = $f(), i = $(() => !e.options.hideGroupNames), r = $(() => !e.options.disableStickyGroupNames), c = ff(e.options.groupNames), A = e.orderedGroupKeys;
+    )), s = $f(), i = $(() => !e.options.hideGroupNames), r = $(() => !e.options.disableStickyGroupNames), A = ff(e.options.groupNames), c = e.orderedGroupKeys;
     e.options.additionalGroups && Object.keys(e.options.additionalGroups).map((v) => {
-      e.options.groupNames[v] ? c[v] = e.options.groupNames[v] : c[v] = Cf(v);
+      e.options.groupNames[v] ? A[v] = e.options.groupNames[v] : A[v] = Cf(v);
     });
     const d = Sf() ? "is-mac" : "";
     function g(v) {
@@ -16482,8 +16482,8 @@ const Uc = Y({
       hasGroupNames: i,
       isSticky: r,
       platform: d,
-      groupNames: c,
-      orderedKeys: A
+      groupNames: A,
+      orderedKeys: c
     };
   }
 }), Bc = { class: "v3-body" }, Rc = ["id"], Qc = { class: "v3-emojis" }, $c = ["onMouseenter", "onClick"], Yc = { key: 0 }, Fc = ["src", "alt", "onError"], Pc = {
@@ -16511,14 +16511,14 @@ function qc(e, t, n, a, f, s) {
           (l(!0), u(F, null, ie(e.emojis[i], (r) => (l(), u("button", {
             key: r.r,
             type: "button",
-            onMouseenter: (c) => e.handleMouseEnter(r),
-            onClick: (c) => e.handleClick(r)
+            onMouseenter: (A) => e.handleMouseEnter(r),
+            onClick: (A) => e.handleClick(r)
           }, [
             e.native ? (l(), u("span", Yc, D(e.unicodeToEmoji(r.r)), 1)) : (l(), u("img", {
               key: 1,
               src: e.EMOJI_REMOTE_SRC + `/${r.r}.png`,
               alt: r.n[0],
-              onError: (c) => e.handleError(c, r.r)
+              onError: (A) => e.handleError(A, r.r)
             }, null, 40, Fc))
           ], 40, $c))), 128))
         ], 512), [
@@ -16534,10 +16534,10 @@ const nA = Y({
   setup(e) {
     const { state: t, updateSearch: n, updateActiveGroup: a } = Z("store"), f = $(() => !t.options.hideSearch), s = $(() => !t.options.hideGroupIcons), i = JSON.parse(JSON.stringify(t.orderedGroupKeys)), r = $(
       () => t.options.staticTexts.placeholder || ""
-    ), c = $({
+    ), A = $({
       get: () => t.search,
       set: (g) => n(g)
-    }), A = [
+    }), c = [
       ...t.groups,
       ...Object.keys(t.options.additionalGroups).map((g) => ({
         key: g,
@@ -16545,12 +16545,12 @@ const nA = Y({
       }))
     ], d = [];
     return i.forEach((g) => {
-      const m = A.findIndex((_) => _.key === g);
-      m !== -1 && (d.push(A[m]), A.splice(m, 1));
+      const m = c.findIndex((_) => _.key === g);
+      m !== -1 && (d.push(c[m]), c.splice(m, 1));
     }), {
       orderedGroups: d,
       orderedKeys: i,
-      searchValue: c,
+      searchValue: A,
       updateActiveGroup: a,
       hasSearch: f,
       hasGroupIcons: s,
@@ -16622,18 +16622,18 @@ const dA = Y({
   setup() {
     const { state: e, updateSkinTone: t } = Z("store"), n = b(!1), a = b(!1), f = $(() => e.skinTone), s = $(
       () => e.options.staticTexts.skinTone || "Skin tone"
-    ), i = $(() => !e.options.disableSkinTones), r = Sf() ? "is-mac" : "", c = $(() => ({
+    ), i = $(() => !e.options.disableSkinTones), r = Sf() ? "is-mac" : "", A = $(() => ({
       ...e.emoji,
       src: yf + "/" + e.emoji[Tt] + ".png"
     }));
-    function A(m = !0) {
+    function c(m = !0) {
       n.value = m;
     }
     function d() {
       n.value = !n.value;
     }
     function g(m) {
-      t(m), A(!1);
+      t(m), c(!1);
     }
     return ee(
       () => e.emoji,
@@ -16641,9 +16641,9 @@ const dA = Y({
         a.value = !1;
       }
     ), {
-      emoji: c,
+      emoji: A,
       SKIN_TONES: sr,
-      updateSkinToneState: A,
+      updateSkinToneState: c,
       skinTone: n,
       stateSkinTone: f,
       selectSkinTone: g,
@@ -16741,18 +16741,18 @@ const _A = Y({
   },
   setup(e, { emit: t }) {
     const n = b(), a = b(), f = b(), s = b(!1), i = b(e.text), r = e.type === "input" || e.type === "textarea";
-    let c = -1;
-    const { state: A } = Z("store"), d = $(() => A.options.colorTheme);
+    let A = -1;
+    const { state: c } = Z("store"), d = $(() => c.options.colorTheme);
     function g(y) {
       if (r) {
-        const N = A.options.mode;
-        N === "prepend" ? i.value = y.i + i.value : N === "insert" && c !== -1 ? (i.value = `${i.value.slice(0, c)}${y.i}${i.value.slice(c)}`, c += y.i.length) : i.value += y.i, t("update:text", i.value);
+        const N = c.options.mode;
+        N === "prepend" ? i.value = y.i + i.value : N === "insert" && A !== -1 ? (i.value = `${i.value.slice(0, A)}${y.i}${i.value.slice(A)}`, A += y.i.length) : i.value += y.i, t("update:text", i.value);
       }
       t("select", y);
     }
     function m() {
       var y;
-      n.value && (c = ((y = n.value) == null ? void 0 : y.selectionEnd) || -1);
+      n.value && (A = ((y = n.value) == null ? void 0 : y.selectionEnd) || -1);
     }
     function _(y) {
       var N;
@@ -16762,7 +16762,7 @@ const _A = Y({
     }
     function v() {
       if (a.value && f.value && r) {
-        let y = A.options.offset;
+        let y = c.options.offset;
         typeof y != "number" && (y = 6), zc(a.value, f.value, {
           placement: "bottom-end",
           modifiers: [
@@ -16802,7 +16802,7 @@ const _A = Y({
   class: "v3-input-emoji-picker"
 }, wA = { class: "v3-input-picker-root" }, kA = ["value"], NA = ["value"], DA = ["src"];
 function TA(e, t, n, a, f, s) {
-  const i = Ft("Header"), r = Ft("Body"), c = Ft("Footer");
+  const i = Ft("Header"), r = Ft("Body"), A = Ft("Footer");
   return e.isInputType ? (l(), u("div", IA, [
     o("div", wA, [
       e.type === "input" ? (l(), u("input", {
@@ -16811,15 +16811,15 @@ function TA(e, t, n, a, f, s) {
         value: e.input,
         type: "text",
         class: "v3-emoji-picker-input",
-        onInput: t[0] || (t[0] = (...A) => e.onChangeText && e.onChangeText(...A)),
-        onBlur: t[1] || (t[1] = (...A) => e.updateCursor && e.updateCursor(...A))
+        onInput: t[0] || (t[0] = (...c) => e.onChangeText && e.onChangeText(...c)),
+        onBlur: t[1] || (t[1] = (...c) => e.updateCursor && e.updateCursor(...c))
       }, null, 40, kA)) : (l(), u("textarea", {
         key: 1,
         ref: "elem",
         value: e.input,
         class: "v3-emoji-picker-textarea",
-        onInput: t[2] || (t[2] = (...A) => e.onChangeText && e.onChangeText(...A)),
-        onBlur: t[3] || (t[3] = (...A) => e.updateCursor && e.updateCursor(...A))
+        onInput: t[2] || (t[2] = (...c) => e.onChangeText && e.onChangeText(...c)),
+        onBlur: t[3] || (t[3] = (...c) => e.updateCursor && e.updateCursor(...c))
       }, null, 40, NA)),
       o("div", {
         class: x(["v3-input-picker-wrap", e.open ? "v3-picker-is-open" : ""])
@@ -16828,7 +16828,7 @@ function TA(e, t, n, a, f, s) {
           ref: "button",
           type: "button",
           class: "v3-input-picker-icon",
-          onClick: t[4] || (t[4] = (A) => e.open = !e.open)
+          onClick: t[4] || (t[4] = (c) => e.open = !e.open)
         }, [
           o("img", {
             src: e.face,
@@ -16841,7 +16841,7 @@ function TA(e, t, n, a, f, s) {
         }, [
           H(i),
           H(r, { onSelect: e.onSelect }, null, 8, ["onSelect"]),
-          H(c)
+          H(A)
         ], 2)
       ], 2)
     ])
@@ -16851,7 +16851,7 @@ function TA(e, t, n, a, f, s) {
   }, [
     H(i),
     H(r, { onSelect: e.onSelect }, null, 8, ["onSelect"]),
-    H(c)
+    H(A)
   ], 2));
 }
 var EA = /* @__PURE__ */ Ct(_A, [["render", TA]]);
@@ -16992,12 +16992,12 @@ const SA = {
     }
   },
   setup(e) {
-    const t = e, n = b(null), a = b("light"), f = b(null), s = Z("chatAppId"), { setMessageText: i, getMessage: r } = Ne(s), c = () => document.getElementById(s).attributes["data-theme"].nodeValue.indexOf("dark") != -1 ? "dark" : "light", A = (v) => {
+    const t = e, n = b(null), a = b("light"), f = b(null), s = Z("chatAppId"), { setMessageText: i, getMessage: r } = Ne(s), A = () => document.getElementById(s).attributes["data-theme"].nodeValue.indexOf("dark") != -1 ? "dark" : "light", c = (v) => {
       i(r().text + v.i);
     }, d = () => {
-      t.mode == "click" && t.state == "active" && (n.value.style.display = "inherit", a.value = c());
+      t.mode == "click" && t.state == "active" && (n.value.style.display = "inherit", a.value = A());
     }, g = () => {
-      t.mode == "hover" && t.state == "active" && (n.value.style.display = "inherit", a.value = c());
+      t.mode == "hover" && t.state == "active" && (n.value.style.display = "inherit", a.value = A());
     }, m = () => {
       t.mode == "hover" && t.state == "active" && (n.value.style.display = "none");
     }, _ = (v) => {
@@ -17032,7 +17032,7 @@ const SA = {
               native: !0,
               theme: a.value,
               "picker-type": "",
-              onSelect: A
+              onSelect: c
             }, null, 8, ["theme"])
           ], 544), [
             [De, t.state === "active"]
@@ -17061,10 +17061,10 @@ const SA = {
     };
     return (s, i) => (l(), u("div", CA, [
       o("ul", OA, [
-        (l(!0), u(F, null, ie(n.actions, (r, c) => (l(), u("li", {
-          key: c,
+        (l(!0), u(F, null, ie(n.actions, (r, A) => (l(), u("li", {
+          key: A,
           class: "context-menu__item",
-          onClick: (A) => f(c)
+          onClick: (c) => f(A)
         }, [
           r.icon ? (l(), u("img", {
             key: 0,
@@ -17111,14 +17111,14 @@ const YA = { class: "feed-search__container" }, FA = { style: { "line-height": "
   },
   emits: ["search", "cancel", "switch"],
   setup(e, { emit: t }) {
-    const n = Z("chatAppId"), { getModel: a } = QA(n), f = t, s = e, i = b(), r = $A("", 500), c = $(() => s.isFeedLocation ? "40px" : (s.isFeedLocation, "20px"));
+    const n = Z("chatAppId"), { getModel: a } = QA(n), f = t, s = e, i = b(), r = $A("", 500), A = $(() => s.isFeedLocation ? "40px" : (s.isFeedLocation, "20px"));
     ee(
       () => [a().text, r.value],
       () => {
         r.value == a().text ? f("search", a().text) : r.value = a().text;
       }
     );
-    const A = () => {
+    const c = () => {
       const d = k(i);
       d && (d.value = ""), a().text = "", f("cancel");
     };
@@ -17141,8 +17141,8 @@ const YA = { class: "feed-search__container" }, FA = { style: { "line-height": "
           ]),
           o("i", {
             class: "pi pi-times",
-            style: ce({ right: c.value }),
-            onClick: A
+            style: ce({ right: A.value }),
+            onClick: c
           }, null, 4),
           e.isFeedLocation ? (l(), u("span", {
             key: 0,
@@ -17236,20 +17236,20 @@ const YA = { class: "feed-search__container" }, FA = { style: { "line-height": "
   },
   emits: ["clickedSearch", "loadMore"],
   setup(e, { emit: t }) {
-    const n = t, a = e, f = b(), s = b(null), i = $(() => a.notFound ? _e("component.FeedFoundObjects.notFound") : a.notFound ? "" : _e("component.FeedFoundObjects.notSearched")), r = (A) => {
-      A.messageId && (n("clickedSearch", A.messageId), s.value = A);
-    }, c = () => {
-      const A = k(f);
-      A.scrollHeight - A.scrollTop - A.clientHeight <= 0 && n("loadMore");
+    const n = t, a = e, f = b(), s = b(null), i = $(() => a.notFound ? _e("component.FeedFoundObjects.notFound") : a.notFound ? "" : _e("component.FeedFoundObjects.notSearched")), r = (c) => {
+      c.messageId && (n("clickedSearch", c.messageId), s.value = c);
+    }, A = () => {
+      const c = k(f);
+      c.scrollHeight - c.scrollTop - c.clientHeight <= 0 && n("loadMore");
     };
-    return (A, d) => (l(), u(F, null, [
+    return (c, d) => (l(), u(F, null, [
       o("h3", fu, D(k(_e)("component.FeedFoundObjects.results")) + ": " + D(e.foundAmount), 1),
       e.foundAmount > 0 ? (l(), u("div", {
         key: 0,
         ref_key: "refItems",
         ref: f,
         class: "feed-found-objects__items",
-        onScroll: c
+        onScroll: A
       }, [
         (l(!0), u(F, null, ie(e.objects, (g) => (l(), u("div", {
           key: g.messageId,
@@ -17281,14 +17281,14 @@ const YA = { class: "feed-search__container" }, FA = { style: { "line-height": "
     }
   },
   setup(e) {
-    const t = Z("chatAppId"), { getMessage: n, setMessageFile: a, resetMessageFile: f, setRecordingMessage: s } = Ne(t), i = b(), r = b(0), c = b(0), A = b(0), d = b(0), g = $(() => {
-      let U = d.value < 10 ? "0" + d.value : d.value, V = A.value < 10 ? "0" + A.value : A.value, Q = c.value < 10 ? "0" + c.value : c.value, G = r.value < 10 ? "00" + r.value : r.value < 100 ? "0" + r.value : r.value;
+    const t = Z("chatAppId"), { getMessage: n, setMessageFile: a, resetMessageFile: f, setRecordingMessage: s } = Ne(t), i = b(), r = b(0), A = b(0), c = b(0), d = b(0), g = $(() => {
+      let U = d.value < 10 ? "0" + d.value : d.value, V = c.value < 10 ? "0" + c.value : c.value, Q = A.value < 10 ? "0" + A.value : A.value, G = r.value < 10 ? "00" + r.value : r.value < 100 ? "0" + r.value : r.value;
       return U + ":" + V + ":" + Q + ":" + G;
     }), m = b(""), _ = b(!1), v = b(), I = b([]), y = b(), N = b(), j = e, h = async () => {
       if (!n().file && j.state == "active") {
         const U = await navigator.mediaDevices.getUserMedia({ audio: !0, video: !1 });
         i.value = setInterval(() => {
-          r.value += 10, r.value == 1e3 && (r.value = 0, c.value++, c.value == 60 && (c.value = 0, A.value++, A.value == 60 && (A.value = 0, d.value++)));
+          r.value += 10, r.value == 1e3 && (r.value = 0, A.value++, A.value == 60 && (A.value = 0, c.value++, c.value == 60 && (c.value = 0, d.value++)));
         }, 10), s(!0), _.value = !0, v.value = new MediaRecorder(U), v.value.start(), v.value.ondataavailable = (V) => {
           I.value.push(V.data);
         };
@@ -17318,7 +17318,7 @@ const YA = { class: "feed-search__container" }, FA = { style: { "line-height": "
         });
       }), T();
     }, T = () => {
-      clearInterval(i.value), r.value = 0, c.value = 0, A.value = 0, d.value = 0, s(!1), _.value = !1, v.value = void 0, I.value = [];
+      clearInterval(i.value), r.value = 0, A.value = 0, c.value = 0, d.value = 0, s(!1), _.value = !1, v.value = void 0, I.value = [];
     }, S = () => {
       const U = document.getElementById("chat-input-file-line-" + t);
       U && (U.style.display = "none"), f(), N.value = void 0;
@@ -17374,9 +17374,9 @@ function Ot({ component: e, attrs: t, Modal: n, modalAttrs: a }) {
     document.body.appendChild(s);
     const i = b({}), r = () => {
       g.unmount(), document.body.removeChild(s);
-    }, c = () => {
+    }, A = () => {
       r(), f(i.value);
-    }, A = (m) => {
+    }, c = (m) => {
       Object.keys(m).forEach((_) => {
         i.value[_] = m[_];
       });
@@ -17387,15 +17387,15 @@ function Ot({ component: e, attrs: t, Modal: n, modalAttrs: a }) {
           {
             ...a,
             onClose: r,
-            onSubmit: c
+            onSubmit: A
           },
           {
             default: () => ja(
               Pf(() => e),
               {
                 ...t,
-                onChange: A,
-                onSubmit: c,
+                onChange: c,
+                onSubmit: A,
                 onClose: r
               }
             )
@@ -17464,7 +17464,7 @@ const du = ["data-theme"], gu = {
 }, va = /* @__PURE__ */ R(hu, [["__scopeId", "data-v-bfa49925"]]), p0 = async (e, t, n) => {
   const a = await Ot({
     //в component должен быть встроен emit change(key: value)
-    component: import("./SelectUser2-DMq8u9iB.js"),
+    component: import("./SelectUser2-DYJ0yEGm.js"),
     attrs: {
       title: e,
       users: t
@@ -17536,7 +17536,7 @@ const du = ["data-theme"], gu = {
   }
 }, Of = /* @__PURE__ */ R(bu, [["__scopeId", "data-v-2d8b60f8"]]), v0 = async (e, t, n, a, f, s) => await Ot({
   //в component должен быть встроен emit change(key: value)
-  component: import("./CreateDialog-CkWwgw3m.js"),
+  component: import("./CreateDialog-DsVGYOi0.js"),
   attrs: {
     title: e,
     name: t,
@@ -17550,7 +17550,7 @@ const du = ["data-theme"], gu = {
   }
 }), Mu = async (e) => await Ot({
   //в component должен быть встроен emit change(key: value)
-  component: import("./ModalVideoRecorder-Cu9AcI5s.js"),
+  component: import("./ModalVideoRecorder-acwLeo-_.js"),
   attrs: {},
   Modal: Of,
   modalAttrs: {
@@ -17575,11 +17575,11 @@ const du = ["data-theme"], gu = {
     }
   },
   setup(e) {
-    const t = Z("chatAppId"), { getMessage: n, setMessageFile: a, setRecordingMessage: f, resetMessageFile: s } = Ne(t), { getTheme: i } = Ee(t), r = b(""), c = b(), A = e, d = async () => {
-      if (!n().file && A.state == "active") {
+    const t = Z("chatAppId"), { getMessage: n, setMessageFile: a, setRecordingMessage: f, resetMessageFile: s } = Ne(t), { getTheme: i } = Ee(t), r = b(""), A = b(), c = e, d = async () => {
+      if (!n().file && c.state == "active") {
         const m = i().theme ? i().theme : "";
         await Mu(m).then(async (_) => {
-          _.videoFile && (r.value = "uploading", f(!0), await Tn(A.filebumpUrl, _.videoFile).then((v) => {
+          _.videoFile && (r.value = "uploading", f(!0), await Tn(c.filebumpUrl, _.videoFile).then((v) => {
             if (f(!1), r.value = v.status, v.status == "success") {
               a({
                 url: v.url,
@@ -17588,7 +17588,7 @@ const du = ["data-theme"], gu = {
                 type: v.type
               });
               const I = document.getElementById("chat-input-file-line-" + t);
-              I && (I.style.display = "inherit"), v.preview && (c.value = {
+              I && (I.style.display = "inherit"), v.preview && (A.value = {
                 previewUrl: v.preview.previewUrl,
                 isImage: v.preview.isImage,
                 isVideo: v.preview.isVideo,
@@ -17603,12 +17603,12 @@ const du = ["data-theme"], gu = {
     }, g = () => {
       s();
       const m = document.getElementById("chat-input-file-line-" + t);
-      m && (m.style.display = "none"), c.value = void 0;
+      m && (m.style.display = "none"), A.value = void 0;
     };
     return ee(
       () => n().file,
       () => {
-        n().file || (c.value = void 0);
+        n().file || (A.value = void 0);
       }
     ), (m, _) => (l(), u(F, null, [
       k(n)().isRecording ? p("", !0) : (l(), u("div", _u, [
@@ -17627,9 +17627,9 @@ const du = ["data-theme"], gu = {
         key: 2,
         to: "#chat-input-file-line-" + k(t)
       }, [
-        c.value ? (l(), L(Dn, {
+        A.value ? (l(), L(Dn, {
           key: 0,
-          "file-info": c.value,
+          "file-info": A.value,
           onReset: g
         }, null, 8, ["file-info"])) : p("", !0)
       ], 8, ["to"])) : p("", !0)
@@ -17655,21 +17655,21 @@ const du = ["data-theme"], gu = {
   },
   emits: ["send"],
   setup(e, { emit: t }) {
-    const n = e, a = t, f = Z("chatAppId"), { getMessage: s } = Ne(f), i = ef("refBCM"), r = (c) => {
-      console.log(c);
-      const A = {
+    const n = e, a = t, f = Z("chatAppId"), { getMessage: s } = Ne(f), i = ef("refBCM"), r = (A) => {
+      console.log(A);
+      const c = {
         type: "message.command",
-        text: c.action
+        text: A.action
       };
-      a("send", A);
+      a("send", c);
     };
     return ee(
       () => s().text,
       () => {
-        var c, A;
-        n.commands && (s().text.startsWith("/") ? (c = i.value) == null || c.updatePosition() : (A = i.value) == null || A.hideMenu());
+        var A, c;
+        n.commands && (s().text.startsWith("/") ? (A = i.value) == null || A.updatePosition() : (c = i.value) == null || c.hideMenu());
       }
-    ), (c, A) => (l(), L(se, null, {
+    ), (A, c) => (l(), L(se, null, {
       default: W(() => [
         e.commands ? (l(), L(Nn, {
           key: 0,
@@ -17766,17 +17766,17 @@ const du = ["data-theme"], gu = {
       "message.video": "grid",
       "message.call": "grid"
     })[r];
-    return (r, c) => {
-      var A, d;
+    return (r, A) => {
+      var c, d;
       return l(), u("div", {
-        class: x(["reply__container", i((A = e.message) == null ? void 0 : A.type)]),
+        class: x(["reply__container", i((c = e.message) == null ? void 0 : c.type)]),
         onClick: f
       }, [
         (l(), L(tf(s((d = e.message) == null ? void 0 : d.type)), { message: e.message }, null, 8, ["message"])),
         o("div", zu, [
           o("span", {
             class: "pi pi-times",
-            onClick: c[0] || (c[0] = (g) => n("reset"))
+            onClick: A[0] || (A[0] = (g) => n("reset"))
           })
         ])
       ], 2);
@@ -17877,10 +17877,10 @@ const du = ["data-theme"], gu = {
     const r = (I) => {
       a("reply", I);
     };
-    function c(I) {
+    function A(I) {
       I.preventDefault(), I.target.href && window.open(I.target.href, "_blank");
     }
-    const A = () => {
+    const c = () => {
       a("action", { messageId: n.message.messageId, type: "views" });
     }, d = () => {
     }, g = () => {
@@ -17933,7 +17933,7 @@ const du = ["data-theme"], gu = {
         ], 8, Zu),
         e.message.text ? (l(), u("div", ed, [
           o("p", {
-            onClick: c,
+            onClick: A,
             innerHTML: i.value
           }, null, 8, td)
         ])) : p("", !0),
@@ -17951,7 +17951,7 @@ const du = ["data-theme"], gu = {
           e.message.views ? (l(), u("div", {
             key: 0,
             class: "file-message__views",
-            onClick: A
+            onClick: c
           }, [
             y[3] || (y[3] = o("span", { class: "pi pi-eye" }, null, -1)),
             o("p", null, D(e.message.views), 1)
@@ -18012,7 +18012,7 @@ const du = ["data-theme"], gu = {
   },
   emits: ["action", "reply"],
   setup(e, { emit: t }) {
-    const n = Z("chatAppId"), { getTheme: a } = Ee(n), f = e, s = t, i = b(!1), r = b(!1), c = b(!1), A = b(!1), d = b("");
+    const n = Z("chatAppId"), { getTheme: a } = Ee(n), f = e, s = t, i = b(!1), r = b(!1), A = b(!1), c = b(!1), d = b("");
     ee(
       () => f.message.text,
       () => {
@@ -18030,9 +18030,9 @@ const du = ["data-theme"], gu = {
       s("action", { messageId: f.message.messageId, type: "views" });
     }, v = () => {
     }, I = () => {
-      c.value = !0, A.value = !0;
+      A.value = !0, c.value = !0;
     }, y = () => {
-      c.value = !1, r.value = !1;
+      A.value = !1, r.value = !1;
     }, N = $(() => f.message.reply && f.message.text ? "0" : f.message.text ? "8px 8px 0 0" : f.message.reply ? "0 0 8px 8px" : "8px"), j = $(() => rt(f.message.status));
     function h(M) {
       return M.position === "left" ? "image-message__left" : "image-message__right";
@@ -18066,7 +18066,7 @@ const du = ["data-theme"], gu = {
           class: "image-message__preview-button",
           onClick: T[0] || (T[0] = (S) => i.value = !0),
           onMouseenter: I,
-          onMouseleave: T[1] || (T[1] = (S) => A.value = !A.value)
+          onMouseleave: T[1] || (T[1] = (S) => c.value = !c.value)
         }, [
           o("img", {
             class: "image-message__preview-image",
@@ -18076,7 +18076,7 @@ const du = ["data-theme"], gu = {
           }, null, 12, Ad),
           H(se, { name: "modal-fade" }, {
             default: W(() => [
-              A.value ? (l(), u("div", ud, [
+              c.value ? (l(), u("div", ud, [
                 e.message.views ? (l(), u("div", {
                   key: 0,
                   class: "image-message__views",
@@ -18099,7 +18099,7 @@ const du = ["data-theme"], gu = {
           }),
           H(se, { name: "modal-fade" }, {
             default: W(() => [
-              A.value ? (l(), u("a", {
+              c.value ? (l(), u("a", {
                 key: 0,
                 class: "image-message__download-button",
                 href: e.message.url,
@@ -18115,7 +18115,7 @@ const du = ["data-theme"], gu = {
         ], 32),
         H(se, { name: "modal-fade" }, {
           default: W(() => [
-            c.value && e.message.actions ? (l(), u("button", {
+            A.value && e.message.actions ? (l(), u("button", {
               key: 0,
               class: "image-message__menu-button",
               onClick: T[2] || (T[2] = (S) => r.value = !r.value)
@@ -18210,10 +18210,10 @@ const du = ["data-theme"], gu = {
     const r = (I) => {
       a("reply", I);
     };
-    function c(I) {
+    function A(I) {
       I.preventDefault(), I.target.href && window.open(I.target.href, "_blank");
     }
-    const A = () => {
+    const c = () => {
       s.value = !0;
     }, d = () => {
       s.value = !1, f.value = !1;
@@ -18244,7 +18244,7 @@ const du = ["data-theme"], gu = {
       e.message.subText ? (l(), u("p", Id, D(e.message.subText), 1)) : p("", !0),
       o("div", {
         class: "text-message__content",
-        onMouseenter: A
+        onMouseenter: c
       }, [
         e.message.reply ? (l(), L(At, {
           key: 0,
@@ -18254,7 +18254,7 @@ const du = ["data-theme"], gu = {
         }, null, 8, ["class", "message"])) : p("", !0),
         o("p", {
           class: "text-message__text",
-          onClick: c,
+          onClick: A,
           innerHTML: i.value
         }, null, 8, wd),
         e.message.linkPreview ? (l(), L(zt, {
@@ -18356,8 +18356,8 @@ const du = ["data-theme"], gu = {
     ]), i = (O) => {
       for (let z of s.value)
         z.selected = !1;
-      s.value[O].selected = !0, c.value && (c.value.playbackRate = s.value[O].speed);
-    }, r = t, c = b(), A = b(!1), d = b(0), g = b(0), m = b(!1), _ = b(!1), v = b(!1), I = $(() => f.message.text ? Te(f.message.text) : ""), y = (O) => {
+      s.value[O].selected = !0, A.value && (A.value.playbackRate = s.value[O].speed);
+    }, r = t, A = b(), c = b(!1), d = b(0), g = b(0), m = b(!1), _ = b(!1), v = b(!1), I = $(() => f.message.text ? Te(f.message.text) : ""), y = (O) => {
       r("reply", O);
     };
     function N(O) {
@@ -18372,29 +18372,29 @@ const du = ["data-theme"], gu = {
     }, M = () => {
     }, T = $(() => rt(f.message.status));
     function S() {
-      c.value && (A.value ? c.value.pause() : c.value.play(), A.value = !A.value);
+      A.value && (c.value ? A.value.pause() : A.value.play(), c.value = !c.value);
     }
     const U = (O) => {
       const z = Math.floor(O / 60), X = Math.floor(O % 60);
       return `${z.toString().padStart(2, "0")}:${X.toString().padStart(2, "0")}`;
-    }, V = $(() => c.value ? U(g.value) : "0:00");
+    }, V = $(() => A.value ? U(g.value) : "0:00");
     ee(
       () => g.value,
       () => {
-        c.value && (c.value.duration != 1 / 0 && !Number.isNaN(c.value.duration) && (c.value.currentTime = g.value), g.value == d.value && (A.value = !1));
+        A.value && (A.value.duration != 1 / 0 && !Number.isNaN(A.value.duration) && (A.value.currentTime = g.value), g.value == d.value && (c.value = !1));
       }
     );
-    const Q = $(() => c.value ? U(d.value) : "0:00");
+    const Q = $(() => A.value ? U(d.value) : "0:00");
     function G(O) {
       return O.position === "left" ? "audio-message__left" : "audio-message__right";
     }
     return ue(() => {
-      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, d.value = c.value.duration);
-        }, { once: !0 })), d.value = c.value != null ? c.value.duration : 0;
-      }), c.value.addEventListener("timeupdate", () => {
-        g.value = c.value != null ? c.value.currentTime : 0;
+      A.value != null && (A.value.addEventListener("loadedmetadata", () => {
+        A.value != null && (A.value.duration == 1 / 0 || Number.isNaN(A.value.duration)) && (A.value.currentTime = 1e101, A.value.addEventListener("timeupdate", () => {
+          A.value && (A.value.currentTime = 0, d.value = A.value.duration);
+        }, { once: !0 })), d.value = A.value != null ? A.value.duration : 0;
+      }), A.value.addEventListener("timeupdate", () => {
+        g.value = A.value != null ? A.value.currentTime : 0;
       }));
     }), (O, z) => {
       var X;
@@ -18429,7 +18429,7 @@ const du = ["data-theme"], gu = {
           o("div", Sd, [
             o("audio", {
               ref_key: "player",
-              ref: c,
+              ref: A,
               src: e.message.url,
               type: "audio/webm"
             }, null, 8, Cd),
@@ -18439,7 +18439,7 @@ const du = ["data-theme"], gu = {
             }, z[4] || (z[4] = [
               o("span", { class: "pi pi-play" }, null, -1)
             ]), 512), [
-              [De, !A.value]
+              [De, !c.value]
             ]),
             re(o("button", {
               class: "audio-message__pause",
@@ -18447,7 +18447,7 @@ const du = ["data-theme"], gu = {
             }, z[5] || (z[5] = [
               o("span", { class: "pi pi-pause" }, null, -1)
             ]), 512), [
-              [De, A.value]
+              [De, c.value]
             ]),
             re(o("input", {
               "onUpdate:modelValue": z[0] || (z[0] = (ae) => g.value = ae),
@@ -18615,7 +18615,7 @@ const du = ["data-theme"], gu = {
     function r(U) {
       return U.position === "left" ? "video-message__left" : "video-message__right";
     }
-    const c = b(), A = b(), d = b(!1), g = b(!1), m = b(!1), _ = b(!1), v = b("");
+    const A = b(), c = b(), d = b(!1), g = b(!1), m = b(!1), _ = b(!1), v = b("");
     ee(
       () => f.message.text,
       () => {
@@ -18634,9 +18634,9 @@ const du = ["data-theme"], gu = {
     }, h = () => {
       m.value = !1, g.value = !1;
     }, w = $(() => rt(f.message.status)), M = () => {
-      A.value && (A.value.currentTime = 0, A.value.play());
+      c.value && (c.value.currentTime = 0, c.value.play());
     };
-    ee([c, A], ([U, V]) => {
+    ee([A, c], ([U, V]) => {
       U ? V && (V.pause(), V.currentTime = 0) : V && (V.play(), V.currentTime = 0);
     });
     const T = $(() => f.message.reply && f.message.text ? "0" : f.message.text ? "8px 8px 0 0" : f.message.reply ? "0 0 8px 8px" : "8px"), S = () => d.value = !1;
@@ -18673,7 +18673,7 @@ const du = ["data-theme"], gu = {
           }, [
             o("video", {
               ref_key: "previewPlayer",
-              ref: A,
+              ref: c,
               class: "video-message__video",
               style: ce({ borderRadius: T.value }),
               src: e.message.url,
@@ -18772,7 +18772,7 @@ const du = ["data-theme"], gu = {
               default: W(() => [
                 o("video", {
                   ref_key: "player",
-                  ref: c,
+                  ref: A,
                   class: "video-message__modal-video",
                   src: e.message.url,
                   alt: e.message.alt,
@@ -18824,18 +18824,18 @@ const du = ["data-theme"], gu = {
       message: "message"
     };
     function s(i, r) {
-      const c = i.position;
+      const A = i.position;
       switch (r) {
         case "textDialog":
-          return c === "left" ? "call-message__text-dialog-left" : "call-message__text-dialog-right";
+          return A === "left" ? "call-message__text-dialog-left" : "call-message__text-dialog-right";
         case "message":
-          return c === "left" ? "call-message__left" : "call-message__right";
+          return A === "left" ? "call-message__left" : "call-message__right";
         default:
           return "";
       }
     }
     return (i, r) => {
-      var c;
+      var A;
       return l(), u("div", {
         class: x([
           s(e.message, f.message),
@@ -18861,17 +18861,17 @@ const du = ["data-theme"], gu = {
           o("div", k1, [
             o("span", N1, D(e.message.time), 1)
           ]),
-          (c = e.message.transcript) != null && c.dialog ? (l(), u("button", {
+          (A = e.message.transcript) != null && A.dialog ? (l(), u("button", {
             key: 5,
             class: "call-message__download-button",
-            onClick: r[0] || (r[0] = (A) => a.value = !a.value)
+            onClick: r[0] || (r[0] = (c) => a.value = !a.value)
           }, r[2] || (r[2] = [
             o("span", { class: "pi pi-arrow-up-right" }, null, -1)
           ]))) : p("", !0),
           (l(), L(ve, { to: "body" }, [
             H(se, { name: "modal-fade" }, {
               default: W(() => {
-                var A;
+                var c;
                 return [
                   a.value ? (l(), u("div", {
                     key: 0,
@@ -18887,7 +18887,7 @@ const du = ["data-theme"], gu = {
                           o("i", { class: "pi pi-times" })
                         ], -1)
                       ])),
-                      (l(!0), u(F, null, ie((A = e.message.transcript) == null ? void 0 : A.dialog, (d) => (l(), u("div", {
+                      (l(!0), u(F, null, ie((c = e.message.transcript) == null ? void 0 : c.dialog, (d) => (l(), u("div", {
                         key: d.time,
                         class: x(s(d, f.textDialog))
                       }, [
@@ -18991,14 +18991,14 @@ const du = ["data-theme"], gu = {
       },
       { immediate: !0 }
     );
-    function i(c) {
-      c.preventDefault(), c.target.href && window.open(c.target.href, "_blank");
+    function i(A) {
+      A.preventDefault(), A.target.href && window.open(A.target.href, "_blank");
     }
     const r = () => f.value = !1;
-    return (c, A) => (l(), u(F, null, [
+    return (A, c) => (l(), u(F, null, [
       o("div", {
         class: "image-message__preview-button",
-        onClick: A[0] || (A[0] = (d) => f.value = !0)
+        onClick: c[0] || (c[0] = (d) => f.value = !0)
       }, [
         o("img", {
           class: "image-message__preview-image",
@@ -19008,7 +19008,7 @@ const du = ["data-theme"], gu = {
       ]),
       o("div", P1, [
         e.message.header ? (l(), u("p", q1, D(e.message.header), 1)) : p("", !0),
-        A[1] || (A[1] = o("div", { class: "image-message__reply-description" }, [
+        c[1] || (c[1] = o("div", { class: "image-message__reply-description" }, [
           o("span", { class: "pi pi-camera" }),
           o("p", null, "Фотография")
         ], -1)),
@@ -19100,11 +19100,11 @@ const du = ["data-theme"], gu = {
       },
       { immediate: !0 }
     );
-    function r(A) {
-      A.preventDefault(), A.target.href && window.open(A.target.href, "_blank");
+    function r(c) {
+      c.preventDefault(), c.target.href && window.open(c.target.href, "_blank");
     }
-    const c = () => s.value = !1;
-    return (A, d) => (l(), u(F, null, [
+    const A = () => s.value = !1;
+    return (c, d) => (l(), u(F, null, [
       o("div", {
         class: "video-message__preview-button",
         onClick: d[0] || (d[0] = (g) => s.value = !0)
@@ -19134,7 +19134,7 @@ const du = ["data-theme"], gu = {
             s.value ? (l(), L(xt, {
               key: 0,
               "data-theme": k(n)().theme ? k(n)().theme : "light",
-              onClose: c
+              onClose: A
             }, {
               default: W(() => [
                 o("video", {
@@ -19259,13 +19259,13 @@ const du = ["data-theme"], gu = {
   },
   emits: ["close-window", "get-size"],
   setup(e, { emit: t }) {
-    const n = e, a = b({ x: 0, y: 0 }), f = b(null), s = b(null), i = b(!1), r = b(0), c = b(0), A = b(0), d = ta();
+    const n = e, a = b({ x: 0, y: 0 }), f = b(null), s = b(null), i = b(!1), r = b(0), A = b(0), c = b(0), d = ta();
     et("chatAppId", d), et("extChatAppId", n.extChatAppId ? n.extChatAppId : "");
     const g = (v) => {
-      i.value = !0, r.value = v.clientX - f.value.offsetLeft, c.value = v.clientY - f.value.offsetTop;
+      i.value = !0, r.value = v.clientX - f.value.offsetLeft, A.value = v.clientY - f.value.offsetTop;
     }, m = () => i.value = !1, _ = (v) => {
       if (i.value) {
-        const I = v.clientX - r.value, y = v.clientY - c.value;
+        const I = v.clientX - r.value, y = v.clientY - A.value;
         a.value.x = I, a.value.y = y;
       }
     };
@@ -19284,7 +19284,7 @@ const du = ["data-theme"], gu = {
             window.innerHeight - f.value.offsetHeight
           )
         ));
-      }), A.value = f.value.offsetHeight - s.value.offsetHeight;
+      }), c.value = f.value.offsetHeight - s.value.offsetHeight;
     }), (v, I) => (l(), u("div", {
       id: k(d),
       ref_key: "element",
@@ -19327,7 +19327,7 @@ const du = ["data-theme"], gu = {
         ], 544),
         o("div", {
           class: "float-window__content",
-          style: ce({ height: A.value + "px" })
+          style: ce({ height: c.value + "px" })
         }, [
           ne(v.$slots, "default")
         ], 4)