@mobilon-dev/chotto 0.0.14 → 0.0.16

package/dist/vuessages.es.js

@@ -1,30 +1,10 @@
-import { openBlock as l, createElementBlock as g, createElementVNode as u, toDisplayString as N, Fragment as q, renderList as F, ref as v, computed as V, normalizeClass as T, normalizeStyle as G, createCommentVNode as y, createVNode as z, Transition as X, withCtx as ff, createBlock as L, createTextVNode as MA, onMounted as Zf, withDirectives as P, vShow as gf, Teleport as pA, withKeys as Fe, vModelText as Pf, unref as df, defineComponent as xf, inject as Hf, getCurrentInstance as hA, toRaw as Je, watch as Gf, onBeforeUnmount as bA, provide as yA, reactive as vA, readonly as IA, resolveComponent as qf, onUnmounted as NA, withModifiers as wA, mergeModels as Ee, useModel as DA, onUpdated as _A, resolveDynamicComponent as kA, nextTick as We, vModelCheckbox as jA } from "vue";
+import { openBlock as r, createElementBlock as g, createElementVNode as u, Fragment as B, renderList as F, toDisplayString as N, ref as v, computed as E, normalizeClass as T, normalizeStyle as J, createCommentVNode as y, createTextVNode as mA, createVNode as z, Transition as $, withCtx as X, createBlock as Q, Teleport as MA, onMounted as Pf, withDirectives as ff, vShow as df, defineComponent as xf, inject as Zf, getCurrentInstance as pA, toRaw as Fe, watch as Hf, onBeforeUnmount as hA, provide as bA, reactive as yA, readonly as vA, vModelText as re, resolveComponent as qf, onUnmounted as IA, withModifiers as NA, mergeModels as Ee, useModel as wA, unref as _f, withKeys as DA, onUpdated as _A, resolveDynamicComponent as kA, nextTick as Je, vModelCheckbox as jA, renderSlot as VA } from "vue";
 const x = (f, e) => {
   const A = f.__vccOpts || f;
-  for (const [a, n] of e)
-    A[a] = n;
+  for (const [n, a] of e)
+    A[n] = a;
   return A;
-}, VA = {
-  __name: "Chat",
-  props: {
-    chat: {
-      type: Object,
-      required: !0
-    }
-  },
-  emits: ["select"],
-  setup(f, { emit: e }) {
-    const A = f, a = e, n = () => {
-      a("select", A.chat);
-    };
-    return (s, t) => (l(), g("div", {
-      class: "chat",
-      onClick: n
-    }, [
-      u("p", null, N(f.chat.name) + " " + N(f.chat.countUnread), 1)
-    ]));
-  }
-}, EA = /* @__PURE__ */ x(VA, [["__scopeId", "data-v-624e6f84"]]), TA = { class: "context-menu" }, xA = { class: "context-menu__container" }, SA = { class: "context-menu__list" }, zA = ["onClick"], OA = {
+}, EA = { class: "context-menu" }, TA = { class: "context-menu__container" }, xA = { class: "context-menu__list" }, SA = ["onClick"], zA = {
   __name: "ContextMenu",
   props: {
     actions: {
@@ -34,123 +14,29 @@ const x = (f, e) => {
   },
   emits: ["click"],
   setup(f, { emit: e }) {
-    const A = f, a = e, n = (s) => {
-      const t = A.actions[s];
-      a("click", t);
+    const A = f, n = e, a = (i) => {
+      const t = A.actions[i];
+      n("click", t);
     };
-    return (s, t) => (l(), g("div", TA, [
-      u("div", xA, [
-        u("ul", SA, [
-          (l(!0), g(q, null, F(A.actions, (i, o) => (l(), g("li", {
+    return (i, t) => (r(), g("div", EA, [
+      u("div", TA, [
+        u("ul", xA, [
+          (r(!0), g(B, null, F(A.actions, (s, o) => (r(), g("li", {
             key: o,
             class: "context-menu__item",
-            onClick: (r) => n(o)
-          }, N(i.title), 9, zA))), 128))
+            onClick: (l) => a(o)
+          }, N(s.title), 9, SA))), 128))
         ])
       ])
     ]));
   }
-}, vf = /* @__PURE__ */ x(OA, [["__scopeId", "data-v-3ebe373a"]]), CA = { class: "chat-item__avatar-container" }, UA = ["src"], LA = {
-  key: 1,
-  class: "pi pi-user"
-}, QA = { class: "chat-item__info-container" }, BA = { class: "chat-item__name" }, YA = {
-  key: 0,
-  class: "chat-item__last-message"
-}, RA = { class: "chat-item__details-container" }, qA = {
-  key: 0,
-  class: "chat-item__time"
-}, FA = {
-  key: 1,
-  class: "chat-item__unread"
-}, JA = {
-  key: 3,
-  class: "chat-item__fixed pi pi-thumbtack"
-}, WA = {
-  __name: "Chat2",
-  props: {
-    chat: {
-      type: Object,
-      required: !0
-    }
-  },
-  emits: ["select", "action"],
-  setup(f, { emit: e }) {
-    const A = f, a = e, n = () => {
-      a("select", A.chat);
-    }, s = () => A.chat.isSelected ? "chat-item__selected" : "chat-item", t = (c) => {
-      d(), a("action", { chatId: A.chat.chatId, ...c });
-    }, i = v(!1), o = v(!1), r = () => {
-      o.value = !0;
-    }, d = () => {
-      o.value = !1, i.value = !1;
-    };
-    return V(() => {
-      switch (A.chat.status) {
-        case "online":
-          return "chat-item__status--online";
-        case "offline":
-          return "chat-item__status--offline";
-        case "sleep":
-          return "chat-item__status--sleep";
-      }
-    }), (c, M) => (l(), g("div", {
-      class: T(s()),
-      onClick: n
-    }, [
-      u("div", {
-        class: "chat-item__container",
-        onMouseenter: r,
-        onMouseleave: d
-      }, [
-        u("div", CA, [
-          u("span", {
-            class: "chat-item__status",
-            style: G({ backgroundColor: A.chat.status })
-          }, null, 4),
-          A.chat.avatar ? (l(), g("img", {
-            key: 0,
-            src: A.chat.avatar,
-            height: "32",
-            width: "32"
-          }, null, 8, UA)) : (l(), g("span", LA))
-        ]),
-        u("div", QA, [
-          u("div", BA, N(f.chat.name), 1),
-          f.chat.lastMessage ? (l(), g("div", YA, N(f.chat.lastMessage), 1)) : y("", !0)
-        ]),
-        u("div", RA, [
-          !(o.value && f.chat.actions) && f.chat["lastActivity.time"] ? (l(), g("div", qA, N(f.chat["lastActivity.time"]), 1)) : y("", !0),
-          !(o.value && f.chat.actions) && f.chat.countUnread > 0 ? (l(), g("div", FA, N(f.chat.countUnread), 1)) : y("", !0),
-          o.value && f.chat.actions ? (l(), g("button", {
-            key: 2,
-            class: "chat-item__menu-button",
-            onClick: M[0] || (M[0] = (b) => i.value = !i.value)
-          }, M[1] || (M[1] = [
-            u("span", { class: "pi pi-ellipsis-h" }, null, -1)
-          ]))) : y("", !0),
-          f.chat.isFixedTop || f.chat.isFixedBottom ? (l(), g("span", JA)) : y("", !0)
-        ]),
-        z(X, null, {
-          default: ff(() => [
-            i.value && f.chat.actions ? (l(), L(vf, {
-              key: 0,
-              class: "chat-item__context-menu",
-              actions: f.chat.actions,
-              onClick: t
-            }, null, 8, ["actions"])) : y("", !0)
-          ]),
-          _: 1
-        })
-      ], 32)
-    ], 2));
-  }
-}, ne = /* @__PURE__ */ x(WA, [["__scopeId", "data-v-45af07bc"]]), KA = ["messageId"], ZA = ["src"], PA = {
+}, yf = /* @__PURE__ */ x(zA, [["__scopeId", "data-v-ea4fa36b"]]), OA = ["messageId"], CA = ["src"], UA = {
   key: 1,
   class: "file-message__subtext"
-}, HA = ["href"], GA = { class: "file-message__info-container" }, $A = { class: "file-message__time" }, XA = {
+}, LA = ["href"], QA = { class: "file-message__info-container" }, BA = { class: "file-message__time" }, YA = {
   key: 0,
   class: "pi pi-check"
-}, fa = {
+}, RA = {
   __name: "FileMessage",
   props: {
     message: {
@@ -159,68 +45,70 @@ const x = (f, e) => {
     }
   },
   setup(f) {
-    const e = f, A = v(!1), a = v(!1), n = () => {
-      a.value = !0;
-    }, s = () => {
-      a.value = !1, A.value = !1;
+    const e = f, A = v(!1), n = v(!1), a = () => {
+      n.value = !0;
+    }, i = () => {
+      n.value = !1, A.value = !1;
     };
     function t(o) {
       return o.position === "left" ? "file-message__left" : "file-message__right";
     }
-    const i = V(() => {
+    const s = E(() => {
       switch (e.message.status) {
         case "read":
           return "file-message__status--read";
         case "received":
           return "file-message__status--received";
+        default:
+          return "";
       }
     });
-    return (o, r) => (l(), g("div", {
+    return (o, l) => (r(), g("div", {
       class: T(["file-message", t(f.message)]),
       messageId: f.message.messageId,
-      onMouseleave: s
+      onMouseleave: i
     }, [
-      f.message.avatar ? (l(), g("img", {
+      f.message.avatar ? (r(), g("img", {
         key: 0,
         class: "file-message__avatar",
         src: f.message.avatar,
         height: "32",
         width: "32",
-        style: G({ gridRow: f.message.subText ? "2" : "1" })
-      }, null, 12, ZA)) : y("", !0),
-      f.message.subText ? (l(), g("p", PA, N(f.message.subText), 1)) : y("", !0),
+        style: J({ gridRow: f.message.subText ? "2" : "1" })
+      }, null, 12, CA)) : y("", !0),
+      f.message.subText ? (r(), g("p", UA, N(f.message.subText), 1)) : y("", !0),
       u("div", {
         class: "file-message__content",
-        onMouseenter: n
+        onMouseenter: a
       }, [
         u("a", {
           class: "file-message__link",
           href: f.message.url,
           download: ""
         }, [
-          r[1] || (r[1] = u("span", { class: "pi pi-file" }, null, -1)),
-          MA(" " + N(f.message.filename), 1)
-        ], 8, HA),
-        u("div", GA, [
-          u("span", $A, N(f.message.time), 1),
-          t(f.message) === "file-message__right" && f.message.status ? (l(), g("div", {
+          l[1] || (l[1] = u("span", { class: "pi pi-file" }, null, -1)),
+          mA(" " + N(f.message.filename), 1)
+        ], 8, LA),
+        u("div", QA, [
+          u("span", BA, N(f.message.time), 1),
+          t(f.message) === "file-message__right" && f.message.status ? (r(), g("div", {
             key: 0,
-            class: T(["file-message__status", i.value])
+            class: T(["file-message__status", s.value])
           }, [
-            f.message.status !== "sent" ? (l(), g("span", XA)) : y("", !0),
-            r[2] || (r[2] = u("span", { class: "pi pi-check" }, null, -1))
+            f.message.status !== "sent" ? (r(), g("span", YA)) : y("", !0),
+            l[2] || (l[2] = u("span", { class: "pi pi-check" }, null, -1))
           ], 2)) : y("", !0)
         ]),
-        a.value && f.message.actions ? (l(), g("button", {
+        n.value && f.message.actions ? (r(), g("button", {
           key: 0,
           class: "file-message__menu-button",
-          onClick: r[0] || (r[0] = (d) => A.value = !A.value)
-        }, r[3] || (r[3] = [
+          onClick: l[0] || (l[0] = (c) => A.value = !A.value)
+        }, l[3] || (l[3] = [
           u("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : y("", !0),
-        z(X, null, {
-          default: ff(() => [
-            A.value && f.message.actions ? (l(), L(vf, {
+        z($, null, {
+          default: X(() => [
+            A.value && f.message.actions ? (r(), Q(yf, {
               key: 0,
               class: "file-message__context-menu",
               actions: f.message.actions,
@@ -230,9 +118,18 @@ const x = (f, e) => {
           _: 1
         })
       ], 32)
-    ], 42, KA));
+    ], 42, OA));
   }
-}, ea = /* @__PURE__ */ x(fa, [["__scopeId", "data-v-af8b339f"]]), Aa = ["messageId"], aa = ["src", "alt"], na = { class: "message-time" }, ta = {
+}, qA = /* @__PURE__ */ x(RA, [["__scopeId", "data-v-d46bf7c2"]]), FA = ["messageId"], JA = ["src"], WA = {
+  key: 1,
+  class: "image-message__subtext"
+}, KA = ["src", "alt"], PA = { class: "image-message__info-container" }, ZA = { class: "image-message__time" }, HA = {
+  key: 0,
+  class: "pi pi-check"
+}, GA = {
+  key: 0,
+  class: "image-message__modal-overlay"
+}, $A = { class: "image-message__modal" }, XA = ["src", "alt"], fn = {
   __name: "ImageMessage",
   props: {
     message: {
@@ -241,32 +138,117 @@ const x = (f, e) => {
     }
   },
   setup(f) {
-    const e = f;
-    function A() {
-      return e.message.position === "left" ? "image-message-left" : "image-message-right";
+    const e = f, A = v(!1), n = v(!1), a = v(!1), i = () => {
+      a.value = !0;
+    }, t = () => {
+      a.value = !1, n.value = !1;
+    };
+    function s(l) {
+      return l.position === "left" ? "image-message__left" : "image-message__right";
     }
-    return (a, n) => (l(), g("div", {
-      class: T(A()),
-      messageId: f.message.messageId
+    const o = E(() => {
+      switch (e.message.status) {
+        case "read":
+          return "image-message__status--read";
+        case "received":
+          return "image-message__status--received";
+        default:
+          return "";
+      }
+    });
+    return (l, c) => (r(), g("div", {
+      class: T(["image-message", s(f.message)]),
+      messageId: f.message.messageId,
+      onMouseleave: t
     }, [
-      u("img", {
-        src: f.message.url,
-        alt: f.message.alt,
-        class: "image-message"
-      }, null, 8, aa),
-      u("div", na, N(f.message.time), 1)
-    ], 10, Aa));
+      f.message.avatar ? (r(), g("img", {
+        key: 0,
+        class: "image-message__avatar",
+        src: f.message.avatar,
+        height: "32",
+        width: "32",
+        style: J({ gridRow: f.message.subText ? "2" : "1" })
+      }, null, 12, JA)) : y("", !0),
+      f.message.subText ? (r(), g("p", WA, N(f.message.subText), 1)) : y("", !0),
+      u("div", {
+        class: "image-message__content",
+        onMouseenter: i
+      }, [
+        u("button", {
+          class: "image-message__button",
+          onClick: c[0] || (c[0] = (d) => A.value = !0)
+        }, [
+          u("img", {
+            class: "image-message__preview-image",
+            src: f.message.url,
+            alt: f.message.alt
+          }, null, 8, KA),
+          u("div", PA, [
+            u("span", ZA, N(f.message.time), 1),
+            s(f.message) === "image-message__right" && f.message.status ? (r(), g("div", {
+              key: 0,
+              class: T(["image-message__status", o.value])
+            }, [
+              f.message.status !== "sent" ? (r(), g("span", HA)) : y("", !0),
+              c[3] || (c[3] = u("span", { class: "pi pi-check" }, null, -1))
+            ], 2)) : y("", !0)
+          ])
+        ]),
+        (r(), Q(MA, { to: "body" }, [
+          z($, { name: "modal-fade" }, {
+            default: X(() => [
+              A.value ? (r(), g("div", GA, [
+                u("div", $A, [
+                  u("button", {
+                    class: "image-message__modal-close-button",
+                    onClick: c[1] || (c[1] = (d) => A.value = !1)
+                  }, c[4] || (c[4] = [
+                    u("span", null, [
+                      u("i", { class: "pi pi-times" })
+                    ], -1)
+                  ])),
+                  u("img", {
+                    class: "image-message__modal-image",
+                    src: f.message.url,
+                    alt: f.message.alt
+                  }, null, 8, XA)
+                ])
+              ])) : y("", !0)
+            ]),
+            _: 1
+          })
+        ])),
+        a.value && f.message.actions ? (r(), g("button", {
+          key: 0,
+          class: "image-message__menu-button",
+          onClick: c[2] || (c[2] = (d) => n.value = !n.value)
+        }, c[5] || (c[5] = [
+          u("span", { class: "pi pi-ellipsis-h" }, null, -1)
+        ]))) : y("", !0),
+        z($, { name: "context-menu" }, {
+          default: X(() => [
+            n.value && f.message.actions ? (r(), Q(yf, {
+              key: 0,
+              class: "image-message__context-menu",
+              actions: f.message.actions,
+              onClick: l.clickAction
+            }, null, 8, ["actions", "onClick"])) : y("", !0)
+          ]),
+          _: 1
+        })
+      ], 32)
+    ], 42, FA));
   }
-}, Hs = /* @__PURE__ */ x(ta, [["__scopeId", "data-v-2a6fb9a2"]]), sa = { class: "text-message" }, ia = ["messageId"], oa = ["src"], ua = {
+}, en = /* @__PURE__ */ x(fn, [["__scopeId", "data-v-c0e562ee"]]), An = { class: "text-message" }, nn = ["messageId"], an = ["src"], tn = {
   key: 1,
   class: "text-message__subtext"
-}, ra = { class: "text-message__info-container" }, la = {
+}, sn = { class: "text-message__info-container" }, on = {
   key: 0,
   class: "text-message__time"
-}, ca = {
+}, un = {
   key: 0,
   class: "pi pi-check"
-}, da = {
+}, rn = {
   __name: "TextMessage",
   props: {
     message: {
@@ -276,64 +258,66 @@ const x = (f, e) => {
   },
   emits: ["action"],
   setup(f, { emit: e }) {
-    const A = f, a = e, n = v(!1), s = v(!1), t = () => {
-      s.value = !0;
-    }, i = () => {
-      s.value = !1, n.value = !1;
-    }, o = (c) => {
-      i(), a("action", { messageId: A.message.messageId, ...c });
+    const A = f, n = e, a = v(!1), i = v(!1), t = () => {
+      i.value = !0;
+    }, s = () => {
+      i.value = !1, a.value = !1;
+    }, o = (d) => {
+      s(), n("action", { messageId: A.message.messageId, ...d });
     };
-    function r(c) {
-      return c.position === "left" ? "text-message__left" : "text-message__right";
+    function l(d) {
+      return d.position === "left" ? "text-message__left" : "text-message__right";
     }
-    const d = V(() => {
+    const c = E(() => {
       switch (A.message.status) {
         case "read":
           return "text-message__status--read";
         case "received":
           return "text-message__status--received";
+        default:
+          return "";
       }
     });
-    return (c, M) => (l(), g("div", sa, [
+    return (d, M) => (r(), g("div", An, [
       u("div", {
-        class: T(r(f.message)),
+        class: T(l(f.message)),
         messageId: f.message.messageId,
-        onMouseleave: i
+        onMouseleave: s
       }, [
-        f.message.avatar ? (l(), g("img", {
+        f.message.avatar ? (r(), g("img", {
           key: 0,
           class: "text-message__avatar",
           src: f.message.avatar,
           height: "32",
           width: "32",
-          style: G({ gridRow: f.message.subText ? "2" : "1" })
-        }, null, 12, oa)) : y("", !0),
-        f.message.subText ? (l(), g("p", ua, N(f.message.subText), 1)) : y("", !0),
+          style: J({ gridRow: f.message.subText ? "2" : "1" })
+        }, null, 12, an)) : y("", !0),
+        f.message.subText ? (r(), g("p", tn, N(f.message.subText), 1)) : y("", !0),
         u("div", {
           class: "text-message__content",
           onMouseenter: t
         }, [
           u("p", null, N(f.message.text), 1),
-          u("div", ra, [
-            f.message.time ? (l(), g("span", la, N(f.message.time), 1)) : y("", !0),
-            r(f.message) === "text-message__right" && f.message.status ? (l(), g("div", {
+          u("div", sn, [
+            f.message.time ? (r(), g("span", on, N(f.message.time), 1)) : y("", !0),
+            l(f.message) === "text-message__right" && f.message.status ? (r(), g("div", {
               key: 1,
-              class: T(["text-message__status", d.value])
+              class: T(["text-message__status", c.value])
             }, [
-              f.message.status !== "sent" ? (l(), g("span", ca)) : y("", !0),
+              f.message.status !== "sent" ? (r(), g("span", un)) : y("", !0),
               M[1] || (M[1] = u("span", { class: "pi pi-check" }, null, -1))
             ], 2)) : y("", !0)
           ]),
-          s.value && f.message.actions ? (l(), g("button", {
+          i.value && f.message.actions ? (r(), g("button", {
             key: 0,
             class: "text-message__menu-button",
-            onClick: M[0] || (M[0] = (b) => n.value = !n.value)
+            onClick: M[0] || (M[0] = (b) => a.value = !a.value)
           }, M[2] || (M[2] = [
             u("span", { class: "pi pi-ellipsis-h" }, null, -1)
           ]))) : y("", !0),
-          z(X, null, {
-            default: ff(() => [
-              n.value && f.message.actions ? (l(), L(vf, {
+          z($, null, {
+            default: X(() => [
+              a.value && f.message.actions ? (r(), Q(yf, {
                 key: 0,
                 class: "text-message__context-menu",
                 actions: f.message.actions,
@@ -343,16 +327,16 @@ const x = (f, e) => {
             _: 1
           })
         ], 32)
-      ], 42, ia)
+      ], 42, nn)
     ]));
   }
-}, ga = /* @__PURE__ */ x(da, [["__scopeId", "data-v-87e93d0a"]]), ma = ["messageId"], Ma = ["src"], pa = {
+}, ln = /* @__PURE__ */ x(rn, [["__scopeId", "data-v-324ed348"]]), cn = ["messageId"], dn = ["src"], gn = {
   key: 1,
   class: "audio-message__subtext"
-}, ha = ["src"], ba = { class: "audio-message__progress-bar-container" }, ya = { class: "audio-message__remaining-time" }, va = { class: "audio-message__info-container" }, Ia = { class: "audio-message__time" }, Na = {
+}, mn = ["src"], Mn = { class: "audio-message__progress-bar-container" }, pn = { class: "audio-message__remaining-time" }, hn = { class: "audio-message__info-container" }, bn = { class: "audio-message__time" }, yn = {
   key: 0,
   class: "pi pi-check"
-}, wa = {
+}, vn = {
   __name: "AudioMessage",
   props: {
     message: {
@@ -361,48 +345,50 @@ const x = (f, e) => {
     }
   },
   setup(f) {
-    const e = f, A = v(null), a = v(!1), n = v(0), s = v(0), t = v(!1), i = v(!1), o = () => {
-      i.value = !0;
-    }, r = () => {
-      i.value = !1, t.value = !1;
+    const e = f, A = v(null), n = v(!1), a = v(0), i = v(0), t = v(!1), s = v(!1), o = () => {
+      s.value = !0;
+    }, l = () => {
+      s.value = !1, t.value = !1;
     };
-    function d() {
-      A.value && (a.value ? A.value.pause() : A.value.play(), a.value = !a.value);
+    function c() {
+      A.value && (n.value ? A.value.pause() : A.value.play(), n.value = !n.value);
     }
-    const c = (I) => {
+    const d = (I) => {
       const w = Math.floor(I / 60), _ = Math.floor(I % 60);
       return `${w.toString().padStart(2, "0")}:${_.toString().padStart(2, "0")}`;
-    }, M = V(() => A.value ? c(s.value) : "0:00"), b = V(() => A.value ? c(n.value) : "0:00"), m = V(() => n.value > 0 ? s.value / n.value * 100 : 0), h = V(() => {
+    }, M = E(() => A.value ? d(i.value) : "0:00"), b = E(() => A.value ? d(a.value) : "0:00"), m = E(() => a.value > 0 ? i.value / a.value * 100 : 0), h = E(() => {
       switch (e.message.status) {
         case "read":
           return "audio-message__status--read";
         case "received":
           return "audio-message__status--received";
+        default:
+          return "";
       }
     });
     function p(I) {
       return I.position === "left" ? "audio-message__left" : "audio-message__right";
     }
-    return Zf(() => {
+    return Pf(() => {
       A.value.addEventListener("loadedmetadata", () => {
-        n.value = A.value.duration;
+        a.value = A.value.duration;
       }), A.value.addEventListener("timeupdate", () => {
-        s.value = A.value.currentTime;
+        i.value = A.value.currentTime;
       });
-    }), (I, w) => (l(), g("div", {
+    }), (I, w) => (r(), g("div", {
       class: T(["audio-message", p(f.message)]),
       messageId: f.message.messageId,
-      onMouseleave: r
+      onMouseleave: l
     }, [
-      f.message.avatar ? (l(), g("img", {
+      f.message.avatar ? (r(), g("img", {
         key: 0,
         class: "file-message__avatar",
         src: f.message.avatar,
         height: "32",
         width: "32",
-        style: G({ gridRow: f.message.subText ? "2" : "1" })
-      }, null, 12, Ma)) : y("", !0),
-      f.message.subText ? (l(), g("p", pa, N(f.message.subText), 1)) : y("", !0),
+        style: J({ gridRow: f.message.subText ? "2" : "1" })
+      }, null, 12, dn)) : y("", !0),
+      f.message.subText ? (r(), g("p", gn, N(f.message.subText), 1)) : y("", !0),
       u("div", {
         class: "audio-message__content",
         onMouseenter: o
@@ -411,50 +397,50 @@ const x = (f, e) => {
           ref_key: "player",
           ref: A,
           src: f.message.url
-        }, null, 8, ha),
-        P(u("button", {
+        }, null, 8, mn),
+        ff(u("button", {
           class: "audio-message__play",
-          onClick: d
+          onClick: c
         }, w[1] || (w[1] = [
           u("span", { class: "pi pi-play" }, null, -1)
         ]), 512), [
-          [gf, !a.value]
+          [df, !n.value]
         ]),
-        P(u("button", {
+        ff(u("button", {
           class: "audio-message__pause",
-          onClick: d
+          onClick: c
         }, w[2] || (w[2] = [
           u("span", { class: "pi pi-pause" }, null, -1)
         ]), 512), [
-          [gf, a.value]
+          [df, n.value]
         ]),
-        u("div", ba, [
+        u("div", Mn, [
           u("div", {
             class: "audio-message__progress-bar",
-            style: G({ width: m.value + "%" })
+            style: J({ width: m.value + "%" })
           }, null, 4)
         ]),
-        u("p", ya, N(`${M.value} / ${b.value}`), 1),
-        u("div", va, [
-          u("span", Ia, N(f.message.time), 1),
-          p(f.message) === "audio-message__right" && f.message.status ? (l(), g("div", {
+        u("p", pn, N(`${M.value} / ${b.value}`), 1),
+        u("div", hn, [
+          u("span", bn, N(f.message.time), 1),
+          p(f.message) === "audio-message__right" && f.message.status ? (r(), g("div", {
             key: 0,
             class: T(["audio-message__status", h.value])
           }, [
-            f.message.status !== "sent" ? (l(), g("span", Na)) : y("", !0),
+            f.message.status !== "sent" ? (r(), g("span", yn)) : y("", !0),
             w[3] || (w[3] = u("span", { class: "pi pi-check" }, null, -1))
           ], 2)) : y("", !0)
         ]),
-        i.value && f.message.actions ? (l(), g("button", {
+        s.value && f.message.actions ? (r(), g("button", {
           key: 0,
           class: "audio-message__menu-button",
           onClick: w[0] || (w[0] = (_) => t.value = !t.value)
         }, w[4] || (w[4] = [
           u("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : y("", !0),
-        z(X, null, {
-          default: ff(() => [
-            t.value && f.message.actions ? (l(), L(vf, {
+        z($, null, {
+          default: X(() => [
+            t.value && f.message.actions ? (r(), Q(yf, {
               key: 0,
               class: "audio-message__context-menu",
               actions: f.message.actions,
@@ -464,9 +450,9 @@ const x = (f, e) => {
           _: 1
         })
       ], 32)
-    ], 42, ma));
+    ], 42, cn));
   }
-}, Da = /* @__PURE__ */ x(wa, [["__scopeId", "data-v-40e29127"]]), _a = { class: "date-message" }, ka = { class: "date-message__container" }, ja = { class: "date-message__text" }, Va = {
+}, In = /* @__PURE__ */ x(vn, [["__scopeId", "data-v-bac0e53e"]]), Nn = { class: "date-message" }, wn = { class: "date-message__container" }, Dn = { class: "date-message__text" }, _n = {
   __name: "DateMessage",
   props: {
     message: {
@@ -474,133 +460,19 @@ const x = (f, e) => {
     }
   },
   setup(f) {
-    return (e, A) => (l(), g("div", _a, [
-      u("div", ka, [
-        u("p", ja, N(f.message.text), 1)
+    return (e, A) => (r(), g("div", Nn, [
+      u("div", wn, [
+        u("p", Dn, N(f.message.text), 1)
       ])
     ]));
   }
-}, Ea = /* @__PURE__ */ x(Va, [["__scopeId", "data-v-29f471a6"]]), Ta = ["messageId"], xa = ["src"], Sa = {
-  key: 1,
-  class: "image-message__subtext"
-}, za = ["src", "alt"], Oa = { class: "image-message__info-container" }, Ca = { class: "image-message__time" }, Ua = {
-  key: 0,
-  class: "pi pi-check"
-}, La = {
-  key: 0,
-  class: "image-message__modal-overlay"
-}, Qa = { class: "image-message__modal" }, Ba = ["src", "alt"], Ya = {
-  __name: "ImageMessage2",
-  props: {
-    message: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(f) {
-    const e = f, A = v(!1), a = v(!1), n = v(!1), s = () => {
-      n.value = !0;
-    }, t = () => {
-      n.value = !1, a.value = !1;
-    };
-    function i(r) {
-      return r.position === "left" ? "image-message__left" : "image-message__right";
-    }
-    const o = V(() => {
-      switch (e.message.status) {
-        case "read":
-          return "image-message__status--read";
-        case "received":
-          return "image-message__status--received";
-      }
-    });
-    return (r, d) => (l(), g("div", {
-      class: T(["image-message", i(f.message)]),
-      messageId: f.message.messageId,
-      onMouseleave: t
-    }, [
-      f.message.avatar ? (l(), g("img", {
-        key: 0,
-        class: "image-message__avatar",
-        src: f.message.avatar,
-        height: "32",
-        width: "32",
-        style: G({ gridRow: f.message.subText ? "2" : "1" })
-      }, null, 12, xa)) : y("", !0),
-      f.message.subText ? (l(), g("p", Sa, N(f.message.subText), 1)) : y("", !0),
-      u("div", {
-        class: "image-message__content",
-        onMouseenter: s
-      }, [
-        u("button", {
-          class: "image-message__button",
-          onClick: d[0] || (d[0] = (c) => A.value = !0)
-        }, [
-          u("img", {
-            class: "image-message__preview-image",
-            src: f.message.url,
-            alt: f.message.alt
-          }, null, 8, za),
-          u("div", Oa, [
-            u("span", Ca, N(f.message.time), 1),
-            i(f.message) === "image-message__right" && f.message.status ? (l(), g("div", {
-              key: 0,
-              class: T(["image-message__status", o.value])
-            }, [
-              f.message.status !== "sent" ? (l(), g("span", Ua)) : y("", !0),
-              d[3] || (d[3] = u("span", { class: "pi pi-check" }, null, -1))
-            ], 2)) : y("", !0)
-          ])
-        ]),
-        (l(), L(pA, { to: "body" }, [
-          z(X, { name: "modal-fade" }, {
-            default: ff(() => [
-              A.value ? (l(), g("div", La, [
-                u("div", Qa, [
-                  u("button", {
-                    class: "image-message__modal-close-button",
-                    onClick: d[1] || (d[1] = (c) => A.value = !1)
-                  }, d[4] || (d[4] = [
-                    u("span", null, [
-                      u("i", { class: "pi pi-times" })
-                    ], -1)
-                  ])),
-                  u("img", {
-                    class: "image-message__modal-image",
-                    src: f.message.url,
-                    alt: f.message.alt
-                  }, null, 8, Ba)
-                ])
-              ])) : y("", !0)
-            ]),
-            _: 1
-          })
-        ])),
-        n.value && f.message.actions ? (l(), g("button", {
-          key: 0,
-          class: "image-message__menu-button",
-          onClick: d[2] || (d[2] = (c) => a.value = !a.value)
-        }, d[5] || (d[5] = [
-          u("span", { class: "pi pi-ellipsis-h" }, null, -1)
-        ]))) : y("", !0),
-        z(X, { name: "context-menu" }, {
-          default: ff(() => [
-            a.value && f.message.actions ? (l(), L(vf, {
-              key: 0,
-              class: "image-message__context-menu",
-              actions: f.message.actions,
-              onClick: r.clickAction
-            }, null, 8, ["actions", "onClick"])) : y("", !0)
-          ]),
-          _: 1
-        })
-      ], 32)
-    ], 42, Ta));
-  }
-}, Ra = /* @__PURE__ */ x(Ya, [["__scopeId", "data-v-76f68be4"]]), qa = { class: "chat-info" }, Fa = {
+}, kn = /* @__PURE__ */ x(_n, [["__scopeId", "data-v-bb88dc56"]]), jn = { class: "chat-info" }, Vn = {
   key: 0,
   class: "chat-info__container"
-}, Ja = { class: "chat-info__avatar-container" }, Wa = ["src"], Ka = { key: 1 }, Za = { class: "chat-info__title" }, Pa = { class: "chat-info__time" }, Ha = {
+}, En = { class: "chat-info__avatar-container" }, Tn = ["src"], xn = {
+  key: 1,
+  class: "pi pi-user"
+}, Sn = { class: "chat-info__title" }, zn = { class: "chat-info__time" }, On = {
   __name: "ChatInfo",
   props: {
     chat: {
@@ -608,46 +480,31 @@ const x = (f, e) => {
       required: !0
     }
   },
-  setup(f) {
-    const e = f;
-    return (A, a) => (l(), g("div", qa, [
-      f.chat ? (l(), g("div", Fa, [
-        u("div", Ja, [
-          e.chat.avatar ? (l(), g("img", {
+  emits: ["open-panel"],
+  setup(f, { emit: e }) {
+    const A = f;
+    return (n, a) => (r(), g("div", jn, [
+      f.chat ? (r(), g("div", Vn, [
+        u("div", En, [
+          A.chat.avatar ? (r(), g("img", {
             key: 0,
-            src: e.chat.avatar,
+            src: A.chat.avatar,
             width: "32",
             height: "32"
-          }, null, 8, Wa)) : (l(), g("span", Ka, a[0] || (a[0] = [
-            u("i", { class: "pi pi-user" }, null, -1)
-          ])))
+          }, null, 8, Tn)) : (r(), g("span", xn))
         ]),
-        u("h2", Za, N(f.chat.name), 1),
-        u("p", Pa, N(f.chat["lastActivity.time"]), 1)
+        u("h2", Sn, N(f.chat.name), 1),
+        u("p", zn, N(f.chat["lastActivity.time"]), 1),
+        u("button", {
+          class: "chat-info__button-panel",
+          onClick: a[0] || (a[0] = (i) => n.$emit("open-panel"))
+        }, a[1] || (a[1] = [
+          u("span", { class: "pi pi-info-circle" }, null, -1)
+        ]))
       ])) : y("", !0)
     ]));
   }
-}, Gs = /* @__PURE__ */ x(Ha, [["__scopeId", "data-v-73a63a13"]]), Ga = { class: "chat-input" }, $a = {
-  __name: "ChatInput",
-  emits: ["send"],
-  setup(f, { emit: e }) {
-    const A = e, a = v(""), n = v(null), s = () => {
-      a.value.trim() && (A("send", a.value), a.value = "", df(n).focus());
-    };
-    return (t, i) => (l(), g("div", Ga, [
-      P(u("input", {
-        ref_key: "refInput",
-        ref: n,
-        "onUpdate:modelValue": i[0] || (i[0] = (o) => a.value = o),
-        placeholder: "Type a message...",
-        onKeydown: Fe(s, ["enter"])
-      }, null, 544), [
-        [Pf, a.value]
-      ]),
-      u("button", { onClick: s }, " Send ")
-    ]));
-  }
-}, $s = /* @__PURE__ */ x($a, [["__scopeId", "data-v-b2649b3f"]]), Ke = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", Ze = {
+}, fs = /* @__PURE__ */ x(On, [["__scopeId", "data-v-5d50fd73"]]), We = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", Ke = {
   recent: "Recently used",
   smileys_people: "Smiles & People",
   animals_nature: "Animals & Nature",
@@ -657,21 +514,21 @@ const x = (f, e) => {
   objects: "Objects",
   symbols: "Symbols",
   flags: "Flags"
-}, Pe = "u", $f = "n", Yf = "v", Vf = "r", Xa = {
-  [$f]: ["grinning face", "grinning"],
+}, Pe = "u", Gf = "n", Yf = "v", Vf = "r", Cn = {
+  [Gf]: ["grinning face", "grinning"],
   [Pe]: "1f600",
   [Vf]: "1f600"
-}, Wf = "neutral", fn = "1f3fb", en = "1f3fc", An = "1f3fd", an = "1f3fe", nn = "1f3ff", tn = [
+}, Wf = "neutral", Un = "1f3fb", Ln = "1f3fc", Qn = "1f3fd", Bn = "1f3fe", Yn = "1f3ff", Rn = [
   Wf,
-  fn,
-  en,
-  An,
-  an,
-  nn
-], sn = {
+  Un,
+  Ln,
+  Qn,
+  Bn,
+  Yn
+], qn = {
   placeholder: "Search emoji",
   skinTone: "Skin tone"
-}, on = ["light", "dark", "auto"], un = [
+}, Fn = ["light", "dark", "auto"], Jn = [
   {
     n: [
       "grinning face",
@@ -5079,7 +4936,7 @@ const x = (f, e) => {
     ],
     u: "1f48e"
   }
-], rn = [
+], Wn = [
   {
     n: [
       "monkey face",
@@ -5813,7 +5670,7 @@ const x = (f, e) => {
     ],
     u: "1f343"
   }
-], ln = [
+], Kn = [
   {
     n: [
       "grapes"
@@ -6479,7 +6336,7 @@ const x = (f, e) => {
     ],
     u: "1f3fa"
   }
-], cn = [
+], Pn = [
   {
     n: [
       "jack-o-lantern",
@@ -6885,7 +6742,7 @@ const x = (f, e) => {
     ],
     u: "1f3b4"
   }
-], dn = [
+], Zn = [
   {
     n: [
       "earth globe europe-africa",
@@ -8252,7 +8109,7 @@ const x = (f, e) => {
     ],
     u: "1f30a"
   }
-], gn = [
+], Hn = [
   {
     n: [
       "speaker with cancellation stroke",
@@ -9316,7 +9173,7 @@ const x = (f, e) => {
     ],
     u: "1f6d2"
   }
-], mn = [
+], Gn = [
   {
     n: [
       "automated teller machine",
@@ -10714,7 +10571,7 @@ const x = (f, e) => {
     ],
     u: "1f535"
   }
-], Mn = [
+], $n = [
   {
     n: [
       "chequered flag",
@@ -12594,15 +12451,15 @@ const x = (f, e) => {
     u: "1f3f4-e0067-e0062-e0077-e006c-e0073-e007f"
   }
 ];
-var pn = {
-  smileys_people: un,
-  animals_nature: rn,
-  food_drink: ln,
-  activities: cn,
-  travel_places: dn,
-  objects: gn,
-  symbols: mn,
-  flags: Mn
+var Xn = {
+  smileys_people: Jn,
+  animals_nature: Wn,
+  food_drink: Kn,
+  activities: Pn,
+  travel_places: Zn,
+  objects: Hn,
+  symbols: Gn,
+  flags: $n
 }, Te = [
   {
     key: "recent",
@@ -12650,9 +12507,9 @@ var pn = {
     u: "1f3f3-fe0f"
   }
 ];
-const hn = (f, e) => e.some((A) => f instanceof A);
+const fa = (f, e) => e.some((A) => f instanceof A);
 let xe, Se;
-function bn() {
+function ea() {
   return xe || (xe = [
     IDBDatabase,
     IDBObjectStore,
@@ -12661,56 +12518,56 @@ function bn() {
     IDBTransaction
   ]);
 }
-function yn() {
+function Aa() {
   return Se || (Se = [
     IDBCursor.prototype.advance,
     IDBCursor.prototype.continue,
     IDBCursor.prototype.continuePrimaryKey
   ]);
 }
-const He = /* @__PURE__ */ new WeakMap(), oe = /* @__PURE__ */ new WeakMap(), Ge = /* @__PURE__ */ new WeakMap(), te = /* @__PURE__ */ new WeakMap(), le = /* @__PURE__ */ new WeakMap();
-function vn(f) {
-  const e = new Promise((A, a) => {
-    const n = () => {
-      f.removeEventListener("success", s), f.removeEventListener("error", t);
-    }, s = () => {
-      A(nf(f.result)), n();
+const Ze = /* @__PURE__ */ new WeakMap(), se = /* @__PURE__ */ new WeakMap(), He = /* @__PURE__ */ new WeakMap(), ne = /* @__PURE__ */ new WeakMap(), le = /* @__PURE__ */ new WeakMap();
+function na(f) {
+  const e = new Promise((A, n) => {
+    const a = () => {
+      f.removeEventListener("success", i), f.removeEventListener("error", t);
+    }, i = () => {
+      A(af(f.result)), a();
     }, t = () => {
-      a(f.error), n();
+      n(f.error), a();
     };
-    f.addEventListener("success", s), f.addEventListener("error", t);
+    f.addEventListener("success", i), f.addEventListener("error", t);
   });
   return e.then((A) => {
-    A instanceof IDBCursor && He.set(A, f);
+    A instanceof IDBCursor && Ze.set(A, f);
   }).catch(() => {
   }), le.set(e, f), e;
 }
-function In(f) {
-  if (oe.has(f))
+function aa(f) {
+  if (se.has(f))
     return;
-  const e = new Promise((A, a) => {
-    const n = () => {
-      f.removeEventListener("complete", s), f.removeEventListener("error", t), f.removeEventListener("abort", t);
-    }, s = () => {
-      A(), n();
+  const e = new Promise((A, n) => {
+    const a = () => {
+      f.removeEventListener("complete", i), f.removeEventListener("error", t), f.removeEventListener("abort", t);
+    }, i = () => {
+      A(), a();
     }, t = () => {
-      a(f.error || new DOMException("AbortError", "AbortError")), n();
+      n(f.error || new DOMException("AbortError", "AbortError")), a();
     };
-    f.addEventListener("complete", s), f.addEventListener("error", t), f.addEventListener("abort", t);
+    f.addEventListener("complete", i), f.addEventListener("error", t), f.addEventListener("abort", t);
   });
-  oe.set(f, e);
+  se.set(f, e);
 }
-let ue = {
+let oe = {
   get(f, e, A) {
     if (f instanceof IDBTransaction) {
       if (e === "done")
-        return oe.get(f);
+        return se.get(f);
       if (e === "objectStoreNames")
-        return f.objectStoreNames || Ge.get(f);
+        return f.objectStoreNames || He.get(f);
       if (e === "store")
         return A.objectStoreNames[1] ? void 0 : A.objectStore(A.objectStoreNames[0]);
     }
-    return nf(f[e]);
+    return af(f[e]);
   },
   set(f, e, A) {
     return f[e] = A, !0;
@@ -12719,73 +12576,73 @@ let ue = {
     return f instanceof IDBTransaction && (e === "done" || e === "store") ? !0 : e in f;
   }
 };
-function Nn(f) {
-  ue = f(ue);
+function ta(f) {
+  oe = f(oe);
 }
-function wn(f) {
+function ia(f) {
   return f === IDBDatabase.prototype.transaction && !("objectStoreNames" in IDBTransaction.prototype) ? function(e, ...A) {
-    const a = f.call(se(this), e, ...A);
-    return Ge.set(a, e.sort ? e.sort() : [e]), nf(a);
-  } : yn().includes(f) ? function(...e) {
-    return f.apply(se(this), e), nf(He.get(this));
+    const n = f.call(ae(this), e, ...A);
+    return He.set(n, e.sort ? e.sort() : [e]), af(n);
+  } : Aa().includes(f) ? function(...e) {
+    return f.apply(ae(this), e), af(Ze.get(this));
   } : function(...e) {
-    return nf(f.apply(se(this), e));
+    return af(f.apply(ae(this), e));
   };
 }
-function Dn(f) {
-  return typeof f == "function" ? wn(f) : (f instanceof IDBTransaction && In(f), hn(f, bn()) ? new Proxy(f, ue) : f);
+function sa(f) {
+  return typeof f == "function" ? ia(f) : (f instanceof IDBTransaction && aa(f), fa(f, ea()) ? new Proxy(f, oe) : f);
 }
-function nf(f) {
+function af(f) {
   if (f instanceof IDBRequest)
-    return vn(f);
-  if (te.has(f))
-    return te.get(f);
-  const e = Dn(f);
-  return e !== f && (te.set(f, e), le.set(e, f)), e;
+    return na(f);
+  if (ne.has(f))
+    return ne.get(f);
+  const e = sa(f);
+  return e !== f && (ne.set(f, e), le.set(e, f)), e;
 }
-const se = (f) => le.get(f);
-function ce(f, e, { blocked: A, upgrade: a, blocking: n, terminated: s } = {}) {
-  const t = indexedDB.open(f, e), i = nf(t);
-  return a && t.addEventListener("upgradeneeded", (o) => {
-    a(nf(t.result), o.oldVersion, o.newVersion, nf(t.transaction), o);
+const ae = (f) => le.get(f);
+function ce(f, e, { blocked: A, upgrade: n, blocking: a, terminated: i } = {}) {
+  const t = indexedDB.open(f, e), s = af(t);
+  return n && t.addEventListener("upgradeneeded", (o) => {
+    n(af(t.result), o.oldVersion, o.newVersion, af(t.transaction), o);
   }), A && t.addEventListener("blocked", (o) => A(
     o.oldVersion,
     o.newVersion,
     o
-  )), i.then((o) => {
-    s && o.addEventListener("close", () => s()), n && o.addEventListener("versionchange", (r) => n(r.oldVersion, r.newVersion, r));
+  )), s.then((o) => {
+    i && o.addEventListener("close", () => i()), a && o.addEventListener("versionchange", (l) => a(l.oldVersion, l.newVersion, l));
   }).catch(() => {
-  }), i;
+  }), s;
 }
-const _n = ["get", "getKey", "getAll", "getAllKeys", "count"], kn = ["put", "add", "delete", "clear"], ie = /* @__PURE__ */ new Map();
+const oa = ["get", "getKey", "getAll", "getAllKeys", "count"], ua = ["put", "add", "delete", "clear"], te = /* @__PURE__ */ new Map();
 function ze(f, e) {
   if (!(f instanceof IDBDatabase && !(e in f) && typeof e == "string"))
     return;
-  if (ie.get(e))
-    return ie.get(e);
-  const A = e.replace(/FromIndex$/, ""), a = e !== A, n = kn.includes(A);
-  if (!(A in (a ? IDBIndex : IDBObjectStore).prototype) || !(n || _n.includes(A)))
+  if (te.get(e))
+    return te.get(e);
+  const A = e.replace(/FromIndex$/, ""), n = e !== A, a = ua.includes(A);
+  if (!(A in (n ? IDBIndex : IDBObjectStore).prototype) || !(a || oa.includes(A)))
     return;
-  const s = async function(t, ...i) {
-    const o = this.transaction(t, n ? "readwrite" : "readonly");
-    let r = o.store;
-    return a && (r = r.index(i.shift())), (await Promise.all([
-      r[A](...i),
-      n && o.done
+  const i = async function(t, ...s) {
+    const o = this.transaction(t, a ? "readwrite" : "readonly");
+    let l = o.store;
+    return n && (l = l.index(s.shift())), (await Promise.all([
+      l[A](...s),
+      a && o.done
     ]))[0];
   };
-  return ie.set(e, s), s;
+  return te.set(e, i), i;
 }
-Nn((f) => ({
+ta((f) => ({
   ...f,
-  get: (e, A, a) => ze(e, A) || f.get(e, A, a),
+  get: (e, A, n) => ze(e, A) || f.get(e, A, n),
   has: (e, A) => !!ze(e, A) || f.has(e, A)
 }));
-const de = "EMJ", mf = "emojis", ge = 3;
-async function jn() {
+const de = "EMJ", gf = "emojis", ge = 3;
+async function ra() {
   (await ce(de, ge, {
     upgrade(e, A) {
-      e.objectStoreNames.contains(mf) || e.createObjectStore(mf, {
+      e.objectStoreNames.contains(gf) || e.createObjectStore(gf, {
         keyPath: "id",
         autoIncrement: !0
       }).createIndex("id", "id", {
@@ -12794,8 +12651,8 @@ async function jn() {
     }
   })).close();
 }
-jn();
-const Vn = {
+ra();
+const la = {
   native: !1,
   hideSearch: !0,
   hideGroupIcons: !1,
@@ -12808,97 +12665,97 @@ const Vn = {
   groupOrder: [],
   groupIcons: {}
 };
-async function En() {
-  return await (await ce(de, ge)).transaction(mf, "readonly").objectStore(mf).getAll();
+async function ca() {
+  return await (await ce(de, ge)).transaction(gf, "readonly").objectStore(gf).getAll();
 }
-function Tn() {
-  const f = vA({
+function da() {
+  const f = yA({
     search: "",
-    emoji: Xa,
+    emoji: Cn,
     activeGroup: "",
     skinTone: Wf,
-    options: Vn,
+    options: la,
     additionalGroups: {},
     recent: [],
     get emojis() {
       return {
         recent: this.recent,
         ...this.options.additionalGroups,
-        ...pn
+        ...Xn
       };
     },
     get disabled() {
-      let c = Array.isArray(this.options.disabledGroups) ? this.options.disabledGroups : [];
-      return this.options.displayRecent || (c = ["recent", ...c]), c;
+      let d = Array.isArray(this.options.disabledGroups) ? this.options.disabledGroups : [];
+      return this.options.displayRecent || (d = ["recent", ...d]), d;
     },
     get groups() {
       return Te.filter(
-        (c) => !this.disabled.includes(c.key)
+        (d) => !this.disabled.includes(d.key)
       );
     },
     get orderedGroupKeys() {
-      const c = [
+      const d = [
         ...this.options.groupOrder,
         ...Object.keys(this.options.additionalGroups),
         ...Te.map((M) => M.key)
       ];
-      return [...new Set(c)].filter((M) => !this.disabled.includes(M));
+      return [...new Set(d)].filter((M) => !this.disabled.includes(M));
     }
   });
   function e() {
-    f.options.displayRecent && a();
+    f.options.displayRecent && n();
   }
   async function A() {
-    var c;
-    let M = await En();
-    return Array.isArray(M) && M.length ? M = JSON.parse(((c = M[0]) == null ? void 0 : c.value) || "") : M = [], M;
+    var d;
+    let M = await ca();
+    return Array.isArray(M) && M.length ? M = JSON.parse(((d = M[0]) == null ? void 0 : d.value) || "") : M = [], M;
   }
-  function a() {
-    A().then((c) => {
-      f.recent = c, r();
+  function n() {
+    A().then((d) => {
+      f.recent = d, l();
     });
   }
-  const n = (c) => {
-    f.search = c;
-  }, s = (c) => {
-    f.emoji = c;
-  }, t = (c) => {
-    f.activeGroup = c;
-  }, i = (c = Wf) => {
-    f.skinTone = c;
-  }, o = (c) => {
-    f.options = Object.assign({}, f.options, c), e();
+  const a = (d) => {
+    f.search = d;
+  }, i = (d) => {
+    f.emoji = d;
+  }, t = (d) => {
+    f.activeGroup = d;
+  }, s = (d = Wf) => {
+    f.skinTone = d;
+  }, o = (d) => {
+    f.options = Object.assign({}, f.options, d), e();
   };
-  async function r() {
-    (await ce(de, ge)).transaction(mf, "readwrite").objectStore(mf).put({
+  async function l() {
+    (await ce(de, ge)).transaction(gf, "readwrite").objectStore(gf).put({
       id: 0,
       value: JSON.stringify(f.recent)
     });
   }
-  const d = (c) => {
+  const c = (d) => {
     if (f.options.displayRecent !== !0)
       return;
-    const M = f.recent.findIndex((m) => m.u === c.u);
+    const M = f.recent.findIndex((m) => m.u === d.u);
     if (M > 0 && f.recent.splice(M, 1), M === 0)
       return;
-    const b = { u: c.u, n: Je(c.n) };
-    f.recent = [b, ...f.recent], f.recent.length > 24 && (f.recent.length = 24), r();
+    const b = { u: d.u, n: Fe(d.n) };
+    f.recent = [b, ...f.recent], f.recent.length > 24 && (f.recent.length = 24), l();
   };
   return {
-    state: IA(f),
-    updateSearch: n,
-    updateEmoji: s,
+    state: vA(f),
+    updateSearch: a,
+    updateEmoji: i,
     updateActiveGroup: t,
-    updateSkinTone: i,
+    updateSkinTone: s,
     updateOptions: o,
-    updateSelect: d
+    updateSelect: c
   };
 }
-var B = "top", W = "bottom", K = "right", Y = "left", me = "auto", Sf = [B, W, K, Y], Mf = "start", Ef = "end", xn = "clippingParents", $e = "viewport", _f = "popper", Sn = "reference", Oe = /* @__PURE__ */ Sf.reduce(function(f, e) {
-  return f.concat([e + "-" + Mf, e + "-" + Ef]);
-}, []), Xe = /* @__PURE__ */ [].concat(Sf, [me]).reduce(function(f, e) {
-  return f.concat([e, e + "-" + Mf, e + "-" + Ef]);
-}, []), zn = "beforeRead", On = "read", Cn = "afterRead", Un = "beforeMain", Ln = "main", Qn = "afterMain", Bn = "beforeWrite", Yn = "write", Rn = "afterWrite", qn = [zn, On, Cn, Un, Ln, Qn, Bn, Yn, Rn];
+var Y = "top", K = "bottom", P = "right", R = "left", me = "auto", Sf = [Y, K, P, R], mf = "start", Ef = "end", ga = "clippingParents", Ge = "viewport", Df = "popper", ma = "reference", Oe = /* @__PURE__ */ Sf.reduce(function(f, e) {
+  return f.concat([e + "-" + mf, e + "-" + Ef]);
+}, []), $e = /* @__PURE__ */ [].concat(Sf, [me]).reduce(function(f, e) {
+  return f.concat([e, e + "-" + mf, e + "-" + Ef]);
+}, []), Ma = "beforeRead", pa = "read", ha = "afterRead", ba = "beforeMain", ya = "main", va = "afterMain", Ia = "beforeWrite", Na = "write", wa = "afterWrite", Da = [Ma, pa, ha, ba, ya, va, Ia, Na, wa];
 function ef(f) {
   return f ? (f.nodeName || "").toLowerCase() : null;
 }
@@ -12911,31 +12768,31 @@ function H(f) {
   }
   return f;
 }
-function pf(f) {
+function Mf(f) {
   var e = H(f).Element;
   return f instanceof e || f instanceof Element;
 }
-function J(f) {
+function W(f) {
   var e = H(f).HTMLElement;
   return f instanceof e || f instanceof HTMLElement;
 }
-function fA(f) {
+function Xe(f) {
   if (typeof ShadowRoot > "u")
     return !1;
   var e = H(f).ShadowRoot;
   return f instanceof e || f instanceof ShadowRoot;
 }
-function Fn(f) {
+function _a(f) {
   var e = f.state;
   Object.keys(e.elements).forEach(function(A) {
-    var a = e.styles[A] || {}, n = e.attributes[A] || {}, s = e.elements[A];
-    !J(s) || !ef(s) || (Object.assign(s.style, a), Object.keys(n).forEach(function(t) {
-      var i = n[t];
-      i === !1 ? s.removeAttribute(t) : s.setAttribute(t, i === !0 ? "" : i);
+    var n = e.styles[A] || {}, a = e.attributes[A] || {}, i = e.elements[A];
+    !W(i) || !ef(i) || (Object.assign(i.style, n), Object.keys(a).forEach(function(t) {
+      var s = a[t];
+      s === !1 ? i.removeAttribute(t) : i.setAttribute(t, s === !0 ? "" : s);
     }));
   });
 }
-function Jn(f) {
+function ka(f) {
   var e = f.state, A = {
     popper: {
       position: e.options.strategy,
@@ -12949,103 +12806,103 @@ function Jn(f) {
     reference: {}
   };
   return Object.assign(e.elements.popper.style, A.popper), e.styles = A, e.elements.arrow && Object.assign(e.elements.arrow.style, A.arrow), function() {
-    Object.keys(e.elements).forEach(function(a) {
-      var n = e.elements[a], s = e.attributes[a] || {}, t = Object.keys(e.styles.hasOwnProperty(a) ? e.styles[a] : A[a]), i = t.reduce(function(o, r) {
-        return o[r] = "", o;
+    Object.keys(e.elements).forEach(function(n) {
+      var a = e.elements[n], i = e.attributes[n] || {}, t = Object.keys(e.styles.hasOwnProperty(n) ? e.styles[n] : A[n]), s = t.reduce(function(o, l) {
+        return o[l] = "", o;
       }, {});
-      !J(n) || !ef(n) || (Object.assign(n.style, i), Object.keys(s).forEach(function(o) {
-        n.removeAttribute(o);
+      !W(a) || !ef(a) || (Object.assign(a.style, s), Object.keys(i).forEach(function(o) {
+        a.removeAttribute(o);
       }));
     });
   };
 }
-var Wn = {
+var ja = {
   name: "applyStyles",
   enabled: !0,
   phase: "write",
-  fn: Fn,
-  effect: Jn,
+  fn: _a,
+  effect: ka,
   requires: ["computeStyles"]
 };
-function $(f) {
+function G(f) {
   return f.split("-")[0];
 }
-var lf = Math.max, Kf = Math.min, hf = Math.round;
-function bf(f, e) {
+var lf = Math.max, Kf = Math.min, pf = Math.round;
+function hf(f, e) {
   e === void 0 && (e = !1);
-  var A = f.getBoundingClientRect(), a = 1, n = 1;
-  if (J(f) && e) {
-    var s = f.offsetHeight, t = f.offsetWidth;
-    t > 0 && (a = hf(A.width) / t || 1), s > 0 && (n = hf(A.height) / s || 1);
+  var A = f.getBoundingClientRect(), n = 1, a = 1;
+  if (W(f) && e) {
+    var i = f.offsetHeight, t = f.offsetWidth;
+    t > 0 && (n = pf(A.width) / t || 1), i > 0 && (a = pf(A.height) / i || 1);
   }
   return {
-    width: A.width / a,
-    height: A.height / n,
-    top: A.top / n,
-    right: A.right / a,
-    bottom: A.bottom / n,
-    left: A.left / a,
-    x: A.left / a,
-    y: A.top / n
+    width: A.width / n,
+    height: A.height / a,
+    top: A.top / a,
+    right: A.right / n,
+    bottom: A.bottom / a,
+    left: A.left / n,
+    x: A.left / n,
+    y: A.top / a
   };
 }
 function Me(f) {
-  var e = bf(f), A = f.offsetWidth, a = f.offsetHeight;
-  return Math.abs(e.width - A) <= 1 && (A = e.width), Math.abs(e.height - a) <= 1 && (a = e.height), {
+  var e = hf(f), A = f.offsetWidth, n = f.offsetHeight;
+  return Math.abs(e.width - A) <= 1 && (A = e.width), Math.abs(e.height - n) <= 1 && (n = e.height), {
     x: f.offsetLeft,
     y: f.offsetTop,
     width: A,
-    height: a
+    height: n
   };
 }
-function eA(f, e) {
+function fA(f, e) {
   var A = e.getRootNode && e.getRootNode();
   if (f.contains(e))
     return !0;
-  if (A && fA(A)) {
-    var a = e;
+  if (A && Xe(A)) {
+    var n = e;
     do {
-      if (a && f.isSameNode(a))
+      if (n && f.isSameNode(n))
         return !0;
-      a = a.parentNode || a.host;
-    } while (a);
+      n = n.parentNode || n.host;
+    } while (n);
   }
   return !1;
 }
 function Af(f) {
   return H(f).getComputedStyle(f);
 }
-function Kn(f) {
+function Va(f) {
   return ["table", "td", "th"].indexOf(ef(f)) >= 0;
 }
 function tf(f) {
-  return ((pf(f) ? f.ownerDocument : f.document) || window.document).documentElement;
+  return ((Mf(f) ? f.ownerDocument : f.document) || window.document).documentElement;
 }
-function Xf(f) {
-  return ef(f) === "html" ? f : f.assignedSlot || f.parentNode || (fA(f) ? f.host : null) || tf(f);
+function $f(f) {
+  return ef(f) === "html" ? f : f.assignedSlot || f.parentNode || (Xe(f) ? f.host : null) || tf(f);
 }
 function Ce(f) {
-  return !J(f) || Af(f).position === "fixed" ? null : f.offsetParent;
+  return !W(f) || Af(f).position === "fixed" ? null : f.offsetParent;
 }
-function Zn(f) {
+function Ea(f) {
   var e = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1, A = navigator.userAgent.indexOf("Trident") !== -1;
-  if (A && J(f)) {
-    var a = Af(f);
-    if (a.position === "fixed")
+  if (A && W(f)) {
+    var n = Af(f);
+    if (n.position === "fixed")
       return null;
   }
-  for (var n = Xf(f); J(n) && ["html", "body"].indexOf(ef(n)) < 0; ) {
-    var s = Af(n);
-    if (s.transform !== "none" || s.perspective !== "none" || s.contain === "paint" || ["transform", "perspective"].indexOf(s.willChange) !== -1 || e && s.willChange === "filter" || e && s.filter && s.filter !== "none")
-      return n;
-    n = n.parentNode;
+  for (var a = $f(f); W(a) && ["html", "body"].indexOf(ef(a)) < 0; ) {
+    var i = Af(a);
+    if (i.transform !== "none" || i.perspective !== "none" || i.contain === "paint" || ["transform", "perspective"].indexOf(i.willChange) !== -1 || e && i.willChange === "filter" || e && i.filter && i.filter !== "none")
+      return a;
+    a = a.parentNode;
   }
   return null;
 }
 function zf(f) {
-  for (var e = H(f), A = Ce(f); A && Kn(A) && Af(A).position === "static"; )
+  for (var e = H(f), A = Ce(f); A && Va(A) && Af(A).position === "static"; )
     A = Ce(A);
-  return A && (ef(A) === "html" || ef(A) === "body" && Af(A).position === "static") ? e : A || Zn(f) || e;
+  return A && (ef(A) === "html" || ef(A) === "body" && Af(A).position === "static") ? e : A || Ea(f) || e;
 }
 function pe(f) {
   return ["top", "bottom"].indexOf(f) >= 0 ? "x" : "y";
@@ -13053,11 +12910,11 @@ function pe(f) {
 function kf(f, e, A) {
   return lf(f, Kf(e, A));
 }
-function Pn(f, e, A) {
-  var a = kf(f, e, A);
-  return a > A ? A : a;
+function Ta(f, e, A) {
+  var n = kf(f, e, A);
+  return n > A ? A : n;
 }
-function AA() {
+function eA() {
   return {
     top: 0,
     right: 0,
@@ -13065,94 +12922,94 @@ function AA() {
     left: 0
   };
 }
-function aA(f) {
-  return Object.assign({}, AA(), f);
+function AA(f) {
+  return Object.assign({}, eA(), f);
 }
 function nA(f, e) {
-  return e.reduce(function(A, a) {
-    return A[a] = f, A;
+  return e.reduce(function(A, n) {
+    return A[n] = f, A;
   }, {});
 }
-var Hn = function(e, A) {
+var xa = function(e, A) {
   return e = typeof e == "function" ? e(Object.assign({}, A.rects, {
     placement: A.placement
-  })) : e, aA(typeof e != "number" ? e : nA(e, Sf));
+  })) : e, AA(typeof e != "number" ? e : nA(e, Sf));
 };
-function Gn(f) {
-  var e, A = f.state, a = f.name, n = f.options, s = A.elements.arrow, t = A.modifiersData.popperOffsets, i = $(A.placement), o = pe(i), r = [Y, K].indexOf(i) >= 0, d = r ? "height" : "width";
-  if (!(!s || !t)) {
-    var c = Hn(n.padding, A), M = Me(s), b = o === "y" ? B : Y, m = o === "y" ? W : K, h = A.rects.reference[d] + A.rects.reference[o] - t[o] - A.rects.popper[d], p = t[o] - A.rects.reference[o], I = zf(s), w = I ? o === "y" ? I.clientHeight || 0 : I.clientWidth || 0 : 0, _ = h / 2 - p / 2, D = c[b], E = w - M[d] - c[m], k = w / 2 - M[d] / 2 + _, j = kf(D, k, E), S = o;
-    A.modifiersData[a] = (e = {}, e[S] = j, e.centerOffset = j - k, e);
+function Sa(f) {
+  var e, A = f.state, n = f.name, a = f.options, i = A.elements.arrow, t = A.modifiersData.popperOffsets, s = G(A.placement), o = pe(s), l = [R, P].indexOf(s) >= 0, c = l ? "height" : "width";
+  if (!(!i || !t)) {
+    var d = xa(a.padding, A), M = Me(i), b = o === "y" ? Y : R, m = o === "y" ? K : P, h = A.rects.reference[c] + A.rects.reference[o] - t[o] - A.rects.popper[c], p = t[o] - A.rects.reference[o], I = zf(i), w = I ? o === "y" ? I.clientHeight || 0 : I.clientWidth || 0 : 0, _ = h / 2 - p / 2, D = d[b], V = w - M[c] - d[m], k = w / 2 - M[c] / 2 + _, j = kf(D, k, V), S = o;
+    A.modifiersData[n] = (e = {}, e[S] = j, e.centerOffset = j - k, e);
   }
 }
-function $n(f) {
-  var e = f.state, A = f.options, a = A.element, n = a === void 0 ? "[data-popper-arrow]" : a;
-  n != null && (typeof n == "string" && (n = e.elements.popper.querySelector(n), !n) || eA(e.elements.popper, n) && (e.elements.arrow = n));
+function za(f) {
+  var e = f.state, A = f.options, n = A.element, a = n === void 0 ? "[data-popper-arrow]" : n;
+  a != null && (typeof a == "string" && (a = e.elements.popper.querySelector(a), !a) || fA(e.elements.popper, a) && (e.elements.arrow = a));
 }
-var Xn = {
+var Oa = {
   name: "arrow",
   enabled: !0,
   phase: "main",
-  fn: Gn,
-  effect: $n,
+  fn: Sa,
+  effect: za,
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
 };
-function yf(f) {
+function bf(f) {
   return f.split("-")[1];
 }
-var ft = {
+var Ca = {
   top: "auto",
   right: "auto",
   bottom: "auto",
   left: "auto"
 };
-function et(f) {
-  var e = f.x, A = f.y, a = window, n = a.devicePixelRatio || 1;
+function Ua(f) {
+  var e = f.x, A = f.y, n = window, a = n.devicePixelRatio || 1;
   return {
-    x: hf(e * n) / n || 0,
-    y: hf(A * n) / n || 0
+    x: pf(e * a) / a || 0,
+    y: pf(A * a) / a || 0
   };
 }
 function Ue(f) {
-  var e, A = f.popper, a = f.popperRect, n = f.placement, s = f.variation, t = f.offsets, i = f.position, o = f.gpuAcceleration, r = f.adaptive, d = f.roundOffsets, c = f.isFixed, M = d === !0 ? et(t) : typeof d == "function" ? d(t) : t, b = M.x, m = b === void 0 ? 0 : b, h = M.y, p = h === void 0 ? 0 : h, I = t.hasOwnProperty("x"), w = t.hasOwnProperty("y"), _ = Y, D = B, E = window;
-  if (r) {
+  var e, A = f.popper, n = f.popperRect, a = f.placement, i = f.variation, t = f.offsets, s = f.position, o = f.gpuAcceleration, l = f.adaptive, c = f.roundOffsets, d = f.isFixed, M = c === !0 ? Ua(t) : typeof c == "function" ? c(t) : t, b = M.x, m = b === void 0 ? 0 : b, h = M.y, p = h === void 0 ? 0 : h, I = t.hasOwnProperty("x"), w = t.hasOwnProperty("y"), _ = R, D = Y, V = window;
+  if (l) {
     var k = zf(A), j = "clientHeight", S = "clientWidth";
-    if (k === H(A) && (k = tf(A), Af(k).position !== "static" && i === "absolute" && (j = "scrollHeight", S = "scrollWidth")), k = k, n === B || (n === Y || n === K) && s === Ef) {
-      D = W;
-      var U = c && E.visualViewport ? E.visualViewport.height : k[j];
-      p -= U - a.height, p *= o ? 1 : -1;
+    if (k === H(A) && (k = tf(A), Af(k).position !== "static" && s === "absolute" && (j = "scrollHeight", S = "scrollWidth")), k = k, a === Y || (a === R || a === P) && i === Ef) {
+      D = K;
+      var U = d && V.visualViewport ? V.visualViewport.height : k[j];
+      p -= U - n.height, p *= o ? 1 : -1;
     }
-    if (n === Y || (n === B || n === W) && s === Ef) {
-      _ = K;
-      var O = c && E.visualViewport ? E.visualViewport.width : k[S];
-      m -= O - a.width, m *= o ? 1 : -1;
+    if (a === R || (a === Y || a === K) && i === Ef) {
+      _ = P;
+      var O = d && V.visualViewport ? V.visualViewport.width : k[S];
+      m -= O - n.width, m *= o ? 1 : -1;
     }
   }
   var C = Object.assign({
-    position: i
-  }, r && ft);
+    position: s
+  }, l && Ca);
   if (o) {
-    var Q;
-    return Object.assign({}, C, (Q = {}, Q[D] = w ? "0" : "", Q[_] = I ? "0" : "", Q.transform = (E.devicePixelRatio || 1) <= 1 ? "translate(" + m + "px, " + p + "px)" : "translate3d(" + m + "px, " + p + "px, 0)", Q));
+    var L;
+    return Object.assign({}, C, (L = {}, L[D] = w ? "0" : "", L[_] = I ? "0" : "", L.transform = (V.devicePixelRatio || 1) <= 1 ? "translate(" + m + "px, " + p + "px)" : "translate3d(" + m + "px, " + p + "px, 0)", L));
   }
   return Object.assign({}, C, (e = {}, e[D] = w ? p + "px" : "", e[_] = I ? m + "px" : "", e.transform = "", e));
 }
-function At(f) {
-  var e = f.state, A = f.options, a = A.gpuAcceleration, n = a === void 0 ? !0 : a, s = A.adaptive, t = s === void 0 ? !0 : s, i = A.roundOffsets, o = i === void 0 ? !0 : i, r = {
-    placement: $(e.placement),
-    variation: yf(e.placement),
+function La(f) {
+  var e = f.state, A = f.options, n = A.gpuAcceleration, a = n === void 0 ? !0 : n, i = A.adaptive, t = i === void 0 ? !0 : i, s = A.roundOffsets, o = s === void 0 ? !0 : s, l = {
+    placement: G(e.placement),
+    variation: bf(e.placement),
     popper: e.elements.popper,
     popperRect: e.rects.popper,
-    gpuAcceleration: n,
+    gpuAcceleration: a,
     isFixed: e.options.strategy === "fixed"
   };
-  e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, Ue(Object.assign({}, r, {
+  e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, Ue(Object.assign({}, l, {
     offsets: e.modifiersData.popperOffsets,
     position: e.options.strategy,
     adaptive: t,
     roundOffsets: o
-  })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, Ue(Object.assign({}, r, {
+  })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, Ue(Object.assign({}, l, {
     offsets: e.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
@@ -13161,34 +13018,34 @@ function At(f) {
     "data-popper-placement": e.placement
   });
 }
-var at = {
+var Qa = {
   name: "computeStyles",
   enabled: !0,
   phase: "beforeWrite",
-  fn: At,
+  fn: La,
   data: {}
 }, Rf = {
   passive: !0
 };
-function nt(f) {
-  var e = f.state, A = f.instance, a = f.options, n = a.scroll, s = n === void 0 ? !0 : n, t = a.resize, i = t === void 0 ? !0 : t, o = H(e.elements.popper), r = [].concat(e.scrollParents.reference, e.scrollParents.popper);
-  return s && r.forEach(function(d) {
-    d.addEventListener("scroll", A.update, Rf);
-  }), i && o.addEventListener("resize", A.update, Rf), function() {
-    s && r.forEach(function(d) {
-      d.removeEventListener("scroll", A.update, Rf);
-    }), i && o.removeEventListener("resize", A.update, Rf);
+function Ba(f) {
+  var e = f.state, A = f.instance, n = f.options, a = n.scroll, i = a === void 0 ? !0 : a, t = n.resize, s = t === void 0 ? !0 : t, o = H(e.elements.popper), l = [].concat(e.scrollParents.reference, e.scrollParents.popper);
+  return i && l.forEach(function(c) {
+    c.addEventListener("scroll", A.update, Rf);
+  }), s && o.addEventListener("resize", A.update, Rf), function() {
+    i && l.forEach(function(c) {
+      c.removeEventListener("scroll", A.update, Rf);
+    }), s && o.removeEventListener("resize", A.update, Rf);
   };
 }
-var tt = {
+var Ya = {
   name: "eventListeners",
   enabled: !0,
   phase: "write",
   fn: function() {
   },
-  effect: nt,
+  effect: Ba,
   data: {}
-}, st = {
+}, Ra = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -13196,60 +13053,60 @@ var tt = {
 };
 function Ff(f) {
   return f.replace(/left|right|bottom|top/g, function(e) {
-    return st[e];
+    return Ra[e];
   });
 }
-var it = {
+var qa = {
   start: "end",
   end: "start"
 };
 function Le(f) {
   return f.replace(/start|end/g, function(e) {
-    return it[e];
+    return qa[e];
   });
 }
 function he(f) {
-  var e = H(f), A = e.pageXOffset, a = e.pageYOffset;
+  var e = H(f), A = e.pageXOffset, n = e.pageYOffset;
   return {
     scrollLeft: A,
-    scrollTop: a
+    scrollTop: n
   };
 }
 function be(f) {
-  return bf(tf(f)).left + he(f).scrollLeft;
+  return hf(tf(f)).left + he(f).scrollLeft;
 }
-function ot(f) {
-  var e = H(f), A = tf(f), a = e.visualViewport, n = A.clientWidth, s = A.clientHeight, t = 0, i = 0;
-  return a && (n = a.width, s = a.height, /^((?!chrome|android).)*safari/i.test(navigator.userAgent) || (t = a.offsetLeft, i = a.offsetTop)), {
-    width: n,
-    height: s,
+function Fa(f) {
+  var e = H(f), A = tf(f), n = e.visualViewport, a = A.clientWidth, i = A.clientHeight, t = 0, s = 0;
+  return n && (a = n.width, i = n.height, /^((?!chrome|android).)*safari/i.test(navigator.userAgent) || (t = n.offsetLeft, s = n.offsetTop)), {
+    width: a,
+    height: i,
     x: t + be(f),
-    y: i
+    y: s
   };
 }
-function ut(f) {
-  var e, A = tf(f), a = he(f), n = (e = f.ownerDocument) == null ? void 0 : e.body, s = lf(A.scrollWidth, A.clientWidth, n ? n.scrollWidth : 0, n ? n.clientWidth : 0), t = lf(A.scrollHeight, A.clientHeight, n ? n.scrollHeight : 0, n ? n.clientHeight : 0), i = -a.scrollLeft + be(f), o = -a.scrollTop;
-  return Af(n || A).direction === "rtl" && (i += lf(A.clientWidth, n ? n.clientWidth : 0) - s), {
-    width: s,
+function Ja(f) {
+  var e, A = tf(f), n = he(f), a = (e = f.ownerDocument) == null ? void 0 : e.body, i = lf(A.scrollWidth, A.clientWidth, a ? a.scrollWidth : 0, a ? a.clientWidth : 0), t = lf(A.scrollHeight, A.clientHeight, a ? a.scrollHeight : 0, a ? a.clientHeight : 0), s = -n.scrollLeft + be(f), o = -n.scrollTop;
+  return Af(a || A).direction === "rtl" && (s += lf(A.clientWidth, a ? a.clientWidth : 0) - i), {
+    width: i,
     height: t,
-    x: i,
+    x: s,
     y: o
   };
 }
 function ye(f) {
-  var e = Af(f), A = e.overflow, a = e.overflowX, n = e.overflowY;
-  return /auto|scroll|overlay|hidden/.test(A + n + a);
+  var e = Af(f), A = e.overflow, n = e.overflowX, a = e.overflowY;
+  return /auto|scroll|overlay|hidden/.test(A + a + n);
 }
-function tA(f) {
-  return ["html", "body", "#document"].indexOf(ef(f)) >= 0 ? f.ownerDocument.body : J(f) && ye(f) ? f : tA(Xf(f));
+function aA(f) {
+  return ["html", "body", "#document"].indexOf(ef(f)) >= 0 ? f.ownerDocument.body : W(f) && ye(f) ? f : aA($f(f));
 }
 function jf(f, e) {
   var A;
   e === void 0 && (e = []);
-  var a = tA(f), n = a === ((A = f.ownerDocument) == null ? void 0 : A.body), s = H(a), t = n ? [s].concat(s.visualViewport || [], ye(a) ? a : []) : a, i = e.concat(t);
-  return n ? i : i.concat(jf(Xf(t)));
+  var n = aA(f), a = n === ((A = f.ownerDocument) == null ? void 0 : A.body), i = H(n), t = a ? [i].concat(i.visualViewport || [], ye(n) ? n : []) : n, s = e.concat(t);
+  return a ? s : s.concat(jf($f(t)));
 }
-function re(f) {
+function ue(f) {
   return Object.assign({}, f, {
     left: f.x,
     top: f.y,
@@ -13257,51 +13114,51 @@ function re(f) {
     bottom: f.y + f.height
   });
 }
-function rt(f) {
-  var e = bf(f);
+function Wa(f) {
+  var e = hf(f);
   return e.top = e.top + f.clientTop, e.left = e.left + f.clientLeft, e.bottom = e.top + f.clientHeight, e.right = e.left + f.clientWidth, e.width = f.clientWidth, e.height = f.clientHeight, e.x = e.left, e.y = e.top, e;
 }
 function Qe(f, e) {
-  return e === $e ? re(ot(f)) : pf(e) ? rt(e) : re(ut(tf(f)));
+  return e === Ge ? ue(Fa(f)) : Mf(e) ? Wa(e) : ue(Ja(tf(f)));
 }
-function lt(f) {
-  var e = jf(Xf(f)), A = ["absolute", "fixed"].indexOf(Af(f).position) >= 0, a = A && J(f) ? zf(f) : f;
-  return pf(a) ? e.filter(function(n) {
-    return pf(n) && eA(n, a) && ef(n) !== "body" && (A ? Af(n).position !== "static" : !0);
+function Ka(f) {
+  var e = jf($f(f)), A = ["absolute", "fixed"].indexOf(Af(f).position) >= 0, n = A && W(f) ? zf(f) : f;
+  return Mf(n) ? e.filter(function(a) {
+    return Mf(a) && fA(a, n) && ef(a) !== "body" && (A ? Af(a).position !== "static" : !0);
   }) : [];
 }
-function ct(f, e, A) {
-  var a = e === "clippingParents" ? lt(f) : [].concat(e), n = [].concat(a, [A]), s = n[0], t = n.reduce(function(i, o) {
-    var r = Qe(f, o);
-    return i.top = lf(r.top, i.top), i.right = Kf(r.right, i.right), i.bottom = Kf(r.bottom, i.bottom), i.left = lf(r.left, i.left), i;
-  }, Qe(f, s));
+function Pa(f, e, A) {
+  var n = e === "clippingParents" ? Ka(f) : [].concat(e), a = [].concat(n, [A]), i = a[0], t = a.reduce(function(s, o) {
+    var l = Qe(f, o);
+    return s.top = lf(l.top, s.top), s.right = Kf(l.right, s.right), s.bottom = Kf(l.bottom, s.bottom), s.left = lf(l.left, s.left), s;
+  }, Qe(f, i));
   return t.width = t.right - t.left, t.height = t.bottom - t.top, t.x = t.left, t.y = t.top, t;
 }
-function sA(f) {
-  var e = f.reference, A = f.element, a = f.placement, n = a ? $(a) : null, s = a ? yf(a) : null, t = e.x + e.width / 2 - A.width / 2, i = e.y + e.height / 2 - A.height / 2, o;
-  switch (n) {
-    case B:
+function tA(f) {
+  var e = f.reference, A = f.element, n = f.placement, a = n ? G(n) : null, i = n ? bf(n) : null, t = e.x + e.width / 2 - A.width / 2, s = e.y + e.height / 2 - A.height / 2, o;
+  switch (a) {
+    case Y:
       o = {
         x: t,
         y: e.y - A.height
       };
       break;
-    case W:
+    case K:
       o = {
         x: t,
         y: e.y + e.height
       };
       break;
-    case K:
+    case P:
       o = {
         x: e.x + e.width,
-        y: i
+        y: s
       };
       break;
-    case Y:
+    case R:
       o = {
         x: e.x - A.width,
-        y: i
+        y: s
       };
       break;
     default:
@@ -13310,15 +13167,15 @@ function sA(f) {
         y: e.y
       };
   }
-  var r = n ? pe(n) : null;
-  if (r != null) {
-    var d = r === "y" ? "height" : "width";
-    switch (s) {
-      case Mf:
-        o[r] = o[r] - (e[d] / 2 - A[d] / 2);
+  var l = a ? pe(a) : null;
+  if (l != null) {
+    var c = l === "y" ? "height" : "width";
+    switch (i) {
+      case mf:
+        o[l] = o[l] - (e[c] / 2 - A[c] / 2);
         break;
       case Ef:
-        o[r] = o[r] + (e[d] / 2 - A[d] / 2);
+        o[l] = o[l] + (e[c] / 2 - A[c] / 2);
         break;
     }
   }
@@ -13326,75 +13183,75 @@ function sA(f) {
 }
 function Tf(f, e) {
   e === void 0 && (e = {});
-  var A = e, a = A.placement, n = a === void 0 ? f.placement : a, s = A.boundary, t = s === void 0 ? xn : s, i = A.rootBoundary, o = i === void 0 ? $e : i, r = A.elementContext, d = r === void 0 ? _f : r, c = A.altBoundary, M = c === void 0 ? !1 : c, b = A.padding, m = b === void 0 ? 0 : b, h = aA(typeof m != "number" ? m : nA(m, Sf)), p = d === _f ? Sn : _f, I = f.rects.popper, w = f.elements[M ? p : d], _ = ct(pf(w) ? w : w.contextElement || tf(f.elements.popper), t, o), D = bf(f.elements.reference), E = sA({
+  var A = e, n = A.placement, a = n === void 0 ? f.placement : n, i = A.boundary, t = i === void 0 ? ga : i, s = A.rootBoundary, o = s === void 0 ? Ge : s, l = A.elementContext, c = l === void 0 ? Df : l, d = A.altBoundary, M = d === void 0 ? !1 : d, b = A.padding, m = b === void 0 ? 0 : b, h = AA(typeof m != "number" ? m : nA(m, Sf)), p = c === Df ? ma : Df, I = f.rects.popper, w = f.elements[M ? p : c], _ = Pa(Mf(w) ? w : w.contextElement || tf(f.elements.popper), t, o), D = hf(f.elements.reference), V = tA({
     reference: D,
     element: I,
     strategy: "absolute",
-    placement: n
-  }), k = re(Object.assign({}, I, E)), j = d === _f ? k : D, S = {
+    placement: a
+  }), k = ue(Object.assign({}, I, V)), j = c === Df ? k : D, S = {
     top: _.top - j.top + h.top,
     bottom: j.bottom - _.bottom + h.bottom,
     left: _.left - j.left + h.left,
     right: j.right - _.right + h.right
   }, U = f.modifiersData.offset;
-  if (d === _f && U) {
-    var O = U[n];
+  if (c === Df && U) {
+    var O = U[a];
     Object.keys(S).forEach(function(C) {
-      var Q = [K, W].indexOf(C) >= 0 ? 1 : -1, sf = [B, W].indexOf(C) >= 0 ? "y" : "x";
-      S[C] += O[sf] * Q;
+      var L = [P, K].indexOf(C) >= 0 ? 1 : -1, sf = [Y, K].indexOf(C) >= 0 ? "y" : "x";
+      S[C] += O[sf] * L;
     });
   }
   return S;
 }
-function dt(f, e) {
+function Za(f, e) {
   e === void 0 && (e = {});
-  var A = e, a = A.placement, n = A.boundary, s = A.rootBoundary, t = A.padding, i = A.flipVariations, o = A.allowedAutoPlacements, r = o === void 0 ? Xe : o, d = yf(a), c = d ? i ? Oe : Oe.filter(function(m) {
-    return yf(m) === d;
-  }) : Sf, M = c.filter(function(m) {
-    return r.indexOf(m) >= 0;
+  var A = e, n = A.placement, a = A.boundary, i = A.rootBoundary, t = A.padding, s = A.flipVariations, o = A.allowedAutoPlacements, l = o === void 0 ? $e : o, c = bf(n), d = c ? s ? Oe : Oe.filter(function(m) {
+    return bf(m) === c;
+  }) : Sf, M = d.filter(function(m) {
+    return l.indexOf(m) >= 0;
   });
-  M.length === 0 && (M = c);
+  M.length === 0 && (M = d);
   var b = M.reduce(function(m, h) {
     return m[h] = Tf(f, {
       placement: h,
-      boundary: n,
-      rootBoundary: s,
+      boundary: a,
+      rootBoundary: i,
       padding: t
-    })[$(h)], m;
+    })[G(h)], m;
   }, {});
   return Object.keys(b).sort(function(m, h) {
     return b[m] - b[h];
   });
 }
-function gt(f) {
-  if ($(f) === me)
+function Ha(f) {
+  if (G(f) === me)
     return [];
   var e = Ff(f);
   return [Le(f), e, Le(e)];
 }
-function mt(f) {
-  var e = f.state, A = f.options, a = f.name;
-  if (!e.modifiersData[a]._skip) {
-    for (var n = A.mainAxis, s = n === void 0 ? !0 : n, t = A.altAxis, i = t === void 0 ? !0 : t, o = A.fallbackPlacements, r = A.padding, d = A.boundary, c = A.rootBoundary, M = A.altBoundary, b = A.flipVariations, m = b === void 0 ? !0 : b, h = A.allowedAutoPlacements, p = e.options.placement, I = $(p), w = I === p, _ = o || (w || !m ? [Ff(p)] : gt(p)), D = [p].concat(_).reduce(function(cf, af) {
-      return cf.concat($(af) === me ? dt(e, {
-        placement: af,
-        boundary: d,
-        rootBoundary: c,
-        padding: r,
+function Ga(f) {
+  var e = f.state, A = f.options, n = f.name;
+  if (!e.modifiersData[n]._skip) {
+    for (var a = A.mainAxis, i = a === void 0 ? !0 : a, t = A.altAxis, s = t === void 0 ? !0 : t, o = A.fallbackPlacements, l = A.padding, c = A.boundary, d = A.rootBoundary, M = A.altBoundary, b = A.flipVariations, m = b === void 0 ? !0 : b, h = A.allowedAutoPlacements, p = e.options.placement, I = G(p), w = I === p, _ = o || (w || !m ? [Ff(p)] : Ha(p)), D = [p].concat(_).reduce(function(cf, nf) {
+      return cf.concat(G(nf) === me ? Za(e, {
+        placement: nf,
+        boundary: c,
+        rootBoundary: d,
+        padding: l,
         flipVariations: m,
         allowedAutoPlacements: h
-      }) : af);
-    }, []), E = e.rects.reference, k = e.rects.popper, j = /* @__PURE__ */ new Map(), S = !0, U = D[0], O = 0; O < D.length; O++) {
-      var C = D[O], Q = $(C), sf = yf(C) === Mf, If = [B, W].indexOf(Q) >= 0, Nf = If ? "width" : "height", R = Tf(e, {
+      }) : nf);
+    }, []), V = e.rects.reference, k = e.rects.popper, j = /* @__PURE__ */ new Map(), S = !0, U = D[0], O = 0; O < D.length; O++) {
+      var C = D[O], L = G(C), sf = bf(C) === mf, vf = [Y, K].indexOf(L) >= 0, If = vf ? "width" : "height", q = Tf(e, {
         placement: C,
-        boundary: d,
-        rootBoundary: c,
+        boundary: c,
+        rootBoundary: d,
         altBoundary: M,
-        padding: r
-      }), Z = If ? sf ? K : Y : sf ? W : B;
-      E[Nf] > k[Nf] && (Z = Ff(Z));
+        padding: l
+      }), Z = vf ? sf ? P : R : sf ? K : Y;
+      V[If] > k[If] && (Z = Ff(Z));
       var Cf = Ff(Z), of = [];
-      if (s && of.push(R[Q] <= 0), i && of.push(R[Z] <= 0, R[Cf] <= 0), of.every(function(cf) {
+      if (i && of.push(q[L] <= 0), s && of.push(q[Z] <= 0, q[Cf] <= 0), of.every(function(cf) {
         return cf;
       })) {
         U = C, S = !1;
@@ -13403,29 +13260,29 @@ function mt(f) {
       j.set(C, of);
     }
     if (S)
-      for (var Uf = m ? 3 : 1, fe = function(af) {
-        var Df = D.find(function(Qf) {
+      for (var Uf = m ? 3 : 1, Xf = function(nf) {
+        var wf = D.find(function(Qf) {
           var uf = j.get(Qf);
           if (uf)
-            return uf.slice(0, af).every(function(ee) {
-              return ee;
+            return uf.slice(0, nf).every(function(fe) {
+              return fe;
             });
         });
-        if (Df)
-          return U = Df, "break";
-      }, wf = Uf; wf > 0; wf--) {
-        var Lf = fe(wf);
+        if (wf)
+          return U = wf, "break";
+      }, Nf = Uf; Nf > 0; Nf--) {
+        var Lf = Xf(Nf);
         if (Lf === "break")
           break;
       }
-    e.placement !== U && (e.modifiersData[a]._skip = !0, e.placement = U, e.reset = !0);
+    e.placement !== U && (e.modifiersData[n]._skip = !0, e.placement = U, e.reset = !0);
   }
 }
-var Mt = {
+var $a = {
   name: "flip",
   enabled: !0,
   phase: "main",
-  fn: mt,
+  fn: Ga,
   requiresIfExists: ["offset"],
   data: {
     _skip: !1
@@ -13443,84 +13300,84 @@ function Be(f, e, A) {
   };
 }
 function Ye(f) {
-  return [B, K, W, Y].some(function(e) {
+  return [Y, P, K, R].some(function(e) {
     return f[e] >= 0;
   });
 }
-function pt(f) {
-  var e = f.state, A = f.name, a = e.rects.reference, n = e.rects.popper, s = e.modifiersData.preventOverflow, t = Tf(e, {
+function Xa(f) {
+  var e = f.state, A = f.name, n = e.rects.reference, a = e.rects.popper, i = e.modifiersData.preventOverflow, t = Tf(e, {
     elementContext: "reference"
-  }), i = Tf(e, {
+  }), s = Tf(e, {
     altBoundary: !0
-  }), o = Be(t, a), r = Be(i, n, s), d = Ye(o), c = Ye(r);
+  }), o = Be(t, n), l = Be(s, a, i), c = Ye(o), d = Ye(l);
   e.modifiersData[A] = {
     referenceClippingOffsets: o,
-    popperEscapeOffsets: r,
-    isReferenceHidden: d,
-    hasPopperEscaped: c
+    popperEscapeOffsets: l,
+    isReferenceHidden: c,
+    hasPopperEscaped: d
   }, e.attributes.popper = Object.assign({}, e.attributes.popper, {
-    "data-popper-reference-hidden": d,
-    "data-popper-escaped": c
+    "data-popper-reference-hidden": c,
+    "data-popper-escaped": d
   });
 }
-var ht = {
+var ft = {
   name: "hide",
   enabled: !0,
   phase: "main",
   requiresIfExists: ["preventOverflow"],
-  fn: pt
+  fn: Xa
 };
-function bt(f, e, A) {
-  var a = $(f), n = [Y, B].indexOf(a) >= 0 ? -1 : 1, s = typeof A == "function" ? A(Object.assign({}, e, {
+function et(f, e, A) {
+  var n = G(f), a = [R, Y].indexOf(n) >= 0 ? -1 : 1, i = typeof A == "function" ? A(Object.assign({}, e, {
     placement: f
-  })) : A, t = s[0], i = s[1];
-  return t = t || 0, i = (i || 0) * n, [Y, K].indexOf(a) >= 0 ? {
-    x: i,
+  })) : A, t = i[0], s = i[1];
+  return t = t || 0, s = (s || 0) * a, [R, P].indexOf(n) >= 0 ? {
+    x: s,
     y: t
   } : {
     x: t,
-    y: i
+    y: s
   };
 }
-function yt(f) {
-  var e = f.state, A = f.options, a = f.name, n = A.offset, s = n === void 0 ? [0, 0] : n, t = Xe.reduce(function(d, c) {
-    return d[c] = bt(c, e.rects, s), d;
-  }, {}), i = t[e.placement], o = i.x, r = i.y;
-  e.modifiersData.popperOffsets != null && (e.modifiersData.popperOffsets.x += o, e.modifiersData.popperOffsets.y += r), e.modifiersData[a] = t;
+function At(f) {
+  var e = f.state, A = f.options, n = f.name, a = A.offset, i = a === void 0 ? [0, 0] : a, t = $e.reduce(function(c, d) {
+    return c[d] = et(d, e.rects, i), c;
+  }, {}), s = t[e.placement], o = s.x, l = s.y;
+  e.modifiersData.popperOffsets != null && (e.modifiersData.popperOffsets.x += o, e.modifiersData.popperOffsets.y += l), e.modifiersData[n] = t;
 }
-var vt = {
+var nt = {
   name: "offset",
   enabled: !0,
   phase: "main",
   requires: ["popperOffsets"],
-  fn: yt
+  fn: At
 };
-function It(f) {
+function at(f) {
   var e = f.state, A = f.name;
-  e.modifiersData[A] = sA({
+  e.modifiersData[A] = tA({
     reference: e.rects.reference,
     element: e.rects.popper,
     strategy: "absolute",
     placement: e.placement
   });
 }
-var Nt = {
+var tt = {
   name: "popperOffsets",
   enabled: !0,
   phase: "read",
-  fn: It,
+  fn: at,
   data: {}
 };
-function wt(f) {
+function it(f) {
   return f === "x" ? "y" : "x";
 }
-function Dt(f) {
-  var e = f.state, A = f.options, a = f.name, n = A.mainAxis, s = n === void 0 ? !0 : n, t = A.altAxis, i = t === void 0 ? !1 : t, o = A.boundary, r = A.rootBoundary, d = A.altBoundary, c = A.padding, M = A.tether, b = M === void 0 ? !0 : M, m = A.tetherOffset, h = m === void 0 ? 0 : m, p = Tf(e, {
+function st(f) {
+  var e = f.state, A = f.options, n = f.name, a = A.mainAxis, i = a === void 0 ? !0 : a, t = A.altAxis, s = t === void 0 ? !1 : t, o = A.boundary, l = A.rootBoundary, c = A.altBoundary, d = A.padding, M = A.tether, b = M === void 0 ? !0 : M, m = A.tetherOffset, h = m === void 0 ? 0 : m, p = Tf(e, {
     boundary: o,
-    rootBoundary: r,
-    padding: c,
-    altBoundary: d
-  }), I = $(e.placement), w = yf(e.placement), _ = !w, D = pe(I), E = wt(D), k = e.modifiersData.popperOffsets, j = e.rects.reference, S = e.rects.popper, U = typeof h == "function" ? h(Object.assign({}, e.rects, {
+    rootBoundary: l,
+    padding: d,
+    altBoundary: c
+  }), I = G(e.placement), w = bf(e.placement), _ = !w, D = pe(I), V = it(D), k = e.modifiersData.popperOffsets, j = e.rects.reference, S = e.rects.popper, U = typeof h == "function" ? h(Object.assign({}, e.rects, {
     placement: e.placement
   })) : h, O = typeof U == "number" ? {
     mainAxis: U,
@@ -13528,89 +13385,89 @@ function Dt(f) {
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, U), C = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, Q = {
+  }, U), C = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, L = {
     x: 0,
     y: 0
   };
   if (k) {
-    if (s) {
-      var sf, If = D === "y" ? B : Y, Nf = D === "y" ? W : K, R = D === "y" ? "height" : "width", Z = k[D], Cf = Z + p[If], of = Z - p[Nf], Uf = b ? -S[R] / 2 : 0, fe = w === Mf ? j[R] : S[R], wf = w === Mf ? -S[R] : -j[R], Lf = e.elements.arrow, cf = b && Lf ? Me(Lf) : {
+    if (i) {
+      var sf, vf = D === "y" ? Y : R, If = D === "y" ? K : P, q = D === "y" ? "height" : "width", Z = k[D], Cf = Z + p[vf], of = Z - p[If], Uf = b ? -S[q] / 2 : 0, Xf = w === mf ? j[q] : S[q], Nf = w === mf ? -S[q] : -j[q], Lf = e.elements.arrow, cf = b && Lf ? Me(Lf) : {
         width: 0,
         height: 0
-      }, af = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : AA(), Df = af[If], Qf = af[Nf], uf = kf(0, j[R], cf[R]), ee = _ ? j[R] / 2 - Uf - uf - Df - O.mainAxis : fe - uf - Df - O.mainAxis, rA = _ ? -j[R] / 2 + Uf + uf + Qf + O.mainAxis : wf + uf + Qf + O.mainAxis, Ae = e.elements.arrow && zf(e.elements.arrow), lA = Ae ? D === "y" ? Ae.clientTop || 0 : Ae.clientLeft || 0 : 0, ve = (sf = C == null ? void 0 : C[D]) != null ? sf : 0, cA = Z + ee - ve - lA, dA = Z + rA - ve, Ie = kf(b ? Kf(Cf, cA) : Cf, Z, b ? lf(of, dA) : of);
-      k[D] = Ie, Q[D] = Ie - Z;
+      }, nf = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : eA(), wf = nf[vf], Qf = nf[If], uf = kf(0, j[q], cf[q]), fe = _ ? j[q] / 2 - Uf - uf - wf - O.mainAxis : Xf - uf - wf - O.mainAxis, uA = _ ? -j[q] / 2 + Uf + uf + Qf + O.mainAxis : Nf + uf + Qf + O.mainAxis, ee = e.elements.arrow && zf(e.elements.arrow), rA = ee ? D === "y" ? ee.clientTop || 0 : ee.clientLeft || 0 : 0, ve = (sf = C == null ? void 0 : C[D]) != null ? sf : 0, lA = Z + fe - ve - rA, cA = Z + uA - ve, Ie = kf(b ? Kf(Cf, lA) : Cf, Z, b ? lf(of, cA) : of);
+      k[D] = Ie, L[D] = Ie - Z;
     }
-    if (i) {
-      var Ne, gA = D === "x" ? B : Y, mA = D === "x" ? W : K, rf = k[E], Bf = E === "y" ? "height" : "width", we = rf + p[gA], De = rf - p[mA], ae = [B, Y].indexOf(I) !== -1, _e = (Ne = C == null ? void 0 : C[E]) != null ? Ne : 0, ke = ae ? we : rf - j[Bf] - S[Bf] - _e + O.altAxis, je = ae ? rf + j[Bf] + S[Bf] - _e - O.altAxis : De, Ve = b && ae ? Pn(ke, rf, je) : kf(b ? ke : we, rf, b ? je : De);
-      k[E] = Ve, Q[E] = Ve - rf;
+    if (s) {
+      var Ne, dA = D === "x" ? Y : R, gA = D === "x" ? K : P, rf = k[V], Bf = V === "y" ? "height" : "width", we = rf + p[dA], De = rf - p[gA], Ae = [Y, R].indexOf(I) !== -1, _e = (Ne = C == null ? void 0 : C[V]) != null ? Ne : 0, ke = Ae ? we : rf - j[Bf] - S[Bf] - _e + O.altAxis, je = Ae ? rf + j[Bf] + S[Bf] - _e - O.altAxis : De, Ve = b && Ae ? Ta(ke, rf, je) : kf(b ? ke : we, rf, b ? je : De);
+      k[V] = Ve, L[V] = Ve - rf;
     }
-    e.modifiersData[a] = Q;
+    e.modifiersData[n] = L;
   }
 }
-var _t = {
+var ot = {
   name: "preventOverflow",
   enabled: !0,
   phase: "main",
-  fn: Dt,
+  fn: st,
   requiresIfExists: ["offset"]
 };
-function kt(f) {
+function ut(f) {
   return {
     scrollLeft: f.scrollLeft,
     scrollTop: f.scrollTop
   };
 }
-function jt(f) {
-  return f === H(f) || !J(f) ? he(f) : kt(f);
+function rt(f) {
+  return f === H(f) || !W(f) ? he(f) : ut(f);
 }
-function Vt(f) {
-  var e = f.getBoundingClientRect(), A = hf(e.width) / f.offsetWidth || 1, a = hf(e.height) / f.offsetHeight || 1;
-  return A !== 1 || a !== 1;
+function lt(f) {
+  var e = f.getBoundingClientRect(), A = pf(e.width) / f.offsetWidth || 1, n = pf(e.height) / f.offsetHeight || 1;
+  return A !== 1 || n !== 1;
 }
-function Et(f, e, A) {
+function ct(f, e, A) {
   A === void 0 && (A = !1);
-  var a = J(e), n = J(e) && Vt(e), s = tf(e), t = bf(f, n), i = {
+  var n = W(e), a = W(e) && lt(e), i = tf(e), t = hf(f, a), s = {
     scrollLeft: 0,
     scrollTop: 0
   }, o = {
     x: 0,
     y: 0
   };
-  return (a || !a && !A) && ((ef(e) !== "body" || ye(s)) && (i = jt(e)), J(e) ? (o = bf(e, !0), o.x += e.clientLeft, o.y += e.clientTop) : s && (o.x = be(s))), {
-    x: t.left + i.scrollLeft - o.x,
-    y: t.top + i.scrollTop - o.y,
+  return (n || !n && !A) && ((ef(e) !== "body" || ye(i)) && (s = rt(e)), W(e) ? (o = hf(e, !0), o.x += e.clientLeft, o.y += e.clientTop) : i && (o.x = be(i))), {
+    x: t.left + s.scrollLeft - o.x,
+    y: t.top + s.scrollTop - o.y,
     width: t.width,
     height: t.height
   };
 }
-function Tt(f) {
-  var e = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Set(), a = [];
-  f.forEach(function(s) {
-    e.set(s.name, s);
+function dt(f) {
+  var e = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Set(), n = [];
+  f.forEach(function(i) {
+    e.set(i.name, i);
   });
-  function n(s) {
-    A.add(s.name);
-    var t = [].concat(s.requires || [], s.requiresIfExists || []);
-    t.forEach(function(i) {
-      if (!A.has(i)) {
-        var o = e.get(i);
-        o && n(o);
+  function a(i) {
+    A.add(i.name);
+    var t = [].concat(i.requires || [], i.requiresIfExists || []);
+    t.forEach(function(s) {
+      if (!A.has(s)) {
+        var o = e.get(s);
+        o && a(o);
       }
-    }), a.push(s);
+    }), n.push(i);
   }
-  return f.forEach(function(s) {
-    A.has(s.name) || n(s);
-  }), a;
+  return f.forEach(function(i) {
+    A.has(i.name) || a(i);
+  }), n;
 }
-function xt(f) {
-  var e = Tt(f);
-  return qn.reduce(function(A, a) {
-    return A.concat(e.filter(function(n) {
-      return n.phase === a;
+function gt(f) {
+  var e = dt(f);
+  return Da.reduce(function(A, n) {
+    return A.concat(e.filter(function(a) {
+      return a.phase === n;
     }));
   }, []);
 }
-function St(f) {
+function mt(f) {
   var e;
   return function() {
     return e || (e = new Promise(function(A) {
@@ -13620,13 +13477,13 @@ function St(f) {
     })), e;
   };
 }
-function zt(f) {
-  var e = f.reduce(function(A, a) {
-    var n = A[a.name];
-    return A[a.name] = n ? Object.assign({}, n, a, {
-      options: Object.assign({}, n.options, a.options),
-      data: Object.assign({}, n.data, a.data)
-    }) : a, A;
+function Mt(f) {
+  var e = f.reduce(function(A, n) {
+    var a = A[n.name];
+    return A[n.name] = a ? Object.assign({}, a, n, {
+      options: Object.assign({}, a.options, n.options),
+      data: Object.assign({}, a.data, n.data)
+    }) : n, A;
   }, {});
   return Object.keys(e).map(function(A) {
     return e[A];
@@ -13640,169 +13497,169 @@ var Re = {
 function qe() {
   for (var f = arguments.length, e = new Array(f), A = 0; A < f; A++)
     e[A] = arguments[A];
-  return !e.some(function(a) {
-    return !(a && typeof a.getBoundingClientRect == "function");
+  return !e.some(function(n) {
+    return !(n && typeof n.getBoundingClientRect == "function");
   });
 }
-function Ot(f) {
+function pt(f) {
   f === void 0 && (f = {});
-  var e = f, A = e.defaultModifiers, a = A === void 0 ? [] : A, n = e.defaultOptions, s = n === void 0 ? Re : n;
-  return function(i, o, r) {
-    r === void 0 && (r = s);
-    var d = {
+  var e = f, A = e.defaultModifiers, n = A === void 0 ? [] : A, a = e.defaultOptions, i = a === void 0 ? Re : a;
+  return function(s, o, l) {
+    l === void 0 && (l = i);
+    var c = {
       placement: "bottom",
       orderedModifiers: [],
-      options: Object.assign({}, Re, s),
+      options: Object.assign({}, Re, i),
       modifiersData: {},
       elements: {
-        reference: i,
+        reference: s,
         popper: o
       },
       attributes: {},
       styles: {}
-    }, c = [], M = !1, b = {
-      state: d,
+    }, d = [], M = !1, b = {
+      state: c,
       setOptions: function(I) {
-        var w = typeof I == "function" ? I(d.options) : I;
-        h(), d.options = Object.assign({}, s, d.options, w), d.scrollParents = {
-          reference: pf(i) ? jf(i) : i.contextElement ? jf(i.contextElement) : [],
+        var w = typeof I == "function" ? I(c.options) : I;
+        h(), c.options = Object.assign({}, i, c.options, w), c.scrollParents = {
+          reference: Mf(s) ? jf(s) : s.contextElement ? jf(s.contextElement) : [],
           popper: jf(o)
         };
-        var _ = xt(zt([].concat(a, d.options.modifiers)));
-        return d.orderedModifiers = _.filter(function(D) {
+        var _ = gt(Mt([].concat(n, c.options.modifiers)));
+        return c.orderedModifiers = _.filter(function(D) {
           return D.enabled;
         }), m(), b.update();
       },
       forceUpdate: function() {
         if (!M) {
-          var I = d.elements, w = I.reference, _ = I.popper;
+          var I = c.elements, w = I.reference, _ = I.popper;
           if (qe(w, _)) {
-            d.rects = {
-              reference: Et(w, zf(_), d.options.strategy === "fixed"),
+            c.rects = {
+              reference: ct(w, zf(_), c.options.strategy === "fixed"),
               popper: Me(_)
-            }, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(O) {
-              return d.modifiersData[O.name] = Object.assign({}, O.data);
+            }, c.reset = !1, c.placement = c.options.placement, c.orderedModifiers.forEach(function(O) {
+              return c.modifiersData[O.name] = Object.assign({}, O.data);
             });
-            for (var D = 0; D < d.orderedModifiers.length; D++) {
-              if (d.reset === !0) {
-                d.reset = !1, D = -1;
+            for (var D = 0; D < c.orderedModifiers.length; D++) {
+              if (c.reset === !0) {
+                c.reset = !1, D = -1;
                 continue;
               }
-              var E = d.orderedModifiers[D], k = E.fn, j = E.options, S = j === void 0 ? {} : j, U = E.name;
-              typeof k == "function" && (d = k({
-                state: d,
+              var V = c.orderedModifiers[D], k = V.fn, j = V.options, S = j === void 0 ? {} : j, U = V.name;
+              typeof k == "function" && (c = k({
+                state: c,
                 options: S,
                 name: U,
                 instance: b
-              }) || d);
+              }) || c);
             }
           }
         }
       },
-      update: St(function() {
+      update: mt(function() {
         return new Promise(function(p) {
-          b.forceUpdate(), p(d);
+          b.forceUpdate(), p(c);
         });
       }),
       destroy: function() {
         h(), M = !0;
       }
     };
-    if (!qe(i, o))
+    if (!qe(s, o))
       return b;
-    b.setOptions(r).then(function(p) {
-      !M && r.onFirstUpdate && r.onFirstUpdate(p);
+    b.setOptions(l).then(function(p) {
+      !M && l.onFirstUpdate && l.onFirstUpdate(p);
     });
     function m() {
-      d.orderedModifiers.forEach(function(p) {
+      c.orderedModifiers.forEach(function(p) {
         var I = p.name, w = p.options, _ = w === void 0 ? {} : w, D = p.effect;
         if (typeof D == "function") {
-          var E = D({
-            state: d,
+          var V = D({
+            state: c,
             name: I,
             instance: b,
             options: _
           }), k = function() {
           };
-          c.push(E || k);
+          d.push(V || k);
         }
       });
     }
     function h() {
-      c.forEach(function(p) {
+      d.forEach(function(p) {
         return p();
-      }), c = [];
+      }), d = [];
     }
     return b;
   };
 }
-var Ct = [tt, Nt, at, Wn, vt, Mt, _t, Xn, ht], Ut = /* @__PURE__ */ Ot({
-  defaultModifiers: Ct
+var ht = [Ya, tt, Qa, ja, nt, $a, ot, Oa, ft], bt = /* @__PURE__ */ pt({
+  defaultModifiers: ht
 }), iA = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgOS4zODI4MTMgNCA0IDkuMzgyODEzIDQgMTYgQyA0IDIyLjYxNzE4OCA5LjM4MjgxMyAyOCAxNiAyOCBDIDIyLjYxNzE4OCAyOCAyOCAyMi42MTcxODggMjggMTYgQyAyOCA5LjM4MjgxMyAyMi42MTcxODggNCAxNiA0IFogTSAxNiA2IEMgMjEuNTM1MTU2IDYgMjYgMTAuNDY0ODQ0IDI2IDE2IEMgMjYgMjEuNTM1MTU2IDIxLjUzNTE1NiAyNiAxNiAyNiBDIDEwLjQ2NDg0NCAyNiA2IDIxLjUzNTE1NiA2IDE2IEMgNiAxMC40NjQ4NDQgMTAuNDY0ODQ0IDYgMTYgNiBaIE0gMTEuNSAxMiBDIDEwLjY3MTg3NSAxMiAxMCAxMi42NzE4NzUgMTAgMTMuNSBDIDEwIDE0LjMyODEyNSAxMC42NzE4NzUgMTUgMTEuNSAxNSBDIDEyLjMyODEyNSAxNSAxMyAxNC4zMjgxMjUgMTMgMTMuNSBDIDEzIDEyLjY3MTg3NSAxMi4zMjgxMjUgMTIgMTEuNSAxMiBaIE0gMjAuNSAxMiBDIDE5LjY3MTg3NSAxMiAxOSAxMi42NzE4NzUgMTkgMTMuNSBDIDE5IDE0LjMyODEyNSAxOS42NzE4NzUgMTUgMjAuNSAxNSBDIDIxLjMyODEyNSAxNSAyMiAxNC4zMjgxMjUgMjIgMTMuNSBDIDIyIDEyLjY3MTg3NSAyMS4zMjgxMjUgMTIgMjAuNSAxMiBaIE0gMTAuODEyNSAxOSBMIDkuMDkzNzUgMjAgQyAxMC40NzY1NjMgMjIuMzg2NzE5IDEzLjA0Njg3NSAyNCAxNiAyNCBDIDE4Ljk1MzEyNSAyNCAyMS41MjM0MzggMjIuMzg2NzE5IDIyLjkwNjI1IDIwIEwgMjEuMTg3NSAxOSBDIDIwLjE0ODQzOCAyMC43OTI5NjkgMTguMjI2NTYzIDIyIDE2IDIyIEMgMTMuNzczNDM4IDIyIDExLjg1MTU2MyAyMC43OTI5NjkgMTAuODEyNSAxOSBaIi8+PC9zdmc+";
 function Jf(f) {
   return f.split("-").map((e) => parseInt(e, 16)).map((e) => String.fromCodePoint(e)).join("");
 }
-function Lt(f, e, A, a = []) {
-  const n = {};
-  return Object.keys(f).forEach((s) => {
-    if (a.includes(s))
+function yt(f, e, A, n = []) {
+  const a = {};
+  return Object.keys(f).forEach((i) => {
+    if (n.includes(i))
       return;
     const t = [];
-    f[s].forEach((i) => {
+    f[i].forEach((s) => {
       var o;
-      if (i[$f][0].includes(e.toLocaleLowerCase())) {
-        let r = i[Pe];
-        if (A !== Wf && Array.isArray(i[Yf])) {
-          const d = ((o = i[Yf]) == null ? void 0 : o.findIndex(
-            (c) => c.includes(A)
+      if (s[Gf][0].includes(e.toLocaleLowerCase())) {
+        let l = s[Pe];
+        if (A !== Wf && Array.isArray(s[Yf])) {
+          const c = ((o = s[Yf]) == null ? void 0 : o.findIndex(
+            (d) => d.includes(A)
           )) || -1;
-          d !== -1 && i[Yf] && (r = i[Yf][d]);
+          c !== -1 && s[Yf] && (l = s[Yf][c]);
         }
         return t.push({
-          ...i,
-          [Vf]: r
+          ...s,
+          [Vf]: l
         });
       }
-    }), t.length && (n[s] = t);
-  }), n;
+    }), t.length && (a[i] = t);
+  }), a;
 }
-function oA() {
+function sA() {
   var f;
   return (((f = navigator == null ? void 0 : navigator.userAgentData) == null ? void 0 : f.platform) || (navigator == null ? void 0 : navigator.platform) || "unknown").toUpperCase().indexOf("MAC") !== -1;
 }
-function uA(f) {
+function oA(f) {
   return f.replace(
     /^_*(.)|_+(.)/g,
-    (e, A, a) => A ? A.toUpperCase() : " " + a.toUpperCase()
+    (e, A, n) => A ? A.toUpperCase() : " " + n.toUpperCase()
   );
 }
 var Of = (f, e) => {
   const A = f.__vccOpts || f;
-  for (const [a, n] of e)
-    A[a] = n;
+  for (const [n, a] of e)
+    A[n] = a;
   return A;
 };
-const Qt = xf({
+const vt = xf({
   name: "Body",
   emits: {
     select: (f) => !0
   },
   setup() {
-    const { state: f, updateEmoji: e, updateSelect: A } = Hf("store"), a = v(null), n = V(() => Lt(
+    const { state: f, updateEmoji: e, updateSelect: A } = Zf("store"), n = v(null), a = E(() => yt(
       f.emojis,
       f.search,
       f.skinTone,
       f.options.disabledGroups
-    )), s = hA(), t = V(() => !f.options.hideGroupNames), i = V(() => !f.options.disableStickyGroupNames), o = Je(f.options.groupNames), r = f.orderedGroupKeys;
+    )), i = pA(), t = E(() => !f.options.hideGroupNames), s = E(() => !f.options.disableStickyGroupNames), o = Fe(f.options.groupNames), l = f.orderedGroupKeys;
     f.options.additionalGroups && Object.keys(f.options.additionalGroups).map((m) => {
-      f.options.groupNames[m] ? o[m] = f.options.groupNames[m] : o[m] = uA(m);
+      f.options.groupNames[m] ? o[m] = f.options.groupNames[m] : o[m] = oA(m);
     });
-    const d = oA() ? "is-mac" : "";
-    function c(m) {
+    const c = sA() ? "is-mac" : "";
+    function d(m) {
       e(m);
     }
     function M(m) {
-      A(m), s == null || s.emit("select", {
+      A(m), i == null || i.emit("select", {
         ...m,
         t: f.skinTone,
         i: Jf(m.r)
@@ -13813,138 +13670,138 @@ const Qt = xf({
       const I = (p = m == null ? void 0 : m.target) == null ? void 0 : p.closest("button");
       I && (I.innerHTML = `<span>${Jf(h)}</span>`);
     }
-    return Gf(
+    return Hf(
       () => f.activeGroup,
       () => {
         var m;
-        const h = (m = a.value) == null ? void 0 : m.querySelector("#" + f.activeGroup);
+        const h = (m = n.value) == null ? void 0 : m.querySelector("#" + f.activeGroup);
         h && (h.parentNode.scrollTop = h.offsetTop - h.parentNode.offsetTop);
       }
     ), {
-      emojis: n,
-      bodyInner: a,
-      EMOJI_REMOTE_SRC: Ke,
-      GROUP_NAMES: Ze,
+      emojis: a,
+      bodyInner: n,
+      EMOJI_REMOTE_SRC: We,
+      GROUP_NAMES: Ke,
       handleClick: M,
       handleError: b,
-      handleMouseEnter: c,
+      handleMouseEnter: d,
       native: f.options.native,
       unicodeToEmoji: Jf,
       EMOJI_RESULT_KEY: Vf,
-      EMOJI_NAME_KEY: $f,
+      EMOJI_NAME_KEY: Gf,
       hasGroupNames: t,
-      isSticky: i,
-      platform: d,
+      isSticky: s,
+      platform: c,
       groupNames: o,
-      orderedKeys: r
+      orderedKeys: l
     };
   }
-}), Bt = { class: "v3-body" }, Yt = ["id"], Rt = { class: "v3-emojis" }, qt = ["onMouseenter", "onClick"], Ft = { key: 0 }, Jt = ["src", "alt", "onError"], Wt = {
+}), It = { class: "v3-body" }, Nt = ["id"], wt = { class: "v3-emojis" }, Dt = ["onMouseenter", "onClick"], _t = { key: 0 }, kt = ["src", "alt", "onError"], jt = {
   key: 1,
   class: "v3-no-result"
 };
-function Kt(f, e, A, a, n, s) {
-  return l(), g("div", Bt, [
+function Vt(f, e, A, n, a, i) {
+  return r(), g("div", It, [
     u("div", {
       ref: "bodyInner",
       class: T([f.platform, "v3-body-inner"])
     }, [
-      f.orderedKeys.length ? (l(!0), g(q, { key: 0 }, F(f.orderedKeys, (t) => (l(), g("div", {
+      f.orderedKeys.length ? (r(!0), g(B, { key: 0 }, F(f.orderedKeys, (t) => (r(), g("div", {
         id: t,
         key: t,
         class: "v3-group"
       }, [
-        f.hasGroupNames ? P((l(), g("h5", {
+        f.hasGroupNames ? ff((r(), g("h5", {
           key: 0,
           class: T(f.isSticky ? "v3-sticky" : "")
         }, N(f.groupNames[t]), 3)), [
-          [gf, f.emojis[t]]
+          [df, f.emojis[t]]
         ]) : y("", !0),
-        P(u("div", Rt, [
-          (l(!0), g(q, null, F(f.emojis[t], (i) => (l(), g("button", {
-            key: i.r,
+        ff(u("div", wt, [
+          (r(!0), g(B, null, F(f.emojis[t], (s) => (r(), g("button", {
+            key: s.r,
             type: "button",
-            onMouseenter: (o) => f.handleMouseEnter(i),
-            onClick: (o) => f.handleClick(i)
+            onMouseenter: (o) => f.handleMouseEnter(s),
+            onClick: (o) => f.handleClick(s)
           }, [
-            f.native ? (l(), g("span", Ft, N(f.unicodeToEmoji(i.r)), 1)) : (l(), g("img", {
+            f.native ? (r(), g("span", _t, N(f.unicodeToEmoji(s.r)), 1)) : (r(), g("img", {
               key: 1,
-              src: f.EMOJI_REMOTE_SRC + `/${i.r}.png`,
-              alt: i.n[0],
-              onError: (o) => f.handleError(o, i.r)
-            }, null, 40, Jt))
-          ], 40, qt))), 128))
+              src: f.EMOJI_REMOTE_SRC + `/${s.r}.png`,
+              alt: s.n[0],
+              onError: (o) => f.handleError(o, s.r)
+            }, null, 40, kt))
+          ], 40, Dt))), 128))
         ], 512), [
-          [gf, f.emojis[t]]
+          [df, f.emojis[t]]
         ])
-      ], 8, Yt))), 128)) : (l(), g("span", Wt, " No emoji has been found! "))
+      ], 8, Nt))), 128)) : (r(), g("span", jt, " No emoji has been found! "))
     ], 2)
   ]);
 }
-var Zt = /* @__PURE__ */ Of(Qt, [["render", Kt]]), Pt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMi41IDUgQyAxMS40Mjk2ODggNSAxMC41IDUuNjA5Mzc1IDkuOTA2MjUgNi40Mzc1IEMgOS4zMTI1IDcuMjY1NjI1IDkgOC4zMzk4NDQgOSA5LjUgQyA5IDEwLjY2MDE1NiA5LjMxMjUgMTEuNzM0Mzc1IDkuOTA2MjUgMTIuNTYyNSBDIDEwLjUgMTMuMzkwNjI1IDExLjQyOTY4OCAxNCAxMi41IDE0IEMgMTMuNTcwMzEzIDE0IDE0LjUgMTMuMzkwNjI1IDE1LjA5Mzc1IDEyLjU2MjUgQyAxNS42ODc1IDExLjczNDM3NSAxNiAxMC42NjAxNTYgMTYgOS41IEMgMTYgOC4zMzk4NDQgMTUuNjg3NSA3LjI2NTYyNSAxNS4wOTM3NSA2LjQzNzUgQyAxNC41IDUuNjA5Mzc1IDEzLjU3MDMxMyA1IDEyLjUgNSBaIE0gMTYgOS41IEMgMTYgMTAuNjYwMTU2IDE2LjMxMjUgMTEuNzM0Mzc1IDE2LjkwNjI1IDEyLjU2MjUgQyAxNy41IDEzLjM5MDYyNSAxOC40Mjk2ODggMTQgMTkuNSAxNCBDIDIwLjU3MDMxMyAxNCAyMS41IDEzLjM5MDYyNSAyMi4wOTM3NSAxMi41NjI1IEMgMjIuNjg3NSAxMS43MzQzNzUgMjMgMTAuNjYwMTU2IDIzIDkuNSBDIDIzIDguMzM5ODQ0IDIyLjY4NzUgNy4yNjU2MjUgMjIuMDkzNzUgNi40Mzc1IEMgMjEuNSA1LjYwOTM3NSAyMC41NzAzMTMgNSAxOS41IDUgQyAxOC40Mjk2ODggNSAxNy41IDUuNjA5Mzc1IDE2LjkwNjI1IDYuNDM3NSBDIDE2LjMxMjUgNy4yNjU2MjUgMTYgOC4zMzk4NDQgMTYgOS41IFogTSAxMi41IDcgQyAxMi44MTI1IDcgMTMuMTU2MjUgNy4xNTYyNSAxMy40Njg3NSA3LjU5Mzc1IEMgMTMuNzgxMjUgOC4wMzEyNSAxNCA4LjcyNjU2MyAxNCA5LjUgQyAxNCAxMC4yNzM0MzggMTMuNzgxMjUgMTAuOTY4NzUgMTMuNDY4NzUgMTEuNDA2MjUgQyAxMy4xNTYyNSAxMS44NDM3NSAxMi44MTI1IDEyIDEyLjUgMTIgQyAxMi4xODc1IDEyIDExLjg0Mzc1IDExLjg0Mzc1IDExLjUzMTI1IDExLjQwNjI1IEMgMTEuMjE4NzUgMTAuOTY4NzUgMTEgMTAuMjczNDM4IDExIDkuNSBDIDExIDguNzI2NTYzIDExLjIxODc1IDguMDMxMjUgMTEuNTMxMjUgNy41OTM3NSBDIDExLjg0Mzc1IDcuMTU2MjUgMTIuMTg3NSA3IDEyLjUgNyBaIE0gMTkuNSA3IEMgMTkuODEyNSA3IDIwLjE1NjI1IDcuMTU2MjUgMjAuNDY4NzUgNy41OTM3NSBDIDIwLjc4MTI1IDguMDMxMjUgMjEgOC43MjY1NjMgMjEgOS41IEMgMjEgMTAuMjczNDM4IDIwLjc4MTI1IDEwLjk2ODc1IDIwLjQ2ODc1IDExLjQwNjI1IEMgMjAuMTU2MjUgMTEuODQzNzUgMTkuODEyNSAxMiAxOS41IDEyIEMgMTkuMTg3NSAxMiAxOC44NDM3NSAxMS44NDM3NSAxOC41MzEyNSAxMS40MDYyNSBDIDE4LjIxODc1IDEwLjk2ODc1IDE4IDEwLjI3MzQzOCAxOCA5LjUgQyAxOCA4LjcyNjU2MyAxOC4yMTg3NSA4LjAzMTI1IDE4LjUzMTI1IDcuNTkzNzUgQyAxOC44NDM3NSA3LjE1NjI1IDE5LjE4NzUgNyAxOS41IDcgWiBNIDcuNSAxMiBDIDYuNDI5Njg4IDEyIDUuNSAxMi42MDkzNzUgNC45MDYyNSAxMy40Mzc1IEMgNC4zMTI1IDE0LjI2NTYyNSA0IDE1LjMzOTg0NCA0IDE2LjUgQyA0IDE3LjY2MDE1NiA0LjMxMjUgMTguNzM0Mzc1IDQuOTA2MjUgMTkuNTYyNSBDIDUuNSAyMC4zOTA2MjUgNi40Mjk2ODggMjEgNy41IDIxIEMgOC41NzAzMTMgMjEgOS41IDIwLjM5MDYyNSAxMC4wOTM3NSAxOS41NjI1IEMgMTAuNjg3NSAxOC43MzQzNzUgMTEgMTcuNjYwMTU2IDExIDE2LjUgQyAxMSAxNS4zMzk4NDQgMTAuNjg3NSAxNC4yNjU2MjUgMTAuMDkzNzUgMTMuNDM3NSBDIDkuNSAxMi42MDkzNzUgOC41NzAzMTMgMTIgNy41IDEyIFogTSAyNC41IDEyIEMgMjMuNDI5Njg4IDEyIDIyLjUgMTIuNjA5Mzc1IDIxLjkwNjI1IDEzLjQzNzUgQyAyMS4zMTI1IDE0LjI2NTYyNSAyMSAxNS4zMzk4NDQgMjEgMTYuNSBDIDIxIDE3LjY2MDE1NiAyMS4zMTI1IDE4LjczNDM3NSAyMS45MDYyNSAxOS41NjI1IEMgMjIuNSAyMC4zOTA2MjUgMjMuNDI5Njg4IDIxIDI0LjUgMjEgQyAyNS41NzAzMTMgMjEgMjYuNSAyMC4zOTA2MjUgMjcuMDkzNzUgMTkuNTYyNSBDIDI3LjY4NzUgMTguNzM0Mzc1IDI4IDE3LjY2MDE1NiAyOCAxNi41IEMgMjggMTUuMzM5ODQ0IDI3LjY4NzUgMTQuMjY1NjI1IDI3LjA5Mzc1IDEzLjQzNzUgQyAyNi41IDEyLjYwOTM3NSAyNS41NzAzMTMgMTIgMjQuNSAxMiBaIE0gNy41IDE0IEMgNy44MTI1IDE0IDguMTU2MjUgMTQuMTU2MjUgOC40Njg3NSAxNC41OTM3NSBDIDguNzgxMjUgMTUuMDMxMjUgOSAxNS43MjY1NjMgOSAxNi41IEMgOSAxNy4yNzM0MzggOC43ODEyNSAxNy45Njg3NSA4LjQ2ODc1IDE4LjQwNjI1IEMgOC4xNTYyNSAxOC44NDM3NSA3LjgxMjUgMTkgNy41IDE5IEMgNy4xODc1IDE5IDYuODQzNzUgMTguODQzNzUgNi41MzEyNSAxOC40MDYyNSBDIDYuMjE4NzUgMTcuOTY4NzUgNiAxNy4yNzM0MzggNiAxNi41IEMgNiAxNS43MjY1NjMgNi4yMTg3NSAxNS4wMzEyNSA2LjUzMTI1IDE0LjU5Mzc1IEMgNi44NDM3NSAxNC4xNTYyNSA3LjE4NzUgMTQgNy41IDE0IFogTSAyNC41IDE0IEMgMjQuODEyNSAxNCAyNS4xNTYyNSAxNC4xNTYyNSAyNS40Njg3NSAxNC41OTM3NSBDIDI1Ljc4MTI1IDE1LjAzMTI1IDI2IDE1LjcyNjU2MyAyNiAxNi41IEMgMjYgMTcuMjczNDM4IDI1Ljc4MTI1IDE3Ljk2ODc1IDI1LjQ2ODc1IDE4LjQwNjI1IEMgMjUuMTU2MjUgMTguODQzNzUgMjQuODEyNSAxOSAyNC41IDE5IEMgMjQuMTg3NSAxOSAyMy44NDM3NSAxOC44NDM3NSAyMy41MzEyNSAxOC40MDYyNSBDIDIzLjIxODc1IDE3Ljk2ODc1IDIzIDE3LjI3MzQzOCAyMyAxNi41IEMgMjMgMTUuNzI2NTYzIDIzLjIxODc1IDE1LjAzMTI1IDIzLjUzMTI1IDE0LjU5Mzc1IEMgMjMuODQzNzUgMTQuMTU2MjUgMjQuMTg3NSAxNCAyNC41IDE0IFogTSAxNiAxNiBDIDE0LjY2Nzk2OSAxNiAxMy43MzgyODEgMTYuODY3MTg4IDEzLjI4MTI1IDE3LjYyNSBDIDEyLjgyNDIxOSAxOC4zODI4MTMgMTIuNTQ2ODc1IDE5LjAxNTYyNSAxMi4yODEyNSAxOS4yODEyNSBDIDEyLjEyNSAxOS40Mzc1IDExLjE2MDE1NiAxOS44MDA3ODEgMTAuMTU2MjUgMjAuMzEyNSBDIDkuNjUyMzQ0IDIwLjU3MDMxMyA5LjE0NDUzMSAyMC45MTQwNjMgOC43MTg3NSAyMS40Mzc1IEMgOC4yOTI5NjkgMjEuOTYwOTM4IDggMjIuNjg3NSA4IDIzLjUgQyA4IDI1LjQyMTg3NSA5LjU3ODEyNSAyNyAxMS41IDI3IEMgMTIuMzY3MTg4IDI3IDEzLjI2OTUzMSAyNi43MjI2NTYgMTQuMTU2MjUgMjYuNDY4NzUgQyAxNS4wNDI5NjkgMjYuMjE0ODQ0IDE2IDI2IDE2IDI2IEMgMTYgMjYgMTYuOTU3MDMxIDI2LjIxNDg0NCAxNy44NDM3NSAyNi40Njg3NSBDIDE4LjczMDQ2OSAyNi43MjI2NTYgMTkuNjMyODEzIDI3IDIwLjUgMjcgQyAyMi40MjE4NzUgMjcgMjQgMjUuNDIxODc1IDI0IDIzLjUgQyAyNCAyMi43MDcwMzEgMjMuNzA3MDMxIDIxLjk4MDQ2OSAyMy4yODEyNSAyMS40Njg3NSBDIDIyLjg1NTQ2OSAyMC45NTcwMzEgMjIuMzQzNzUgMjAuNjQwNjI1IDIxLjg0Mzc1IDIwLjM3NSBDIDIwLjg0Mzc1IDE5Ljg0Mzc1IDE5Ljg1OTM3NSAxOS40MjE4NzUgMTkuNzE4NzUgMTkuMjgxMjUgQyAxOS40ODA0NjkgMTkuMDQyOTY5IDE5LjIxMDkzOCAxOC4zOTA2MjUgMTguNzUgMTcuNjI1IEMgMTguMjg5MDYzIDE2Ljg1OTM3NSAxNy4zMzk4NDQgMTYgMTYgMTYgWiBNIDE2IDE4IEMgMTYuNjYwMTU2IDE4IDE2LjczNDM3NSAxOC4xNjAxNTYgMTcuMDMxMjUgMTguNjU2MjUgQyAxNy4zMjgxMjUgMTkuMTUyMzQ0IDE3LjU1NDY4OCAxOS45OTIxODggMTguMjgxMjUgMjAuNzE4NzUgQyAxOS4xMDU0NjkgMjEuNTQyOTY5IDIwLjE0ODQzOCAyMS43MjI2NTYgMjAuOTA2MjUgMjIuMTI1IEMgMjEuMjg1MTU2IDIyLjMyODEyNSAyMS41NzgxMjUgMjIuNTQyOTY5IDIxLjc1IDIyLjc1IEMgMjEuOTIxODc1IDIyLjk1NzAzMSAyMiAyMy4xNDg0MzggMjIgMjMuNSBDIDIyIDI0LjMzOTg0NCAyMS4zMzk4NDQgMjUgMjAuNSAyNSBDIDIwLjIxMDkzOCAyNSAxOS4yNzczNDQgMjQuNzc3MzQ0IDE4LjQwNjI1IDI0LjUzMTI1IEMgMTcuNTM1MTU2IDI0LjI4NTE1NiAxNi44MTY0MDYgMjQgMTYgMjQgQyAxNS4xODM1OTQgMjQgMTQuNDY0ODQ0IDI0LjI4NTE1NiAxMy41OTM3NSAyNC41MzEyNSBDIDEyLjcyMjY1NiAyNC43NzczNDQgMTEuNzg5MDYzIDI1IDExLjUgMjUgQyAxMC42NjAxNTYgMjUgMTAgMjQuMzM5ODQ0IDEwIDIzLjUgQyAxMCAyMy4wOTc2NTYgMTAuMDgyMDMxIDIyLjg5MDYyNSAxMC4yNSAyMi42ODc1IEMgMTAuNDE3OTY5IDIyLjQ4NDM3NSAxMC43MjI2NTYgMjIuMjg1MTU2IDExLjA5Mzc1IDIyLjA5Mzc1IEMgMTEuODM5ODQ0IDIxLjcxNDg0NCAxMi44NzUgMjEuNTYyNSAxMy43MTg3NSAyMC43MTg3NSBDIDE0LjQ1MzEyNSAxOS45ODQzNzUgMTQuNjc1NzgxIDE5LjExNzE4OCAxNC45Njg3NSAxOC42MjUgQyAxNS4yNjE3MTkgMTguMTMyODEzIDE1LjMzMjAzMSAxOCAxNiAxOCBaIi8+PC9zdmc+", Ht = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMSAzIEwgMTEgNyBMIDEzIDcgTCAxMyAzIFogTSAxNSA0IEwgMTUgNyBMIDE3IDcgTCAxNyA0IFogTSA0Ljg3NSA4IEwgNSA5LjA5Mzc1IEwgNi44MTI1IDI2LjMxMjUgQyA2Ljk3MjY1NiAyNy44MzIwMzEgOC4yODUxNTYgMjkgOS44MTI1IDI5IEwgMTkuMTg3NSAyOSBDIDIwLjcxNDg0NCAyOSAyMi4wMjczNDQgMjcuODMyMDMxIDIyLjE4NzUgMjYuMzEyNSBMIDIyLjY1NjI1IDIyIEwgMjUgMjIgQyAyNi42NDQ1MzEgMjIgMjggMjAuNjQ0NTMxIDI4IDE5IEwgMjggMTYgQyAyOCAxNC4zNTU0NjkgMjYuNjQ0NTMxIDEzIDI1IDEzIEwgMjMuNTkzNzUgMTMgTCAyNCA5LjA5Mzc1IEwgMjQuMTI1IDggWiBNIDcuMTI1IDEwIEwgMjEuODc1IDEwIEwgMjAuMTg3NSAyNi4wOTM3NSBDIDIwLjEzMjgxMyAyNi42MTMyODEgMTkuNzA3MDMxIDI3IDE5LjE4NzUgMjcgTCA5LjgxMjUgMjcgQyA5LjI5Mjk2OSAyNyA4Ljg2NzE4OCAyNi42MTMyODEgOC44MTI1IDI2LjA5Mzc1IFogTSAyMy4zNzUgMTUgTCAyNSAxNSBDIDI1LjU2NjQwNiAxNSAyNiAxNS40MzM1OTQgMjYgMTYgTCAyNiAxOSBDIDI2IDE5LjU2NjQwNiAyNS41NjY0MDYgMjAgMjUgMjAgTCAyMi44NDM3NSAyMCBaIi8+PC9zdmc+", Gt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiAzIEMgOC44MzIwMzEgMyAzIDguODMyMDMxIDMgMTYgQyAzIDIzLjE2Nzk2OSA4LjgzMjAzMSAyOSAxNiAyOSBDIDIzLjE2Nzk2OSAyOSAyOSAyMy4xNjc5NjkgMjkgMTYgQyAyOSA4LjgzMjAzMSAyMy4xNjc5NjkgMyAxNiAzIFogTSAxNiA1IEMgMTYuNjAxNTYzIDUgMTcuMTc1NzgxIDUuMDYyNSAxNy43NSA1LjE1NjI1IEwgMTYgNi40MDYyNSBMIDE0LjI1IDUuMTU2MjUgQyAxNC44MjAzMTMgNS4wNjY0MDYgMTUuNDAyMzQ0IDUgMTYgNSBaIE0gMTEuODEyNSA1Ljg0Mzc1IEwgMTUuNDA2MjUgOC40Njg3NSBMIDE2IDguOTA2MjUgTCAxNi41OTM3NSA4LjQ2ODc1IEwgMjAuMTg3NSA1Ljg0Mzc1IEMgMjEuNzg1MTU2IDYuNTA3ODEzIDIzLjE5NTMxMyA3LjUyMzQzOCAyNC4zMTI1IDguODEyNSBMIDIyLjkzNzUgMTMuMDkzNzUgTCAyMi43MTg3NSAxMy43ODEyNSBMIDIzLjMxMjUgMTQuMTg3NSBMIDI2LjkzNzUgMTYuODQzNzUgQyAyNi44MDQ2ODggMTguNjA1NDY5IDI2LjI2NTYyNSAyMC4yNTc4MTMgMjUuNDA2MjUgMjEuNjg3NSBMIDIwLjEyNSAyMS42ODc1IEwgMTkuOTA2MjUgMjIuMzc1IEwgMTguNSAyNi43MTg3NSBDIDE3LjY5OTIxOSAyNi45MDYyNSAxNi44NTkzNzUgMjcgMTYgMjcgQyAxNS4xMDU0NjkgMjcgMTQuMjM4MjgxIDI2Ljg4NjcxOSAxMy40MDYyNSAyNi42ODc1IEwgMTIuMDMxMjUgMjIuNDA2MjUgTCAxMS44MTI1IDIxLjcxODc1IEwgNi41OTM3NSAyMS43MTg3NSBDIDUuNzE4NzUgMjAuMjgxMjUgNS4xOTkyMTkgMTguNjIxMDk0IDUuMDYyNSAxNi44NDM3NSBMIDguNjU2MjUgMTQuMjE4NzUgTCA5LjI1IDEzLjgxMjUgTCA5LjAzMTI1IDEzLjEyNSBMIDcuNjI1IDguODc1IEMgOC43NSA3LjU1NDY4OCAxMC4xODM1OTQgNi41MTU2MjUgMTEuODEyNSA1Ljg0Mzc1IFogTSAxNiAxMC4wOTM3NSBMIDE1LjQwNjI1IDEwLjUzMTI1IEwgMTAuODQzNzUgMTMuODQzNzUgTCAxMC4yODEyNSAxNC4yODEyNSBMIDEwLjUgMTQuOTY4NzUgTCAxMi4yNSAyMC4zMTI1IEwgMTIuNDY4NzUgMjEgTCAxOS41MzEyNSAyMSBMIDE5Ljc1IDIwLjMxMjUgTCAyMS41IDE0Ljk2ODc1IEwgMjEuNzE4NzUgMTQuMjgxMjUgTCAyMS4xNTYyNSAxMy44NDM3NSBMIDE2LjU5Mzc1IDEwLjUzMTI1IFogTSAyNS43NSAxMC45MDYyNSBDIDI2LjI5Njg3NSAxMS45NTMxMjUgMjYuNjU2MjUgMTMuMTAxNTYzIDI2Ljg0Mzc1IDE0LjMxMjUgTCAyNS4wNjI1IDEzLjAzMTI1IFogTSA2LjIxODc1IDEwLjk2ODc1IEwgNi45MDYyNSAxMy4wMzEyNSBMIDUuMTU2MjUgMTQuMzEyNSBDIDUuMzM5ODQ0IDEzLjEyNSA1LjY4NzUgMTIgNi4yMTg3NSAxMC45Njg3NSBaIE0gMTYgMTIuNTkzNzUgTCAxOS4zNzUgMTUuMDMxMjUgTCAxOC4wOTM3NSAxOSBMIDEzLjkwNjI1IDE5IEwgMTIuNjI1IDE1LjAzMTI1IFogTSAyMS41OTM3NSAyMy42ODc1IEwgMjMuODQzNzUgMjMuNjg3NSBDIDIyLjk5MjE4OCAyNC41NjY0MDYgMjIuMDExNzE5IDI1LjI5Mjk2OSAyMC45MDYyNSAyNS44NDM3NSBaIE0gOC4xNTYyNSAyMy43MTg3NSBMIDEwLjM0Mzc1IDIzLjcxODc1IEwgMTEuMDMxMjUgMjUuODEyNSBDIDkuOTYwOTM4IDI1LjI2OTUzMSA4Ljk4ODI4MSAyNC41NjI1IDguMTU2MjUgMjMuNzE4NzUgWiIvPjwvc3ZnPg==", $t = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSA5LjUgNiBDIDguMTc5Njg4IDYgNy4wMDM5MDYgNi44NTkzNzUgNi42MjUgOC4xMjUgTCA1LjI1IDEyLjcxODc1IEwgMy4zMTI1IDEyLjA2MjUgTCAyLjY4NzUgMTMuOTM3NSBMIDQuNjU2MjUgMTQuNTkzNzUgTCA0LjAzMTI1IDE2LjcxODc1IEMgNC4wMDc4MTMgMTYuODA4NTk0IDMuOTk2MDk0IDE2LjkwNjI1IDQgMTcgTCA0IDI0IEMgNCAyNC4wMzEyNSA0IDI0LjA2MjUgNCAyNC4wOTM3NSBMIDQgMjUgQyA0IDI1LjU1MDc4MSA0LjQ0OTIxOSAyNiA1IDI2IEwgOCAyNiBMIDguMzQzNzUgMjUgTCAyMy42NTYyNSAyNSBMIDI0IDI2IEwgMjcgMjYgQyAyNy41NTA3ODEgMjYgMjggMjUuNTUwNzgxIDI4IDI1IEwgMjggMjQuMTU2MjUgQyAyOC4wMDM5MDYgMjQuMTA1NDY5IDI4LjAwMzkwNiAyNC4wNTA3ODEgMjggMjQgTCAyOCAxNyBDIDI4LjAwMzkwNiAxNi45MDYyNSAyNy45OTIxODggMTYuODA4NTk0IDI3Ljk2ODc1IDE2LjcxODc1IEwgMjcuMzQzNzUgMTQuNTkzNzUgTCAyOS4zMTI1IDEzLjkzNzUgTCAyOC42ODc1IDEyLjA2MjUgTCAyNi43NSAxMi43MTg3NSBMIDI1LjM3NSA4LjEyNSBDIDI0Ljk5NjA5NCA2Ljg1OTM3NSAyMy44MjAzMTMgNiAyMi41IDYgWiBNIDkuNSA4IEwgMjIuNSA4IEMgMjIuOTQ1MzEzIDggMjMuMzM5ODQ0IDguMjkyOTY5IDIzLjQ2ODc1IDguNzE4NzUgTCAyNC43NSAxMyBMIDcuMjUgMTMgTCA4LjUzMTI1IDguNzE4NzUgQyA4LjY2MDE1NiA4LjI4OTA2MyA5LjA1NDY4OCA4IDkuNSA4IFogTSA2LjY1NjI1IDE1IEwgMjUuMzQzNzUgMTUgTCAyNiAxNy4xODc1IEwgMjYgMjMgTCA2IDIzIEwgNiAxNy4xODc1IFogTSA4LjUgMTYgQyA3LjY3MTg3NSAxNiA3IDE2LjY3MTg3NSA3IDE3LjUgQyA3IDE4LjMyODEyNSA3LjY3MTg3NSAxOSA4LjUgMTkgQyA5LjMyODEyNSAxOSAxMCAxOC4zMjgxMjUgMTAgMTcuNSBDIDEwIDE2LjY3MTg3NSA5LjMyODEyNSAxNiA4LjUgMTYgWiBNIDIzLjUgMTYgQyAyMi42NzE4NzUgMTYgMjIgMTYuNjcxODc1IDIyIDE3LjUgQyAyMiAxOC4zMjgxMjUgMjIuNjcxODc1IDE5IDIzLjUgMTkgQyAyNC4zMjgxMjUgMTkgMjUgMTguMzI4MTI1IDI1IDE3LjUgQyAyNSAxNi42NzE4NzUgMjQuMzI4MTI1IDE2IDIzLjUgMTYgWiBNIDEyIDE5IEwgMTAuNzUgMjIgTCAxMi45MDYyNSAyMiBMIDEzLjM0Mzc1IDIxIEwgMTguNjU2MjUgMjEgTCAxOS4wOTM3NSAyMiBMIDIxLjI1IDIyIEwgMjAgMTkgWiIvPjwvc3ZnPg==", Xt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgMTEuMDQyOTY5IDQgNyA4LjA0Mjk2OSA3IDEzIEMgNyAxNC45MTc5NjkgNy44NDM3NSAxNi45MDYyNSA5IDE4LjY4NzUgQyA5Ljg1OTM3NSAyMC4wMTE3MTkgMTAuODg2NzE5IDIxLjIzMDQ2OSAxMiAyMi4xNTYyNSBMIDEyIDI1IEMgMTIgMjYuMDkzNzUgMTIuOTA2MjUgMjcgMTQgMjcgTCAxNSAyOCBMIDE3IDI4IEwgMTggMjcgQyAxOS4wOTM3NSAyNyAyMCAyNi4wOTM3NSAyMCAyNSBMIDIwIDIyLjE1NjI1IEMgMjEuMTEzMjgxIDIxLjIzMDQ2OSAyMi4xNDA2MjUgMjAuMDExNzE5IDIzIDE4LjY4NzUgQyAyNC4xNTYyNSAxNi45MDYyNSAyNSAxNC45MTc5NjkgMjUgMTMgQyAyNSA4LjA0Mjk2OSAyMC45NTcwMzEgNCAxNiA0IFogTSAxNiA2IEMgMTkuODc4OTA2IDYgMjMgOS4xMjEwOTQgMjMgMTMgQyAyMyAxNC4zMDg1OTQgMjIuMzU1NDY5IDE2LjAzNTE1NiAyMS4zNDM3NSAxNy41OTM3NSBDIDIwLjQ0MTQwNiAxOC45ODQzNzUgMTkuMjUzOTA2IDIwLjIyMjY1NiAxOC4xNTYyNSAyMSBMIDEzLjg0Mzc1IDIxIEMgMTIuNzQ2MDk0IDIwLjIyMjY1NiAxMS41NTg1OTQgMTguOTg0Mzc1IDEwLjY1NjI1IDE3LjU5Mzc1IEMgOS42NDQ1MzEgMTYuMDM1MTU2IDkgMTQuMzA4NTk0IDkgMTMgQyA5IDkuMTIxMDk0IDEyLjEyMTA5NCA2IDE2IDYgWiBNIDE0LjI1IDIzIEwgMTcuNzUgMjMgQyAxNy44MjgxMjUgMjMuMDU0Njg4IDE3LjkxMDE1NiAyMy4wOTM3NSAxOCAyMy4xMjUgTCAxOCAyNSBMIDE0IDI1IEwgMTQgMjMuMTI1IEMgMTQuMDg5ODQ0IDIzLjA5Mzc1IDE0LjE3MTg3NSAyMy4wNTQ2ODggMTQuMjUgMjMgWiIvPjwvc3ZnPg==", f1 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMSA1IEwgMTEgMTEgTCA1IDExIEwgNSAxMyBMIDExIDEzIEwgMTEgMTkgTCA1IDE5IEwgNSAyMSBMIDExIDIxIEwgMTEgMjcgTCAxMyAyNyBMIDEzIDIxIEwgMTkgMjEgTCAxOSAyNyBMIDIxIDI3IEwgMjEgMjEgTCAyNyAyMSBMIDI3IDE5IEwgMjEgMTkgTCAyMSAxMyBMIDI3IDEzIEwgMjcgMTEgTCAyMSAxMSBMIDIxIDUgTCAxOSA1IEwgMTkgMTEgTCAxMyAxMSBMIDEzIDUgWiBNIDEzIDEzIEwgMTkgMTMgTCAxOSAxOSBMIDEzIDE5IFoiLz48L3N2Zz4=", e1 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSA5IDQgQyA3LjM0NiA0IDYgNS4zNDYgNiA3IEMgNiA4LjMwMTYwOTQgNi44Mzg3NDg2IDkuNDAyMTM5MSA4IDkuODE2NDA2MiBMIDggMTEuMzA0Njg4IEwgOCAyMy4yMDcwMzEgTCA4IDI3LjAyMzQzOCBDIDggMjcuNTYzNDM4IDguNDM2NTYyNSAyOCA4Ljk3NjU2MjUgMjggTCA5LjAyMzQzNzUgMjggQyA5LjU2MzQzNzUgMjggMTAgMjcuNTYzNDM3IDEwIDI3LjAyMzQzOCBMIDEwIDIyLjIyODUxNiBDIDEwLjMzNDcwNyAyMS44Mzk3NTYgMTEuMTM4NDIzIDIxLjA0Njg3NSAxMy40NDUzMTIgMjEuMDQ2ODc1IEMgMTQuNjY5MzEzIDIxLjA0Njg3NSAxNS42NzA0MjIgMjEuNDczNzgxIDE2LjczMjQyMiAyMS45MjU3ODEgQyAxNy43Njk0MjIgMjIuMzY3NzgxIDE4Ljg0MTg5MSAyMi44MjQyMTkgMjAuMDg3ODkxIDIyLjgyNDIxOSBDIDIyLjQ0Njg5MSAyMi44MjQyMTkgMjQuMDQ5Mzc1IDIxLjU4NDY4OCAyNC43MzQzNzUgMjEuMDU0Njg4IEwgMjQuODg2NzE5IDIwLjkzOTQ1MyBDIDI1LjQzNzcxOSAyMC41NDA0NTMgMjYgMTkuOTk2IDI2IDE5IEwgMjYgMTAuNjc1NzgxIEMgMjYgOS43Njc3ODEyIDI1LjIyMTgyOCA5IDI0LjI5ODgyOCA5IEMgMjMuODAzODI4IDkgMjMuNDQwNDA2IDkuMjg2NTkzNyAyMi45NDE0MDYgOS42ODM1OTM4IEMgMjIuMjc5NDA2IDEwLjIwNzU5NCAyMS4yODA4OTEgMTEgMjAuMDg3ODkxIDExIEMgMTkuMjcyODkxIDExIDE4LjQ3NzY4OCAxMC42MTk3MzQgMTcuNTU0Njg4IDEwLjE3NzczNCBDIDE2LjQwMzY4NyA5LjYyNTczNDQgMTUuMDk4MzU5IDkgMTMuNDQzMzU5IDkgQyAxMi4zMDgyNTcgOSAxMS40MjE2ODcgOS4xODgzMzkzIDEwLjcxMjg5MSA5LjQ1NzAzMTIgQyAxMS40ODkwNzEgOC45MTQxODI0IDEyIDguMDE2NzgwMiAxMiA3IEMgMTIgNS4zNDYgMTAuNjU0IDQgOSA0IHogTSA5IDYgQyA5LjU1MiA2IDEwIDYuNDQ5IDEwIDcgQyAxMCA3LjU1MSA5LjU1MiA4IDkgOCBDIDguNDQ4IDggOCA3LjU1MSA4IDcgQyA4IDYuNDQ5IDguNDQ4IDYgOSA2IHogTSAxMy40NDMzNTkgMTEgQyAxNC42NDUzNTkgMTEgMTUuNjM4NDA2IDExLjQ3NjQ2OSAxNi42OTE0MDYgMTEuOTgwNDY5IEMgMTcuNzM2NDA2IDEyLjQ4MjQ2OSAxOC44MTc4OTEgMTMgMjAuMDg3ODkxIDEzIEMgMjEuODQyODkxIDEzIDIzLjE1ODA0NyAxMi4wNTQ0ODQgMjMuOTk4MDQ3IDExLjM5NjQ4NCBMIDIzLjk5ODA0NyAxOS4wNjY0MDYgQyAyMy45OTcwNDcgMTkuMDcwNDA2IDIzLjk1Mjk4NCAxOS4xNDUyNjYgMjMuNzA4OTg0IDE5LjMyMjI2NiBMIDIzLjUwOTc2NiAxOS40NzQ2MDkgQyAyMi45NDI3NjYgMTkuOTEyNjA5IDIxLjc2Mjg5MSAyMC44MjQyMTkgMjAuMDg3ODkxIDIwLjgyNDIxOSBDIDE5LjI0OTg5MSAyMC44MjQyMTkgMTguNDQ2NjI1IDIwLjQ4MjkzNyAxNy41MTU2MjUgMjAuMDg1OTM4IEMgMTYuMzcyNjI1IDE5LjU5NzkzOCAxNS4wNzYzNTkgMTkuMDQ0OTIyIDEzLjQ0MzM1OSAxOS4wNDQ5MjIgQyAxMS44OTEzNTkgMTkuMDQ0OTIyIDEwLjc4NiAxOS4zNTggMTAgMTkuNzUgTCAxMCAxMi4zNjEzMjggQyAxMC4zNDUgMTEuOTA1MzI4IDExLjEzMjM1OSAxMSAxMy40NDMzNTkgMTEgeiIvPjwvc3ZnPg==", A1 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgMTEuODMyMDMxIDQgOC4xNTIzNDQgNi4xMTMyODEgNiA5LjM0Mzc1IEwgNiA2IEwgNCA2IEwgNCAxMyBMIDExIDEzIEwgMTEgMTEgTCA3LjM3NSAxMSBDIDkuMTAxNTYzIDguMDE5NTMxIDEyLjI5Njg3NSA2IDE2IDYgQyAyMS41MzUxNTYgNiAyNiAxMC40NjQ4NDQgMjYgMTYgQyAyNiAyMS41MzUxNTYgMjEuNTM1MTU2IDI2IDE2IDI2IEMgMTAuNDY0ODQ0IDI2IDYgMjEuNTM1MTU2IDYgMTYgTCA0IDE2IEMgNCAyMi42MTcxODggOS4zODI4MTMgMjggMTYgMjggQyAyMi42MTcxODggMjggMjggMjIuNjE3MTg4IDI4IDE2IEMgMjggOS4zODI4MTMgMjIuNjE3MTg4IDQgMTYgNCBaIE0gMTUgOCBMIDE1IDE3IEwgMjIgMTcgTCAyMiAxNSBMIDE3IDE1IEwgMTcgOCBaIi8+PC9zdmc+Cg==";
-const a1 = xf({
+var Et = /* @__PURE__ */ Of(vt, [["render", Vt]]), Tt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMi41IDUgQyAxMS40Mjk2ODggNSAxMC41IDUuNjA5Mzc1IDkuOTA2MjUgNi40Mzc1IEMgOS4zMTI1IDcuMjY1NjI1IDkgOC4zMzk4NDQgOSA5LjUgQyA5IDEwLjY2MDE1NiA5LjMxMjUgMTEuNzM0Mzc1IDkuOTA2MjUgMTIuNTYyNSBDIDEwLjUgMTMuMzkwNjI1IDExLjQyOTY4OCAxNCAxMi41IDE0IEMgMTMuNTcwMzEzIDE0IDE0LjUgMTMuMzkwNjI1IDE1LjA5Mzc1IDEyLjU2MjUgQyAxNS42ODc1IDExLjczNDM3NSAxNiAxMC42NjAxNTYgMTYgOS41IEMgMTYgOC4zMzk4NDQgMTUuNjg3NSA3LjI2NTYyNSAxNS4wOTM3NSA2LjQzNzUgQyAxNC41IDUuNjA5Mzc1IDEzLjU3MDMxMyA1IDEyLjUgNSBaIE0gMTYgOS41IEMgMTYgMTAuNjYwMTU2IDE2LjMxMjUgMTEuNzM0Mzc1IDE2LjkwNjI1IDEyLjU2MjUgQyAxNy41IDEzLjM5MDYyNSAxOC40Mjk2ODggMTQgMTkuNSAxNCBDIDIwLjU3MDMxMyAxNCAyMS41IDEzLjM5MDYyNSAyMi4wOTM3NSAxMi41NjI1IEMgMjIuNjg3NSAxMS43MzQzNzUgMjMgMTAuNjYwMTU2IDIzIDkuNSBDIDIzIDguMzM5ODQ0IDIyLjY4NzUgNy4yNjU2MjUgMjIuMDkzNzUgNi40Mzc1IEMgMjEuNSA1LjYwOTM3NSAyMC41NzAzMTMgNSAxOS41IDUgQyAxOC40Mjk2ODggNSAxNy41IDUuNjA5Mzc1IDE2LjkwNjI1IDYuNDM3NSBDIDE2LjMxMjUgNy4yNjU2MjUgMTYgOC4zMzk4NDQgMTYgOS41IFogTSAxMi41IDcgQyAxMi44MTI1IDcgMTMuMTU2MjUgNy4xNTYyNSAxMy40Njg3NSA3LjU5Mzc1IEMgMTMuNzgxMjUgOC4wMzEyNSAxNCA4LjcyNjU2MyAxNCA5LjUgQyAxNCAxMC4yNzM0MzggMTMuNzgxMjUgMTAuOTY4NzUgMTMuNDY4NzUgMTEuNDA2MjUgQyAxMy4xNTYyNSAxMS44NDM3NSAxMi44MTI1IDEyIDEyLjUgMTIgQyAxMi4xODc1IDEyIDExLjg0Mzc1IDExLjg0Mzc1IDExLjUzMTI1IDExLjQwNjI1IEMgMTEuMjE4NzUgMTAuOTY4NzUgMTEgMTAuMjczNDM4IDExIDkuNSBDIDExIDguNzI2NTYzIDExLjIxODc1IDguMDMxMjUgMTEuNTMxMjUgNy41OTM3NSBDIDExLjg0Mzc1IDcuMTU2MjUgMTIuMTg3NSA3IDEyLjUgNyBaIE0gMTkuNSA3IEMgMTkuODEyNSA3IDIwLjE1NjI1IDcuMTU2MjUgMjAuNDY4NzUgNy41OTM3NSBDIDIwLjc4MTI1IDguMDMxMjUgMjEgOC43MjY1NjMgMjEgOS41IEMgMjEgMTAuMjczNDM4IDIwLjc4MTI1IDEwLjk2ODc1IDIwLjQ2ODc1IDExLjQwNjI1IEMgMjAuMTU2MjUgMTEuODQzNzUgMTkuODEyNSAxMiAxOS41IDEyIEMgMTkuMTg3NSAxMiAxOC44NDM3NSAxMS44NDM3NSAxOC41MzEyNSAxMS40MDYyNSBDIDE4LjIxODc1IDEwLjk2ODc1IDE4IDEwLjI3MzQzOCAxOCA5LjUgQyAxOCA4LjcyNjU2MyAxOC4yMTg3NSA4LjAzMTI1IDE4LjUzMTI1IDcuNTkzNzUgQyAxOC44NDM3NSA3LjE1NjI1IDE5LjE4NzUgNyAxOS41IDcgWiBNIDcuNSAxMiBDIDYuNDI5Njg4IDEyIDUuNSAxMi42MDkzNzUgNC45MDYyNSAxMy40Mzc1IEMgNC4zMTI1IDE0LjI2NTYyNSA0IDE1LjMzOTg0NCA0IDE2LjUgQyA0IDE3LjY2MDE1NiA0LjMxMjUgMTguNzM0Mzc1IDQuOTA2MjUgMTkuNTYyNSBDIDUuNSAyMC4zOTA2MjUgNi40Mjk2ODggMjEgNy41IDIxIEMgOC41NzAzMTMgMjEgOS41IDIwLjM5MDYyNSAxMC4wOTM3NSAxOS41NjI1IEMgMTAuNjg3NSAxOC43MzQzNzUgMTEgMTcuNjYwMTU2IDExIDE2LjUgQyAxMSAxNS4zMzk4NDQgMTAuNjg3NSAxNC4yNjU2MjUgMTAuMDkzNzUgMTMuNDM3NSBDIDkuNSAxMi42MDkzNzUgOC41NzAzMTMgMTIgNy41IDEyIFogTSAyNC41IDEyIEMgMjMuNDI5Njg4IDEyIDIyLjUgMTIuNjA5Mzc1IDIxLjkwNjI1IDEzLjQzNzUgQyAyMS4zMTI1IDE0LjI2NTYyNSAyMSAxNS4zMzk4NDQgMjEgMTYuNSBDIDIxIDE3LjY2MDE1NiAyMS4zMTI1IDE4LjczNDM3NSAyMS45MDYyNSAxOS41NjI1IEMgMjIuNSAyMC4zOTA2MjUgMjMuNDI5Njg4IDIxIDI0LjUgMjEgQyAyNS41NzAzMTMgMjEgMjYuNSAyMC4zOTA2MjUgMjcuMDkzNzUgMTkuNTYyNSBDIDI3LjY4NzUgMTguNzM0Mzc1IDI4IDE3LjY2MDE1NiAyOCAxNi41IEMgMjggMTUuMzM5ODQ0IDI3LjY4NzUgMTQuMjY1NjI1IDI3LjA5Mzc1IDEzLjQzNzUgQyAyNi41IDEyLjYwOTM3NSAyNS41NzAzMTMgMTIgMjQuNSAxMiBaIE0gNy41IDE0IEMgNy44MTI1IDE0IDguMTU2MjUgMTQuMTU2MjUgOC40Njg3NSAxNC41OTM3NSBDIDguNzgxMjUgMTUuMDMxMjUgOSAxNS43MjY1NjMgOSAxNi41IEMgOSAxNy4yNzM0MzggOC43ODEyNSAxNy45Njg3NSA4LjQ2ODc1IDE4LjQwNjI1IEMgOC4xNTYyNSAxOC44NDM3NSA3LjgxMjUgMTkgNy41IDE5IEMgNy4xODc1IDE5IDYuODQzNzUgMTguODQzNzUgNi41MzEyNSAxOC40MDYyNSBDIDYuMjE4NzUgMTcuOTY4NzUgNiAxNy4yNzM0MzggNiAxNi41IEMgNiAxNS43MjY1NjMgNi4yMTg3NSAxNS4wMzEyNSA2LjUzMTI1IDE0LjU5Mzc1IEMgNi44NDM3NSAxNC4xNTYyNSA3LjE4NzUgMTQgNy41IDE0IFogTSAyNC41IDE0IEMgMjQuODEyNSAxNCAyNS4xNTYyNSAxNC4xNTYyNSAyNS40Njg3NSAxNC41OTM3NSBDIDI1Ljc4MTI1IDE1LjAzMTI1IDI2IDE1LjcyNjU2MyAyNiAxNi41IEMgMjYgMTcuMjczNDM4IDI1Ljc4MTI1IDE3Ljk2ODc1IDI1LjQ2ODc1IDE4LjQwNjI1IEMgMjUuMTU2MjUgMTguODQzNzUgMjQuODEyNSAxOSAyNC41IDE5IEMgMjQuMTg3NSAxOSAyMy44NDM3NSAxOC44NDM3NSAyMy41MzEyNSAxOC40MDYyNSBDIDIzLjIxODc1IDE3Ljk2ODc1IDIzIDE3LjI3MzQzOCAyMyAxNi41IEMgMjMgMTUuNzI2NTYzIDIzLjIxODc1IDE1LjAzMTI1IDIzLjUzMTI1IDE0LjU5Mzc1IEMgMjMuODQzNzUgMTQuMTU2MjUgMjQuMTg3NSAxNCAyNC41IDE0IFogTSAxNiAxNiBDIDE0LjY2Nzk2OSAxNiAxMy43MzgyODEgMTYuODY3MTg4IDEzLjI4MTI1IDE3LjYyNSBDIDEyLjgyNDIxOSAxOC4zODI4MTMgMTIuNTQ2ODc1IDE5LjAxNTYyNSAxMi4yODEyNSAxOS4yODEyNSBDIDEyLjEyNSAxOS40Mzc1IDExLjE2MDE1NiAxOS44MDA3ODEgMTAuMTU2MjUgMjAuMzEyNSBDIDkuNjUyMzQ0IDIwLjU3MDMxMyA5LjE0NDUzMSAyMC45MTQwNjMgOC43MTg3NSAyMS40Mzc1IEMgOC4yOTI5NjkgMjEuOTYwOTM4IDggMjIuNjg3NSA4IDIzLjUgQyA4IDI1LjQyMTg3NSA5LjU3ODEyNSAyNyAxMS41IDI3IEMgMTIuMzY3MTg4IDI3IDEzLjI2OTUzMSAyNi43MjI2NTYgMTQuMTU2MjUgMjYuNDY4NzUgQyAxNS4wNDI5NjkgMjYuMjE0ODQ0IDE2IDI2IDE2IDI2IEMgMTYgMjYgMTYuOTU3MDMxIDI2LjIxNDg0NCAxNy44NDM3NSAyNi40Njg3NSBDIDE4LjczMDQ2OSAyNi43MjI2NTYgMTkuNjMyODEzIDI3IDIwLjUgMjcgQyAyMi40MjE4NzUgMjcgMjQgMjUuNDIxODc1IDI0IDIzLjUgQyAyNCAyMi43MDcwMzEgMjMuNzA3MDMxIDIxLjk4MDQ2OSAyMy4yODEyNSAyMS40Njg3NSBDIDIyLjg1NTQ2OSAyMC45NTcwMzEgMjIuMzQzNzUgMjAuNjQwNjI1IDIxLjg0Mzc1IDIwLjM3NSBDIDIwLjg0Mzc1IDE5Ljg0Mzc1IDE5Ljg1OTM3NSAxOS40MjE4NzUgMTkuNzE4NzUgMTkuMjgxMjUgQyAxOS40ODA0NjkgMTkuMDQyOTY5IDE5LjIxMDkzOCAxOC4zOTA2MjUgMTguNzUgMTcuNjI1IEMgMTguMjg5MDYzIDE2Ljg1OTM3NSAxNy4zMzk4NDQgMTYgMTYgMTYgWiBNIDE2IDE4IEMgMTYuNjYwMTU2IDE4IDE2LjczNDM3NSAxOC4xNjAxNTYgMTcuMDMxMjUgMTguNjU2MjUgQyAxNy4zMjgxMjUgMTkuMTUyMzQ0IDE3LjU1NDY4OCAxOS45OTIxODggMTguMjgxMjUgMjAuNzE4NzUgQyAxOS4xMDU0NjkgMjEuNTQyOTY5IDIwLjE0ODQzOCAyMS43MjI2NTYgMjAuOTA2MjUgMjIuMTI1IEMgMjEuMjg1MTU2IDIyLjMyODEyNSAyMS41NzgxMjUgMjIuNTQyOTY5IDIxLjc1IDIyLjc1IEMgMjEuOTIxODc1IDIyLjk1NzAzMSAyMiAyMy4xNDg0MzggMjIgMjMuNSBDIDIyIDI0LjMzOTg0NCAyMS4zMzk4NDQgMjUgMjAuNSAyNSBDIDIwLjIxMDkzOCAyNSAxOS4yNzczNDQgMjQuNzc3MzQ0IDE4LjQwNjI1IDI0LjUzMTI1IEMgMTcuNTM1MTU2IDI0LjI4NTE1NiAxNi44MTY0MDYgMjQgMTYgMjQgQyAxNS4xODM1OTQgMjQgMTQuNDY0ODQ0IDI0LjI4NTE1NiAxMy41OTM3NSAyNC41MzEyNSBDIDEyLjcyMjY1NiAyNC43NzczNDQgMTEuNzg5MDYzIDI1IDExLjUgMjUgQyAxMC42NjAxNTYgMjUgMTAgMjQuMzM5ODQ0IDEwIDIzLjUgQyAxMCAyMy4wOTc2NTYgMTAuMDgyMDMxIDIyLjg5MDYyNSAxMC4yNSAyMi42ODc1IEMgMTAuNDE3OTY5IDIyLjQ4NDM3NSAxMC43MjI2NTYgMjIuMjg1MTU2IDExLjA5Mzc1IDIyLjA5Mzc1IEMgMTEuODM5ODQ0IDIxLjcxNDg0NCAxMi44NzUgMjEuNTYyNSAxMy43MTg3NSAyMC43MTg3NSBDIDE0LjQ1MzEyNSAxOS45ODQzNzUgMTQuNjc1NzgxIDE5LjExNzE4OCAxNC45Njg3NSAxOC42MjUgQyAxNS4yNjE3MTkgMTguMTMyODEzIDE1LjMzMjAzMSAxOCAxNiAxOCBaIi8+PC9zdmc+", xt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMSAzIEwgMTEgNyBMIDEzIDcgTCAxMyAzIFogTSAxNSA0IEwgMTUgNyBMIDE3IDcgTCAxNyA0IFogTSA0Ljg3NSA4IEwgNSA5LjA5Mzc1IEwgNi44MTI1IDI2LjMxMjUgQyA2Ljk3MjY1NiAyNy44MzIwMzEgOC4yODUxNTYgMjkgOS44MTI1IDI5IEwgMTkuMTg3NSAyOSBDIDIwLjcxNDg0NCAyOSAyMi4wMjczNDQgMjcuODMyMDMxIDIyLjE4NzUgMjYuMzEyNSBMIDIyLjY1NjI1IDIyIEwgMjUgMjIgQyAyNi42NDQ1MzEgMjIgMjggMjAuNjQ0NTMxIDI4IDE5IEwgMjggMTYgQyAyOCAxNC4zNTU0NjkgMjYuNjQ0NTMxIDEzIDI1IDEzIEwgMjMuNTkzNzUgMTMgTCAyNCA5LjA5Mzc1IEwgMjQuMTI1IDggWiBNIDcuMTI1IDEwIEwgMjEuODc1IDEwIEwgMjAuMTg3NSAyNi4wOTM3NSBDIDIwLjEzMjgxMyAyNi42MTMyODEgMTkuNzA3MDMxIDI3IDE5LjE4NzUgMjcgTCA5LjgxMjUgMjcgQyA5LjI5Mjk2OSAyNyA4Ljg2NzE4OCAyNi42MTMyODEgOC44MTI1IDI2LjA5Mzc1IFogTSAyMy4zNzUgMTUgTCAyNSAxNSBDIDI1LjU2NjQwNiAxNSAyNiAxNS40MzM1OTQgMjYgMTYgTCAyNiAxOSBDIDI2IDE5LjU2NjQwNiAyNS41NjY0MDYgMjAgMjUgMjAgTCAyMi44NDM3NSAyMCBaIi8+PC9zdmc+", St = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiAzIEMgOC44MzIwMzEgMyAzIDguODMyMDMxIDMgMTYgQyAzIDIzLjE2Nzk2OSA4LjgzMjAzMSAyOSAxNiAyOSBDIDIzLjE2Nzk2OSAyOSAyOSAyMy4xNjc5NjkgMjkgMTYgQyAyOSA4LjgzMjAzMSAyMy4xNjc5NjkgMyAxNiAzIFogTSAxNiA1IEMgMTYuNjAxNTYzIDUgMTcuMTc1NzgxIDUuMDYyNSAxNy43NSA1LjE1NjI1IEwgMTYgNi40MDYyNSBMIDE0LjI1IDUuMTU2MjUgQyAxNC44MjAzMTMgNS4wNjY0MDYgMTUuNDAyMzQ0IDUgMTYgNSBaIE0gMTEuODEyNSA1Ljg0Mzc1IEwgMTUuNDA2MjUgOC40Njg3NSBMIDE2IDguOTA2MjUgTCAxNi41OTM3NSA4LjQ2ODc1IEwgMjAuMTg3NSA1Ljg0Mzc1IEMgMjEuNzg1MTU2IDYuNTA3ODEzIDIzLjE5NTMxMyA3LjUyMzQzOCAyNC4zMTI1IDguODEyNSBMIDIyLjkzNzUgMTMuMDkzNzUgTCAyMi43MTg3NSAxMy43ODEyNSBMIDIzLjMxMjUgMTQuMTg3NSBMIDI2LjkzNzUgMTYuODQzNzUgQyAyNi44MDQ2ODggMTguNjA1NDY5IDI2LjI2NTYyNSAyMC4yNTc4MTMgMjUuNDA2MjUgMjEuNjg3NSBMIDIwLjEyNSAyMS42ODc1IEwgMTkuOTA2MjUgMjIuMzc1IEwgMTguNSAyNi43MTg3NSBDIDE3LjY5OTIxOSAyNi45MDYyNSAxNi44NTkzNzUgMjcgMTYgMjcgQyAxNS4xMDU0NjkgMjcgMTQuMjM4MjgxIDI2Ljg4NjcxOSAxMy40MDYyNSAyNi42ODc1IEwgMTIuMDMxMjUgMjIuNDA2MjUgTCAxMS44MTI1IDIxLjcxODc1IEwgNi41OTM3NSAyMS43MTg3NSBDIDUuNzE4NzUgMjAuMjgxMjUgNS4xOTkyMTkgMTguNjIxMDk0IDUuMDYyNSAxNi44NDM3NSBMIDguNjU2MjUgMTQuMjE4NzUgTCA5LjI1IDEzLjgxMjUgTCA5LjAzMTI1IDEzLjEyNSBMIDcuNjI1IDguODc1IEMgOC43NSA3LjU1NDY4OCAxMC4xODM1OTQgNi41MTU2MjUgMTEuODEyNSA1Ljg0Mzc1IFogTSAxNiAxMC4wOTM3NSBMIDE1LjQwNjI1IDEwLjUzMTI1IEwgMTAuODQzNzUgMTMuODQzNzUgTCAxMC4yODEyNSAxNC4yODEyNSBMIDEwLjUgMTQuOTY4NzUgTCAxMi4yNSAyMC4zMTI1IEwgMTIuNDY4NzUgMjEgTCAxOS41MzEyNSAyMSBMIDE5Ljc1IDIwLjMxMjUgTCAyMS41IDE0Ljk2ODc1IEwgMjEuNzE4NzUgMTQuMjgxMjUgTCAyMS4xNTYyNSAxMy44NDM3NSBMIDE2LjU5Mzc1IDEwLjUzMTI1IFogTSAyNS43NSAxMC45MDYyNSBDIDI2LjI5Njg3NSAxMS45NTMxMjUgMjYuNjU2MjUgMTMuMTAxNTYzIDI2Ljg0Mzc1IDE0LjMxMjUgTCAyNS4wNjI1IDEzLjAzMTI1IFogTSA2LjIxODc1IDEwLjk2ODc1IEwgNi45MDYyNSAxMy4wMzEyNSBMIDUuMTU2MjUgMTQuMzEyNSBDIDUuMzM5ODQ0IDEzLjEyNSA1LjY4NzUgMTIgNi4yMTg3NSAxMC45Njg3NSBaIE0gMTYgMTIuNTkzNzUgTCAxOS4zNzUgMTUuMDMxMjUgTCAxOC4wOTM3NSAxOSBMIDEzLjkwNjI1IDE5IEwgMTIuNjI1IDE1LjAzMTI1IFogTSAyMS41OTM3NSAyMy42ODc1IEwgMjMuODQzNzUgMjMuNjg3NSBDIDIyLjk5MjE4OCAyNC41NjY0MDYgMjIuMDExNzE5IDI1LjI5Mjk2OSAyMC45MDYyNSAyNS44NDM3NSBaIE0gOC4xNTYyNSAyMy43MTg3NSBMIDEwLjM0Mzc1IDIzLjcxODc1IEwgMTEuMDMxMjUgMjUuODEyNSBDIDkuOTYwOTM4IDI1LjI2OTUzMSA4Ljk4ODI4MSAyNC41NjI1IDguMTU2MjUgMjMuNzE4NzUgWiIvPjwvc3ZnPg==", zt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSA5LjUgNiBDIDguMTc5Njg4IDYgNy4wMDM5MDYgNi44NTkzNzUgNi42MjUgOC4xMjUgTCA1LjI1IDEyLjcxODc1IEwgMy4zMTI1IDEyLjA2MjUgTCAyLjY4NzUgMTMuOTM3NSBMIDQuNjU2MjUgMTQuNTkzNzUgTCA0LjAzMTI1IDE2LjcxODc1IEMgNC4wMDc4MTMgMTYuODA4NTk0IDMuOTk2MDk0IDE2LjkwNjI1IDQgMTcgTCA0IDI0IEMgNCAyNC4wMzEyNSA0IDI0LjA2MjUgNCAyNC4wOTM3NSBMIDQgMjUgQyA0IDI1LjU1MDc4MSA0LjQ0OTIxOSAyNiA1IDI2IEwgOCAyNiBMIDguMzQzNzUgMjUgTCAyMy42NTYyNSAyNSBMIDI0IDI2IEwgMjcgMjYgQyAyNy41NTA3ODEgMjYgMjggMjUuNTUwNzgxIDI4IDI1IEwgMjggMjQuMTU2MjUgQyAyOC4wMDM5MDYgMjQuMTA1NDY5IDI4LjAwMzkwNiAyNC4wNTA3ODEgMjggMjQgTCAyOCAxNyBDIDI4LjAwMzkwNiAxNi45MDYyNSAyNy45OTIxODggMTYuODA4NTk0IDI3Ljk2ODc1IDE2LjcxODc1IEwgMjcuMzQzNzUgMTQuNTkzNzUgTCAyOS4zMTI1IDEzLjkzNzUgTCAyOC42ODc1IDEyLjA2MjUgTCAyNi43NSAxMi43MTg3NSBMIDI1LjM3NSA4LjEyNSBDIDI0Ljk5NjA5NCA2Ljg1OTM3NSAyMy44MjAzMTMgNiAyMi41IDYgWiBNIDkuNSA4IEwgMjIuNSA4IEMgMjIuOTQ1MzEzIDggMjMuMzM5ODQ0IDguMjkyOTY5IDIzLjQ2ODc1IDguNzE4NzUgTCAyNC43NSAxMyBMIDcuMjUgMTMgTCA4LjUzMTI1IDguNzE4NzUgQyA4LjY2MDE1NiA4LjI4OTA2MyA5LjA1NDY4OCA4IDkuNSA4IFogTSA2LjY1NjI1IDE1IEwgMjUuMzQzNzUgMTUgTCAyNiAxNy4xODc1IEwgMjYgMjMgTCA2IDIzIEwgNiAxNy4xODc1IFogTSA4LjUgMTYgQyA3LjY3MTg3NSAxNiA3IDE2LjY3MTg3NSA3IDE3LjUgQyA3IDE4LjMyODEyNSA3LjY3MTg3NSAxOSA4LjUgMTkgQyA5LjMyODEyNSAxOSAxMCAxOC4zMjgxMjUgMTAgMTcuNSBDIDEwIDE2LjY3MTg3NSA5LjMyODEyNSAxNiA4LjUgMTYgWiBNIDIzLjUgMTYgQyAyMi42NzE4NzUgMTYgMjIgMTYuNjcxODc1IDIyIDE3LjUgQyAyMiAxOC4zMjgxMjUgMjIuNjcxODc1IDE5IDIzLjUgMTkgQyAyNC4zMjgxMjUgMTkgMjUgMTguMzI4MTI1IDI1IDE3LjUgQyAyNSAxNi42NzE4NzUgMjQuMzI4MTI1IDE2IDIzLjUgMTYgWiBNIDEyIDE5IEwgMTAuNzUgMjIgTCAxMi45MDYyNSAyMiBMIDEzLjM0Mzc1IDIxIEwgMTguNjU2MjUgMjEgTCAxOS4wOTM3NSAyMiBMIDIxLjI1IDIyIEwgMjAgMTkgWiIvPjwvc3ZnPg==", Ot = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgMTEuMDQyOTY5IDQgNyA4LjA0Mjk2OSA3IDEzIEMgNyAxNC45MTc5NjkgNy44NDM3NSAxNi45MDYyNSA5IDE4LjY4NzUgQyA5Ljg1OTM3NSAyMC4wMTE3MTkgMTAuODg2NzE5IDIxLjIzMDQ2OSAxMiAyMi4xNTYyNSBMIDEyIDI1IEMgMTIgMjYuMDkzNzUgMTIuOTA2MjUgMjcgMTQgMjcgTCAxNSAyOCBMIDE3IDI4IEwgMTggMjcgQyAxOS4wOTM3NSAyNyAyMCAyNi4wOTM3NSAyMCAyNSBMIDIwIDIyLjE1NjI1IEMgMjEuMTEzMjgxIDIxLjIzMDQ2OSAyMi4xNDA2MjUgMjAuMDExNzE5IDIzIDE4LjY4NzUgQyAyNC4xNTYyNSAxNi45MDYyNSAyNSAxNC45MTc5NjkgMjUgMTMgQyAyNSA4LjA0Mjk2OSAyMC45NTcwMzEgNCAxNiA0IFogTSAxNiA2IEMgMTkuODc4OTA2IDYgMjMgOS4xMjEwOTQgMjMgMTMgQyAyMyAxNC4zMDg1OTQgMjIuMzU1NDY5IDE2LjAzNTE1NiAyMS4zNDM3NSAxNy41OTM3NSBDIDIwLjQ0MTQwNiAxOC45ODQzNzUgMTkuMjUzOTA2IDIwLjIyMjY1NiAxOC4xNTYyNSAyMSBMIDEzLjg0Mzc1IDIxIEMgMTIuNzQ2MDk0IDIwLjIyMjY1NiAxMS41NTg1OTQgMTguOTg0Mzc1IDEwLjY1NjI1IDE3LjU5Mzc1IEMgOS42NDQ1MzEgMTYuMDM1MTU2IDkgMTQuMzA4NTk0IDkgMTMgQyA5IDkuMTIxMDk0IDEyLjEyMTA5NCA2IDE2IDYgWiBNIDE0LjI1IDIzIEwgMTcuNzUgMjMgQyAxNy44MjgxMjUgMjMuMDU0Njg4IDE3LjkxMDE1NiAyMy4wOTM3NSAxOCAyMy4xMjUgTCAxOCAyNSBMIDE0IDI1IEwgMTQgMjMuMTI1IEMgMTQuMDg5ODQ0IDIzLjA5Mzc1IDE0LjE3MTg3NSAyMy4wNTQ2ODggMTQuMjUgMjMgWiIvPjwvc3ZnPg==", Ct = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMSA1IEwgMTEgMTEgTCA1IDExIEwgNSAxMyBMIDExIDEzIEwgMTEgMTkgTCA1IDE5IEwgNSAyMSBMIDExIDIxIEwgMTEgMjcgTCAxMyAyNyBMIDEzIDIxIEwgMTkgMjEgTCAxOSAyNyBMIDIxIDI3IEwgMjEgMjEgTCAyNyAyMSBMIDI3IDE5IEwgMjEgMTkgTCAyMSAxMyBMIDI3IDEzIEwgMjcgMTEgTCAyMSAxMSBMIDIxIDUgTCAxOSA1IEwgMTkgMTEgTCAxMyAxMSBMIDEzIDUgWiBNIDEzIDEzIEwgMTkgMTMgTCAxOSAxOSBMIDEzIDE5IFoiLz48L3N2Zz4=", Ut = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSA5IDQgQyA3LjM0NiA0IDYgNS4zNDYgNiA3IEMgNiA4LjMwMTYwOTQgNi44Mzg3NDg2IDkuNDAyMTM5MSA4IDkuODE2NDA2MiBMIDggMTEuMzA0Njg4IEwgOCAyMy4yMDcwMzEgTCA4IDI3LjAyMzQzOCBDIDggMjcuNTYzNDM4IDguNDM2NTYyNSAyOCA4Ljk3NjU2MjUgMjggTCA5LjAyMzQzNzUgMjggQyA5LjU2MzQzNzUgMjggMTAgMjcuNTYzNDM3IDEwIDI3LjAyMzQzOCBMIDEwIDIyLjIyODUxNiBDIDEwLjMzNDcwNyAyMS44Mzk3NTYgMTEuMTM4NDIzIDIxLjA0Njg3NSAxMy40NDUzMTIgMjEuMDQ2ODc1IEMgMTQuNjY5MzEzIDIxLjA0Njg3NSAxNS42NzA0MjIgMjEuNDczNzgxIDE2LjczMjQyMiAyMS45MjU3ODEgQyAxNy43Njk0MjIgMjIuMzY3NzgxIDE4Ljg0MTg5MSAyMi44MjQyMTkgMjAuMDg3ODkxIDIyLjgyNDIxOSBDIDIyLjQ0Njg5MSAyMi44MjQyMTkgMjQuMDQ5Mzc1IDIxLjU4NDY4OCAyNC43MzQzNzUgMjEuMDU0Njg4IEwgMjQuODg2NzE5IDIwLjkzOTQ1MyBDIDI1LjQzNzcxOSAyMC41NDA0NTMgMjYgMTkuOTk2IDI2IDE5IEwgMjYgMTAuNjc1NzgxIEMgMjYgOS43Njc3ODEyIDI1LjIyMTgyOCA5IDI0LjI5ODgyOCA5IEMgMjMuODAzODI4IDkgMjMuNDQwNDA2IDkuMjg2NTkzNyAyMi45NDE0MDYgOS42ODM1OTM4IEMgMjIuMjc5NDA2IDEwLjIwNzU5NCAyMS4yODA4OTEgMTEgMjAuMDg3ODkxIDExIEMgMTkuMjcyODkxIDExIDE4LjQ3NzY4OCAxMC42MTk3MzQgMTcuNTU0Njg4IDEwLjE3NzczNCBDIDE2LjQwMzY4NyA5LjYyNTczNDQgMTUuMDk4MzU5IDkgMTMuNDQzMzU5IDkgQyAxMi4zMDgyNTcgOSAxMS40MjE2ODcgOS4xODgzMzkzIDEwLjcxMjg5MSA5LjQ1NzAzMTIgQyAxMS40ODkwNzEgOC45MTQxODI0IDEyIDguMDE2NzgwMiAxMiA3IEMgMTIgNS4zNDYgMTAuNjU0IDQgOSA0IHogTSA5IDYgQyA5LjU1MiA2IDEwIDYuNDQ5IDEwIDcgQyAxMCA3LjU1MSA5LjU1MiA4IDkgOCBDIDguNDQ4IDggOCA3LjU1MSA4IDcgQyA4IDYuNDQ5IDguNDQ4IDYgOSA2IHogTSAxMy40NDMzNTkgMTEgQyAxNC42NDUzNTkgMTEgMTUuNjM4NDA2IDExLjQ3NjQ2OSAxNi42OTE0MDYgMTEuOTgwNDY5IEMgMTcuNzM2NDA2IDEyLjQ4MjQ2OSAxOC44MTc4OTEgMTMgMjAuMDg3ODkxIDEzIEMgMjEuODQyODkxIDEzIDIzLjE1ODA0NyAxMi4wNTQ0ODQgMjMuOTk4MDQ3IDExLjM5NjQ4NCBMIDIzLjk5ODA0NyAxOS4wNjY0MDYgQyAyMy45OTcwNDcgMTkuMDcwNDA2IDIzLjk1Mjk4NCAxOS4xNDUyNjYgMjMuNzA4OTg0IDE5LjMyMjI2NiBMIDIzLjUwOTc2NiAxOS40NzQ2MDkgQyAyMi45NDI3NjYgMTkuOTEyNjA5IDIxLjc2Mjg5MSAyMC44MjQyMTkgMjAuMDg3ODkxIDIwLjgyNDIxOSBDIDE5LjI0OTg5MSAyMC44MjQyMTkgMTguNDQ2NjI1IDIwLjQ4MjkzNyAxNy41MTU2MjUgMjAuMDg1OTM4IEMgMTYuMzcyNjI1IDE5LjU5NzkzOCAxNS4wNzYzNTkgMTkuMDQ0OTIyIDEzLjQ0MzM1OSAxOS4wNDQ5MjIgQyAxMS44OTEzNTkgMTkuMDQ0OTIyIDEwLjc4NiAxOS4zNTggMTAgMTkuNzUgTCAxMCAxMi4zNjEzMjggQyAxMC4zNDUgMTEuOTA1MzI4IDExLjEzMjM1OSAxMSAxMy40NDMzNTkgMTEgeiIvPjwvc3ZnPg==", Lt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgMTEuODMyMDMxIDQgOC4xNTIzNDQgNi4xMTMyODEgNiA5LjM0Mzc1IEwgNiA2IEwgNCA2IEwgNCAxMyBMIDExIDEzIEwgMTEgMTEgTCA3LjM3NSAxMSBDIDkuMTAxNTYzIDguMDE5NTMxIDEyLjI5Njg3NSA2IDE2IDYgQyAyMS41MzUxNTYgNiAyNiAxMC40NjQ4NDQgMjYgMTYgQyAyNiAyMS41MzUxNTYgMjEuNTM1MTU2IDI2IDE2IDI2IEMgMTAuNDY0ODQ0IDI2IDYgMjEuNTM1MTU2IDYgMTYgTCA0IDE2IEMgNCAyMi42MTcxODggOS4zODI4MTMgMjggMTYgMjggQyAyMi42MTcxODggMjggMjggMjIuNjE3MTg4IDI4IDE2IEMgMjggOS4zODI4MTMgMjIuNjE3MTg4IDQgMTYgNCBaIE0gMTUgOCBMIDE1IDE3IEwgMjIgMTcgTCAyMiAxNSBMIDE3IDE1IEwgMTcgOCBaIi8+PC9zdmc+Cg==";
+const Qt = xf({
   name: "Header",
   setup(f) {
-    const { state: e, updateSearch: A, updateActiveGroup: a } = Hf("store"), n = V(() => !e.options.hideSearch), s = V(() => !e.options.hideGroupIcons), t = JSON.parse(JSON.stringify(e.orderedGroupKeys)), i = V(
+    const { state: e, updateSearch: A, updateActiveGroup: n } = Zf("store"), a = E(() => !e.options.hideSearch), i = E(() => !e.options.hideGroupIcons), t = JSON.parse(JSON.stringify(e.orderedGroupKeys)), s = E(
       () => e.options.staticTexts.placeholder || ""
-    ), o = V({
+    ), o = E({
       get: () => e.search,
-      set: (c) => A(c)
-    }), r = [
+      set: (d) => A(d)
+    }), l = [
       ...e.groups,
-      ...Object.keys(e.options.additionalGroups).map((c) => ({
-        key: c,
-        title: e.options.groupNames[c] ? e.options.groupNames[c] : uA(c)
+      ...Object.keys(e.options.additionalGroups).map((d) => ({
+        key: d,
+        title: e.options.groupNames[d] ? e.options.groupNames[d] : oA(d)
       }))
-    ], d = [];
-    return t.forEach((c) => {
-      const M = r.findIndex((b) => b.key === c);
-      M !== -1 && (d.push(r[M]), r.splice(M, 1));
+    ], c = [];
+    return t.forEach((d) => {
+      const M = l.findIndex((b) => b.key === d);
+      M !== -1 && (c.push(l[M]), l.splice(M, 1));
     }), {
-      orderedGroups: d,
+      orderedGroups: c,
       orderedKeys: t,
       searchValue: o,
-      updateActiveGroup: a,
-      hasSearch: n,
-      hasGroupIcons: s,
-      placeholder: i,
+      updateActiveGroup: n,
+      hasSearch: a,
+      hasGroupIcons: i,
+      placeholder: s,
       icons: {
         smileys_people: iA,
-        animals_nature: Pt,
-        food_drink: Ht,
-        activities: Gt,
-        travel_places: $t,
-        objects: Xt,
-        symbols: f1,
-        flags: e1,
+        animals_nature: Tt,
+        food_drink: xt,
+        activities: St,
+        travel_places: zt,
+        objects: Ot,
+        symbols: Ct,
+        flags: Ut,
         ...e.options.groupIcons,
-        recent: A1
+        recent: Lt
       }
     };
   }
-}), n1 = {
+}), Bt = {
   key: 0,
   class: "v3-header"
-}, t1 = {
+}, Yt = {
   key: 0,
   class: "v3-groups"
-}, s1 = ["onClick"], i1 = ["title"], o1 = ["src"], u1 = {
+}, Rt = ["onClick"], qt = ["title"], Ft = ["src"], Jt = {
   key: 1,
   class: "v3-spacing"
-}, r1 = {
+}, Wt = {
   key: 2,
   class: "v3-search"
-}, l1 = ["placeholder"];
-function c1(f, e, A, a, n, s) {
-  return f.hasGroupIcons || f.hasSearch ? (l(), g("div", n1, [
-    f.hasGroupIcons ? (l(), g("div", t1, [
-      (l(!0), g(q, null, F(f.orderedGroups, (t) => (l(), g("button", {
+}, Kt = ["placeholder"];
+function Pt(f, e, A, n, a, i) {
+  return f.hasGroupIcons || f.hasSearch ? (r(), g("div", Bt, [
+    f.hasGroupIcons ? (r(), g("div", Yt, [
+      (r(!0), g(B, null, F(f.orderedGroups, (t) => (r(), g("button", {
         key: t.key,
         type: "button",
         class: T(["v3-group", {
           "v3-is-hidden": !f.icons[t.key]
         }]),
-        onClick: (i) => f.updateActiveGroup(t.key)
+        onClick: (s) => f.updateActiveGroup(t.key)
       }, [
         u("span", {
           title: t.title,
@@ -13953,90 +13810,90 @@ function c1(f, e, A, a, n, s) {
           u("img", {
             src: f.icons[t.key],
             alt: ""
-          }, null, 8, o1)
-        ], 8, i1)
-      ], 10, s1))), 128))
+          }, null, 8, Ft)
+        ], 8, qt)
+      ], 10, Rt))), 128))
     ])) : y("", !0),
-    f.hasGroupIcons && f.hasSearch ? (l(), g("div", u1)) : y("", !0),
-    f.hasSearch ? (l(), g("div", r1, [
-      P(u("input", {
+    f.hasGroupIcons && f.hasSearch ? (r(), g("div", Jt)) : y("", !0),
+    f.hasSearch ? (r(), g("div", Wt, [
+      ff(u("input", {
         "onUpdate:modelValue": e[0] || (e[0] = (t) => f.searchValue = t),
         type: "text",
         placeholder: f.placeholder
-      }, null, 8, l1), [
-        [Pf, f.searchValue]
+      }, null, 8, Kt), [
+        [re, f.searchValue]
       ])
     ])) : y("", !0)
   ])) : y("", !0);
 }
-var d1 = /* @__PURE__ */ Of(a1, [["render", c1]]);
-const g1 = xf({
+var Zt = /* @__PURE__ */ Of(Qt, [["render", Pt]]);
+const Ht = xf({
   name: "Header",
   setup() {
-    const { state: f, updateSkinTone: e } = Hf("store"), A = v(!1), a = v(!1), n = V(() => f.skinTone), s = V(
+    const { state: f, updateSkinTone: e } = Zf("store"), A = v(!1), n = v(!1), a = E(() => f.skinTone), i = E(
       () => f.options.staticTexts.skinTone || "Skin tone"
-    ), t = V(() => !f.options.disableSkinTones), i = oA() ? "is-mac" : "", o = V(() => ({
+    ), t = E(() => !f.options.disableSkinTones), s = sA() ? "is-mac" : "", o = E(() => ({
       ...f.emoji,
-      src: Ke + "/" + f.emoji[Vf] + ".png"
+      src: We + "/" + f.emoji[Vf] + ".png"
     }));
-    function r(M = !0) {
+    function l(M = !0) {
       A.value = M;
     }
-    function d() {
+    function c() {
       A.value = !A.value;
     }
-    function c(M) {
-      e(M), r(!1);
+    function d(M) {
+      e(M), l(!1);
     }
-    return Gf(
+    return Hf(
       () => f.emoji,
       () => {
-        a.value = !1;
+        n.value = !1;
       }
     ), {
       emoji: o,
-      SKIN_TONES: tn,
-      updateSkinToneState: r,
+      SKIN_TONES: Rn,
+      updateSkinToneState: l,
       skinTone: A,
-      stateSkinTone: n,
-      selectSkinTone: c,
-      toggleSkinToneState: d,
+      stateSkinTone: a,
+      selectSkinTone: d,
+      toggleSkinToneState: c,
       EMOJI_RESULT_KEY: Vf,
-      EMOJI_NAME_KEY: $f,
-      skinToneText: s,
+      EMOJI_NAME_KEY: Gf,
+      skinToneText: i,
       hasSkinTones: t,
       native: f.options.native,
       unicodeToEmoji: Jf,
-      platform: i,
-      hasError: a
+      platform: s,
+      hasError: n
     };
   }
-}), m1 = { class: "v3-foot-left" }, M1 = { key: 0 }, p1 = ["alt", "src"], h1 = { class: "v3-text" }, b1 = { class: "v3-text" }, y1 = ["onClick"];
-function v1(f, e, A, a, n, s) {
-  return l(), g("div", {
+}), Gt = { class: "v3-foot-left" }, $t = { key: 0 }, Xt = ["alt", "src"], f1 = { class: "v3-text" }, e1 = { class: "v3-text" }, A1 = ["onClick"];
+function n1(f, e, A, n, a, i) {
+  return r(), g("div", {
     class: "v3-footer",
     onMouseleave: e[2] || (e[2] = (t) => f.updateSkinToneState(!1))
   }, [
-    u("div", m1, [
+    u("div", Gt, [
       u("span", {
         class: T([f.platform, "v3-icon"])
       }, [
-        f.native || f.hasError ? (l(), g("span", M1, N(f.unicodeToEmoji(f.emoji.r)), 1)) : (l(), g("img", {
+        f.native || f.hasError ? (r(), g("span", $t, N(f.unicodeToEmoji(f.emoji.r)), 1)) : (r(), g("img", {
           key: 1,
           alt: f.unicodeToEmoji(f.emoji.r),
           src: f.emoji.src,
           onError: e[0] || (e[0] = (t) => f.hasError = !0)
-        }, null, 40, p1))
+        }, null, 40, Xt))
       ], 2),
-      u("span", h1, " :" + N(f.emoji[f.EMOJI_NAME_KEY][1] || f.emoji[f.EMOJI_NAME_KEY][0]) + ": ", 1)
+      u("span", f1, " :" + N(f.emoji[f.EMOJI_NAME_KEY][1] || f.emoji[f.EMOJI_NAME_KEY][0]) + ": ", 1)
     ]),
-    f.hasSkinTones ? (l(), g(q, { key: 0 }, [
+    f.hasSkinTones ? (r(), g(B, { key: 0 }, [
       u("button", {
         type: "button",
         class: "v3-tone",
         onClick: e[1] || (e[1] = (...t) => f.toggleSkinToneState && f.toggleSkinToneState(...t))
       }, [
-        u("span", b1, N(f.skinToneText), 1),
+        u("span", e1, N(f.skinToneText), 1),
         u("span", {
           class: T(`v3-icon v3-tone-${f.stateSkinTone}`)
         }, null, 2)
@@ -14044,23 +13901,23 @@ function v1(f, e, A, a, n, s) {
       u("div", {
         class: T([f.skinTone ? "v3-is-open" : "", "v3-skin-tones"])
       }, [
-        (l(!0), g(q, null, F(f.SKIN_TONES, (t) => (l(), g("button", {
+        (r(!0), g(B, null, F(f.SKIN_TONES, (t) => (r(), g("button", {
           key: t,
           type: "button",
           class: T(["v3-skin-tone-" + t, "v3-skin-tone"]),
-          onClick: (i) => f.selectSkinTone(t)
-        }, null, 10, y1))), 128))
+          onClick: (s) => f.selectSkinTone(t)
+        }, null, 10, A1))), 128))
       ], 2)
     ], 64)) : y("", !0)
   ], 32);
 }
-var I1 = /* @__PURE__ */ Of(g1, [["render", v1]]);
-const N1 = xf({
+var a1 = /* @__PURE__ */ Of(Ht, [["render", n1]]);
+const t1 = xf({
   name: "PickerRoot",
   components: {
-    Header: d1,
-    Body: Zt,
-    Footer: I1
+    Header: Zt,
+    Body: Et,
+    Footer: a1
   },
   props: {
     type: {
@@ -14093,12 +13950,12 @@ const N1 = xf({
     "update:text": (f) => !0
   },
   setup(f, { emit: e }) {
-    const A = v(), a = v(), n = v(), s = v(!1), t = v(f.text), i = f.type === "input" || f.type === "textarea";
+    const A = v(), n = v(), a = v(), i = v(!1), t = v(f.text), s = f.type === "input" || f.type === "textarea";
     let o = -1;
-    const { state: r } = Hf("store"), d = V(() => r.options.colorTheme);
-    function c(p) {
-      if (i) {
-        const I = r.options.mode;
+    const { state: l } = Zf("store"), c = E(() => l.options.colorTheme);
+    function d(p) {
+      if (s) {
+        const I = l.options.mode;
         I === "prepend" ? t.value = p.i + t.value : I === "insert" && o !== -1 ? (t.value = `${t.value.slice(0, o)}${p.i}${t.value.slice(o)}`, o += p.i.length) : t.value += p.i, e("update:text", t.value);
       }
       e("select", p);
@@ -14111,12 +13968,12 @@ const N1 = xf({
       var I;
       !((I = p.target) != null && I.closest(
         ".v3-input-picker-wrap"
-      )) && s.value && (s.value = !1);
+      )) && i.value && (i.value = !1);
     }
     function m() {
-      if (a.value && n.value && i) {
-        let p = r.options.offset;
-        typeof p != "number" && (p = 6), Ut(a.value, n.value, {
+      if (n.value && a.value && s) {
+        let p = l.options.offset;
+        typeof p != "number" && (p = 6), bt(n.value, a.value, {
           placement: "bottom-end",
           modifiers: [
             {
@@ -14132,48 +13989,48 @@ const N1 = xf({
     function h(p) {
       t.value = p.target.value || "", e("update:text", t.value);
     }
-    return Zf(() => {
+    return Pf(() => {
       m();
-    }), bA(() => {
+    }), hA(() => {
       document.body.removeEventListener("click", b);
     }), {
       face: iA,
-      open: s,
-      onSelect: c,
+      open: i,
+      onSelect: d,
       input: t,
       elem: A,
       updateCursor: M,
-      button: a,
-      picker: n,
-      isInputType: i,
+      button: n,
+      picker: a,
+      isInputType: s,
       onChangeText: h,
-      colorTheme: d
+      colorTheme: c
     };
   }
-}), w1 = {
+}), i1 = {
   key: 0,
   class: "v3-input-emoji-picker"
-}, D1 = { class: "v3-input-picker-root" }, _1 = ["value"], k1 = ["value"], j1 = ["src"];
-function V1(f, e, A, a, n, s) {
-  const t = qf("Header"), i = qf("Body"), o = qf("Footer");
-  return f.isInputType ? (l(), g("div", w1, [
-    u("div", D1, [
-      f.type === "input" ? (l(), g("input", {
+}, s1 = { class: "v3-input-picker-root" }, o1 = ["value"], u1 = ["value"], r1 = ["src"];
+function l1(f, e, A, n, a, i) {
+  const t = qf("Header"), s = qf("Body"), o = qf("Footer");
+  return f.isInputType ? (r(), g("div", i1, [
+    u("div", s1, [
+      f.type === "input" ? (r(), g("input", {
         key: 0,
         ref: "elem",
         value: f.input,
         type: "text",
         class: "v3-emoji-picker-input",
-        onInput: e[0] || (e[0] = (...r) => f.onChangeText && f.onChangeText(...r)),
-        onBlur: e[1] || (e[1] = (...r) => f.updateCursor && f.updateCursor(...r))
-      }, null, 40, _1)) : (l(), g("textarea", {
+        onInput: e[0] || (e[0] = (...l) => f.onChangeText && f.onChangeText(...l)),
+        onBlur: e[1] || (e[1] = (...l) => f.updateCursor && f.updateCursor(...l))
+      }, null, 40, o1)) : (r(), g("textarea", {
         key: 1,
         ref: "elem",
         value: f.input,
         class: "v3-emoji-picker-textarea",
-        onInput: e[2] || (e[2] = (...r) => f.onChangeText && f.onChangeText(...r)),
-        onBlur: e[3] || (e[3] = (...r) => f.updateCursor && f.updateCursor(...r))
-      }, null, 40, k1)),
+        onInput: e[2] || (e[2] = (...l) => f.onChangeText && f.onChangeText(...l)),
+        onBlur: e[3] || (e[3] = (...l) => f.updateCursor && f.updateCursor(...l))
+      }, null, 40, u1)),
       u("div", {
         class: T(["v3-input-picker-wrap", f.open ? "v3-picker-is-open" : ""])
       }, [
@@ -14181,37 +14038,37 @@ function V1(f, e, A, a, n, s) {
           ref: "button",
           type: "button",
           class: "v3-input-picker-icon",
-          onClick: e[4] || (e[4] = (r) => f.open = !f.open)
+          onClick: e[4] || (e[4] = (l) => f.open = !f.open)
         }, [
           u("img", {
             src: f.face,
             alt: ""
-          }, null, 8, j1)
+          }, null, 8, r1)
         ], 512),
         u("div", {
           ref: "picker",
           class: T(["v3-emoji-picker", "v3-color-theme-" + f.colorTheme])
         }, [
           z(t),
-          z(i, { onSelect: f.onSelect }, null, 8, ["onSelect"]),
+          z(s, { onSelect: f.onSelect }, null, 8, ["onSelect"]),
           z(o)
         ], 2)
       ], 2)
     ])
-  ])) : (l(), g("div", {
+  ])) : (r(), g("div", {
     key: 1,
     class: T(["v3-emoji-picker", "v3-color-theme-" + f.colorTheme])
   }, [
     z(t),
-    z(i, { onSelect: f.onSelect }, null, 8, ["onSelect"]),
+    z(s, { onSelect: f.onSelect }, null, 8, ["onSelect"]),
     z(o)
   ], 2));
 }
-var E1 = /* @__PURE__ */ Of(N1, [["render", V1]]);
-const T1 = xf({
+var c1 = /* @__PURE__ */ Of(t1, [["render", l1]]);
+const d1 = xf({
   name: "Picker",
   components: {
-    PickerRoot: E1
+    PickerRoot: c1
   },
   props: {
     native: {
@@ -14293,19 +14150,19 @@ const T1 = xf({
   },
   setup(f, { emit: e }) {
     const A = v(f.text);
-    function a(s) {
-      A.value = s || "", e("update:text", A.value);
+    function n(i) {
+      A.value = i || "", e("update:text", A.value);
     }
-    const n = Tn();
-    return n.updateOptions({
+    const a = da();
+    return a.updateOptions({
       native: f.native,
       hideSearch: f.hideSearch,
       hideGroupIcons: f.hideGroupIcons,
       hideGroupNames: f.hideGroupNames,
-      staticTexts: { ...sn, ...f.staticTexts },
+      staticTexts: { ...qn, ...f.staticTexts },
       disableStickyGroupNames: f.disableStickyGroupNames,
       disabledGroups: f.disabledGroups,
-      groupNames: { ...Ze, ...f.groupNames },
+      groupNames: { ...Ke, ...f.groupNames },
       disableSkinTones: f.disableSkinTones,
       displayRecent: f.displayRecent,
       additionalGroups: f.additionalGroups,
@@ -14313,35 +14170,35 @@ const T1 = xf({
       offset: f.offset,
       groupOrder: f.groupOrder,
       groupIcons: f.groupIcons,
-      colorTheme: on.includes(f.theme) ? f.theme : "light"
-    }), yA("store", n), {
+      colorTheme: Fn.includes(f.theme) ? f.theme : "light"
+    }), bA("store", a), {
       type: f.pickerType,
       input: A,
-      onChangeText: a
+      onChangeText: n
     };
   }
 });
-function x1(f, e, A, a, n, s) {
+function g1(f, e, A, n, a, i) {
   const t = qf("picker-root");
-  return l(), L(t, {
+  return r(), Q(t, {
     type: f.type,
     text: f.input,
-    onSelect: e[0] || (e[0] = (i) => f.$emit("select", i)),
+    onSelect: e[0] || (e[0] = (s) => f.$emit("select", s)),
     "onUpdate:text": f.onChangeText
   }, null, 8, ["type", "text", "onUpdate:text"]);
 }
-var S1 = /* @__PURE__ */ Of(T1, [["render", x1]]);
-const z1 = { class: "channels__container" }, O1 = { class: "channels__title-container" }, C1 = {
+var m1 = /* @__PURE__ */ Of(d1, [["render", g1]]);
+const M1 = { class: "channels__container" }, p1 = { class: "channels__title-container" }, h1 = {
   key: 0,
   class: "channels__selected"
-}, U1 = {
+}, b1 = {
   key: 0,
   class: "channels__icon"
-}, L1 = ["src"], Q1 = { class: "channels__title" }, B1 = {
+}, y1 = ["src"], v1 = { class: "channels__title" }, I1 = {
   key: 1,
   class: "channels__title"
-}, Y1 = { class: "channels__popover-container" }, R1 = { class: "channels__popover-list" }, q1 = ["onClick"], F1 = {
-  __name: "Channels2",
+}, N1 = { class: "channels__popover-container" }, w1 = { class: "channels__popover-list" }, D1 = ["onClick"], _1 = {
+  __name: "ChannelSelector",
   props: {
     channels: {
       type: Array,
@@ -14350,54 +14207,54 @@ const z1 = { class: "channels__container" }, O1 = { class: "channels__title-cont
   },
   emits: ["selectChannel"],
   setup(f, { emit: e }) {
-    const A = v(!0), a = v(null), n = f, s = e, i = v(n.channels.find((c) => c.type === "default")), o = (c) => {
-      i.value = c, r(), s("selectChannel", i.value);
-    }, r = () => {
+    const A = v(!0), n = v(null), a = f, i = e, s = v(a.channels.find((d) => d.type === "default")), o = (d) => {
+      s.value = d, l(), i("selectChannel", s.value);
+    }, l = () => {
       A.value = !A.value;
-    }, d = (c) => {
-      a.value && !a.value.contains(c.target) && (A.value = !1);
+    }, c = (d) => {
+      n.value && !n.value.contains(d.target) && (A.value = !1);
     };
-    return Zf(() => {
-      document.addEventListener("click", d);
-    }), NA(() => {
-      document.removeEventListener("click", d);
-    }), (c, M) => (l(), g("div", {
+    return Pf(() => {
+      document.addEventListener("click", c);
+    }), IA(() => {
+      document.removeEventListener("click", c);
+    }), (d, M) => (r(), g("div", {
       ref_key: "customDiv",
-      ref: a,
+      ref: n,
       class: "channels"
     }, [
-      u("div", z1, [
+      u("div", M1, [
         u("button", {
           class: "channels__button",
-          onClick: r
+          onClick: l
         }, M[1] || (M[1] = [
           u("span", { class: "pi pi-list" }, null, -1)
         ])),
-        u("div", O1, [
-          i.value ? (l(), g("div", C1, [
-            i.value.icon ? (l(), g("span", U1, [
+        u("div", p1, [
+          s.value ? (r(), g("div", h1, [
+            s.value.icon ? (r(), g("span", b1, [
               u("img", {
-                src: i.value.icon
-              }, null, 8, L1)
+                src: s.value.icon
+              }, null, 8, y1)
             ])) : y("", !0),
-            u("span", Q1, N(i.value.title), 1)
-          ])) : (l(), g("span", B1, "Чат не выбран"))
+            u("span", v1, N(s.value.title), 1)
+          ])) : (r(), g("span", I1, "Чат не выбран"))
         ]),
-        z(X, null, {
-          default: ff(() => [
-            A.value ? (l(), g("div", {
+        z($, null, {
+          default: X(() => [
+            A.value ? (r(), g("div", {
               key: 0,
               class: "channels__popover",
-              onClick: M[0] || (M[0] = wA(() => {
+              onClick: M[0] || (M[0] = NA(() => {
               }, ["stop"]))
             }, [
-              u("div", Y1, [
-                u("ul", R1, [
-                  (l(!0), g(q, null, F(f.channels, (b) => (l(), g("li", {
+              u("div", N1, [
+                u("ul", w1, [
+                  (r(!0), g(B, null, F(f.channels, (b) => (r(), g("li", {
                     key: b.channelId,
                     class: "channels__popover-item",
                     onClick: (m) => o(b)
-                  }, N(b.title), 9, q1))), 128))
+                  }, N(b.title), 9, D1))), 128))
                 ])
               ])
             ])) : y("", !0)
@@ -14407,8 +14264,8 @@ const z1 = { class: "channels__container" }, O1 = { class: "channels__title-cont
       ])
     ], 512));
   }
-}, J1 = /* @__PURE__ */ x(F1, [["__scopeId", "data-v-8b12bed4"]]), W1 = { class: "chat-input" }, K1 = { class: "chat-input__container" }, Z1 = {
-  __name: "ChatInput2",
+}, k1 = /* @__PURE__ */ x(_1, [["__scopeId", "data-v-5ecf1140"]]), j1 = { class: "chat-input" }, V1 = { class: "chat-input__container" }, E1 = {
+  __name: "ChatInput",
   props: /* @__PURE__ */ Ee({
     enableEmoji: {
       type: Boolean,
@@ -14430,116 +14287,176 @@ const z1 = { class: "channels__container" }, O1 = { class: "channels__title-cont
   }),
   emits: /* @__PURE__ */ Ee(["send"], ["update:modelValue"]),
   setup(f, { emit: e }) {
-    const A = e, a = DA(f, "modelValue"), n = v(null), s = v(null), t = V(() => !s.value || s.value === ""), i = v(!1), o = (b) => {
-      console.log("fileUploaded", b), s.value = b;
-    }, r = () => {
-      i.value = !1;
+    const A = e, n = wA(f, "modelValue"), a = v(null), i = v(null), t = E(() => !i.value || i.value === ""), s = v(!1), o = (b) => {
+      console.log("fileUploaded", b), i.value = b;
+    }, l = () => {
+      s.value = !1;
       const b = {
         type: null,
         text: null
       };
-      s.value ? (b.type = "message.file", b.text = s.value) : (b.type = "message.text", b.text = a.value.trim()), A("send", b), s.value = !1, a.value = "", df(n).focus();
-    }, d = () => {
-      i.value = !i.value;
-    }, c = V(() => {
+      i.value ? (b.type = "message.file", b.text = i.value) : (b.type = "message.text", b.text = n.value.trim()), A("send", b), i.value = !1, n.value = "", _f(a).focus();
+    }, c = () => {
+      s.value = !s.value;
+    }, d = E(() => {
       if (document.documentElement.classList.contains("dark"))
         return "dark";
     }), M = (b) => {
-      a.value = (a.value ? a.value : "") + b.i;
+      n.value = (n.value ? n.value : "") + b.i;
     };
-    return (b, m) => (l(), g("div", W1, [
-      u("div", K1, [
-        z(X, null, {
-          default: ff(() => [
-            i.value ? (l(), L(df(S1), {
+    return (b, m) => (r(), g("div", j1, [
+      u("div", V1, [
+        z($, null, {
+          default: X(() => [
+            s.value ? (r(), Q(_f(m1), {
               key: 0,
               class: "chat-input__emoji",
               native: !0,
-              theme: c.value,
+              theme: d.value,
               "picker-type": "",
               onSelect: M
             }, null, 8, ["theme"])) : y("", !0)
           ]),
           _: 1
         }),
-        z(df(Ws), {
+        z(_f(Ui), {
           "can-upload-file": t.value,
           onFileUploaded: o
         }, null, 8, ["can-upload-file"]),
-        P(u("input", {
+        ff(u("input", {
           ref_key: "refInput",
-          ref: n,
-          "onUpdate:modelValue": m[0] || (m[0] = (h) => a.value = h),
+          ref: a,
+          "onUpdate:modelValue": m[0] || (m[0] = (h) => n.value = h),
           class: "chat-input__input",
           placeholder: "Type a message...",
-          onKeydown: Fe(r, ["enter"])
+          onKeydown: DA(l, ["enter"])
         }, null, 544), [
-          [Pf, a.value]
+          [re, n.value]
         ]),
-        z(J1, { channels: f.channels }, null, 8, ["channels"]),
+        z(k1, { channels: f.channels }, null, 8, ["channels"]),
         u("button", {
           class: "chat-input__button-emoji",
-          onClick: d
+          onClick: c
         }, m[1] || (m[1] = [
           u("span", { class: "pi pi-face-smile" }, null, -1)
         ])),
         u("button", {
           class: "chat-input__button-send",
-          onClick: r
+          onClick: l
         }, m[2] || (m[2] = [
           u("span", { class: "pi pi-send" }, null, -1)
         ]))
       ])
     ]));
   }
-}, Xs = /* @__PURE__ */ x(Z1, [["__scopeId", "data-v-a20b9245"]]), P1 = { class: "chat-list" }, H1 = {
-  __name: "ChatList",
+}, es = /* @__PURE__ */ x(E1, [["__scopeId", "data-v-01b70224"]]), T1 = { class: "chat-item__avatar-container" }, x1 = ["src"], S1 = {
+  key: 1,
+  class: "pi pi-user"
+}, z1 = { class: "chat-item__info-container" }, O1 = { class: "chat-item__name" }, C1 = {
+  key: 0,
+  class: "chat-item__last-message"
+}, U1 = { class: "chat-item__details-container" }, L1 = {
+  key: 0,
+  class: "chat-item__time"
+}, Q1 = {
+  key: 1,
+  class: "chat-item__unread"
+}, B1 = {
+  key: 3,
+  class: "chat-item__fixed pi pi-thumbtack"
+}, Y1 = {
+  __name: "Chat",
   props: {
-    chats: {
-      type: Array,
+    chat: {
+      type: Object,
       required: !0
     }
   },
-  emits: ["select"],
+  emits: ["select", "action"],
   setup(f, { emit: e }) {
-    const A = f, a = e, n = (t) => {
-      a("select", t);
-    }, s = () => A.chats.sort((t, i) => {
-      if (t.countUnread > i.countUnread) return -1;
-      if (t.countUnread < i.countUnread) return 1;
-      if (t.countUnread == i.countUnread) return 0;
-    });
-    return (t, i) => (l(), g("div", P1, [
-      (l(!0), g(q, null, F(s(), (o) => (l(), L(EA, {
-        key: o.chatId,
-        chat: o,
-        onSelect: n
-      }, null, 8, ["chat"]))), 128))
-    ]));
+    const A = f, n = e, a = () => {
+      n("select", A.chat);
+    }, i = () => A.chat.isSelected ? "chat-item__selected" : "chat-item", t = (d) => {
+      c(), n("action", { chatId: A.chat.chatId, ...d });
+    }, s = v(!1), o = v(!1), l = () => {
+      o.value = !0;
+    }, c = () => {
+      o.value = !1, s.value = !1;
+    };
+    return (d, M) => (r(), g("div", {
+      class: T(i()),
+      onClick: a
+    }, [
+      u("div", {
+        class: "chat-item__container",
+        onMouseenter: l,
+        onMouseleave: c
+      }, [
+        u("div", T1, [
+          u("span", {
+            class: "chat-item__status",
+            style: J({ backgroundColor: A.chat.status })
+          }, null, 4),
+          A.chat.avatar ? (r(), g("img", {
+            key: 0,
+            src: A.chat.avatar,
+            height: "32",
+            width: "32"
+          }, null, 8, x1)) : (r(), g("span", S1))
+        ]),
+        u("div", z1, [
+          u("div", O1, N(f.chat.name), 1),
+          f.chat.lastMessage ? (r(), g("div", C1, N(f.chat.lastMessage), 1)) : y("", !0)
+        ]),
+        u("div", U1, [
+          !(o.value && f.chat.actions) && f.chat["lastActivity.time"] ? (r(), g("div", L1, N(f.chat["lastActivity.time"]), 1)) : y("", !0),
+          !(o.value && f.chat.actions) && f.chat.countUnread > 0 ? (r(), g("div", Q1, N(f.chat.countUnread), 1)) : y("", !0),
+          o.value && f.chat.actions ? (r(), g("button", {
+            key: 2,
+            class: "chat-item__menu-button",
+            onClick: M[0] || (M[0] = (b) => s.value = !s.value)
+          }, M[1] || (M[1] = [
+            u("span", { class: "pi pi-ellipsis-h" }, null, -1)
+          ]))) : y("", !0),
+          f.chat.isFixedTop || f.chat.isFixedBottom ? (r(), g("span", B1)) : y("", !0)
+        ]),
+        z($, null, {
+          default: X(() => [
+            s.value && f.chat.actions ? (r(), Q(yf, {
+              key: 0,
+              class: "chat-item__context-menu",
+              actions: f.chat.actions,
+              onClick: t
+            }, null, 8, ["actions"])) : y("", !0)
+          ]),
+          _: 1
+        })
+      ], 32)
+    ], 2));
   }
-}, fi = /* @__PURE__ */ x(H1, [["__scopeId", "data-v-fafd9097"]]), G1 = { class: "chat-filter" }, $1 = { class: "chat-filter__container" }, X1 = {
+}, ie = /* @__PURE__ */ x(Y1, [["__scopeId", "data-v-a487bf67"]]), R1 = { class: "chat-filter" }, q1 = { class: "chat-filter__container" }, F1 = {
   __name: "ChatFilter",
   emits: ["update"],
   setup(f, { emit: e }) {
-    const A = v(""), a = e, n = () => {
-      const s = df(A);
-      a("update", s.value);
+    const A = v(""), n = e, a = () => {
+      const i = _f(A);
+      n("update", i.value);
     };
-    return (s, t) => (l(), g("div", G1, [
-      u("div", $1, [
+    return (i, t) => (r(), g("div", R1, [
+      u("div", q1, [
         u("input", {
           ref_key: "refInput",
           ref: A,
           class: "chat-filter__input",
           type: "text",
           placeholder: "Поиск...",
-          onInput: n
+          onInput: a
         }, null, 544)
       ])
     ]));
   }
-}, fs = /* @__PURE__ */ x(X1, [["__scopeId", "data-v-0b9db0cf"]]), es = { class: "chat-list" }, As = { class: "chat-list__container" }, as = { class: "chat-list__items" }, ns = { class: "chat-list__fixed-items-top" }, ts = { class: "chat-list__scrollable-items" }, ss = { class: "chat-list__fixed-items-bottom" }, is = {
-  __name: "ChatList2",
+}, J1 = /* @__PURE__ */ x(F1, [["__scopeId", "data-v-6252b323"]]), W1 = { class: "chat-list" }, K1 = { class: "chat-list__container" }, P1 = { class: "chat-list__items" }, Z1 = { class: "chat-list__fixed-items-top" }, H1 = { class: "chat-list__scrollable-items" }, G1 = { class: "chat-list__fixed-items-bottom" }, $1 = {
+  __name: "ChatList",
   props: {
     chats: {
       type: Array,
@@ -14552,50 +14469,50 @@ const z1 = { class: "channels__container" }, O1 = { class: "channels__title-cont
   },
   emits: ["select", "action"],
   setup(f, { emit: e }) {
-    const A = v(""), a = f, n = e, s = (r) => {
-      n("select", r), a.chats.forEach((c) => c.isSelected = !1);
-      const d = a.chats.find((c) => c.chatId === r.chatId);
-      d.isSelected = !0;
-    }, t = () => a.chats.sort((r, d) => {
-      if (r.countUnread > d.countUnread) return -1;
-      if (r.countUnread < d.countUnread) return 1;
-      if (r.countUnread == d.countUnread) return 0;
-    }).filter((r) => r.name.includes(A.value)), i = (r) => {
-      A.value = r;
-    }, o = (r) => n("action", r);
-    return (r, d) => (l(), g("div", es, [
-      u("div", As, [
-        d[0] || (d[0] = u("h2", { class: "chat-list__title" }, " Чаты ", -1)),
-        f.filterEnabled ? (l(), L(fs, {
+    const A = v(""), n = f, a = e, i = (l) => {
+      a("select", l), n.chats.forEach((d) => d.isSelected = !1);
+      const c = n.chats.find((d) => d.chatId === l.chatId);
+      c.isSelected = !0;
+    }, t = () => n.chats.sort((l, c) => {
+      if (l.countUnread > c.countUnread) return -1;
+      if (l.countUnread < c.countUnread) return 1;
+      if (l.countUnread == c.countUnread) return 0;
+    }).filter((l) => l.name.includes(A.value)), s = (l) => {
+      A.value = l;
+    }, o = (l) => a("action", l);
+    return (l, c) => (r(), g("div", W1, [
+      u("div", K1, [
+        c[0] || (c[0] = u("h2", { class: "chat-list__title" }, " Чаты ", -1)),
+        f.filterEnabled ? (r(), Q(J1, {
           key: 0,
           class: "chat-list__filter",
-          onUpdate: i
+          onUpdate: s
         })) : y("", !0),
-        u("div", as, [
-          u("div", ns, [
-            (l(!0), g(q, null, F(t().filter((c) => c.isFixedTop), (c) => (l(), L(ne, {
-              key: c.chatId,
+        u("div", P1, [
+          u("div", Z1, [
+            (r(!0), g(B, null, F(t().filter((d) => d.isFixedTop), (d) => (r(), Q(ie, {
+              key: d.chatId,
               class: "chat-list__item",
-              chat: c,
-              onSelect: s,
+              chat: d,
+              onSelect: i,
               onAction: o
             }, null, 8, ["chat"]))), 128))
           ]),
-          u("div", ts, [
-            (l(!0), g(q, null, F(t().filter((c) => !c.isFixedBottom && !c.isFixedTop), (c) => (l(), L(ne, {
-              key: c.chatId,
+          u("div", H1, [
+            (r(!0), g(B, null, F(t().filter((d) => !d.isFixedBottom && !d.isFixedTop), (d) => (r(), Q(ie, {
+              key: d.chatId,
               class: "chat-list__item",
-              chat: c,
-              onSelect: s,
+              chat: d,
+              onSelect: i,
               onAction: o
             }, null, 8, ["chat"]))), 128))
           ]),
-          u("div", ss, [
-            (l(!0), g(q, null, F(t().filter((c) => c.isFixedBottom), (c) => (l(), L(ne, {
-              key: c.chatId,
+          u("div", G1, [
+            (r(!0), g(B, null, F(t().filter((d) => d.isFixedBottom), (d) => (r(), Q(ie, {
+              key: d.chatId,
               class: "chat-list__item",
-              chat: c,
-              onSelect: s,
+              chat: d,
+              onSelect: i,
               onAction: o
             }, null, 8, ["chat"]))), 128))
           ])
@@ -14603,10 +14520,10 @@ const z1 = { class: "channels__container" }, O1 = { class: "channels__title-cont
       ])
     ]));
   }
-}, ei = /* @__PURE__ */ x(is, [["__scopeId", "data-v-afc996fd"]]), os = ["messageId"], us = ["src"], rs = ["src"], ls = { class: "video-message__controls" }, cs = { class: "video-message__remaining-time" }, ds = { class: "video-message__time" }, gs = {
+}, As = /* @__PURE__ */ x($1, [["__scopeId", "data-v-a0a9f8c3"]]), X1 = ["messageId"], fi = ["src"], ei = ["src"], Ai = { class: "video-message__controls" }, ni = { class: "video-message__remaining-time" }, ai = { class: "video-message__time" }, ti = {
   key: 0,
   class: "pi pi-check"
-}, ms = {
+}, ii = {
   __name: "VideoMessage",
   props: {
     message: {
@@ -14619,94 +14536,96 @@ const z1 = { class: "channels__container" }, O1 = { class: "channels__title-cont
     function A(h) {
       return h.position === "left" ? "video-message__left" : "video-message__right";
     }
-    const a = v(null), n = v(!1), s = v(0), t = v(0), i = v(!1), o = v(!1), r = () => {
+    const n = v(null), a = v(!1), i = v(0), t = v(0), s = v(!1), o = v(!1), l = () => {
       o.value = !0;
-    }, d = () => {
-      o.value = !1, i.value = !1;
+    }, c = () => {
+      o.value = !1, s.value = !1;
     };
-    function c() {
-      a.value && (n.value ? a.value.pause() : a.value.play(), n.value = !n.value);
+    function d() {
+      n.value && (a.value ? n.value.pause() : n.value.play(), a.value = !a.value);
     }
     const M = (h) => {
       const p = Math.floor(h / 60), I = Math.floor(h % 60);
       return `${p.toString().padStart(2, "0")}:${I.toString().padStart(2, "0")}`;
-    }, b = V(() => {
-      if (a.value) {
-        if (t.value >= s.value)
-          return n.value = !1, "00:00";
+    }, b = E(() => {
+      if (n.value) {
+        if (t.value >= i.value)
+          return a.value = !1, "00:00";
         {
-          const h = s.value - t.value;
+          const h = i.value - t.value;
           return M(h);
         }
       }
-    }), m = V(() => {
+    }), m = E(() => {
       switch (e.message.status) {
         case "read":
           return "video-message__status--read";
         case "received":
           return "video-message__status--received";
+        default:
+          return "";
       }
     });
-    return Zf(() => {
-      a.value.addEventListener("loadedmetadata", () => {
-        s.value = a.value.duration;
-      }), a.value.addEventListener("timeupdate", () => {
-        t.value = a.value.currentTime;
+    return Pf(() => {
+      n.value.addEventListener("loadedmetadata", () => {
+        i.value = n.value.duration;
+      }), n.value.addEventListener("timeupdate", () => {
+        t.value = n.value.currentTime;
       });
-    }), (h, p) => (l(), g("div", {
+    }), (h, p) => (r(), g("div", {
       class: T(["video-message", A(f.message)]),
       messageId: f.message.messageId,
-      onMouseleave: d
+      onMouseleave: c
     }, [
-      f.message.avatar ? (l(), g("img", {
+      f.message.avatar ? (r(), g("img", {
         key: 0,
         class: "video-message__avatar",
         src: f.message.avatar,
         height: "32",
         width: "32",
-        style: G({ gridRow: f.message.subText ? "2" : "1" })
-      }, null, 12, us)) : y("", !0),
+        style: J({ gridRow: f.message.subText ? "2" : "1" })
+      }, null, 12, fi)) : y("", !0),
       u("div", {
         class: "video-message__content",
-        onMouseenter: r
+        onMouseenter: l
       }, [
         u("video", {
           ref_key: "player",
-          ref: a,
+          ref: n,
           class: "video-message__video",
           src: f.message.url
-        }, null, 8, rs),
-        u("div", ls, [
-          z(X, null, {
-            default: ff(() => [
-              P(u("button", {
+        }, null, 8, ei),
+        u("div", Ai, [
+          z($, null, {
+            default: X(() => [
+              ff(u("button", {
                 class: "video-message__play",
-                onClick: c
+                onClick: d
               }, p[1] || (p[1] = [
                 u("span", { class: "pi pi-play" }, null, -1)
               ]), 512), [
-                [gf, !n.value]
+                [df, !a.value]
               ])
             ]),
             _: 1
           }),
-          P(u("button", {
+          ff(u("button", {
             class: "video-message__pause",
-            onClick: c
+            onClick: d
           }, null, 512), [
-            [gf, n.value]
+            [df, a.value]
           ])
         ]),
-        o.value && f.message.actions ? (l(), g("button", {
+        o.value && f.message.actions ? (r(), g("button", {
           key: 0,
           class: "video-message__menu-button",
-          onClick: p[0] || (p[0] = (I) => i.value = !i.value)
+          onClick: p[0] || (p[0] = (I) => s.value = !s.value)
         }, p[2] || (p[2] = [
           u("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : y("", !0),
-        z(X, null, {
-          default: ff(() => [
-            i.value && f.message.actions ? (l(), L(vf, {
+        z($, null, {
+          default: X(() => [
+            s.value && f.message.actions ? (r(), Q(yf, {
               key: 0,
               class: "video-message__context-menu",
               actions: f.message.actions,
@@ -14715,37 +14634,37 @@ const z1 = { class: "channels__container" }, O1 = { class: "channels__title-cont
           ]),
           _: 1
         }),
-        u("p", cs, N(`${b.value}`), 1),
-        u("span", ds, N(f.message.time), 1),
-        A(f.message) === "video-message__right" && f.message.status ? (l(), g("div", {
+        u("p", ni, N(`${b.value}`), 1),
+        u("span", ai, N(f.message.time), 1),
+        A(f.message) === "video-message__right" && f.message.status ? (r(), g("div", {
           key: 1,
           class: T(["video-message__status", m.value])
         }, [
-          f.message.status !== "sent" ? (l(), g("span", gs)) : y("", !0),
+          f.message.status !== "sent" ? (r(), g("span", ti)) : y("", !0),
           p[3] || (p[3] = u("span", { class: "pi pi-check" }, null, -1))
         ], 2)) : y("", !0)
       ], 32)
-    ], 42, os));
+    ], 42, X1));
   }
-}, Ms = /* @__PURE__ */ x(ms, [["__scopeId", "data-v-74ace8dd"]]), ps = { class: "call-message" }, hs = ["messageId"], bs = ["src"], ys = {
+}, si = /* @__PURE__ */ x(ii, [["__scopeId", "data-v-ba3f5d29"]]), oi = { class: "call-message" }, ui = ["messageId"], ri = ["src"], li = {
   key: 1,
   class: "call-message__subtext"
-}, vs = {
+}, ci = {
   key: 0,
   class: "call-message__title"
-}, Is = {
+}, di = {
   key: 1,
   class: "call-message__title"
-}, Ns = {
+}, gi = {
   key: 2,
   class: "call-message__duration"
-}, ws = {
+}, mi = {
   key: 3,
   class: "call-message__duration"
-}, Ds = {
+}, Mi = {
   key: 4,
   class: "call-message__duration"
-}, _s = { class: "call-message__info-container" }, ks = { class: "call-message__time" }, js = {
+}, pi = { class: "call-message__info-container" }, hi = { class: "call-message__time" }, bi = {
   __name: "CallMessage",
   props: {
     message: {
@@ -14757,38 +14676,38 @@ const z1 = { class: "channels__container" }, O1 = { class: "channels__title-cont
     function e(A) {
       return A.position === "left" ? "call-message__left" : "call-message__right";
     }
-    return (A, a) => (l(), g("div", ps, [
+    return (A, n) => (r(), g("div", oi, [
       u("div", {
         class: T(e(f.message)),
         messageId: f.message.messageId
       }, [
-        f.message.avatar ? (l(), g("img", {
+        f.message.avatar ? (r(), g("img", {
           key: 0,
           class: "call-message__avatar",
           src: f.message.avatar,
           height: "32",
           width: "32",
-          style: G({ gridRow: f.message.subText ? "2" : "1" })
-        }, null, 12, bs)) : y("", !0),
-        f.message.subText ? (l(), g("p", ys, N(f.message.subText), 1)) : y("", !0),
+          style: J({ gridRow: f.message.subText ? "2" : "1" })
+        }, null, 12, ri)) : y("", !0),
+        f.message.subText ? (r(), g("p", li, N(f.message.subText), 1)) : y("", !0),
         u("div", {
           class: "call-message__content",
-          style: G({ paddingRight: f.message.isMissedCall ? "16px" : "78px" })
+          style: J({ paddingRight: f.message.isMissedCall ? "16px" : "78px" })
         }, [
           u("span", {
             class: "call-message__icon pi pi-phone",
-            style: G({ color: f.message.isMissedCall ? "var(--call-message-color-icon-error)" : "var(--neutral-100)" })
+            style: J({ color: f.message.isMissedCall ? "var(--call-message-color-icon-error)" : "var(--neutral-100)" })
           }, null, 4),
-          f.message.isMissedCall ? (l(), g("span", Is, "Пропущенный аудиозвонок")) : (l(), g("span", vs, "Аудиозвонок")),
-          f.message.callDuration ? (l(), g("span", Ns, N(f.message.callDuration), 1)) : !f.message.callDuration && f.message.isMissedCall ? (l(), g("span", ws, "Нажмите, чтобы перезвонить")) : (l(), g("span", Ds, "Нет ответа")),
-          u("div", _s, [
-            u("span", ks, N(f.message.time), 1)
+          f.message.isMissedCall ? (r(), g("span", di, "Пропущенный аудиозвонок")) : (r(), g("span", ci, "Аудиозвонок")),
+          f.message.callDuration ? (r(), g("span", gi, N(f.message.callDuration), 1)) : !f.message.callDuration && f.message.isMissedCall ? (r(), g("span", mi, "Нажмите, чтобы перезвонить")) : (r(), g("span", Mi, "Нет ответа")),
+          u("div", pi, [
+            u("span", hi, N(f.message.time), 1)
           ])
         ], 4)
-      ], 10, hs)
+      ], 10, ui)
     ]));
   }
-}, Vs = /* @__PURE__ */ x(js, [["__scopeId", "data-v-7cc4efee"]]), Es = { class: "message-feed__container" }, Ts = {
+}, yi = /* @__PURE__ */ x(bi, [["__scopeId", "data-v-4c8e1ec1"]]), vi = { class: "message-feed__container" }, Ii = {
   __name: "Feed",
   props: {
     objects: {
@@ -14796,37 +14715,43 @@ const z1 = { class: "channels__container" }, O1 = { class: "channels__title-cont
       required: !0
     }
   },
-  setup(f) {
-    const e = v(null), A = f, a = (s) => ({
-      "message.text": ga,
-      "message.image": Ra,
-      "message.file": ea,
-      "message.audio": Da,
-      "message.video": Ms,
-      "message.call": Vs,
-      "system.date": Ea
-    })[s];
-    function n() {
-      We(function() {
-        const s = df(e);
-        s.scrollTop = s.scrollHeight;
+  emits: ["messageAction"],
+  setup(f, { emit: e }) {
+    const A = v(null), n = f, a = e, i = (o) => ({
+      "message.text": ln,
+      "message.image": en,
+      "message.file": qA,
+      "message.audio": In,
+      "message.video": si,
+      "message.call": yi,
+      "system.date": kn
+    })[o];
+    function t() {
+      Je(function() {
+        const o = _f(A);
+        o.scrollTop = o.scrollHeight;
       });
     }
-    return _A(() => n), Gf(() => A.objects, n), (s, t) => (l(), g("div", {
+    _A(() => t), Hf(() => n.objects, t);
+    const s = (o) => {
+      a("messageAction", o);
+    };
+    return (o, l) => (r(), g("div", {
       ref_key: "refFeed",
-      ref: e,
+      ref: A,
       class: "message-feed"
     }, [
-      u("div", Es, [
-        (l(!0), g(q, null, F(f.objects, (i) => (l(), L(kA(a(i.type)), {
-          key: i.messageId,
+      u("div", vi, [
+        (r(!0), g(B, null, F(f.objects, (c) => (r(), Q(kA(i(c.type)), {
+          key: c.messageId,
           class: "message-feed__message",
-          message: i
-        }, null, 8, ["message"]))), 128))
+          message: c,
+          onAction: s
+        }, null, 40, ["message"]))), 128))
       ])
     ], 512));
   }
-}, Ai = /* @__PURE__ */ x(Ts, [["__scopeId", "data-v-9a873e6b"]]), xs = { class: "profile" }, Ss = { key: 0 }, zs = {
+}, ns = /* @__PURE__ */ x(Ii, [["__scopeId", "data-v-5719d84b"]]), Ni = { class: "profile" }, wi = { key: 0 }, Di = {
   __name: "Profile",
   props: {
     user: {
@@ -14835,18 +14760,18 @@ const z1 = { class: "channels__container" }, O1 = { class: "channels__title-cont
     }
   },
   setup(f) {
-    return (e, A) => (l(), g("div", xs, [
-      f.user ? (l(), g("div", Ss, [
+    return (e, A) => (r(), g("div", Ni, [
+      f.user ? (r(), g("div", wi, [
         u("h2", null, N(f.user.name), 1),
         u("p", null, N(f.user.email), 1),
         u("p", null, N(f.user.phone), 1)
       ])) : y("", !0)
     ]));
   }
-}, ai = /* @__PURE__ */ x(zs, [["__scopeId", "data-v-e1bf37ef"]]), Os = {
+}, as = /* @__PURE__ */ x(Di, [["__scopeId", "data-v-c86d3beb"]]), _i = {
   key: 0,
   class: "new-chat-modal"
-}, Cs = { class: "modal-content" }, Us = { class: "participant-list" }, Ls = ["id", "value"], Qs = ["for"], Bs = {
+}, ki = { class: "modal-content" }, ji = { class: "participant-list" }, Vi = ["id", "value"], Ei = ["for"], Ti = {
   __name: "CreateNewChat",
   props: {
     users: {
@@ -14865,51 +14790,51 @@ const z1 = { class: "channels__container" }, O1 = { class: "channels__title-cont
   },
   emits: ["createNewChat"],
   setup(f, { emit: e }) {
-    const A = f, a = v(!1), n = v(""), s = v([]), t = v(A.users), i = e, o = () => {
-      a.value = !0;
-    }, r = async () => {
-      s.value.length > 0 && (n.value && A.isChatName || !A.isChatName) && (i("createNewChat", {
-        chatName: n.value,
-        users: s.value
-      }), d(), c());
-    }, d = () => {
-      a.value = !1;
+    const A = f, n = v(!1), a = v(""), i = v([]), t = v(A.users), s = e, o = () => {
+      n.value = !0;
+    }, l = async () => {
+      i.value.length > 0 && (a.value && A.isChatName || !A.isChatName) && (s("createNewChat", {
+        chatName: a.value,
+        users: i.value
+      }), c(), d());
     }, c = () => {
-      n.value = "", s.value = [];
+      n.value = !1;
+    }, d = () => {
+      a.value = "", i.value = [];
     }, M = () => {
-      d(), c();
+      c(), d();
     };
-    return (b, m) => (l(), g("div", null, [
-      a.value ? (l(), g("div", Os, [
-        u("div", Cs, [
+    return (b, m) => (r(), g("div", null, [
+      n.value ? (r(), g("div", _i, [
+        u("div", ki, [
           m[2] || (m[2] = u("h2", null, "Создать чат", -1)),
-          f.isChatName ? P((l(), g("input", {
+          f.isChatName ? ff((r(), g("input", {
             key: 0,
-            "onUpdate:modelValue": m[0] || (m[0] = (h) => n.value = h),
+            "onUpdate:modelValue": m[0] || (m[0] = (h) => a.value = h),
             placeholder: "название чата"
           }, null, 512)), [
-            [Pf, n.value]
+            [re, a.value]
           ]) : y("", !0),
-          u("div", Us, [
-            (l(!0), g(q, null, F(t.value, (h) => (l(), g("div", {
+          u("div", ji, [
+            (r(!0), g(B, null, F(t.value, (h) => (r(), g("div", {
               key: h.userId,
               class: "participant-item"
             }, [
-              P(u("input", {
+              ff(u("input", {
                 id: h.userId,
-                "onUpdate:modelValue": m[1] || (m[1] = (p) => s.value = p),
+                "onUpdate:modelValue": m[1] || (m[1] = (p) => i.value = p),
                 type: "checkbox",
                 value: h.userId
-              }, null, 8, Ls), [
-                [jA, s.value]
+              }, null, 8, Vi), [
+                [jA, i.value]
               ]),
               u("label", {
                 for: h.userId
-              }, N(h.name || "unknown username"), 9, Qs)
+              }, N(h.name || "unknown username"), 9, Ei)
             ]))), 128))
           ]),
           u("div", { class: "modal-actions" }, [
-            u("button", { onClick: r }, " Создать "),
+            u("button", { onClick: l }, " Создать "),
             u("button", { onClick: M }, " Отмена ")
           ])
         ])
@@ -14920,10 +14845,10 @@ const z1 = { class: "channels__container" }, O1 = { class: "channels__title-cont
       }, N(f.title), 1)
     ]));
   }
-}, ni = /* @__PURE__ */ x(Bs, [["__scopeId", "data-v-c6988508"]]), Ys = {
+}, ts = /* @__PURE__ */ x(Ti, [["__scopeId", "data-v-c6988508"]]), xi = {
   key: 0,
   class: "chat-input__button-file"
-}, Rs = { key: 1 }, qs = { key: 2 }, Fs = { key: 3 }, Js = {
+}, Si = { key: 1 }, zi = { key: 2 }, Oi = { key: 3 }, Ci = {
   __name: "FileUploader",
   props: {
     canUploadFile: {
@@ -14934,17 +14859,17 @@ const z1 = { class: "channels__container" }, O1 = { class: "channels__title-cont
   },
   emits: ["fileUploaded"],
   setup(f, { emit: e }) {
-    const A = f, a = v(null), n = v(""), s = v(""), t = v(""), i = v(!1), o = v(!1), r = v(!1), d = e;
-    Gf(() => A.canUploadFile, () => {
-      We(() => {
-        A.canUploadFile === !0 && (n.value = null);
+    const A = f, n = v(null), a = v(""), i = v(""), t = v(""), s = v(!1), o = v(!1), l = v(!1), c = e;
+    Hf(() => A.canUploadFile, () => {
+      Je(() => {
+        A.canUploadFile === !0 && (a.value = null);
       });
     });
-    const c = (m) => {
-      console.log("onFileSelected", m.target.files[0]), a.value = m.target.files[0], a.value && (M(), b(), r.value = !0);
+    const d = (m) => {
+      console.log("onFileSelected", m.target.files[0]), n.value = m.target.files[0], n.value && (M(), b(), l.value = !0);
     }, M = () => {
-      const m = a.value, h = m.type;
-      if (console.log(h), h.startsWith("image/") ? (i.value = !0, o.value = !1) : h.startsWith("video/") ? (i.value = !1, o.value = !0) : (i.value = !1, o.value = !1), i.value || o.value) {
+      const m = n.value, h = m.type;
+      if (console.log(h), h.startsWith("image/") ? (s.value = !0, o.value = !1) : h.startsWith("video/") ? (s.value = !1, o.value = !0) : (s.value = !1, o.value = !1), s.value || o.value) {
         const p = new FileReader();
         p.onload = (I) => {
           t.value = I.target.result;
@@ -14952,77 +14877,159 @@ const z1 = { class: "channels__container" }, O1 = { class: "channels__title-cont
       } else
         t.value = "";
     }, b = async () => {
-      n.value = "uploading";
+      a.value = "uploading";
       const m = new FormData();
-      m.append("file", a.value);
+      m.append("file", n.value);
       try {
         const p = await (await fetch("https://filebump.services.mobilon.ru/upload", {
           method: "POST",
           body: m
         })).json();
-        s.value = p.url, n.value = "success", A.canUploadFile = !1, d("fileUploaded", { url: s.value, type: "message.file" });
+        i.value = p.url, a.value = "success", A.canUploadFile = !1, c("fileUploaded", { url: i.value, type: "message.file" });
       } catch (h) {
-        console.error("Ошибка при загрузке файла:", h), n.value = "error";
+        console.error("Ошибка при загрузке файла:", h), a.value = "error";
       }
     };
-    return (m, h) => (l(), g("div", null, [
-      f.canUploadFile && n.value !== "success" ? (l(), g("div", Ys, [
+    return (m, h) => (r(), g("div", null, [
+      f.canUploadFile && a.value !== "success" ? (r(), g("div", xi, [
         u("label", null, [
           u("input", {
             type: "file",
-            onChange: c
+            onChange: d
           }, null, 32),
           h[0] || (h[0] = u("span", null, [
             u("i", { class: "pi pi-file-arrow-up" })
           ], -1))
         ])
       ])) : y("", !0),
-      !f.canUploadFile && n.value === "success" ? (l(), g("div", Rs, h[1] || (h[1] = [
+      !f.canUploadFile && a.value === "success" ? (r(), g("div", Si, h[1] || (h[1] = [
         u("p", null, "Файл загружен и готов к отправке.", -1)
-      ]))) : n.value === "uploading" ? (l(), g("div", qs, h[2] || (h[2] = [
+      ]))) : a.value === "uploading" ? (r(), g("div", zi, h[2] || (h[2] = [
         u("p", null, "Загрузка файла...", -1)
-      ]))) : n.value === "error" ? (l(), g("div", Fs, h[3] || (h[3] = [
+      ]))) : a.value === "error" ? (r(), g("div", Oi, h[3] || (h[3] = [
         u("p", null, "Ошибка при загрузке файла.", -1)
       ]))) : y("", !0)
     ]));
   }
-}, Ws = /* @__PURE__ */ x(Js, [["__scopeId", "data-v-0b1a840d"]]), Ks = { class: "theme-button" }, Zs = {
+}, Ui = /* @__PURE__ */ x(Ci, [["__scopeId", "data-v-0b1a840d"]]), Li = {
   __name: "ThemeMode",
   setup(f) {
-    const e = v(!1), A = () => {
-      e.value = !e.value, document.documentElement.classList.toggle("dark");
+    const e = v("light"), A = (n) => {
+      e.value = n, document.documentElement.dataset.theme = n;
     };
-    return (a, n) => (l(), g("label", Ks, [
-      u("input", {
-        type: "checkbox",
-        onClick: A
-      }),
-      n[0] || (n[0] = u("span", { class: "theme-button__switch" }, [
-        u("span", { class: "pi pi-sun" }),
-        u("span", { class: "pi pi-moon" })
-      ], -1))
+    return (n, a) => (r(), g("div", null, [
+      u("button", {
+        onClick: a[0] || (a[0] = (i) => A("light"))
+      }, " Light "),
+      u("button", {
+        onClick: a[1] || (a[1] = (i) => A("dark"))
+      }, " Dark "),
+      u("button", {
+        onClick: a[2] || (a[2] = (i) => A("green"))
+      }, " Green ")
+    ]));
+  }
+}, is = /* @__PURE__ */ x(Li, [["__scopeId", "data-v-ed97925b"]]), Qi = { class: "tool-bar" }, Bi = { class: "tool-bar__container" }, Yi = { class: "tool-bar__list" }, Ri = ["src", "alt"], qi = { key: 1 }, Fi = { class: "tool-bar__list-fixed" }, Ji = ["src", "alt"], Wi = { key: 1 }, Ki = {
+  __name: "ToolBar",
+  props: {
+    sidebarItems: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: ["selectItem"],
+  setup(f, { emit: e }) {
+    const A = f;
+    v(null);
+    const n = (a) => {
+      const i = a.split(" ");
+      return i.length > 2 ? i.slice(0, 2).join(" ") : a;
+    };
+    return (a, i) => (r(), g("div", Qi, [
+      u("div", Bi, [
+        u("ul", Yi, [
+          (r(!0), g(B, null, F(A.sidebarItems.filter((t) => !t.isFixedBottom), (t, s) => (r(), g("li", {
+            key: s,
+            class: "tool-bar__item"
+          }, [
+            u("img", {
+              src: t.icon,
+              alt: t.name
+            }, null, 8, Ri),
+            t.notificationCount ? (r(), g("span", {
+              key: 0,
+              style: J({ backgroundColor: t.notificationColor })
+            }, N(t.notificationCount > 99 ? "99+" : t.notificationCount), 5)) : y("", !0),
+            t.name ? (r(), g("p", qi, N(n(t.name)), 1)) : y("", !0)
+          ]))), 128))
+        ]),
+        u("ul", Fi, [
+          (r(!0), g(B, null, F(A.sidebarItems.filter((t) => t.isFixedBottom), (t, s) => (r(), g("li", {
+            key: s,
+            class: "tool-bar__item"
+          }, [
+            u("img", {
+              src: t.icon,
+              alt: t.name
+            }, null, 8, Ji),
+            t.notificationCount ? (r(), g("span", {
+              key: 0,
+              style: J({ backgroundColor: t.notificationColor })
+            }, N(t.notificationCount > 99 ? "99+" : t.notificationCount), 5)) : y("", !0),
+            t.name ? (r(), g("p", Wi, N(n(t.name)), 1)) : y("", !0)
+          ]))), 128))
+        ])
+      ])
+    ]));
+  }
+}, ss = /* @__PURE__ */ x(Ki, [["__scopeId", "data-v-2d10aaba"]]), Pi = { class: "chat-panel" }, Zi = { class: "chat-panel__container" }, Hi = { class: "chat-panel__title-container" }, Gi = {
+  key: 0,
+  class: "chat-panel__title"
+}, $i = {
+  __name: "ChatPanel",
+  props: {
+    title: {
+      type: String
+    }
+  },
+  emits: ["close-panel"],
+  setup(f, { emit: e }) {
+    return (A, n) => (r(), g("div", Pi, [
+      u("div", Zi, [
+        u("div", Hi, [
+          f.title ? (r(), g("p", Gi, N(f.title), 1)) : y("", !0),
+          u("button", {
+            class: "chat-panel__button-close",
+            onClick: n[0] || (n[0] = (a) => A.$emit("close-panel"))
+          }, n[1] || (n[1] = [
+            u("span", { class: "pi pi-times" }, null, -1)
+          ]))
+        ]),
+        VA(A.$slots, "content", {}, void 0, !0)
+      ])
     ]));
   }
-}, ti = /* @__PURE__ */ x(Zs, [["__scopeId", "data-v-6835a531"]]);
-function si(f) {
-  const e = +new Date(Number(f) * 1e3), A = +/* @__PURE__ */ new Date(), a = Math.floor((A - e) / 1e3), n = Math.floor(a / 60), s = Math.floor(n / 60), t = Math.floor(s / 24);
-  return t > 30 ? e.toLocaleString() : t > 0 ? `${t} ${t === 1 ? "день" : "дня"} назад` : s > 0 ? `${s} ${s === 1 ? "час" : "часа"} назад` : n > 0 ? `${n} ${n === 1 ? "минута" : "минуты"} назад` : a > 0 ? `${a} ${a === 1 ? "секунда" : "секунды"} назад` : "Только что";
+}, os = /* @__PURE__ */ x($i, [["__scopeId", "data-v-c7004b45"]]);
+function us(f) {
+  if (!f || f === "") return;
+  const e = +new Date(Number(f) * 1e3), A = +/* @__PURE__ */ new Date(), n = Math.floor((A - e) / 1e3), a = Math.floor(n / 60), i = Math.floor(a / 60), t = Math.floor(i / 24);
+  return t > 30 ? e.toLocaleString() : t > 0 ? `${t} ${t === 1 ? "день" : "дня"} назад` : i > 0 ? `${i} ${i === 1 ? "час" : "часа"} назад` : a > 0 ? `${a} ${a === 1 ? "минута" : "минуты"} назад` : n > 0 ? `${n} ${n === 1 ? "секунда" : "секунды"} назад` : "Только что";
 }
-const ii = (f) => {
+const rs = (f) => {
   const e = [];
   let A = null;
-  for (let a = 0; a < f.length; a++) {
-    const n = f[a], s = new Date(n.timestamp * 1e3).toLocaleDateString();
-    console.log("message", n, s), s !== A && (e.push({
+  for (let n = 0; n < f.length; n++) {
+    const a = f[n], i = new Date(a.timestamp * 1e3).toLocaleDateString();
+    console.log("message", a, i), i !== A && (e.push({
       isSeparator: !0,
-      day: s,
+      day: i,
       // Можно использовать локальную дату, если необходимо
-      text: s,
+      text: i,
       type: "system.date"
-    }), A = s), e.push(n);
+    }), A = i), e.push(a);
   }
   return e;
-}, oi = async () => {
+}, ls = async () => {
   try {
     if (await navigator.mediaDevices.getUserMedia({ audio: !0 })) {
       const e = new Audio();
@@ -15031,28 +15038,28 @@ const ii = (f) => {
   } catch {
     console.log("no audio permissions");
   }
-}, ui = (f) => f.sort((e, A) => Number(e.timestamp) < Number(A.timestamp) ? -1 : Number(e.timestamp) > Number(A.timestamp) ? 1 : 0);
+}, cs = (f) => f.sort((e, A) => Number(e.timestamp) < Number(A.timestamp) ? -1 : Number(e.timestamp) > Number(A.timestamp) ? 1 : 0);
 export {
-  Da as AudioMessage,
-  EA as Chat,
-  ne as Chat2,
-  Gs as ChatInfo,
-  $s as ChatInput,
-  Xs as ChatInput2,
-  fi as ChatList,
-  ei as ChatList2,
-  ni as CreateNewChat,
-  Ea as DateMessage,
-  Ai as Feed,
-  ea as FileMessage,
-  Ws as FileUploader,
-  Hs as ImageMessage,
-  Ra as ImageMessage2,
-  ai as Profile,
-  ga as TextMessage,
-  ti as ThemeMode,
-  si as formatTimestamp,
-  ii as insertDaySeparators,
-  oi as playNotificationAudio,
-  ui as sortByTimestamp
+  In as AudioMessage,
+  k1 as ChannelSelector,
+  ie as Chat,
+  J1 as ChatFilter,
+  fs as ChatInfo,
+  es as ChatInput,
+  As as ChatList,
+  os as ChatPanel,
+  ts as CreateNewChat,
+  kn as DateMessage,
+  ns as Feed,
+  qA as FileMessage,
+  Ui as FileUploader,
+  en as ImageMessage,
+  as as Profile,
+  ln as TextMessage,
+  is as ThemeMode,
+  ss as ToolBar,
+  us as formatTimestamp,
+  rs as insertDaySeparators,
+  ls as playNotificationAudio,
+  cs as sortByTimestamp
 };