@mobilon-dev/chotto 0.0.16 → 0.0.17

package/dist/vuessages.es.js

@@ -1,4 +1,4 @@
-import { openBlock as r, createElementBlock as g, createElementVNode as u, Fragment as B, renderList as F, toDisplayString as N, ref as v, computed as E, normalizeClass as T, normalizeStyle as J, createCommentVNode as y, createTextVNode as mA, createVNode as z, Transition as $, withCtx as X, createBlock as Q, Teleport as MA, onMounted as Pf, withDirectives as ff, vShow as df, defineComponent as xf, inject as Zf, getCurrentInstance as pA, toRaw as Fe, watch as Hf, onBeforeUnmount as hA, provide as bA, reactive as yA, readonly as vA, vModelText as re, resolveComponent as qf, onUnmounted as IA, withModifiers as NA, mergeModels as Ee, useModel as wA, unref as _f, withKeys as DA, onUpdated as _A, resolveDynamicComponent as kA, nextTick as Je, vModelCheckbox as jA, renderSlot as VA } from "vue";
+import { openBlock as l, createElementBlock as g, createElementVNode as r, Fragment as B, renderList as F, toDisplayString as N, ref as v, computed as E, normalizeClass as T, normalizeStyle as J, createCommentVNode as y, createTextVNode as mA, createVNode as z, Transition as $, withCtx as X, createBlock as Q, Teleport as MA, onMounted as Pf, withDirectives as ff, vShow as df, defineComponent as xf, inject as Zf, getCurrentInstance as pA, toRaw as Fe, watch as Hf, onBeforeUnmount as hA, provide as bA, reactive as yA, readonly as vA, vModelText as re, resolveComponent as qf, onUnmounted as IA, withModifiers as NA, mergeModels as Ee, useModel as wA, unref as _f, withKeys as DA, onUpdated as _A, resolveDynamicComponent as kA, nextTick as Je, vModelCheckbox as jA, renderSlot as VA } from "vue";
 const x = (f, e) => {
   const A = f.__vccOpts || f;
   for (const [n, a] of e)
@@ -18,13 +18,13 @@ const x = (f, e) => {
       const t = A.actions[i];
       n("click", t);
     };
-    return (i, t) => (r(), g("div", EA, [
-      u("div", TA, [
-        u("ul", xA, [
-          (r(!0), g(B, null, F(A.actions, (s, o) => (r(), g("li", {
+    return (i, t) => (l(), g("div", EA, [
+      r("div", TA, [
+        r("ul", xA, [
+          (l(!0), g(B, null, F(A.actions, (s, o) => (l(), g("li", {
             key: o,
             class: "context-menu__item",
-            onClick: (l) => a(o)
+            onClick: (u) => a(o)
           }, N(s.title), 9, SA))), 128))
         ])
       ])
@@ -63,12 +63,12 @@ const x = (f, e) => {
           return "";
       }
     });
-    return (o, l) => (r(), g("div", {
+    return (o, u) => (l(), g("div", {
       class: T(["file-message", t(f.message)]),
       messageId: f.message.messageId,
       onMouseleave: i
     }, [
-      f.message.avatar ? (r(), g("img", {
+      f.message.avatar ? (l(), g("img", {
         key: 0,
         class: "file-message__avatar",
         src: f.message.avatar,
@@ -76,39 +76,39 @@ const x = (f, e) => {
         width: "32",
         style: J({ gridRow: f.message.subText ? "2" : "1" })
       }, null, 12, CA)) : y("", !0),
-      f.message.subText ? (r(), g("p", UA, N(f.message.subText), 1)) : y("", !0),
-      u("div", {
+      f.message.subText ? (l(), g("p", UA, N(f.message.subText), 1)) : y("", !0),
+      r("div", {
         class: "file-message__content",
         onMouseenter: a
       }, [
-        u("a", {
+        r("a", {
           class: "file-message__link",
           href: f.message.url,
           download: ""
         }, [
-          l[1] || (l[1] = u("span", { class: "pi pi-file" }, null, -1)),
+          u[1] || (u[1] = r("span", { class: "pi pi-file" }, null, -1)),
           mA(" " + N(f.message.filename), 1)
         ], 8, LA),
-        u("div", QA, [
-          u("span", BA, N(f.message.time), 1),
-          t(f.message) === "file-message__right" && f.message.status ? (r(), g("div", {
+        r("div", QA, [
+          r("span", BA, N(f.message.time), 1),
+          t(f.message) === "file-message__right" && f.message.status ? (l(), g("div", {
             key: 0,
             class: T(["file-message__status", s.value])
           }, [
-            f.message.status !== "sent" ? (r(), g("span", YA)) : y("", !0),
-            l[2] || (l[2] = u("span", { class: "pi pi-check" }, null, -1))
+            f.message.status !== "sent" ? (l(), g("span", YA)) : y("", !0),
+            u[2] || (u[2] = r("span", { class: "pi pi-check" }, null, -1))
           ], 2)) : y("", !0)
         ]),
-        n.value && f.message.actions ? (r(), g("button", {
+        n.value && f.message.actions ? (l(), g("button", {
           key: 0,
           class: "file-message__menu-button",
-          onClick: l[0] || (l[0] = (c) => A.value = !A.value)
-        }, l[3] || (l[3] = [
-          u("span", { class: "pi pi-ellipsis-h" }, null, -1)
+          onClick: u[0] || (u[0] = (c) => A.value = !A.value)
+        }, u[3] || (u[3] = [
+          r("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : y("", !0),
         z($, null, {
           default: X(() => [
-            A.value && f.message.actions ? (r(), Q(yf, {
+            A.value && f.message.actions ? (l(), Q(yf, {
               key: 0,
               class: "file-message__context-menu",
               actions: f.message.actions,
@@ -143,8 +143,8 @@ const x = (f, e) => {
     }, t = () => {
       a.value = !1, n.value = !1;
     };
-    function s(l) {
-      return l.position === "left" ? "image-message__left" : "image-message__right";
+    function s(u) {
+      return u.position === "left" ? "image-message__left" : "image-message__right";
     }
     const o = E(() => {
       switch (e.message.status) {
@@ -156,12 +156,12 @@ const x = (f, e) => {
           return "";
       }
     });
-    return (l, c) => (r(), g("div", {
+    return (u, c) => (l(), g("div", {
       class: T(["image-message", s(f.message)]),
       messageId: f.message.messageId,
       onMouseleave: t
     }, [
-      f.message.avatar ? (r(), g("img", {
+      f.message.avatar ? (l(), g("img", {
         key: 0,
         class: "image-message__avatar",
         src: f.message.avatar,
@@ -169,45 +169,45 @@ const x = (f, e) => {
         width: "32",
         style: J({ gridRow: f.message.subText ? "2" : "1" })
       }, null, 12, JA)) : y("", !0),
-      f.message.subText ? (r(), g("p", WA, N(f.message.subText), 1)) : y("", !0),
-      u("div", {
+      f.message.subText ? (l(), g("p", WA, N(f.message.subText), 1)) : y("", !0),
+      r("div", {
         class: "image-message__content",
         onMouseenter: i
       }, [
-        u("button", {
+        r("button", {
           class: "image-message__button",
           onClick: c[0] || (c[0] = (d) => A.value = !0)
         }, [
-          u("img", {
+          r("img", {
             class: "image-message__preview-image",
             src: f.message.url,
             alt: f.message.alt
           }, null, 8, KA),
-          u("div", PA, [
-            u("span", ZA, N(f.message.time), 1),
-            s(f.message) === "image-message__right" && f.message.status ? (r(), g("div", {
+          r("div", PA, [
+            r("span", ZA, N(f.message.time), 1),
+            s(f.message) === "image-message__right" && f.message.status ? (l(), g("div", {
               key: 0,
               class: T(["image-message__status", o.value])
             }, [
-              f.message.status !== "sent" ? (r(), g("span", HA)) : y("", !0),
-              c[3] || (c[3] = u("span", { class: "pi pi-check" }, null, -1))
+              f.message.status !== "sent" ? (l(), g("span", HA)) : y("", !0),
+              c[3] || (c[3] = r("span", { class: "pi pi-check" }, null, -1))
             ], 2)) : y("", !0)
           ])
         ]),
-        (r(), Q(MA, { to: "body" }, [
+        (l(), Q(MA, { to: "body" }, [
           z($, { name: "modal-fade" }, {
             default: X(() => [
-              A.value ? (r(), g("div", GA, [
-                u("div", $A, [
-                  u("button", {
+              A.value ? (l(), g("div", GA, [
+                r("div", $A, [
+                  r("button", {
                     class: "image-message__modal-close-button",
                     onClick: c[1] || (c[1] = (d) => A.value = !1)
                   }, c[4] || (c[4] = [
-                    u("span", null, [
-                      u("i", { class: "pi pi-times" })
+                    r("span", null, [
+                      r("i", { class: "pi pi-times" })
                     ], -1)
                   ])),
-                  u("img", {
+                  r("img", {
                     class: "image-message__modal-image",
                     src: f.message.url,
                     alt: f.message.alt
@@ -218,20 +218,20 @@ const x = (f, e) => {
             _: 1
           })
         ])),
-        a.value && f.message.actions ? (r(), g("button", {
+        a.value && f.message.actions ? (l(), g("button", {
           key: 0,
           class: "image-message__menu-button",
           onClick: c[2] || (c[2] = (d) => n.value = !n.value)
         }, c[5] || (c[5] = [
-          u("span", { class: "pi pi-ellipsis-h" }, null, -1)
+          r("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : y("", !0),
         z($, { name: "context-menu" }, {
           default: X(() => [
-            n.value && f.message.actions ? (r(), Q(yf, {
+            n.value && f.message.actions ? (l(), Q(yf, {
               key: 0,
               class: "image-message__context-menu",
               actions: f.message.actions,
-              onClick: l.clickAction
+              onClick: u.clickAction
             }, null, 8, ["actions", "onClick"])) : y("", !0)
           ]),
           _: 1
@@ -265,7 +265,7 @@ const x = (f, e) => {
     }, o = (d) => {
       s(), n("action", { messageId: A.message.messageId, ...d });
     };
-    function l(d) {
+    function u(d) {
       return d.position === "left" ? "text-message__left" : "text-message__right";
     }
     const c = E(() => {
@@ -278,13 +278,13 @@ const x = (f, e) => {
           return "";
       }
     });
-    return (d, M) => (r(), g("div", An, [
-      u("div", {
-        class: T(l(f.message)),
+    return (d, M) => (l(), g("div", An, [
+      r("div", {
+        class: T(u(f.message)),
         messageId: f.message.messageId,
         onMouseleave: s
       }, [
-        f.message.avatar ? (r(), g("img", {
+        f.message.avatar ? (l(), g("img", {
           key: 0,
           class: "text-message__avatar",
           src: f.message.avatar,
@@ -292,32 +292,32 @@ const x = (f, e) => {
           width: "32",
           style: J({ gridRow: f.message.subText ? "2" : "1" })
         }, null, 12, an)) : y("", !0),
-        f.message.subText ? (r(), g("p", tn, N(f.message.subText), 1)) : y("", !0),
-        u("div", {
+        f.message.subText ? (l(), g("p", tn, N(f.message.subText), 1)) : y("", !0),
+        r("div", {
           class: "text-message__content",
           onMouseenter: t
         }, [
-          u("p", null, N(f.message.text), 1),
-          u("div", sn, [
-            f.message.time ? (r(), g("span", on, N(f.message.time), 1)) : y("", !0),
-            l(f.message) === "text-message__right" && f.message.status ? (r(), g("div", {
+          r("p", null, N(f.message.text), 1),
+          r("div", sn, [
+            f.message.time ? (l(), g("span", on, N(f.message.time), 1)) : y("", !0),
+            u(f.message) === "text-message__right" && f.message.status ? (l(), g("div", {
               key: 1,
               class: T(["text-message__status", c.value])
             }, [
-              f.message.status !== "sent" ? (r(), g("span", un)) : y("", !0),
-              M[1] || (M[1] = u("span", { class: "pi pi-check" }, null, -1))
+              f.message.status !== "sent" ? (l(), g("span", un)) : y("", !0),
+              M[1] || (M[1] = r("span", { class: "pi pi-check" }, null, -1))
             ], 2)) : y("", !0)
           ]),
-          i.value && f.message.actions ? (r(), g("button", {
+          i.value && f.message.actions ? (l(), g("button", {
             key: 0,
             class: "text-message__menu-button",
             onClick: M[0] || (M[0] = (b) => a.value = !a.value)
           }, M[2] || (M[2] = [
-            u("span", { class: "pi pi-ellipsis-h" }, null, -1)
+            r("span", { class: "pi pi-ellipsis-h" }, null, -1)
           ]))) : y("", !0),
           z($, null, {
             default: X(() => [
-              a.value && f.message.actions ? (r(), Q(yf, {
+              a.value && f.message.actions ? (l(), Q(yf, {
                 key: 0,
                 class: "text-message__context-menu",
                 actions: f.message.actions,
@@ -347,7 +347,7 @@ const x = (f, e) => {
   setup(f) {
     const e = f, A = v(null), n = v(!1), a = v(0), i = v(0), t = v(!1), s = v(!1), o = () => {
       s.value = !0;
-    }, l = () => {
+    }, u = () => {
       s.value = !1, t.value = !1;
     };
     function c() {
@@ -375,12 +375,12 @@ const x = (f, e) => {
       }), A.value.addEventListener("timeupdate", () => {
         i.value = A.value.currentTime;
       });
-    }), (I, w) => (r(), g("div", {
+    }), (I, w) => (l(), g("div", {
       class: T(["audio-message", p(f.message)]),
       messageId: f.message.messageId,
-      onMouseleave: l
+      onMouseleave: u
     }, [
-      f.message.avatar ? (r(), g("img", {
+      f.message.avatar ? (l(), g("img", {
         key: 0,
         class: "file-message__avatar",
         src: f.message.avatar,
@@ -388,59 +388,59 @@ const x = (f, e) => {
         width: "32",
         style: J({ gridRow: f.message.subText ? "2" : "1" })
       }, null, 12, dn)) : y("", !0),
-      f.message.subText ? (r(), g("p", gn, N(f.message.subText), 1)) : y("", !0),
-      u("div", {
+      f.message.subText ? (l(), g("p", gn, N(f.message.subText), 1)) : y("", !0),
+      r("div", {
         class: "audio-message__content",
         onMouseenter: o
       }, [
-        u("audio", {
+        r("audio", {
           ref_key: "player",
           ref: A,
           src: f.message.url
         }, null, 8, mn),
-        ff(u("button", {
+        ff(r("button", {
           class: "audio-message__play",
           onClick: c
         }, w[1] || (w[1] = [
-          u("span", { class: "pi pi-play" }, null, -1)
+          r("span", { class: "pi pi-play" }, null, -1)
         ]), 512), [
           [df, !n.value]
         ]),
-        ff(u("button", {
+        ff(r("button", {
           class: "audio-message__pause",
           onClick: c
         }, w[2] || (w[2] = [
-          u("span", { class: "pi pi-pause" }, null, -1)
+          r("span", { class: "pi pi-pause" }, null, -1)
         ]), 512), [
           [df, n.value]
         ]),
-        u("div", Mn, [
-          u("div", {
+        r("div", Mn, [
+          r("div", {
             class: "audio-message__progress-bar",
             style: J({ width: m.value + "%" })
           }, null, 4)
         ]),
-        u("p", pn, N(`${M.value} / ${b.value}`), 1),
-        u("div", hn, [
-          u("span", bn, N(f.message.time), 1),
-          p(f.message) === "audio-message__right" && f.message.status ? (r(), g("div", {
+        r("p", pn, N(`${M.value} / ${b.value}`), 1),
+        r("div", hn, [
+          r("span", bn, N(f.message.time), 1),
+          p(f.message) === "audio-message__right" && f.message.status ? (l(), g("div", {
             key: 0,
             class: T(["audio-message__status", h.value])
           }, [
-            f.message.status !== "sent" ? (r(), g("span", yn)) : y("", !0),
-            w[3] || (w[3] = u("span", { class: "pi pi-check" }, null, -1))
+            f.message.status !== "sent" ? (l(), g("span", yn)) : y("", !0),
+            w[3] || (w[3] = r("span", { class: "pi pi-check" }, null, -1))
           ], 2)) : y("", !0)
         ]),
-        s.value && f.message.actions ? (r(), g("button", {
+        s.value && f.message.actions ? (l(), g("button", {
           key: 0,
           class: "audio-message__menu-button",
           onClick: w[0] || (w[0] = (_) => t.value = !t.value)
         }, w[4] || (w[4] = [
-          u("span", { class: "pi pi-ellipsis-h" }, null, -1)
+          r("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : y("", !0),
         z($, null, {
           default: X(() => [
-            t.value && f.message.actions ? (r(), Q(yf, {
+            t.value && f.message.actions ? (l(), Q(yf, {
               key: 0,
               class: "audio-message__context-menu",
               actions: f.message.actions,
@@ -460,9 +460,9 @@ const x = (f, e) => {
     }
   },
   setup(f) {
-    return (e, A) => (r(), g("div", Nn, [
-      u("div", wn, [
-        u("p", Dn, N(f.message.text), 1)
+    return (e, A) => (l(), g("div", Nn, [
+      r("div", wn, [
+        r("p", Dn, N(f.message.text), 1)
       ])
     ]));
   }
@@ -483,28 +483,28 @@ const x = (f, e) => {
   emits: ["open-panel"],
   setup(f, { emit: e }) {
     const A = f;
-    return (n, a) => (r(), g("div", jn, [
-      f.chat ? (r(), g("div", Vn, [
-        u("div", En, [
-          A.chat.avatar ? (r(), g("img", {
+    return (n, a) => (l(), g("div", jn, [
+      f.chat ? (l(), g("div", Vn, [
+        r("div", En, [
+          A.chat.avatar ? (l(), g("img", {
             key: 0,
             src: A.chat.avatar,
             width: "32",
             height: "32"
-          }, null, 8, Tn)) : (r(), g("span", xn))
+          }, null, 8, Tn)) : (l(), g("span", xn))
         ]),
-        u("h2", Sn, N(f.chat.name), 1),
-        u("p", zn, N(f.chat["lastActivity.time"]), 1),
-        u("button", {
+        r("h2", Sn, N(f.chat.name), 1),
+        r("p", zn, N(f.chat["lastActivity.time"]), 1),
+        r("button", {
           class: "chat-info__button-panel",
           onClick: a[0] || (a[0] = (i) => n.$emit("open-panel"))
         }, a[1] || (a[1] = [
-          u("span", { class: "pi pi-info-circle" }, null, -1)
+          r("span", { class: "pi pi-info-circle" }, null, -1)
         ]))
       ])) : y("", !0)
     ]));
   }
-}, fs = /* @__PURE__ */ x(On, [["__scopeId", "data-v-5d50fd73"]]), We = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", Ke = {
+}, As = /* @__PURE__ */ x(On, [["__scopeId", "data-v-5d50fd73"]]), We = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", Ke = {
   recent: "Recently used",
   smileys_people: "Smiles & People",
   animals_nature: "Animals & Nature",
@@ -12610,7 +12610,7 @@ function ce(f, e, { blocked: A, upgrade: n, blocking: a, terminated: i } = {}) {
     o.newVersion,
     o
   )), s.then((o) => {
-    i && o.addEventListener("close", () => i()), a && o.addEventListener("versionchange", (l) => a(l.oldVersion, l.newVersion, l));
+    i && o.addEventListener("close", () => i()), a && o.addEventListener("versionchange", (u) => a(u.oldVersion, u.newVersion, u));
   }).catch(() => {
   }), s;
 }
@@ -12625,9 +12625,9 @@ function ze(f, e) {
     return;
   const i = async function(t, ...s) {
     const o = this.transaction(t, a ? "readwrite" : "readonly");
-    let l = o.store;
-    return n && (l = l.index(s.shift())), (await Promise.all([
-      l[A](...s),
+    let u = o.store;
+    return n && (u = u.index(s.shift())), (await Promise.all([
+      u[A](...s),
       a && o.done
     ]))[0];
   };
@@ -12712,7 +12712,7 @@ function da() {
   }
   function n() {
     A().then((d) => {
-      f.recent = d, l();
+      f.recent = d, u();
     });
   }
   const a = (d) => {
@@ -12726,7 +12726,7 @@ function da() {
   }, o = (d) => {
     f.options = Object.assign({}, f.options, d), e();
   };
-  async function l() {
+  async function u() {
     (await ce(de, ge)).transaction(gf, "readwrite").objectStore(gf).put({
       id: 0,
       value: JSON.stringify(f.recent)
@@ -12739,7 +12739,7 @@ function da() {
     if (M > 0 && f.recent.splice(M, 1), M === 0)
       return;
     const b = { u: d.u, n: Fe(d.n) };
-    f.recent = [b, ...f.recent], f.recent.length > 24 && (f.recent.length = 24), l();
+    f.recent = [b, ...f.recent], f.recent.length > 24 && (f.recent.length = 24), u();
   };
   return {
     state: vA(f),
@@ -12807,8 +12807,8 @@ function ka(f) {
   };
   return Object.assign(e.elements.popper.style, A.popper), e.styles = A, e.elements.arrow && Object.assign(e.elements.arrow.style, A.arrow), function() {
     Object.keys(e.elements).forEach(function(n) {
-      var a = e.elements[n], i = e.attributes[n] || {}, t = Object.keys(e.styles.hasOwnProperty(n) ? e.styles[n] : A[n]), s = t.reduce(function(o, l) {
-        return o[l] = "", o;
+      var a = e.elements[n], i = e.attributes[n] || {}, t = Object.keys(e.styles.hasOwnProperty(n) ? e.styles[n] : A[n]), s = t.reduce(function(o, u) {
+        return o[u] = "", o;
       }, {});
       !W(a) || !ef(a) || (Object.assign(a.style, s), Object.keys(i).forEach(function(o) {
         a.removeAttribute(o);
@@ -12936,7 +12936,7 @@ var xa = function(e, A) {
   })) : e, AA(typeof e != "number" ? e : nA(e, Sf));
 };
 function Sa(f) {
-  var e, A = f.state, n = f.name, a = f.options, i = A.elements.arrow, t = A.modifiersData.popperOffsets, s = G(A.placement), o = pe(s), l = [R, P].indexOf(s) >= 0, c = l ? "height" : "width";
+  var e, A = f.state, n = f.name, a = f.options, i = A.elements.arrow, t = A.modifiersData.popperOffsets, s = G(A.placement), o = pe(s), u = [R, P].indexOf(s) >= 0, c = u ? "height" : "width";
   if (!(!i || !t)) {
     var d = xa(a.padding, A), M = Me(i), b = o === "y" ? Y : R, m = o === "y" ? K : P, h = A.rects.reference[c] + A.rects.reference[o] - t[o] - A.rects.popper[c], p = t[o] - A.rects.reference[o], I = zf(i), w = I ? o === "y" ? I.clientHeight || 0 : I.clientWidth || 0 : 0, _ = h / 2 - p / 2, D = d[b], V = w - M[c] - d[m], k = w / 2 - M[c] / 2 + _, j = kf(D, k, V), S = o;
     A.modifiersData[n] = (e = {}, e[S] = j, e.centerOffset = j - k, e);
@@ -12972,8 +12972,8 @@ function Ua(f) {
   };
 }
 function Ue(f) {
-  var e, A = f.popper, n = f.popperRect, a = f.placement, i = f.variation, t = f.offsets, s = f.position, o = f.gpuAcceleration, l = f.adaptive, c = f.roundOffsets, d = f.isFixed, M = c === !0 ? Ua(t) : typeof c == "function" ? c(t) : t, b = M.x, m = b === void 0 ? 0 : b, h = M.y, p = h === void 0 ? 0 : h, I = t.hasOwnProperty("x"), w = t.hasOwnProperty("y"), _ = R, D = Y, V = window;
-  if (l) {
+  var e, A = f.popper, n = f.popperRect, a = f.placement, i = f.variation, t = f.offsets, s = f.position, o = f.gpuAcceleration, u = f.adaptive, c = f.roundOffsets, d = f.isFixed, M = c === !0 ? Ua(t) : typeof c == "function" ? c(t) : t, b = M.x, m = b === void 0 ? 0 : b, h = M.y, p = h === void 0 ? 0 : h, I = t.hasOwnProperty("x"), w = t.hasOwnProperty("y"), _ = R, D = Y, V = window;
+  if (u) {
     var k = zf(A), j = "clientHeight", S = "clientWidth";
     if (k === H(A) && (k = tf(A), Af(k).position !== "static" && s === "absolute" && (j = "scrollHeight", S = "scrollWidth")), k = k, a === Y || (a === R || a === P) && i === Ef) {
       D = K;
@@ -12988,7 +12988,7 @@ function Ue(f) {
   }
   var C = Object.assign({
     position: s
-  }, l && Ca);
+  }, u && Ca);
   if (o) {
     var L;
     return Object.assign({}, C, (L = {}, L[D] = w ? "0" : "", L[_] = I ? "0" : "", L.transform = (V.devicePixelRatio || 1) <= 1 ? "translate(" + m + "px, " + p + "px)" : "translate3d(" + m + "px, " + p + "px, 0)", L));
@@ -12996,7 +12996,7 @@ function Ue(f) {
   return Object.assign({}, C, (e = {}, e[D] = w ? p + "px" : "", e[_] = I ? m + "px" : "", e.transform = "", e));
 }
 function La(f) {
-  var e = f.state, A = f.options, n = A.gpuAcceleration, a = n === void 0 ? !0 : n, i = A.adaptive, t = i === void 0 ? !0 : i, s = A.roundOffsets, o = s === void 0 ? !0 : s, l = {
+  var e = f.state, A = f.options, n = A.gpuAcceleration, a = n === void 0 ? !0 : n, i = A.adaptive, t = i === void 0 ? !0 : i, s = A.roundOffsets, o = s === void 0 ? !0 : s, u = {
     placement: G(e.placement),
     variation: bf(e.placement),
     popper: e.elements.popper,
@@ -13004,12 +13004,12 @@ function La(f) {
     gpuAcceleration: a,
     isFixed: e.options.strategy === "fixed"
   };
-  e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, Ue(Object.assign({}, l, {
+  e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, Ue(Object.assign({}, u, {
     offsets: e.modifiersData.popperOffsets,
     position: e.options.strategy,
     adaptive: t,
     roundOffsets: o
-  })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, Ue(Object.assign({}, l, {
+  })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, Ue(Object.assign({}, u, {
     offsets: e.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
@@ -13028,11 +13028,11 @@ var Qa = {
   passive: !0
 };
 function Ba(f) {
-  var e = f.state, A = f.instance, n = f.options, a = n.scroll, i = a === void 0 ? !0 : a, t = n.resize, s = t === void 0 ? !0 : t, o = H(e.elements.popper), l = [].concat(e.scrollParents.reference, e.scrollParents.popper);
-  return i && l.forEach(function(c) {
+  var e = f.state, A = f.instance, n = f.options, a = n.scroll, i = a === void 0 ? !0 : a, t = n.resize, s = t === void 0 ? !0 : t, o = H(e.elements.popper), u = [].concat(e.scrollParents.reference, e.scrollParents.popper);
+  return i && u.forEach(function(c) {
     c.addEventListener("scroll", A.update, Rf);
   }), s && o.addEventListener("resize", A.update, Rf), function() {
-    i && l.forEach(function(c) {
+    i && u.forEach(function(c) {
       c.removeEventListener("scroll", A.update, Rf);
     }), s && o.removeEventListener("resize", A.update, Rf);
   };
@@ -13129,8 +13129,8 @@ function Ka(f) {
 }
 function Pa(f, e, A) {
   var n = e === "clippingParents" ? Ka(f) : [].concat(e), a = [].concat(n, [A]), i = a[0], t = a.reduce(function(s, o) {
-    var l = Qe(f, o);
-    return s.top = lf(l.top, s.top), s.right = Kf(l.right, s.right), s.bottom = Kf(l.bottom, s.bottom), s.left = lf(l.left, s.left), s;
+    var u = Qe(f, o);
+    return s.top = lf(u.top, s.top), s.right = Kf(u.right, s.right), s.bottom = Kf(u.bottom, s.bottom), s.left = lf(u.left, s.left), s;
   }, Qe(f, i));
   return t.width = t.right - t.left, t.height = t.bottom - t.top, t.x = t.left, t.y = t.top, t;
 }
@@ -13167,15 +13167,15 @@ function tA(f) {
         y: e.y
       };
   }
-  var l = a ? pe(a) : null;
-  if (l != null) {
-    var c = l === "y" ? "height" : "width";
+  var u = a ? pe(a) : null;
+  if (u != null) {
+    var c = u === "y" ? "height" : "width";
     switch (i) {
       case mf:
-        o[l] = o[l] - (e[c] / 2 - A[c] / 2);
+        o[u] = o[u] - (e[c] / 2 - A[c] / 2);
         break;
       case Ef:
-        o[l] = o[l] + (e[c] / 2 - A[c] / 2);
+        o[u] = o[u] + (e[c] / 2 - A[c] / 2);
         break;
     }
   }
@@ -13183,7 +13183,7 @@ function tA(f) {
 }
 function Tf(f, e) {
   e === void 0 && (e = {});
-  var A = e, n = A.placement, a = n === void 0 ? f.placement : n, i = A.boundary, t = i === void 0 ? ga : i, s = A.rootBoundary, o = s === void 0 ? Ge : s, l = A.elementContext, c = l === void 0 ? Df : l, d = A.altBoundary, M = d === void 0 ? !1 : d, b = A.padding, m = b === void 0 ? 0 : b, h = AA(typeof m != "number" ? m : nA(m, Sf)), p = c === Df ? ma : Df, I = f.rects.popper, w = f.elements[M ? p : c], _ = Pa(Mf(w) ? w : w.contextElement || tf(f.elements.popper), t, o), D = hf(f.elements.reference), V = tA({
+  var A = e, n = A.placement, a = n === void 0 ? f.placement : n, i = A.boundary, t = i === void 0 ? ga : i, s = A.rootBoundary, o = s === void 0 ? Ge : s, u = A.elementContext, c = u === void 0 ? Df : u, d = A.altBoundary, M = d === void 0 ? !1 : d, b = A.padding, m = b === void 0 ? 0 : b, h = AA(typeof m != "number" ? m : nA(m, Sf)), p = c === Df ? ma : Df, I = f.rects.popper, w = f.elements[M ? p : c], _ = Pa(Mf(w) ? w : w.contextElement || tf(f.elements.popper), t, o), D = hf(f.elements.reference), V = tA({
     reference: D,
     element: I,
     strategy: "absolute",
@@ -13205,10 +13205,10 @@ function Tf(f, e) {
 }
 function Za(f, e) {
   e === void 0 && (e = {});
-  var A = e, n = A.placement, a = A.boundary, i = A.rootBoundary, t = A.padding, s = A.flipVariations, o = A.allowedAutoPlacements, l = o === void 0 ? $e : o, c = bf(n), d = c ? s ? Oe : Oe.filter(function(m) {
+  var A = e, n = A.placement, a = A.boundary, i = A.rootBoundary, t = A.padding, s = A.flipVariations, o = A.allowedAutoPlacements, u = o === void 0 ? $e : o, c = bf(n), d = c ? s ? Oe : Oe.filter(function(m) {
     return bf(m) === c;
   }) : Sf, M = d.filter(function(m) {
-    return l.indexOf(m) >= 0;
+    return u.indexOf(m) >= 0;
   });
   M.length === 0 && (M = d);
   var b = M.reduce(function(m, h) {
@@ -13232,12 +13232,12 @@ function Ha(f) {
 function Ga(f) {
   var e = f.state, A = f.options, n = f.name;
   if (!e.modifiersData[n]._skip) {
-    for (var a = A.mainAxis, i = a === void 0 ? !0 : a, t = A.altAxis, s = t === void 0 ? !0 : t, o = A.fallbackPlacements, l = A.padding, c = A.boundary, d = A.rootBoundary, M = A.altBoundary, b = A.flipVariations, m = b === void 0 ? !0 : b, h = A.allowedAutoPlacements, p = e.options.placement, I = G(p), w = I === p, _ = o || (w || !m ? [Ff(p)] : Ha(p)), D = [p].concat(_).reduce(function(cf, nf) {
+    for (var a = A.mainAxis, i = a === void 0 ? !0 : a, t = A.altAxis, s = t === void 0 ? !0 : t, o = A.fallbackPlacements, u = A.padding, c = A.boundary, d = A.rootBoundary, M = A.altBoundary, b = A.flipVariations, m = b === void 0 ? !0 : b, h = A.allowedAutoPlacements, p = e.options.placement, I = G(p), w = I === p, _ = o || (w || !m ? [Ff(p)] : Ha(p)), D = [p].concat(_).reduce(function(cf, nf) {
       return cf.concat(G(nf) === me ? Za(e, {
         placement: nf,
         boundary: c,
         rootBoundary: d,
-        padding: l,
+        padding: u,
         flipVariations: m,
         allowedAutoPlacements: h
       }) : nf);
@@ -13247,7 +13247,7 @@ function Ga(f) {
         boundary: c,
         rootBoundary: d,
         altBoundary: M,
-        padding: l
+        padding: u
       }), Z = vf ? sf ? P : R : sf ? K : Y;
       V[If] > k[If] && (Z = Ff(Z));
       var Cf = Ff(Z), of = [];
@@ -13309,10 +13309,10 @@ function Xa(f) {
     elementContext: "reference"
   }), s = Tf(e, {
     altBoundary: !0
-  }), o = Be(t, n), l = Be(s, a, i), c = Ye(o), d = Ye(l);
+  }), o = Be(t, n), u = Be(s, a, i), c = Ye(o), d = Ye(u);
   e.modifiersData[A] = {
     referenceClippingOffsets: o,
-    popperEscapeOffsets: l,
+    popperEscapeOffsets: u,
     isReferenceHidden: c,
     hasPopperEscaped: d
   }, e.attributes.popper = Object.assign({}, e.attributes.popper, {
@@ -13342,8 +13342,8 @@ function et(f, e, A) {
 function At(f) {
   var e = f.state, A = f.options, n = f.name, a = A.offset, i = a === void 0 ? [0, 0] : a, t = $e.reduce(function(c, d) {
     return c[d] = et(d, e.rects, i), c;
-  }, {}), s = t[e.placement], o = s.x, l = s.y;
-  e.modifiersData.popperOffsets != null && (e.modifiersData.popperOffsets.x += o, e.modifiersData.popperOffsets.y += l), e.modifiersData[n] = t;
+  }, {}), s = t[e.placement], o = s.x, u = s.y;
+  e.modifiersData.popperOffsets != null && (e.modifiersData.popperOffsets.x += o, e.modifiersData.popperOffsets.y += u), e.modifiersData[n] = t;
 }
 var nt = {
   name: "offset",
@@ -13372,9 +13372,9 @@ function it(f) {
   return f === "x" ? "y" : "x";
 }
 function st(f) {
-  var e = f.state, A = f.options, n = f.name, a = A.mainAxis, i = a === void 0 ? !0 : a, t = A.altAxis, s = t === void 0 ? !1 : t, o = A.boundary, l = A.rootBoundary, c = A.altBoundary, d = A.padding, M = A.tether, b = M === void 0 ? !0 : M, m = A.tetherOffset, h = m === void 0 ? 0 : m, p = Tf(e, {
+  var e = f.state, A = f.options, n = f.name, a = A.mainAxis, i = a === void 0 ? !0 : a, t = A.altAxis, s = t === void 0 ? !1 : t, o = A.boundary, u = A.rootBoundary, c = A.altBoundary, d = A.padding, M = A.tether, b = M === void 0 ? !0 : M, m = A.tetherOffset, h = m === void 0 ? 0 : m, p = Tf(e, {
     boundary: o,
-    rootBoundary: l,
+    rootBoundary: u,
     padding: d,
     altBoundary: c
   }), I = G(e.placement), w = bf(e.placement), _ = !w, D = pe(I), V = it(D), k = e.modifiersData.popperOffsets, j = e.rects.reference, S = e.rects.popper, U = typeof h == "function" ? h(Object.assign({}, e.rects, {
@@ -13504,8 +13504,8 @@ function qe() {
 function pt(f) {
   f === void 0 && (f = {});
   var e = f, A = e.defaultModifiers, n = A === void 0 ? [] : A, a = e.defaultOptions, i = a === void 0 ? Re : a;
-  return function(s, o, l) {
-    l === void 0 && (l = i);
+  return function(s, o, u) {
+    u === void 0 && (u = i);
     var c = {
       placement: "bottom",
       orderedModifiers: [],
@@ -13567,8 +13567,8 @@ function pt(f) {
     };
     if (!qe(s, o))
       return b;
-    b.setOptions(l).then(function(p) {
-      !M && l.onFirstUpdate && l.onFirstUpdate(p);
+    b.setOptions(u).then(function(p) {
+      !M && u.onFirstUpdate && u.onFirstUpdate(p);
     });
     function m() {
       c.orderedModifiers.forEach(function(p) {
@@ -13608,16 +13608,16 @@ function yt(f, e, A, n = []) {
     f[i].forEach((s) => {
       var o;
       if (s[Gf][0].includes(e.toLocaleLowerCase())) {
-        let l = s[Pe];
+        let u = s[Pe];
         if (A !== Wf && Array.isArray(s[Yf])) {
           const c = ((o = s[Yf]) == null ? void 0 : o.findIndex(
             (d) => d.includes(A)
           )) || -1;
-          c !== -1 && s[Yf] && (l = s[Yf][c]);
+          c !== -1 && s[Yf] && (u = s[Yf][c]);
         }
         return t.push({
           ...s,
-          [Vf]: l
+          [Vf]: u
         });
       }
     }), t.length && (a[i] = t);
@@ -13650,7 +13650,7 @@ const vt = xf({
       f.search,
       f.skinTone,
       f.options.disabledGroups
-    )), i = pA(), t = E(() => !f.options.hideGroupNames), s = E(() => !f.options.disableStickyGroupNames), o = Fe(f.options.groupNames), l = f.orderedGroupKeys;
+    )), i = pA(), t = E(() => !f.options.hideGroupNames), s = E(() => !f.options.disableStickyGroupNames), o = Fe(f.options.groupNames), u = f.orderedGroupKeys;
     f.options.additionalGroups && Object.keys(f.options.additionalGroups).map((m) => {
       f.options.groupNames[m] ? o[m] = f.options.groupNames[m] : o[m] = oA(m);
     });
@@ -13693,7 +13693,7 @@ const vt = xf({
       isSticky: s,
       platform: c,
       groupNames: o,
-      orderedKeys: l
+      orderedKeys: u
     };
   }
 }), It = { class: "v3-body" }, Nt = ["id"], wt = { class: "v3-emojis" }, Dt = ["onMouseenter", "onClick"], _t = { key: 0 }, kt = ["src", "alt", "onError"], jt = {
@@ -13701,30 +13701,30 @@ const vt = xf({
   class: "v3-no-result"
 };
 function Vt(f, e, A, n, a, i) {
-  return r(), g("div", It, [
-    u("div", {
+  return l(), g("div", It, [
+    r("div", {
       ref: "bodyInner",
       class: T([f.platform, "v3-body-inner"])
     }, [
-      f.orderedKeys.length ? (r(!0), g(B, { key: 0 }, F(f.orderedKeys, (t) => (r(), g("div", {
+      f.orderedKeys.length ? (l(!0), g(B, { key: 0 }, F(f.orderedKeys, (t) => (l(), g("div", {
         id: t,
         key: t,
         class: "v3-group"
       }, [
-        f.hasGroupNames ? ff((r(), g("h5", {
+        f.hasGroupNames ? ff((l(), g("h5", {
           key: 0,
           class: T(f.isSticky ? "v3-sticky" : "")
         }, N(f.groupNames[t]), 3)), [
           [df, f.emojis[t]]
         ]) : y("", !0),
-        ff(u("div", wt, [
-          (r(!0), g(B, null, F(f.emojis[t], (s) => (r(), g("button", {
+        ff(r("div", wt, [
+          (l(!0), g(B, null, F(f.emojis[t], (s) => (l(), g("button", {
             key: s.r,
             type: "button",
             onMouseenter: (o) => f.handleMouseEnter(s),
             onClick: (o) => f.handleClick(s)
           }, [
-            f.native ? (r(), g("span", _t, N(f.unicodeToEmoji(s.r)), 1)) : (r(), g("img", {
+            f.native ? (l(), g("span", _t, N(f.unicodeToEmoji(s.r)), 1)) : (l(), g("img", {
               key: 1,
               src: f.EMOJI_REMOTE_SRC + `/${s.r}.png`,
               alt: s.n[0],
@@ -13734,7 +13734,7 @@ function Vt(f, e, A, n, a, i) {
         ], 512), [
           [df, f.emojis[t]]
         ])
-      ], 8, Nt))), 128)) : (r(), g("span", jt, " No emoji has been found! "))
+      ], 8, Nt))), 128)) : (l(), g("span", jt, " No emoji has been found! "))
     ], 2)
   ]);
 }
@@ -13747,7 +13747,7 @@ const Qt = xf({
     ), o = E({
       get: () => e.search,
       set: (d) => A(d)
-    }), l = [
+    }), u = [
       ...e.groups,
       ...Object.keys(e.options.additionalGroups).map((d) => ({
         key: d,
@@ -13755,8 +13755,8 @@ const Qt = xf({
       }))
     ], c = [];
     return t.forEach((d) => {
-      const M = l.findIndex((b) => b.key === d);
-      M !== -1 && (c.push(l[M]), l.splice(M, 1));
+      const M = u.findIndex((b) => b.key === d);
+      M !== -1 && (c.push(u[M]), u.splice(M, 1));
     }), {
       orderedGroups: c,
       orderedKeys: t,
@@ -13793,9 +13793,9 @@ const Qt = xf({
   class: "v3-search"
 }, Kt = ["placeholder"];
 function Pt(f, e, A, n, a, i) {
-  return f.hasGroupIcons || f.hasSearch ? (r(), g("div", Bt, [
-    f.hasGroupIcons ? (r(), g("div", Yt, [
-      (r(!0), g(B, null, F(f.orderedGroups, (t) => (r(), g("button", {
+  return f.hasGroupIcons || f.hasSearch ? (l(), g("div", Bt, [
+    f.hasGroupIcons ? (l(), g("div", Yt, [
+      (l(!0), g(B, null, F(f.orderedGroups, (t) => (l(), g("button", {
         key: t.key,
         type: "button",
         class: T(["v3-group", {
@@ -13803,20 +13803,20 @@ function Pt(f, e, A, n, a, i) {
         }]),
         onClick: (s) => f.updateActiveGroup(t.key)
       }, [
-        u("span", {
+        r("span", {
           title: t.title,
           class: "v3-icon"
         }, [
-          u("img", {
+          r("img", {
             src: f.icons[t.key],
             alt: ""
           }, null, 8, Ft)
         ], 8, qt)
       ], 10, Rt))), 128))
     ])) : y("", !0),
-    f.hasGroupIcons && f.hasSearch ? (r(), g("div", Jt)) : y("", !0),
-    f.hasSearch ? (r(), g("div", Wt, [
-      ff(u("input", {
+    f.hasGroupIcons && f.hasSearch ? (l(), g("div", Jt)) : y("", !0),
+    f.hasSearch ? (l(), g("div", Wt, [
+      ff(r("input", {
         "onUpdate:modelValue": e[0] || (e[0] = (t) => f.searchValue = t),
         type: "text",
         placeholder: f.placeholder
@@ -13836,14 +13836,14 @@ const Ht = xf({
       ...f.emoji,
       src: We + "/" + f.emoji[Vf] + ".png"
     }));
-    function l(M = !0) {
+    function u(M = !0) {
       A.value = M;
     }
     function c() {
       A.value = !A.value;
     }
     function d(M) {
-      e(M), l(!1);
+      e(M), u(!1);
     }
     return Hf(
       () => f.emoji,
@@ -13853,7 +13853,7 @@ const Ht = xf({
     ), {
       emoji: o,
       SKIN_TONES: Rn,
-      updateSkinToneState: l,
+      updateSkinToneState: u,
       skinTone: A,
       stateSkinTone: a,
       selectSkinTone: d,
@@ -13870,38 +13870,38 @@ const Ht = xf({
   }
 }), Gt = { class: "v3-foot-left" }, $t = { key: 0 }, Xt = ["alt", "src"], f1 = { class: "v3-text" }, e1 = { class: "v3-text" }, A1 = ["onClick"];
 function n1(f, e, A, n, a, i) {
-  return r(), g("div", {
+  return l(), g("div", {
     class: "v3-footer",
     onMouseleave: e[2] || (e[2] = (t) => f.updateSkinToneState(!1))
   }, [
-    u("div", Gt, [
-      u("span", {
+    r("div", Gt, [
+      r("span", {
         class: T([f.platform, "v3-icon"])
       }, [
-        f.native || f.hasError ? (r(), g("span", $t, N(f.unicodeToEmoji(f.emoji.r)), 1)) : (r(), g("img", {
+        f.native || f.hasError ? (l(), g("span", $t, N(f.unicodeToEmoji(f.emoji.r)), 1)) : (l(), g("img", {
           key: 1,
           alt: f.unicodeToEmoji(f.emoji.r),
           src: f.emoji.src,
           onError: e[0] || (e[0] = (t) => f.hasError = !0)
         }, null, 40, Xt))
       ], 2),
-      u("span", f1, " :" + N(f.emoji[f.EMOJI_NAME_KEY][1] || f.emoji[f.EMOJI_NAME_KEY][0]) + ": ", 1)
+      r("span", f1, " :" + N(f.emoji[f.EMOJI_NAME_KEY][1] || f.emoji[f.EMOJI_NAME_KEY][0]) + ": ", 1)
     ]),
-    f.hasSkinTones ? (r(), g(B, { key: 0 }, [
-      u("button", {
+    f.hasSkinTones ? (l(), g(B, { key: 0 }, [
+      r("button", {
         type: "button",
         class: "v3-tone",
         onClick: e[1] || (e[1] = (...t) => f.toggleSkinToneState && f.toggleSkinToneState(...t))
       }, [
-        u("span", e1, N(f.skinToneText), 1),
-        u("span", {
+        r("span", e1, N(f.skinToneText), 1),
+        r("span", {
           class: T(`v3-icon v3-tone-${f.stateSkinTone}`)
         }, null, 2)
       ]),
-      u("div", {
+      r("div", {
         class: T([f.skinTone ? "v3-is-open" : "", "v3-skin-tones"])
       }, [
-        (r(!0), g(B, null, F(f.SKIN_TONES, (t) => (r(), g("button", {
+        (l(!0), g(B, null, F(f.SKIN_TONES, (t) => (l(), g("button", {
           key: t,
           type: "button",
           class: T(["v3-skin-tone-" + t, "v3-skin-tone"]),
@@ -13952,10 +13952,10 @@ const t1 = xf({
   setup(f, { emit: e }) {
     const A = v(), n = v(), a = v(), i = v(!1), t = v(f.text), s = f.type === "input" || f.type === "textarea";
     let o = -1;
-    const { state: l } = Zf("store"), c = E(() => l.options.colorTheme);
+    const { state: u } = Zf("store"), c = E(() => u.options.colorTheme);
     function d(p) {
       if (s) {
-        const I = l.options.mode;
+        const I = u.options.mode;
         I === "prepend" ? t.value = p.i + t.value : I === "insert" && o !== -1 ? (t.value = `${t.value.slice(0, o)}${p.i}${t.value.slice(o)}`, o += p.i.length) : t.value += p.i, e("update:text", t.value);
       }
       e("select", p);
@@ -13972,7 +13972,7 @@ const t1 = xf({
     }
     function m() {
       if (n.value && a.value && s) {
-        let p = l.options.offset;
+        let p = u.options.offset;
         typeof p != "number" && (p = 6), bt(n.value, a.value, {
           placement: "bottom-end",
           modifiers: [
@@ -14013,39 +14013,39 @@ const t1 = xf({
 }, s1 = { class: "v3-input-picker-root" }, o1 = ["value"], u1 = ["value"], r1 = ["src"];
 function l1(f, e, A, n, a, i) {
   const t = qf("Header"), s = qf("Body"), o = qf("Footer");
-  return f.isInputType ? (r(), g("div", i1, [
-    u("div", s1, [
-      f.type === "input" ? (r(), g("input", {
+  return f.isInputType ? (l(), g("div", i1, [
+    r("div", s1, [
+      f.type === "input" ? (l(), g("input", {
         key: 0,
         ref: "elem",
         value: f.input,
         type: "text",
         class: "v3-emoji-picker-input",
-        onInput: e[0] || (e[0] = (...l) => f.onChangeText && f.onChangeText(...l)),
-        onBlur: e[1] || (e[1] = (...l) => f.updateCursor && f.updateCursor(...l))
-      }, null, 40, o1)) : (r(), g("textarea", {
+        onInput: e[0] || (e[0] = (...u) => f.onChangeText && f.onChangeText(...u)),
+        onBlur: e[1] || (e[1] = (...u) => f.updateCursor && f.updateCursor(...u))
+      }, null, 40, o1)) : (l(), g("textarea", {
         key: 1,
         ref: "elem",
         value: f.input,
         class: "v3-emoji-picker-textarea",
-        onInput: e[2] || (e[2] = (...l) => f.onChangeText && f.onChangeText(...l)),
-        onBlur: e[3] || (e[3] = (...l) => f.updateCursor && f.updateCursor(...l))
+        onInput: e[2] || (e[2] = (...u) => f.onChangeText && f.onChangeText(...u)),
+        onBlur: e[3] || (e[3] = (...u) => f.updateCursor && f.updateCursor(...u))
       }, null, 40, u1)),
-      u("div", {
+      r("div", {
         class: T(["v3-input-picker-wrap", f.open ? "v3-picker-is-open" : ""])
       }, [
-        u("button", {
+        r("button", {
           ref: "button",
           type: "button",
           class: "v3-input-picker-icon",
-          onClick: e[4] || (e[4] = (l) => f.open = !f.open)
+          onClick: e[4] || (e[4] = (u) => f.open = !f.open)
         }, [
-          u("img", {
+          r("img", {
             src: f.face,
             alt: ""
           }, null, 8, r1)
         ], 512),
-        u("div", {
+        r("div", {
           ref: "picker",
           class: T(["v3-emoji-picker", "v3-color-theme-" + f.colorTheme])
         }, [
@@ -14055,7 +14055,7 @@ function l1(f, e, A, n, a, i) {
         ], 2)
       ], 2)
     ])
-  ])) : (r(), g("div", {
+  ])) : (l(), g("div", {
     key: 1,
     class: T(["v3-emoji-picker", "v3-color-theme-" + f.colorTheme])
   }, [
@@ -14180,7 +14180,7 @@ const d1 = xf({
 });
 function g1(f, e, A, n, a, i) {
   const t = qf("picker-root");
-  return r(), Q(t, {
+  return l(), Q(t, {
     type: f.type,
     text: f.input,
     onSelect: e[0] || (e[0] = (s) => f.$emit("select", s)),
@@ -14208,8 +14208,8 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
   emits: ["selectChannel"],
   setup(f, { emit: e }) {
     const A = v(!0), n = v(null), a = f, i = e, s = v(a.channels.find((d) => d.type === "default")), o = (d) => {
-      s.value = d, l(), i("selectChannel", s.value);
-    }, l = () => {
+      s.value = d, u(), i("selectChannel", s.value);
+    }, u = () => {
       A.value = !A.value;
     }, c = (d) => {
       n.value && !n.value.contains(d.target) && (A.value = !1);
@@ -14218,39 +14218,39 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
       document.addEventListener("click", c);
     }), IA(() => {
       document.removeEventListener("click", c);
-    }), (d, M) => (r(), g("div", {
+    }), (d, M) => (l(), g("div", {
       ref_key: "customDiv",
       ref: n,
       class: "channels"
     }, [
-      u("div", M1, [
-        u("button", {
+      r("div", M1, [
+        r("button", {
           class: "channels__button",
-          onClick: l
+          onClick: u
         }, M[1] || (M[1] = [
-          u("span", { class: "pi pi-list" }, null, -1)
+          r("span", { class: "pi pi-list" }, null, -1)
         ])),
-        u("div", p1, [
-          s.value ? (r(), g("div", h1, [
-            s.value.icon ? (r(), g("span", b1, [
-              u("img", {
+        r("div", p1, [
+          s.value ? (l(), g("div", h1, [
+            s.value.icon ? (l(), g("span", b1, [
+              r("img", {
                 src: s.value.icon
               }, null, 8, y1)
             ])) : y("", !0),
-            u("span", v1, N(s.value.title), 1)
-          ])) : (r(), g("span", I1, "Чат не выбран"))
+            r("span", v1, N(s.value.title), 1)
+          ])) : (l(), g("span", I1, "Чат не выбран"))
         ]),
         z($, null, {
           default: X(() => [
-            A.value ? (r(), g("div", {
+            A.value ? (l(), g("div", {
               key: 0,
               class: "channels__popover",
               onClick: M[0] || (M[0] = NA(() => {
               }, ["stop"]))
             }, [
-              u("div", N1, [
-                u("ul", w1, [
-                  (r(!0), g(B, null, F(f.channels, (b) => (r(), g("li", {
+              r("div", N1, [
+                r("ul", w1, [
+                  (l(!0), g(B, null, F(f.channels, (b) => (l(), g("li", {
                     key: b.channelId,
                     class: "channels__popover-item",
                     onClick: (m) => o(b)
@@ -14289,7 +14289,7 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
   setup(f, { emit: e }) {
     const A = e, n = wA(f, "modelValue"), a = v(null), i = v(null), t = E(() => !i.value || i.value === ""), s = v(!1), o = (b) => {
       console.log("fileUploaded", b), i.value = b;
-    }, l = () => {
+    }, u = () => {
       s.value = !1;
       const b = {
         type: null,
@@ -14304,11 +14304,11 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
     }), M = (b) => {
       n.value = (n.value ? n.value : "") + b.i;
     };
-    return (b, m) => (r(), g("div", j1, [
-      u("div", V1, [
+    return (b, m) => (l(), g("div", j1, [
+      r("div", V1, [
         z($, null, {
           default: X(() => [
-            s.value ? (r(), Q(_f(m1), {
+            s.value ? (l(), Q(_f(m1), {
               key: 0,
               class: "chat-input__emoji",
               native: !0,
@@ -14323,33 +14323,33 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
           "can-upload-file": t.value,
           onFileUploaded: o
         }, null, 8, ["can-upload-file"]),
-        ff(u("input", {
+        ff(r("input", {
           ref_key: "refInput",
           ref: a,
           "onUpdate:modelValue": m[0] || (m[0] = (h) => n.value = h),
           class: "chat-input__input",
           placeholder: "Type a message...",
-          onKeydown: DA(l, ["enter"])
+          onKeydown: DA(u, ["enter"])
         }, null, 544), [
           [re, n.value]
         ]),
         z(k1, { channels: f.channels }, null, 8, ["channels"]),
-        u("button", {
+        r("button", {
           class: "chat-input__button-emoji",
           onClick: c
         }, m[1] || (m[1] = [
-          u("span", { class: "pi pi-face-smile" }, null, -1)
+          r("span", { class: "pi pi-face-smile" }, null, -1)
         ])),
-        u("button", {
+        r("button", {
           class: "chat-input__button-send",
-          onClick: l
+          onClick: u
         }, m[2] || (m[2] = [
-          u("span", { class: "pi pi-send" }, null, -1)
+          r("span", { class: "pi pi-send" }, null, -1)
         ]))
       ])
     ]));
   }
-}, es = /* @__PURE__ */ x(E1, [["__scopeId", "data-v-01b70224"]]), T1 = { class: "chat-item__avatar-container" }, x1 = ["src"], S1 = {
+}, ns = /* @__PURE__ */ x(E1, [["__scopeId", "data-v-01b70224"]]), T1 = { class: "chat-item__avatar-container" }, x1 = ["src"], S1 = {
   key: 1,
   class: "pi pi-user"
 }, z1 = { class: "chat-item__info-container" }, O1 = { class: "chat-item__name" }, C1 = {
@@ -14378,51 +14378,51 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
       n("select", A.chat);
     }, i = () => A.chat.isSelected ? "chat-item__selected" : "chat-item", t = (d) => {
       c(), n("action", { chatId: A.chat.chatId, ...d });
-    }, s = v(!1), o = v(!1), l = () => {
+    }, s = v(!1), o = v(!1), u = () => {
       o.value = !0;
     }, c = () => {
       o.value = !1, s.value = !1;
     };
-    return (d, M) => (r(), g("div", {
+    return (d, M) => (l(), g("div", {
       class: T(i()),
       onClick: a
     }, [
-      u("div", {
+      r("div", {
         class: "chat-item__container",
-        onMouseenter: l,
+        onMouseenter: u,
         onMouseleave: c
       }, [
-        u("div", T1, [
-          u("span", {
+        r("div", T1, [
+          r("span", {
             class: "chat-item__status",
             style: J({ backgroundColor: A.chat.status })
           }, null, 4),
-          A.chat.avatar ? (r(), g("img", {
+          A.chat.avatar ? (l(), g("img", {
             key: 0,
             src: A.chat.avatar,
             height: "32",
             width: "32"
-          }, null, 8, x1)) : (r(), g("span", S1))
+          }, null, 8, x1)) : (l(), g("span", S1))
         ]),
-        u("div", z1, [
-          u("div", O1, N(f.chat.name), 1),
-          f.chat.lastMessage ? (r(), g("div", C1, N(f.chat.lastMessage), 1)) : y("", !0)
+        r("div", z1, [
+          r("div", O1, N(f.chat.name), 1),
+          f.chat.lastMessage ? (l(), g("div", C1, N(f.chat.lastMessage), 1)) : y("", !0)
         ]),
-        u("div", U1, [
-          !(o.value && f.chat.actions) && f.chat["lastActivity.time"] ? (r(), g("div", L1, N(f.chat["lastActivity.time"]), 1)) : y("", !0),
-          !(o.value && f.chat.actions) && f.chat.countUnread > 0 ? (r(), g("div", Q1, N(f.chat.countUnread), 1)) : y("", !0),
-          o.value && f.chat.actions ? (r(), g("button", {
+        r("div", U1, [
+          !(o.value && f.chat.actions) && f.chat["lastActivity.time"] ? (l(), g("div", L1, N(f.chat["lastActivity.time"]), 1)) : y("", !0),
+          !(o.value && f.chat.actions) && f.chat.countUnread > 0 ? (l(), g("div", Q1, N(f.chat.countUnread), 1)) : y("", !0),
+          o.value && f.chat.actions ? (l(), g("button", {
             key: 2,
             class: "chat-item__menu-button",
             onClick: M[0] || (M[0] = (b) => s.value = !s.value)
           }, M[1] || (M[1] = [
-            u("span", { class: "pi pi-ellipsis-h" }, null, -1)
+            r("span", { class: "pi pi-ellipsis-h" }, null, -1)
           ]))) : y("", !0),
-          f.chat.isFixedTop || f.chat.isFixedBottom ? (r(), g("span", B1)) : y("", !0)
+          f.chat.isFixedTop || f.chat.isFixedBottom ? (l(), g("span", B1)) : y("", !0)
         ]),
         z($, null, {
           default: X(() => [
-            s.value && f.chat.actions ? (r(), Q(yf, {
+            s.value && f.chat.actions ? (l(), Q(yf, {
               key: 0,
               class: "chat-item__context-menu",
               actions: f.chat.actions,
@@ -14442,9 +14442,9 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
       const i = _f(A);
       n("update", i.value);
     };
-    return (i, t) => (r(), g("div", R1, [
-      u("div", q1, [
-        u("input", {
+    return (i, t) => (l(), g("div", R1, [
+      r("div", q1, [
+        r("input", {
           ref_key: "refInput",
           ref: A,
           class: "chat-filter__input",
@@ -14469,28 +14469,28 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
   },
   emits: ["select", "action"],
   setup(f, { emit: e }) {
-    const A = v(""), n = f, a = e, i = (l) => {
-      a("select", l), n.chats.forEach((d) => d.isSelected = !1);
-      const c = n.chats.find((d) => d.chatId === l.chatId);
+    const A = v(""), n = f, a = e, i = (u) => {
+      a("select", u), n.chats.forEach((d) => d.isSelected = !1);
+      const c = n.chats.find((d) => d.chatId === u.chatId);
       c.isSelected = !0;
-    }, t = () => n.chats.sort((l, c) => {
-      if (l.countUnread > c.countUnread) return -1;
-      if (l.countUnread < c.countUnread) return 1;
-      if (l.countUnread == c.countUnread) return 0;
-    }).filter((l) => l.name.includes(A.value)), s = (l) => {
-      A.value = l;
-    }, o = (l) => a("action", l);
-    return (l, c) => (r(), g("div", W1, [
-      u("div", K1, [
-        c[0] || (c[0] = u("h2", { class: "chat-list__title" }, " Чаты ", -1)),
-        f.filterEnabled ? (r(), Q(J1, {
+    }, t = () => n.chats.sort((u, c) => {
+      if (u.countUnread > c.countUnread) return -1;
+      if (u.countUnread < c.countUnread) return 1;
+      if (u.countUnread == c.countUnread) return 0;
+    }).filter((u) => u.name.includes(A.value)), s = (u) => {
+      A.value = u;
+    }, o = (u) => a("action", u);
+    return (u, c) => (l(), g("div", W1, [
+      r("div", K1, [
+        c[0] || (c[0] = r("h2", { class: "chat-list__title" }, " Чаты ", -1)),
+        f.filterEnabled ? (l(), Q(J1, {
           key: 0,
           class: "chat-list__filter",
           onUpdate: s
         })) : y("", !0),
-        u("div", P1, [
-          u("div", Z1, [
-            (r(!0), g(B, null, F(t().filter((d) => d.isFixedTop), (d) => (r(), Q(ie, {
+        r("div", P1, [
+          r("div", Z1, [
+            (l(!0), g(B, null, F(t().filter((d) => d.isFixedTop), (d) => (l(), Q(ie, {
               key: d.chatId,
               class: "chat-list__item",
               chat: d,
@@ -14498,8 +14498,8 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
               onAction: o
             }, null, 8, ["chat"]))), 128))
           ]),
-          u("div", H1, [
-            (r(!0), g(B, null, F(t().filter((d) => !d.isFixedBottom && !d.isFixedTop), (d) => (r(), Q(ie, {
+          r("div", H1, [
+            (l(!0), g(B, null, F(t().filter((d) => !d.isFixedBottom && !d.isFixedTop), (d) => (l(), Q(ie, {
               key: d.chatId,
               class: "chat-list__item",
               chat: d,
@@ -14507,8 +14507,8 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
               onAction: o
             }, null, 8, ["chat"]))), 128))
           ]),
-          u("div", G1, [
-            (r(!0), g(B, null, F(t().filter((d) => d.isFixedBottom), (d) => (r(), Q(ie, {
+          r("div", G1, [
+            (l(!0), g(B, null, F(t().filter((d) => d.isFixedBottom), (d) => (l(), Q(ie, {
               key: d.chatId,
               class: "chat-list__item",
               chat: d,
@@ -14520,7 +14520,7 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
       ])
     ]));
   }
-}, As = /* @__PURE__ */ x($1, [["__scopeId", "data-v-a0a9f8c3"]]), X1 = ["messageId"], fi = ["src"], ei = ["src"], Ai = { class: "video-message__controls" }, ni = { class: "video-message__remaining-time" }, ai = { class: "video-message__time" }, ti = {
+}, as = /* @__PURE__ */ x($1, [["__scopeId", "data-v-a0a9f8c3"]]), X1 = ["messageId"], fi = ["src"], ei = ["src"], Ai = { class: "video-message__controls" }, ni = { class: "video-message__remaining-time" }, ai = { class: "video-message__time" }, ti = {
   key: 0,
   class: "pi pi-check"
 }, ii = {
@@ -14536,7 +14536,7 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
     function A(h) {
       return h.position === "left" ? "video-message__left" : "video-message__right";
     }
-    const n = v(null), a = v(!1), i = v(0), t = v(0), s = v(!1), o = v(!1), l = () => {
+    const n = v(null), a = v(!1), i = v(0), t = v(0), s = v(!1), o = v(!1), u = () => {
       o.value = !0;
     }, c = () => {
       o.value = !1, s.value = !1;
@@ -14572,12 +14572,12 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
       }), n.value.addEventListener("timeupdate", () => {
         t.value = n.value.currentTime;
       });
-    }), (h, p) => (r(), g("div", {
+    }), (h, p) => (l(), g("div", {
       class: T(["video-message", A(f.message)]),
       messageId: f.message.messageId,
       onMouseleave: c
     }, [
-      f.message.avatar ? (r(), g("img", {
+      f.message.avatar ? (l(), g("img", {
         key: 0,
         class: "video-message__avatar",
         src: f.message.avatar,
@@ -14585,47 +14585,47 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
         width: "32",
         style: J({ gridRow: f.message.subText ? "2" : "1" })
       }, null, 12, fi)) : y("", !0),
-      u("div", {
+      r("div", {
         class: "video-message__content",
-        onMouseenter: l
+        onMouseenter: u
       }, [
-        u("video", {
+        r("video", {
           ref_key: "player",
           ref: n,
           class: "video-message__video",
           src: f.message.url
         }, null, 8, ei),
-        u("div", Ai, [
+        r("div", Ai, [
           z($, null, {
             default: X(() => [
-              ff(u("button", {
+              ff(r("button", {
                 class: "video-message__play",
                 onClick: d
               }, p[1] || (p[1] = [
-                u("span", { class: "pi pi-play" }, null, -1)
+                r("span", { class: "pi pi-play" }, null, -1)
               ]), 512), [
                 [df, !a.value]
               ])
             ]),
             _: 1
           }),
-          ff(u("button", {
+          ff(r("button", {
             class: "video-message__pause",
             onClick: d
           }, null, 512), [
             [df, a.value]
           ])
         ]),
-        o.value && f.message.actions ? (r(), g("button", {
+        o.value && f.message.actions ? (l(), g("button", {
           key: 0,
           class: "video-message__menu-button",
           onClick: p[0] || (p[0] = (I) => s.value = !s.value)
         }, p[2] || (p[2] = [
-          u("span", { class: "pi pi-ellipsis-h" }, null, -1)
+          r("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : y("", !0),
         z($, null, {
           default: X(() => [
-            s.value && f.message.actions ? (r(), Q(yf, {
+            s.value && f.message.actions ? (l(), Q(yf, {
               key: 0,
               class: "video-message__context-menu",
               actions: f.message.actions,
@@ -14634,14 +14634,14 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
           ]),
           _: 1
         }),
-        u("p", ni, N(`${b.value}`), 1),
-        u("span", ai, N(f.message.time), 1),
-        A(f.message) === "video-message__right" && f.message.status ? (r(), g("div", {
+        r("p", ni, N(`${b.value}`), 1),
+        r("span", ai, N(f.message.time), 1),
+        A(f.message) === "video-message__right" && f.message.status ? (l(), g("div", {
           key: 1,
           class: T(["video-message__status", m.value])
         }, [
-          f.message.status !== "sent" ? (r(), g("span", ti)) : y("", !0),
-          p[3] || (p[3] = u("span", { class: "pi pi-check" }, null, -1))
+          f.message.status !== "sent" ? (l(), g("span", ti)) : y("", !0),
+          p[3] || (p[3] = r("span", { class: "pi pi-check" }, null, -1))
         ], 2)) : y("", !0)
       ], 32)
     ], 42, X1));
@@ -14676,12 +14676,12 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
     function e(A) {
       return A.position === "left" ? "call-message__left" : "call-message__right";
     }
-    return (A, n) => (r(), g("div", oi, [
-      u("div", {
+    return (A, n) => (l(), g("div", oi, [
+      r("div", {
         class: T(e(f.message)),
         messageId: f.message.messageId
       }, [
-        f.message.avatar ? (r(), g("img", {
+        f.message.avatar ? (l(), g("img", {
           key: 0,
           class: "call-message__avatar",
           src: f.message.avatar,
@@ -14689,19 +14689,19 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
           width: "32",
           style: J({ gridRow: f.message.subText ? "2" : "1" })
         }, null, 12, ri)) : y("", !0),
-        f.message.subText ? (r(), g("p", li, N(f.message.subText), 1)) : y("", !0),
-        u("div", {
+        f.message.subText ? (l(), g("p", li, N(f.message.subText), 1)) : y("", !0),
+        r("div", {
           class: "call-message__content",
           style: J({ paddingRight: f.message.isMissedCall ? "16px" : "78px" })
         }, [
-          u("span", {
+          r("span", {
             class: "call-message__icon pi pi-phone",
             style: J({ color: f.message.isMissedCall ? "var(--call-message-color-icon-error)" : "var(--neutral-100)" })
           }, null, 4),
-          f.message.isMissedCall ? (r(), g("span", di, "Пропущенный аудиозвонок")) : (r(), g("span", ci, "Аудиозвонок")),
-          f.message.callDuration ? (r(), g("span", gi, N(f.message.callDuration), 1)) : !f.message.callDuration && f.message.isMissedCall ? (r(), g("span", mi, "Нажмите, чтобы перезвонить")) : (r(), g("span", Mi, "Нет ответа")),
-          u("div", pi, [
-            u("span", hi, N(f.message.time), 1)
+          f.message.isMissedCall ? (l(), g("span", di, "Пропущенный аудиозвонок")) : (l(), g("span", ci, "Аудиозвонок")),
+          f.message.callDuration ? (l(), g("span", gi, N(f.message.callDuration), 1)) : !f.message.callDuration && f.message.isMissedCall ? (l(), g("span", mi, "Нажмите, чтобы перезвонить")) : (l(), g("span", Mi, "Нет ответа")),
+          r("div", pi, [
+            r("span", hi, N(f.message.time), 1)
           ])
         ], 4)
       ], 10, ui)
@@ -14736,13 +14736,13 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
     const s = (o) => {
       a("messageAction", o);
     };
-    return (o, l) => (r(), g("div", {
+    return (o, u) => (l(), g("div", {
       ref_key: "refFeed",
       ref: A,
       class: "message-feed"
     }, [
-      u("div", vi, [
-        (r(!0), g(B, null, F(f.objects, (c) => (r(), Q(kA(i(c.type)), {
+      r("div", vi, [
+        (l(!0), g(B, null, F(f.objects, (c) => (l(), Q(kA(i(c.type)), {
           key: c.messageId,
           class: "message-feed__message",
           message: c,
@@ -14751,7 +14751,7 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
       ])
     ], 512));
   }
-}, ns = /* @__PURE__ */ x(Ii, [["__scopeId", "data-v-5719d84b"]]), Ni = { class: "profile" }, wi = { key: 0 }, Di = {
+}, ts = /* @__PURE__ */ x(Ii, [["__scopeId", "data-v-5719d84b"]]), Ni = { class: "profile" }, wi = { key: 0 }, Di = {
   __name: "Profile",
   props: {
     user: {
@@ -14760,15 +14760,15 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
     }
   },
   setup(f) {
-    return (e, A) => (r(), g("div", Ni, [
-      f.user ? (r(), g("div", wi, [
-        u("h2", null, N(f.user.name), 1),
-        u("p", null, N(f.user.email), 1),
-        u("p", null, N(f.user.phone), 1)
+    return (e, A) => (l(), g("div", Ni, [
+      f.user ? (l(), g("div", wi, [
+        r("h2", null, N(f.user.name), 1),
+        r("p", null, N(f.user.email), 1),
+        r("p", null, N(f.user.phone), 1)
       ])) : y("", !0)
     ]));
   }
-}, as = /* @__PURE__ */ x(Di, [["__scopeId", "data-v-c86d3beb"]]), _i = {
+}, is = /* @__PURE__ */ x(Di, [["__scopeId", "data-v-c86d3beb"]]), _i = {
   key: 0,
   class: "new-chat-modal"
 }, ki = { class: "modal-content" }, ji = { class: "participant-list" }, Vi = ["id", "value"], Ei = ["for"], Ti = {
@@ -14792,7 +14792,7 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
   setup(f, { emit: e }) {
     const A = f, n = v(!1), a = v(""), i = v([]), t = v(A.users), s = e, o = () => {
       n.value = !0;
-    }, l = async () => {
+    }, u = async () => {
       i.value.length > 0 && (a.value && A.isChatName || !A.isChatName) && (s("createNewChat", {
         chatName: a.value,
         users: i.value
@@ -14804,23 +14804,23 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
     }, M = () => {
       c(), d();
     };
-    return (b, m) => (r(), g("div", null, [
-      n.value ? (r(), g("div", _i, [
-        u("div", ki, [
-          m[2] || (m[2] = u("h2", null, "Создать чат", -1)),
-          f.isChatName ? ff((r(), g("input", {
+    return (b, m) => (l(), g("div", null, [
+      n.value ? (l(), g("div", _i, [
+        r("div", ki, [
+          m[2] || (m[2] = r("h2", null, "Создать чат", -1)),
+          f.isChatName ? ff((l(), g("input", {
             key: 0,
             "onUpdate:modelValue": m[0] || (m[0] = (h) => a.value = h),
             placeholder: "название чата"
           }, null, 512)), [
             [re, a.value]
           ]) : y("", !0),
-          u("div", ji, [
-            (r(!0), g(B, null, F(t.value, (h) => (r(), g("div", {
+          r("div", ji, [
+            (l(!0), g(B, null, F(t.value, (h) => (l(), g("div", {
               key: h.userId,
               class: "participant-item"
             }, [
-              ff(u("input", {
+              ff(r("input", {
                 id: h.userId,
                 "onUpdate:modelValue": m[1] || (m[1] = (p) => i.value = p),
                 type: "checkbox",
@@ -14828,24 +14828,24 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
               }, null, 8, Vi), [
                 [jA, i.value]
               ]),
-              u("label", {
+              r("label", {
                 for: h.userId
               }, N(h.name || "unknown username"), 9, Ei)
             ]))), 128))
           ]),
-          u("div", { class: "modal-actions" }, [
-            u("button", { onClick: l }, " Создать "),
-            u("button", { onClick: M }, " Отмена ")
+          r("div", { class: "modal-actions" }, [
+            r("button", { onClick: u }, " Создать "),
+            r("button", { onClick: M }, " Отмена ")
           ])
         ])
       ])) : y("", !0),
-      u("button", {
+      r("button", {
         class: "create-chat-btn",
         onClick: o
       }, N(f.title), 1)
     ]));
   }
-}, ts = /* @__PURE__ */ x(Ti, [["__scopeId", "data-v-c6988508"]]), xi = {
+}, ss = /* @__PURE__ */ x(Ti, [["__scopeId", "data-v-c6988508"]]), xi = {
   key: 0,
   class: "chat-input__button-file"
 }, Si = { key: 1 }, zi = { key: 2 }, Oi = { key: 3 }, Ci = {
@@ -14859,14 +14859,14 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
   },
   emits: ["fileUploaded"],
   setup(f, { emit: e }) {
-    const A = f, n = v(null), a = v(""), i = v(""), t = v(""), s = v(!1), o = v(!1), l = v(!1), c = e;
+    const A = f, n = v(null), a = v(""), i = v(""), t = v(""), s = v(!1), o = v(!1), u = v(!1), c = e;
     Hf(() => A.canUploadFile, () => {
       Je(() => {
         A.canUploadFile === !0 && (a.value = null);
       });
     });
     const d = (m) => {
-      console.log("onFileSelected", m.target.files[0]), n.value = m.target.files[0], n.value && (M(), b(), l.value = !0);
+      console.log("onFileSelected", m.target.files[0]), n.value = m.target.files[0], n.value && (M(), b(), u.value = !0);
     }, M = () => {
       const m = n.value, h = m.type;
       if (console.log(h), h.startsWith("image/") ? (s.value = !0, o.value = !1) : h.startsWith("video/") ? (s.value = !1, o.value = !0) : (s.value = !1, o.value = !1), s.value || o.value) {
@@ -14890,24 +14890,24 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
         console.error("Ошибка при загрузке файла:", h), a.value = "error";
       }
     };
-    return (m, h) => (r(), g("div", null, [
-      f.canUploadFile && a.value !== "success" ? (r(), g("div", xi, [
-        u("label", null, [
-          u("input", {
+    return (m, h) => (l(), g("div", null, [
+      f.canUploadFile && a.value !== "success" ? (l(), g("div", xi, [
+        r("label", null, [
+          r("input", {
             type: "file",
             onChange: d
           }, null, 32),
-          h[0] || (h[0] = u("span", null, [
-            u("i", { class: "pi pi-file-arrow-up" })
+          h[0] || (h[0] = r("span", null, [
+            r("i", { class: "pi pi-file-arrow-up" })
           ], -1))
         ])
       ])) : y("", !0),
-      !f.canUploadFile && a.value === "success" ? (r(), g("div", Si, h[1] || (h[1] = [
-        u("p", null, "Файл загружен и готов к отправке.", -1)
-      ]))) : a.value === "uploading" ? (r(), g("div", zi, h[2] || (h[2] = [
-        u("p", null, "Загрузка файла...", -1)
-      ]))) : a.value === "error" ? (r(), g("div", Oi, h[3] || (h[3] = [
-        u("p", null, "Ошибка при загрузке файла.", -1)
+      !f.canUploadFile && a.value === "success" ? (l(), g("div", Si, h[1] || (h[1] = [
+        r("p", null, "Файл загружен и готов к отправке.", -1)
+      ]))) : a.value === "uploading" ? (l(), g("div", zi, h[2] || (h[2] = [
+        r("p", null, "Загрузка файла...", -1)
+      ]))) : a.value === "error" ? (l(), g("div", Oi, h[3] || (h[3] = [
+        r("p", null, "Ошибка при загрузке файла.", -1)
       ]))) : y("", !0)
     ]));
   }
@@ -14917,19 +14917,19 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
     const e = v("light"), A = (n) => {
       e.value = n, document.documentElement.dataset.theme = n;
     };
-    return (n, a) => (r(), g("div", null, [
-      u("button", {
+    return (n, a) => (l(), g("div", null, [
+      r("button", {
         onClick: a[0] || (a[0] = (i) => A("light"))
       }, " Light "),
-      u("button", {
+      r("button", {
         onClick: a[1] || (a[1] = (i) => A("dark"))
       }, " Dark "),
-      u("button", {
+      r("button", {
         onClick: a[2] || (a[2] = (i) => A("green"))
       }, " Green ")
     ]));
   }
-}, is = /* @__PURE__ */ x(Li, [["__scopeId", "data-v-ed97925b"]]), Qi = { class: "tool-bar" }, Bi = { class: "tool-bar__container" }, Yi = { class: "tool-bar__list" }, Ri = ["src", "alt"], qi = { key: 1 }, Fi = { class: "tool-bar__list-fixed" }, Ji = ["src", "alt"], Wi = { key: 1 }, Ki = {
+}, os = /* @__PURE__ */ x(Li, [["__scopeId", "data-v-ed97925b"]]), Qi = { class: "tool-bar" }, Bi = { class: "tool-bar__container" }, Yi = { class: "tool-bar__list" }, Ri = ["onClick"], qi = ["src", "alt"], Fi = { key: 1 }, Ji = { class: "tool-bar__list-fixed" }, Wi = ["onClick"], Ki = ["src", "alt"], Pi = { key: 1 }, Zi = {
   __name: "ToolBar",
   props: {
     sidebarItems: {
@@ -14939,53 +14939,55 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
   },
   emits: ["selectItem"],
   setup(f, { emit: e }) {
-    const A = f;
-    v(null);
-    const n = (a) => {
-      const i = a.split(" ");
-      return i.length > 2 ? i.slice(0, 2).join(" ") : a;
+    const A = f, n = e, a = v(null), i = (s) => {
+      a.value = s, n("selectItem", s);
+    }, t = (s) => {
+      const o = s.split(" ");
+      return o.length > 2 ? o.slice(0, 2).join(" ") : s;
     };
-    return (a, i) => (r(), g("div", Qi, [
-      u("div", Bi, [
-        u("ul", Yi, [
-          (r(!0), g(B, null, F(A.sidebarItems.filter((t) => !t.isFixedBottom), (t, s) => (r(), g("li", {
-            key: s,
-            class: "tool-bar__item"
+    return (s, o) => (l(), g("div", Qi, [
+      r("div", Bi, [
+        r("ul", Yi, [
+          (l(!0), g(B, null, F(A.sidebarItems.filter((u) => !u.isFixedBottom), (u, c) => (l(), g("li", {
+            key: c,
+            class: "tool-bar__item",
+            onClick: (d) => i(u)
           }, [
-            u("img", {
-              src: t.icon,
-              alt: t.name
-            }, null, 8, Ri),
-            t.notificationCount ? (r(), g("span", {
+            r("img", {
+              src: u.icon,
+              alt: u.name
+            }, null, 8, qi),
+            u.notificationCount ? (l(), g("span", {
               key: 0,
-              style: J({ backgroundColor: t.notificationColor })
-            }, N(t.notificationCount > 99 ? "99+" : t.notificationCount), 5)) : y("", !0),
-            t.name ? (r(), g("p", qi, N(n(t.name)), 1)) : y("", !0)
-          ]))), 128))
+              style: J({ backgroundColor: u.notificationColor })
+            }, N(u.notificationCount > 99 ? "99+" : u.notificationCount), 5)) : y("", !0),
+            u.name ? (l(), g("p", Fi, N(t(u.name)), 1)) : y("", !0)
+          ], 8, Ri))), 128))
         ]),
-        u("ul", Fi, [
-          (r(!0), g(B, null, F(A.sidebarItems.filter((t) => t.isFixedBottom), (t, s) => (r(), g("li", {
-            key: s,
-            class: "tool-bar__item"
+        r("ul", Ji, [
+          (l(!0), g(B, null, F(A.sidebarItems.filter((u) => u.isFixedBottom), (u, c) => (l(), g("li", {
+            key: c,
+            class: "tool-bar__item",
+            onClick: (d) => i(u)
           }, [
-            u("img", {
-              src: t.icon,
-              alt: t.name
-            }, null, 8, Ji),
-            t.notificationCount ? (r(), g("span", {
+            r("img", {
+              src: u.icon,
+              alt: u.name
+            }, null, 8, Ki),
+            u.notificationCount ? (l(), g("span", {
               key: 0,
-              style: J({ backgroundColor: t.notificationColor })
-            }, N(t.notificationCount > 99 ? "99+" : t.notificationCount), 5)) : y("", !0),
-            t.name ? (r(), g("p", Wi, N(n(t.name)), 1)) : y("", !0)
-          ]))), 128))
+              style: J({ backgroundColor: u.notificationColor })
+            }, N(u.notificationCount > 99 ? "99+" : u.notificationCount), 5)) : y("", !0),
+            u.name ? (l(), g("p", Pi, N(t(u.name)), 1)) : y("", !0)
+          ], 8, Wi))), 128))
         ])
       ])
     ]));
   }
-}, ss = /* @__PURE__ */ x(Ki, [["__scopeId", "data-v-2d10aaba"]]), Pi = { class: "chat-panel" }, Zi = { class: "chat-panel__container" }, Hi = { class: "chat-panel__title-container" }, Gi = {
+}, us = /* @__PURE__ */ x(Zi, [["__scopeId", "data-v-755b6cd1"]]), Hi = { class: "chat-panel" }, Gi = { class: "chat-panel__container" }, $i = { class: "chat-panel__title-container" }, Xi = {
   key: 0,
   class: "chat-panel__title"
-}, $i = {
+}, fs = {
   __name: "ChatPanel",
   props: {
     title: {
@@ -14994,28 +14996,28 @@ const M1 = { class: "channels__container" }, p1 = { class: "channels__title-cont
   },
   emits: ["close-panel"],
   setup(f, { emit: e }) {
-    return (A, n) => (r(), g("div", Pi, [
-      u("div", Zi, [
-        u("div", Hi, [
-          f.title ? (r(), g("p", Gi, N(f.title), 1)) : y("", !0),
-          u("button", {
+    return (A, n) => (l(), g("div", Hi, [
+      r("div", Gi, [
+        r("div", $i, [
+          f.title ? (l(), g("p", Xi, N(f.title), 1)) : y("", !0),
+          r("button", {
             class: "chat-panel__button-close",
             onClick: n[0] || (n[0] = (a) => A.$emit("close-panel"))
           }, n[1] || (n[1] = [
-            u("span", { class: "pi pi-times" }, null, -1)
+            r("span", { class: "pi pi-times" }, null, -1)
           ]))
         ]),
         VA(A.$slots, "content", {}, void 0, !0)
       ])
     ]));
   }
-}, os = /* @__PURE__ */ x($i, [["__scopeId", "data-v-c7004b45"]]);
-function us(f) {
+}, rs = /* @__PURE__ */ x(fs, [["__scopeId", "data-v-c7004b45"]]);
+function ls(f) {
   if (!f || f === "") return;
   const e = +new Date(Number(f) * 1e3), A = +/* @__PURE__ */ new Date(), n = Math.floor((A - e) / 1e3), a = Math.floor(n / 60), i = Math.floor(a / 60), t = Math.floor(i / 24);
   return t > 30 ? e.toLocaleString() : t > 0 ? `${t} ${t === 1 ? "день" : "дня"} назад` : i > 0 ? `${i} ${i === 1 ? "час" : "часа"} назад` : a > 0 ? `${a} ${a === 1 ? "минута" : "минуты"} назад` : n > 0 ? `${n} ${n === 1 ? "секунда" : "секунды"} назад` : "Только что";
 }
-const rs = (f) => {
+const cs = (f) => {
   const e = [];
   let A = null;
   for (let n = 0; n < f.length; n++) {
@@ -15029,7 +15031,7 @@ const rs = (f) => {
     }), A = i), e.push(a);
   }
   return e;
-}, ls = async () => {
+}, ds = async () => {
   try {
     if (await navigator.mediaDevices.getUserMedia({ audio: !0 })) {
       const e = new Audio();
@@ -15038,28 +15040,28 @@ const rs = (f) => {
   } catch {
     console.log("no audio permissions");
   }
-}, cs = (f) => f.sort((e, A) => Number(e.timestamp) < Number(A.timestamp) ? -1 : Number(e.timestamp) > Number(A.timestamp) ? 1 : 0);
+}, gs = (f) => f.sort((e, A) => Number(e.timestamp) < Number(A.timestamp) ? -1 : Number(e.timestamp) > Number(A.timestamp) ? 1 : 0);
 export {
   In as AudioMessage,
   k1 as ChannelSelector,
   ie as Chat,
   J1 as ChatFilter,
-  fs as ChatInfo,
-  es as ChatInput,
-  As as ChatList,
-  os as ChatPanel,
-  ts as CreateNewChat,
+  As as ChatInfo,
+  ns as ChatInput,
+  as as ChatList,
+  rs as ChatPanel,
+  ss as CreateNewChat,
   kn as DateMessage,
-  ns as Feed,
+  ts as Feed,
   qA as FileMessage,
   Ui as FileUploader,
   en as ImageMessage,
-  as as Profile,
+  is as Profile,
   ln as TextMessage,
-  is as ThemeMode,
-  ss as ToolBar,
-  us as formatTimestamp,
-  rs as insertDaySeparators,
-  ls as playNotificationAudio,
-  cs as sortByTimestamp
+  os as ThemeMode,
+  us as ToolBar,
+  ls as formatTimestamp,
+  cs as insertDaySeparators,
+  ds as playNotificationAudio,
+  gs as sortByTimestamp
 };