@mobilon-dev/chotto 0.0.32 → 0.0.33

package/dist/{index-Bz-UKF_D.js → index-BqGQcL3R.js}

@@ -1,5 +1,5 @@
-import { openBlock as r, createElementBlock as d, createElementVNode as o, Fragment as B, renderList as R, createCommentVNode as y, toDisplayString as _, ref as v, computed as x, normalizeClass as E, normalizeStyle as U, createTextVNode as bn, createVNode as S, Transition as H, withCtx as K, createBlock as Q, Teleport as yn, onMounted as _e, withDirectives as ae, vShow as pe, renderSlot as W, defineComponent as ce, inject as Pe, getCurrentInstance as vn, toRaw as Jf, watch as Ze, onBeforeUnmount as In, provide as _n, reactive as wn, readonly as Dn, vModelText as Wf, resolveComponent as Fe, onUnmounted as Nn, withModifiers as kn, mergeModels as Ef, useModel as jn, unref as me, withKeys as Vn, onUpdated as En, resolveDynamicComponent as Tn, nextTick as Hf, toRef as xn, vModelCheckbox as Sn, h as Tf, defineAsyncComponent as zn, createApp as On } from "vue";
-const N = (e, f) => {
+import { openBlock as r, createElementBlock as d, createElementVNode as o, Fragment as B, renderList as R, createCommentVNode as b, toDisplayString as w, ref as y, computed as x, normalizeClass as T, normalizeStyle as U, createTextVNode as bn, createVNode as S, Transition as H, withCtx as K, createBlock as Q, Teleport as yn, onMounted as _e, withDirectives as ae, vShow as pe, renderSlot as W, defineComponent as ce, inject as Pe, getCurrentInstance as vn, toRaw as Jf, watch as $e, onBeforeUnmount as In, provide as _n, reactive as wn, readonly as Dn, vModelText as Wf, resolveComponent as Fe, onUnmounted as Nn, withModifiers as kn, mergeModels as Ef, useModel as jn, unref as me, withKeys as Vn, onUpdated as En, resolveDynamicComponent as Tn, nextTick as Hf, toRef as xn, vModelCheckbox as Sn, h as Tf, defineAsyncComponent as zn, createApp as On } from "vue";
+const k = (e, f) => {
   const n = e.__vccOpts || e;
   for (const [a, A] of f)
     n[a] = A;
@@ -31,14 +31,14 @@ const N = (e, f) => {
               src: i.icon,
               width: "18",
               height: "18"
-            }, null, 8, Bn)) : y("", !0),
-            o("span", null, _(i.title), 1)
+            }, null, 8, Bn)) : b("", !0),
+            o("span", null, w(i.title), 1)
           ], 8, Qn))), 128))
         ])
       ])
     ]));
   }
-}, de = /* @__PURE__ */ N(Yn, [["__scopeId", "data-v-8e12dd7e"]]), Rn = ["messageId"], qn = ["src"], Fn = {
+}, de = /* @__PURE__ */ k(Yn, [["__scopeId", "data-v-8e12dd7e"]]), Rn = ["messageId"], qn = ["src"], Fn = {
   key: 1,
   class: "file-message__subtext"
 }, Jn = ["href"], Wn = { class: "file-message__info-container" }, Hn = { class: "file-message__time" }, Kn = {
@@ -53,7 +53,7 @@ const N = (e, f) => {
     }
   },
   setup(e) {
-    const f = e, n = v(!1), a = v(!1), A = () => {
+    const f = e, n = y(!1), a = y(!1), A = () => {
       a.value = !0;
     }, s = () => {
       a.value = !1, n.value = !1;
@@ -72,7 +72,7 @@ const N = (e, f) => {
       }
     });
     return (u, l) => (r(), d("div", {
-      class: E(["file-message", t(e.message)]),
+      class: T(["file-message", t(e.message)]),
       messageId: e.message.messageId,
       onMouseleave: s
     }, [
@@ -83,8 +83,8 @@ const N = (e, f) => {
         height: "32",
         width: "32",
         style: U({ gridRow: e.message.subText ? "2" : "1" })
-      }, null, 12, qn)) : y("", !0),
-      e.message.subText ? (r(), d("p", Fn, _(e.message.subText), 1)) : y("", !0),
+      }, null, 12, qn)) : b("", !0),
+      e.message.subText ? (r(), d("p", Fn, w(e.message.subText), 1)) : b("", !0),
       o("div", {
         class: "file-message__content",
         onMouseenter: A
@@ -96,25 +96,25 @@ const N = (e, f) => {
           target: "_blank"
         }, [
           l[1] || (l[1] = o("span", { class: "pi pi-file" }, null, -1)),
-          bn(" " + _(e.message.filename), 1)
+          bn(" " + w(e.message.filename), 1)
         ], 8, Jn),
         o("div", Wn, [
-          o("span", Hn, _(e.message.time), 1),
+          o("span", Hn, w(e.message.time), 1),
           t(e.message) === "file-message__right" && e.message.status ? (r(), d("div", {
             key: 0,
-            class: E(["file-message__status", i.value])
+            class: T(["file-message__status", i.value])
           }, [
-            e.message.status !== "sent" ? (r(), d("span", Kn)) : y("", !0),
+            e.message.status !== "sent" ? (r(), d("span", Kn)) : b("", !0),
             l[2] || (l[2] = o("span", { class: "pi pi-check" }, null, -1))
-          ], 2)) : y("", !0)
+          ], 2)) : b("", !0)
         ]),
         a.value && e.message.actions ? (r(), d("button", {
           key: 0,
           class: "file-message__menu-button",
-          onClick: l[0] || (l[0] = (c) => n.value = !n.value)
+          onClick: l[0] || (l[0] = (g) => n.value = !n.value)
         }, l[3] || (l[3] = [
           o("span", { class: "pi pi-ellipsis-h" }, null, -1)
-        ]))) : y("", !0),
+        ]))) : b("", !0),
         S(H, null, {
           default: K(() => [
             n.value && e.message.actions ? (r(), Q(de, {
@@ -122,14 +122,14 @@ const N = (e, f) => {
               class: "file-message__context-menu",
               actions: e.message.actions,
               onClick: u.clickAction
-            }, null, 8, ["actions", "onClick"])) : y("", !0)
+            }, null, 8, ["actions", "onClick"])) : b("", !0)
           ]),
           _: 1
         })
       ], 32)
     ], 42, Rn));
   }
-}, Zn = /* @__PURE__ */ N(Pn, [["__scopeId", "data-v-c2ab0283"]]), $n = ["messageId"], Gn = ["src"], Xn = {
+}, $n = /* @__PURE__ */ k(Pn, [["__scopeId", "data-v-c2ab0283"]]), Zn = ["messageId"], Gn = ["src"], Xn = {
   key: 1,
   class: "image-message__subtext"
 }, ea = ["src", "alt"], fa = { class: "image-message__info-container" }, na = { class: "image-message__time" }, aa = {
@@ -147,7 +147,7 @@ const N = (e, f) => {
     }
   },
   setup(e) {
-    const f = e, n = v(!1), a = v(!1), A = v(!1), s = () => {
+    const f = e, n = y(!1), a = y(!1), A = y(!1), s = () => {
       A.value = !0;
     }, t = () => {
       A.value = !1, a.value = !1;
@@ -165,8 +165,8 @@ const N = (e, f) => {
           return "";
       }
     });
-    return (l, c) => (r(), d("div", {
-      class: E(["image-message", i(e.message)]),
+    return (l, g) => (r(), d("div", {
+      class: T(["image-message", i(e.message)]),
       messageId: e.message.messageId,
       onMouseleave: t
     }, [
@@ -177,15 +177,15 @@ const N = (e, f) => {
         height: "32",
         width: "32",
         style: U({ gridRow: e.message.subText ? "2" : "1" })
-      }, null, 12, Gn)) : y("", !0),
-      e.message.subText ? (r(), d("p", Xn, _(e.message.subText), 1)) : y("", !0),
+      }, null, 12, Gn)) : b("", !0),
+      e.message.subText ? (r(), d("p", Xn, w(e.message.subText), 1)) : b("", !0),
       o("div", {
         class: "image-message__content",
         onMouseenter: s
       }, [
         o("button", {
           class: "image-message__button",
-          onClick: c[0] || (c[0] = (g) => n.value = !0)
+          onClick: g[0] || (g[0] = (c) => n.value = !0)
         }, [
           o("img", {
             class: "image-message__preview-image",
@@ -193,14 +193,14 @@ const N = (e, f) => {
             alt: e.message.alt
           }, null, 8, ea),
           o("div", fa, [
-            o("span", na, _(e.message.time), 1),
+            o("span", na, w(e.message.time), 1),
             i(e.message) === "image-message__right" && e.message.status ? (r(), d("div", {
               key: 0,
-              class: E(["image-message__status", u.value])
+              class: T(["image-message__status", u.value])
             }, [
-              e.message.status !== "sent" ? (r(), d("span", aa)) : y("", !0),
-              c[3] || (c[3] = o("span", { class: "pi pi-check" }, null, -1))
-            ], 2)) : y("", !0)
+              e.message.status !== "sent" ? (r(), d("span", aa)) : b("", !0),
+              g[3] || (g[3] = o("span", { class: "pi pi-check" }, null, -1))
+            ], 2)) : b("", !0)
           ])
         ]),
         (r(), Q(yn, { to: "body" }, [
@@ -210,8 +210,8 @@ const N = (e, f) => {
                 o("div", ta, [
                   o("button", {
                     class: "image-message__modal-close-button",
-                    onClick: c[1] || (c[1] = (g) => n.value = !1)
-                  }, c[4] || (c[4] = [
+                    onClick: g[1] || (g[1] = (c) => n.value = !1)
+                  }, g[4] || (g[4] = [
                     o("span", null, [
                       o("i", { class: "pi pi-times" })
                     ], -1)
@@ -222,7 +222,7 @@ const N = (e, f) => {
                     alt: e.message.alt
                   }, null, 8, sa)
                 ])
-              ])) : y("", !0)
+              ])) : b("", !0)
             ]),
             _: 1
           })
@@ -230,10 +230,10 @@ const N = (e, f) => {
         A.value && e.message.actions ? (r(), d("button", {
           key: 0,
           class: "image-message__menu-button",
-          onClick: c[2] || (c[2] = (g) => a.value = !a.value)
-        }, c[5] || (c[5] = [
+          onClick: g[2] || (g[2] = (c) => a.value = !a.value)
+        }, g[5] || (g[5] = [
           o("span", { class: "pi pi-ellipsis-h" }, null, -1)
-        ]))) : y("", !0),
+        ]))) : b("", !0),
         S(H, { name: "context-menu" }, {
           default: K(() => [
             a.value && e.message.actions ? (r(), Q(de, {
@@ -241,14 +241,14 @@ const N = (e, f) => {
               class: "image-message__context-menu",
               actions: e.message.actions,
               onClick: l.clickAction
-            }, null, 8, ["actions", "onClick"])) : y("", !0)
+            }, null, 8, ["actions", "onClick"])) : b("", !0)
           ]),
           _: 1
         })
       ], 32)
-    ], 42, $n));
+    ], 42, Zn));
   }
-}, oa = /* @__PURE__ */ N(ia, [["__scopeId", "data-v-4fd6ddff"]]), ua = { class: "text-message" }, ra = ["messageId"], la = ["src"], ca = {
+}, oa = /* @__PURE__ */ k(ia, [["__scopeId", "data-v-4fd6ddff"]]), ua = { class: "text-message" }, ra = ["messageId"], la = ["src"], ca = {
   key: 1,
   class: "text-message__subtext"
 }, da = { class: "text-message__text" }, ga = { class: "text-message__info-container" }, ma = {
@@ -267,17 +267,17 @@ const N = (e, f) => {
   },
   emits: ["action"],
   setup(e, { emit: f }) {
-    const n = e, a = f, A = v(!1), s = v(!1), t = () => {
+    const n = e, a = f, A = y(!1), s = y(!1), t = () => {
       s.value = !0;
     }, i = () => {
       s.value = !1, A.value = !1;
-    }, u = (g) => {
-      i(), a("action", { messageId: n.message.messageId, ...g });
+    }, u = (c) => {
+      i(), a("action", { messageId: n.message.messageId, ...c });
     };
-    function l(g) {
-      return g.position === "left" ? "text-message__left" : "text-message__right";
+    function l(c) {
+      return c.position === "left" ? "text-message__left" : "text-message__right";
     }
-    const c = x(() => {
+    const g = x(() => {
       switch (n.message.status) {
         case "read":
           return "text-message__status--read";
@@ -287,9 +287,9 @@ const N = (e, f) => {
           return "";
       }
     });
-    return (g, m) => (r(), d("div", ua, [
+    return (c, m) => (r(), d("div", ua, [
       o("div", {
-        class: E(l(e.message)),
+        class: T(l(e.message)),
         messageId: e.message.messageId,
         onMouseleave: i
       }, [
@@ -300,30 +300,30 @@ const N = (e, f) => {
           height: "32",
           width: "32",
           style: U({ gridRow: e.message.subText ? "2" : "1" })
-        }, null, 12, la)) : y("", !0),
-        e.message.subText ? (r(), d("p", ca, _(e.message.subText), 1)) : y("", !0),
+        }, null, 12, la)) : b("", !0),
+        e.message.subText ? (r(), d("p", ca, w(e.message.subText), 1)) : b("", !0),
         o("div", {
           class: "text-message__content",
           onMouseenter: t
         }, [
-          o("p", da, _(e.message.text), 1),
+          o("p", da, w(e.message.text), 1),
           o("div", ga, [
-            e.message.time ? (r(), d("span", ma, _(e.message.time), 1)) : y("", !0),
+            e.message.time ? (r(), d("span", ma, w(e.message.time), 1)) : b("", !0),
             l(e.message) === "text-message__right" && e.message.status ? (r(), d("div", {
               key: 1,
-              class: E(["text-message__status", c.value])
+              class: T(["text-message__status", g.value])
             }, [
-              e.message.status !== "sent" ? (r(), d("span", pa)) : y("", !0),
+              e.message.status !== "sent" ? (r(), d("span", pa)) : b("", !0),
               m[1] || (m[1] = o("span", { class: "pi pi-check" }, null, -1))
-            ], 2)) : y("", !0)
+            ], 2)) : b("", !0)
           ]),
           s.value && e.message.actions ? (r(), d("button", {
             key: 0,
             class: "text-message__menu-button",
-            onClick: m[0] || (m[0] = (h) => A.value = !A.value)
+            onClick: m[0] || (m[0] = (M) => A.value = !A.value)
           }, m[2] || (m[2] = [
             o("span", { class: "pi pi-ellipsis-h" }, null, -1)
-          ]))) : y("", !0),
+          ]))) : b("", !0),
           S(H, null, {
             default: K(() => [
               A.value && e.message.actions ? (r(), Q(de, {
@@ -331,7 +331,7 @@ const N = (e, f) => {
                 class: "text-message__context-menu",
                 actions: e.message.actions,
                 onClick: u
-              }, null, 8, ["actions"])) : y("", !0)
+              }, null, 8, ["actions"])) : b("", !0)
             ]),
             _: 1
           })
@@ -339,7 +339,7 @@ const N = (e, f) => {
       ], 42, ra)
     ]));
   }
