@mobilon-dev/chotto 0.0.32 → 0.0.34

package/dist/{index-Bz-UKF_D.js → index-CjdkJE6L.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 v, 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 de, inject as Pe, getCurrentInstance as vn, toRaw as Wf, watch as $e, onBeforeUnmount as In, provide as _n, reactive as wn, readonly as Dn, vModelText as Hf, resolveComponent as Fe, onUnmounted as Nn, withModifiers as kn, mergeModels as Tf, useModel as jn, unref as le, withKeys as Vn, onUpdated as En, resolveDynamicComponent as Tn, nextTick as of, toRef as xn, vModelCheckbox as Sn, h as xf, 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;
@@ -14,11 +14,11 @@ const N = (e, f) => {
   },
   emits: ["click"],
   setup(e, { emit: f }) {
-    const n = e, a = f, A = (s) => {
-      const t = n.actions[s];
-      a("click", t);
+    const n = e, a = f, A = (t) => {
+      const s = n.actions[t];
+      a("click", s);
     };
-    return (s, t) => (r(), d("div", Cn, [
+    return (t, s) => (r(), d("div", Cn, [
       o("div", Un, [
         o("ul", Ln, [
           (r(!0), d(B, null, R(n.actions, (i, u) => (r(), d("li", {
@@ -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 = {
+}, ge = /* @__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 = {
@@ -55,10 +55,10 @@ const N = (e, f) => {
   setup(e) {
     const f = e, n = v(!1), a = v(!1), A = () => {
       a.value = !0;
-    }, s = () => {
+    }, t = () => {
       a.value = !1, n.value = !1;
     };
-    function t(u) {
+    function s(u) {
       return u.position === "left" ? "file-message__left" : "file-message__right";
     }
     const i = x(() => {
@@ -72,9 +72,9 @@ const N = (e, f) => {
       }
     });
     return (u, l) => (r(), d("div", {
-      class: E(["file-message", t(e.message)]),
+      class: T(["file-message", s(e.message)]),
       messageId: e.message.messageId,
-      onMouseleave: s
+      onMouseleave: t
     }, [
       e.message.avatar ? (r(), d("img", {
         key: 0,
@@ -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,40 +96,40 @@ 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),
-          t(e.message) === "file-message__right" && e.message.status ? (r(), d("div", {
+          o("span", Hn, w(e.message.time), 1),
+          s(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, {
+            n.value && e.message.actions ? (r(), Q(ge, {
               key: 0,
               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,9 +147,9 @@ const N = (e, f) => {
     }
   },
   setup(e) {
-    const f = e, n = v(!1), a = v(!1), A = v(!1), s = () => {
+    const f = e, n = v(!1), a = v(!1), A = v(!1), t = () => {
       A.value = !0;
-    }, t = () => {
+    }, s = () => {
       A.value = !1, a.value = !1;
     };
     function i(l) {
@@ -165,10 +165,10 @@ 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
+      onMouseleave: s
     }, [
       e.message.avatar ? (r(), d("img", {
         key: 0,
@@ -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
+        onMouseenter: t
       }, [
         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,25 +230,25 @@ 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, {
+            a.value && e.message.actions ? (r(), Q(ge, {
               key: 0,
               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 = () => {
-      s.value = !0;
+    const n = e, a = f, A = v(!1), t = v(!1), s = () => {
+      t.value = !0;
     }, i = () => {
-      s.value = !1, A.value = !1;
-    }, u = (g) => {
-      i(), a("action", { messageId: n.message.messageId, ...g });
+      t.value = !1, A.value = !1;
+    }, 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,38 +300,38 @@ 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
+          onMouseenter: s
         }, [
-          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", {
+          t.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, {
+              A.value && e.message.actions ? (r(), Q(ge, {
                 key: 0,
                 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 = v(null), a = v(!1), A = v(0), t = v(0), s = v(!1), i = v(!1), u = () => {
       i.value = !0;
     }, l = () => {
-      i.value = !1, t.value = !1;
+      i.value = !1, s.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(t.value) : "0:00"), M = x(() => n.value ? c(A.value) : "0:00"), p = x(() => A.value > 0 ? t.value / A.value * 100 : 0), y = x(() => {
       switch (f.message.status) {
         case "read":
           return "audio-message__status--read";
@@ -375,17 +375,17 @@ 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", () => {
         A.value = n.value.duration;
       }), n.value.addEventListener("timeupdate", () => {
-        s.value = n.value.currentTime;
+        t.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", y.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) => s.value = !s.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, {
+            s.value && e.message.actions ? (r(), Q(ge, {
               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 = [
@@ -12472,7 +12472,7 @@ var iA = {
   objects: AA,
   symbols: tA,
   flags: sA
-}, xf = [
+}, Sf = [
   {
     key: "recent",
     title: "Recently Used",
@@ -12520,9 +12520,9 @@ var iA = {
   }
 ];
 const oA = (e, f) => f.some((n) => e instanceof n);
-let Sf, zf;
+let zf, Of;
 function uA() {
-  return Sf || (Sf = [
+  return zf || (zf = [
     IDBDatabase,
     IDBObjectStore,
     IDBIndex,
@@ -12531,49 +12531,49 @@ function uA() {
   ]);
 }
 function rA() {
-  return zf || (zf = [
+  return Of || (Of = [
     IDBCursor.prototype.advance,
     IDBCursor.prototype.continue,
     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(), uf = /* @__PURE__ */ new WeakMap(), Gf = /* @__PURE__ */ new WeakMap(), af = /* @__PURE__ */ new WeakMap(), cf = /* @__PURE__ */ new WeakMap();
 function lA(e) {
   const f = new Promise((n, a) => {
     const A = () => {
-      e.removeEventListener("success", s), e.removeEventListener("error", t);
-    }, s = () => {
-      n(te(e.result)), A();
+      e.removeEventListener("success", t), e.removeEventListener("error", s);
     }, t = () => {
+      n(te(e.result)), A();
+    }, s = () => {
       a(e.error), A();
     };
-    e.addEventListener("success", s), e.addEventListener("error", t);
+    e.addEventListener("success", t), e.addEventListener("error", s);
   });
   return f.then((n) => {
-    n instanceof IDBCursor && $f.set(n, e);
+    n instanceof IDBCursor && Zf.set(n, e);
   }).catch(() => {
-  }), lf.set(f, e), f;
+  }), cf.set(f, e), f;
 }
 function cA(e) {
-  if (of.has(e))
+  if (uf.has(e))
     return;
   const f = new Promise((n, a) => {
     const A = () => {
-      e.removeEventListener("complete", s), e.removeEventListener("error", t), e.removeEventListener("abort", t);
-    }, s = () => {
-      n(), A();
+      e.removeEventListener("complete", t), e.removeEventListener("error", s), e.removeEventListener("abort", s);
     }, t = () => {
+      n(), A();
+    }, s = () => {
       a(e.error || new DOMException("AbortError", "AbortError")), A();
     };
-    e.addEventListener("complete", s), e.addEventListener("error", t), e.addEventListener("abort", t);
+    e.addEventListener("complete", t), e.addEventListener("error", s), e.addEventListener("abort", s);
   });
-  of.set(e, f);
+  uf.set(e, f);
 }
-let uf = {
+let rf = {
   get(e, f, n) {
     if (e instanceof IDBTransaction) {
       if (f === "done")
-        return of.get(e);
+        return uf.get(e);
       if (f === "objectStoreNames")
         return e.objectStoreNames || Gf.get(e);
       if (f === "store")
@@ -12589,20 +12589,20 @@ let uf = {
   }
 };
 function dA(e) {
-  uf = e(uf);
+  rf = e(rf);
 }
 function gA(e) {
   return e === IDBDatabase.prototype.transaction && !("objectStoreNames" in IDBTransaction.prototype) ? function(f, ...n) {
     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));
   };
 }
 function mA(e) {
-  return typeof e == "function" ? gA(e) : (e instanceof IDBTransaction && cA(e), oA(e, uA()) ? new Proxy(e, uf) : e);
+  return typeof e == "function" ? gA(e) : (e instanceof IDBTransaction && cA(e), oA(e, uA()) ? new Proxy(e, rf) : e);
 }
 function te(e) {
   if (e instanceof IDBRequest)
@@ -12610,24 +12610,24 @@ function te(e) {
   if (af.has(e))
     return af.get(e);
   const f = mA(e);
-  return f !== e && (af.set(e, f), lf.set(f, e)), f;
+  return f !== e && (af.set(e, f), cf.set(f, e)), f;
 }
-const Af = (e) => lf.get(e);
-function cf(e, f, { blocked: n, upgrade: a, blocking: A, terminated: s } = {}) {
-  const t = indexedDB.open(e, f), i = te(t);
-  return a && t.addEventListener("upgradeneeded", (u) => {
-    a(te(t.result), u.oldVersion, u.newVersion, te(t.transaction), u);
-  }), n && t.addEventListener("blocked", (u) => n(
+const Af = (e) => cf.get(e);
+function df(e, f, { blocked: n, upgrade: a, blocking: A, terminated: t } = {}) {
+  const s = indexedDB.open(e, f), i = te(s);
+  return a && s.addEventListener("upgradeneeded", (u) => {
+    a(te(s.result), u.oldVersion, u.newVersion, te(s.transaction), u);
+  }), n && s.addEventListener("blocked", (u) => n(
     u.oldVersion,
     u.newVersion,
     u
   )), i.then((u) => {
-    s && u.addEventListener("close", () => s()), A && u.addEventListener("versionchange", (l) => A(l.oldVersion, l.newVersion, l));
+    t && u.addEventListener("close", () => t()), A && u.addEventListener("versionchange", (l) => A(l.oldVersion, l.newVersion, l));
   }).catch(() => {
   }), i;
 }
 const pA = ["get", "getKey", "getAll", "getAllKeys", "count"], MA = ["put", "add", "delete", "clear"], tf = /* @__PURE__ */ new Map();
-function Of(e, f) {
+function Cf(e, f) {
   if (!(e instanceof IDBDatabase && !(f in e) && typeof f == "string"))
     return;
   if (tf.get(f))
@@ -12635,24 +12635,24 @@ function Of(e, f) {
   const n = f.replace(/FromIndex$/, ""), a = f !== n, A = MA.includes(n);
   if (!(n in (a ? IDBIndex : IDBObjectStore).prototype) || !(A || pA.includes(n)))
     return;
-  const s = async function(t, ...i) {
-    const u = this.transaction(t, A ? "readwrite" : "readonly");
+  const t = async function(s, ...i) {
+    const u = this.transaction(s, A ? "readwrite" : "readonly");
     let l = u.store;
     return a && (l = l.index(i.shift())), (await Promise.all([
       l[n](...i),
       A && u.done
     ]))[0];
   };
-  return tf.set(f, s), s;
+  return tf.set(f, t), t;
 }
 dA((e) => ({
   ...e,
-  get: (f, n, a) => Of(f, n) || e.get(f, n, a),
-  has: (f, n) => !!Of(f, n) || e.has(f, n)
+  get: (f, n, a) => Cf(f, n) || e.get(f, n, a),
+  has: (f, n) => !!Cf(f, n) || e.has(f, n)
 }));
-const df = "EMJ", Me = "emojis", gf = 3;
+const gf = "EMJ", Me = "emojis", mf = 3;
 async function hA() {
-  (await cf(df, gf, {
+  (await df(gf, mf, {
     upgrade(f, n) {
       f.objectStoreNames.contains(Me) || f.createObjectStore(Me, {
         keyPath: "id",
@@ -12678,7 +12678,7 @@ const bA = {
   groupIcons: {}
 };
 async function yA() {
-  return await (await cf(df, gf)).transaction(Me, "readonly").objectStore(Me).getAll();
+  return await (await df(gf, mf)).transaction(Me, "readonly").objectStore(Me).getAll();
 }
 function vA() {
   const e = wn({
@@ -12697,75 +12697,75 @@ 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)
+      return Sf.filter(
+        (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)
+        ...Sf.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;
+  }, t = (c) => {
+    e.emoji = c;
+  }, s = (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({
+    (await df(gf, mf)).transaction(Me, "readwrite").objectStore(Me).put({
       id: 0,
       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: Wf(c.n) };
+    e.recent = [M, ...e.recent], e.recent.length > 24 && (e.recent.length = 24), l();
   };
   return {
     state: Dn(e),
     updateSearch: A,
-    updateEmoji: s,
-    updateActiveGroup: t,
+    updateEmoji: t,
+    updateActiveGroup: s,
     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", pf = "auto", ze = [q, $, Z, F], he = "start", xe = "end", IA = "clippingParents", Xf = "viewport", je = "popper", _A = "reference", Uf = /* @__PURE__ */ ze.reduce(function(e, f) {
   return e.concat([f + "-" + he, f + "-" + xe]);
-}, []), en = /* @__PURE__ */ [].concat(ze, [mf]).reduce(function(e, f) {
+}, []), en = /* @__PURE__ */ [].concat(ze, [pf]).reduce(function(e, f) {
   return e.concat([f, f + "-" + he, f + "-" + xe]);
 }, []), wA = "beforeRead", DA = "read", NA = "afterRead", kA = "beforeMain", jA = "main", VA = "afterMain", EA = "beforeWrite", TA = "write", xA = "afterWrite", SA = [wA, DA, NA, kA, jA, VA, EA, TA, xA];
 function fe(e) {
@@ -12797,10 +12797,10 @@ function fn(e) {
 function zA(e) {
   var f = e.state;
   Object.keys(f.elements).forEach(function(n) {
-    var a = f.styles[n] || {}, A = f.attributes[n] || {}, s = f.elements[n];
-    !P(s) || !fe(s) || (Object.assign(s.style, a), Object.keys(A).forEach(function(t) {
-      var i = A[t];
-      i === !1 ? s.removeAttribute(t) : s.setAttribute(t, i === !0 ? "" : i);
+    var a = f.styles[n] || {}, A = f.attributes[n] || {}, t = f.elements[n];
+    !P(t) || !fe(t) || (Object.assign(t.style, a), Object.keys(A).forEach(function(s) {
+      var i = A[s];
+      i === !1 ? t.removeAttribute(s) : t.setAttribute(s, i === !0 ? "" : i);
     }));
   });
 }
@@ -12819,10 +12819,10 @@ function OA(e) {
   };
   return Object.assign(f.elements.popper.style, n.popper), f.styles = n, f.elements.arrow && Object.assign(f.elements.arrow.style, n.arrow), function() {
     Object.keys(f.elements).forEach(function(a) {
-      var A = f.elements[a], s = f.attributes[a] || {}, t = Object.keys(f.styles.hasOwnProperty(a) ? f.styles[a] : n[a]), i = t.reduce(function(u, l) {
+      var A = f.elements[a], t = f.attributes[a] || {}, s = Object.keys(f.styles.hasOwnProperty(a) ? f.styles[a] : n[a]), i = s.reduce(function(u, l) {
         return u[l] = "", u;
       }, {});
-      !P(A) || !fe(A) || (Object.assign(A.style, i), Object.keys(s).forEach(function(u) {
+      !P(A) || !fe(A) || (Object.assign(A.style, i), Object.keys(t).forEach(function(u) {
         A.removeAttribute(u);
       }));
     });
@@ -12839,13 +12839,13 @@ var CA = {
 function ee(e) {
   return e.split("-")[0];
 }
-var le = Math.max, Ke = Math.min, ye = Math.round;
+var ce = Math.max, Ke = Math.min, ye = Math.round;
 function ve(e, f) {
   f === void 0 && (f = !1);
   var n = e.getBoundingClientRect(), a = 1, A = 1;
   if (P(e) && f) {
-    var s = e.offsetHeight, t = e.offsetWidth;
-    t > 0 && (a = ye(n.width) / t || 1), s > 0 && (A = ye(n.height) / s || 1);
+    var t = e.offsetHeight, s = e.offsetWidth;
+    s > 0 && (a = ye(n.width) / s || 1), t > 0 && (A = ye(n.height) / t || 1);
   }
   return {
     width: n.width / a,
@@ -12858,7 +12858,7 @@ function ve(e, f) {
     y: n.top / A
   };
 }
-function pf(e) {
+function Mf(e) {
   var f = ve(e), n = e.offsetWidth, a = e.offsetHeight;
   return Math.abs(f.width - n) <= 1 && (n = f.width), Math.abs(f.height - a) <= 1 && (a = f.height), {
     x: e.offsetLeft,
@@ -12893,7 +12893,7 @@ function se(e) {
 function Ge(e) {
   return fe(e) === "html" ? e : e.assignedSlot || e.parentNode || (fn(e) ? e.host : null) || se(e);
 }
-function Uf(e) {
+function Lf(e) {
   return !P(e) || ne(e).position === "fixed" ? null : e.offsetParent;
 }
 function LA(e) {
@@ -12904,23 +12904,23 @@ function LA(e) {
       return null;
   }
   for (var A = Ge(e); P(A) && ["html", "body"].indexOf(fe(A)) < 0; ) {
-    var s = ne(A);
-    if (s.transform !== "none" || s.perspective !== "none" || s.contain === "paint" || ["transform", "perspective"].indexOf(s.willChange) !== -1 || f && s.willChange === "filter" || f && s.filter && s.filter !== "none")
+    var t = ne(A);
+    if (t.transform !== "none" || t.perspective !== "none" || t.contain === "paint" || ["transform", "perspective"].indexOf(t.willChange) !== -1 || f && t.willChange === "filter" || f && t.filter && t.filter !== "none")
       return A;
     A = A.parentNode;
   }
   return null;
 }
 function Oe(e) {
-  for (var f = X(e), n = Uf(e); n && UA(n) && ne(n).position === "static"; )
-    n = Uf(n);
+  for (var f = X(e), n = Lf(e); n && UA(n) && ne(n).position === "static"; )
+    n = Lf(n);
   return n && (fe(n) === "html" || fe(n) === "body" && ne(n).position === "static") ? f : n || LA(e) || f;
 }
-function Mf(e) {
+function hf(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
 function Ve(e, f, n) {
-  return le(e, Ke(f, n));
+  return ce(e, Ke(f, n));
 }
 function QA(e, f, n) {
   var a = Ve(e, f, n);
@@ -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";
-  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 f, n = e.state, a = e.name, A = e.options, t = n.elements.arrow, s = n.modifiersData.popperOffsets, i = ee(n.placement), u = hf(i), l = [F, Z].indexOf(i) >= 0, g = l ? "height" : "width";
+  if (!(!t || !s)) {
+    var c = BA(A.padding, n), m = Mf(t), M = u === "y" ? q : F, p = u === "y" ? $ : Z, y = n.rects.reference[g] + n.rects.reference[u] - s[u] - n.rects.popper[g], h = s[u] - n.rects.reference[u], _ = Oe(t), I = _ ? u === "y" ? _.clientHeight || 0 : _.clientWidth || 0 : 0, D = y / 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) {
@@ -12983,18 +12983,18 @@ function JA(e) {
     y: ye(n * A) / A || 0
   };
 }
-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;
+function Qf(e) {
+  var f, n = e.popper, a = e.popperRect, A = e.placement, t = e.variation, s = e.offsets, i = e.position, u = e.gpuAcceleration, l = e.adaptive, g = e.roundOffsets, c = e.isFixed, m = g === !0 ? JA(s) : typeof g == "function" ? g(s) : s, M = m.x, p = M === void 0 ? 0 : M, y = m.y, h = y === void 0 ? 0 : y, _ = s.hasOwnProperty("x"), I = s.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) && t === 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 === $) && t === xe) {
+      D = Z;
+      var O = c && j.visualViewport ? j.visualViewport.width : V[z];
       p -= O - a.width, p *= u ? 1 : -1;
     }
   }
@@ -13003,12 +13003,12 @@ 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 = {
+  var f = e.state, n = e.options, a = n.gpuAcceleration, A = a === void 0 ? !0 : a, t = n.adaptive, s = t === void 0 ? !0 : t, i = n.roundOffsets, u = i === void 0 ? !0 : i, l = {
     placement: ee(f.placement),
     variation: Ie(f.placement),
     popper: f.elements.popper,
@@ -13016,12 +13016,12 @@ function WA(e) {
     gpuAcceleration: A,
     isFixed: f.options.strategy === "fixed"
   };
-  f.modifiersData.popperOffsets != null && (f.styles.popper = Object.assign({}, f.styles.popper, Lf(Object.assign({}, l, {
+  f.modifiersData.popperOffsets != null && (f.styles.popper = Object.assign({}, f.styles.popper, Qf(Object.assign({}, l, {
     offsets: f.modifiersData.popperOffsets,
     position: f.options.strategy,
-    adaptive: t,
+    adaptive: s,
     roundOffsets: u
-  })))), f.modifiersData.arrow != null && (f.styles.arrow = Object.assign({}, f.styles.arrow, Lf(Object.assign({}, l, {
+  })))), f.modifiersData.arrow != null && (f.styles.arrow = Object.assign({}, f.styles.arrow, Qf(Object.assign({}, l, {
     offsets: f.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
@@ -13040,12 +13040,12 @@ var HA = {
   passive: !0
 };
 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);
+  var f = e.state, n = e.instance, a = e.options, A = a.scroll, t = A === void 0 ? !0 : A, s = a.resize, i = s === void 0 ? !0 : s, u = X(f.elements.popper), l = [].concat(f.scrollParents.reference, f.scrollParents.popper);
+  return t && 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);
+    t && 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,60 +13065,60 @@ 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) {
+function Bf(e) {
   return e.replace(/start|end/g, function(f) {
-    return $A[f];
+    return ZA[f];
   });
 }
-function hf(e) {
+function bf(e) {
   var f = X(e), n = f.pageXOffset, a = f.pageYOffset;
   return {
     scrollLeft: n,
     scrollTop: a
   };
 }
-function bf(e) {
-  return ve(se(e)).left + hf(e).scrollLeft;
+function yf(e) {
+  return ve(se(e)).left + bf(e).scrollLeft;
 }
 function GA(e) {
-  var f = X(e), n = se(e), a = f.visualViewport, A = n.clientWidth, s = n.clientHeight, t = 0, i = 0;
-  return a && (A = a.width, s = a.height, /^((?!chrome|android).)*safari/i.test(navigator.userAgent) || (t = a.offsetLeft, i = a.offsetTop)), {
+  var f = X(e), n = se(e), a = f.visualViewport, A = n.clientWidth, t = n.clientHeight, s = 0, i = 0;
+  return a && (A = a.width, t = a.height, /^((?!chrome|android).)*safari/i.test(navigator.userAgent) || (s = a.offsetLeft, i = a.offsetTop)), {
     width: A,
-    height: s,
-    x: t + bf(e),
+    height: t,
+    x: s + yf(e),
     y: i
   };
 }
 function XA(e) {
-  var f, n = se(e), a = hf(e), A = (f = e.ownerDocument) == null ? void 0 : f.body, s = le(n.scrollWidth, n.clientWidth, A ? A.scrollWidth : 0, A ? A.clientWidth : 0), t = le(n.scrollHeight, n.clientHeight, A ? A.scrollHeight : 0, A ? A.clientHeight : 0), i = -a.scrollLeft + bf(e), u = -a.scrollTop;
-  return ne(A || n).direction === "rtl" && (i += le(n.clientWidth, A ? A.clientWidth : 0) - s), {
-    width: s,
-    height: t,
+  var f, n = se(e), a = bf(e), A = (f = e.ownerDocument) == null ? void 0 : f.body, t = ce(n.scrollWidth, n.clientWidth, A ? A.scrollWidth : 0, A ? A.clientWidth : 0), s = ce(n.scrollHeight, n.clientHeight, A ? A.scrollHeight : 0, A ? A.clientHeight : 0), i = -a.scrollLeft + yf(e), u = -a.scrollTop;
+  return ne(A || n).direction === "rtl" && (i += ce(n.clientWidth, A ? A.clientWidth : 0) - t), {
+    width: t,
+    height: s,
     x: i,
     y: u
   };
 }
-function yf(e) {
+function vf(e) {
   var f = ne(e), n = f.overflow, a = f.overflowX, A = f.overflowY;
   return /auto|scroll|overlay|hidden/.test(n + A + a);
 }
 function sn(e) {
-  return ["html", "body", "#document"].indexOf(fe(e)) >= 0 ? e.ownerDocument.body : P(e) && yf(e) ? e : sn(Ge(e));
+  return ["html", "body", "#document"].indexOf(fe(e)) >= 0 ? e.ownerDocument.body : P(e) && vf(e) ? e : sn(Ge(e));
 }
 function Ee(e, f) {
   var n;
   f === void 0 && (f = []);
-  var a = sn(e), A = a === ((n = e.ownerDocument) == null ? void 0 : n.body), s = X(a), t = A ? [s].concat(s.visualViewport || [], yf(a) ? a : []) : a, i = f.concat(t);
-  return A ? i : i.concat(Ee(Ge(t)));
+  var a = sn(e), A = a === ((n = e.ownerDocument) == null ? void 0 : n.body), t = X(a), s = A ? [t].concat(t.visualViewport || [], vf(a) ? a : []) : a, i = f.concat(s);
+  return A ? i : i.concat(Ee(Ge(s)));
 }
-function rf(e) {
+function lf(e) {
   return Object.assign({}, e, {
     left: e.x,
     top: e.y,
@@ -13130,8 +13130,8 @@ function et(e) {
   var f = ve(e);
   return f.top = f.top + e.clientTop, f.left = f.left + e.clientLeft, f.bottom = f.top + e.clientHeight, f.right = f.left + e.clientWidth, f.width = e.clientWidth, f.height = e.clientHeight, f.x = f.left, f.y = f.top, f;
 }
-function Bf(e, f) {
-  return f === Xf ? rf(GA(e)) : be(f) ? et(f) : rf(XA(se(e)));
+function Yf(e, f) {
+  return f === Xf ? lf(GA(e)) : be(f) ? et(f) : lf(XA(se(e)));
 }
 function ft(e) {
   var f = Ee(Ge(e)), n = ["absolute", "fixed"].indexOf(ne(e).position) >= 0, a = n && P(e) ? Oe(e) : e;
@@ -13140,28 +13140,28 @@ function ft(e) {
   }) : [];
 }
 function nt(e, f, n) {
-  var a = f === "clippingParents" ? ft(e) : [].concat(f), A = [].concat(a, [n]), s = A[0], t = A.reduce(function(i, u) {
-    var l = Bf(e, u);
-    return i.top = le(l.top, i.top), i.right = Ke(l.right, i.right), i.bottom = Ke(l.bottom, i.bottom), i.left = le(l.left, i.left), i;
-  }, Bf(e, s));
-  return t.width = t.right - t.left, t.height = t.bottom - t.top, t.x = t.left, t.y = t.top, t;
+  var a = f === "clippingParents" ? ft(e) : [].concat(f), A = [].concat(a, [n]), t = A[0], s = A.reduce(function(i, u) {
+    var l = Yf(e, u);
+    return i.top = ce(l.top, i.top), i.right = Ke(l.right, i.right), i.bottom = Ke(l.bottom, i.bottom), i.left = ce(l.left, i.left), i;
+  }, Yf(e, t));
+  return s.width = s.right - s.left, s.height = s.bottom - s.top, s.x = s.left, s.y = s.top, s;
 }
 function on(e) {
-  var f = e.reference, n = e.element, a = e.placement, A = a ? ee(a) : null, s = a ? Ie(a) : null, t = f.x + f.width / 2 - n.width / 2, i = f.y + f.height / 2 - n.height / 2, u;
+  var f = e.reference, n = e.element, a = e.placement, A = a ? ee(a) : null, t = a ? Ie(a) : null, s = f.x + f.width / 2 - n.width / 2, i = f.y + f.height / 2 - n.height / 2, u;
   switch (A) {
     case q:
       u = {
-        x: t,
+        x: s,
         y: f.y - n.height
       };
       break;
-    case Z:
+    case $:
       u = {
-        x: t,
+        x: s,
         y: f.y + f.height
       };
       break;
-    case $:
+    case Z:
       u = {
         x: f.x + f.width,
         y: i
@@ -13179,15 +13179,15 @@ function on(e) {
         y: f.y
       };
   }
-  var l = A ? Mf(A) : null;
+  var l = A ? hf(A) : null;
   if (l != null) {
-    var c = l === "y" ? "height" : "width";
-    switch (s) {
+    var g = l === "y" ? "height" : "width";
+    switch (t) {
       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, t = n.boundary, s = t === void 0 ? IA : t, 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, y = 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), s, 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 = lf(Object.assign({}, _, j)), E = g === je ? V : N, z = {
+    top: D.top - E.top + y.top,
+    bottom: E.bottom - D.bottom + y.bottom,
+    left: D.left - E.left + y.left,
+    right: E.right - D.right + y.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,64 +13217,64 @@ 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, t = n.rootBoundary, s = n.padding, i = n.flipVariations, u = n.allowedAutoPlacements, l = u === void 0 ? en : u, g = Ie(a), c = g ? i ? Uf : Uf.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, y) {
+    return p[y] = Se(e, {
+      placement: y,
       boundary: A,
-      rootBoundary: s,
-      padding: t
-    })[ee(b)], p;
+      rootBoundary: t,
+      padding: s
+    })[ee(y)], p;
   }, {});
-  return Object.keys(h).sort(function(p, b) {
-    return h[p] - h[b];
+  return Object.keys(M).sort(function(p, y) {
+    return M[p] - M[y];
   });
 }
 function At(e) {
-  if (ee(e) === mf)
+  if (ee(e) === pf)
     return [];
   var f = Je(e);
-  return [Qf(e), f, Qf(f)];
+  return [Bf(e), f, Bf(f)];
 }
 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) {
-      return ge.concat(ee(Ae) === mf ? at(f, {
+    for (var A = n.mainAxis, t = A === void 0 ? !0 : A, s = n.altAxis, i = s === void 0 ? !0 : s, u = n.fallbackPlacements, l = n.padding, g = n.boundary, c = n.rootBoundary, m = n.altBoundary, M = n.flipVariations, p = M === void 0 ? !0 : M, y = n.allowedAutoPlacements, h = f.options.placement, _ = ee(h), I = _ === h, D = u || (I || !p ? [Je(h)] : At(h)), N = [h].concat(D).reduce(function(me, Ae) {
+      return me.concat(ee(Ae) === pf ? at(f, {
         placement: Ae,
-        boundary: c,
-        rootBoundary: g,
+        boundary: g,
+        rootBoundary: c,
         padding: l,
         flipVariations: p,
-        allowedAutoPlacements: b
+        allowedAutoPlacements: y
       }) : 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;
+      if (t && oe.push(J[Y] <= 0), i && oe.push(J[G] <= 0, J[Ue] <= 0), oe.every(function(me) {
+        return me;
       })) {
         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;
@@ -13300,7 +13300,7 @@ var st = {
     _skip: !1
   }
 };
-function Yf(e, f, n) {
+function Rf(e, f, n) {
   return n === void 0 && (n = {
     x: 0,
     y: 0
@@ -13311,25 +13311,25 @@ function Yf(e, f, n) {
     left: e.left - f.width - n.x
   };
 }
-function Rf(e) {
-  return [q, $, Z, F].some(function(f) {
+function qf(e) {
+  return [q, Z, $, F].some(function(f) {
     return e[f] >= 0;
   });
 }
 function it(e) {
-  var f = e.state, n = e.name, a = f.rects.reference, A = f.rects.popper, s = f.modifiersData.preventOverflow, t = Se(f, {
+  var f = e.state, n = e.name, a = f.rects.reference, A = f.rects.popper, t = f.modifiersData.preventOverflow, s = Se(f, {
     elementContext: "reference"
   }), i = Se(f, {
     altBoundary: !0
-  }), u = Yf(t, a), l = Yf(i, A, s), c = Rf(u), g = Rf(l);
+  }), u = Rf(s, a), l = Rf(i, A, t), g = qf(u), c = qf(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 = {
@@ -13340,22 +13340,22 @@ var ot = {
   fn: it
 };
 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, {
+  var a = ee(e), A = [F, q].indexOf(a) >= 0 ? -1 : 1, t = 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 ? {
+  })) : n, s = t[0], i = t[1];
+  return s = s || 0, i = (i || 0) * A, [F, Z].indexOf(a) >= 0 ? {
     x: i,
-    y: t
+    y: s
   } : {
-    x: t,
+    x: s,
     y: i
   };
 }
 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;
-  }, {}), 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;
+  var f = e.state, n = e.options, a = e.name, A = n.offset, t = A === void 0 ? [0, 0] : A, s = en.reduce(function(g, c) {
+    return g[c] = ut(c, f.rects, t), g;
+  }, {}), i = s[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] = s;
 }
 var lt = {
   name: "offset",
@@ -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, t = A === void 0 ? !0 : A, s = n.altAxis, i = s === void 0 ? !1 : s, u = n.boundary, l = n.rootBoundary, g = n.altBoundary, c = n.padding, m = n.tether, M = m === void 0 ? !0 : m, p = n.tetherOffset, y = 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 = hf(_), j = gt(N), V = f.modifiersData.popperOffsets, E = f.rects.reference, z = f.rects.popper, L = typeof y == "function" ? y(Object.assign({}, f.rects, {
     placement: f.placement
-  })) : b, O = typeof L == "number" ? {
+  })) : y, O = typeof L == "number" ? {
     mainAxis: L,
     altAxis: L
   } : Object.assign({
@@ -13401,17 +13401,17 @@ function mt(e) {
     x: 0,
     y: 0
   };
-  if (j) {
-    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) : {
+  if (V) {
+    if (t) {
+      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, me = M && Qe ? Mf(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], me[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, If = (ie = C == null ? void 0 : C[N]) != null ? ie : 0, mn = G + ef - If - gn, pn = G + dn - If, _f = Ve(M ? Ke(Ue, mn) : Ue, G, M ? ce(oe, pn) : oe);
+      V[N] = _f, Y[N] = _f - 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 wf, Mn = N === "x" ? q : F, hn = N === "x" ? $ : Z, re = V[j], Ye = j === "y" ? "height" : "width", Df = re + h[Mn], Nf = re - h[hn], nf = [q, F].indexOf(_) !== -1, kf = (wf = C == null ? void 0 : C[j]) != null ? wf : 0, jf = nf ? Df : re - E[Ye] - z[Ye] - kf + O.altAxis, Vf = nf ? re + E[Ye] + z[Ye] - kf - O.altAxis : Nf, Ef = M && nf ? QA(jf, re, Vf) : Ve(M ? jf : Df, re, M ? Vf : Nf);
+      V[j] = Ef, Y[j] = Ef - re;
     }
     f.modifiersData[a] = Y;
   }
@@ -13430,7 +13430,7 @@ function Mt(e) {
   };
 }
 function ht(e) {
-  return e === X(e) || !P(e) ? hf(e) : Mt(e);
+  return e === X(e) || !P(e) ? bf(e) : Mt(e);
 }
 function bt(e) {
   var f = e.getBoundingClientRect(), n = ye(f.width) / e.offsetWidth || 1, a = ye(f.height) / e.offsetHeight || 1;
@@ -13438,37 +13438,37 @@ function bt(e) {
 }
 function yt(e, f, n) {
   n === void 0 && (n = !1);
-  var a = P(f), A = P(f) && bt(f), s = se(f), t = ve(e, A), i = {
+  var a = P(f), A = P(f) && bt(f), t = se(f), s = ve(e, A), i = {
     scrollLeft: 0,
     scrollTop: 0
   }, u = {
     x: 0,
     y: 0
   };
-  return (a || !a && !n) && ((fe(f) !== "body" || yf(s)) && (i = ht(f)), P(f) ? (u = ve(f, !0), u.x += f.clientLeft, u.y += f.clientTop) : s && (u.x = bf(s))), {
-    x: t.left + i.scrollLeft - u.x,
-    y: t.top + i.scrollTop - u.y,
-    width: t.width,
-    height: t.height
+  return (a || !a && !n) && ((fe(f) !== "body" || vf(t)) && (i = ht(f)), P(f) ? (u = ve(f, !0), u.x += f.clientLeft, u.y += f.clientTop) : t && (u.x = yf(t))), {
+    x: s.left + i.scrollLeft - u.x,
+    y: s.top + i.scrollTop - u.y,
+    width: s.width,
+    height: s.height
   };
 }
 function vt(e) {
   var f = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), a = [];
-  e.forEach(function(s) {
-    f.set(s.name, s);
+  e.forEach(function(t) {
+    f.set(t.name, t);
   });
-  function A(s) {
-    n.add(s.name);
-    var t = [].concat(s.requires || [], s.requiresIfExists || []);
-    t.forEach(function(i) {
+  function A(t) {
+    n.add(t.name);
+    var s = [].concat(t.requires || [], t.requiresIfExists || []);
+    s.forEach(function(i) {
       if (!n.has(i)) {
         var u = f.get(i);
         u && A(u);
       }
-    }), a.push(s);
+    }), a.push(t);
   }
-  return e.forEach(function(s) {
-    n.has(s.name) || A(s);
+  return e.forEach(function(t) {
+    n.has(t.name) || A(t);
   }), a;
 }
 function It(e) {
@@ -13501,12 +13501,12 @@ function wt(e) {
     return f[n];
   });
 }
-var qf = {
+var Ff = {
   placement: "bottom",
   modifiers: [],
   strategy: "absolute"
 };
-function Ff() {
+function Jf() {
   for (var e = arguments.length, f = new Array(e), n = 0; n < e; n++)
     f[n] = arguments[n];
   return !f.some(function(a) {
@@ -13515,13 +13515,13 @@ function Ff() {
 }
 function Dt(e) {
   e === void 0 && (e = {});
-  var f = e, n = f.defaultModifiers, a = n === void 0 ? [] : n, A = f.defaultOptions, s = A === void 0 ? qf : A;
+  var f = e, n = f.defaultModifiers, a = n === void 0 ? [] : n, A = f.defaultOptions, t = A === void 0 ? Ff : A;
   return function(i, u, l) {
-    l === void 0 && (l = s);
-    var c = {
+    l === void 0 && (l = t);
+    var g = {
       placement: "bottom",
       orderedModifiers: [],
-      options: Object.assign({}, qf, s),
+      options: Object.assign({}, Ff, t),
       modifiersData: {},
       elements: {
         reference: i,
@@ -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) : _;
+        y(), g.options = Object.assign({}, t, 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 (Jf(I, D)) {
+            g.rects = {
+              reference: yt(I, Oe(D), g.options.strategy === "fixed"),
+              popper: Mf(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;
+        y(), m = !0;
       }
     };
-    if (!Ff(i, u))
-      return h;
-    h.setOptions(l).then(function(M) {
-      !m && l.onFirstUpdate && l.onFirstUpdate(M);
+    if (!Jf(i, u))
+      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 y() {
+      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({
@@ -13613,26 +13613,26 @@ function We(e) {
 }
 function jt(e, f, n, a = []) {
   const A = {};
-  return Object.keys(e).forEach((s) => {
-    if (a.includes(s))
+  return Object.keys(e).forEach((t) => {
+    if (a.includes(t))
       return;
-    const t = [];
-    e[s].forEach((i) => {
+    const s = [];
+    e[t].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({
+        return s.push({
           ...i,
           [Te]: l
         });
       }
-    }), t.length && (A[s] = t);
+    }), s.length && (A[t] = s);
   }), A;
 }
 function rn() {
@@ -13651,7 +13651,7 @@ var Ce = (e, f) => {
     n[a] = A;
   return n;
 };
-const Vt = ce({
+const Vt = de({
   name: "Body",
   emits: {
     select: (e) => !0
@@ -13662,32 +13662,32 @@ const Vt = ce({
       e.search,
       e.skinTone,
       e.options.disabledGroups
-    )), s = vn(), t = x(() => !e.options.hideGroupNames), i = x(() => !e.options.disableStickyGroupNames), u = Jf(e.options.groupNames), l = e.orderedGroupKeys;
+    )), t = vn(), s = x(() => !e.options.hideGroupNames), i = x(() => !e.options.disableStickyGroupNames), u = Wf(e.options.groupNames), l = e.orderedGroupKeys;
     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) {
-      n(p), s == null || s.emit("select", {
+      n(p), t == null || t.emit("select", {
         ...p,
         t: e.skinTone,
         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, y) {
+      var h;
+      const _ = (h = p == null ? void 0 : p.target) == null ? void 0 : h.closest("button");
+      _ && (_.innerHTML = `<span>${We(y)}</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 y = (p = a.value) == null ? void 0 : p.querySelector("#" + e.activeGroup);
+        y && (y.parentNode.scrollTop = y.offsetTop - y.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,
-      hasGroupNames: t,
+      EMOJI_NAME_KEY: Ze,
+      hasGroupNames: s,
       isSticky: i,
-      platform: c,
+      platform: g,
       groupNames: u,
       orderedKeys: l
     };
@@ -13712,31 +13712,31 @@ const Vt = ce({
   key: 1,
   class: "v3-no-result"
 };
-function Ut(e, f, n, a, A, s) {
+function Ut(e, f, n, a, A, t) {
   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,
-        key: t,
+      e.orderedKeys.length ? (r(!0), d(B, { key: 0 }, R(e.orderedKeys, (s) => (r(), d("div", {
+        id: s,
+        key: s,
         class: "v3-group"
       }, [
         e.hasGroupNames ? ae((r(), d("h5", {
           key: 0,
-          class: E(e.isSticky ? "v3-sticky" : "")
-        }, _(e.groupNames[t]), 3)), [
-          [pe, e.emojis[t]]
-        ]) : y("", !0),
+          class: T(e.isSticky ? "v3-sticky" : "")
+        }, w(e.groupNames[s]), 3)), [
+          [pe, e.emojis[s]]
+        ]) : b("", !0),
         ae(o("div", xt, [
-          (r(!0), d(B, null, R(e.emojis[t], (i) => (r(), d("button", {
+          (r(!0), d(B, null, R(e.emojis[s], (i) => (r(), d("button", {
             key: i.r,
             type: "button",
             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],
@@ -13744,38 +13744,38 @@ function Ut(e, f, n, a, A, s) {
             }, null, 40, Ot))
           ], 40, St))), 128))
         ], 512), [
-          [pe, e.emojis[t]]
+          [pe, e.emojis[s]]
         ])
       ], 8, Tt))), 128)) : (r(), d("span", Ct, " No emoji has been found! "))
     ], 2)
   ]);
 }
 var Lt = /* @__PURE__ */ Ce(Vt, [["render", Ut]]), Qt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMi41IDUgQyAxMS40Mjk2ODggNSAxMC41IDUuNjA5Mzc1IDkuOTA2MjUgNi40Mzc1IEMgOS4zMTI1IDcuMjY1NjI1IDkgOC4zMzk4NDQgOSA5LjUgQyA5IDEwLjY2MDE1NiA5LjMxMjUgMTEuNzM0Mzc1IDkuOTA2MjUgMTIuNTYyNSBDIDEwLjUgMTMuMzkwNjI1IDExLjQyOTY4OCAxNCAxMi41IDE0IEMgMTMuNTcwMzEzIDE0IDE0LjUgMTMuMzkwNjI1IDE1LjA5Mzc1IDEyLjU2MjUgQyAxNS42ODc1IDExLjczNDM3NSAxNiAxMC42NjAxNTYgMTYgOS41IEMgMTYgOC4zMzk4NDQgMTUuNjg3NSA3LjI2NTYyNSAxNS4wOTM3NSA2LjQzNzUgQyAxNC41IDUuNjA5Mzc1IDEzLjU3MDMxMyA1IDEyLjUgNSBaIE0gMTYgOS41IEMgMTYgMTAuNjYwMTU2IDE2LjMxMjUgMTEuNzM0Mzc1IDE2LjkwNjI1IDEyLjU2MjUgQyAxNy41IDEzLjM5MDYyNSAxOC40Mjk2ODggMTQgMTkuNSAxNCBDIDIwLjU3MDMxMyAxNCAyMS41IDEzLjM5MDYyNSAyMi4wOTM3NSAxMi41NjI1IEMgMjIuNjg3NSAxMS43MzQzNzUgMjMgMTAuNjYwMTU2IDIzIDkuNSBDIDIzIDguMzM5ODQ0IDIyLjY4NzUgNy4yNjU2MjUgMjIuMDkzNzUgNi40Mzc1IEMgMjEuNSA1LjYwOTM3NSAyMC41NzAzMTMgNSAxOS41IDUgQyAxOC40Mjk2ODggNSAxNy41IDUuNjA5Mzc1IDE2LjkwNjI1IDYuNDM3NSBDIDE2LjMxMjUgNy4yNjU2MjUgMTYgOC4zMzk4NDQgMTYgOS41IFogTSAxMi41IDcgQyAxMi44MTI1IDcgMTMuMTU2MjUgNy4xNTYyNSAxMy40Njg3NSA3LjU5Mzc1IEMgMTMuNzgxMjUgOC4wMzEyNSAxNCA4LjcyNjU2MyAxNCA5LjUgQyAxNCAxMC4yNzM0MzggMTMuNzgxMjUgMTAuOTY4NzUgMTMuNDY4NzUgMTEuNDA2MjUgQyAxMy4xNTYyNSAxMS44NDM3NSAxMi44MTI1IDEyIDEyLjUgMTIgQyAxMi4xODc1IDEyIDExLjg0Mzc1IDExLjg0Mzc1IDExLjUzMTI1IDExLjQwNjI1IEMgMTEuMjE4NzUgMTAuOTY4NzUgMTEgMTAuMjczNDM4IDExIDkuNSBDIDExIDguNzI2NTYzIDExLjIxODc1IDguMDMxMjUgMTEuNTMxMjUgNy41OTM3NSBDIDExLjg0Mzc1IDcuMTU2MjUgMTIuMTg3NSA3IDEyLjUgNyBaIE0gMTkuNSA3IEMgMTkuODEyNSA3IDIwLjE1NjI1IDcuMTU2MjUgMjAuNDY4NzUgNy41OTM3NSBDIDIwLjc4MTI1IDguMDMxMjUgMjEgOC43MjY1NjMgMjEgOS41IEMgMjEgMTAuMjczNDM4IDIwLjc4MTI1IDEwLjk2ODc1IDIwLjQ2ODc1IDExLjQwNjI1IEMgMjAuMTU2MjUgMTEuODQzNzUgMTkuODEyNSAxMiAxOS41IDEyIEMgMTkuMTg3NSAxMiAxOC44NDM3NSAxMS44NDM3NSAxOC41MzEyNSAxMS40MDYyNSBDIDE4LjIxODc1IDEwLjk2ODc1IDE4IDEwLjI3MzQzOCAxOCA5LjUgQyAxOCA4LjcyNjU2MyAxOC4yMTg3NSA4LjAzMTI1IDE4LjUzMTI1IDcuNTkzNzUgQyAxOC44NDM3NSA3LjE1NjI1IDE5LjE4NzUgNyAxOS41IDcgWiBNIDcuNSAxMiBDIDYuNDI5Njg4IDEyIDUuNSAxMi42MDkzNzUgNC45MDYyNSAxMy40Mzc1IEMgNC4zMTI1IDE0LjI2NTYyNSA0IDE1LjMzOTg0NCA0IDE2LjUgQyA0IDE3LjY2MDE1NiA0LjMxMjUgMTguNzM0Mzc1IDQuOTA2MjUgMTkuNTYyNSBDIDUuNSAyMC4zOTA2MjUgNi40Mjk2ODggMjEgNy41IDIxIEMgOC41NzAzMTMgMjEgOS41IDIwLjM5MDYyNSAxMC4wOTM3NSAxOS41NjI1IEMgMTAuNjg3NSAxOC43MzQzNzUgMTEgMTcuNjYwMTU2IDExIDE2LjUgQyAxMSAxNS4zMzk4NDQgMTAuNjg3NSAxNC4yNjU2MjUgMTAuMDkzNzUgMTMuNDM3NSBDIDkuNSAxMi42MDkzNzUgOC41NzAzMTMgMTIgNy41IDEyIFogTSAyNC41IDEyIEMgMjMuNDI5Njg4IDEyIDIyLjUgMTIuNjA5Mzc1IDIxLjkwNjI1IDEzLjQzNzUgQyAyMS4zMTI1IDE0LjI2NTYyNSAyMSAxNS4zMzk4NDQgMjEgMTYuNSBDIDIxIDE3LjY2MDE1NiAyMS4zMTI1IDE4LjczNDM3NSAyMS45MDYyNSAxOS41NjI1IEMgMjIuNSAyMC4zOTA2MjUgMjMuNDI5Njg4IDIxIDI0LjUgMjEgQyAyNS41NzAzMTMgMjEgMjYuNSAyMC4zOTA2MjUgMjcuMDkzNzUgMTkuNTYyNSBDIDI3LjY4NzUgMTguNzM0Mzc1IDI4IDE3LjY2MDE1NiAyOCAxNi41IEMgMjggMTUuMzM5ODQ0IDI3LjY4NzUgMTQuMjY1NjI1IDI3LjA5Mzc1IDEzLjQzNzUgQyAyNi41IDEyLjYwOTM3NSAyNS41NzAzMTMgMTIgMjQuNSAxMiBaIE0gNy41IDE0IEMgNy44MTI1IDE0IDguMTU2MjUgMTQuMTU2MjUgOC40Njg3NSAxNC41OTM3NSBDIDguNzgxMjUgMTUuMDMxMjUgOSAxNS43MjY1NjMgOSAxNi41IEMgOSAxNy4yNzM0MzggOC43ODEyNSAxNy45Njg3NSA4LjQ2ODc1IDE4LjQwNjI1IEMgOC4xNTYyNSAxOC44NDM3NSA3LjgxMjUgMTkgNy41IDE5IEMgNy4xODc1IDE5IDYuODQzNzUgMTguODQzNzUgNi41MzEyNSAxOC40MDYyNSBDIDYuMjE4NzUgMTcuOTY4NzUgNiAxNy4yNzM0MzggNiAxNi41IEMgNiAxNS43MjY1NjMgNi4yMTg3NSAxNS4wMzEyNSA2LjUzMTI1IDE0LjU5Mzc1IEMgNi44NDM3NSAxNC4xNTYyNSA3LjE4NzUgMTQgNy41IDE0IFogTSAyNC41IDE0IEMgMjQuODEyNSAxNCAyNS4xNTYyNSAxNC4xNTYyNSAyNS40Njg3NSAxNC41OTM3NSBDIDI1Ljc4MTI1IDE1LjAzMTI1IDI2IDE1LjcyNjU2MyAyNiAxNi41IEMgMjYgMTcuMjczNDM4IDI1Ljc4MTI1IDE3Ljk2ODc1IDI1LjQ2ODc1IDE4LjQwNjI1IEMgMjUuMTU2MjUgMTguODQzNzUgMjQuODEyNSAxOSAyNC41IDE5IEMgMjQuMTg3NSAxOSAyMy44NDM3NSAxOC44NDM3NSAyMy41MzEyNSAxOC40MDYyNSBDIDIzLjIxODc1IDE3Ljk2ODc1IDIzIDE3LjI3MzQzOCAyMyAxNi41IEMgMjMgMTUuNzI2NTYzIDIzLjIxODc1IDE1LjAzMTI1IDIzLjUzMTI1IDE0LjU5Mzc1IEMgMjMuODQzNzUgMTQuMTU2MjUgMjQuMTg3NSAxNCAyNC41IDE0IFogTSAxNiAxNiBDIDE0LjY2Nzk2OSAxNiAxMy43MzgyODEgMTYuODY3MTg4IDEzLjI4MTI1IDE3LjYyNSBDIDEyLjgyNDIxOSAxOC4zODI4MTMgMTIuNTQ2ODc1IDE5LjAxNTYyNSAxMi4yODEyNSAxOS4yODEyNSBDIDEyLjEyNSAxOS40Mzc1IDExLjE2MDE1NiAxOS44MDA3ODEgMTAuMTU2MjUgMjAuMzEyNSBDIDkuNjUyMzQ0IDIwLjU3MDMxMyA5LjE0NDUzMSAyMC45MTQwNjMgOC43MTg3NSAyMS40Mzc1IEMgOC4yOTI5NjkgMjEuOTYwOTM4IDggMjIuNjg3NSA4IDIzLjUgQyA4IDI1LjQyMTg3NSA5LjU3ODEyNSAyNyAxMS41IDI3IEMgMTIuMzY3MTg4IDI3IDEzLjI2OTUzMSAyNi43MjI2NTYgMTQuMTU2MjUgMjYuNDY4NzUgQyAxNS4wNDI5NjkgMjYuMjE0ODQ0IDE2IDI2IDE2IDI2IEMgMTYgMjYgMTYuOTU3MDMxIDI2LjIxNDg0NCAxNy44NDM3NSAyNi40Njg3NSBDIDE4LjczMDQ2OSAyNi43MjI2NTYgMTkuNjMyODEzIDI3IDIwLjUgMjcgQyAyMi40MjE4NzUgMjcgMjQgMjUuNDIxODc1IDI0IDIzLjUgQyAyNCAyMi43MDcwMzEgMjMuNzA3MDMxIDIxLjk4MDQ2OSAyMy4yODEyNSAyMS40Njg3NSBDIDIyLjg1NTQ2OSAyMC45NTcwMzEgMjIuMzQzNzUgMjAuNjQwNjI1IDIxLjg0Mzc1IDIwLjM3NSBDIDIwLjg0Mzc1IDE5Ljg0Mzc1IDE5Ljg1OTM3NSAxOS40MjE4NzUgMTkuNzE4NzUgMTkuMjgxMjUgQyAxOS40ODA0NjkgMTkuMDQyOTY5IDE5LjIxMDkzOCAxOC4zOTA2MjUgMTguNzUgMTcuNjI1IEMgMTguMjg5MDYzIDE2Ljg1OTM3NSAxNy4zMzk4NDQgMTYgMTYgMTYgWiBNIDE2IDE4IEMgMTYuNjYwMTU2IDE4IDE2LjczNDM3NSAxOC4xNjAxNTYgMTcuMDMxMjUgMTguNjU2MjUgQyAxNy4zMjgxMjUgMTkuMTUyMzQ0IDE3LjU1NDY4OCAxOS45OTIxODggMTguMjgxMjUgMjAuNzE4NzUgQyAxOS4xMDU0NjkgMjEuNTQyOTY5IDIwLjE0ODQzOCAyMS43MjI2NTYgMjAuOTA2MjUgMjIuMTI1IEMgMjEuMjg1MTU2IDIyLjMyODEyNSAyMS41NzgxMjUgMjIuNTQyOTY5IDIxLjc1IDIyLjc1IEMgMjEuOTIxODc1IDIyLjk1NzAzMSAyMiAyMy4xNDg0MzggMjIgMjMuNSBDIDIyIDI0LjMzOTg0NCAyMS4zMzk4NDQgMjUgMjAuNSAyNSBDIDIwLjIxMDkzOCAyNSAxOS4yNzczNDQgMjQuNzc3MzQ0IDE4LjQwNjI1IDI0LjUzMTI1IEMgMTcuNTM1MTU2IDI0LjI4NTE1NiAxNi44MTY0MDYgMjQgMTYgMjQgQyAxNS4xODM1OTQgMjQgMTQuNDY0ODQ0IDI0LjI4NTE1NiAxMy41OTM3NSAyNC41MzEyNSBDIDEyLjcyMjY1NiAyNC43NzczNDQgMTEuNzg5MDYzIDI1IDExLjUgMjUgQyAxMC42NjAxNTYgMjUgMTAgMjQuMzM5ODQ0IDEwIDIzLjUgQyAxMCAyMy4wOTc2NTYgMTAuMDgyMDMxIDIyLjg5MDYyNSAxMC4yNSAyMi42ODc1IEMgMTAuNDE3OTY5IDIyLjQ4NDM3NSAxMC43MjI2NTYgMjIuMjg1MTU2IDExLjA5Mzc1IDIyLjA5Mzc1IEMgMTEuODM5ODQ0IDIxLjcxNDg0NCAxMi44NzUgMjEuNTYyNSAxMy43MTg3NSAyMC43MTg3NSBDIDE0LjQ1MzEyNSAxOS45ODQzNzUgMTQuNjc1NzgxIDE5LjExNzE4OCAxNC45Njg3NSAxOC42MjUgQyAxNS4yNjE3MTkgMTguMTMyODEzIDE1LjMzMjAzMSAxOCAxNiAxOCBaIi8+PC9zdmc+", Bt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMSAzIEwgMTEgNyBMIDEzIDcgTCAxMyAzIFogTSAxNSA0IEwgMTUgNyBMIDE3IDcgTCAxNyA0IFogTSA0Ljg3NSA4IEwgNSA5LjA5Mzc1IEwgNi44MTI1IDI2LjMxMjUgQyA2Ljk3MjY1NiAyNy44MzIwMzEgOC4yODUxNTYgMjkgOS44MTI1IDI5IEwgMTkuMTg3NSAyOSBDIDIwLjcxNDg0NCAyOSAyMi4wMjczNDQgMjcuODMyMDMxIDIyLjE4NzUgMjYuMzEyNSBMIDIyLjY1NjI1IDIyIEwgMjUgMjIgQyAyNi42NDQ1MzEgMjIgMjggMjAuNjQ0NTMxIDI4IDE5IEwgMjggMTYgQyAyOCAxNC4zNTU0NjkgMjYuNjQ0NTMxIDEzIDI1IDEzIEwgMjMuNTkzNzUgMTMgTCAyNCA5LjA5Mzc1IEwgMjQuMTI1IDggWiBNIDcuMTI1IDEwIEwgMjEuODc1IDEwIEwgMjAuMTg3NSAyNi4wOTM3NSBDIDIwLjEzMjgxMyAyNi42MTMyODEgMTkuNzA3MDMxIDI3IDE5LjE4NzUgMjcgTCA5LjgxMjUgMjcgQyA5LjI5Mjk2OSAyNyA4Ljg2NzE4OCAyNi42MTMyODEgOC44MTI1IDI2LjA5Mzc1IFogTSAyMy4zNzUgMTUgTCAyNSAxNSBDIDI1LjU2NjQwNiAxNSAyNiAxNS40MzM1OTQgMjYgMTYgTCAyNiAxOSBDIDI2IDE5LjU2NjQwNiAyNS41NjY0MDYgMjAgMjUgMjAgTCAyMi44NDM3NSAyMCBaIi8+PC9zdmc+", Yt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiAzIEMgOC44MzIwMzEgMyAzIDguODMyMDMxIDMgMTYgQyAzIDIzLjE2Nzk2OSA4LjgzMjAzMSAyOSAxNiAyOSBDIDIzLjE2Nzk2OSAyOSAyOSAyMy4xNjc5NjkgMjkgMTYgQyAyOSA4LjgzMjAzMSAyMy4xNjc5NjkgMyAxNiAzIFogTSAxNiA1IEMgMTYuNjAxNTYzIDUgMTcuMTc1NzgxIDUuMDYyNSAxNy43NSA1LjE1NjI1IEwgMTYgNi40MDYyNSBMIDE0LjI1IDUuMTU2MjUgQyAxNC44MjAzMTMgNS4wNjY0MDYgMTUuNDAyMzQ0IDUgMTYgNSBaIE0gMTEuODEyNSA1Ljg0Mzc1IEwgMTUuNDA2MjUgOC40Njg3NSBMIDE2IDguOTA2MjUgTCAxNi41OTM3NSA4LjQ2ODc1IEwgMjAuMTg3NSA1Ljg0Mzc1IEMgMjEuNzg1MTU2IDYuNTA3ODEzIDIzLjE5NTMxMyA3LjUyMzQzOCAyNC4zMTI1IDguODEyNSBMIDIyLjkzNzUgMTMuMDkzNzUgTCAyMi43MTg3NSAxMy43ODEyNSBMIDIzLjMxMjUgMTQuMTg3NSBMIDI2LjkzNzUgMTYuODQzNzUgQyAyNi44MDQ2ODggMTguNjA1NDY5IDI2LjI2NTYyNSAyMC4yNTc4MTMgMjUuNDA2MjUgMjEuNjg3NSBMIDIwLjEyNSAyMS42ODc1IEwgMTkuOTA2MjUgMjIuMzc1IEwgMTguNSAyNi43MTg3NSBDIDE3LjY5OTIxOSAyNi45MDYyNSAxNi44NTkzNzUgMjcgMTYgMjcgQyAxNS4xMDU0NjkgMjcgMTQuMjM4MjgxIDI2Ljg4NjcxOSAxMy40MDYyNSAyNi42ODc1IEwgMTIuMDMxMjUgMjIuNDA2MjUgTCAxMS44MTI1IDIxLjcxODc1IEwgNi41OTM3NSAyMS43MTg3NSBDIDUuNzE4NzUgMjAuMjgxMjUgNS4xOTkyMTkgMTguNjIxMDk0IDUuMDYyNSAxNi44NDM3NSBMIDguNjU2MjUgMTQuMjE4NzUgTCA5LjI1IDEzLjgxMjUgTCA5LjAzMTI1IDEzLjEyNSBMIDcuNjI1IDguODc1IEMgOC43NSA3LjU1NDY4OCAxMC4xODM1OTQgNi41MTU2MjUgMTEuODEyNSA1Ljg0Mzc1IFogTSAxNiAxMC4wOTM3NSBMIDE1LjQwNjI1IDEwLjUzMTI1IEwgMTAuODQzNzUgMTMuODQzNzUgTCAxMC4yODEyNSAxNC4yODEyNSBMIDEwLjUgMTQuOTY4NzUgTCAxMi4yNSAyMC4zMTI1IEwgMTIuNDY4NzUgMjEgTCAxOS41MzEyNSAyMSBMIDE5Ljc1IDIwLjMxMjUgTCAyMS41IDE0Ljk2ODc1IEwgMjEuNzE4NzUgMTQuMjgxMjUgTCAyMS4xNTYyNSAxMy44NDM3NSBMIDE2LjU5Mzc1IDEwLjUzMTI1IFogTSAyNS43NSAxMC45MDYyNSBDIDI2LjI5Njg3NSAxMS45NTMxMjUgMjYuNjU2MjUgMTMuMTAxNTYzIDI2Ljg0Mzc1IDE0LjMxMjUgTCAyNS4wNjI1IDEzLjAzMTI1IFogTSA2LjIxODc1IDEwLjk2ODc1IEwgNi45MDYyNSAxMy4wMzEyNSBMIDUuMTU2MjUgMTQuMzEyNSBDIDUuMzM5ODQ0IDEzLjEyNSA1LjY4NzUgMTIgNi4yMTg3NSAxMC45Njg3NSBaIE0gMTYgMTIuNTkzNzUgTCAxOS4zNzUgMTUuMDMxMjUgTCAxOC4wOTM3NSAxOSBMIDEzLjkwNjI1IDE5IEwgMTIuNjI1IDE1LjAzMTI1IFogTSAyMS41OTM3NSAyMy42ODc1IEwgMjMuODQzNzUgMjMuNjg3NSBDIDIyLjk5MjE4OCAyNC41NjY0MDYgMjIuMDExNzE5IDI1LjI5Mjk2OSAyMC45MDYyNSAyNS44NDM3NSBaIE0gOC4xNTYyNSAyMy43MTg3NSBMIDEwLjM0Mzc1IDIzLjcxODc1IEwgMTEuMDMxMjUgMjUuODEyNSBDIDkuOTYwOTM4IDI1LjI2OTUzMSA4Ljk4ODI4MSAyNC41NjI1IDguMTU2MjUgMjMuNzE4NzUgWiIvPjwvc3ZnPg==", Rt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSA5LjUgNiBDIDguMTc5Njg4IDYgNy4wMDM5MDYgNi44NTkzNzUgNi42MjUgOC4xMjUgTCA1LjI1IDEyLjcxODc1IEwgMy4zMTI1IDEyLjA2MjUgTCAyLjY4NzUgMTMuOTM3NSBMIDQuNjU2MjUgMTQuNTkzNzUgTCA0LjAzMTI1IDE2LjcxODc1IEMgNC4wMDc4MTMgMTYuODA4NTk0IDMuOTk2MDk0IDE2LjkwNjI1IDQgMTcgTCA0IDI0IEMgNCAyNC4wMzEyNSA0IDI0LjA2MjUgNCAyNC4wOTM3NSBMIDQgMjUgQyA0IDI1LjU1MDc4MSA0LjQ0OTIxOSAyNiA1IDI2IEwgOCAyNiBMIDguMzQzNzUgMjUgTCAyMy42NTYyNSAyNSBMIDI0IDI2IEwgMjcgMjYgQyAyNy41NTA3ODEgMjYgMjggMjUuNTUwNzgxIDI4IDI1IEwgMjggMjQuMTU2MjUgQyAyOC4wMDM5MDYgMjQuMTA1NDY5IDI4LjAwMzkwNiAyNC4wNTA3ODEgMjggMjQgTCAyOCAxNyBDIDI4LjAwMzkwNiAxNi45MDYyNSAyNy45OTIxODggMTYuODA4NTk0IDI3Ljk2ODc1IDE2LjcxODc1IEwgMjcuMzQzNzUgMTQuNTkzNzUgTCAyOS4zMTI1IDEzLjkzNzUgTCAyOC42ODc1IDEyLjA2MjUgTCAyNi43NSAxMi43MTg3NSBMIDI1LjM3NSA4LjEyNSBDIDI0Ljk5NjA5NCA2Ljg1OTM3NSAyMy44MjAzMTMgNiAyMi41IDYgWiBNIDkuNSA4IEwgMjIuNSA4IEMgMjIuOTQ1MzEzIDggMjMuMzM5ODQ0IDguMjkyOTY5IDIzLjQ2ODc1IDguNzE4NzUgTCAyNC43NSAxMyBMIDcuMjUgMTMgTCA4LjUzMTI1IDguNzE4NzUgQyA4LjY2MDE1NiA4LjI4OTA2MyA5LjA1NDY4OCA4IDkuNSA4IFogTSA2LjY1NjI1IDE1IEwgMjUuMzQzNzUgMTUgTCAyNiAxNy4xODc1IEwgMjYgMjMgTCA2IDIzIEwgNiAxNy4xODc1IFogTSA4LjUgMTYgQyA3LjY3MTg3NSAxNiA3IDE2LjY3MTg3NSA3IDE3LjUgQyA3IDE4LjMyODEyNSA3LjY3MTg3NSAxOSA4LjUgMTkgQyA5LjMyODEyNSAxOSAxMCAxOC4zMjgxMjUgMTAgMTcuNSBDIDEwIDE2LjY3MTg3NSA5LjMyODEyNSAxNiA4LjUgMTYgWiBNIDIzLjUgMTYgQyAyMi42NzE4NzUgMTYgMjIgMTYuNjcxODc1IDIyIDE3LjUgQyAyMiAxOC4zMjgxMjUgMjIuNjcxODc1IDE5IDIzLjUgMTkgQyAyNC4zMjgxMjUgMTkgMjUgMTguMzI4MTI1IDI1IDE3LjUgQyAyNSAxNi42NzE4NzUgMjQuMzI4MTI1IDE2IDIzLjUgMTYgWiBNIDEyIDE5IEwgMTAuNzUgMjIgTCAxMi45MDYyNSAyMiBMIDEzLjM0Mzc1IDIxIEwgMTguNjU2MjUgMjEgTCAxOS4wOTM3NSAyMiBMIDIxLjI1IDIyIEwgMjAgMTkgWiIvPjwvc3ZnPg==", qt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgMTEuMDQyOTY5IDQgNyA4LjA0Mjk2OSA3IDEzIEMgNyAxNC45MTc5NjkgNy44NDM3NSAxNi45MDYyNSA5IDE4LjY4NzUgQyA5Ljg1OTM3NSAyMC4wMTE3MTkgMTAuODg2NzE5IDIxLjIzMDQ2OSAxMiAyMi4xNTYyNSBMIDEyIDI1IEMgMTIgMjYuMDkzNzUgMTIuOTA2MjUgMjcgMTQgMjcgTCAxNSAyOCBMIDE3IDI4IEwgMTggMjcgQyAxOS4wOTM3NSAyNyAyMCAyNi4wOTM3NSAyMCAyNSBMIDIwIDIyLjE1NjI1IEMgMjEuMTEzMjgxIDIxLjIzMDQ2OSAyMi4xNDA2MjUgMjAuMDExNzE5IDIzIDE4LjY4NzUgQyAyNC4xNTYyNSAxNi45MDYyNSAyNSAxNC45MTc5NjkgMjUgMTMgQyAyNSA4LjA0Mjk2OSAyMC45NTcwMzEgNCAxNiA0IFogTSAxNiA2IEMgMTkuODc4OTA2IDYgMjMgOS4xMjEwOTQgMjMgMTMgQyAyMyAxNC4zMDg1OTQgMjIuMzU1NDY5IDE2LjAzNTE1NiAyMS4zNDM3NSAxNy41OTM3NSBDIDIwLjQ0MTQwNiAxOC45ODQzNzUgMTkuMjUzOTA2IDIwLjIyMjY1NiAxOC4xNTYyNSAyMSBMIDEzLjg0Mzc1IDIxIEMgMTIuNzQ2MDk0IDIwLjIyMjY1NiAxMS41NTg1OTQgMTguOTg0Mzc1IDEwLjY1NjI1IDE3LjU5Mzc1IEMgOS42NDQ1MzEgMTYuMDM1MTU2IDkgMTQuMzA4NTk0IDkgMTMgQyA5IDkuMTIxMDk0IDEyLjEyMTA5NCA2IDE2IDYgWiBNIDE0LjI1IDIzIEwgMTcuNzUgMjMgQyAxNy44MjgxMjUgMjMuMDU0Njg4IDE3LjkxMDE1NiAyMy4wOTM3NSAxOCAyMy4xMjUgTCAxOCAyNSBMIDE0IDI1IEwgMTQgMjMuMTI1IEMgMTQuMDg5ODQ0IDIzLjA5Mzc1IDE0LjE3MTg3NSAyMy4wNTQ2ODggMTQuMjUgMjMgWiIvPjwvc3ZnPg==", Ft = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMSA1IEwgMTEgMTEgTCA1IDExIEwgNSAxMyBMIDExIDEzIEwgMTEgMTkgTCA1IDE5IEwgNSAyMSBMIDExIDIxIEwgMTEgMjcgTCAxMyAyNyBMIDEzIDIxIEwgMTkgMjEgTCAxOSAyNyBMIDIxIDI3IEwgMjEgMjEgTCAyNyAyMSBMIDI3IDE5IEwgMjEgMTkgTCAyMSAxMyBMIDI3IDEzIEwgMjcgMTEgTCAyMSAxMSBMIDIxIDUgTCAxOSA1IEwgMTkgMTEgTCAxMyAxMSBMIDEzIDUgWiBNIDEzIDEzIEwgMTkgMTMgTCAxOSAxOSBMIDEzIDE5IFoiLz48L3N2Zz4=", Jt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSA5IDQgQyA3LjM0NiA0IDYgNS4zNDYgNiA3IEMgNiA4LjMwMTYwOTQgNi44Mzg3NDg2IDkuNDAyMTM5MSA4IDkuODE2NDA2MiBMIDggMTEuMzA0Njg4IEwgOCAyMy4yMDcwMzEgTCA4IDI3LjAyMzQzOCBDIDggMjcuNTYzNDM4IDguNDM2NTYyNSAyOCA4Ljk3NjU2MjUgMjggTCA5LjAyMzQzNzUgMjggQyA5LjU2MzQzNzUgMjggMTAgMjcuNTYzNDM3IDEwIDI3LjAyMzQzOCBMIDEwIDIyLjIyODUxNiBDIDEwLjMzNDcwNyAyMS44Mzk3NTYgMTEuMTM4NDIzIDIxLjA0Njg3NSAxMy40NDUzMTIgMjEuMDQ2ODc1IEMgMTQuNjY5MzEzIDIxLjA0Njg3NSAxNS42NzA0MjIgMjEuNDczNzgxIDE2LjczMjQyMiAyMS45MjU3ODEgQyAxNy43Njk0MjIgMjIuMzY3NzgxIDE4Ljg0MTg5MSAyMi44MjQyMTkgMjAuMDg3ODkxIDIyLjgyNDIxOSBDIDIyLjQ0Njg5MSAyMi44MjQyMTkgMjQuMDQ5Mzc1IDIxLjU4NDY4OCAyNC43MzQzNzUgMjEuMDU0Njg4IEwgMjQuODg2NzE5IDIwLjkzOTQ1MyBDIDI1LjQzNzcxOSAyMC41NDA0NTMgMjYgMTkuOTk2IDI2IDE5IEwgMjYgMTAuNjc1NzgxIEMgMjYgOS43Njc3ODEyIDI1LjIyMTgyOCA5IDI0LjI5ODgyOCA5IEMgMjMuODAzODI4IDkgMjMuNDQwNDA2IDkuMjg2NTkzNyAyMi45NDE0MDYgOS42ODM1OTM4IEMgMjIuMjc5NDA2IDEwLjIwNzU5NCAyMS4yODA4OTEgMTEgMjAuMDg3ODkxIDExIEMgMTkuMjcyODkxIDExIDE4LjQ3NzY4OCAxMC42MTk3MzQgMTcuNTU0Njg4IDEwLjE3NzczNCBDIDE2LjQwMzY4NyA5LjYyNTczNDQgMTUuMDk4MzU5IDkgMTMuNDQzMzU5IDkgQyAxMi4zMDgyNTcgOSAxMS40MjE2ODcgOS4xODgzMzkzIDEwLjcxMjg5MSA5LjQ1NzAzMTIgQyAxMS40ODkwNzEgOC45MTQxODI0IDEyIDguMDE2NzgwMiAxMiA3IEMgMTIgNS4zNDYgMTAuNjU0IDQgOSA0IHogTSA5IDYgQyA5LjU1MiA2IDEwIDYuNDQ5IDEwIDcgQyAxMCA3LjU1MSA5LjU1MiA4IDkgOCBDIDguNDQ4IDggOCA3LjU1MSA4IDcgQyA4IDYuNDQ5IDguNDQ4IDYgOSA2IHogTSAxMy40NDMzNTkgMTEgQyAxNC42NDUzNTkgMTEgMTUuNjM4NDA2IDExLjQ3NjQ2OSAxNi42OTE0MDYgMTEuOTgwNDY5IEMgMTcuNzM2NDA2IDEyLjQ4MjQ2OSAxOC44MTc4OTEgMTMgMjAuMDg3ODkxIDEzIEMgMjEuODQyODkxIDEzIDIzLjE1ODA0NyAxMi4wNTQ0ODQgMjMuOTk4MDQ3IDExLjM5NjQ4NCBMIDIzLjk5ODA0NyAxOS4wNjY0MDYgQyAyMy45OTcwNDcgMTkuMDcwNDA2IDIzLjk1Mjk4NCAxOS4xNDUyNjYgMjMuNzA4OTg0IDE5LjMyMjI2NiBMIDIzLjUwOTc2NiAxOS40NzQ2MDkgQyAyMi45NDI3NjYgMTkuOTEyNjA5IDIxLjc2Mjg5MSAyMC44MjQyMTkgMjAuMDg3ODkxIDIwLjgyNDIxOSBDIDE5LjI0OTg5MSAyMC44MjQyMTkgMTguNDQ2NjI1IDIwLjQ4MjkzNyAxNy41MTU2MjUgMjAuMDg1OTM4IEMgMTYuMzcyNjI1IDE5LjU5NzkzOCAxNS4wNzYzNTkgMTkuMDQ0OTIyIDEzLjQ0MzM1OSAxOS4wNDQ5MjIgQyAxMS44OTEzNTkgMTkuMDQ0OTIyIDEwLjc4NiAxOS4zNTggMTAgMTkuNzUgTCAxMCAxMi4zNjEzMjggQyAxMC4zNDUgMTEuOTA1MzI4IDExLjEzMjM1OSAxMSAxMy40NDMzNTkgMTEgeiIvPjwvc3ZnPg==", Wt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgMTEuODMyMDMxIDQgOC4xNTIzNDQgNi4xMTMyODEgNiA5LjM0Mzc1IEwgNiA2IEwgNCA2IEwgNCAxMyBMIDExIDEzIEwgMTEgMTEgTCA3LjM3NSAxMSBDIDkuMTAxNTYzIDguMDE5NTMxIDEyLjI5Njg3NSA2IDE2IDYgQyAyMS41MzUxNTYgNiAyNiAxMC40NjQ4NDQgMjYgMTYgQyAyNiAyMS41MzUxNTYgMjEuNTM1MTU2IDI2IDE2IDI2IEMgMTAuNDY0ODQ0IDI2IDYgMjEuNTM1MTU2IDYgMTYgTCA0IDE2IEMgNCAyMi42MTcxODggOS4zODI4MTMgMjggMTYgMjggQyAyMi42MTcxODggMjggMjggMjIuNjE3MTg4IDI4IDE2IEMgMjggOS4zODI4MTMgMjIuNjE3MTg4IDQgMTYgNCBaIE0gMTUgOCBMIDE1IDE3IEwgMjIgMTcgTCAyMiAxNSBMIDE3IDE1IEwgMTcgOCBaIi8+PC9zdmc+Cg==";
-const Ht = ce({
+const Ht = de({
   name: "Header",
   setup(e) {
-    const { state: f, updateSearch: n, updateActiveGroup: a } = Pe("store"), A = x(() => !f.options.hideSearch), s = x(() => !f.options.hideGroupIcons), t = JSON.parse(JSON.stringify(f.orderedGroupKeys)), i = x(
+    const { state: f, updateSearch: n, updateActiveGroup: a } = Pe("store"), A = x(() => !f.options.hideSearch), t = x(() => !f.options.hideGroupIcons), s = JSON.parse(JSON.stringify(f.orderedGroupKeys)), i = x(
       () => 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 s.forEach((c) => {
+      const m = l.findIndex((M) => M.key === c);
+      m !== -1 && (g.push(l[m]), l.splice(m, 1));
     }), {
-      orderedGroups: c,
-      orderedKeys: t,
+      orderedGroups: g,
+      orderedKeys: s,
       searchValue: u,
       updateActiveGroup: a,
       hasSearch: A,
-      hasGroupIcons: s,
+      hasGroupIcons: t,
       placeholder: i,
       icons: {
         smileys_people: un,
@@ -13797,83 +13797,83 @@ 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 = {
   key: 2,
   class: "v3-search"
 }, f1 = ["placeholder"];
-function n1(e, f, n, a, A, s) {
+function n1(e, f, n, a, A, t) {
   return e.hasGroupIcons || e.hasSearch ? (r(), d("div", Kt, [
     e.hasGroupIcons ? (r(), d("div", Pt, [
-      (r(!0), d(B, null, R(e.orderedGroups, (t) => (r(), d("button", {
-        key: t.key,
+      (r(!0), d(B, null, R(e.orderedGroups, (s) => (r(), d("button", {
+        key: s.key,
         type: "button",
-        class: E(["v3-group", {
-          "v3-is-hidden": !e.icons[t.key]
+        class: T(["v3-group", {
+          "v3-is-hidden": !e.icons[s.key]
         }]),
-        onClick: (i) => e.updateActiveGroup(t.key)
+        onClick: (i) => e.updateActiveGroup(s.key)
       }, [
         o("span", {
-          title: t.title,
+          title: s.title,
           class: "v3-icon"
         }, [
           o("img", {
-            src: e.icons[t.key],
+            src: e.icons[s.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),
+        "onUpdate:modelValue": f[0] || (f[0] = (s) => e.searchValue = s),
         type: "text",
         placeholder: e.placeholder
       }, null, 8, f1), [
-        [Wf, e.searchValue]
+        [Hf, e.searchValue]
       ])
-    ])) : y("", !0)
-  ])) : y("", !0);
+    ])) : b("", !0)
+  ])) : b("", !0);
 }
 var a1 = /* @__PURE__ */ Ce(Ht, [["render", n1]]);
-const A1 = ce({
+const A1 = de({
   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 = v(!1), a = v(!1), A = x(() => e.skinTone), t = x(
       () => e.options.staticTexts.skinTone || "Skin tone"
-    ), t = x(() => !e.options.disableSkinTones), i = rn() ? "is-mac" : "", u = x(() => ({
+    ), s = x(() => !e.options.disableSkinTones), i = rn() ? "is-mac" : "", u = x(() => ({
       ...e.emoji,
       src: Kf + "/" + e.emoji[Te] + ".png"
     }));
     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,
-      skinToneText: s,
-      hasSkinTones: t,
+      EMOJI_NAME_KEY: Ze,
+      skinToneText: t,
+      hasSkinTones: s,
       native: e.options.native,
       unicodeToEmoji: We,
       platform: i,
@@ -13881,50 +13881,50 @@ const A1 = ce({
     };
   }
 }), t1 = { class: "v3-foot-left" }, s1 = { key: 0 }, i1 = ["alt", "src"], o1 = { class: "v3-text" }, u1 = { class: "v3-text" }, r1 = ["onClick"];
-function l1(e, f, n, a, A, s) {
+function l1(e, f, n, a, A, t) {
   return r(), d("div", {
     class: "v3-footer",
-    onMouseleave: f[2] || (f[2] = (t) => e.updateSkinToneState(!1))
+    onMouseleave: f[2] || (f[2] = (s) => e.updateSkinToneState(!1))
   }, [
     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)
+          onError: f[0] || (f[0] = (s) => 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", {
         type: "button",
         class: "v3-tone",
-        onClick: f[1] || (f[1] = (...t) => e.toggleSkinToneState && e.toggleSkinToneState(...t))
+        onClick: f[1] || (f[1] = (...s) => e.toggleSkinToneState && e.toggleSkinToneState(...s))
       }, [
-        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,
+        (r(!0), d(B, null, R(e.SKIN_TONES, (s) => (r(), d("button", {
+          key: s,
           type: "button",
-          class: E(["v3-skin-tone-" + t, "v3-skin-tone"]),
-          onClick: (i) => e.selectSkinTone(t)
+          class: T(["v3-skin-tone-" + s, "v3-skin-tone"]),
+          onClick: (i) => e.selectSkinTone(s)
         }, null, 10, r1))), 128))
       ], 2)
-    ], 64)) : y("", !0)
+    ], 64)) : b("", !0)
   ], 32);
 }
 var c1 = /* @__PURE__ */ Ce(A1, [["render", l1]]);
-const d1 = ce({
+const d1 = de({
   name: "PickerRoot",
   components: {
     Header: a1,
@@ -13962,69 +13962,69 @@ 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 = v(), a = v(), A = v(), t = v(!1), s = v(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" ? s.value = h.i + s.value : _ === "insert" && u !== -1 ? (s.value = `${s.value.slice(0, u)}${h.i}${s.value.slice(u)}`, u += h.i.length) : s.value += h.i, f("update:text", s.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);
+      )) && t.value && (t.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 y(h) {
+      s.value = h.target.value || "", f("update:text", s.value);
     }
     return _e(() => {
       p();
     }), In(() => {
-      document.body.removeEventListener("click", h);
+      document.body.removeEventListener("click", M);
     }), {
       face: un,
-      open: s,
-      onSelect: g,
-      input: t,
+      open: t,
+      onSelect: c,
+      input: s,
       elem: n,
       updateCursor: m,
       button: a,
       picker: A,
       isInputType: i,
-      onChangeText: b,
-      colorTheme: c
+      onChangeText: y,
+      colorTheme: g
     };
   }
 }), g1 = {
   key: 0,
   class: "v3-input-emoji-picker"
 }, m1 = { class: "v3-input-picker-root" }, p1 = ["value"], M1 = ["value"], h1 = ["src"];
-function b1(e, f, n, a, A, s) {
-  const t = Fe("Header"), i = Fe("Body"), u = Fe("Footer");
+function b1(e, f, n, a, A, t) {
+  const s = Fe("Header"), i = Fe("Body"), u = Fe("Footer");
   return e.isInputType ? (r(), d("div", g1, [
     o("div", m1, [
       e.type === "input" ? (r(), d("input", {
@@ -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,9 +14059,9 @@ 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(s),
           S(i, { onSelect: e.onSelect }, null, 8, ["onSelect"]),
           S(u)
         ], 2)
@@ -14069,15 +14069,15 @@ 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(s),
     S(i, { onSelect: e.onSelect }, null, 8, ["onSelect"]),
     S(u)
   ], 2));
 }
 var y1 = /* @__PURE__ */ Ce(d1, [["render", b1]]);
-const v1 = ce({
+const v1 = de({
   name: "Picker",
   components: {
     PickerRoot: y1
@@ -14162,8 +14162,8 @@ const v1 = ce({
   },
   setup(e, { emit: f }) {
     const n = v(e.text);
-    function a(s) {
-      n.value = s || "", f("update:text", n.value);
+    function a(t) {
+      n.value = t || "", f("update:text", n.value);
     }
     const A = vA();
     return A.updateOptions({
@@ -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 },
@@ -14190,9 +14190,9 @@ const v1 = ce({
     };
   }
 });
-function I1(e, f, n, a, A, s) {
-  const t = Fe("picker-root");
-  return r(), Q(t, {
+function I1(e, f, n, a, A, t) {
+  const s = Fe("picker-root");
+  return r(), Q(s, {
     type: e.type,
     text: e.input,
     onSelect: f[0] || (f[0] = (i) => e.$emit("select", i)),
@@ -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 = v(!0), a = v(null), A = e, t = f, i = v(A.channels.find((c) => c.type === "default")), u = (c) => {
+      i.value = c, l(), t("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,23 +14263,23 @@ 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({
+  props: /* @__PURE__ */ Tf({
     enableEmoji: {
       type: Boolean,
       required: !1,
@@ -14298,74 +14298,74 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Ef(["send", "typing"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Tf(["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) => {
-      console.log("fileUploaded", p), s.value = p;
+    const n = f, a = jn(e, "modelValue"), A = v(null), t = v(null), s = x(() => !t.value || t.value === ""), i = v(!1), u = (p) => {
+      console.log("fileUploaded", p), t.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 = () => {
+      t.value ? (p.type = "message.file", p.text = t.value) : (p.type = "message.text", p.text = a.value.trim()), n("send", p), t.value = !1, a.value = "", le(A).focus();
+    }, 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, y) => (r(), d("div", C1, [
       o("div", U1, [
         S(H, null, {
           default: K(() => [
-            i.value ? (r(), Q(me(_1), {
+            i.value ? (r(), Q(le(_1), {
               key: 0,
               class: "chat-input__emoji",
               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), {
-          "can-upload-file": t.value,
+        S(le(si), {
+          "can-upload-file": s.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": y[0] || (y[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]
+          [Hf, a.value]
         ]),
         S(O1, { channels: e.channels }, null, 8, ["channels"]),
         o("button", {
           class: "chat-input__button-emoji",
-          onClick: g
-        }, b[1] || (b[1] = [
+          onClick: c
+        }, y[1] || (y[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
+        }, y[2] || (y[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 });
+    }, t = () => n.chat.isSelected ? "chat-item__selected" : "chat-item", s = (c) => {
+      g(), a("action", { chatId: n.chat.chatId, ...c });
     }, i = v(!1), u = v(!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(t()),
       onClick: A
     }, [
       o("div", {
         class: "chat-item__container",
         onMouseenter: l,
-        onMouseleave: c
+        onMouseleave: g
       }, [
         o("div", Q1, [
           o("span", {
@@ -14421,45 +14421,45 @@ 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(() => [
-            i.value && e.chat.actions ? (r(), Q(de, {
+            i.value && e.chat.actions ? (r(), Q(ge, {
               key: 0,
               class: "chat-item__context-menu",
               actions: e.chat.actions,
-              onClick: t
-            }, null, 8, ["actions"])) : y("", !0)
+              onClick: s
+            }, 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 s = me(n);
-      a("update", s.value);
+      const t = le(n);
+      a("update", t.value);
     };
-    return (s, t) => (r(), d("div", Z1, [
-      o("div", $1, [
+    return (t, s) => (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 = {
@@ -14505,38 +14505,38 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
   setup(e, { emit: f }) {
     const n = v(""), a = v(!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);
+    }, t = e, s = f, i = (c) => {
+      s("select", c), t.chats.forEach((M) => M.isSelected = !1);
+      const m = t.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 = () => t.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) => s("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, {
+            a.value && e.actions ? (r(), Q(ge, {
               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(y) {
+      return y.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 = v(null), A = v(!1), t = v(0), s = v(0), i = v(!1), u = v(!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 = (y) => {
+      const h = Math.floor(y / 60), _ = Math.floor(y % 60);
+      return `${h.toString().padStart(2, "0")}:${_.toString().padStart(2, "0")}`;
+    }, M = x(() => {
       if (a.value) {
-        if (t.value >= s.value)
+        if (s.value >= t.value)
           return A.value = !1, "00:00";
         {
-          const b = s.value - t.value;
-          return m(b);
+          const y = t.value - s.value;
+          return m(y);
         }
       }
     }), p = x(() => {
@@ -14625,14 +14625,14 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
     });
     return _e(() => {
       a.value.addEventListener("loadedmetadata", () => {
-        s.value = a.value.duration;
+        t.value = a.value.duration;
       }), a.value.addEventListener("timeupdate", () => {
-        t.value = a.value.currentTime;
+        s.value = a.value.currentTime;
       });
-    }), (b, M) => (r(), d("div", {
-      class: E(["video-message", n(e.message)]),
+    }), (y, 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, {
+            i.value && e.message.actions ? (r(), Q(ge, {
               key: 0,
               class: "video-message__context-menu",
               actions: e.message.actions,
-              onClick: b.clickAction
-            }, null, 8, ["actions", "onClick"])) : y("", !0)
+              onClick: y.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,29 +14774,34 @@ 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 c = me(n);
-      c.scrollHeight - c.scrollTop - c.clientHeight < 100 ? a.value = !1 : a.value = !0, c.scrollTop === 0 && s("loadMore");
+    const n = v(), a = v(!1), A = e, t = f, s = () => {
+      const c = le(n);
+      c.scrollHeight - c.scrollTop - c.clientHeight < 100 ? a.value = !1 : a.value = !0, c.scrollTop === 0 && t("loadMore");
     }, i = (c) => ({
       "message.text": ha,
       "message.image": oa,
-      "message.file": Zn,
+      "message.file": $n,
       "message.audio": Va,
       "message.video": hs,
       "message.call": xs,
@@ -14804,27 +14809,33 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
       "system.date": za
     })[c];
     function u() {
-      Hf(function() {
-        const c = me(n);
+      A.isScrollToBottomOnUpdateObjectsEnabled && of(function() {
+        const c = le(n);
         c.scrollTop = c.scrollHeight;
       });
     }
-    En(() => u), Ze(() => A.objects, u);
-    const l = (c) => {
-      s("messageAction", c);
+    function l() {
+      of(function() {
+        const c = le(n);
+        c.scrollTop = c.scrollHeight;
+      });
+    }
+    En(() => u), $e(() => A.objects, u);
+    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: s
     }, [
       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(i(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 +14843,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: l
+          }, m[0] || (m[0] = [
             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-f402849e"]]), Bs = { class: "profile" }, Ys = {
   key: 0,
   class: "profile__container"
 }, Rs = {
@@ -14868,17 +14879,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 t = A.target.files[0];
+      t && (console.log("Selected file:", t), n("fileSelected", t));
+    };
+    return (A, t) => e.hovered && e.canUploadFile ? (r(), d("div", Ks, [
+      o("div", Ps, [
+        o("label", $s, [
+          t[0] || (t[0] = o("i", { class: "pi pi-image" }, null, -1)),
+          t[1] || (t[1] = o("span", { class: "label-title" }, "Фото", -1)),
+          o("input", {
+            style: { display: "none" },
+            accept: "image/*",
+            type: "file",
+            onChange: a
+          }, null, 32)
+        ]),
+        o("label", Zs, [
+          t[2] || (t[2] = o("i", { class: "pi pi-video" }, null, -1)),
+          t[3] || (t[3] = o("span", { class: "label-title" }, "Видео", -1)),
+          o("input", {
+            style: { display: "none" },
+            accept: "video/*",
+            type: "file",
+            onChange: a
+          }, null, 32)
+        ]),
+        o("label", Gs, [
+          t[4] || (t[4] = o("i", { class: "pi pi-file" }, null, -1)),
+          t[5] || (t[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 +14957,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 = v(!1);
+    v(!1);
+    const A = () => {
+      a.value = !0;
+    }, t = () => {
+      a.value = !1;
+    }, s = v(null), i = v(""), u = v(""), l = v(""), g = v(!1), c = v(!1), m = v(!1), M = f;
+    $e(
+      () => n.canUploadFile,
+      () => {
+        of(() => {
+          n.canUploadFile === !0 && (i.value = null);
+        });
+      }
+    );
+    const p = (I) => {
+      console.log("onFileSelected", I.target.files[0]), s.value = I.target.files[0], s.value && (h(), _(), m.value = !0);
+    }, y = (I) => {
+      console.log("onFileSelected", I), s.value = I, s.value && (h(), _(), m.value = !0);
+    }, h = () => {
+      const I = s.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", s.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: t
+      }, [
+        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: y,
+        onMouseover: A,
+        onMouseout: t
+      }, 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: {
@@ -14951,21 +15046,21 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
   },
   setup(e) {
     const f = e, n = v("light"), a = (A) => {
-      const s = A.target.value;
-      n.value = s, document.documentElement.dataset.theme = s;
+      const t = A.target.value;
+      n.value = t, document.documentElement.dataset.theme = t;
     };
-    return (A, s) => (r(), d("div", null, [
+    return (A, t) => (r(), d("div", null, [
       o("select", {
-        onChange: s[0] || (s[0] = (t) => a(t))
+        onChange: t[0] || (t[0] = (s) => a(s))
       }, [
-        (r(!0), d(B, null, R(f.themes, (t, i) => (r(), d("option", {
+        (r(!0), d(B, null, R(f.themes, (s, i) => (r(), d("option", {
           key: i,
-          value: t.code
-        }, _(t.name), 9, ei))), 128))
+          value: s.code
+        }, w(s.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: {
@@ -14976,58 +15071,58 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
   },
   emits: ["selectItem"],
   setup(e, { emit: f }) {
-    const a = xn(e, "sidebarItems"), A = f, s = (i) => {
+    const a = xn(e, "sidebarItems"), A = f, t = (i) => {
       const u = a.value.find((l) => l.itemId === i);
       A("selectItem", u);
-    }, t = (i) => {
+    }, s = (i) => {
       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) => t(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(s(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) => t(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(s(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 +15133,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 +15148,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,79 +15165,79 @@ 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 () => {
-      A("confirm", a.value), t(), i();
-    }, t = () => {
+    const n = v(!0), a = v([]), A = f, t = async () => {
+      A("confirm", a.value), s(), i();
+    }, s = () => {
       A("close"), n.value = !1;
     }, i = () => {
       a.value = [];
     }, u = () => {
-      t(), i();
+      s(), 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" }, [
-            o("button", { onClick: s }, " ОК "),
+            o("button", { onClick: t }, " ОК "),
             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);
+    const n = f, a = (t) => {
+      n("submit", t);
     }, A = v(null);
-    return (s, t) => (r(), Q(H, { name: "modal-fade" }, {
+    return (t, s) => (r(), Q(H, { name: "modal-fade" }, {
       default: K(() => [
-        o("div", _i, [
-          o("div", wi, [
-            o("div", Di, [
-              W(s.$slots, "default", {}, void 0, !0)
+        o("div", Ei, [
+          o("div", Ti, [
+            o("div", xi, [
+              W(t.$slots, "default", {}, void 0, !0)
             ]),
-            o("div", Ni, [
+            o("div", Si, [
               o("button", {
                 type: "button",
                 class: "btn-green",
                 "aria-label": "Close modal",
-                onClick: t[0] || (t[0] = (i) => a(A.value))
+                onClick: s[0] || (s[0] = (i) => a(A.value))
               }, " OK "),
               o("button", {
                 type: "button",
                 class: "btn-green",
                 "aria-label": "Close modal",
-                onClick: t[1] || (t[1] = (i) => s.$emit("close"))
+                onClick: s[1] || (s[1] = (i) => t.$emit("close"))
               }, " Cancel ")
             ])
           ])
@@ -15151,28 +15246,28 @@ 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 = v({}), t = () => {
       l.unmount(), document.body.removeChild(a);
-    }, t = () => {
-      s(), n(A.value);
-    }, i = (c) => {
-      const g = Object.keys(c)[0];
-      A.value[g] = c[g];
-    }, u = ce({
+    }, s = () => {
+      t(), n(A.value);
+    }, i = (g) => {
+      const c = Object.keys(g)[0];
+      A.value[c] = g[c];
+    }, u = de({
       render() {
-        return Tf(
-          ji,
+        return xf(
+          Oi,
           {
-            onSubmit: t,
-            onClose: s
+            onSubmit: s,
+            onClose: t
           },
           {
-            default: () => Tf(
+            default: () => xf(
               zn(() => e),
               {
                 ...f,
@@ -15186,17 +15281,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-CibU7oZR.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 +15300,7 @@ const uo = async (e, f) => {
     }
   });
   return console.log("data", f), f;
-}, Vi = {
+}, Ci = {
   __name: "BaseContainer",
   props: {
     height: String,
@@ -15223,7 +15318,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 +15333,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 = v({ x: 0, y: 0 }), A = v(null), t = v(null), s = v(!1), i = v(0), u = v(0), l = v(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, y = window.innerHeight, h = A.value.offsetWidth, _ = A.value.offsetHeight;
+        a.value.x = (p - h) / 2, a.value.y = (y - _) / 2;
       }
-    }, g = (p) => {
-      t.value = !0, i.value = p.clientX - A.value.offsetLeft, u.value = p.clientY - A.value.offsetTop;
-    }, m = () => t.value = !1, h = (p) => {
-      if (t.value) {
-        const b = p.clientX - i.value, M = p.clientY - u.value;
+    }, c = (p) => {
+      s.value = !0, i.value = p.clientX - A.value.offsetLeft, u.value = p.clientY - A.value.offsetTop;
+    }, m = () => s.value = !1, M = (p) => {
+      if (s.value) {
+        const y = 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(y, 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(
@@ -15277,24 +15372,27 @@ const uo = async (e, f) => {
             window.innerHeight - A.value.offsetHeight
           )
         );
-      }), l.value = A.value.offsetHeight - s.value.offsetHeight;
-    }), (p, b) => (r(), d("div", {
+      }), l.value = A.value.offsetHeight - t.value.offsetHeight;
+    }), (p, y) => (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: s.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,
+          ref: t,
           class: "float-window__controls",
           style: U({ backgroundColor: n.colorTitle ? n.colorTitle : "" }),
-          onMousedown: g,
+          onMousedown: c,
           onMouseup: m,
           onMouseleave: m
         }, [
@@ -15303,12 +15401,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: y[0] || (y[0] = (h) => p.$emit("close-window"))
+          }, y[1] || (y[1] = [
             o("span", { class: "pi pi-times" }, null, -1)
           ]))
         ], 36),
@@ -15321,46 +15419,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__ */ de({
   __name: "ChatWrapper",
   props: {
     isOpenChatPanel: {
@@ -15373,10 +15471,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,30 +15483,30 @@ 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 f = +new Date(Number(e) * 1e3), n = +/* @__PURE__ */ new Date(), a = Math.floor((n - f) / 1e3), A = Math.floor(a / 60), t = Math.floor(A / 60), s = Math.floor(t / 24);
+  return s > 30 ? f.toLocaleString() : s > 0 ? `${s} ${s === 1 ? "день" : "дня"} назад` : t > 0 ? `${t} ${t === 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++) {
-    const A = e[a], s = new Date(A.timestamp * 1e3).toLocaleDateString();
-    console.log("message", A, s), s !== n && (f.push({
+    const A = e[a], t = new Date(A.timestamp * 1e3).toLocaleDateString();
+    console.log("message", A, t), t !== n && (f.push({
       isSeparator: !0,
-      day: s,
+      day: t,
       // Можно использовать локальную дату, если необходимо
-      text: s,
+      text: t,
       type: "system.date"
-    }), n = s), f.push(A);
+    }), n = t), f.push(A);
   }
   return f;
-}, yo = async () => {
+}, ko = async () => {
   try {
     if (await navigator.mediaDevices.getUserMedia({ audio: !0 })) {
       const f = new Audio();
@@ -15417,37 +15515,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
 };