-}, ha = /* @__PURE__ */ N(Ma, [["__scopeId", "data-v-222290f8"]]), ba = ["messageId"], ya = ["src"], va = {
+}, ha = /* @__PURE__ */ k(Ma, [["__scopeId", "data-v-222290f8"]]), ba = ["messageId"], ya = ["src"], va = {
   key: 1,
   class: "audio-message__subtext"
 }, Ia = ["src"], _a = { class: "audio-message__progress-bar-container" }, wa = { class: "audio-message__remaining-time" }, Da = { class: "audio-message__info-container" }, Na = { class: "audio-message__time" }, ka = {
@@ -354,18 +354,18 @@ const N = (e, f) => {
     }
   },
   setup(e) {
-    const f = e, n = v(null), a = v(!1), A = v(0), s = v(0), t = v(!1), i = v(!1), u = () => {
+    const f = e, n = y(null), a = y(!1), A = y(0), s = y(0), t = y(!1), i = y(!1), u = () => {
       i.value = !0;
     }, l = () => {
       i.value = !1, t.value = !1;
     };
-    function c() {
+    function g() {
       n.value && (a.value ? n.value.pause() : n.value.play(), a.value = !a.value);
     }
-    const g = (I) => {
-      const w = Math.floor(I / 60), k = Math.floor(I % 60);
-      return `${w.toString().padStart(2, "0")}:${k.toString().padStart(2, "0")}`;
-    }, m = x(() => n.value ? g(s.value) : "0:00"), h = x(() => n.value ? g(A.value) : "0:00"), p = x(() => A.value > 0 ? s.value / A.value * 100 : 0), b = x(() => {
+    const c = (_) => {
+      const I = Math.floor(_ / 60), D = Math.floor(_ % 60);
+      return `${I.toString().padStart(2, "0")}:${D.toString().padStart(2, "0")}`;
+    }, m = x(() => n.value ? c(s.value) : "0:00"), M = x(() => n.value ? c(A.value) : "0:00"), p = x(() => A.value > 0 ? s.value / A.value * 100 : 0), v = x(() => {
       switch (f.message.status) {
         case "read":
           return "audio-message__status--read";
@@ -375,8 +375,8 @@ const N = (e, f) => {
           return "";
       }
     });
-    function M(I) {
-      return I.position === "left" ? "audio-message__left" : "audio-message__right";
+    function h(_) {
+      return _.position === "left" ? "audio-message__left" : "audio-message__right";
     }
     return _e(() => {
       n.value.addEventListener("loadedmetadata", () => {
@@ -384,8 +384,8 @@ const N = (e, f) => {
       }), n.value.addEventListener("timeupdate", () => {
         s.value = n.value.currentTime;
       });
-    }), (I, w) => (r(), d("div", {
-      class: E(["audio-message", M(e.message)]),
+    }), (_, I) => (r(), d("div", {
+      class: T(["audio-message", h(e.message)]),
       messageId: e.message.messageId,
       onMouseleave: l
     }, [
@@ -396,8 +396,8 @@ const N = (e, f) => {
         height: "32",
         width: "32",
         style: U({ gridRow: e.message.subText ? "2" : "1" })
-      }, null, 12, ya)) : y("", !0),
-      e.message.subText ? (r(), d("p", va, _(e.message.subText), 1)) : y("", !0),
+      }, null, 12, ya)) : b("", !0),
+      e.message.subText ? (r(), d("p", va, w(e.message.subText), 1)) : b("", !0),
       o("div", {
         class: "audio-message__content",
         onMouseenter: u
@@ -409,16 +409,16 @@ const N = (e, f) => {
         }, null, 8, Ia),
         ae(o("button", {
           class: "audio-message__play",
-          onClick: c
-        }, w[1] || (w[1] = [
+          onClick: g
+        }, I[1] || (I[1] = [
           o("span", { class: "pi pi-play" }, null, -1)
         ]), 512), [
           [pe, !a.value]
         ]),
         ae(o("button", {
           class: "audio-message__pause",
-          onClick: c
-        }, w[2] || (w[2] = [
+          onClick: g
+        }, I[2] || (I[2] = [
           o("span", { class: "pi pi-pause" }, null, -1)
         ]), 512), [
           [pe, a.value]
@@ -429,39 +429,39 @@ const N = (e, f) => {
             style: U({ width: p.value + "%" })
           }, null, 4)
         ]),
-        o("p", wa, _(`${m.value} / ${h.value}`), 1),
+        o("p", wa, w(`${m.value} / ${M.value}`), 1),
         o("div", Da, [
-          o("span", Na, _(e.message.time), 1),
-          M(e.message) === "audio-message__right" && e.message.status ? (r(), d("div", {
+          o("span", Na, w(e.message.time), 1),
+          h(e.message) === "audio-message__right" && e.message.status ? (r(), d("div", {
             key: 0,
-            class: E(["audio-message__status", b.value])
+            class: T(["audio-message__status", v.value])
           }, [
-            e.message.status !== "sent" ? (r(), d("span", ka)) : y("", !0),
-            w[3] || (w[3] = o("span", { class: "pi pi-check" }, null, -1))
-          ], 2)) : y("", !0)
+            e.message.status !== "sent" ? (r(), d("span", ka)) : b("", !0),
+            I[3] || (I[3] = o("span", { class: "pi pi-check" }, null, -1))
+          ], 2)) : b("", !0)
         ]),
         i.value && e.message.actions ? (r(), d("button", {
           key: 0,
           class: "audio-message__menu-button",
-          onClick: w[0] || (w[0] = (k) => t.value = !t.value)
-        }, w[4] || (w[4] = [
+          onClick: I[0] || (I[0] = (D) => t.value = !t.value)
+        }, I[4] || (I[4] = [
           o("span", { class: "pi pi-ellipsis-h" }, null, -1)
-        ]))) : y("", !0),
+        ]))) : b("", !0),
         S(H, null, {
           default: K(() => [
             t.value && e.message.actions ? (r(), Q(de, {
               key: 0,
               class: "audio-message__context-menu",
               actions: e.message.actions,
-              onClick: I.clickAction
-            }, null, 8, ["actions", "onClick"])) : y("", !0)
+              onClick: _.clickAction
+            }, null, 8, ["actions", "onClick"])) : b("", !0)
           ]),
           _: 1
         })
       ], 32)
     ], 42, ba));
   }
-}, Va = /* @__PURE__ */ N(ja, [["__scopeId", "data-v-f1daf135"]]), Ea = { class: "date-message" }, Ta = { class: "date-message__container" }, xa = { class: "date-message__text" }, Sa = {
+}, Va = /* @__PURE__ */ k(ja, [["__scopeId", "data-v-f1daf135"]]), Ea = { class: "date-message" }, Ta = { class: "date-message__container" }, xa = { class: "date-message__text" }, Sa = {
   __name: "DateMessage",
   props: {
     message: {
@@ -474,11 +474,11 @@ const N = (e, f) => {
   setup(e) {
     return (f, n) => (r(), d("div", Ea, [
       o("div", Ta, [
-        o("p", xa, _(e.message.text), 1)
+        o("p", xa, w(e.message.text), 1)
       ])
     ]));
   }
-}, za = /* @__PURE__ */ N(Sa, [["__scopeId", "data-v-2ef5fab4"]]), Oa = {
+}, za = /* @__PURE__ */ k(Sa, [["__scopeId", "data-v-2ef5fab4"]]), Oa = {
   key: 0,
   class: "chat-info__container"
 }, Ca = { class: "chat-info__avatar-container" }, Ua = ["src"], La = {
@@ -508,15 +508,15 @@ const N = (e, f) => {
         }, null, 8, Ua)) : (r(), d("span", La))
       ]),
       o("div", Qa, [
-        o("h2", Ba, _(e.chat.name), 1),
-        e.chat["lastActivity.time"] ? (r(), d("p", Ya, _(e.chat["lastActivity.time"]), 1)) : y("", !0)
+        o("h2", Ba, w(e.chat.name), 1),
+        e.chat["lastActivity.time"] ? (r(), d("p", Ya, w(e.chat["lastActivity.time"]), 1)) : b("", !0)
       ]),
       o("div", Ra, [
         W(a.$slots, "actions", {}, void 0, !0)
       ])
-    ])) : y("", !0);
+    ])) : b("", !0);
   }
-}, eo = /* @__PURE__ */ N(qa, [["__scopeId", "data-v-cf0f3099"]]), Kf = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", Pf = {
+}, io = /* @__PURE__ */ k(qa, [["__scopeId", "data-v-cf0f3099"]]), Kf = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", Pf = {
   recent: "Recently used",
   smileys_people: "Smiles & People",
   animals_nature: "Animals & Nature",
@@ -526,18 +526,18 @@ const N = (e, f) => {
   objects: "Objects",
   symbols: "Symbols",
   flags: "Flags"
-}, Zf = "u", $e = "n", Re = "v", Te = "r", Fa = {
-  [$e]: ["grinning face", "grinning"],
-  [Zf]: "1f600",
+}, $f = "u", Ze = "n", Re = "v", Te = "r", Fa = {
+  [Ze]: ["grinning face", "grinning"],
+  [$f]: "1f600",
   [Te]: "1f600"
-}, He = "neutral", Ja = "1f3fb", Wa = "1f3fc", Ha = "1f3fd", Ka = "1f3fe", Pa = "1f3ff", Za = [
+}, He = "neutral", Ja = "1f3fb", Wa = "1f3fc", Ha = "1f3fd", Ka = "1f3fe", Pa = "1f3ff", $a = [
   He,
   Ja,
   Wa,
   Ha,
   Ka,
   Pa
-], $a = {
+], Za = {
   placeholder: "Search emoji",
   skinTone: "Skin tone"
 }, Ga = ["light", "dark", "auto"], Xa = [
@@ -12537,7 +12537,7 @@ function rA() {
     IDBCursor.prototype.continuePrimaryKey
   ]);
 }
-const $f = /* @__PURE__ */ new WeakMap(), of = /* @__PURE__ */ new WeakMap(), Gf = /* @__PURE__ */ new WeakMap(), af = /* @__PURE__ */ new WeakMap(), lf = /* @__PURE__ */ new WeakMap();
+const Zf = /* @__PURE__ */ new WeakMap(), of = /* @__PURE__ */ new WeakMap(), Gf = /* @__PURE__ */ new WeakMap(), af = /* @__PURE__ */ new WeakMap(), lf = /* @__PURE__ */ new WeakMap();
 function lA(e) {
   const f = new Promise((n, a) => {
     const A = () => {
@@ -12550,7 +12550,7 @@ function lA(e) {
     e.addEventListener("success", s), e.addEventListener("error", t);
   });
   return f.then((n) => {
-    n instanceof IDBCursor && $f.set(n, e);
+    n instanceof IDBCursor && Zf.set(n, e);
   }).catch(() => {
   }), lf.set(f, e), f;
 }
@@ -12596,7 +12596,7 @@ function gA(e) {
     const a = e.call(Af(this), f, ...n);
     return Gf.set(a, f.sort ? f.sort() : [f]), te(a);
   } : rA().includes(e) ? function(...f) {
-    return e.apply(Af(this), f), te($f.get(this));
+    return e.apply(Af(this), f), te(Zf.get(this));
   } : function(...f) {
     return te(e.apply(Af(this), f));
   };
@@ -12697,46 +12697,46 @@ function vA() {
       };
     },
     get disabled() {
-      let g = Array.isArray(this.options.disabledGroups) ? this.options.disabledGroups : [];
-      return this.options.displayRecent || (g = ["recent", ...g]), g;
+      let c = Array.isArray(this.options.disabledGroups) ? this.options.disabledGroups : [];
+      return this.options.displayRecent || (c = ["recent", ...c]), c;
     },
     get groups() {
       return xf.filter(
-        (g) => !this.disabled.includes(g.key)
+        (c) => !this.disabled.includes(c.key)
       );
     },
     get orderedGroupKeys() {
-      const g = [
+      const c = [
         ...this.options.groupOrder,
         ...Object.keys(this.options.additionalGroups),
         ...xf.map((m) => m.key)
       ];
-      return [...new Set(g)].filter((m) => !this.disabled.includes(m));
+      return [...new Set(c)].filter((m) => !this.disabled.includes(m));
     }
   });
   function f() {
     e.options.displayRecent && a();
   }
   async function n() {
-    var g;
+    var c;
     let m = await yA();
-    return Array.isArray(m) && m.length ? m = JSON.parse(((g = m[0]) == null ? void 0 : g.value) || "") : m = [], m;
+    return Array.isArray(m) && m.length ? m = JSON.parse(((c = m[0]) == null ? void 0 : c.value) || "") : m = [], m;
   }
   function a() {
-    n().then((g) => {
-      e.recent = g, l();
+    n().then((c) => {
+      e.recent = c, l();
     });
   }
-  const A = (g) => {
-    e.search = g;
-  }, s = (g) => {
-    e.emoji = g;
-  }, t = (g) => {
-    e.activeGroup = g;
-  }, i = (g = He) => {
-    e.skinTone = g;
-  }, u = (g) => {
-    e.options = Object.assign({}, e.options, g), f();
+  const A = (c) => {
+    e.search = c;
+  }, s = (c) => {
+    e.emoji = c;
+  }, t = (c) => {
+    e.activeGroup = c;
+  }, i = (c = He) => {
+    e.skinTone = c;
+  }, u = (c) => {
+    e.options = Object.assign({}, e.options, c), f();
   };
   async function l() {
     (await cf(df, gf)).transaction(Me, "readwrite").objectStore(Me).put({
@@ -12744,14 +12744,14 @@ function vA() {
       value: JSON.stringify(e.recent)
     });
   }
-  const c = (g) => {
+  const g = (c) => {
     if (e.options.displayRecent !== !0)
       return;
-    const m = e.recent.findIndex((p) => p.u === g.u);
+    const m = e.recent.findIndex((p) => p.u === c.u);
     if (m > 0 && e.recent.splice(m, 1), m === 0)
       return;
-    const h = { u: g.u, n: Jf(g.n) };
-    e.recent = [h, ...e.recent], e.recent.length > 24 && (e.recent.length = 24), l();
+    const M = { u: c.u, n: Jf(c.n) };
+    e.recent = [M, ...e.recent], e.recent.length > 24 && (e.recent.length = 24), l();
   };
   return {
     state: Dn(e),
@@ -12760,10 +12760,10 @@ function vA() {
     updateActiveGroup: t,
     updateSkinTone: i,
     updateOptions: u,
-    updateSelect: c
+    updateSelect: g
   };
 }
-var q = "top", Z = "bottom", $ = "right", F = "left", mf = "auto", ze = [q, Z, $, F], he = "start", xe = "end", IA = "clippingParents", Xf = "viewport", je = "popper", _A = "reference", Cf = /* @__PURE__ */ ze.reduce(function(e, f) {
+var q = "top", $ = "bottom", Z = "right", F = "left", mf = "auto", ze = [q, $, Z, F], he = "start", xe = "end", IA = "clippingParents", Xf = "viewport", je = "popper", _A = "reference", Cf = /* @__PURE__ */ ze.reduce(function(e, f) {
   return e.concat([f + "-" + he, f + "-" + xe]);
 }, []), en = /* @__PURE__ */ [].concat(ze, [mf]).reduce(function(e, f) {
   return e.concat([f, f + "-" + he, f + "-" + xe]);
@@ -12948,10 +12948,10 @@ var BA = function(f, n) {
   })) : f, An(typeof f != "number" ? f : tn(f, ze));
 };
 function YA(e) {
-  var f, n = e.state, a = e.name, A = e.options, s = n.elements.arrow, t = n.modifiersData.popperOffsets, i = ee(n.placement), u = Mf(i), l = [F, $].indexOf(i) >= 0, c = l ? "height" : "width";
+  var f, n = e.state, a = e.name, A = e.options, s = n.elements.arrow, t = n.modifiersData.popperOffsets, i = ee(n.placement), u = Mf(i), l = [F, Z].indexOf(i) >= 0, g = l ? "height" : "width";
   if (!(!s || !t)) {
-    var g = BA(A.padding, n), m = pf(s), h = u === "y" ? q : F, p = u === "y" ? Z : $, b = n.rects.reference[c] + n.rects.reference[u] - t[u] - n.rects.popper[c], M = t[u] - n.rects.reference[u], I = Oe(s), w = I ? u === "y" ? I.clientHeight || 0 : I.clientWidth || 0 : 0, k = b / 2 - M / 2, D = g[h], T = w - m[c] - g[p], j = w / 2 - m[c] / 2 + k, V = Ve(D, j, T), z = u;
-    n.modifiersData[a] = (f = {}, f[z] = V, f.centerOffset = V - j, f);
+    var c = BA(A.padding, n), m = pf(s), M = u === "y" ? q : F, p = u === "y" ? $ : Z, v = n.rects.reference[g] + n.rects.reference[u] - t[u] - n.rects.popper[g], h = t[u] - n.rects.reference[u], _ = Oe(s), I = _ ? u === "y" ? _.clientHeight || 0 : _.clientWidth || 0 : 0, D = v / 2 - h / 2, N = c[M], j = I - m[g] - c[p], V = I / 2 - m[g] / 2 + D, E = Ve(N, V, j), z = u;
+    n.modifiersData[a] = (f = {}, f[z] = E, f.centerOffset = E - V, f);
   }
 }
 function RA(e) {
@@ -12984,17 +12984,17 @@ function JA(e) {
   };
 }
 function Lf(e) {
-  var f, n = e.popper, a = e.popperRect, A = e.placement, s = e.variation, t = e.offsets, i = e.position, u = e.gpuAcceleration, l = e.adaptive, c = e.roundOffsets, g = e.isFixed, m = c === !0 ? JA(t) : typeof c == "function" ? c(t) : t, h = m.x, p = h === void 0 ? 0 : h, b = m.y, M = b === void 0 ? 0 : b, I = t.hasOwnProperty("x"), w = t.hasOwnProperty("y"), k = F, D = q, T = window;
+  var f, n = e.popper, a = e.popperRect, A = e.placement, s = e.variation, t = e.offsets, i = e.position, u = e.gpuAcceleration, l = e.adaptive, g = e.roundOffsets, c = e.isFixed, m = g === !0 ? JA(t) : typeof g == "function" ? g(t) : t, M = m.x, p = M === void 0 ? 0 : M, v = m.y, h = v === void 0 ? 0 : v, _ = t.hasOwnProperty("x"), I = t.hasOwnProperty("y"), D = F, N = q, j = window;
   if (l) {
-    var j = Oe(n), V = "clientHeight", z = "clientWidth";
-    if (j === X(n) && (j = se(n), ne(j).position !== "static" && i === "absolute" && (V = "scrollHeight", z = "scrollWidth")), j = j, A === q || (A === F || A === $) && s === xe) {
-      D = Z;
-      var L = g && T.visualViewport ? T.visualViewport.height : j[V];
-      M -= L - a.height, M *= u ? 1 : -1;
+    var V = Oe(n), E = "clientHeight", z = "clientWidth";
+    if (V === X(n) && (V = se(n), ne(V).position !== "static" && i === "absolute" && (E = "scrollHeight", z = "scrollWidth")), V = V, A === q || (A === F || A === Z) && s === xe) {
+      N = $;
+      var L = c && j.visualViewport ? j.visualViewport.height : V[E];
+      h -= L - a.height, h *= u ? 1 : -1;
     }
-    if (A === F || (A === q || A === Z) && s === xe) {
-      k = $;
-      var O = g && T.visualViewport ? T.visualViewport.width : j[z];
+    if (A === F || (A === q || A === $) && s === xe) {
+      D = Z;
+      var O = c && j.visualViewport ? j.visualViewport.width : V[z];
       p -= O - a.width, p *= u ? 1 : -1;
     }
   }
@@ -13003,9 +13003,9 @@ function Lf(e) {
   }, l && FA);
   if (u) {
     var Y;
-    return Object.assign({}, C, (Y = {}, Y[D] = w ? "0" : "", Y[k] = I ? "0" : "", Y.transform = (T.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + M + "px)" : "translate3d(" + p + "px, " + M + "px, 0)", Y));
+    return Object.assign({}, C, (Y = {}, Y[N] = I ? "0" : "", Y[D] = _ ? "0" : "", Y.transform = (j.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + h + "px)" : "translate3d(" + p + "px, " + h + "px, 0)", Y));
   }
-  return Object.assign({}, C, (f = {}, f[D] = w ? M + "px" : "", f[k] = I ? p + "px" : "", f.transform = "", f));
+  return Object.assign({}, C, (f = {}, f[N] = I ? h + "px" : "", f[D] = _ ? p + "px" : "", f.transform = "", f));
 }
 function WA(e) {
   var f = e.state, n = e.options, a = n.gpuAcceleration, A = a === void 0 ? !0 : a, s = n.adaptive, t = s === void 0 ? !0 : s, i = n.roundOffsets, u = i === void 0 ? !0 : i, l = {
@@ -13041,11 +13041,11 @@ var HA = {
 };
 function KA(e) {
   var f = e.state, n = e.instance, a = e.options, A = a.scroll, s = A === void 0 ? !0 : A, t = a.resize, i = t === void 0 ? !0 : t, u = X(f.elements.popper), l = [].concat(f.scrollParents.reference, f.scrollParents.popper);
-  return s && l.forEach(function(c) {
-    c.addEventListener("scroll", n.update, qe);
+  return s && l.forEach(function(g) {
+    g.addEventListener("scroll", n.update, qe);
   }), i && u.addEventListener("resize", n.update, qe), function() {
-    s && l.forEach(function(c) {
-      c.removeEventListener("scroll", n.update, qe);
+    s && l.forEach(function(g) {
+      g.removeEventListener("scroll", n.update, qe);
     }), i && u.removeEventListener("resize", n.update, qe);
   };
 }
@@ -13057,7 +13057,7 @@ var PA = {
   },
   effect: KA,
   data: {}
-}, ZA = {
+}, $A = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -13065,16 +13065,16 @@ var PA = {
 };
 function Je(e) {
   return e.replace(/left|right|bottom|top/g, function(f) {
-    return ZA[f];
+    return $A[f];
   });
 }
-var $A = {
+var ZA = {
   start: "end",
   end: "start"
 };
 function Qf(e) {
   return e.replace(/start|end/g, function(f) {
-    return $A[f];
+    return ZA[f];
   });
 }
 function hf(e) {
@@ -13155,13 +13155,13 @@ function on(e) {
         y: f.y - n.height
       };
       break;
-    case Z:
+    case $:
       u = {
         x: t,
         y: f.y + f.height
       };
       break;
-    case $:
+    case Z:
       u = {
         x: f.x + f.width,
         y: i
@@ -13181,13 +13181,13 @@ function on(e) {
   }
   var l = A ? Mf(A) : null;
   if (l != null) {
-    var c = l === "y" ? "height" : "width";
+    var g = l === "y" ? "height" : "width";
     switch (s) {
       case he:
-        u[l] = u[l] - (f[c] / 2 - n[c] / 2);
+        u[l] = u[l] - (f[g] / 2 - n[g] / 2);
         break;
       case xe:
-        u[l] = u[l] + (f[c] / 2 - n[c] / 2);
+        u[l] = u[l] + (f[g] / 2 - n[g] / 2);
         break;
     }
   }
@@ -13195,21 +13195,21 @@ function on(e) {
 }
 function Se(e, f) {
   f === void 0 && (f = {});
-  var n = f, a = n.placement, A = a === void 0 ? e.placement : a, s = n.boundary, t = s === void 0 ? IA : s, i = n.rootBoundary, u = i === void 0 ? Xf : i, l = n.elementContext, c = l === void 0 ? je : l, g = n.altBoundary, m = g === void 0 ? !1 : g, h = n.padding, p = h === void 0 ? 0 : h, b = An(typeof p != "number" ? p : tn(p, ze)), M = c === je ? _A : je, I = e.rects.popper, w = e.elements[m ? M : c], k = nt(be(w) ? w : w.contextElement || se(e.elements.popper), t, u), D = ve(e.elements.reference), T = on({
-    reference: D,
-    element: I,
+  var n = f, a = n.placement, A = a === void 0 ? e.placement : a, s = n.boundary, t = s === void 0 ? IA : s, i = n.rootBoundary, u = i === void 0 ? Xf : i, l = n.elementContext, g = l === void 0 ? je : l, c = n.altBoundary, m = c === void 0 ? !1 : c, M = n.padding, p = M === void 0 ? 0 : M, v = An(typeof p != "number" ? p : tn(p, ze)), h = g === je ? _A : je, _ = e.rects.popper, I = e.elements[m ? h : g], D = nt(be(I) ? I : I.contextElement || se(e.elements.popper), t, u), N = ve(e.elements.reference), j = on({
+    reference: N,
+    element: _,
     strategy: "absolute",
     placement: A
-  }), j = rf(Object.assign({}, I, T)), V = c === je ? j : D, z = {
-    top: k.top - V.top + b.top,
-    bottom: V.bottom - k.bottom + b.bottom,
-    left: k.left - V.left + b.left,
-    right: V.right - k.right + b.right
+  }), V = rf(Object.assign({}, _, j)), E = g === je ? V : N, z = {
+    top: D.top - E.top + v.top,
+    bottom: E.bottom - D.bottom + v.bottom,
+    left: D.left - E.left + v.left,
+    right: E.right - D.right + v.right
   }, L = e.modifiersData.offset;
-  if (c === je && L) {
+  if (g === je && L) {
     var O = L[A];
     Object.keys(z).forEach(function(C) {
-      var Y = [$, Z].indexOf(C) >= 0 ? 1 : -1, ie = [q, Z].indexOf(C) >= 0 ? "y" : "x";
+      var Y = [Z, $].indexOf(C) >= 0 ? 1 : -1, ie = [q, $].indexOf(C) >= 0 ? "y" : "x";
       z[C] += O[ie] * Y;
     });
   }
@@ -13217,22 +13217,22 @@ function Se(e, f) {
 }
 function at(e, f) {
   f === void 0 && (f = {});
-  var n = f, a = n.placement, A = n.boundary, s = n.rootBoundary, t = n.padding, i = n.flipVariations, u = n.allowedAutoPlacements, l = u === void 0 ? en : u, c = Ie(a), g = c ? i ? Cf : Cf.filter(function(p) {
-    return Ie(p) === c;
-  }) : ze, m = g.filter(function(p) {
+  var n = f, a = n.placement, A = n.boundary, s = n.rootBoundary, t = n.padding, i = n.flipVariations, u = n.allowedAutoPlacements, l = u === void 0 ? en : u, g = Ie(a), c = g ? i ? Cf : Cf.filter(function(p) {
+    return Ie(p) === g;
+  }) : ze, m = c.filter(function(p) {
     return l.indexOf(p) >= 0;
   });
-  m.length === 0 && (m = g);
-  var h = m.reduce(function(p, b) {
-    return p[b] = Se(e, {
-      placement: b,
+  m.length === 0 && (m = c);
+  var M = m.reduce(function(p, v) {
+    return p[v] = Se(e, {
+      placement: v,
       boundary: A,
       rootBoundary: s,
       padding: t
-    })[ee(b)], p;
+    })[ee(v)], p;
   }, {});
-  return Object.keys(h).sort(function(p, b) {
-    return h[p] - h[b];
+  return Object.keys(M).sort(function(p, v) {
+    return M[p] - M[v];
   });
 }
 function At(e) {
@@ -13244,24 +13244,24 @@ function At(e) {
 function tt(e) {
   var f = e.state, n = e.options, a = e.name;
   if (!f.modifiersData[a]._skip) {
-    for (var A = n.mainAxis, s = A === void 0 ? !0 : A, t = n.altAxis, i = t === void 0 ? !0 : t, u = n.fallbackPlacements, l = n.padding, c = n.boundary, g = n.rootBoundary, m = n.altBoundary, h = n.flipVariations, p = h === void 0 ? !0 : h, b = n.allowedAutoPlacements, M = f.options.placement, I = ee(M), w = I === M, k = u || (w || !p ? [Je(M)] : At(M)), D = [M].concat(k).reduce(function(ge, Ae) {
+    for (var A = n.mainAxis, s = A === void 0 ? !0 : A, t = n.altAxis, i = t === void 0 ? !0 : t, u = n.fallbackPlacements, l = n.padding, g = n.boundary, c = n.rootBoundary, m = n.altBoundary, M = n.flipVariations, p = M === void 0 ? !0 : M, v = n.allowedAutoPlacements, h = f.options.placement, _ = ee(h), I = _ === h, D = u || (I || !p ? [Je(h)] : At(h)), N = [h].concat(D).reduce(function(ge, Ae) {
       return ge.concat(ee(Ae) === mf ? at(f, {
         placement: Ae,
-        boundary: c,
-        rootBoundary: g,
+        boundary: g,
+        rootBoundary: c,
         padding: l,
         flipVariations: p,
-        allowedAutoPlacements: b
+        allowedAutoPlacements: v
       }) : Ae);
-    }, []), T = f.rects.reference, j = f.rects.popper, V = /* @__PURE__ */ new Map(), z = !0, L = D[0], O = 0; O < D.length; O++) {
-      var C = D[O], Y = ee(C), ie = Ie(C) === he, we = [q, Z].indexOf(Y) >= 0, De = we ? "width" : "height", J = Se(f, {
+    }, []), j = f.rects.reference, V = f.rects.popper, E = /* @__PURE__ */ new Map(), z = !0, L = N[0], O = 0; O < N.length; O++) {
+      var C = N[O], Y = ee(C), ie = Ie(C) === he, we = [q, $].indexOf(Y) >= 0, De = we ? "width" : "height", J = Se(f, {
         placement: C,
-        boundary: c,
-        rootBoundary: g,
+        boundary: g,
+        rootBoundary: c,
         altBoundary: m,
         padding: l
-      }), G = we ? ie ? $ : F : ie ? Z : q;
-      T[De] > j[De] && (G = Je(G));
+      }), G = we ? ie ? Z : F : ie ? $ : q;
+      j[De] > V[De] && (G = Je(G));
       var Ue = Je(G), oe = [];
       if (s && oe.push(J[Y] <= 0), i && oe.push(J[G] <= 0, J[Ue] <= 0), oe.every(function(ge) {
         return ge;
@@ -13269,12 +13269,12 @@ function tt(e) {
         L = C, z = !1;
         break;
       }
-      V.set(C, oe);
+      E.set(C, oe);
     }
     if (z)
       for (var Le = p ? 3 : 1, Xe = function(Ae) {
-        var ke = D.find(function(Be) {
-          var ue = V.get(Be);
+        var ke = N.find(function(Be) {
+          var ue = E.get(Be);
           if (ue)
             return ue.slice(0, Ae).every(function(ef) {
               return ef;
@@ -13312,7 +13312,7 @@ function Yf(e, f, n) {
   };
 }
 function Rf(e) {
-  return [q, $, Z, F].some(function(f) {
+  return [q, Z, $, F].some(function(f) {
     return e[f] >= 0;
   });
 }
@@ -13321,15 +13321,15 @@ function it(e) {
     elementContext: "reference"
   }), i = Se(f, {
     altBoundary: !0
-  }), u = Yf(t, a), l = Yf(i, A, s), c = Rf(u), g = Rf(l);
+  }), u = Yf(t, a), l = Yf(i, A, s), g = Rf(u), c = Rf(l);
   f.modifiersData[n] = {
     referenceClippingOffsets: u,
     popperEscapeOffsets: l,
-    isReferenceHidden: c,
-    hasPopperEscaped: g
+    isReferenceHidden: g,
+    hasPopperEscaped: c
   }, f.attributes.popper = Object.assign({}, f.attributes.popper, {
-    "data-popper-reference-hidden": c,
-    "data-popper-escaped": g
+    "data-popper-reference-hidden": g,
+    "data-popper-escaped": c
   });
 }
 var ot = {
@@ -13343,7 +13343,7 @@ function ut(e, f, n) {
   var a = ee(e), A = [F, q].indexOf(a) >= 0 ? -1 : 1, s = typeof n == "function" ? n(Object.assign({}, f, {
     placement: e
   })) : n, t = s[0], i = s[1];
-  return t = t || 0, i = (i || 0) * A, [F, $].indexOf(a) >= 0 ? {
+  return t = t || 0, i = (i || 0) * A, [F, Z].indexOf(a) >= 0 ? {
     x: i,
     y: t
   } : {
@@ -13352,8 +13352,8 @@ function ut(e, f, n) {
   };
 }
 function rt(e) {
-  var f = e.state, n = e.options, a = e.name, A = n.offset, s = A === void 0 ? [0, 0] : A, t = en.reduce(function(c, g) {
-    return c[g] = ut(g, f.rects, s), c;
+  var f = e.state, n = e.options, a = e.name, A = n.offset, s = A === void 0 ? [0, 0] : A, t = en.reduce(function(g, c) {
+    return g[c] = ut(c, f.rects, s), g;
   }, {}), i = t[f.placement], u = i.x, l = i.y;
   f.modifiersData.popperOffsets != null && (f.modifiersData.popperOffsets.x += u, f.modifiersData.popperOffsets.y += l), f.modifiersData[a] = t;
 }
@@ -13384,14 +13384,14 @@ function gt(e) {
   return e === "x" ? "y" : "x";
 }
 function mt(e) {
-  var f = e.state, n = e.options, a = e.name, A = n.mainAxis, s = A === void 0 ? !0 : A, t = n.altAxis, i = t === void 0 ? !1 : t, u = n.boundary, l = n.rootBoundary, c = n.altBoundary, g = n.padding, m = n.tether, h = m === void 0 ? !0 : m, p = n.tetherOffset, b = p === void 0 ? 0 : p, M = Se(f, {
+  var f = e.state, n = e.options, a = e.name, A = n.mainAxis, s = A === void 0 ? !0 : A, t = n.altAxis, i = t === void 0 ? !1 : t, u = n.boundary, l = n.rootBoundary, g = n.altBoundary, c = n.padding, m = n.tether, M = m === void 0 ? !0 : m, p = n.tetherOffset, v = p === void 0 ? 0 : p, h = Se(f, {
     boundary: u,
     rootBoundary: l,
-    padding: g,
-    altBoundary: c
-  }), I = ee(f.placement), w = Ie(f.placement), k = !w, D = Mf(I), T = gt(D), j = f.modifiersData.popperOffsets, V = f.rects.reference, z = f.rects.popper, L = typeof b == "function" ? b(Object.assign({}, f.rects, {
+    padding: c,
+    altBoundary: g
+  }), _ = ee(f.placement), I = Ie(f.placement), D = !I, N = Mf(_), j = gt(N), V = f.modifiersData.popperOffsets, E = f.rects.reference, z = f.rects.popper, L = typeof v == "function" ? v(Object.assign({}, f.rects, {
     placement: f.placement
-  })) : b, O = typeof L == "number" ? {
+  })) : v, O = typeof L == "number" ? {
     mainAxis: L,
     altAxis: L
   } : Object.assign({
@@ -13401,17 +13401,17 @@ function mt(e) {
     x: 0,
     y: 0
   };
-  if (j) {
+  if (V) {
     if (s) {
-      var ie, we = D === "y" ? q : F, De = D === "y" ? Z : $, J = D === "y" ? "height" : "width", G = j[D], Ue = G + M[we], oe = G - M[De], Le = h ? -z[J] / 2 : 0, Xe = w === he ? V[J] : z[J], Ne = w === he ? -z[J] : -V[J], Qe = f.elements.arrow, ge = h && Qe ? pf(Qe) : {
+      var ie, we = N === "y" ? q : F, De = N === "y" ? $ : Z, J = N === "y" ? "height" : "width", G = V[N], Ue = G + h[we], oe = G - h[De], Le = M ? -z[J] / 2 : 0, Xe = I === he ? E[J] : z[J], Ne = I === he ? -z[J] : -E[J], Qe = f.elements.arrow, ge = M && Qe ? pf(Qe) : {
         width: 0,
         height: 0
-      }, Ae = f.modifiersData["arrow#persistent"] ? f.modifiersData["arrow#persistent"].padding : an(), ke = Ae[we], Be = Ae[De], ue = Ve(0, V[J], ge[J]), ef = k ? V[J] / 2 - Le - ue - ke - O.mainAxis : Xe - ue - ke - O.mainAxis, dn = k ? -V[J] / 2 + Le + ue + Be + O.mainAxis : Ne + ue + Be + O.mainAxis, ff = f.elements.arrow && Oe(f.elements.arrow), gn = ff ? D === "y" ? ff.clientTop || 0 : ff.clientLeft || 0 : 0, vf = (ie = C == null ? void 0 : C[D]) != null ? ie : 0, mn = G + ef - vf - gn, pn = G + dn - vf, If = Ve(h ? Ke(Ue, mn) : Ue, G, h ? le(oe, pn) : oe);
-      j[D] = If, Y[D] = If - G;
+      }, Ae = f.modifiersData["arrow#persistent"] ? f.modifiersData["arrow#persistent"].padding : an(), ke = Ae[we], Be = Ae[De], ue = Ve(0, E[J], ge[J]), ef = D ? E[J] / 2 - Le - ue - ke - O.mainAxis : Xe - ue - ke - O.mainAxis, dn = D ? -E[J] / 2 + Le + ue + Be + O.mainAxis : Ne + ue + Be + O.mainAxis, ff = f.elements.arrow && Oe(f.elements.arrow), gn = ff ? N === "y" ? ff.clientTop || 0 : ff.clientLeft || 0 : 0, vf = (ie = C == null ? void 0 : C[N]) != null ? ie : 0, mn = G + ef - vf - gn, pn = G + dn - vf, If = Ve(M ? Ke(Ue, mn) : Ue, G, M ? le(oe, pn) : oe);
+      V[N] = If, Y[N] = If - G;
     }
     if (i) {
-      var _f, Mn = D === "x" ? q : F, hn = D === "x" ? Z : $, re = j[T], Ye = T === "y" ? "height" : "width", wf = re + M[Mn], Df = re - M[hn], nf = [q, F].indexOf(I) !== -1, Nf = (_f = C == null ? void 0 : C[T]) != null ? _f : 0, kf = nf ? wf : re - V[Ye] - z[Ye] - Nf + O.altAxis, jf = nf ? re + V[Ye] + z[Ye] - Nf - O.altAxis : Df, Vf = h && nf ? QA(kf, re, jf) : Ve(h ? kf : wf, re, h ? jf : Df);
-      j[T] = Vf, Y[T] = Vf - re;
+      var _f, Mn = N === "x" ? q : F, hn = N === "x" ? $ : Z, re = V[j], Ye = j === "y" ? "height" : "width", wf = re + h[Mn], Df = re - h[hn], nf = [q, F].indexOf(_) !== -1, Nf = (_f = C == null ? void 0 : C[j]) != null ? _f : 0, kf = nf ? wf : re - E[Ye] - z[Ye] - Nf + O.altAxis, jf = nf ? re + E[Ye] + z[Ye] - Nf - O.altAxis : Df, Vf = M && nf ? QA(kf, re, jf) : Ve(M ? kf : wf, re, M ? jf : Df);
+      V[j] = Vf, Y[j] = Vf - re;
     }
     f.modifiersData[a] = Y;
   }
@@ -13518,7 +13518,7 @@ function Dt(e) {
   var f = e, n = f.defaultModifiers, a = n === void 0 ? [] : n, A = f.defaultOptions, s = A === void 0 ? qf : A;
   return function(i, u, l) {
     l === void 0 && (l = s);
-    var c = {
+    var g = {
       placement: "bottom",
       orderedModifiers: [],
       options: Object.assign({}, qf, s),
@@ -13529,80 +13529,80 @@ function Dt(e) {
       },
       attributes: {},
       styles: {}
-    }, g = [], m = !1, h = {
-      state: c,
-      setOptions: function(I) {
-        var w = typeof I == "function" ? I(c.options) : I;
-        b(), c.options = Object.assign({}, s, c.options, w), c.scrollParents = {
+    }, c = [], m = !1, M = {
+      state: g,
+      setOptions: function(_) {
+        var I = typeof _ == "function" ? _(g.options) : _;
+        v(), g.options = Object.assign({}, s, g.options, I), g.scrollParents = {
           reference: be(i) ? Ee(i) : i.contextElement ? Ee(i.contextElement) : [],
           popper: Ee(u)
         };
-        var k = It(wt([].concat(a, c.options.modifiers)));
-        return c.orderedModifiers = k.filter(function(D) {
-          return D.enabled;
-        }), p(), h.update();
+        var D = It(wt([].concat(a, g.options.modifiers)));
+        return g.orderedModifiers = D.filter(function(N) {
+          return N.enabled;
+        }), p(), M.update();
       },
       forceUpdate: function() {
         if (!m) {
-          var I = c.elements, w = I.reference, k = I.popper;
-          if (Ff(w, k)) {
-            c.rects = {
-              reference: yt(w, Oe(k), c.options.strategy === "fixed"),
-              popper: pf(k)
-            }, c.reset = !1, c.placement = c.options.placement, c.orderedModifiers.forEach(function(O) {
-              return c.modifiersData[O.name] = Object.assign({}, O.data);
+          var _ = g.elements, I = _.reference, D = _.popper;
+          if (Ff(I, D)) {
+            g.rects = {
+              reference: yt(I, Oe(D), g.options.strategy === "fixed"),
+              popper: pf(D)
+            }, g.reset = !1, g.placement = g.options.placement, g.orderedModifiers.forEach(function(O) {
+              return g.modifiersData[O.name] = Object.assign({}, O.data);
             });
-            for (var D = 0; D < c.orderedModifiers.length; D++) {
-              if (c.reset === !0) {
-                c.reset = !1, D = -1;
+            for (var N = 0; N < g.orderedModifiers.length; N++) {
+              if (g.reset === !0) {
+                g.reset = !1, N = -1;
                 continue;
               }
-              var T = c.orderedModifiers[D], j = T.fn, V = T.options, z = V === void 0 ? {} : V, L = T.name;
-              typeof j == "function" && (c = j({
-                state: c,
+              var j = g.orderedModifiers[N], V = j.fn, E = j.options, z = E === void 0 ? {} : E, L = j.name;
+              typeof V == "function" && (g = V({
+                state: g,
                 options: z,
                 name: L,
-                instance: h
-              }) || c);
+                instance: M
+              }) || g);
             }
           }
         }
       },
       update: _t(function() {
-        return new Promise(function(M) {
-          h.forceUpdate(), M(c);
+        return new Promise(function(h) {
+          M.forceUpdate(), h(g);
         });
       }),
       destroy: function() {
-        b(), m = !0;
+        v(), m = !0;
       }
     };
     if (!Ff(i, u))
-      return h;
-    h.setOptions(l).then(function(M) {
-      !m && l.onFirstUpdate && l.onFirstUpdate(M);
+      return M;
+    M.setOptions(l).then(function(h) {
+      !m && l.onFirstUpdate && l.onFirstUpdate(h);
     });
     function p() {
-      c.orderedModifiers.forEach(function(M) {
-        var I = M.name, w = M.options, k = w === void 0 ? {} : w, D = M.effect;
-        if (typeof D == "function") {
-          var T = D({
-            state: c,
-            name: I,
-            instance: h,
-            options: k
-          }), j = function() {
+      g.orderedModifiers.forEach(function(h) {
+        var _ = h.name, I = h.options, D = I === void 0 ? {} : I, N = h.effect;
+        if (typeof N == "function") {
+          var j = N({
+            state: g,
+            name: _,
+            instance: M,
+            options: D
+          }), V = function() {
           };
-          g.push(T || j);
+          c.push(j || V);
         }
       });
     }
-    function b() {
-      g.forEach(function(M) {
-        return M();
-      }), g = [];
+    function v() {
+      c.forEach(function(h) {
+        return h();
+      }), c = [];
     }
-    return h;
+    return M;
   };
 }
 var Nt = [PA, dt, HA, CA, lt, st, pt, qA, ot], kt = /* @__PURE__ */ Dt({
@@ -13619,13 +13619,13 @@ function jt(e, f, n, a = []) {
     const t = [];
     e[s].forEach((i) => {
       var u;
-      if (i[$e][0].includes(f.toLocaleLowerCase())) {
-        let l = i[Zf];
+      if (i[Ze][0].includes(f.toLocaleLowerCase())) {
+        let l = i[$f];
         if (n !== He && Array.isArray(i[Re])) {
-          const c = ((u = i[Re]) == null ? void 0 : u.findIndex(
-            (g) => g.includes(n)
+          const g = ((u = i[Re]) == null ? void 0 : u.findIndex(
+            (c) => c.includes(n)
           )) || -1;
-          c !== -1 && i[Re] && (l = i[Re][c]);
+          g !== -1 && i[Re] && (l = i[Re][g]);
         }
         return t.push({
           ...i,
@@ -13657,7 +13657,7 @@ const Vt = ce({
     select: (e) => !0
   },
   setup() {
-    const { state: e, updateEmoji: f, updateSelect: n } = Pe("store"), a = v(null), A = x(() => jt(
+    const { state: e, updateEmoji: f, updateSelect: n } = Pe("store"), a = y(null), A = x(() => jt(
       e.emojis,
       e.search,
       e.skinTone,
@@ -13666,8 +13666,8 @@ const Vt = ce({
     e.options.additionalGroups && Object.keys(e.options.additionalGroups).map((p) => {
       e.options.groupNames[p] ? u[p] = e.options.groupNames[p] : u[p] = ln(p);
     });
-    const c = rn() ? "is-mac" : "";
-    function g(p) {
+    const g = rn() ? "is-mac" : "";
+    function c(p) {
       f(p);
     }
     function m(p) {
@@ -13677,17 +13677,17 @@ const Vt = ce({
         i: We(p.r)
       });
     }
-    function h(p, b) {
-      var M;
-      const I = (M = p == null ? void 0 : p.target) == null ? void 0 : M.closest("button");
-      I && (I.innerHTML = `<span>${We(b)}</span>`);
+    function M(p, v) {
+      var h;
+      const _ = (h = p == null ? void 0 : p.target) == null ? void 0 : h.closest("button");
+      _ && (_.innerHTML = `<span>${We(v)}</span>`);
     }
-    return Ze(
+    return $e(
       () => e.activeGroup,
       () => {
         var p;
-        const b = (p = a.value) == null ? void 0 : p.querySelector("#" + e.activeGroup);
-        b && (b.parentNode.scrollTop = b.offsetTop - b.parentNode.offsetTop);
+        const v = (p = a.value) == null ? void 0 : p.querySelector("#" + e.activeGroup);
+        v && (v.parentNode.scrollTop = v.offsetTop - v.parentNode.offsetTop);
       }
     ), {
       emojis: A,
@@ -13695,15 +13695,15 @@ const Vt = ce({
       EMOJI_REMOTE_SRC: Kf,
       GROUP_NAMES: Pf,
       handleClick: m,
-      handleError: h,
-      handleMouseEnter: g,
+      handleError: M,
+      handleMouseEnter: c,
       native: e.options.native,
       unicodeToEmoji: We,
       EMOJI_RESULT_KEY: Te,
-      EMOJI_NAME_KEY: $e,
+      EMOJI_NAME_KEY: Ze,
       hasGroupNames: t,
       isSticky: i,
-      platform: c,
+      platform: g,
       groupNames: u,
       orderedKeys: l
     };
@@ -13716,7 +13716,7 @@ function Ut(e, f, n, a, A, s) {
   return r(), d("div", Et, [
     o("div", {
       ref: "bodyInner",
-      class: E([e.platform, "v3-body-inner"])
+      class: T([e.platform, "v3-body-inner"])
     }, [
       e.orderedKeys.length ? (r(!0), d(B, { key: 0 }, R(e.orderedKeys, (t) => (r(), d("div", {
         id: t,
@@ -13725,10 +13725,10 @@ function Ut(e, f, n, a, A, s) {
       }, [
         e.hasGroupNames ? ae((r(), d("h5", {
           key: 0,
-          class: E(e.isSticky ? "v3-sticky" : "")
-        }, _(e.groupNames[t]), 3)), [
+          class: T(e.isSticky ? "v3-sticky" : "")
+        }, w(e.groupNames[t]), 3)), [
           [pe, e.emojis[t]]
-        ]) : y("", !0),
+        ]) : b("", !0),
         ae(o("div", xt, [
           (r(!0), d(B, null, R(e.emojis[t], (i) => (r(), d("button", {
             key: i.r,
@@ -13736,7 +13736,7 @@ function Ut(e, f, n, a, A, s) {
             onMouseenter: (u) => e.handleMouseEnter(i),
             onClick: (u) => e.handleClick(i)
           }, [
-            e.native ? (r(), d("span", zt, _(e.unicodeToEmoji(i.r)), 1)) : (r(), d("img", {
+            e.native ? (r(), d("span", zt, w(e.unicodeToEmoji(i.r)), 1)) : (r(), d("img", {
               key: 1,
               src: e.EMOJI_REMOTE_SRC + `/${i.r}.png`,
               alt: i.n[0],
@@ -13758,19 +13758,19 @@ const Ht = ce({
       () => f.options.staticTexts.placeholder || ""
     ), u = x({
       get: () => f.search,
-      set: (g) => n(g)
+      set: (c) => n(c)
     }), l = [
       ...f.groups,
-      ...Object.keys(f.options.additionalGroups).map((g) => ({
-        key: g,
-        title: f.options.groupNames[g] ? f.options.groupNames[g] : ln(g)
+      ...Object.keys(f.options.additionalGroups).map((c) => ({
+        key: c,
+        title: f.options.groupNames[c] ? f.options.groupNames[c] : ln(c)
       }))
-    ], c = [];
-    return t.forEach((g) => {
-      const m = l.findIndex((h) => h.key === g);
-      m !== -1 && (c.push(l[m]), l.splice(m, 1));
+    ], g = [];
+    return t.forEach((c) => {
+      const m = l.findIndex((M) => M.key === c);
+      m !== -1 && (g.push(l[m]), l.splice(m, 1));
     }), {
-      orderedGroups: c,
+      orderedGroups: g,
       orderedKeys: t,
       searchValue: u,
       updateActiveGroup: a,
@@ -13797,7 +13797,7 @@ const Ht = ce({
 }, Pt = {
   key: 0,
   class: "v3-groups"
-}, Zt = ["onClick"], $t = ["title"], Gt = ["src"], Xt = {
+}, $t = ["onClick"], Zt = ["title"], Gt = ["src"], Xt = {
   key: 1,
   class: "v3-spacing"
 }, e1 = {
@@ -13810,7 +13810,7 @@ function n1(e, f, n, a, A, s) {
       (r(!0), d(B, null, R(e.orderedGroups, (t) => (r(), d("button", {
         key: t.key,
         type: "button",
-        class: E(["v3-group", {
+        class: T(["v3-group", {
           "v3-is-hidden": !e.icons[t.key]
         }]),
         onClick: (i) => e.updateActiveGroup(t.key)
@@ -13823,10 +13823,10 @@ function n1(e, f, n, a, A, s) {
             src: e.icons[t.key],
             alt: ""
           }, null, 8, Gt)
-        ], 8, $t)
-      ], 10, Zt))), 128))
-    ])) : y("", !0),
-    e.hasGroupIcons && e.hasSearch ? (r(), d("div", Xt)) : y("", !0),
+        ], 8, Zt)
+      ], 10, $t))), 128))
+    ])) : b("", !0),
+    e.hasGroupIcons && e.hasSearch ? (r(), d("div", Xt)) : b("", !0),
     e.hasSearch ? (r(), d("div", e1, [
       ae(o("input", {
         "onUpdate:modelValue": f[0] || (f[0] = (t) => e.searchValue = t),
@@ -13835,14 +13835,14 @@ function n1(e, f, n, a, A, s) {
       }, null, 8, f1), [
         [Wf, e.searchValue]
       ])
-    ])) : y("", !0)
-  ])) : y("", !0);
+    ])) : b("", !0)
+  ])) : b("", !0);
 }
 var a1 = /* @__PURE__ */ Ce(Ht, [["render", n1]]);
 const A1 = ce({
   name: "Header",
   setup() {
-    const { state: e, updateSkinTone: f } = Pe("store"), n = v(!1), a = v(!1), A = x(() => e.skinTone), s = x(
+    const { state: e, updateSkinTone: f } = Pe("store"), n = y(!1), a = y(!1), A = x(() => e.skinTone), s = x(
       () => e.options.staticTexts.skinTone || "Skin tone"
     ), t = x(() => !e.options.disableSkinTones), i = rn() ? "is-mac" : "", u = x(() => ({
       ...e.emoji,
@@ -13851,27 +13851,27 @@ const A1 = ce({
     function l(m = !0) {
       n.value = m;
     }
-    function c() {
+    function g() {
       n.value = !n.value;
     }
-    function g(m) {
+    function c(m) {
       f(m), l(!1);
     }
-    return Ze(
+    return $e(
       () => e.emoji,
       () => {
         a.value = !1;
       }
     ), {
       emoji: u,
-      SKIN_TONES: Za,
+      SKIN_TONES: $a,
       updateSkinToneState: l,
       skinTone: n,
       stateSkinTone: A,
-      selectSkinTone: g,
-      toggleSkinToneState: c,
+      selectSkinTone: c,
+      toggleSkinToneState: g,
       EMOJI_RESULT_KEY: Te,
-      EMOJI_NAME_KEY: $e,
+      EMOJI_NAME_KEY: Ze,
       skinToneText: s,
       hasSkinTones: t,
       native: e.options.native,
@@ -13888,16 +13888,16 @@ function l1(e, f, n, a, A, s) {
   }, [
     o("div", t1, [
       o("span", {
-        class: E([e.platform, "v3-icon"])
+        class: T([e.platform, "v3-icon"])
       }, [
-        e.native || e.hasError ? (r(), d("span", s1, _(e.unicodeToEmoji(e.emoji.r)), 1)) : (r(), d("img", {
+        e.native || e.hasError ? (r(), d("span", s1, w(e.unicodeToEmoji(e.emoji.r)), 1)) : (r(), d("img", {
           key: 1,
           alt: e.unicodeToEmoji(e.emoji.r),
           src: e.emoji.src,
           onError: f[0] || (f[0] = (t) => e.hasError = !0)
         }, null, 40, i1))
       ], 2),
-      o("span", o1, " :" + _(e.emoji[e.EMOJI_NAME_KEY][1] || e.emoji[e.EMOJI_NAME_KEY][0]) + ": ", 1)
+      o("span", o1, " :" + w(e.emoji[e.EMOJI_NAME_KEY][1] || e.emoji[e.EMOJI_NAME_KEY][0]) + ": ", 1)
     ]),
     e.hasSkinTones ? (r(), d(B, { key: 0 }, [
       o("button", {
@@ -13905,22 +13905,22 @@ function l1(e, f, n, a, A, s) {
         class: "v3-tone",
         onClick: f[1] || (f[1] = (...t) => e.toggleSkinToneState && e.toggleSkinToneState(...t))
       }, [
-        o("span", u1, _(e.skinToneText), 1),
+        o("span", u1, w(e.skinToneText), 1),
         o("span", {
-          class: E(`v3-icon v3-tone-${e.stateSkinTone}`)
+          class: T(`v3-icon v3-tone-${e.stateSkinTone}`)
         }, null, 2)
       ]),
       o("div", {
-        class: E([e.skinTone ? "v3-is-open" : "", "v3-skin-tones"])
+        class: T([e.skinTone ? "v3-is-open" : "", "v3-skin-tones"])
       }, [
         (r(!0), d(B, null, R(e.SKIN_TONES, (t) => (r(), d("button", {
           key: t,
           type: "button",
-          class: E(["v3-skin-tone-" + t, "v3-skin-tone"]),
+          class: T(["v3-skin-tone-" + t, "v3-skin-tone"]),
           onClick: (i) => e.selectSkinTone(t)
         }, null, 10, r1))), 128))
       ], 2)
-    ], 64)) : y("", !0)
+    ], 64)) : b("", !0)
   ], 32);
 }
 var c1 = /* @__PURE__ */ Ce(A1, [["render", l1]]);
@@ -13962,61 +13962,61 @@ const d1 = ce({
     "update:text": (e) => !0
   },
   setup(e, { emit: f }) {
-    const n = v(), a = v(), A = v(), s = v(!1), t = v(e.text), i = e.type === "input" || e.type === "textarea";
+    const n = y(), a = y(), A = y(), s = y(!1), t = y(e.text), i = e.type === "input" || e.type === "textarea";
     let u = -1;
-    const { state: l } = Pe("store"), c = x(() => l.options.colorTheme);
-    function g(M) {
+    const { state: l } = Pe("store"), g = x(() => l.options.colorTheme);
+    function c(h) {
       if (i) {
-        const I = l.options.mode;
-        I === "prepend" ? t.value = M.i + t.value : I === "insert" && u !== -1 ? (t.value = `${t.value.slice(0, u)}${M.i}${t.value.slice(u)}`, u += M.i.length) : t.value += M.i, f("update:text", t.value);
+        const _ = l.options.mode;
+        _ === "prepend" ? t.value = h.i + t.value : _ === "insert" && u !== -1 ? (t.value = `${t.value.slice(0, u)}${h.i}${t.value.slice(u)}`, u += h.i.length) : t.value += h.i, f("update:text", t.value);
       }
-      f("select", M);
+      f("select", h);
     }
     function m() {
-      var M;
-      n.value && (u = ((M = n.value) == null ? void 0 : M.selectionEnd) || -1);
+      var h;
+      n.value && (u = ((h = n.value) == null ? void 0 : h.selectionEnd) || -1);
     }
-    function h(M) {
-      var I;
-      !((I = M.target) != null && I.closest(
+    function M(h) {
+      var _;
+      !((_ = h.target) != null && _.closest(
         ".v3-input-picker-wrap"
       )) && s.value && (s.value = !1);
     }
     function p() {
       if (a.value && A.value && i) {
-        let M = l.options.offset;
-        typeof M != "number" && (M = 6), kt(a.value, A.value, {
+        let h = l.options.offset;
+        typeof h != "number" && (h = 6), kt(a.value, A.value, {
           placement: "bottom-end",
           modifiers: [
             {
               name: "offset",
               options: {
-                offset: [0, M]
+                offset: [0, h]
               }
             }
           ]
-        }), document.body.addEventListener("click", h);
+        }), document.body.addEventListener("click", M);
       }
     }
-    function b(M) {
-      t.value = M.target.value || "", f("update:text", t.value);
+    function v(h) {
+      t.value = h.target.value || "", f("update:text", t.value);
     }
     return _e(() => {
       p();
     }), In(() => {
-      document.body.removeEventListener("click", h);
+      document.body.removeEventListener("click", M);
     }), {
       face: un,
       open: s,
-      onSelect: g,
+      onSelect: c,
       input: t,
       elem: n,
       updateCursor: m,
       button: a,
       picker: A,
       isInputType: i,
-      onChangeText: b,
-      colorTheme: c
+      onChangeText: v,
+      colorTheme: g
     };
   }
 }), g1 = {
@@ -14044,7 +14044,7 @@ function b1(e, f, n, a, A, s) {
         onBlur: f[3] || (f[3] = (...l) => e.updateCursor && e.updateCursor(...l))
       }, null, 40, M1)),
       o("div", {
-        class: E(["v3-input-picker-wrap", e.open ? "v3-picker-is-open" : ""])
+        class: T(["v3-input-picker-wrap", e.open ? "v3-picker-is-open" : ""])
       }, [
         o("button", {
           ref: "button",
@@ -14059,7 +14059,7 @@ function b1(e, f, n, a, A, s) {
         ], 512),
         o("div", {
           ref: "picker",
-          class: E(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
+          class: T(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
         }, [
           S(t),
           S(i, { onSelect: e.onSelect }, null, 8, ["onSelect"]),
@@ -14069,7 +14069,7 @@ function b1(e, f, n, a, A, s) {
     ])
   ])) : (r(), d("div", {
     key: 1,
-    class: E(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
+    class: T(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
   }, [
     S(t),
     S(i, { onSelect: e.onSelect }, null, 8, ["onSelect"]),
@@ -14161,7 +14161,7 @@ const v1 = ce({
     select: (e) => !0
   },
   setup(e, { emit: f }) {
-    const n = v(e.text);
+    const n = y(e.text);
     function a(s) {
       n.value = s || "", f("update:text", n.value);
     }
@@ -14171,7 +14171,7 @@ const v1 = ce({
       hideSearch: e.hideSearch,
       hideGroupIcons: e.hideGroupIcons,
       hideGroupNames: e.hideGroupNames,
-      staticTexts: { ...$a, ...e.staticTexts },
+      staticTexts: { ...Za, ...e.staticTexts },
       disableStickyGroupNames: e.disableStickyGroupNames,
       disabledGroups: e.disabledGroups,
       groupNames: { ...Pf, ...e.groupNames },
@@ -14220,18 +14220,18 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
   },
   emits: ["selectChannel"],
   setup(e, { emit: f }) {
-    const n = v(!0), a = v(null), A = e, s = f, i = v(A.channels.find((g) => g.type === "default")), u = (g) => {
-      i.value = g, l(), s("selectChannel", i.value);
+    const n = y(!0), a = y(null), A = e, s = f, i = y(A.channels.find((c) => c.type === "default")), u = (c) => {
+      i.value = c, l(), s("selectChannel", i.value);
     }, l = () => {
       n.value = !n.value;
-    }, c = (g) => {
-      a.value && !a.value.contains(g.target) && (n.value = !1);
+    }, g = (c) => {
+      a.value && !a.value.contains(c.target) && (n.value = !1);
     };
     return _e(() => {
-      document.addEventListener("click", c);
+      document.addEventListener("click", g);
     }), Nn(() => {
-      document.removeEventListener("click", c);
-    }), (g, m) => (r(), d("div", {
+      document.removeEventListener("click", g);
+    }), (c, m) => (r(), d("div", {
       ref_key: "customDiv",
       ref: a,
       class: "channels"
@@ -14249,8 +14249,8 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
               o("img", {
                 src: i.value.icon
               }, null, 8, j1)
-            ])) : y("", !0),
-            o("span", V1, _(i.value.title), 1)
+            ])) : b("", !0),
+            o("span", V1, w(i.value.title), 1)
           ])) : (r(), d("span", E1, "Чат не выбран"))
         ]),
         S(H, null, {
@@ -14263,21 +14263,21 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
             }, [
               o("div", T1, [
                 o("ul", x1, [
-                  (r(!0), d(B, null, R(e.channels, (h) => (r(), d("li", {
-                    key: h.channelId,
+                  (r(!0), d(B, null, R(e.channels, (M) => (r(), d("li", {
+                    key: M.channelId,
                     class: "channels__popover-item",
-                    onClick: (p) => u(h)
-                  }, _(h.title), 9, S1))), 128))
+                    onClick: (p) => u(M)
+                  }, w(M.title), 9, S1))), 128))
                 ])
               ])
-            ])) : y("", !0)
+            ])) : b("", !0)
           ]),
           _: 1
         })
       ])
     ], 512));
   }
-}, O1 = /* @__PURE__ */ N(z1, [["__scopeId", "data-v-86fe4e8b"]]), C1 = { class: "chat-input" }, U1 = { class: "chat-input__container" }, L1 = {
+}, O1 = /* @__PURE__ */ k(z1, [["__scopeId", "data-v-86fe4e8b"]]), C1 = { class: "chat-input" }, U1 = { class: "chat-input__container" }, L1 = {
   __name: "ChatInput",
   props: /* @__PURE__ */ Ef({
     enableEmoji: {
@@ -14300,26 +14300,26 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
   }),
   emits: /* @__PURE__ */ Ef(["send", "typing"], ["update:modelValue"]),
   setup(e, { emit: f }) {
-    const n = f, a = jn(e, "modelValue"), A = v(null), s = v(null), t = x(() => !s.value || s.value === ""), i = v(!1), u = (p) => {
+    const n = f, a = jn(e, "modelValue"), A = y(null), s = y(null), t = x(() => !s.value || s.value === ""), i = y(!1), u = (p) => {
       console.log("fileUploaded", p), s.value = p;
     }, l = (p) => {
       n("typing", p.target.value);
-    }, c = () => {
+    }, g = () => {
       i.value = !1;
       const p = {
         type: null,
         text: null
       };
       s.value ? (p.type = "message.file", p.text = s.value) : (p.type = "message.text", p.text = a.value.trim()), n("send", p), s.value = !1, a.value = "", me(A).focus();
-    }, g = () => {
+    }, c = () => {
       i.value = !i.value;
     }, m = x(() => {
       if (document.documentElement.classList.contains("dark"))
         return "dark";
-    }), h = (p) => {
+    }), M = (p) => {
       a.value = (a.value ? a.value : "") + p.i;
     };
-    return (p, b) => (r(), d("div", C1, [
+    return (p, v) => (r(), d("div", C1, [
       o("div", U1, [
         S(H, null, {
           default: K(() => [
@@ -14329,22 +14329,22 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
               native: !0,
               theme: m.value,
               "picker-type": "",
-              onSelect: h
-            }, null, 8, ["theme"])) : y("", !0)
+              onSelect: M
+            }, null, 8, ["theme"])) : b("", !0)
           ]),
           _: 1
         }),
-        S(me(Xs), {
+        S(me(si), {
           "can-upload-file": t.value,
           onFileUploaded: u
         }, null, 8, ["can-upload-file"]),
         ae(o("input", {
           ref_key: "refInput",
           ref: A,
-          "onUpdate:modelValue": b[0] || (b[0] = (M) => a.value = M),
+          "onUpdate:modelValue": v[0] || (v[0] = (h) => a.value = h),
           class: "chat-input__input",
           placeholder: "Type a message...",
-          onKeydown: Vn(c, ["enter"]),
+          onKeydown: Vn(g, ["enter"]),
           onInput: l
         }, null, 544), [
           [Wf, a.value]
@@ -14352,20 +14352,20 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
         S(O1, { channels: e.channels }, null, 8, ["channels"]),
         o("button", {
           class: "chat-input__button-emoji",
-          onClick: g
-        }, b[1] || (b[1] = [
+          onClick: c
+        }, v[1] || (v[1] = [
           o("span", { class: "pi pi-face-smile" }, null, -1)
         ])),
         o("button", {
           class: "chat-input__button-send",
-          onClick: c
-        }, b[2] || (b[2] = [
+          onClick: g
+        }, v[2] || (v[2] = [
           o("span", { class: "pi pi-send" }, null, -1)
         ]))
       ])
     ]));
   }
-}, fo = /* @__PURE__ */ N(L1, [["__scopeId", "data-v-3f584ec9"]]), Q1 = { class: "chat-item__avatar-container" }, B1 = ["src"], Y1 = {
+}, oo = /* @__PURE__ */ k(L1, [["__scopeId", "data-v-3f584ec9"]]), Q1 = { class: "chat-item__avatar-container" }, B1 = ["src"], Y1 = {
   key: 1,
   class: "pi pi-user"
 }, R1 = { class: "chat-item__info-container" }, q1 = { class: "chat-item__name" }, F1 = {
@@ -14392,21 +14392,21 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
   setup(e, { emit: f }) {
     const n = e, a = f, A = () => {
       a("select", n.chat);
-    }, s = () => n.chat.isSelected ? "chat-item__selected" : "chat-item", t = (g) => {
-      c(), a("action", { chatId: n.chat.chatId, ...g });
-    }, i = v(!1), u = v(!1), l = () => {
+    }, s = () => n.chat.isSelected ? "chat-item__selected" : "chat-item", t = (c) => {
+      g(), a("action", { chatId: n.chat.chatId, ...c });
+    }, i = y(!1), u = y(!1), l = () => {
       u.value = !0;
-    }, c = () => {
+    }, g = () => {
       u.value = !1, i.value = !1;
     };
-    return (g, m) => (r(), d("div", {
-      class: E(s()),
+    return (c, m) => (r(), d("div", {
+      class: T(s()),
       onClick: A
     }, [
       o("div", {
         class: "chat-item__container",
         onMouseenter: l,
-        onMouseleave: c
+        onMouseleave: g
       }, [
         o("div", Q1, [
           o("span", {
@@ -14421,20 +14421,20 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
           }, null, 8, B1)) : (r(), d("span", Y1))
         ]),
         o("div", R1, [
-          o("div", q1, _(e.chat.name), 1),
-          e.chat.lastMessage ? (r(), d("div", F1, _(e.chat.lastMessage), 1)) : y("", !0)
+          o("div", q1, w(e.chat.name), 1),
+          e.chat.lastMessage ? (r(), d("div", F1, w(e.chat.lastMessage), 1)) : b("", !0)
         ]),
         o("div", J1, [
-          !(u.value && e.chat.actions) && e.chat["lastActivity.time"] ? (r(), d("div", W1, _(e.chat["lastActivity.time"]), 1)) : y("", !0),
-          !(u.value && e.chat.actions) && e.chat.countUnread > 0 ? (r(), d("div", H1, _(e.chat.countUnread), 1)) : y("", !0),
+          !(u.value && e.chat.actions) && e.chat["lastActivity.time"] ? (r(), d("div", W1, w(e.chat["lastActivity.time"]), 1)) : b("", !0),
+          !(u.value && e.chat.actions) && e.chat.countUnread > 0 ? (r(), d("div", H1, w(e.chat.countUnread), 1)) : b("", !0),
           u.value && e.chat.actions ? (r(), d("button", {
             key: 2,
             class: "chat-item__menu-button",
-            onClick: m[0] || (m[0] = (h) => i.value = !i.value)
+            onClick: m[0] || (m[0] = (M) => i.value = !i.value)
           }, m[1] || (m[1] = [
             o("span", { class: "pi pi-ellipsis-h" }, null, -1)
-          ]))) : y("", !0),
-          e.chat.isFixedTop || e.chat.isFixedBottom ? (r(), d("span", K1)) : y("", !0)
+          ]))) : b("", !0),
+          e.chat.isFixedTop || e.chat.isFixedBottom ? (r(), d("span", K1)) : b("", !0)
         ]),
         S(H, null, {
           default: K(() => [
@@ -14443,23 +14443,23 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
               class: "chat-item__context-menu",
               actions: e.chat.actions,
               onClick: t
-            }, null, 8, ["actions"])) : y("", !0)
+            }, null, 8, ["actions"])) : b("", !0)
           ]),
           _: 1
         })
       ], 32)
     ], 2));
   }
-}, sf = /* @__PURE__ */ N(P1, [["__scopeId", "data-v-82adffb7"]]), Z1 = { class: "chat-filter" }, $1 = { class: "chat-filter__container" }, G1 = {
+}, sf = /* @__PURE__ */ k(P1, [["__scopeId", "data-v-82adffb7"]]), $1 = { class: "chat-filter" }, Z1 = { class: "chat-filter__container" }, G1 = {
   __name: "ChatFilter",
   emits: ["update"],
   setup(e, { emit: f }) {
-    const n = v(""), a = f, A = () => {
+    const n = y(""), a = f, A = () => {
       const s = me(n);
       a("update", s.value);
     };
-    return (s, t) => (r(), d("div", Z1, [
-      o("div", $1, [
+    return (s, t) => (r(), d("div", $1, [
+      o("div", Z1, [
         o("input", {
           ref_key: "refInput",
           ref: n,
@@ -14471,7 +14471,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
       ])
     ]));
   }
-}, X1 = /* @__PURE__ */ N(G1, [["__scopeId", "data-v-6a3eaa55"]]), es = { class: "chat-list" }, fs = {
+}, X1 = /* @__PURE__ */ k(G1, [["__scopeId", "data-v-6a3eaa55"]]), es = { class: "chat-list" }, fs = {
   key: 0,
   class: "chat-list__title"
 }, ns = {
@@ -14503,40 +14503,40 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
   },
   emits: ["select", "action"],
   setup(e, { emit: f }) {
-    const n = v(""), a = v(!1), A = () => {
+    const n = y(""), a = y(!1), A = () => {
       a.value = !1;
-    }, s = e, t = f, i = (g) => {
-      t("select", g), s.chats.forEach((h) => h.isSelected = !1);
-      const m = s.chats.find((h) => h.chatId === g.chatId);
+    }, s = e, t = f, i = (c) => {
+      t("select", c), s.chats.forEach((M) => M.isSelected = !1);
+      const m = s.chats.find((M) => M.chatId === c.chatId);
       m.isSelected = !0;
-    }, u = () => s.chats.toSorted((g, m) => {
-      if (g.countUnread > m.countUnread) return -1;
-      if (g.countUnread < m.countUnread) return 1;
-      if (g.countUnread == m.countUnread) return 0;
-    }).filter((g) => g.name.includes(n.value)), l = (g) => {
-      n.value = g;
-    }, c = (g) => t("action", g);
-    return (g, m) => (r(), d("div", es, [
+    }, u = () => s.chats.toSorted((c, m) => {
+      if (c.countUnread > m.countUnread) return -1;
+      if (c.countUnread < m.countUnread) return 1;
+      if (c.countUnread == m.countUnread) return 0;
+    }).filter((c) => c.name.includes(n.value)), l = (c) => {
+      n.value = c;
+    }, g = (c) => t("action", c);
+    return (c, m) => (r(), d("div", es, [
       o("div", {
         class: "chat-list__title-container",
         onMouseleave: A
       }, [
-        e.title ? (r(), d("h2", fs, _(e.title), 1)) : y("", !0),
+        e.title ? (r(), d("h2", fs, w(e.title), 1)) : b("", !0),
         e.actions.length ? (r(), d("button", {
           key: 1,
           class: "chat-list__button-actions",
-          onClick: m[0] || (m[0] = (h) => a.value = !a.value)
+          onClick: m[0] || (m[0] = (M) => a.value = !a.value)
         }, [
           a.value ? (r(), d("span", ns)) : (r(), d("span", as))
-        ])) : y("", !0),
+        ])) : b("", !0),
         S(H, null, {
           default: K(() => [
             a.value && e.actions ? (r(), Q(de, {
               key: 0,
               actions: e.actions,
               class: "chat-list__context-menu",
-              onClick: c
-            }, null, 8, ["actions"])) : y("", !0)
+              onClick: g
+            }, null, 8, ["actions"])) : b("", !0)
           ]),
           _: 1
         })
@@ -14545,39 +14545,39 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
         key: 0,
         class: "chat-list__filter",
         onUpdate: l
-      })) : y("", !0),
+      })) : b("", !0),
       o("div", As, [
         o("div", ts, [
-          (r(!0), d(B, null, R(u().filter((h) => h.isFixedTop), (h) => (r(), Q(sf, {
-            key: h.chatId,
+          (r(!0), d(B, null, R(u().filter((M) => M.isFixedTop), (M) => (r(), Q(sf, {
+            key: M.chatId,
             class: "chat-list__item",
-            chat: h,
+            chat: M,
             onSelect: i,
-            onAction: c
+            onAction: g
           }, null, 8, ["chat"]))), 128))
         ]),
         o("div", ss, [
-          (r(!0), d(B, null, R(u().filter((h) => !h.isFixedBottom && !h.isFixedTop), (h) => (r(), Q(sf, {
-            key: h.chatId,
+          (r(!0), d(B, null, R(u().filter((M) => !M.isFixedBottom && !M.isFixedTop), (M) => (r(), Q(sf, {
+            key: M.chatId,
             class: "chat-list__item",
-            chat: h,
+            chat: M,
             onSelect: i,
-            onAction: c
+            onAction: g
           }, null, 8, ["chat"]))), 128))
         ]),
         o("div", is, [
-          (r(!0), d(B, null, R(u().filter((h) => h.isFixedBottom), (h) => (r(), Q(sf, {
-            key: h.chatId,
+          (r(!0), d(B, null, R(u().filter((M) => M.isFixedBottom), (M) => (r(), Q(sf, {
+            key: M.chatId,
             class: "chat-list__item",
-            chat: h,
+            chat: M,
             onSelect: i,
-            onAction: c
+            onAction: g
           }, null, 8, ["chat"]))), 128))
         ])
       ])
     ]));
   }
-}, no = /* @__PURE__ */ N(os, [["__scopeId", "data-v-51316d13"]]), us = ["messageId"], rs = ["src"], ls = ["src"], cs = { class: "video-message__controls" }, ds = { class: "video-message__remaining-time" }, gs = { class: "video-message__info-container" }, ms = { class: "video-message__time" }, ps = {
+}, uo = /* @__PURE__ */ k(os, [["__scopeId", "data-v-51316d13"]]), us = ["messageId"], rs = ["src"], ls = ["src"], cs = { class: "video-message__controls" }, ds = { class: "video-message__remaining-time" }, gs = { class: "video-message__info-container" }, ms = { class: "video-message__time" }, ps = {
   key: 0,
   class: "pi pi-check"
 }, Ms = {
@@ -14590,27 +14590,27 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
   },
   setup(e) {
     const f = e;
-    function n(b) {
-      return b.position === "left" ? "video-message__left" : "video-message__right";
+    function n(v) {
+      return v.position === "left" ? "video-message__left" : "video-message__right";
     }
-    const a = v(null), A = v(!1), s = v(0), t = v(0), i = v(!1), u = v(!1), l = () => {
+    const a = y(null), A = y(!1), s = y(0), t = y(0), i = y(!1), u = y(!1), l = () => {
       u.value = !0;
-    }, c = () => {
+    }, g = () => {
       u.value = !1, i.value = !1;
     };
-    function g() {
+    function c() {
       a.value && (A.value ? a.value.pause() : a.value.play(), A.value = !A.value);
     }
-    const m = (b) => {
-      const M = Math.floor(b / 60), I = Math.floor(b % 60);
-      return `${M.toString().padStart(2, "0")}:${I.toString().padStart(2, "0")}`;
-    }, h = x(() => {
+    const m = (v) => {
+      const h = Math.floor(v / 60), _ = Math.floor(v % 60);
+      return `${h.toString().padStart(2, "0")}:${_.toString().padStart(2, "0")}`;
+    }, M = x(() => {
       if (a.value) {
         if (t.value >= s.value)
           return A.value = !1, "00:00";
         {
-          const b = s.value - t.value;
-          return m(b);
+          const v = s.value - t.value;
+          return m(v);
         }
       }
     }), p = x(() => {
@@ -14629,10 +14629,10 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
       }), a.value.addEventListener("timeupdate", () => {
         t.value = a.value.currentTime;
       });
-    }), (b, M) => (r(), d("div", {
-      class: E(["video-message", n(e.message)]),
+    }), (v, h) => (r(), d("div", {
+      class: T(["video-message", n(e.message)]),
       messageId: e.message.messageId,
-      onMouseleave: c
+      onMouseleave: g
     }, [
       e.message.avatar ? (r(), d("img", {
         key: 0,
@@ -14641,7 +14641,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
         height: "32",
         width: "32",
         style: U({ gridRow: e.message.subText ? "2" : "1" })
-      }, null, 12, rs)) : y("", !0),
+      }, null, 12, rs)) : b("", !0),
       o("div", {
         class: "video-message__content",
         onMouseenter: l
@@ -14657,8 +14657,8 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
             default: K(() => [
               ae(o("button", {
                 class: "video-message__play",
-                onClick: g
-              }, M[1] || (M[1] = [
+                onClick: c
+              }, h[1] || (h[1] = [
                 o("span", { class: "pi pi-play" }, null, -1)
               ]), 512), [
                 [pe, !A.value]
@@ -14668,7 +14668,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
           }),
           ae(o("button", {
             class: "video-message__pause",
-            onClick: g
+            onClick: c
           }, null, 512), [
             [pe, A.value]
           ])
@@ -14676,36 +14676,36 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
         u.value && e.message.actions ? (r(), d("button", {
           key: 0,
           class: "video-message__menu-button",
-          onClick: M[0] || (M[0] = (I) => i.value = !i.value)
-        }, M[2] || (M[2] = [
+          onClick: h[0] || (h[0] = (_) => i.value = !i.value)
+        }, h[2] || (h[2] = [
           o("span", { class: "pi pi-ellipsis-h" }, null, -1)
-        ]))) : y("", !0),
+        ]))) : b("", !0),
         S(H, null, {
           default: K(() => [
             i.value && e.message.actions ? (r(), Q(de, {
               key: 0,
               class: "video-message__context-menu",
               actions: e.message.actions,
-              onClick: b.clickAction
-            }, null, 8, ["actions", "onClick"])) : y("", !0)
+              onClick: v.clickAction
+            }, null, 8, ["actions", "onClick"])) : b("", !0)
           ]),
           _: 1
         }),
-        o("p", ds, _(`${h.value}`), 1),
+        o("p", ds, w(`${M.value}`), 1),
         o("div", gs, [
-          o("span", ms, _(e.message.time), 1),
+          o("span", ms, w(e.message.time), 1),
           n(e.message) === "video-message__right" && e.message.status ? (r(), d("div", {
             key: 0,
-            class: E(["video-message__status", p.value])
+            class: T(["video-message__status", p.value])
           }, [
-            e.message.status !== "sent" ? (r(), d("span", ps)) : y("", !0),
-            M[3] || (M[3] = o("span", { class: "pi pi-check" }, null, -1))
-          ], 2)) : y("", !0)
+            e.message.status !== "sent" ? (r(), d("span", ps)) : b("", !0),
+            h[3] || (h[3] = o("span", { class: "pi pi-check" }, null, -1))
+          ], 2)) : b("", !0)
         ])
       ], 32)
     ], 42, us));
   }
-}, hs = /* @__PURE__ */ N(Ms, [["__scopeId", "data-v-00309bae"]]), bs = { class: "call-message" }, ys = ["messageId"], vs = ["src"], Is = {
+}, hs = /* @__PURE__ */ k(Ms, [["__scopeId", "data-v-00309bae"]]), bs = { class: "call-message" }, ys = ["messageId"], vs = ["src"], Is = {
   key: 1,
   class: "call-message__subtext"
 }, _s = { class: "call-message__content" }, ws = {
@@ -14737,7 +14737,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
     }
     return (n, a) => (r(), d("div", bs, [
       o("div", {
-        class: E(f(e.message)),
+        class: T(f(e.message)),
         messageId: e.message.messageId
       }, [
         e.message.avatar ? (r(), d("img", {
@@ -14747,23 +14747,23 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
           height: "32",
           width: "32",
           style: U({ gridRow: e.message.subText ? "2" : "1" })
-        }, null, 12, vs)) : y("", !0),
-        e.message.subText ? (r(), d("p", Is, _(e.message.subText), 1)) : y("", !0),
+        }, null, 12, vs)) : b("", !0),
+        e.message.subText ? (r(), d("p", Is, w(e.message.subText), 1)) : b("", !0),
         o("div", _s, [
           o("span", {
             class: "call-message__icon pi pi-phone",
             style: U({ color: e.message.isMissedCall ? "var(--call-message-color-icon-error)" : "var(--neutral-100)" })
           }, null, 4),
           e.message.isMissedCall ? (r(), d("span", Ds, "Пропущенный аудиозвонок")) : (r(), d("span", ws, "Аудиозвонок")),
-          e.message.callDuration ? (r(), d("span", Ns, _(e.message.callDuration), 1)) : !e.message.callDuration && e.message.isMissedCall ? (r(), d("span", ks, "Нажмите, чтобы перезвонить")) : (r(), d("span", js, "Нет ответа")),
+          e.message.callDuration ? (r(), d("span", Ns, w(e.message.callDuration), 1)) : !e.message.callDuration && e.message.isMissedCall ? (r(), d("span", ks, "Нажмите, чтобы перезвонить")) : (r(), d("span", js, "Нет ответа")),
           o("div", Vs, [
-            o("span", Es, _(e.message.time), 1)
+            o("span", Es, w(e.message.time), 1)
           ])
         ])
       ], 10, ys)
     ]));
   }
-}, xs = /* @__PURE__ */ N(Ts, [["__scopeId", "data-v-9b209155"]]), Ss = { class: "system-message" }, zs = { class: "system-message__container" }, Os = { class: "system-message__text" }, Cs = {
+}, xs = /* @__PURE__ */ k(Ts, [["__scopeId", "data-v-9b209155"]]), Ss = { class: "system-message" }, zs = { class: "system-message__container" }, Os = { class: "system-message__text" }, Cs = {
   __name: "SystemMessage",
   props: {
     message: {
@@ -14774,57 +14774,62 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
   setup(e) {
     return (f, n) => (r(), d("div", Ss, [
       o("div", zs, [
-        o("p", Os, _(e.message.text), 1)
+        o("p", Os, w(e.message.text), 1)
       ])
     ]));
   }
-}, Us = /* @__PURE__ */ N(Cs, [["__scopeId", "data-v-b17746f3"]]), Ls = { class: "message-feed__container" }, Qs = {
+}, Us = /* @__PURE__ */ k(Cs, [["__scopeId", "data-v-b17746f3"]]), Ls = { class: "message-feed__container" }, Qs = {
   __name: "Feed",
   props: {
     objects: {
       type: Array,
       required: !0
+    },
+    // при новом сообщении необходимо прокручивать ленту вниз,
+    // а при загрузке более ранних сообщений - нет
+    isScrollToBottomOnUpdateObjectsEnabled: {
+      type: Boolean,
+      required: !0,
+      default: !1
     }
   },
   emits: ["messageAction", "loadMore"],
   setup(e, { emit: f }) {
-    const n = v();
-    v(0);
-    const a = v(!1), A = e, s = f, t = () => {
+    const n = y(), a = y(!1), A = e, s = y(A.isScrollToBottomOnUpdateObjectsEnabled), t = f, i = () => {
       const c = me(n);
-      c.scrollHeight - c.scrollTop - c.clientHeight < 100 ? a.value = !1 : a.value = !0, c.scrollTop === 0 && s("loadMore");
-    }, i = (c) => ({
+      c.scrollHeight - c.scrollTop - c.clientHeight < 100 ? a.value = !1 : a.value = !0, c.scrollTop === 0 && t("loadMore");
+    }, u = (c) => ({
       "message.text": ha,
       "message.image": oa,
-      "message.file": Zn,
+      "message.file": $n,
       "message.audio": Va,
       "message.video": hs,
       "message.call": xs,
       "message.system": Us,
       "system.date": za
     })[c];
-    function u() {
-      Hf(function() {
+    function l() {
+      s.value && Hf(function() {
         const c = me(n);
         c.scrollTop = c.scrollHeight;
       });
     }
-    En(() => u), Ze(() => A.objects, u);
-    const l = (c) => {
-      s("messageAction", c);
+    En(() => l), $e(() => A.objects, l);
+    const g = (c) => {
+      t("messageAction", c);
     };
-    return (c, g) => (r(), d("div", {
+    return (c, m) => (r(), d("div", {
       ref_key: "refFeed",
       ref: n,
       class: "message-feed",
-      onScroll: t
+      onScroll: i
     }, [
       o("div", Ls, [
-        (r(!0), d(B, null, R(e.objects, (m) => (r(), Q(Tn(i(m.type)), {
-          key: m.messageId,
+        (r(!0), d(B, null, R(e.objects, (M) => (r(), Q(Tn(u(M.type)), {
+          key: M.messageId,
           class: "message-feed__message",
-          message: m,
-          onAction: l
+          message: M,
+          onAction: g
         }, null, 40, ["message"]))), 128))
       ]),
       S(H, null, {
@@ -14832,16 +14837,16 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
           a.value ? (r(), d("button", {
             key: 0,
             class: "message-feed__button-down",
-            onClick: u
-          }, g[0] || (g[0] = [
+            onClick: m[0] || (m[0] = (...M) => c.scrollToFeedBottom && c.scrollToFeedBottom(...M))
+          }, m[1] || (m[1] = [
             o("span", { class: "pi pi-angle-down" }, null, -1)
-          ]))) : y("", !0)
+          ]))) : b("", !0)
         ]),
         _: 1
       })
     ], 544));
   }
-}, ao = /* @__PURE__ */ N(Qs, [["__scopeId", "data-v-35db7c9c"]]), Bs = { class: "profile" }, Ys = {
+}, ro = /* @__PURE__ */ k(Qs, [["__scopeId", "data-v-ef54c27a"]]), Bs = { class: "profile" }, Ys = {
   key: 0,
   class: "profile__container"
 }, Rs = {
@@ -14868,17 +14873,74 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
             height: "48",
             width: "48"
           }, null, 8, qs)
-        ])) : y("", !0),
-        o("h2", Fs, _(e.user.name), 1),
-        o("p", Js, _(e.user.email), 1),
-        o("p", Ws, _(e.user.phone), 1)
-      ])) : y("", !0)
+        ])) : b("", !0),
+        o("h2", Fs, w(e.user.name), 1),
+        o("p", Js, w(e.user.email), 1),
+        o("p", Ws, w(e.user.phone), 1)
+      ])) : b("", !0)
     ]));
   }
-}, Ao = /* @__PURE__ */ N(Hs, [["__scopeId", "data-v-db3ba19b"]]), Ks = {
+}, lo = /* @__PURE__ */ k(Hs, [["__scopeId", "data-v-db3ba19b"]]), Ks = {
+  key: 0,
+  class: "dropDownMenu"
+}, Ps = { class: "label-container" }, $s = { class: "label-row" }, Zs = { class: "label-row" }, Gs = { class: "label-row" }, Xs = {
+  __name: "FileDropDownMenu",
+  props: {
+    canUploadFile: {
+      type: Boolean,
+      required: !0,
+      default: !0
+    },
+    hovered: {
+      type: Boolean,
+      required: !0,
+      default: !1
+    }
+  },
+  emits: ["fileSelected"],
+  setup(e, { emit: f }) {
+    const n = f, a = (A) => {
+      const s = A.target.files[0];
+      s && (console.log("Selected file:", s), n("fileSelected", s));
+    };
+    return (A, s) => e.hovered && e.canUploadFile ? (r(), d("div", Ks, [
+      o("div", Ps, [
+        o("label", $s, [
+          s[0] || (s[0] = o("i", { class: "pi pi-image" }, null, -1)),
+          s[1] || (s[1] = o("span", { class: "label-title" }, "Фото", -1)),
+          o("input", {
+            style: { display: "none" },
+            accept: "image/*",
+            type: "file",
+            onChange: a
+          }, null, 32)
+        ]),
+        o("label", Zs, [
+          s[2] || (s[2] = o("i", { class: "pi pi-video" }, null, -1)),
+          s[3] || (s[3] = o("span", { class: "label-title" }, "Видео", -1)),
+          o("input", {
+            style: { display: "none" },
+            accept: "video/*",
+            type: "file",
+            onChange: a
+          }, null, 32)
+        ]),
+        o("label", Gs, [
+          s[4] || (s[4] = o("i", { class: "pi pi-file" }, null, -1)),
+          s[5] || (s[5] = o("span", { class: "label-title" }, "Файл", -1)),
+          o("input", {
+            style: { display: "none" },
+            type: "file",
+            onChange: a
+          }, null, 32)
+        ])
+      ])
+    ])) : b("", !0);
+  }
+}, ei = /* @__PURE__ */ k(Xs, [["__scopeId", "data-v-2538291d"]]), fi = {
   key: 0,
   class: "chat-input__button-file"
-}, Ps = { key: 1 }, Zs = { key: 2 }, $s = { key: 3 }, Gs = {
+}, ni = { key: 1 }, ai = { key: 2 }, Ai = { key: 3 }, ti = {
   __name: "FileUploader",
   props: {
     canUploadFile: {
@@ -14889,59 +14951,86 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
   },
   emits: ["fileUploaded"],
   setup(e, { emit: f }) {
-    const n = e, a = v(null), A = v(""), s = v(""), t = v(""), i = v(!1), u = v(!1), l = v(!1), c = f;
-    Ze(() => n.canUploadFile, () => {
-      Hf(() => {
-        n.canUploadFile === !0 && (A.value = null);
-      });
-    });
-    const g = (p) => {
-      console.log("onFileSelected", p.target.files[0]), a.value = p.target.files[0], a.value && (m(), h(), l.value = !0);
-    }, m = () => {
-      const p = a.value, b = p.type;
-      if (console.log(b), b.startsWith("image/") ? (i.value = !0, u.value = !1) : b.startsWith("video/") ? (i.value = !1, u.value = !0) : (i.value = !1, u.value = !1), i.value || u.value) {
-        const M = new FileReader();
-        M.onload = (I) => {
-          t.value = I.target.result;
-        }, M.readAsDataURL(p);
+    const n = e, a = y(!1);
+    y(!1);
+    const A = () => {
+      a.value = !0;
+    }, s = () => {
+      a.value = !1;
+    }, t = y(null), i = y(""), u = y(""), l = y(""), g = y(!1), c = y(!1), m = y(!1), M = f;
+    $e(
+      () => n.canUploadFile,
+      () => {
+        Hf(() => {
+          n.canUploadFile === !0 && (i.value = null);
+        });
+      }
+    );
+    const p = (I) => {
+      console.log("onFileSelected", I.target.files[0]), t.value = I.target.files[0], t.value && (h(), _(), m.value = !0);
+    }, v = (I) => {
+      console.log("onFileSelected", I), t.value = I, t.value && (h(), _(), m.value = !0);
+    }, h = () => {
+      const I = t.value, D = I.type;
+      if (console.log(D), D.startsWith("image/") ? (g.value = !0, c.value = !1) : D.startsWith("video/") ? (g.value = !1, c.value = !0) : (g.value = !1, c.value = !1), g.value || c.value) {
+        const N = new FileReader();
+        N.onload = (j) => {
+          l.value = j.target.result;
+        }, N.readAsDataURL(I);
       } else
-        t.value = "";
-    }, h = async () => {
-      A.value = "uploading";
-      const p = new FormData();
-      p.append("file", a.value);
+        l.value = "";
+    }, _ = async () => {
+      i.value = "uploading";
+      const I = new FormData();
+      I.append("file", t.value);
       try {
-        const M = await (await fetch("https://filebump.services.mobilon.ru/upload", {
-          method: "POST",
-          body: p
-        })).json();
-        s.value = M.url, A.value = "success", n.canUploadFile = !1, c("fileUploaded", { url: s.value, type: "message.file" });
-      } catch (b) {
-        console.error("Ошибка при загрузке файла:", b), A.value = "error";
+        const N = await (await fetch(
+          "https://filebump.services.mobilon.ru/upload",
+          {
+            method: "POST",
+            body: I
+          }
+        )).json();
+        u.value = N.url, i.value = "success", n.canUploadFile = !1, M("fileUploaded", { url: u.value, type: "message.file" });
+      } catch (D) {
+        console.error("Ошибка при загрузке файла:", D), i.value = "error";
       }
     };
-    return (p, b) => (r(), d("div", null, [
-      e.canUploadFile && A.value !== "success" ? (r(), d("div", Ks, [
-        o("label", null, [
-          o("input", {
-            type: "file",
-            onChange: g
-          }, null, 32),
-          b[0] || (b[0] = o("span", null, [
-            o("i", { class: "pi pi-file-arrow-up" })
-          ], -1))
-        ])
-      ])) : y("", !0),
-      !e.canUploadFile && A.value === "success" ? (r(), d("div", Ps, b[1] || (b[1] = [
-        o("p", null, "Файл загружен и готов к отправке.", -1)
-      ]))) : A.value === "uploading" ? (r(), d("div", Zs, b[2] || (b[2] = [
-        o("p", null, "Загрузка файла...", -1)
-      ]))) : A.value === "error" ? (r(), d("div", $s, b[3] || (b[3] = [
-        o("p", null, "Ошибка при загрузке файла.", -1)
-      ]))) : y("", !0)
-    ]));
+    return (I, D) => (r(), d(B, null, [
+      o("div", {
+        class: "container",
+        onMouseover: A,
+        onMouseout: s
+      }, [
+        e.canUploadFile && i.value !== "success" ? (r(), d("div", fi, [
+          o("label", null, [
+            o("input", {
+              type: "file",
+              onChange: p
+            }, null, 32),
+            D[0] || (D[0] = o("span", null, [
+              o("i", { class: "pi pi-file-arrow-up" })
+            ], -1))
+          ])
+        ])) : b("", !0),
+        !e.canUploadFile && i.value === "success" ? (r(), d("div", ni, D[1] || (D[1] = [
+          o("p", null, "Файл загружен и готов к отправке.", -1)
+        ]))) : i.value === "uploading" ? (r(), d("div", ai, D[2] || (D[2] = [
+          o("p", null, "Загрузка файла...", -1)
+        ]))) : i.value === "error" ? (r(), d("div", Ai, D[3] || (D[3] = [
+          o("p", null, "Ошибка при загрузке файла.", -1)
+        ]))) : b("", !0)
+      ], 32),
+      S(ei, {
+        hovered: a.value,
+        "can-upload-file": e.canUploadFile,
+        onFileSelected: v,
+        onMouseover: A,
+        onMouseout: s
+      }, null, 8, ["hovered", "can-upload-file"])
+    ], 64));
   }
-}, Xs = /* @__PURE__ */ N(Gs, [["__scopeId", "data-v-0e7c76bc"]]), ei = ["value"], fi = {
+}, si = /* @__PURE__ */ k(ti, [["__scopeId", "data-v-97a7c026"]]), ii = ["value"], oi = {
   __name: "ThemeMode",
   props: {
     themes: {
@@ -14950,7 +15039,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
     }
   },
   setup(e) {
-    const f = e, n = v("light"), a = (A) => {
+    const f = e, n = y("light"), a = (A) => {
       const s = A.target.value;
       n.value = s, document.documentElement.dataset.theme = s;
     };
@@ -14961,11 +15050,11 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
         (r(!0), d(B, null, R(f.themes, (t, i) => (r(), d("option", {
           key: i,
           value: t.code
-        }, _(t.name), 9, ei))), 128))
+        }, w(t.name), 9, ii))), 128))
       ], 32)
     ]));
   }
-}, to = /* @__PURE__ */ N(fi, [["__scopeId", "data-v-7c5c98e9"]]), ni = { class: "sidebar" }, ai = { class: "sidebar__container" }, Ai = { class: "sidebar__list" }, ti = ["onClick"], si = ["src", "alt"], ii = { key: 1 }, oi = { class: "sidebar__list-fixed" }, ui = ["onClick"], ri = ["src", "alt"], li = { key: 1 }, ci = {
+}, co = /* @__PURE__ */ k(oi, [["__scopeId", "data-v-7c5c98e9"]]), ui = { class: "sidebar" }, ri = { class: "sidebar__container" }, li = { class: "sidebar__list" }, ci = ["onClick"], di = ["src", "alt"], gi = { key: 1 }, mi = { class: "sidebar__list-fixed" }, pi = ["onClick"], Mi = ["src", "alt"], hi = { key: 1 }, bi = {
   __name: "SideBar",
   props: {
     sidebarItems: {
@@ -14983,51 +15072,51 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
       const u = i.split(" ");
       return u.length > 2 ? u.slice(0, 2).join(" ") : i;
     };
-    return (i, u) => (r(), d("div", ni, [
-      o("div", ai, [
-        o("ul", Ai, [
-          (r(!0), d(B, null, R(a.value.filter((l) => !l.isFixedBottom), (l, c) => (r(), d("li", {
-            key: c,
+    return (i, u) => (r(), d("div", ui, [
+      o("div", ri, [
+        o("ul", li, [
+          (r(!0), d(B, null, R(a.value.filter((l) => !l.isFixedBottom), (l, g) => (r(), d("li", {
+            key: g,
             class: "sidebar__item",
-            onClick: (g) => s(l.itemId)
+            onClick: (c) => s(l.itemId)
           }, [
             o("img", {
               src: l.icon,
               alt: l.name,
-              class: E(["sidebar__image", { "sidebar__image--active": l.selected === !0 }])
-            }, null, 10, si),
+              class: T(["sidebar__image", { "sidebar__image--active": l.selected === !0 }])
+            }, null, 10, di),
             l.notificationCount ? (r(), d("span", {
               key: 0,
               style: U({ backgroundColor: l.notificationColor ? l.notificationColor : "red" })
-            }, _(l.notificationCount > 99 ? "99+" : l.notificationCount), 5)) : y("", !0),
-            l.name ? (r(), d("p", ii, _(t(l.name)), 1)) : y("", !0)
-          ], 8, ti))), 128))
+            }, w(l.notificationCount > 99 ? "99+" : l.notificationCount), 5)) : b("", !0),
+            l.name ? (r(), d("p", gi, w(t(l.name)), 1)) : b("", !0)
+          ], 8, ci))), 128))
         ]),
-        o("ul", oi, [
-          (r(!0), d(B, null, R(a.value.filter((l) => l.isFixedBottom), (l, c) => (r(), d("li", {
-            key: c,
+        o("ul", mi, [
+          (r(!0), d(B, null, R(a.value.filter((l) => l.isFixedBottom), (l, g) => (r(), d("li", {
+            key: g,
             class: "sidebar__item",
-            onClick: (g) => s(l.itemId)
+            onClick: (c) => s(l.itemId)
           }, [
             o("img", {
               src: l.icon,
               alt: l.name,
-              class: E(["sidebar__image", { "sidebar__image--active": l.selected === !0 }])
-            }, null, 10, ri),
+              class: T(["sidebar__image", { "sidebar__image--active": l.selected === !0 }])
+            }, null, 10, Mi),
             l.notificationCount ? (r(), d("span", {
               key: 0,
               style: U({ backgroundColor: l.notificationColor ? l.notificationColor : "red" })
-            }, _(l.notificationCount > 99 ? "99+" : l.notificationCount), 5)) : y("", !0),
-            l.name ? (r(), d("p", li, _(t(l.name)), 1)) : y("", !0)
-          ], 8, ui))), 128))
+            }, w(l.notificationCount > 99 ? "99+" : l.notificationCount), 5)) : b("", !0),
+            l.name ? (r(), d("p", hi, w(t(l.name)), 1)) : b("", !0)
+          ], 8, pi))), 128))
         ])
       ])
     ]));
   }
-}, so = /* @__PURE__ */ N(ci, [["__scopeId", "data-v-5e22516c"]]), di = { class: "chat-panel" }, gi = { class: "chat-panel__title-container" }, mi = {
+}, go = /* @__PURE__ */ k(bi, [["__scopeId", "data-v-5e22516c"]]), yi = { class: "chat-panel" }, vi = { class: "chat-panel__title-container" }, Ii = {
   key: 0,
   class: "chat-panel__title"
-}, pi = {
+}, _i = {
   __name: "ChatPanel",
   props: {
     title: {
@@ -15038,9 +15127,9 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
   },
   emits: ["close-panel"],
   setup(e, { emit: f }) {
-    return (n, a) => (r(), d("div", di, [
-      o("div", gi, [
-        e.title ? (r(), d("p", mi, _(e.title), 1)) : y("", !0),
+    return (n, a) => (r(), d("div", yi, [
+      o("div", vi, [
+        e.title ? (r(), d("p", Ii, w(e.title), 1)) : b("", !0),
         o("button", {
           class: "chat-panel__button-close",
           onClick: a[0] || (a[0] = (A) => n.$emit("close-panel"))
@@ -15053,10 +15142,10 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
       ])
     ]));
   }
-}, io = /* @__PURE__ */ N(pi, [["__scopeId", "data-v-cd721096"]]), Mi = {
+}, mo = /* @__PURE__ */ k(_i, [["__scopeId", "data-v-cd721096"]]), wi = {
   key: 0,
   class: "new-chat-modal"
-}, hi = { class: "modal-content" }, bi = { class: "participant-list" }, yi = ["id", "value"], vi = ["for"], Ii = {
+}, Di = { class: "modal-content" }, Ni = { class: "participant-list" }, ki = ["id", "value"], ji = ["for"], Vi = {
   __name: "SelectUser",
   props: {
     users: {
@@ -15070,7 +15159,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
   },
   emits: ["confirm", "close"],
   setup(e, { emit: f }) {
-    const n = v(!0), a = v([]), A = f, s = async () => {
+    const n = y(!0), a = y([]), A = f, s = async () => {
       A("confirm", a.value), t(), i();
     }, t = () => {
       A("close"), n.value = !1;
@@ -15079,26 +15168,26 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
     }, u = () => {
       t(), i();
     };
-    return (l, c) => (r(), d("div", null, [
-      n.value ? (r(), d("div", Mi, [
-        o("div", hi, [
-          o("h2", null, _(e.title), 1),
-          o("div", bi, [
-            (r(!0), d(B, null, R(e.users, (g) => (r(), d("div", {
-              key: g.userId,
+    return (l, g) => (r(), d("div", null, [
+      n.value ? (r(), d("div", wi, [
+        o("div", Di, [
+          o("h2", null, w(e.title), 1),
+          o("div", Ni, [
+            (r(!0), d(B, null, R(e.users, (c) => (r(), d("div", {
+              key: c.userId,
               class: "participant-item"
             }, [
               ae(o("input", {
-                id: g.userId,
-                "onUpdate:modelValue": c[0] || (c[0] = (m) => a.value = m),
+                id: c.userId,
+                "onUpdate:modelValue": g[0] || (g[0] = (m) => a.value = m),
                 type: "checkbox",
-                value: g.userId
-              }, null, 8, yi), [
+                value: c.userId
+              }, null, 8, ki), [
                 [Sn, a.value]
               ]),
               o("label", {
-                for: g.userId
-              }, _(g.name || "unknown username"), 9, vi)
+                for: c.userId
+              }, w(c.name || "unknown username"), 9, ji)
             ]))), 128))
           ]),
           o("div", { class: "modal-actions" }, [
@@ -15106,32 +15195,32 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
             o("button", { onClick: u }, " Отмена ")
           ])
         ])
-      ])) : y("", !0)
+      ])) : b("", !0)
     ]));
   }
-}, oo = /* @__PURE__ */ N(Ii, [["__scopeId", "data-v-66249b80"]]), _i = { class: "modal-backdrop" }, wi = {
+}, po = /* @__PURE__ */ k(Vi, [["__scopeId", "data-v-66249b80"]]), Ei = { class: "modal-backdrop" }, Ti = {
   class: "modal",
   role: "dialog",
   "aria-labelledby": "modalTitle",
   "aria-describedby": "modalDescription"
-}, Di = {
+}, xi = {
   id: "modalDescription",
   class: "modal-body"
-}, Ni = { class: "buttons" }, ki = {
+}, Si = { class: "buttons" }, zi = {
   __name: "Modal",
   emits: ["close", "submit"],
   setup(e, { emit: f }) {
     const n = f, a = (s) => {
       n("submit", s);
-    }, A = v(null);
+    }, A = y(null);
     return (s, t) => (r(), Q(H, { name: "modal-fade" }, {
       default: K(() => [
-        o("div", _i, [
-          o("div", wi, [
-            o("div", Di, [
+        o("div", Ei, [
+          o("div", Ti, [
+            o("div", xi, [
               W(s.$slots, "default", {}, void 0, !0)
             ]),
-            o("div", Ni, [
+            o("div", Si, [
               o("button", {
                 type: "button",
                 class: "btn-green",
@@ -15151,22 +15240,22 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
       _: 3
     }));
   }
-}, ji = /* @__PURE__ */ N(ki, [["__scopeId", "data-v-d48a1772"]]);
+}, Oi = /* @__PURE__ */ k(zi, [["__scopeId", "data-v-d48a1772"]]);
 function cn({ component: e, attrs: f }) {
   return new Promise((n) => {
     const a = document.createElement("div");
     document.body.appendChild(a);
-    const A = v({}), s = () => {
+    const A = y({}), s = () => {
       l.unmount(), document.body.removeChild(a);
     }, t = () => {
       s(), n(A.value);
-    }, i = (c) => {
-      const g = Object.keys(c)[0];
-      A.value[g] = c[g];
+    }, i = (g) => {
+      const c = Object.keys(g)[0];
+      A.value[c] = g[c];
     }, u = ce({
       render() {
         return Tf(
-          ji,
+          Oi,
           {
             onSubmit: t,
             onClose: s
@@ -15186,17 +15275,17 @@ function cn({ component: e, attrs: f }) {
     l.mount(a);
   });
 }
-const uo = async (e, f) => {
+const Mo = async (e, f) => {
   const n = await cn({
     //в component должен быть встроен emit change(key: value)
-    component: import("./SelectUser2-CIj1XpAc.js"),
+    component: import("./SelectUser2-cwVHQ32W.js"),
     attrs: {
       title: e,
       users: f
     }
   });
   return console.log("data", n), n;
-}, ro = async (e) => {
+}, ho = async (e) => {
   const f = await cn({
     //в component должен быть встроен emit change(key: value)
     component: import("./CreateChat-fkFKBxtQ.js"),
@@ -15205,7 +15294,7 @@ const uo = async (e, f) => {
     }
   });
   return console.log("data", f), f;
-}, Vi = {
+}, Ci = {
   __name: "BaseContainer",
   props: {
     height: String,
@@ -15223,7 +15312,7 @@ const uo = async (e, f) => {
       W(n.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}, lo = /* @__PURE__ */ N(Vi, [["__scopeId", "data-v-db2052ac"]]), Ei = { class: "float-window__container" }, Ti = ["src", "alt"], xi = { class: "float-window__title" }, Si = {
+}, bo = /* @__PURE__ */ k(Ci, [["__scopeId", "data-v-db2052ac"]]), Ui = { class: "float-window__container" }, Li = ["src", "alt"], Qi = { class: "float-window__title" }, Bi = {
   __name: "FloatContainer",
   props: {
     title: {
@@ -15238,32 +15327,32 @@ const uo = async (e, f) => {
       type: String,
       required: !0
     },
-    Height: String,
-    Width: String
+    height: String,
+    width: String
   },
   emits: ["close-window", "get-size"],
   setup(e, { emit: f }) {
-    const n = e, a = v({ x: 0, y: 0 }), A = v(null), s = v(null), t = v(!1), i = v(0), u = v(0), l = v(0), c = () => {
+    const n = e, a = y({ x: 0, y: 0 }), A = y(null), s = y(null), t = y(!1), i = y(0), u = y(0), l = y(0), g = () => {
       if (A.value) {
-        const p = window.innerWidth, b = window.innerHeight, M = A.value.offsetWidth, I = A.value.offsetHeight;
-        a.value.x = (p - M) / 2, a.value.y = (b - I) / 2;
+        const p = window.innerWidth, v = window.innerHeight, h = A.value.offsetWidth, _ = A.value.offsetHeight;
+        a.value.x = (p - h) / 2, a.value.y = (v - _) / 2;
       }
-    }, g = (p) => {
+    }, c = (p) => {
       t.value = !0, i.value = p.clientX - A.value.offsetLeft, u.value = p.clientY - A.value.offsetTop;
-    }, m = () => t.value = !1, h = (p) => {
+    }, m = () => t.value = !1, M = (p) => {
       if (t.value) {
-        const b = p.clientX - i.value, M = p.clientY - u.value;
+        const v = p.clientX - i.value, h = p.clientY - u.value;
         a.value.x = Math.max(
           0,
-          Math.min(b, window.innerWidth - A.value.offsetWidth)
+          Math.min(v, window.innerWidth - A.value.offsetWidth)
         ), a.value.y = Math.max(
           0,
-          Math.min(M, window.innerHeight - A.value.offsetHeight)
+          Math.min(h, window.innerHeight - A.value.offsetHeight)
         );
       }
     };
     return _e(() => {
-      c(), document.addEventListener("mousemove", h), window.addEventListener("resize", () => {
+      g(), document.addEventListener("mousemove", M), window.addEventListener("resize", () => {
         a.value.x = Math.max(
           0,
           Math.min(
@@ -15278,23 +15367,26 @@ const uo = async (e, f) => {
           )
         );
       }), l.value = A.value.offsetHeight - s.value.offsetHeight;
-    }), (p, b) => (r(), d("div", {
+    }), (p, v) => (r(), d("div", {
       ref_key: "element",
       ref: A,
       class: "float-window",
       style: U({
         left: a.value.x + "px",
         top: a.value.y + "px",
-        userSelect: t.value ? "none" : "auto"
+        userSelect: t.value ? "none" : "auto",
+        height: e.height,
+        width: e.width,
+        display: p.flex
       })
     }, [
-      o("div", Ei, [
+      o("div", Ui, [
         o("div", {
           ref_key: "container",
           ref: s,
           class: "float-window__controls",
           style: U({ backgroundColor: n.colorTitle ? n.colorTitle : "" }),
-          onMousedown: g,
+          onMousedown: c,
           onMouseup: m,
           onMouseleave: m
         }, [
@@ -15303,12 +15395,12 @@ const uo = async (e, f) => {
             class: "float-window__avatar",
             src: n.avatar,
             alt: n.title
-          }, null, 8, Ti)) : y("", !0),
-          o("p", xi, _(n.title), 1),
+          }, null, 8, Li)) : b("", !0),
+          o("p", Qi, w(n.title), 1),
           o("button", {
             class: "float-window__close-button",
-            onClick: b[0] || (b[0] = (M) => p.$emit("close-window"))
-          }, b[1] || (b[1] = [
+            onClick: v[0] || (v[0] = (h) => p.$emit("close-window"))
+          }, v[1] || (v[1] = [
             o("span", { class: "pi pi-times" }, null, -1)
           ]))
         ], 36),
@@ -15321,46 +15413,46 @@ const uo = async (e, f) => {
       ])
     ], 4));
   }
-}, co = /* @__PURE__ */ N(Si, [["__scopeId", "data-v-58ac42f4"]]), zi = {}, Oi = { class: "base-layout__container" }, Ci = { class: "base-layout__first-col" }, Ui = { class: "base-layout__second-col" };
-function Li(e, f) {
-  return r(), d("div", Oi, [
-    o("div", Ci, [
+}, yo = /* @__PURE__ */ k(Bi, [["__scopeId", "data-v-ef28a871"]]), Yi = {}, Ri = { class: "base-layout__container" }, qi = { class: "base-layout__first-col" }, Fi = { class: "base-layout__second-col" };
+function Ji(e, f) {
+  return r(), d("div", Ri, [
+    o("div", qi, [
       W(e.$slots, "first-col", {}, void 0, !0)
     ]),
-    o("div", Ui, [
+    o("div", Fi, [
       W(e.$slots, "second-col", {}, void 0, !0)
     ])
   ]);
 }
-const go = /* @__PURE__ */ N(zi, [["render", Li], ["__scopeId", "data-v-b6a80f19"]]), Qi = {}, Bi = { class: "extend-layout__container" }, Yi = { class: "extend-layout__first-col" }, Ri = { class: "extend-layout__second-col" }, qi = { class: "extend-layout__third-col" };
-function Fi(e, f) {
-  return r(), d("div", Bi, [
-    o("div", Yi, [
+const vo = /* @__PURE__ */ k(Yi, [["render", Ji], ["__scopeId", "data-v-b6a80f19"]]), Wi = {}, Hi = { class: "extend-layout__container" }, Ki = { class: "extend-layout__first-col" }, Pi = { class: "extend-layout__second-col" }, $i = { class: "extend-layout__third-col" };
+function Zi(e, f) {
+  return r(), d("div", Hi, [
+    o("div", Ki, [
       W(e.$slots, "first-col", {}, void 0, !0)
     ]),
-    o("div", Ri, [
+    o("div", Pi, [
       W(e.$slots, "second-col", {}, void 0, !0)
     ]),
-    o("div", qi, [
+    o("div", $i, [
       W(e.$slots, "third-col", {}, void 0, !0)
     ])
   ]);
 }
-const mo = /* @__PURE__ */ N(Qi, [["render", Fi], ["__scopeId", "data-v-cfdb8a37"]]), Ji = {}, Wi = { class: "base-layout__container" }, Hi = { class: "base-layout__first-col" };
-function Ki(e, f) {
-  return r(), d("div", Wi, [
-    o("div", Hi, [
+const Io = /* @__PURE__ */ k(Wi, [["render", Zi], ["__scopeId", "data-v-cfdb8a37"]]), Gi = {}, Xi = { class: "base-layout__container" }, eo = { class: "base-layout__first-col" };
+function fo(e, f) {
+  return r(), d("div", Xi, [
+    o("div", eo, [
       W(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const po = /* @__PURE__ */ N(Ji, [["render", Ki], ["__scopeId", "data-v-3face7ce"]]), Pi = { style: { display: "flex", height: "100%", width: "100%", "align-items": "stretch" } }, Zi = {
+const _o = /* @__PURE__ */ k(Gi, [["render", fo], ["__scopeId", "data-v-3face7ce"]]), no = { style: { display: "flex", height: "100%", width: "100%", "align-items": "stretch" } }, ao = {
   key: 0,
   style: { height: "100%", width: "100%", display: "flex", "flex-direction": "column", "align-items": "stretch" }
-}, $i = {
+}, Ao = {
   key: 1,
   style: { width: "100%" }
-}, Gi = /* @__PURE__ */ ce({
+}, to = /* @__PURE__ */ ce({
   __name: "ChatWrapper",
   props: {
     isOpenChatPanel: {
@@ -15373,10 +15465,10 @@ const po = /* @__PURE__ */ N(Ji, [["render", Ki], ["__scopeId", "data-v-3face7ce
     }
   },
   setup(e) {
-    return (f, n) => (r(), d("div", Pi, [
-      e.isSelectedChat ? (r(), d("div", Zi, [
+    return (f, n) => (r(), d("div", no, [
+      e.isSelectedChat ? (r(), d("div", ao, [
         W(f.$slots, "default", {}, void 0, !0)
-      ])) : (r(), d("div", $i, n[0] || (n[0] = [
+      ])) : (r(), d("div", Ao, n[0] || (n[0] = [
         o("p", null, " Выберите контакт для начала общения ", -1)
       ]))),
       e.isOpenChatPanel ? (r(), d("div", {
@@ -15385,16 +15477,16 @@ const po = /* @__PURE__ */ N(Ji, [["render", Ki], ["__scopeId", "data-v-3face7ce
         class: "chatpanel"
       }, [
         W(f.$slots, "chatpanel", {}, void 0, !0)
-      ], 4)) : y("", !0)
+      ], 4)) : b("", !0)
     ]));
   }
-}), Mo = /* @__PURE__ */ N(Gi, [["__scopeId", "data-v-8ce07c9d"]]);
-function ho(e) {
+}), wo = /* @__PURE__ */ k(to, [["__scopeId", "data-v-8ce07c9d"]]);
+function Do(e) {
   if (!e || e === "") return;
   const f = +new Date(Number(e) * 1e3), n = +/* @__PURE__ */ new Date(), a = Math.floor((n - f) / 1e3), A = Math.floor(a / 60), s = Math.floor(A / 60), t = Math.floor(s / 24);
   return t > 30 ? f.toLocaleString() : t > 0 ? `${t} ${t === 1 ? "день" : "дня"} назад` : s > 0 ? `${s} ${s === 1 ? "час" : "часа"} назад` : A > 0 ? `${A} ${A === 1 ? "минута" : "минуты"} назад` : a > 0 ? `${a} ${a === 1 ? "секунда" : "секунды"} назад` : "Только что";
 }
-const bo = (e) => {
+const No = (e) => {
   const f = [];
   let n = null;
   for (let a = 0; a < e.length; a++) {
@@ -15408,7 +15500,7 @@ const bo = (e) => {
     }), n = s), f.push(A);
   }
   return f;
-}, yo = async () => {
+}, ko = async () => {
   try {
     if (await navigator.mediaDevices.getUserMedia({ audio: !0 })) {
       const f = new Audio();
@@ -15417,37 +15509,37 @@ const bo = (e) => {
   } catch {
     console.log("no audio permissions");
   }
-}, vo = (e) => e.sort((f, n) => Number(f.timestamp) < Number(n.timestamp) ? -1 : Number(f.timestamp) > Number(n.timestamp) ? 1 : 0);
+}, jo = (e) => e.sort((f, n) => Number(f.timestamp) < Number(n.timestamp) ? -1 : Number(f.timestamp) > Number(n.timestamp) ? 1 : 0);
 export {
   Va as A,
-  lo as B,
-  eo as C,
+  bo as B,
+  io as C,
   za as D,
-  mo as E,
-  Zn as F,
+  Io as E,
+  $n as F,
   oa as I,
-  so as S,
+  go as S,
   ha as T,
-  Ao as U,
-  N as _,
-  fo as a,
-  no as b,
-  ao as c,
-  Xs as d,
-  to as e,
-  io as f,
+  lo as U,
+  k as _,
+  oo as a,
+  uo as b,
+  ro as c,
+  si as d,
+  co as e,
+  mo as f,
   O1 as g,
   sf as h,
   X1 as i,
-  oo as j,
-  ro as k,
-  co as l,
-  go as m,
-  po as n,
-  Mo as o,
-  ho as p,
-  bo as q,
-  yo as r,
-  vo as s,
-  uo as u
+  po as j,
+  ho as k,
+  yo as l,
+  vo as m,
+  _o as n,
+  wo as o,
+  Do as p,
+  No as q,
+  ko as r,
+  jo as s,
+  Mo as u
 };