@mobilon-dev/chotto 0.0.13 → 0.0.15

package/dist/vuessages.es.js

@@ -1,30 +1,10 @@
-import { openBlock as l, createElementBlock as g, createElementVNode as u, toDisplayString as D, Fragment as q, renderList as F, ref as y, computed as V, normalizeClass as E, createCommentVNode as v, createVNode as z, Transition as X, withCtx as $, createBlock as L, normalizeStyle as nf, createTextVNode as pA, onMounted as Zf, withDirectives as P, vShow as gf, Teleport as MA, 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 DA, mergeModels as Ee, useModel as wA, onUpdated as _A, resolveDynamicComponent as jA, nextTick as We, vModelCheckbox as kA } 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 } from "vue";
 const x = (f, e) => {
   const A = f.__vccOpts || f;
   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, n = e, a = () => {
-      n("select", A.chat);
-    };
-    return (i, t) => (l(), g("div", {
-      class: "chat",
-      onClick: a
-    }, [
-      u("p", null, D(f.chat.name) + " " + D(f.chat.countUnread), 1)
-    ]));
-  }
-}, EA = /* @__PURE__ */ x(VA, [["__scopeId", "data-v-77b8ac34"]]), TA = { class: "context-menu" }, xA = { class: "context-menu__container" }, SA = { class: "context-menu__list" }, zA = ["onClick"], OA = {
+}, VA = { class: "context-menu" }, EA = { class: "context-menu__container" }, TA = { class: "context-menu__list" }, xA = ["onClick"], SA = {
   __name: "ContextMenu",
   props: {
     actions: {
@@ -38,118 +18,25 @@ const x = (f, e) => {
       const t = A.actions[i];
       n("click", t);
     };
-    return (i, t) => (l(), g("div", TA, [
-      u("div", xA, [
-        u("ul", SA, [
-          (l(!0), g(q, null, F(A.actions, (s, o) => (l(), g("li", {
-            class: "context-menu__item",
+    return (i, t) => (r(), g("div", VA, [
+      u("div", EA, [
+        u("ul", TA, [
+          (r(!0), g(B, null, F(A.actions, (s, o) => (r(), g("li", {
             key: o,
-            onClick: (r) => a(o)
-          }, D(s.title), 9, zA))), 128))
+            class: "context-menu__item",
+            onClick: (l) => a(o)
+          }, N(s.title), 9, xA))), 128))
         ])
       ])
     ]));
   }
-}, vf = /* @__PURE__ */ x(OA, [["__scopeId", "data-v-5896168b"]]), 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 = {
+}, yf = /* @__PURE__ */ x(SA, [["__scopeId", "data-v-ea4fa36b"]]), zA = ["messageId"], OA = ["src"], CA = {
   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, n = e, a = () => {
-      n("select", A.chat);
-    }, i = () => A.chat.isSelected ? "chat-item__selected" : "chat-item", t = (M) => {
-      c(), n("action", { chatId: A.chat.chatId, ...M });
-    }, s = y(!1), o = y(!1), r = () => {
-      o.value = !0;
-    }, c = () => {
-      o.value = !1, s.value = !1;
-    }, d = 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";
-      }
-    });
-    return (M, b) => (l(), g("div", {
-      class: E(i()),
-      onClick: a
-    }, [
-      u("div", {
-        class: "chat-item__container",
-        onMouseenter: r,
-        onMouseleave: c
-      }, [
-        u("div", CA, [
-          u("span", {
-            class: E(["chat-item__status", d.value])
-          }, null, 2),
-          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, D(f.chat.name), 1),
-          f.chat.lastMessage ? (l(), g("div", YA, D(f.chat.lastMessage), 1)) : v("", !0)
-        ]),
-        u("div", RA, [
-          !(o.value && f.chat.actions) && f.chat["lastActivity.time"] ? (l(), g("div", qA, D(f.chat["lastActivity.time"]), 1)) : v("", !0),
-          !(o.value && f.chat.actions) && f.chat.countUnread > 0 ? (l(), g("div", FA, D(f.chat.countUnread), 1)) : v("", !0),
-          o.value && f.chat.actions ? (l(), g("button", {
-            key: 2,
-            class: "chat-item__menu-button",
-            onClick: b[0] || (b[0] = (m) => s.value = !s.value)
-          }, b[1] || (b[1] = [
-            u("span", { class: "pi pi-ellipsis-h" }, null, -1)
-          ]))) : v("", !0),
-          f.chat.isFixedTop || f.chat.isFixedBottom ? (l(), g("span", JA)) : v("", !0)
-        ]),
-        z(X, null, {
-          default: $(() => [
-            s.value && f.chat.actions ? (l(), L(vf, {
-              key: 0,
-              class: "chat-item__context-menu",
-              actions: f.chat.actions,
-              onClick: t
-            }, null, 8, ["actions"])) : v("", !0)
-          ]),
-          _: 1
-        })
-      ], 32)
-    ], 2));
-  }
-}, ae = /* @__PURE__ */ x(WA, [["__scopeId", "data-v-b36bc0a1"]]), KA = ["messageId"], ZA = {
-  key: 0,
   class: "file-message__subtext"
-}, PA = ["href"], HA = { class: "file-message__info-container" }, GA = { class: "file-message__time" }, XA = {
+}, UA = ["href"], LA = { class: "file-message__info-container" }, QA = { class: "file-message__time" }, BA = {
   key: 0,
   class: "pi pi-check"
-}, $A = {
+}, YA = {
   __name: "FileMessage",
   props: {
     message: {
@@ -158,7 +45,7 @@ const x = (f, e) => {
     }
   },
   setup(f) {
-    const e = f, A = y(!1), n = y(!1), a = () => {
+    const e = f, A = v(!1), n = v(!1), a = () => {
       n.value = !0;
     }, i = () => {
       n.value = !1, A.value = !1;
@@ -166,26 +53,30 @@ const x = (f, e) => {
     function t(o) {
       return o.position === "left" ? "file-message__left" : "file-message__right";
     }
-    const s = 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", {
-      class: E(["file-message", t(f.message)]),
+    return (o, l) => (r(), g("div", {
+      class: T(["file-message", t(f.message)]),
       messageId: f.message.messageId,
       onMouseleave: i
     }, [
-      u("div", {
-        class: "file-message__avatar-container",
-        style: nf({ gridRow: f.message.subText ? "2" : "1" })
-      }, r[1] || (r[1] = [
-        u("span", { class: "pi pi-user" }, null, -1)
-      ]), 4),
-      f.message.subText ? (l(), g("p", ZA, D(f.message.subText), 1)) : v("", !0),
+      f.message.avatar ? (r(), g("img", {
+        key: 0,
+        class: "file-message__avatar",
+        src: f.message.avatar,
+        height: "32",
+        width: "32",
+        style: J({ gridRow: f.message.subText ? "2" : "1" })
+      }, null, 12, OA)) : y("", !0),
+      f.message.subText ? (r(), g("p", CA, N(f.message.subText), 1)) : y("", !0),
       u("div", {
         class: "file-message__content",
         onMouseenter: a
@@ -195,41 +86,50 @@ const x = (f, e) => {
           href: f.message.url,
           download: ""
         }, [
-          r[2] || (r[2] = u("span", { class: "pi pi-file" }, null, -1)),
-          pA(" " + D(f.message.filename), 1)
-        ], 8, PA),
-        u("div", HA, [
-          u("span", GA, D(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, UA),
+        u("div", LA, [
+          u("span", QA, N(f.message.time), 1),
+          t(f.message) === "file-message__right" && f.message.status ? (r(), g("div", {
             key: 0,
-            class: E(["file-message__status", s.value])
+            class: T(["file-message__status", s.value])
           }, [
-            f.message.status !== "sent" ? (l(), g("span", XA)) : v("", !0),
-            r[3] || (r[3] = u("span", { class: "pi pi-check" }, null, -1))
-          ], 2)) : v("", !0)
+            f.message.status !== "sent" ? (r(), g("span", BA)) : y("", !0),
+            l[2] || (l[2] = u("span", { class: "pi pi-check" }, null, -1))
+          ], 2)) : y("", !0)
         ]),
-        n.value ? (l(), g("button", {
+        n.value && f.message.actions ? (r(), g("button", {
           key: 0,
           class: "file-message__menu-button",
-          onClick: r[0] || (r[0] = (c) => A.value = !A.value)
-        }, r[4] || (r[4] = [
+          onClick: l[0] || (l[0] = (c) => A.value = !A.value)
+        }, l[3] || (l[3] = [
           u("span", { class: "pi pi-ellipsis-h" }, null, -1)
-        ]))) : v("", !0),
-        z(X, null, {
-          default: $(() => [
-            A.value && f.message.actions ? (l(), L(vf, {
+        ]))) : y("", !0),
+        z($, null, {
+          default: X(() => [
+            A.value && f.message.actions ? (r(), Q(yf, {
               key: 0,
               class: "file-message__context-menu",
               actions: f.message.actions,
               onClick: o.clickAction
-            }, null, 8, ["actions", "onClick"])) : v("", !0)
+            }, null, 8, ["actions", "onClick"])) : y("", !0)
           ]),
           _: 1
         })
       ], 32)
-    ], 42, KA));
+    ], 42, zA));
   }
-}, fn = /* @__PURE__ */ x($A, [["__scopeId", "data-v-d6e5a0db"]]), en = ["messageId"], An = ["src", "alt"], nn = { class: "message-time" }, an = {
+}, RA = /* @__PURE__ */ x(YA, [["__scopeId", "data-v-d46bf7c2"]]), qA = ["messageId"], FA = ["src"], JA = {
+  key: 1,
+  class: "image-message__subtext"
+}, WA = ["src", "alt"], KA = { class: "image-message__info-container" }, PA = { class: "image-message__time" }, ZA = {
+  key: 0,
+  class: "pi pi-check"
+}, HA = {
+  key: 0,
+  class: "image-message__modal-overlay"
+}, GA = { class: "image-message__modal" }, $A = ["src", "alt"], XA = {
   __name: "ImageMessage",
   props: {
     message: {
@@ -238,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 (n, a) => (l(), g("div", {
-      class: E(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, An),
-      u("div", nn, D(f.message.time), 1)
-    ], 10, en));
+      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, FA)) : y("", !0),
+      f.message.subText ? (r(), g("p", JA, 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, WA),
+          u("div", KA, [
+            u("span", PA, 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", ZA)) : 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", HA, [
+                u("div", GA, [
+                  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, $A)
+                ])
+              ])) : 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, qA));
   }
-}, Fi = /* @__PURE__ */ x(an, [["__scopeId", "data-v-9abe971c"]]), tn = { class: "text-message" }, sn = ["messageId"], on = {
-  key: 0,
+}, fn = /* @__PURE__ */ x(XA, [["__scopeId", "data-v-c0e562ee"]]), en = { class: "text-message" }, An = ["messageId"], nn = ["src"], an = {
+  key: 1,
   class: "text-message__subtext"
-}, un = { class: "text-message__info-container" }, rn = {
+}, tn = { class: "text-message__info-container" }, sn = {
   key: 0,
   class: "text-message__time"
-}, ln = {
+}, on = {
   key: 0,
   class: "pi pi-check"
-}, cn = {
+}, un = {
   __name: "TextMessage",
   props: {
     message: {
@@ -273,81 +258,85 @@ const x = (f, e) => {
   },
   emits: ["action"],
   setup(f, { emit: e }) {
-    const A = f, n = e, a = y(!1), i = y(!1), t = () => {
+    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(d) {
+    function l(d) {
       return d.position === "left" ? "text-message__left" : "text-message__right";
     }
-    const c = 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 (d, M) => (l(), g("div", tn, [
+    return (d, M) => (r(), g("div", en, [
       u("div", {
-        class: E(r(f.message)),
+        class: T(l(f.message)),
         messageId: f.message.messageId,
         onMouseleave: s
       }, [
-        u("div", {
-          class: "text-message__avatar-container",
-          style: nf({ gridRow: f.message.subText ? "2" : "1" })
-        }, M[1] || (M[1] = [
-          u("span", { class: "pi pi-user" }, null, -1)
-        ]), 4),
-        f.message.subText ? (l(), g("p", on, D(f.message.subText), 1)) : v("", !0),
+        f.message.avatar ? (r(), g("img", {
+          key: 0,
+          class: "text-message__avatar",
+          src: f.message.avatar,
+          height: "32",
+          width: "32",
+          style: J({ gridRow: f.message.subText ? "2" : "1" })
+        }, null, 12, nn)) : y("", !0),
+        f.message.subText ? (r(), g("p", an, N(f.message.subText), 1)) : y("", !0),
         u("div", {
           class: "text-message__content",
           onMouseenter: t
         }, [
-          u("p", null, D(f.message.text), 1),
-          u("div", un, [
-            f.message.time ? (l(), g("span", rn, D(f.message.time), 1)) : v("", !0),
-            r(f.message) === "text-message__right" && f.message.status ? (l(), g("div", {
+          u("p", null, N(f.message.text), 1),
+          u("div", tn, [
+            f.message.time ? (r(), g("span", sn, N(f.message.time), 1)) : y("", !0),
+            l(f.message) === "text-message__right" && f.message.status ? (r(), g("div", {
               key: 1,
-              class: E(["text-message__status", c.value])
+              class: T(["text-message__status", c.value])
             }, [
-              f.message.status !== "sent" ? (l(), g("span", ln)) : v("", !0),
-              M[2] || (M[2] = u("span", { class: "pi pi-check" }, null, -1))
-            ], 2)) : v("", !0)
+              f.message.status !== "sent" ? (r(), g("span", on)) : y("", !0),
+              M[1] || (M[1] = u("span", { class: "pi pi-check" }, null, -1))
+            ], 2)) : y("", !0)
           ]),
-          i.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) => a.value = !a.value)
-          }, M[3] || (M[3] = [
+          }, M[2] || (M[2] = [
             u("span", { class: "pi pi-ellipsis-h" }, null, -1)
-          ]))) : v("", !0),
-          z(X, null, {
-            default: $(() => [
-              a.value && f.message.actions ? (l(), L(vf, {
+          ]))) : y("", !0),
+          z($, null, {
+            default: X(() => [
+              a.value && f.message.actions ? (r(), Q(yf, {
                 key: 0,
                 class: "text-message__context-menu",
                 actions: f.message.actions,
                 onClick: o
-              }, null, 8, ["actions"])) : v("", !0)
+              }, null, 8, ["actions"])) : y("", !0)
             ]),
             _: 1
           })
         ], 32)
-      ], 42, sn)
+      ], 42, An)
     ]));
   }
-}, dn = /* @__PURE__ */ x(cn, [["__scopeId", "data-v-8de50903"]]), gn = ["messageId"], mn = {
-  key: 0,
+}, rn = /* @__PURE__ */ x(un, [["__scopeId", "data-v-324ed348"]]), ln = ["messageId"], cn = ["src"], dn = {
+  key: 1,
   class: "audio-message__subtext"
-}, pn = ["src"], Mn = { class: "audio-message__progress-bar-container" }, hn = { class: "audio-message__remaining-time" }, bn = { class: "audio-message__info-container" }, yn = { class: "audio-message__time" }, vn = {
+}, gn = ["src"], mn = { class: "audio-message__progress-bar-container" }, Mn = { class: "audio-message__remaining-time" }, pn = { class: "audio-message__info-container" }, hn = { class: "audio-message__time" }, bn = {
   key: 0,
   class: "pi pi-check"
-}, In = {
+}, yn = {
   __name: "AudioMessage",
   props: {
     message: {
@@ -356,46 +345,50 @@ const x = (f, e) => {
     }
   },
   setup(f) {
-    const e = f, A = y(null), n = y(!1), a = y(0), i = y(0), t = y(!1), s = y(!1), o = () => {
+    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;
-    }, r = () => {
+    }, l = () => {
       s.value = !1, t.value = !1;
     };
     function c() {
       A.value && (n.value ? A.value.pause() : A.value.play(), n.value = !n.value);
     }
     const d = (I) => {
-      const N = Math.floor(I / 60), _ = Math.floor(I % 60);
-      return `${N.toString().padStart(2, "0")}:${_.toString().padStart(2, "0")}`;
-    }, M = V(() => A.value ? d(i.value) : "0:00"), b = V(() => A.value ? d(a.value) : "0:00"), m = V(() => a.value > 0 ? i.value / a.value * 100 : 0), h = V(() => {
+      const w = Math.floor(I / 60), _ = Math.floor(I % 60);
+      return `${w.toString().padStart(2, "0")}:${_.toString().padStart(2, "0")}`;
+    }, 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", () => {
         a.value = A.value.duration;
       }), A.value.addEventListener("timeupdate", () => {
         i.value = A.value.currentTime;
       });
-    }), (I, N) => (l(), g("div", {
-      class: E(["audio-message", p(f.message)]),
+    }), (I, w) => (r(), g("div", {
+      class: T(["audio-message", p(f.message)]),
       messageId: f.message.messageId,
-      onMouseleave: r
+      onMouseleave: l
     }, [
-      u("div", {
-        class: "audio-message__avatar-container",
-        style: nf({ gridRow: f.message.subText ? "2" : "1" })
-      }, N[1] || (N[1] = [
-        u("span", { class: "pi pi-user" }, null, -1)
-      ]), 4),
-      f.message.subText ? (l(), g("p", mn, D(f.message.subText), 1)) : v("", !0),
+      f.message.avatar ? (r(), g("img", {
+        key: 0,
+        class: "file-message__avatar",
+        src: f.message.avatar,
+        height: "32",
+        width: "32",
+        style: J({ gridRow: f.message.subText ? "2" : "1" })
+      }, null, 12, cn)) : y("", !0),
+      f.message.subText ? (r(), g("p", dn, N(f.message.subText), 1)) : y("", !0),
       u("div", {
         class: "audio-message__content",
         onMouseenter: o
@@ -404,62 +397,62 @@ const x = (f, e) => {
           ref_key: "player",
           ref: A,
           src: f.message.url
-        }, null, 8, pn),
-        P(u("button", {
+        }, null, 8, gn),
+        ff(u("button", {
           class: "audio-message__play",
           onClick: c
-        }, N[2] || (N[2] = [
+        }, w[1] || (w[1] = [
           u("span", { class: "pi pi-play" }, null, -1)
         ]), 512), [
-          [gf, !n.value]
+          [df, !n.value]
         ]),
-        P(u("button", {
+        ff(u("button", {
           class: "audio-message__pause",
           onClick: c
-        }, N[3] || (N[3] = [
+        }, w[2] || (w[2] = [
           u("span", { class: "pi pi-pause" }, null, -1)
         ]), 512), [
-          [gf, n.value]
+          [df, n.value]
         ]),
-        u("div", Mn, [
+        u("div", mn, [
           u("div", {
             class: "audio-message__progress-bar",
-            style: nf({ width: m.value + "%" })
+            style: J({ width: m.value + "%" })
           }, null, 4)
         ]),
-        u("p", hn, D(`${M.value} / ${b.value}`), 1),
-        u("div", bn, [
-          u("span", yn, D(f.message.time), 1),
-          p(f.message) === "audio-message__right" && f.message.status ? (l(), g("div", {
+        u("p", Mn, N(`${M.value} / ${b.value}`), 1),
+        u("div", pn, [
+          u("span", hn, N(f.message.time), 1),
+          p(f.message) === "audio-message__right" && f.message.status ? (r(), g("div", {
             key: 0,
-            class: E(["audio-message__status", h.value])
+            class: T(["audio-message__status", h.value])
           }, [
-            f.message.status !== "sent" ? (l(), g("span", vn)) : v("", !0),
-            N[4] || (N[4] = u("span", { class: "pi pi-check" }, null, -1))
-          ], 2)) : v("", !0)
+            f.message.status !== "sent" ? (r(), g("span", bn)) : y("", !0),
+            w[3] || (w[3] = u("span", { class: "pi pi-check" }, null, -1))
+          ], 2)) : y("", !0)
         ]),
-        s.value && f.message.actions ? (l(), g("button", {
+        s.value && f.message.actions ? (r(), g("button", {
           key: 0,
           class: "audio-message__menu-button",
-          onClick: N[0] || (N[0] = (_) => t.value = !t.value)
-        }, N[5] || (N[5] = [
+          onClick: w[0] || (w[0] = (_) => t.value = !t.value)
+        }, w[4] || (w[4] = [
           u("span", { class: "pi pi-ellipsis-h" }, null, -1)
-        ]))) : v("", !0),
-        z(X, null, {
-          default: $(() => [
-            t.value && f.message.actions ? (l(), L(vf, {
+        ]))) : y("", !0),
+        z($, null, {
+          default: X(() => [
+            t.value && f.message.actions ? (r(), Q(yf, {
               key: 0,
               class: "audio-message__context-menu",
               actions: f.message.actions,
               onClick: I.clickAction
-            }, null, 8, ["actions", "onClick"])) : v("", !0)
+            }, null, 8, ["actions", "onClick"])) : y("", !0)
           ]),
           _: 1
         })
       ], 32)
-    ], 42, gn));
+    ], 42, ln));
   }
-}, Nn = /* @__PURE__ */ x(In, [["__scopeId", "data-v-332b90f0"]]), Dn = { class: "date-message" }, wn = { class: "date-message__container" }, _n = { class: "date-message__text" }, jn = {
+}, vn = /* @__PURE__ */ x(yn, [["__scopeId", "data-v-bac0e53e"]]), In = { class: "date-message" }, Nn = { class: "date-message__container" }, wn = { class: "date-message__text" }, Dn = {
   __name: "DateMessage",
   props: {
     message: {
@@ -467,131 +460,19 @@ const x = (f, e) => {
     }
   },
   setup(f) {
-    return (e, A) => (l(), g("div", Dn, [
-      u("div", wn, [
-        u("p", _n, D(f.message.text), 1)
+    return (e, A) => (r(), g("div", In, [
+      u("div", Nn, [
+        u("p", wn, N(f.message.text), 1)
       ])
     ]));
   }
-}, kn = /* @__PURE__ */ x(jn, [["__scopeId", "data-v-3b340776"]]), Vn = ["messageId"], En = {
-  key: 0,
-  class: "image-message__subtext"
-}, Tn = ["src", "alt"], xn = { class: "image-message__info-container" }, Sn = { class: "image-message__time" }, zn = {
-  key: 0,
-  class: "pi pi-check"
-}, On = {
-  key: 0,
-  class: "image-message__modal-overlay"
-}, Cn = { class: "image-message__modal" }, Un = ["src", "alt"], Ln = {
-  __name: "ImageMessage2",
-  props: {
-    message: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(f) {
-    const e = f, A = y(!1), n = y(!1), a = y(!1), i = () => {
-      a.value = !0;
-    }, t = () => {
-      a.value = !1, n.value = !1;
-    };
-    function s(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, c) => (l(), g("div", {
-      class: E(["image-message", s(f.message)]),
-      messageId: f.message.messageId,
-      onMouseleave: t
-    }, [
-      u("div", {
-        class: "image-message__avatar-container",
-        style: nf({ gridRow: f.message.subText ? "2" : "1" })
-      }, c[3] || (c[3] = [
-        u("span", { class: "pi pi-user" }, null, -1)
-      ]), 4),
-      f.message.subText ? (l(), g("p", En, D(f.message.subText), 1)) : v("", !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, Tn),
-          u("div", xn, [
-            u("span", Sn, D(f.message.time), 1),
-            s(f.message) === "image-message__right" && f.message.status ? (l(), g("div", {
-              key: 0,
-              class: E(["image-message__status", o.value])
-            }, [
-              f.message.status !== "sent" ? (l(), g("span", zn)) : v("", !0),
-              c[4] || (c[4] = u("span", { class: "pi pi-check" }, null, -1))
-            ], 2)) : v("", !0)
-          ])
-        ]),
-        (l(), L(MA, { to: "body" }, [
-          z(X, { name: "modal-fade" }, {
-            default: $(() => [
-              A.value ? (l(), g("div", On, [
-                u("div", Cn, [
-                  u("button", {
-                    class: "image-message__modal-close-button",
-                    onClick: c[1] || (c[1] = (d) => A.value = !1)
-                  }, c[5] || (c[5] = [
-                    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, Un)
-                ])
-              ])) : v("", !0)
-            ]),
-            _: 1
-          })
-        ])),
-        a.value ? (l(), g("button", {
-          key: 0,
-          class: "image-message__menu-button",
-          onClick: c[2] || (c[2] = (d) => n.value = !n.value)
-        }, c[6] || (c[6] = [
-          u("span", { class: "pi pi-ellipsis-h" }, null, -1)
-        ]))) : v("", !0),
-        z(X, { name: "context-menu" }, {
-          default: $(() => [
-            n.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"])) : v("", !0)
-          ]),
-          _: 1
-        })
-      ], 32)
-    ], 42, Vn));
-  }
-}, Qn = /* @__PURE__ */ x(Ln, [["__scopeId", "data-v-e805a8f8"]]), Bn = { class: "chat-info" }, Yn = {
+}, _n = /* @__PURE__ */ x(Dn, [["__scopeId", "data-v-bb88dc56"]]), kn = { class: "chat-info" }, jn = {
   key: 0,
   class: "chat-info__container"
-}, Rn = { class: "chat-info__avatar-container" }, qn = ["src"], Fn = { key: 1 }, Jn = { class: "chat-info__title" }, Wn = { class: "chat-info__time" }, Kn = {
+}, Vn = { class: "chat-info__avatar-container" }, En = ["src"], Tn = {
+  key: 1,
+  class: "pi pi-user"
+}, xn = { class: "chat-info__title" }, Sn = { class: "chat-info__time" }, zn = {
   __name: "ChatInfo",
   props: {
     chat: {
@@ -599,46 +480,31 @@ const x = (f, e) => {
       required: !0
     }
   },
-  setup(f) {
-    const e = f;
-    return (A, n) => (l(), g("div", Bn, [
-      f.chat ? (l(), g("div", Yn, [
-        u("div", Rn, [
-          e.chat.avatar ? (l(), g("img", {
+  emits: ["open-panel"],
+  setup(f, { emit: e }) {
+    const A = f;
+    return (n, a) => (r(), g("div", kn, [
+      f.chat ? (r(), g("div", jn, [
+        u("div", Vn, [
+          A.chat.avatar ? (r(), g("img", {
             key: 0,
-            src: e.chat.avatar,
+            src: A.chat.avatar,
             width: "32",
             height: "32"
-          }, null, 8, qn)) : (l(), g("span", Fn, n[0] || (n[0] = [
-            u("i", { class: "pi pi-user" }, null, -1)
-          ])))
+          }, null, 8, En)) : (r(), g("span", Tn))
         ]),
-        u("h2", Jn, D(f.chat.name), 1),
-        u("p", Wn, D(f.chat["lastActivity.time"]), 1)
-      ])) : v("", !0)
-    ]));
-  }
-}, Ji = /* @__PURE__ */ x(Kn, [["__scopeId", "data-v-8a96b40e"]]), Zn = { class: "chat-input" }, Pn = {
-  __name: "ChatInput",
-  emits: ["send"],
-  setup(f, { emit: e }) {
-    const A = e, n = y(""), a = y(null), i = () => {
-      n.value.trim() && (A("send", n.value), n.value = "", df(a).focus());
-    };
-    return (t, s) => (l(), g("div", Zn, [
-      P(u("input", {
-        "onUpdate:modelValue": s[0] || (s[0] = (o) => n.value = o),
-        ref_key: "refInput",
-        ref: a,
-        onKeydown: Fe(i, ["enter"]),
-        placeholder: "Type a message..."
-      }, null, 544), [
-        [Pf, n.value]
-      ]),
-      u("button", { onClick: i }, "Send")
+        u("h2", xn, N(f.chat.name), 1),
+        u("p", Sn, 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)
     ]));
   }
-}, Wi = /* @__PURE__ */ x(Pn, [["__scopeId", "data-v-07719b64"]]), Ke = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", Ze = {
+}, $i = /* @__PURE__ */ x(zn, [["__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",
@@ -648,21 +514,21 @@ const x = (f, e) => {
   objects: "Objects",
   symbols: "Symbols",
   flags: "Flags"
-}, Pe = "u", Xf = "n", Yf = "v", Vf = "r", Hn = {
-  [Xf]: ["grinning face", "grinning"],
+}, Pe = "u", Gf = "n", Yf = "v", Vf = "r", On = {
+  [Gf]: ["grinning face", "grinning"],
   [Pe]: "1f600",
   [Vf]: "1f600"
-}, Wf = "neutral", Gn = "1f3fb", Xn = "1f3fc", $n = "1f3fd", fa = "1f3fe", ea = "1f3ff", Aa = [
+}, Wf = "neutral", Cn = "1f3fb", Un = "1f3fc", Ln = "1f3fd", Qn = "1f3fe", Bn = "1f3ff", Yn = [
   Wf,
-  Gn,
-  Xn,
-  $n,
-  fa,
-  ea
-], na = {
+  Cn,
+  Un,
+  Ln,
+  Qn,
+  Bn
+], Rn = {
   placeholder: "Search emoji",
   skinTone: "Skin tone"
-}, aa = ["light", "dark", "auto"], ta = [
+}, qn = ["light", "dark", "auto"], Fn = [
   {
     n: [
       "grinning face",
@@ -5070,7 +4936,7 @@ const x = (f, e) => {
     ],
     u: "1f48e"
   }
-], ia = [
+], Jn = [
   {
     n: [
       "monkey face",
@@ -5804,7 +5670,7 @@ const x = (f, e) => {
     ],
     u: "1f343"
   }
-], sa = [
+], Wn = [
   {
     n: [
       "grapes"
@@ -6470,7 +6336,7 @@ const x = (f, e) => {
     ],
     u: "1f3fa"
   }
-], oa = [
+], Kn = [
   {
     n: [
       "jack-o-lantern",
@@ -6876,7 +6742,7 @@ const x = (f, e) => {
     ],
     u: "1f3b4"
   }
-], ua = [
+], Pn = [
   {
     n: [
       "earth globe europe-africa",
@@ -8243,7 +8109,7 @@ const x = (f, e) => {
     ],
     u: "1f30a"
   }
-], ra = [
+], Zn = [
   {
     n: [
       "speaker with cancellation stroke",
@@ -9307,7 +9173,7 @@ const x = (f, e) => {
     ],
     u: "1f6d2"
   }
-], la = [
+], Hn = [
   {
     n: [
       "automated teller machine",
@@ -10705,7 +10571,7 @@ const x = (f, e) => {
     ],
     u: "1f535"
   }
-], ca = [
+], Gn = [
   {
     n: [
       "chequered flag",
@@ -12585,15 +12451,15 @@ const x = (f, e) => {
     u: "1f3f4-e0067-e0062-e0077-e006c-e0073-e007f"
   }
 ];
-var da = {
-  smileys_people: ta,
-  animals_nature: ia,
-  food_drink: sa,
-  activities: oa,
-  travel_places: ua,
-  objects: ra,
-  symbols: la,
-  flags: ca
+var $n = {
+  smileys_people: Fn,
+  animals_nature: Jn,
+  food_drink: Wn,
+  activities: Kn,
+  travel_places: Pn,
+  objects: Zn,
+  symbols: Hn,
+  flags: Gn
 }, Te = [
   {
     key: "recent",
@@ -12641,9 +12507,9 @@ var da = {
     u: "1f3f3-fe0f"
   }
 ];
-const ga = (f, e) => e.some((A) => f instanceof A);
+const Xn = (f, e) => e.some((A) => f instanceof A);
 let xe, Se;
-function ma() {
+function fa() {
   return xe || (xe = [
     IDBDatabase,
     IDBObjectStore,
@@ -12652,15 +12518,15 @@ function ma() {
     IDBTransaction
   ]);
 }
-function pa() {
+function ea() {
   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 Ma(f) {
+const Ze = /* @__PURE__ */ new WeakMap(), se = /* @__PURE__ */ new WeakMap(), He = /* @__PURE__ */ new WeakMap(), ne = /* @__PURE__ */ new WeakMap(), le = /* @__PURE__ */ new WeakMap();
+function Aa(f) {
   const e = new Promise((A, n) => {
     const a = () => {
       f.removeEventListener("success", i), f.removeEventListener("error", t);
@@ -12672,12 +12538,12 @@ function Ma(f) {
     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 ha(f) {
-  if (oe.has(f))
+function na(f) {
+  if (se.has(f))
     return;
   const e = new Promise((A, n) => {
     const a = () => {
@@ -12689,15 +12555,15 @@ function ha(f) {
     };
     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]);
     }
@@ -12710,31 +12576,31 @@ let ue = {
     return f instanceof IDBTransaction && (e === "done" || e === "store") ? !0 : e in f;
   }
 };
-function ba(f) {
-  ue = f(ue);
+function aa(f) {
+  oe = f(oe);
 }
-function ya(f) {
+function ta(f) {
   return f === IDBDatabase.prototype.transaction && !("objectStoreNames" in IDBTransaction.prototype) ? function(e, ...A) {
-    const n = f.call(ie(this), e, ...A);
-    return Ge.set(n, e.sort ? e.sort() : [e]), af(n);
-  } : pa().includes(f) ? function(...e) {
-    return f.apply(ie(this), e), af(He.get(this));
+    const n = f.call(ae(this), e, ...A);
+    return He.set(n, e.sort ? e.sort() : [e]), af(n);
+  } : ea().includes(f) ? function(...e) {
+    return f.apply(ae(this), e), af(Ze.get(this));
   } : function(...e) {
-    return af(f.apply(ie(this), e));
+    return af(f.apply(ae(this), e));
   };
 }
-function va(f) {
-  return typeof f == "function" ? ya(f) : (f instanceof IDBTransaction && ha(f), ga(f, ma()) ? new Proxy(f, ue) : f);
+function ia(f) {
+  return typeof f == "function" ? ta(f) : (f instanceof IDBTransaction && na(f), Xn(f, fa()) ? new Proxy(f, oe) : f);
 }
 function af(f) {
   if (f instanceof IDBRequest)
-    return Ma(f);
-  if (te.has(f))
-    return te.get(f);
-  const e = va(f);
-  return e !== f && (te.set(f, e), le.set(e, f)), e;
+    return Aa(f);
+  if (ne.has(f))
+    return ne.get(f);
+  const e = ia(f);
+  return e !== f && (ne.set(f, e), le.set(e, f)), e;
 }
-const ie = (f) => le.get(f);
+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) => {
@@ -12744,39 +12610,39 @@ function ce(f, e, { blocked: A, upgrade: n, blocking: a, terminated: i } = {}) {
     o.newVersion,
     o
   )), s.then((o) => {
-    i && o.addEventListener("close", () => i()), a && o.addEventListener("versionchange", (r) => a(r.oldVersion, r.newVersion, r));
+    i && o.addEventListener("close", () => i()), a && o.addEventListener("versionchange", (l) => a(l.oldVersion, l.newVersion, l));
   }).catch(() => {
   }), s;
 }
-const Ia = ["get", "getKey", "getAll", "getAllKeys", "count"], Na = ["put", "add", "delete", "clear"], se = /* @__PURE__ */ new Map();
+const sa = ["get", "getKey", "getAll", "getAllKeys", "count"], oa = ["put", "add", "delete", "clear"], te = /* @__PURE__ */ new Map();
 function ze(f, e) {
   if (!(f instanceof IDBDatabase && !(e in f) && typeof e == "string"))
     return;
-  if (se.get(e))
-    return se.get(e);
-  const A = e.replace(/FromIndex$/, ""), n = e !== A, a = Na.includes(A);
-  if (!(A in (n ? IDBIndex : IDBObjectStore).prototype) || !(a || Ia.includes(A)))
+  if (te.get(e))
+    return te.get(e);
+  const A = e.replace(/FromIndex$/, ""), n = e !== A, a = oa.includes(A);
+  if (!(A in (n ? IDBIndex : IDBObjectStore).prototype) || !(a || sa.includes(A)))
     return;
   const i = async function(t, ...s) {
     const o = this.transaction(t, a ? "readwrite" : "readonly");
-    let r = o.store;
-    return n && (r = r.index(s.shift())), (await Promise.all([
-      r[A](...s),
+    let l = o.store;
+    return n && (l = l.index(s.shift())), (await Promise.all([
+      l[A](...s),
       a && o.done
     ]))[0];
   };
-  return se.set(e, i), i;
+  return te.set(e, i), i;
 }
-ba((f) => ({
+aa((f) => ({
   ...f,
   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 Da() {
+const de = "EMJ", gf = "emojis", ge = 3;
+async function ua() {
   (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", {
@@ -12785,8 +12651,8 @@ async function Da() {
     }
   })).close();
 }
-Da();
-const wa = {
+ua();
+const ra = {
   native: !1,
   hideSearch: !0,
   hideGroupIcons: !1,
@@ -12799,23 +12665,23 @@ const wa = {
   groupOrder: [],
   groupIcons: {}
 };
-async function _a() {
-  return await (await ce(de, ge)).transaction(mf, "readonly").objectStore(mf).getAll();
+async function la() {
+  return await (await ce(de, ge)).transaction(gf, "readonly").objectStore(gf).getAll();
 }
-function ja() {
-  const f = vA({
+function ca() {
+  const f = yA({
     search: "",
-    emoji: Hn,
+    emoji: On,
     activeGroup: "",
     skinTone: Wf,
-    options: wa,
+    options: ra,
     additionalGroups: {},
     recent: [],
     get emojis() {
       return {
         recent: this.recent,
         ...this.options.additionalGroups,
-        ...da
+        ...$n
       };
     },
     get disabled() {
@@ -12841,12 +12707,12 @@ function ja() {
   }
   async function A() {
     var d;
-    let M = await _a();
+    let M = await la();
     return Array.isArray(M) && M.length ? M = JSON.parse(((d = M[0]) == null ? void 0 : d.value) || "") : M = [], M;
   }
   function n() {
     A().then((d) => {
-      f.recent = d, r();
+      f.recent = d, l();
     });
   }
   const a = (d) => {
@@ -12860,8 +12726,8 @@ function ja() {
   }, 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)
     });
@@ -12872,11 +12738,11 @@ function ja() {
     const M = f.recent.findIndex((m) => m.u === d.u);
     if (M > 0 && f.recent.splice(M, 1), M === 0)
       return;
-    const b = { u: d.u, n: Je(d.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),
+    state: vA(f),
     updateSearch: a,
     updateEmoji: i,
     updateActiveGroup: t,
@@ -12885,12 +12751,12 @@ function ja() {
     updateSelect: c
   };
 }
-var B = "top", W = "bottom", K = "right", Y = "left", me = "auto", Sf = [B, W, K, Y], pf = "start", Ef = "end", ka = "clippingParents", Xe = "viewport", _f = "popper", Va = "reference", Oe = /* @__PURE__ */ Sf.reduce(function(f, e) {
-  return f.concat([e + "-" + pf, e + "-" + Ef]);
+var Y = "top", K = "bottom", P = "right", R = "left", me = "auto", Sf = [Y, K, P, R], mf = "start", Ef = "end", da = "clippingParents", Ge = "viewport", Df = "popper", ga = "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 + "-" + pf, e + "-" + Ef]);
-}, []), Ea = "beforeRead", Ta = "read", xa = "afterRead", Sa = "beforeMain", za = "main", Oa = "afterMain", Ca = "beforeWrite", Ua = "write", La = "afterWrite", Qa = [Ea, Ta, xa, Sa, za, Oa, Ca, Ua, La];
-function ff(f) {
+  return f.concat([e, e + "-" + mf, e + "-" + Ef]);
+}, []), ma = "beforeRead", Ma = "read", pa = "afterRead", ha = "beforeMain", ba = "main", ya = "afterMain", va = "beforeWrite", Ia = "write", Na = "afterWrite", wa = [ma, Ma, pa, ha, ba, ya, va, Ia, Na];
+function ef(f) {
   return f ? (f.nodeName || "").toLowerCase() : null;
 }
 function H(f) {
@@ -12906,27 +12772,27 @@ 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 Ba(f) {
+function Da(f) {
   var e = f.state;
   Object.keys(e.elements).forEach(function(A) {
     var n = e.styles[A] || {}, a = e.attributes[A] || {}, i = e.elements[A];
-    !J(i) || !ff(i) || (Object.assign(i.style, n), Object.keys(a).forEach(function(t) {
+    !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 Ya(f) {
+function _a(f) {
   var e = f.state, A = {
     popper: {
       position: e.options.strategy,
@@ -12941,33 +12807,33 @@ function Ya(f) {
   };
   return Object.assign(e.elements.popper.style, A.popper), e.styles = A, e.elements.arrow && Object.assign(e.elements.arrow.style, A.arrow), function() {
     Object.keys(e.elements).forEach(function(n) {
-      var a = e.elements[n], i = e.attributes[n] || {}, t = Object.keys(e.styles.hasOwnProperty(n) ? e.styles[n] : A[n]), s = t.reduce(function(o, r) {
-        return o[r] = "", o;
+      var a = e.elements[n], i = e.attributes[n] || {}, t = Object.keys(e.styles.hasOwnProperty(n) ? e.styles[n] : A[n]), s = t.reduce(function(o, l) {
+        return o[l] = "", o;
       }, {});
-      !J(a) || !ff(a) || (Object.assign(a.style, s), Object.keys(i).forEach(function(o) {
+      !W(a) || !ef(a) || (Object.assign(a.style, s), Object.keys(i).forEach(function(o) {
         a.removeAttribute(o);
       }));
     });
   };
 }
-var Ra = {
+var ka = {
   name: "applyStyles",
   enabled: !0,
   phase: "write",
-  fn: Ba,
-  effect: Ya,
+  fn: Da,
+  effect: _a,
   requires: ["computeStyles"]
 };
 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(), n = 1, a = 1;
-  if (J(f) && e) {
+  if (W(f) && e) {
     var i = f.offsetHeight, t = f.offsetWidth;
-    t > 0 && (n = hf(A.width) / t || 1), i > 0 && (a = hf(A.height) / i || 1);
+    t > 0 && (n = pf(A.width) / t || 1), i > 0 && (a = pf(A.height) / i || 1);
   }
   return {
     width: A.width / n,
@@ -12980,8 +12846,8 @@ function bf(f, e) {
     y: A.top / a
   };
 }
-function pe(f) {
-  var e = bf(f), A = f.offsetWidth, n = f.offsetHeight;
+function Me(f) {
+  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,
@@ -12989,11 +12855,11 @@ function pe(f) {
     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)) {
+  if (A && Xe(A)) {
     var n = e;
     do {
       if (n && f.isSameNode(n))
@@ -13003,30 +12869,30 @@ function eA(f, e) {
   }
   return !1;
 }
-function ef(f) {
+function Af(f) {
   return H(f).getComputedStyle(f);
 }
-function qa(f) {
-  return ["table", "td", "th"].indexOf(ff(f)) >= 0;
+function ja(f) {
+  return ["table", "td", "th"].indexOf(ef(f)) >= 0;
 }
 function tf(f) {
   return ((Mf(f) ? f.ownerDocument : f.document) || window.document).documentElement;
 }
 function $f(f) {
-  return ff(f) === "html" ? f : f.assignedSlot || f.parentNode || (fA(f) ? f.host : null) || tf(f);
+  return ef(f) === "html" ? f : f.assignedSlot || f.parentNode || (Xe(f) ? f.host : null) || tf(f);
 }
 function Ce(f) {
-  return !J(f) || ef(f).position === "fixed" ? null : f.offsetParent;
+  return !W(f) || Af(f).position === "fixed" ? null : f.offsetParent;
 }
-function Fa(f) {
+function Va(f) {
   var e = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1, A = navigator.userAgent.indexOf("Trident") !== -1;
-  if (A && J(f)) {
-    var n = ef(f);
+  if (A && W(f)) {
+    var n = Af(f);
     if (n.position === "fixed")
       return null;
   }
-  for (var a = $f(f); J(a) && ["html", "body"].indexOf(ff(a)) < 0; ) {
-    var i = ef(a);
+  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;
@@ -13034,21 +12900,21 @@ function Fa(f) {
   return null;
 }
 function zf(f) {
-  for (var e = H(f), A = Ce(f); A && qa(A) && ef(A).position === "static"; )
+  for (var e = H(f), A = Ce(f); A && ja(A) && Af(A).position === "static"; )
     A = Ce(A);
-  return A && (ff(A) === "html" || ff(A) === "body" && ef(A).position === "static") ? e : A || Fa(f) || e;
+  return A && (ef(A) === "html" || ef(A) === "body" && Af(A).position === "static") ? e : A || Va(f) || e;
 }
-function Me(f) {
+function pe(f) {
   return ["top", "bottom"].indexOf(f) >= 0 ? "x" : "y";
 }
-function jf(f, e, A) {
+function kf(f, e, A) {
   return lf(f, Kf(e, A));
 }
-function Ja(f, e, A) {
-  var n = jf(f, e, A);
+function Ea(f, e, A) {
+  var n = kf(f, e, A);
   return n > A ? A : n;
 }
-function AA() {
+function eA() {
   return {
     top: 0,
     right: 0,
@@ -13056,94 +12922,94 @@ function AA() {
     left: 0
   };
 }
-function nA(f) {
-  return Object.assign({}, AA(), f);
+function AA(f) {
+  return Object.assign({}, eA(), f);
 }
-function aA(f, e) {
+function nA(f, e) {
   return e.reduce(function(A, n) {
     return A[n] = f, A;
   }, {});
 }
-var Wa = function(e, A) {
+var Ta = function(e, A) {
   return e = typeof e == "function" ? e(Object.assign({}, A.rects, {
     placement: A.placement
-  })) : e, nA(typeof e != "number" ? e : aA(e, Sf));
+  })) : e, AA(typeof e != "number" ? e : nA(e, Sf));
 };
-function Ka(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 = Me(s), r = [Y, K].indexOf(s) >= 0, c = r ? "height" : "width";
+function xa(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 = Wa(a.padding, A), M = pe(i), b = o === "y" ? B : Y, m = o === "y" ? W : K, 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), N = I ? o === "y" ? I.clientHeight || 0 : I.clientWidth || 0 : 0, _ = h / 2 - p / 2, w = d[b], T = N - M[c] - d[m], j = N / 2 - M[c] / 2 + _, k = jf(w, j, T), S = o;
-    A.modifiersData[n] = (e = {}, e[S] = k, e.centerOffset = k - j, e);
+    var d = Ta(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 Za(f) {
+function Sa(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) || eA(e.elements.popper, a) && (e.elements.arrow = a));
+  a != null && (typeof a == "string" && (a = e.elements.popper.querySelector(a), !a) || fA(e.elements.popper, a) && (e.elements.arrow = a));
 }
-var Pa = {
+var za = {
   name: "arrow",
   enabled: !0,
   phase: "main",
-  fn: Ka,
-  effect: Za,
+  fn: xa,
+  effect: Sa,
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
 };
-function yf(f) {
+function bf(f) {
   return f.split("-")[1];
 }
-var Ha = {
+var Oa = {
   top: "auto",
   right: "auto",
   bottom: "auto",
   left: "auto"
 };
-function Ga(f) {
+function Ca(f) {
   var e = f.x, A = f.y, n = window, a = n.devicePixelRatio || 1;
   return {
-    x: hf(e * a) / a || 0,
-    y: hf(A * a) / a || 0
+    x: pf(e * a) / a || 0,
+    y: pf(A * a) / a || 0
   };
 }
 function Ue(f) {
-  var e, A = f.popper, n = f.popperRect, a = f.placement, i = f.variation, t = f.offsets, s = f.position, o = f.gpuAcceleration, r = f.adaptive, c = f.roundOffsets, d = f.isFixed, M = c === !0 ? Ga(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"), N = t.hasOwnProperty("y"), _ = Y, w = B, T = window;
-  if (r) {
-    var j = zf(A), k = "clientHeight", S = "clientWidth";
-    if (j === H(A) && (j = tf(A), ef(j).position !== "static" && s === "absolute" && (k = "scrollHeight", S = "scrollWidth")), j = j, a === B || (a === Y || a === K) && i === Ef) {
-      w = W;
-      var U = d && T.visualViewport ? T.visualViewport.height : j[k];
+  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 ? Ca(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" && 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 (a === Y || (a === B || a === W) && i === Ef) {
-      _ = K;
-      var O = d && T.visualViewport ? T.visualViewport.width : j[S];
+    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: s
-  }, r && Ha);
+  }, l && Oa);
   if (o) {
-    var Q;
-    return Object.assign({}, C, (Q = {}, Q[w] = N ? "0" : "", Q[_] = I ? "0" : "", Q.transform = (T.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[w] = N ? p + "px" : "", e[_] = I ? m + "px" : "", e.transform = "", e));
+  return Object.assign({}, C, (e = {}, e[D] = w ? p + "px" : "", e[_] = I ? m + "px" : "", e.transform = "", e));
 }
-function Xa(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, r = {
+function Ua(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: yf(e.placement),
+    variation: bf(e.placement),
     popper: e.elements.popper,
     popperRect: e.rects.popper,
     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,
@@ -13152,34 +13018,34 @@ function Xa(f) {
     "data-popper-placement": e.placement
   });
 }
-var $a = {
+var La = {
   name: "computeStyles",
   enabled: !0,
   phase: "beforeWrite",
-  fn: Xa,
+  fn: Ua,
   data: {}
 }, Rf = {
   passive: !0
 };
-function ft(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), r = [].concat(e.scrollParents.reference, e.scrollParents.popper);
-  return i && r.forEach(function(c) {
+function Qa(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 && r.forEach(function(c) {
+    i && l.forEach(function(c) {
       c.removeEventListener("scroll", A.update, Rf);
     }), s && o.removeEventListener("resize", A.update, Rf);
   };
 }
-var et = {
+var Ba = {
   name: "eventListeners",
   enabled: !0,
   phase: "write",
   fn: function() {
   },
-  effect: ft,
+  effect: Qa,
   data: {}
-}, At = {
+}, Ya = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -13187,16 +13053,16 @@ var et = {
 };
 function Ff(f) {
   return f.replace(/left|right|bottom|top/g, function(e) {
-    return At[e];
+    return Ya[e];
   });
 }
-var nt = {
+var Ra = {
   start: "end",
   end: "start"
 };
 function Le(f) {
   return f.replace(/start|end/g, function(e) {
-    return nt[e];
+    return Ra[e];
   });
 }
 function he(f) {
@@ -13207,9 +13073,9 @@ function he(f) {
   };
 }
 function be(f) {
-  return bf(tf(f)).left + he(f).scrollLeft;
+  return hf(tf(f)).left + he(f).scrollLeft;
 }
-function at(f) {
+function qa(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,
@@ -13218,9 +13084,9 @@ function at(f) {
     y: s
   };
 }
-function tt(f) {
+function Fa(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 ef(a || A).direction === "rtl" && (s += lf(A.clientWidth, a ? a.clientWidth : 0) - i), {
+  return Af(a || A).direction === "rtl" && (s += lf(A.clientWidth, a ? a.clientWidth : 0) - i), {
     width: i,
     height: t,
     x: s,
@@ -13228,19 +13094,19 @@ function tt(f) {
   };
 }
 function ye(f) {
-  var e = ef(f), A = e.overflow, n = e.overflowX, a = e.overflowY;
+  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(ff(f)) >= 0 ? f.ownerDocument.body : J(f) && ye(f) ? f : tA($f(f));
+function aA(f) {
+  return ["html", "body", "#document"].indexOf(ef(f)) >= 0 ? f.ownerDocument.body : W(f) && ye(f) ? f : aA($f(f));
 }
-function kf(f, e) {
+function jf(f, e) {
   var A;
   e === void 0 && (e = []);
-  var n = tA(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(kf($f(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,
@@ -13248,48 +13114,48 @@ function re(f) {
     bottom: f.y + f.height
   });
 }
-function it(f) {
-  var e = bf(f);
+function Ja(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 === Xe ? re(at(f)) : Mf(e) ? it(e) : re(tt(tf(f)));
+  return e === Ge ? ue(qa(f)) : Mf(e) ? Ja(e) : ue(Fa(tf(f)));
 }
-function st(f) {
-  var e = kf($f(f)), A = ["absolute", "fixed"].indexOf(ef(f).position) >= 0, n = A && J(f) ? zf(f) : f;
+function Wa(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) && eA(a, n) && ff(a) !== "body" && (A ? ef(a).position !== "static" : !0);
+    return Mf(a) && fA(a, n) && ef(a) !== "body" && (A ? Af(a).position !== "static" : !0);
   }) : [];
 }
-function ot(f, e, A) {
-  var n = e === "clippingParents" ? st(f) : [].concat(e), a = [].concat(n, [A]), i = a[0], t = a.reduce(function(s, o) {
-    var r = Qe(f, o);
-    return s.top = lf(r.top, s.top), s.right = Kf(r.right, s.right), s.bottom = Kf(r.bottom, s.bottom), s.left = lf(r.left, s.left), s;
+function Ka(f, e, A) {
+  var n = e === "clippingParents" ? Wa(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 iA(f) {
-  var e = f.reference, A = f.element, n = f.placement, a = n ? G(n) : null, i = n ? yf(n) : null, t = e.x + e.width / 2 - A.width / 2, s = e.y + e.height / 2 - A.height / 2, o;
+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 B:
+    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: s
       };
       break;
-    case Y:
+    case R:
       o = {
         x: e.x - A.width,
         y: s
@@ -13301,15 +13167,15 @@ function iA(f) {
         y: e.y
       };
   }
-  var r = a ? Me(a) : null;
-  if (r != null) {
-    var c = r === "y" ? "height" : "width";
+  var l = a ? pe(a) : null;
+  if (l != null) {
+    var c = l === "y" ? "height" : "width";
     switch (i) {
-      case pf:
-        o[r] = o[r] - (e[c] / 2 - A[c] / 2);
+      case mf:
+        o[l] = o[l] - (e[c] / 2 - A[c] / 2);
         break;
       case Ef:
-        o[r] = o[r] + (e[c] / 2 - A[c] / 2);
+        o[l] = o[l] + (e[c] / 2 - A[c] / 2);
         break;
     }
   }
@@ -13317,32 +13183,32 @@ function iA(f) {
 }
 function Tf(f, e) {
   e === void 0 && (e = {});
-  var A = e, n = A.placement, a = n === void 0 ? f.placement : n, i = A.boundary, t = i === void 0 ? ka : i, s = A.rootBoundary, o = s === void 0 ? Xe : s, r = A.elementContext, c = r === void 0 ? _f : r, d = A.altBoundary, M = d === void 0 ? !1 : d, b = A.padding, m = b === void 0 ? 0 : b, h = nA(typeof m != "number" ? m : aA(m, Sf)), p = c === _f ? Va : _f, I = f.rects.popper, N = f.elements[M ? p : c], _ = ot(Mf(N) ? N : N.contextElement || tf(f.elements.popper), t, o), w = bf(f.elements.reference), T = iA({
-    reference: w,
+  var A = e, n = A.placement, a = n === void 0 ? f.placement : n, i = A.boundary, t = i === void 0 ? da : 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 ? ga : Df, I = f.rects.popper, w = f.elements[M ? p : c], _ = Ka(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: a
-  }), j = re(Object.assign({}, I, T)), k = c === _f ? j : w, S = {
-    top: _.top - k.top + h.top,
-    bottom: k.bottom - _.bottom + h.bottom,
-    left: _.left - k.left + h.left,
-    right: k.right - _.right + h.right
+  }), 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 (c === _f && U) {
+  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 ut(f, e) {
+function Pa(f, e) {
   e === void 0 && (e = {});
-  var A = e, n = A.placement, a = A.boundary, i = A.rootBoundary, t = A.padding, s = A.flipVariations, o = A.allowedAutoPlacements, r = o === void 0 ? $e : o, c = yf(n), d = c ? s ? Oe : Oe.filter(function(m) {
-    return yf(m) === c;
+  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 r.indexOf(m) >= 0;
+    return l.indexOf(m) >= 0;
   });
   M.length === 0 && (M = d);
   var b = M.reduce(function(m, h) {
@@ -13357,66 +13223,66 @@ function ut(f, e) {
     return b[m] - b[h];
   });
 }
-function rt(f) {
+function Za(f) {
   if (G(f) === me)
     return [];
   var e = Ff(f);
   return [Le(f), e, Le(e)];
 }
-function lt(f) {
+function Ha(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, r = 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), N = I === p, _ = o || (N || !m ? [Ff(p)] : rt(p)), w = [p].concat(_).reduce(function(cf, Af) {
-      return cf.concat(G(Af) === me ? ut(e, {
-        placement: Af,
+    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)] : Za(p)), D = [p].concat(_).reduce(function(cf, nf) {
+      return cf.concat(G(nf) === me ? Pa(e, {
+        placement: nf,
         boundary: c,
         rootBoundary: d,
-        padding: r,
+        padding: l,
         flipVariations: m,
         allowedAutoPlacements: h
-      }) : Af);
-    }, []), T = e.rects.reference, j = e.rects.popper, k = /* @__PURE__ */ new Map(), S = !0, U = w[0], O = 0; O < w.length; O++) {
-      var C = w[O], Q = G(C), sf = yf(C) === pf, 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: c,
         rootBoundary: d,
         altBoundary: M,
-        padding: r
-      }), Z = If ? sf ? K : Y : sf ? W : B;
-      T[Nf] > j[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 (i && of.push(R[Q] <= 0), s && 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;
         break;
       }
-      k.set(C, of);
+      j.set(C, of);
     }
     if (S)
-      for (var Uf = m ? 3 : 1, fe = function(Af) {
-        var wf = w.find(function(Qf) {
-          var uf = k.get(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 (wf)
           return U = wf, "break";
-      }, Df = Uf; Df > 0; Df--) {
-        var Lf = fe(Df);
+      }, Nf = Uf; Nf > 0; Nf--) {
+        var Lf = Xf(Nf);
         if (Lf === "break")
           break;
       }
     e.placement !== U && (e.modifiersData[n]._skip = !0, e.placement = U, e.reset = !0);
   }
 }
-var ct = {
+var Ga = {
   name: "flip",
   enabled: !0,
   phase: "main",
-  fn: lt,
+  fn: Ha,
   requiresIfExists: ["offset"],
   data: {
     _skip: !1
@@ -13434,19 +13300,19 @@ 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 dt(f) {
+function $a(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"
   }), s = Tf(e, {
     altBoundary: !0
-  }), o = Be(t, n), r = Be(s, a, i), c = Ye(o), d = Ye(r);
+  }), o = Be(t, n), l = Be(s, a, i), c = Ye(o), d = Ye(l);
   e.modifiersData[A] = {
     referenceClippingOffsets: o,
-    popperEscapeOffsets: r,
+    popperEscapeOffsets: l,
     isReferenceHidden: c,
     hasPopperEscaped: d
   }, e.attributes.popper = Object.assign({}, e.attributes.popper, {
@@ -13454,18 +13320,18 @@ function dt(f) {
     "data-popper-escaped": d
   });
 }
-var gt = {
+var Xa = {
   name: "hide",
   enabled: !0,
   phase: "main",
   requiresIfExists: ["preventOverflow"],
-  fn: dt
+  fn: $a
 };
-function mt(f, e, A) {
-  var n = G(f), a = [Y, B].indexOf(n) >= 0 ? -1 : 1, i = typeof A == "function" ? A(Object.assign({}, e, {
+function ft(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 = i[0], s = i[1];
-  return t = t || 0, s = (s || 0) * a, [Y, K].indexOf(n) >= 0 ? {
+  return t = t || 0, s = (s || 0) * a, [R, P].indexOf(n) >= 0 ? {
     x: s,
     y: t
   } : {
@@ -13473,45 +13339,45 @@ function mt(f, e, A) {
     y: s
   };
 }
-function pt(f) {
+function et(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] = mt(d, e.rects, i), c;
-  }, {}), s = t[e.placement], o = s.x, r = s.y;
-  e.modifiersData.popperOffsets != null && (e.modifiersData.popperOffsets.x += o, e.modifiersData.popperOffsets.y += r), e.modifiersData[n] = t;
+    return c[d] = ft(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 Mt = {
+var At = {
   name: "offset",
   enabled: !0,
   phase: "main",
   requires: ["popperOffsets"],
-  fn: pt
+  fn: et
 };
-function ht(f) {
+function nt(f) {
   var e = f.state, A = f.name;
-  e.modifiersData[A] = iA({
+  e.modifiersData[A] = tA({
     reference: e.rects.reference,
     element: e.rects.popper,
     strategy: "absolute",
     placement: e.placement
   });
 }
-var bt = {
+var at = {
   name: "popperOffsets",
   enabled: !0,
   phase: "read",
-  fn: ht,
+  fn: nt,
   data: {}
 };
-function yt(f) {
+function tt(f) {
   return f === "x" ? "y" : "x";
 }
-function vt(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, r = 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, {
+function it(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,
+    rootBoundary: l,
     padding: d,
     altBoundary: c
-  }), I = G(e.placement), N = yf(e.placement), _ = !N, w = Me(I), T = yt(w), j = e.modifiersData.popperOffsets, k = e.rects.reference, S = e.rects.popper, U = typeof h == "function" ? h(Object.assign({}, e.rects, {
+  }), I = G(e.placement), w = bf(e.placement), _ = !w, D = pe(I), V = tt(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,
@@ -13519,62 +13385,62 @@ function vt(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 (j) {
+  if (k) {
     if (i) {
-      var sf, If = w === "y" ? B : Y, Nf = w === "y" ? W : K, R = w === "y" ? "height" : "width", Z = j[w], Cf = Z + p[If], of = Z - p[Nf], Uf = b ? -S[R] / 2 : 0, fe = N === pf ? k[R] : S[R], Df = N === pf ? -S[R] : -k[R], Lf = e.elements.arrow, cf = b && Lf ? pe(Lf) : {
+      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(), wf = Af[If], Qf = Af[Nf], uf = jf(0, k[R], cf[R]), ee = _ ? k[R] / 2 - Uf - uf - wf - O.mainAxis : fe - uf - wf - O.mainAxis, rA = _ ? -k[R] / 2 + Uf + uf + Qf + O.mainAxis : Df + uf + Qf + O.mainAxis, Ae = e.elements.arrow && zf(e.elements.arrow), lA = Ae ? w === "y" ? Ae.clientTop || 0 : Ae.clientLeft || 0 : 0, ve = (sf = C == null ? void 0 : C[w]) != null ? sf : 0, cA = Z + ee - ve - lA, dA = Z + rA - ve, Ie = jf(b ? Kf(Cf, cA) : Cf, Z, b ? lf(of, dA) : of);
-      j[w] = Ie, Q[w] = 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 (s) {
-      var Ne, gA = w === "x" ? B : Y, mA = w === "x" ? W : K, rf = j[T], Bf = T === "y" ? "height" : "width", De = rf + p[gA], we = rf - p[mA], ne = [B, Y].indexOf(I) !== -1, _e = (Ne = C == null ? void 0 : C[T]) != null ? Ne : 0, je = ne ? De : rf - k[Bf] - S[Bf] - _e + O.altAxis, ke = ne ? rf + k[Bf] + S[Bf] - _e - O.altAxis : we, Ve = b && ne ? Ja(je, rf, ke) : jf(b ? je : De, rf, b ? ke : we);
-      j[T] = Ve, Q[T] = Ve - rf;
+      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 ? Ea(ke, rf, je) : kf(b ? ke : we, rf, b ? je : De);
+      k[V] = Ve, L[V] = Ve - rf;
     }
-    e.modifiersData[n] = Q;
+    e.modifiersData[n] = L;
   }
 }
-var It = {
+var st = {
   name: "preventOverflow",
   enabled: !0,
   phase: "main",
-  fn: vt,
+  fn: it,
   requiresIfExists: ["offset"]
 };
-function Nt(f) {
+function ot(f) {
   return {
     scrollLeft: f.scrollLeft,
     scrollTop: f.scrollTop
   };
 }
-function Dt(f) {
-  return f === H(f) || !J(f) ? he(f) : Nt(f);
+function ut(f) {
+  return f === H(f) || !W(f) ? he(f) : ot(f);
 }
-function wt(f) {
-  var e = f.getBoundingClientRect(), A = hf(e.width) / f.offsetWidth || 1, n = hf(e.height) / f.offsetHeight || 1;
+function rt(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 _t(f, e, A) {
+function lt(f, e, A) {
   A === void 0 && (A = !1);
-  var n = J(e), a = J(e) && wt(e), i = tf(e), t = bf(f, a), s = {
+  var n = W(e), a = W(e) && rt(e), i = tf(e), t = hf(f, a), s = {
     scrollLeft: 0,
     scrollTop: 0
   }, o = {
     x: 0,
     y: 0
   };
-  return (n || !n && !A) && ((ff(e) !== "body" || ye(i)) && (s = Dt(e)), J(e) ? (o = bf(e, !0), o.x += e.clientLeft, o.y += e.clientTop) : i && (o.x = be(i))), {
+  return (n || !n && !A) && ((ef(e) !== "body" || ye(i)) && (s = ut(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 jt(f) {
+function ct(f) {
   var e = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Set(), n = [];
   f.forEach(function(i) {
     e.set(i.name, i);
@@ -13593,15 +13459,15 @@ function jt(f) {
     A.has(i.name) || a(i);
   }), n;
 }
-function kt(f) {
-  var e = jt(f);
-  return Qa.reduce(function(A, n) {
+function dt(f) {
+  var e = ct(f);
+  return wa.reduce(function(A, n) {
     return A.concat(e.filter(function(a) {
       return a.phase === n;
     }));
   }, []);
 }
-function Vt(f) {
+function gt(f) {
   var e;
   return function() {
     return e || (e = new Promise(function(A) {
@@ -13611,7 +13477,7 @@ function Vt(f) {
     })), e;
   };
 }
-function Et(f) {
+function mt(f) {
   var e = f.reduce(function(A, n) {
     var a = A[n.name];
     return A[n.name] = a ? Object.assign({}, a, n, {
@@ -13635,11 +13501,11 @@ function qe() {
     return !(n && typeof n.getBoundingClientRect == "function");
   });
 }
-function Tt(f) {
+function Mt(f) {
   f === void 0 && (f = {});
   var e = f, A = e.defaultModifiers, n = A === void 0 ? [] : A, a = e.defaultOptions, i = a === void 0 ? Re : a;
-  return function(s, o, r) {
-    r === void 0 && (r = i);
+  return function(s, o, l) {
+    l === void 0 && (l = i);
     var c = {
       placement: "bottom",
       orderedModifiers: [],
@@ -13654,33 +13520,33 @@ function Tt(f) {
     }, d = [], M = !1, b = {
       state: c,
       setOptions: function(I) {
-        var N = typeof I == "function" ? I(c.options) : I;
-        h(), c.options = Object.assign({}, i, c.options, N), c.scrollParents = {
-          reference: Mf(s) ? kf(s) : s.contextElement ? kf(s.contextElement) : [],
-          popper: kf(o)
+        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 _ = kt(Et([].concat(n, c.options.modifiers)));
-        return c.orderedModifiers = _.filter(function(w) {
-          return w.enabled;
+        var _ = dt(mt([].concat(n, c.options.modifiers)));
+        return c.orderedModifiers = _.filter(function(D) {
+          return D.enabled;
         }), m(), b.update();
       },
       forceUpdate: function() {
         if (!M) {
-          var I = c.elements, N = I.reference, _ = I.popper;
-          if (qe(N, _)) {
+          var I = c.elements, w = I.reference, _ = I.popper;
+          if (qe(w, _)) {
             c.rects = {
-              reference: _t(N, zf(_), c.options.strategy === "fixed"),
-              popper: pe(_)
+              reference: lt(w, zf(_), c.options.strategy === "fixed"),
+              popper: Me(_)
             }, c.reset = !1, c.placement = c.options.placement, c.orderedModifiers.forEach(function(O) {
               return c.modifiersData[O.name] = Object.assign({}, O.data);
             });
-            for (var w = 0; w < c.orderedModifiers.length; w++) {
+            for (var D = 0; D < c.orderedModifiers.length; D++) {
               if (c.reset === !0) {
-                c.reset = !1, w = -1;
+                c.reset = !1, D = -1;
                 continue;
               }
-              var T = c.orderedModifiers[w], j = T.fn, k = T.options, S = k === void 0 ? {} : k, U = T.name;
-              typeof j == "function" && (c = j({
+              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,
@@ -13690,7 +13556,7 @@ function Tt(f) {
           }
         }
       },
-      update: Vt(function() {
+      update: gt(function() {
         return new Promise(function(p) {
           b.forceUpdate(), p(c);
         });
@@ -13701,21 +13567,21 @@ function Tt(f) {
     };
     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() {
       c.orderedModifiers.forEach(function(p) {
-        var I = p.name, N = p.options, _ = N === void 0 ? {} : N, w = p.effect;
-        if (typeof w == "function") {
-          var T = w({
+        var I = p.name, w = p.options, _ = w === void 0 ? {} : w, D = p.effect;
+        if (typeof D == "function") {
+          var V = D({
             state: c,
             name: I,
             instance: b,
             options: _
-          }), j = function() {
+          }), k = function() {
           };
-          d.push(T || j);
+          d.push(V || k);
         }
       });
     }
@@ -13727,13 +13593,13 @@ function Tt(f) {
     return b;
   };
 }
-var xt = [et, bt, $a, Ra, Mt, ct, It, Pa, gt], St = /* @__PURE__ */ Tt({
-  defaultModifiers: xt
-}), sA = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgOS4zODI4MTMgNCA0IDkuMzgyODEzIDQgMTYgQyA0IDIyLjYxNzE4OCA5LjM4MjgxMyAyOCAxNiAyOCBDIDIyLjYxNzE4OCAyOCAyOCAyMi42MTcxODggMjggMTYgQyAyOCA5LjM4MjgxMyAyMi42MTcxODggNCAxNiA0IFogTSAxNiA2IEMgMjEuNTM1MTU2IDYgMjYgMTAuNDY0ODQ0IDI2IDE2IEMgMjYgMjEuNTM1MTU2IDIxLjUzNTE1NiAyNiAxNiAyNiBDIDEwLjQ2NDg0NCAyNiA2IDIxLjUzNTE1NiA2IDE2IEMgNiAxMC40NjQ4NDQgMTAuNDY0ODQ0IDYgMTYgNiBaIE0gMTEuNSAxMiBDIDEwLjY3MTg3NSAxMiAxMCAxMi42NzE4NzUgMTAgMTMuNSBDIDEwIDE0LjMyODEyNSAxMC42NzE4NzUgMTUgMTEuNSAxNSBDIDEyLjMyODEyNSAxNSAxMyAxNC4zMjgxMjUgMTMgMTMuNSBDIDEzIDEyLjY3MTg3NSAxMi4zMjgxMjUgMTIgMTEuNSAxMiBaIE0gMjAuNSAxMiBDIDE5LjY3MTg3NSAxMiAxOSAxMi42NzE4NzUgMTkgMTMuNSBDIDE5IDE0LjMyODEyNSAxOS42NzE4NzUgMTUgMjAuNSAxNSBDIDIxLjMyODEyNSAxNSAyMiAxNC4zMjgxMjUgMjIgMTMuNSBDIDIyIDEyLjY3MTg3NSAyMS4zMjgxMjUgMTIgMjAuNSAxMiBaIE0gMTAuODEyNSAxOSBMIDkuMDkzNzUgMjAgQyAxMC40NzY1NjMgMjIuMzg2NzE5IDEzLjA0Njg3NSAyNCAxNiAyNCBDIDE4Ljk1MzEyNSAyNCAyMS41MjM0MzggMjIuMzg2NzE5IDIyLjkwNjI1IDIwIEwgMjEuMTg3NSAxOSBDIDIwLjE0ODQzOCAyMC43OTI5NjkgMTguMjI2NTYzIDIyIDE2IDIyIEMgMTMuNzczNDM4IDIyIDExLjg1MTU2MyAyMC43OTI5NjkgMTAuODEyNSAxOSBaIi8+PC9zdmc+";
+var pt = [Ba, at, La, ka, At, Ga, st, za, Xa], ht = /* @__PURE__ */ Mt({
+  defaultModifiers: pt
+}), 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 zt(f, e, A, n = []) {
+function bt(f, e, A, n = []) {
   const a = {};
   return Object.keys(f).forEach((i) => {
     if (n.includes(i))
@@ -13741,27 +13607,27 @@ function zt(f, e, A, n = []) {
     const t = [];
     f[i].forEach((s) => {
       var o;
-      if (s[Xf][0].includes(e.toLocaleLowerCase())) {
-        let r = s[Pe];
+      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;
-          c !== -1 && s[Yf] && (r = s[Yf][c]);
+          c !== -1 && s[Yf] && (l = s[Yf][c]);
         }
         return t.push({
           ...s,
-          [Vf]: r
+          [Vf]: l
         });
       }
     }), 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, n) => A ? A.toUpperCase() : " " + n.toUpperCase()
@@ -13773,22 +13639,22 @@ var Of = (f, e) => {
     A[n] = a;
   return A;
 };
-const Ot = xf({
+const yt = xf({
   name: "Body",
   emits: {
     select: (f) => !0
   },
   setup() {
-    const { state: f, updateEmoji: e, updateSelect: A } = Hf("store"), n = y(null), a = V(() => zt(
+    const { state: f, updateEmoji: e, updateSelect: A } = Zf("store"), n = v(null), a = E(() => bt(
       f.emojis,
       f.search,
       f.skinTone,
       f.options.disabledGroups
-    )), i = hA(), t = V(() => !f.options.hideGroupNames), s = 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 c = oA() ? "is-mac" : "";
+    const c = sA() ? "is-mac" : "";
     function d(m) {
       e(m);
     }
@@ -13804,7 +13670,7 @@ const Ot = 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;
@@ -13814,83 +13680,83 @@ const Ot = xf({
     ), {
       emojis: a,
       bodyInner: n,
-      EMOJI_REMOTE_SRC: Ke,
-      GROUP_NAMES: Ze,
+      EMOJI_REMOTE_SRC: We,
+      GROUP_NAMES: Ke,
       handleClick: M,
       handleError: b,
       handleMouseEnter: d,
       native: f.options.native,
       unicodeToEmoji: Jf,
       EMOJI_RESULT_KEY: Vf,
-      EMOJI_NAME_KEY: Xf,
+      EMOJI_NAME_KEY: Gf,
       hasGroupNames: t,
       isSticky: s,
       platform: c,
       groupNames: o,
-      orderedKeys: r
+      orderedKeys: l
     };
   }
-}), Ct = { class: "v3-body" }, Ut = ["id"], Lt = { class: "v3-emojis" }, Qt = ["onMouseenter", "onClick"], Bt = { key: 0 }, Yt = ["src", "alt", "onError"], Rt = {
+}), vt = { class: "v3-body" }, It = ["id"], Nt = { class: "v3-emojis" }, wt = ["onMouseenter", "onClick"], Dt = { key: 0 }, _t = ["src", "alt", "onError"], kt = {
   key: 1,
   class: "v3-no-result"
 };
-function qt(f, e, A, n, a, i) {
-  return l(), g("div", Ct, [
+function jt(f, e, A, n, a, i) {
+  return r(), g("div", vt, [
     u("div", {
       ref: "bodyInner",
-      class: E([f.platform, "v3-body-inner"])
+      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: E(f.isSticky ? "v3-sticky" : "")
-        }, D(f.groupNames[t]), 3)), [
-          [gf, f.emojis[t]]
-        ]) : v("", !0),
-        P(u("div", Lt, [
-          (l(!0), g(q, null, F(f.emojis[t], (s) => (l(), g("button", {
+          class: T(f.isSticky ? "v3-sticky" : "")
+        }, N(f.groupNames[t]), 3)), [
+          [df, f.emojis[t]]
+        ]) : y("", !0),
+        ff(u("div", Nt, [
+          (r(!0), g(B, null, F(f.emojis[t], (s) => (r(), g("button", {
             key: s.r,
             type: "button",
             onMouseenter: (o) => f.handleMouseEnter(s),
             onClick: (o) => f.handleClick(s)
           }, [
-            f.native ? (l(), g("span", Bt, D(f.unicodeToEmoji(s.r)), 1)) : (l(), g("img", {
+            f.native ? (r(), g("span", Dt, N(f.unicodeToEmoji(s.r)), 1)) : (r(), g("img", {
               key: 1,
               src: f.EMOJI_REMOTE_SRC + `/${s.r}.png`,
               alt: s.n[0],
               onError: (o) => f.handleError(o, s.r)
-            }, null, 40, Yt))
-          ], 40, Qt))), 128))
+            }, null, 40, _t))
+          ], 40, wt))), 128))
         ], 512), [
-          [gf, f.emojis[t]]
+          [df, f.emojis[t]]
         ])
-      ], 8, Ut))), 128)) : (l(), g("span", Rt, " No emoji has been found! "))
+      ], 8, It))), 128)) : (r(), g("span", kt, " No emoji has been found! "))
     ], 2)
   ]);
 }
-var Ft = /* @__PURE__ */ Of(Ot, [["render", qt]]), Jt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMi41IDUgQyAxMS40Mjk2ODggNSAxMC41IDUuNjA5Mzc1IDkuOTA2MjUgNi40Mzc1IEMgOS4zMTI1IDcuMjY1NjI1IDkgOC4zMzk4NDQgOSA5LjUgQyA5IDEwLjY2MDE1NiA5LjMxMjUgMTEuNzM0Mzc1IDkuOTA2MjUgMTIuNTYyNSBDIDEwLjUgMTMuMzkwNjI1IDExLjQyOTY4OCAxNCAxMi41IDE0IEMgMTMuNTcwMzEzIDE0IDE0LjUgMTMuMzkwNjI1IDE1LjA5Mzc1IDEyLjU2MjUgQyAxNS42ODc1IDExLjczNDM3NSAxNiAxMC42NjAxNTYgMTYgOS41IEMgMTYgOC4zMzk4NDQgMTUuNjg3NSA3LjI2NTYyNSAxNS4wOTM3NSA2LjQzNzUgQyAxNC41IDUuNjA5Mzc1IDEzLjU3MDMxMyA1IDEyLjUgNSBaIE0gMTYgOS41IEMgMTYgMTAuNjYwMTU2IDE2LjMxMjUgMTEuNzM0Mzc1IDE2LjkwNjI1IDEyLjU2MjUgQyAxNy41IDEzLjM5MDYyNSAxOC40Mjk2ODggMTQgMTkuNSAxNCBDIDIwLjU3MDMxMyAxNCAyMS41IDEzLjM5MDYyNSAyMi4wOTM3NSAxMi41NjI1IEMgMjIuNjg3NSAxMS43MzQzNzUgMjMgMTAuNjYwMTU2IDIzIDkuNSBDIDIzIDguMzM5ODQ0IDIyLjY4NzUgNy4yNjU2MjUgMjIuMDkzNzUgNi40Mzc1IEMgMjEuNSA1LjYwOTM3NSAyMC41NzAzMTMgNSAxOS41IDUgQyAxOC40Mjk2ODggNSAxNy41IDUuNjA5Mzc1IDE2LjkwNjI1IDYuNDM3NSBDIDE2LjMxMjUgNy4yNjU2MjUgMTYgOC4zMzk4NDQgMTYgOS41IFogTSAxMi41IDcgQyAxMi44MTI1IDcgMTMuMTU2MjUgNy4xNTYyNSAxMy40Njg3NSA3LjU5Mzc1IEMgMTMuNzgxMjUgOC4wMzEyNSAxNCA4LjcyNjU2MyAxNCA5LjUgQyAxNCAxMC4yNzM0MzggMTMuNzgxMjUgMTAuOTY4NzUgMTMuNDY4NzUgMTEuNDA2MjUgQyAxMy4xNTYyNSAxMS44NDM3NSAxMi44MTI1IDEyIDEyLjUgMTIgQyAxMi4xODc1IDEyIDExLjg0Mzc1IDExLjg0Mzc1IDExLjUzMTI1IDExLjQwNjI1IEMgMTEuMjE4NzUgMTAuOTY4NzUgMTEgMTAuMjczNDM4IDExIDkuNSBDIDExIDguNzI2NTYzIDExLjIxODc1IDguMDMxMjUgMTEuNTMxMjUgNy41OTM3NSBDIDExLjg0Mzc1IDcuMTU2MjUgMTIuMTg3NSA3IDEyLjUgNyBaIE0gMTkuNSA3IEMgMTkuODEyNSA3IDIwLjE1NjI1IDcuMTU2MjUgMjAuNDY4NzUgNy41OTM3NSBDIDIwLjc4MTI1IDguMDMxMjUgMjEgOC43MjY1NjMgMjEgOS41IEMgMjEgMTAuMjczNDM4IDIwLjc4MTI1IDEwLjk2ODc1IDIwLjQ2ODc1IDExLjQwNjI1IEMgMjAuMTU2MjUgMTEuODQzNzUgMTkuODEyNSAxMiAxOS41IDEyIEMgMTkuMTg3NSAxMiAxOC44NDM3NSAxMS44NDM3NSAxOC41MzEyNSAxMS40MDYyNSBDIDE4LjIxODc1IDEwLjk2ODc1IDE4IDEwLjI3MzQzOCAxOCA5LjUgQyAxOCA4LjcyNjU2MyAxOC4yMTg3NSA4LjAzMTI1IDE4LjUzMTI1IDcuNTkzNzUgQyAxOC44NDM3NSA3LjE1NjI1IDE5LjE4NzUgNyAxOS41IDcgWiBNIDcuNSAxMiBDIDYuNDI5Njg4IDEyIDUuNSAxMi42MDkzNzUgNC45MDYyNSAxMy40Mzc1IEMgNC4zMTI1IDE0LjI2NTYyNSA0IDE1LjMzOTg0NCA0IDE2LjUgQyA0IDE3LjY2MDE1NiA0LjMxMjUgMTguNzM0Mzc1IDQuOTA2MjUgMTkuNTYyNSBDIDUuNSAyMC4zOTA2MjUgNi40Mjk2ODggMjEgNy41IDIxIEMgOC41NzAzMTMgMjEgOS41IDIwLjM5MDYyNSAxMC4wOTM3NSAxOS41NjI1IEMgMTAuNjg3NSAxOC43MzQzNzUgMTEgMTcuNjYwMTU2IDExIDE2LjUgQyAxMSAxNS4zMzk4NDQgMTAuNjg3NSAxNC4yNjU2MjUgMTAuMDkzNzUgMTMuNDM3NSBDIDkuNSAxMi42MDkzNzUgOC41NzAzMTMgMTIgNy41IDEyIFogTSAyNC41IDEyIEMgMjMuNDI5Njg4IDEyIDIyLjUgMTIuNjA5Mzc1IDIxLjkwNjI1IDEzLjQzNzUgQyAyMS4zMTI1IDE0LjI2NTYyNSAyMSAxNS4zMzk4NDQgMjEgMTYuNSBDIDIxIDE3LjY2MDE1NiAyMS4zMTI1IDE4LjczNDM3NSAyMS45MDYyNSAxOS41NjI1IEMgMjIuNSAyMC4zOTA2MjUgMjMuNDI5Njg4IDIxIDI0LjUgMjEgQyAyNS41NzAzMTMgMjEgMjYuNSAyMC4zOTA2MjUgMjcuMDkzNzUgMTkuNTYyNSBDIDI3LjY4NzUgMTguNzM0Mzc1IDI4IDE3LjY2MDE1NiAyOCAxNi41IEMgMjggMTUuMzM5ODQ0IDI3LjY4NzUgMTQuMjY1NjI1IDI3LjA5Mzc1IDEzLjQzNzUgQyAyNi41IDEyLjYwOTM3NSAyNS41NzAzMTMgMTIgMjQuNSAxMiBaIE0gNy41IDE0IEMgNy44MTI1IDE0IDguMTU2MjUgMTQuMTU2MjUgOC40Njg3NSAxNC41OTM3NSBDIDguNzgxMjUgMTUuMDMxMjUgOSAxNS43MjY1NjMgOSAxNi41IEMgOSAxNy4yNzM0MzggOC43ODEyNSAxNy45Njg3NSA4LjQ2ODc1IDE4LjQwNjI1IEMgOC4xNTYyNSAxOC44NDM3NSA3LjgxMjUgMTkgNy41IDE5IEMgNy4xODc1IDE5IDYuODQzNzUgMTguODQzNzUgNi41MzEyNSAxOC40MDYyNSBDIDYuMjE4NzUgMTcuOTY4NzUgNiAxNy4yNzM0MzggNiAxNi41IEMgNiAxNS43MjY1NjMgNi4yMTg3NSAxNS4wMzEyNSA2LjUzMTI1IDE0LjU5Mzc1IEMgNi44NDM3NSAxNC4xNTYyNSA3LjE4NzUgMTQgNy41IDE0IFogTSAyNC41IDE0IEMgMjQuODEyNSAxNCAyNS4xNTYyNSAxNC4xNTYyNSAyNS40Njg3NSAxNC41OTM3NSBDIDI1Ljc4MTI1IDE1LjAzMTI1IDI2IDE1LjcyNjU2MyAyNiAxNi41IEMgMjYgMTcuMjczNDM4IDI1Ljc4MTI1IDE3Ljk2ODc1IDI1LjQ2ODc1IDE4LjQwNjI1IEMgMjUuMTU2MjUgMTguODQzNzUgMjQuODEyNSAxOSAyNC41IDE5IEMgMjQuMTg3NSAxOSAyMy44NDM3NSAxOC44NDM3NSAyMy41MzEyNSAxOC40MDYyNSBDIDIzLjIxODc1IDE3Ljk2ODc1IDIzIDE3LjI3MzQzOCAyMyAxNi41IEMgMjMgMTUuNzI2NTYzIDIzLjIxODc1IDE1LjAzMTI1IDIzLjUzMTI1IDE0LjU5Mzc1IEMgMjMuODQzNzUgMTQuMTU2MjUgMjQuMTg3NSAxNCAyNC41IDE0IFogTSAxNiAxNiBDIDE0LjY2Nzk2OSAxNiAxMy43MzgyODEgMTYuODY3MTg4IDEzLjI4MTI1IDE3LjYyNSBDIDEyLjgyNDIxOSAxOC4zODI4MTMgMTIuNTQ2ODc1IDE5LjAxNTYyNSAxMi4yODEyNSAxOS4yODEyNSBDIDEyLjEyNSAxOS40Mzc1IDExLjE2MDE1NiAxOS44MDA3ODEgMTAuMTU2MjUgMjAuMzEyNSBDIDkuNjUyMzQ0IDIwLjU3MDMxMyA5LjE0NDUzMSAyMC45MTQwNjMgOC43MTg3NSAyMS40Mzc1IEMgOC4yOTI5NjkgMjEuOTYwOTM4IDggMjIuNjg3NSA4IDIzLjUgQyA4IDI1LjQyMTg3NSA5LjU3ODEyNSAyNyAxMS41IDI3IEMgMTIuMzY3MTg4IDI3IDEzLjI2OTUzMSAyNi43MjI2NTYgMTQuMTU2MjUgMjYuNDY4NzUgQyAxNS4wNDI5NjkgMjYuMjE0ODQ0IDE2IDI2IDE2IDI2IEMgMTYgMjYgMTYuOTU3MDMxIDI2LjIxNDg0NCAxNy44NDM3NSAyNi40Njg3NSBDIDE4LjczMDQ2OSAyNi43MjI2NTYgMTkuNjMyODEzIDI3IDIwLjUgMjcgQyAyMi40MjE4NzUgMjcgMjQgMjUuNDIxODc1IDI0IDIzLjUgQyAyNCAyMi43MDcwMzEgMjMuNzA3MDMxIDIxLjk4MDQ2OSAyMy4yODEyNSAyMS40Njg3NSBDIDIyLjg1NTQ2OSAyMC45NTcwMzEgMjIuMzQzNzUgMjAuNjQwNjI1IDIxLjg0Mzc1IDIwLjM3NSBDIDIwLjg0Mzc1IDE5Ljg0Mzc1IDE5Ljg1OTM3NSAxOS40MjE4NzUgMTkuNzE4NzUgMTkuMjgxMjUgQyAxOS40ODA0NjkgMTkuMDQyOTY5IDE5LjIxMDkzOCAxOC4zOTA2MjUgMTguNzUgMTcuNjI1IEMgMTguMjg5MDYzIDE2Ljg1OTM3NSAxNy4zMzk4NDQgMTYgMTYgMTYgWiBNIDE2IDE4IEMgMTYuNjYwMTU2IDE4IDE2LjczNDM3NSAxOC4xNjAxNTYgMTcuMDMxMjUgMTguNjU2MjUgQyAxNy4zMjgxMjUgMTkuMTUyMzQ0IDE3LjU1NDY4OCAxOS45OTIxODggMTguMjgxMjUgMjAuNzE4NzUgQyAxOS4xMDU0NjkgMjEuNTQyOTY5IDIwLjE0ODQzOCAyMS43MjI2NTYgMjAuOTA2MjUgMjIuMTI1IEMgMjEuMjg1MTU2IDIyLjMyODEyNSAyMS41NzgxMjUgMjIuNTQyOTY5IDIxLjc1IDIyLjc1IEMgMjEuOTIxODc1IDIyLjk1NzAzMSAyMiAyMy4xNDg0MzggMjIgMjMuNSBDIDIyIDI0LjMzOTg0NCAyMS4zMzk4NDQgMjUgMjAuNSAyNSBDIDIwLjIxMDkzOCAyNSAxOS4yNzczNDQgMjQuNzc3MzQ0IDE4LjQwNjI1IDI0LjUzMTI1IEMgMTcuNTM1MTU2IDI0LjI4NTE1NiAxNi44MTY0MDYgMjQgMTYgMjQgQyAxNS4xODM1OTQgMjQgMTQuNDY0ODQ0IDI0LjI4NTE1NiAxMy41OTM3NSAyNC41MzEyNSBDIDEyLjcyMjY1NiAyNC43NzczNDQgMTEuNzg5MDYzIDI1IDExLjUgMjUgQyAxMC42NjAxNTYgMjUgMTAgMjQuMzM5ODQ0IDEwIDIzLjUgQyAxMCAyMy4wOTc2NTYgMTAuMDgyMDMxIDIyLjg5MDYyNSAxMC4yNSAyMi42ODc1IEMgMTAuNDE3OTY5IDIyLjQ4NDM3NSAxMC43MjI2NTYgMjIuMjg1MTU2IDExLjA5Mzc1IDIyLjA5Mzc1IEMgMTEuODM5ODQ0IDIxLjcxNDg0NCAxMi44NzUgMjEuNTYyNSAxMy43MTg3NSAyMC43MTg3NSBDIDE0LjQ1MzEyNSAxOS45ODQzNzUgMTQuNjc1NzgxIDE5LjExNzE4OCAxNC45Njg3NSAxOC42MjUgQyAxNS4yNjE3MTkgMTguMTMyODEzIDE1LjMzMjAzMSAxOCAxNiAxOCBaIi8+PC9zdmc+", Wt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMSAzIEwgMTEgNyBMIDEzIDcgTCAxMyAzIFogTSAxNSA0IEwgMTUgNyBMIDE3IDcgTCAxNyA0IFogTSA0Ljg3NSA4IEwgNSA5LjA5Mzc1IEwgNi44MTI1IDI2LjMxMjUgQyA2Ljk3MjY1NiAyNy44MzIwMzEgOC4yODUxNTYgMjkgOS44MTI1IDI5IEwgMTkuMTg3NSAyOSBDIDIwLjcxNDg0NCAyOSAyMi4wMjczNDQgMjcuODMyMDMxIDIyLjE4NzUgMjYuMzEyNSBMIDIyLjY1NjI1IDIyIEwgMjUgMjIgQyAyNi42NDQ1MzEgMjIgMjggMjAuNjQ0NTMxIDI4IDE5IEwgMjggMTYgQyAyOCAxNC4zNTU0NjkgMjYuNjQ0NTMxIDEzIDI1IDEzIEwgMjMuNTkzNzUgMTMgTCAyNCA5LjA5Mzc1IEwgMjQuMTI1IDggWiBNIDcuMTI1IDEwIEwgMjEuODc1IDEwIEwgMjAuMTg3NSAyNi4wOTM3NSBDIDIwLjEzMjgxMyAyNi42MTMyODEgMTkuNzA3MDMxIDI3IDE5LjE4NzUgMjcgTCA5LjgxMjUgMjcgQyA5LjI5Mjk2OSAyNyA4Ljg2NzE4OCAyNi42MTMyODEgOC44MTI1IDI2LjA5Mzc1IFogTSAyMy4zNzUgMTUgTCAyNSAxNSBDIDI1LjU2NjQwNiAxNSAyNiAxNS40MzM1OTQgMjYgMTYgTCAyNiAxOSBDIDI2IDE5LjU2NjQwNiAyNS41NjY0MDYgMjAgMjUgMjAgTCAyMi44NDM3NSAyMCBaIi8+PC9zdmc+", Kt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiAzIEMgOC44MzIwMzEgMyAzIDguODMyMDMxIDMgMTYgQyAzIDIzLjE2Nzk2OSA4LjgzMjAzMSAyOSAxNiAyOSBDIDIzLjE2Nzk2OSAyOSAyOSAyMy4xNjc5NjkgMjkgMTYgQyAyOSA4LjgzMjAzMSAyMy4xNjc5NjkgMyAxNiAzIFogTSAxNiA1IEMgMTYuNjAxNTYzIDUgMTcuMTc1NzgxIDUuMDYyNSAxNy43NSA1LjE1NjI1IEwgMTYgNi40MDYyNSBMIDE0LjI1IDUuMTU2MjUgQyAxNC44MjAzMTMgNS4wNjY0MDYgMTUuNDAyMzQ0IDUgMTYgNSBaIE0gMTEuODEyNSA1Ljg0Mzc1IEwgMTUuNDA2MjUgOC40Njg3NSBMIDE2IDguOTA2MjUgTCAxNi41OTM3NSA4LjQ2ODc1IEwgMjAuMTg3NSA1Ljg0Mzc1IEMgMjEuNzg1MTU2IDYuNTA3ODEzIDIzLjE5NTMxMyA3LjUyMzQzOCAyNC4zMTI1IDguODEyNSBMIDIyLjkzNzUgMTMuMDkzNzUgTCAyMi43MTg3NSAxMy43ODEyNSBMIDIzLjMxMjUgMTQuMTg3NSBMIDI2LjkzNzUgMTYuODQzNzUgQyAyNi44MDQ2ODggMTguNjA1NDY5IDI2LjI2NTYyNSAyMC4yNTc4MTMgMjUuNDA2MjUgMjEuNjg3NSBMIDIwLjEyNSAyMS42ODc1IEwgMTkuOTA2MjUgMjIuMzc1IEwgMTguNSAyNi43MTg3NSBDIDE3LjY5OTIxOSAyNi45MDYyNSAxNi44NTkzNzUgMjcgMTYgMjcgQyAxNS4xMDU0NjkgMjcgMTQuMjM4MjgxIDI2Ljg4NjcxOSAxMy40MDYyNSAyNi42ODc1IEwgMTIuMDMxMjUgMjIuNDA2MjUgTCAxMS44MTI1IDIxLjcxODc1IEwgNi41OTM3NSAyMS43MTg3NSBDIDUuNzE4NzUgMjAuMjgxMjUgNS4xOTkyMTkgMTguNjIxMDk0IDUuMDYyNSAxNi44NDM3NSBMIDguNjU2MjUgMTQuMjE4NzUgTCA5LjI1IDEzLjgxMjUgTCA5LjAzMTI1IDEzLjEyNSBMIDcuNjI1IDguODc1IEMgOC43NSA3LjU1NDY4OCAxMC4xODM1OTQgNi41MTU2MjUgMTEuODEyNSA1Ljg0Mzc1IFogTSAxNiAxMC4wOTM3NSBMIDE1LjQwNjI1IDEwLjUzMTI1IEwgMTAuODQzNzUgMTMuODQzNzUgTCAxMC4yODEyNSAxNC4yODEyNSBMIDEwLjUgMTQuOTY4NzUgTCAxMi4yNSAyMC4zMTI1IEwgMTIuNDY4NzUgMjEgTCAxOS41MzEyNSAyMSBMIDE5Ljc1IDIwLjMxMjUgTCAyMS41IDE0Ljk2ODc1IEwgMjEuNzE4NzUgMTQuMjgxMjUgTCAyMS4xNTYyNSAxMy44NDM3NSBMIDE2LjU5Mzc1IDEwLjUzMTI1IFogTSAyNS43NSAxMC45MDYyNSBDIDI2LjI5Njg3NSAxMS45NTMxMjUgMjYuNjU2MjUgMTMuMTAxNTYzIDI2Ljg0Mzc1IDE0LjMxMjUgTCAyNS4wNjI1IDEzLjAzMTI1IFogTSA2LjIxODc1IDEwLjk2ODc1IEwgNi45MDYyNSAxMy4wMzEyNSBMIDUuMTU2MjUgMTQuMzEyNSBDIDUuMzM5ODQ0IDEzLjEyNSA1LjY4NzUgMTIgNi4yMTg3NSAxMC45Njg3NSBaIE0gMTYgMTIuNTkzNzUgTCAxOS4zNzUgMTUuMDMxMjUgTCAxOC4wOTM3NSAxOSBMIDEzLjkwNjI1IDE5IEwgMTIuNjI1IDE1LjAzMTI1IFogTSAyMS41OTM3NSAyMy42ODc1IEwgMjMuODQzNzUgMjMuNjg3NSBDIDIyLjk5MjE4OCAyNC41NjY0MDYgMjIuMDExNzE5IDI1LjI5Mjk2OSAyMC45MDYyNSAyNS44NDM3NSBaIE0gOC4xNTYyNSAyMy43MTg3NSBMIDEwLjM0Mzc1IDIzLjcxODc1IEwgMTEuMDMxMjUgMjUuODEyNSBDIDkuOTYwOTM4IDI1LjI2OTUzMSA4Ljk4ODI4MSAyNC41NjI1IDguMTU2MjUgMjMuNzE4NzUgWiIvPjwvc3ZnPg==", Zt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSA5LjUgNiBDIDguMTc5Njg4IDYgNy4wMDM5MDYgNi44NTkzNzUgNi42MjUgOC4xMjUgTCA1LjI1IDEyLjcxODc1IEwgMy4zMTI1IDEyLjA2MjUgTCAyLjY4NzUgMTMuOTM3NSBMIDQuNjU2MjUgMTQuNTkzNzUgTCA0LjAzMTI1IDE2LjcxODc1IEMgNC4wMDc4MTMgMTYuODA4NTk0IDMuOTk2MDk0IDE2LjkwNjI1IDQgMTcgTCA0IDI0IEMgNCAyNC4wMzEyNSA0IDI0LjA2MjUgNCAyNC4wOTM3NSBMIDQgMjUgQyA0IDI1LjU1MDc4MSA0LjQ0OTIxOSAyNiA1IDI2IEwgOCAyNiBMIDguMzQzNzUgMjUgTCAyMy42NTYyNSAyNSBMIDI0IDI2IEwgMjcgMjYgQyAyNy41NTA3ODEgMjYgMjggMjUuNTUwNzgxIDI4IDI1IEwgMjggMjQuMTU2MjUgQyAyOC4wMDM5MDYgMjQuMTA1NDY5IDI4LjAwMzkwNiAyNC4wNTA3ODEgMjggMjQgTCAyOCAxNyBDIDI4LjAwMzkwNiAxNi45MDYyNSAyNy45OTIxODggMTYuODA4NTk0IDI3Ljk2ODc1IDE2LjcxODc1IEwgMjcuMzQzNzUgMTQuNTkzNzUgTCAyOS4zMTI1IDEzLjkzNzUgTCAyOC42ODc1IDEyLjA2MjUgTCAyNi43NSAxMi43MTg3NSBMIDI1LjM3NSA4LjEyNSBDIDI0Ljk5NjA5NCA2Ljg1OTM3NSAyMy44MjAzMTMgNiAyMi41IDYgWiBNIDkuNSA4IEwgMjIuNSA4IEMgMjIuOTQ1MzEzIDggMjMuMzM5ODQ0IDguMjkyOTY5IDIzLjQ2ODc1IDguNzE4NzUgTCAyNC43NSAxMyBMIDcuMjUgMTMgTCA4LjUzMTI1IDguNzE4NzUgQyA4LjY2MDE1NiA4LjI4OTA2MyA5LjA1NDY4OCA4IDkuNSA4IFogTSA2LjY1NjI1IDE1IEwgMjUuMzQzNzUgMTUgTCAyNiAxNy4xODc1IEwgMjYgMjMgTCA2IDIzIEwgNiAxNy4xODc1IFogTSA4LjUgMTYgQyA3LjY3MTg3NSAxNiA3IDE2LjY3MTg3NSA3IDE3LjUgQyA3IDE4LjMyODEyNSA3LjY3MTg3NSAxOSA4LjUgMTkgQyA5LjMyODEyNSAxOSAxMCAxOC4zMjgxMjUgMTAgMTcuNSBDIDEwIDE2LjY3MTg3NSA5LjMyODEyNSAxNiA4LjUgMTYgWiBNIDIzLjUgMTYgQyAyMi42NzE4NzUgMTYgMjIgMTYuNjcxODc1IDIyIDE3LjUgQyAyMiAxOC4zMjgxMjUgMjIuNjcxODc1IDE5IDIzLjUgMTkgQyAyNC4zMjgxMjUgMTkgMjUgMTguMzI4MTI1IDI1IDE3LjUgQyAyNSAxNi42NzE4NzUgMjQuMzI4MTI1IDE2IDIzLjUgMTYgWiBNIDEyIDE5IEwgMTAuNzUgMjIgTCAxMi45MDYyNSAyMiBMIDEzLjM0Mzc1IDIxIEwgMTguNjU2MjUgMjEgTCAxOS4wOTM3NSAyMiBMIDIxLjI1IDIyIEwgMjAgMTkgWiIvPjwvc3ZnPg==", Pt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgMTEuMDQyOTY5IDQgNyA4LjA0Mjk2OSA3IDEzIEMgNyAxNC45MTc5NjkgNy44NDM3NSAxNi45MDYyNSA5IDE4LjY4NzUgQyA5Ljg1OTM3NSAyMC4wMTE3MTkgMTAuODg2NzE5IDIxLjIzMDQ2OSAxMiAyMi4xNTYyNSBMIDEyIDI1IEMgMTIgMjYuMDkzNzUgMTIuOTA2MjUgMjcgMTQgMjcgTCAxNSAyOCBMIDE3IDI4IEwgMTggMjcgQyAxOS4wOTM3NSAyNyAyMCAyNi4wOTM3NSAyMCAyNSBMIDIwIDIyLjE1NjI1IEMgMjEuMTEzMjgxIDIxLjIzMDQ2OSAyMi4xNDA2MjUgMjAuMDExNzE5IDIzIDE4LjY4NzUgQyAyNC4xNTYyNSAxNi45MDYyNSAyNSAxNC45MTc5NjkgMjUgMTMgQyAyNSA4LjA0Mjk2OSAyMC45NTcwMzEgNCAxNiA0IFogTSAxNiA2IEMgMTkuODc4OTA2IDYgMjMgOS4xMjEwOTQgMjMgMTMgQyAyMyAxNC4zMDg1OTQgMjIuMzU1NDY5IDE2LjAzNTE1NiAyMS4zNDM3NSAxNy41OTM3NSBDIDIwLjQ0MTQwNiAxOC45ODQzNzUgMTkuMjUzOTA2IDIwLjIyMjY1NiAxOC4xNTYyNSAyMSBMIDEzLjg0Mzc1IDIxIEMgMTIuNzQ2MDk0IDIwLjIyMjY1NiAxMS41NTg1OTQgMTguOTg0Mzc1IDEwLjY1NjI1IDE3LjU5Mzc1IEMgOS42NDQ1MzEgMTYuMDM1MTU2IDkgMTQuMzA4NTk0IDkgMTMgQyA5IDkuMTIxMDk0IDEyLjEyMTA5NCA2IDE2IDYgWiBNIDE0LjI1IDIzIEwgMTcuNzUgMjMgQyAxNy44MjgxMjUgMjMuMDU0Njg4IDE3LjkxMDE1NiAyMy4wOTM3NSAxOCAyMy4xMjUgTCAxOCAyNSBMIDE0IDI1IEwgMTQgMjMuMTI1IEMgMTQuMDg5ODQ0IDIzLjA5Mzc1IDE0LjE3MTg3NSAyMy4wNTQ2ODggMTQuMjUgMjMgWiIvPjwvc3ZnPg==", Ht = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMSA1IEwgMTEgMTEgTCA1IDExIEwgNSAxMyBMIDExIDEzIEwgMTEgMTkgTCA1IDE5IEwgNSAyMSBMIDExIDIxIEwgMTEgMjcgTCAxMyAyNyBMIDEzIDIxIEwgMTkgMjEgTCAxOSAyNyBMIDIxIDI3IEwgMjEgMjEgTCAyNyAyMSBMIDI3IDE5IEwgMjEgMTkgTCAyMSAxMyBMIDI3IDEzIEwgMjcgMTEgTCAyMSAxMSBMIDIxIDUgTCAxOSA1IEwgMTkgMTEgTCAxMyAxMSBMIDEzIDUgWiBNIDEzIDEzIEwgMTkgMTMgTCAxOSAxOSBMIDEzIDE5IFoiLz48L3N2Zz4=", Gt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSA5IDQgQyA3LjM0NiA0IDYgNS4zNDYgNiA3IEMgNiA4LjMwMTYwOTQgNi44Mzg3NDg2IDkuNDAyMTM5MSA4IDkuODE2NDA2MiBMIDggMTEuMzA0Njg4IEwgOCAyMy4yMDcwMzEgTCA4IDI3LjAyMzQzOCBDIDggMjcuNTYzNDM4IDguNDM2NTYyNSAyOCA4Ljk3NjU2MjUgMjggTCA5LjAyMzQzNzUgMjggQyA5LjU2MzQzNzUgMjggMTAgMjcuNTYzNDM3IDEwIDI3LjAyMzQzOCBMIDEwIDIyLjIyODUxNiBDIDEwLjMzNDcwNyAyMS44Mzk3NTYgMTEuMTM4NDIzIDIxLjA0Njg3NSAxMy40NDUzMTIgMjEuMDQ2ODc1IEMgMTQuNjY5MzEzIDIxLjA0Njg3NSAxNS42NzA0MjIgMjEuNDczNzgxIDE2LjczMjQyMiAyMS45MjU3ODEgQyAxNy43Njk0MjIgMjIuMzY3NzgxIDE4Ljg0MTg5MSAyMi44MjQyMTkgMjAuMDg3ODkxIDIyLjgyNDIxOSBDIDIyLjQ0Njg5MSAyMi44MjQyMTkgMjQuMDQ5Mzc1IDIxLjU4NDY4OCAyNC43MzQzNzUgMjEuMDU0Njg4IEwgMjQuODg2NzE5IDIwLjkzOTQ1MyBDIDI1LjQzNzcxOSAyMC41NDA0NTMgMjYgMTkuOTk2IDI2IDE5IEwgMjYgMTAuNjc1NzgxIEMgMjYgOS43Njc3ODEyIDI1LjIyMTgyOCA5IDI0LjI5ODgyOCA5IEMgMjMuODAzODI4IDkgMjMuNDQwNDA2IDkuMjg2NTkzNyAyMi45NDE0MDYgOS42ODM1OTM4IEMgMjIuMjc5NDA2IDEwLjIwNzU5NCAyMS4yODA4OTEgMTEgMjAuMDg3ODkxIDExIEMgMTkuMjcyODkxIDExIDE4LjQ3NzY4OCAxMC42MTk3MzQgMTcuNTU0Njg4IDEwLjE3NzczNCBDIDE2LjQwMzY4NyA5LjYyNTczNDQgMTUuMDk4MzU5IDkgMTMuNDQzMzU5IDkgQyAxMi4zMDgyNTcgOSAxMS40MjE2ODcgOS4xODgzMzkzIDEwLjcxMjg5MSA5LjQ1NzAzMTIgQyAxMS40ODkwNzEgOC45MTQxODI0IDEyIDguMDE2NzgwMiAxMiA3IEMgMTIgNS4zNDYgMTAuNjU0IDQgOSA0IHogTSA5IDYgQyA5LjU1MiA2IDEwIDYuNDQ5IDEwIDcgQyAxMCA3LjU1MSA5LjU1MiA4IDkgOCBDIDguNDQ4IDggOCA3LjU1MSA4IDcgQyA4IDYuNDQ5IDguNDQ4IDYgOSA2IHogTSAxMy40NDMzNTkgMTEgQyAxNC42NDUzNTkgMTEgMTUuNjM4NDA2IDExLjQ3NjQ2OSAxNi42OTE0MDYgMTEuOTgwNDY5IEMgMTcuNzM2NDA2IDEyLjQ4MjQ2OSAxOC44MTc4OTEgMTMgMjAuMDg3ODkxIDEzIEMgMjEuODQyODkxIDEzIDIzLjE1ODA0NyAxMi4wNTQ0ODQgMjMuOTk4MDQ3IDExLjM5NjQ4NCBMIDIzLjk5ODA0NyAxOS4wNjY0MDYgQyAyMy45OTcwNDcgMTkuMDcwNDA2IDIzLjk1Mjk4NCAxOS4xNDUyNjYgMjMuNzA4OTg0IDE5LjMyMjI2NiBMIDIzLjUwOTc2NiAxOS40NzQ2MDkgQyAyMi45NDI3NjYgMTkuOTEyNjA5IDIxLjc2Mjg5MSAyMC44MjQyMTkgMjAuMDg3ODkxIDIwLjgyNDIxOSBDIDE5LjI0OTg5MSAyMC44MjQyMTkgMTguNDQ2NjI1IDIwLjQ4MjkzNyAxNy41MTU2MjUgMjAuMDg1OTM4IEMgMTYuMzcyNjI1IDE5LjU5NzkzOCAxNS4wNzYzNTkgMTkuMDQ0OTIyIDEzLjQ0MzM1OSAxOS4wNDQ5MjIgQyAxMS44OTEzNTkgMTkuMDQ0OTIyIDEwLjc4NiAxOS4zNTggMTAgMTkuNzUgTCAxMCAxMi4zNjEzMjggQyAxMC4zNDUgMTEuOTA1MzI4IDExLjEzMjM1OSAxMSAxMy40NDMzNTkgMTEgeiIvPjwvc3ZnPg==", Xt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgMTEuODMyMDMxIDQgOC4xNTIzNDQgNi4xMTMyODEgNiA5LjM0Mzc1IEwgNiA2IEwgNCA2IEwgNCAxMyBMIDExIDEzIEwgMTEgMTEgTCA3LjM3NSAxMSBDIDkuMTAxNTYzIDguMDE5NTMxIDEyLjI5Njg3NSA2IDE2IDYgQyAyMS41MzUxNTYgNiAyNiAxMC40NjQ4NDQgMjYgMTYgQyAyNiAyMS41MzUxNTYgMjEuNTM1MTU2IDI2IDE2IDI2IEMgMTAuNDY0ODQ0IDI2IDYgMjEuNTM1MTU2IDYgMTYgTCA0IDE2IEMgNCAyMi42MTcxODggOS4zODI4MTMgMjggMTYgMjggQyAyMi42MTcxODggMjggMjggMjIuNjE3MTg4IDI4IDE2IEMgMjggOS4zODI4MTMgMjIuNjE3MTg4IDQgMTYgNCBaIE0gMTUgOCBMIDE1IDE3IEwgMjIgMTcgTCAyMiAxNSBMIDE3IDE1IEwgMTcgOCBaIi8+PC9zdmc+Cg==";
-const $t = xf({
+var Vt = /* @__PURE__ */ Of(yt, [["render", jt]]), Et = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMi41IDUgQyAxMS40Mjk2ODggNSAxMC41IDUuNjA5Mzc1IDkuOTA2MjUgNi40Mzc1IEMgOS4zMTI1IDcuMjY1NjI1IDkgOC4zMzk4NDQgOSA5LjUgQyA5IDEwLjY2MDE1NiA5LjMxMjUgMTEuNzM0Mzc1IDkuOTA2MjUgMTIuNTYyNSBDIDEwLjUgMTMuMzkwNjI1IDExLjQyOTY4OCAxNCAxMi41IDE0IEMgMTMuNTcwMzEzIDE0IDE0LjUgMTMuMzkwNjI1IDE1LjA5Mzc1IDEyLjU2MjUgQyAxNS42ODc1IDExLjczNDM3NSAxNiAxMC42NjAxNTYgMTYgOS41IEMgMTYgOC4zMzk4NDQgMTUuNjg3NSA3LjI2NTYyNSAxNS4wOTM3NSA2LjQzNzUgQyAxNC41IDUuNjA5Mzc1IDEzLjU3MDMxMyA1IDEyLjUgNSBaIE0gMTYgOS41IEMgMTYgMTAuNjYwMTU2IDE2LjMxMjUgMTEuNzM0Mzc1IDE2LjkwNjI1IDEyLjU2MjUgQyAxNy41IDEzLjM5MDYyNSAxOC40Mjk2ODggMTQgMTkuNSAxNCBDIDIwLjU3MDMxMyAxNCAyMS41IDEzLjM5MDYyNSAyMi4wOTM3NSAxMi41NjI1IEMgMjIuNjg3NSAxMS43MzQzNzUgMjMgMTAuNjYwMTU2IDIzIDkuNSBDIDIzIDguMzM5ODQ0IDIyLjY4NzUgNy4yNjU2MjUgMjIuMDkzNzUgNi40Mzc1IEMgMjEuNSA1LjYwOTM3NSAyMC41NzAzMTMgNSAxOS41IDUgQyAxOC40Mjk2ODggNSAxNy41IDUuNjA5Mzc1IDE2LjkwNjI1IDYuNDM3NSBDIDE2LjMxMjUgNy4yNjU2MjUgMTYgOC4zMzk4NDQgMTYgOS41IFogTSAxMi41IDcgQyAxMi44MTI1IDcgMTMuMTU2MjUgNy4xNTYyNSAxMy40Njg3NSA3LjU5Mzc1IEMgMTMuNzgxMjUgOC4wMzEyNSAxNCA4LjcyNjU2MyAxNCA5LjUgQyAxNCAxMC4yNzM0MzggMTMuNzgxMjUgMTAuOTY4NzUgMTMuNDY4NzUgMTEuNDA2MjUgQyAxMy4xNTYyNSAxMS44NDM3NSAxMi44MTI1IDEyIDEyLjUgMTIgQyAxMi4xODc1IDEyIDExLjg0Mzc1IDExLjg0Mzc1IDExLjUzMTI1IDExLjQwNjI1IEMgMTEuMjE4NzUgMTAuOTY4NzUgMTEgMTAuMjczNDM4IDExIDkuNSBDIDExIDguNzI2NTYzIDExLjIxODc1IDguMDMxMjUgMTEuNTMxMjUgNy41OTM3NSBDIDExLjg0Mzc1IDcuMTU2MjUgMTIuMTg3NSA3IDEyLjUgNyBaIE0gMTkuNSA3IEMgMTkuODEyNSA3IDIwLjE1NjI1IDcuMTU2MjUgMjAuNDY4NzUgNy41OTM3NSBDIDIwLjc4MTI1IDguMDMxMjUgMjEgOC43MjY1NjMgMjEgOS41IEMgMjEgMTAuMjczNDM4IDIwLjc4MTI1IDEwLjk2ODc1IDIwLjQ2ODc1IDExLjQwNjI1IEMgMjAuMTU2MjUgMTEuODQzNzUgMTkuODEyNSAxMiAxOS41IDEyIEMgMTkuMTg3NSAxMiAxOC44NDM3NSAxMS44NDM3NSAxOC41MzEyNSAxMS40MDYyNSBDIDE4LjIxODc1IDEwLjk2ODc1IDE4IDEwLjI3MzQzOCAxOCA5LjUgQyAxOCA4LjcyNjU2MyAxOC4yMTg3NSA4LjAzMTI1IDE4LjUzMTI1IDcuNTkzNzUgQyAxOC44NDM3NSA3LjE1NjI1IDE5LjE4NzUgNyAxOS41IDcgWiBNIDcuNSAxMiBDIDYuNDI5Njg4IDEyIDUuNSAxMi42MDkzNzUgNC45MDYyNSAxMy40Mzc1IEMgNC4zMTI1IDE0LjI2NTYyNSA0IDE1LjMzOTg0NCA0IDE2LjUgQyA0IDE3LjY2MDE1NiA0LjMxMjUgMTguNzM0Mzc1IDQuOTA2MjUgMTkuNTYyNSBDIDUuNSAyMC4zOTA2MjUgNi40Mjk2ODggMjEgNy41IDIxIEMgOC41NzAzMTMgMjEgOS41IDIwLjM5MDYyNSAxMC4wOTM3NSAxOS41NjI1IEMgMTAuNjg3NSAxOC43MzQzNzUgMTEgMTcuNjYwMTU2IDExIDE2LjUgQyAxMSAxNS4zMzk4NDQgMTAuNjg3NSAxNC4yNjU2MjUgMTAuMDkzNzUgMTMuNDM3NSBDIDkuNSAxMi42MDkzNzUgOC41NzAzMTMgMTIgNy41IDEyIFogTSAyNC41IDEyIEMgMjMuNDI5Njg4IDEyIDIyLjUgMTIuNjA5Mzc1IDIxLjkwNjI1IDEzLjQzNzUgQyAyMS4zMTI1IDE0LjI2NTYyNSAyMSAxNS4zMzk4NDQgMjEgMTYuNSBDIDIxIDE3LjY2MDE1NiAyMS4zMTI1IDE4LjczNDM3NSAyMS45MDYyNSAxOS41NjI1IEMgMjIuNSAyMC4zOTA2MjUgMjMuNDI5Njg4IDIxIDI0LjUgMjEgQyAyNS41NzAzMTMgMjEgMjYuNSAyMC4zOTA2MjUgMjcuMDkzNzUgMTkuNTYyNSBDIDI3LjY4NzUgMTguNzM0Mzc1IDI4IDE3LjY2MDE1NiAyOCAxNi41IEMgMjggMTUuMzM5ODQ0IDI3LjY4NzUgMTQuMjY1NjI1IDI3LjA5Mzc1IDEzLjQzNzUgQyAyNi41IDEyLjYwOTM3NSAyNS41NzAzMTMgMTIgMjQuNSAxMiBaIE0gNy41IDE0IEMgNy44MTI1IDE0IDguMTU2MjUgMTQuMTU2MjUgOC40Njg3NSAxNC41OTM3NSBDIDguNzgxMjUgMTUuMDMxMjUgOSAxNS43MjY1NjMgOSAxNi41IEMgOSAxNy4yNzM0MzggOC43ODEyNSAxNy45Njg3NSA4LjQ2ODc1IDE4LjQwNjI1IEMgOC4xNTYyNSAxOC44NDM3NSA3LjgxMjUgMTkgNy41IDE5IEMgNy4xODc1IDE5IDYuODQzNzUgMTguODQzNzUgNi41MzEyNSAxOC40MDYyNSBDIDYuMjE4NzUgMTcuOTY4NzUgNiAxNy4yNzM0MzggNiAxNi41IEMgNiAxNS43MjY1NjMgNi4yMTg3NSAxNS4wMzEyNSA2LjUzMTI1IDE0LjU5Mzc1IEMgNi44NDM3NSAxNC4xNTYyNSA3LjE4NzUgMTQgNy41IDE0IFogTSAyNC41IDE0IEMgMjQuODEyNSAxNCAyNS4xNTYyNSAxNC4xNTYyNSAyNS40Njg3NSAxNC41OTM3NSBDIDI1Ljc4MTI1IDE1LjAzMTI1IDI2IDE1LjcyNjU2MyAyNiAxNi41IEMgMjYgMTcuMjczNDM4IDI1Ljc4MTI1IDE3Ljk2ODc1IDI1LjQ2ODc1IDE4LjQwNjI1IEMgMjUuMTU2MjUgMTguODQzNzUgMjQuODEyNSAxOSAyNC41IDE5IEMgMjQuMTg3NSAxOSAyMy44NDM3NSAxOC44NDM3NSAyMy41MzEyNSAxOC40MDYyNSBDIDIzLjIxODc1IDE3Ljk2ODc1IDIzIDE3LjI3MzQzOCAyMyAxNi41IEMgMjMgMTUuNzI2NTYzIDIzLjIxODc1IDE1LjAzMTI1IDIzLjUzMTI1IDE0LjU5Mzc1IEMgMjMuODQzNzUgMTQuMTU2MjUgMjQuMTg3NSAxNCAyNC41IDE0IFogTSAxNiAxNiBDIDE0LjY2Nzk2OSAxNiAxMy43MzgyODEgMTYuODY3MTg4IDEzLjI4MTI1IDE3LjYyNSBDIDEyLjgyNDIxOSAxOC4zODI4MTMgMTIuNTQ2ODc1IDE5LjAxNTYyNSAxMi4yODEyNSAxOS4yODEyNSBDIDEyLjEyNSAxOS40Mzc1IDExLjE2MDE1NiAxOS44MDA3ODEgMTAuMTU2MjUgMjAuMzEyNSBDIDkuNjUyMzQ0IDIwLjU3MDMxMyA5LjE0NDUzMSAyMC45MTQwNjMgOC43MTg3NSAyMS40Mzc1IEMgOC4yOTI5NjkgMjEuOTYwOTM4IDggMjIuNjg3NSA4IDIzLjUgQyA4IDI1LjQyMTg3NSA5LjU3ODEyNSAyNyAxMS41IDI3IEMgMTIuMzY3MTg4IDI3IDEzLjI2OTUzMSAyNi43MjI2NTYgMTQuMTU2MjUgMjYuNDY4NzUgQyAxNS4wNDI5NjkgMjYuMjE0ODQ0IDE2IDI2IDE2IDI2IEMgMTYgMjYgMTYuOTU3MDMxIDI2LjIxNDg0NCAxNy44NDM3NSAyNi40Njg3NSBDIDE4LjczMDQ2OSAyNi43MjI2NTYgMTkuNjMyODEzIDI3IDIwLjUgMjcgQyAyMi40MjE4NzUgMjcgMjQgMjUuNDIxODc1IDI0IDIzLjUgQyAyNCAyMi43MDcwMzEgMjMuNzA3MDMxIDIxLjk4MDQ2OSAyMy4yODEyNSAyMS40Njg3NSBDIDIyLjg1NTQ2OSAyMC45NTcwMzEgMjIuMzQzNzUgMjAuNjQwNjI1IDIxLjg0Mzc1IDIwLjM3NSBDIDIwLjg0Mzc1IDE5Ljg0Mzc1IDE5Ljg1OTM3NSAxOS40MjE4NzUgMTkuNzE4NzUgMTkuMjgxMjUgQyAxOS40ODA0NjkgMTkuMDQyOTY5IDE5LjIxMDkzOCAxOC4zOTA2MjUgMTguNzUgMTcuNjI1IEMgMTguMjg5MDYzIDE2Ljg1OTM3NSAxNy4zMzk4NDQgMTYgMTYgMTYgWiBNIDE2IDE4IEMgMTYuNjYwMTU2IDE4IDE2LjczNDM3NSAxOC4xNjAxNTYgMTcuMDMxMjUgMTguNjU2MjUgQyAxNy4zMjgxMjUgMTkuMTUyMzQ0IDE3LjU1NDY4OCAxOS45OTIxODggMTguMjgxMjUgMjAuNzE4NzUgQyAxOS4xMDU0NjkgMjEuNTQyOTY5IDIwLjE0ODQzOCAyMS43MjI2NTYgMjAuOTA2MjUgMjIuMTI1IEMgMjEuMjg1MTU2IDIyLjMyODEyNSAyMS41NzgxMjUgMjIuNTQyOTY5IDIxLjc1IDIyLjc1IEMgMjEuOTIxODc1IDIyLjk1NzAzMSAyMiAyMy4xNDg0MzggMjIgMjMuNSBDIDIyIDI0LjMzOTg0NCAyMS4zMzk4NDQgMjUgMjAuNSAyNSBDIDIwLjIxMDkzOCAyNSAxOS4yNzczNDQgMjQuNzc3MzQ0IDE4LjQwNjI1IDI0LjUzMTI1IEMgMTcuNTM1MTU2IDI0LjI4NTE1NiAxNi44MTY0MDYgMjQgMTYgMjQgQyAxNS4xODM1OTQgMjQgMTQuNDY0ODQ0IDI0LjI4NTE1NiAxMy41OTM3NSAyNC41MzEyNSBDIDEyLjcyMjY1NiAyNC43NzczNDQgMTEuNzg5MDYzIDI1IDExLjUgMjUgQyAxMC42NjAxNTYgMjUgMTAgMjQuMzM5ODQ0IDEwIDIzLjUgQyAxMCAyMy4wOTc2NTYgMTAuMDgyMDMxIDIyLjg5MDYyNSAxMC4yNSAyMi42ODc1IEMgMTAuNDE3OTY5IDIyLjQ4NDM3NSAxMC43MjI2NTYgMjIuMjg1MTU2IDExLjA5Mzc1IDIyLjA5Mzc1IEMgMTEuODM5ODQ0IDIxLjcxNDg0NCAxMi44NzUgMjEuNTYyNSAxMy43MTg3NSAyMC43MTg3NSBDIDE0LjQ1MzEyNSAxOS45ODQzNzUgMTQuNjc1NzgxIDE5LjExNzE4OCAxNC45Njg3NSAxOC42MjUgQyAxNS4yNjE3MTkgMTguMTMyODEzIDE1LjMzMjAzMSAxOCAxNiAxOCBaIi8+PC9zdmc+", Tt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMSAzIEwgMTEgNyBMIDEzIDcgTCAxMyAzIFogTSAxNSA0IEwgMTUgNyBMIDE3IDcgTCAxNyA0IFogTSA0Ljg3NSA4IEwgNSA5LjA5Mzc1IEwgNi44MTI1IDI2LjMxMjUgQyA2Ljk3MjY1NiAyNy44MzIwMzEgOC4yODUxNTYgMjkgOS44MTI1IDI5IEwgMTkuMTg3NSAyOSBDIDIwLjcxNDg0NCAyOSAyMi4wMjczNDQgMjcuODMyMDMxIDIyLjE4NzUgMjYuMzEyNSBMIDIyLjY1NjI1IDIyIEwgMjUgMjIgQyAyNi42NDQ1MzEgMjIgMjggMjAuNjQ0NTMxIDI4IDE5IEwgMjggMTYgQyAyOCAxNC4zNTU0NjkgMjYuNjQ0NTMxIDEzIDI1IDEzIEwgMjMuNTkzNzUgMTMgTCAyNCA5LjA5Mzc1IEwgMjQuMTI1IDggWiBNIDcuMTI1IDEwIEwgMjEuODc1IDEwIEwgMjAuMTg3NSAyNi4wOTM3NSBDIDIwLjEzMjgxMyAyNi42MTMyODEgMTkuNzA3MDMxIDI3IDE5LjE4NzUgMjcgTCA5LjgxMjUgMjcgQyA5LjI5Mjk2OSAyNyA4Ljg2NzE4OCAyNi42MTMyODEgOC44MTI1IDI2LjA5Mzc1IFogTSAyMy4zNzUgMTUgTCAyNSAxNSBDIDI1LjU2NjQwNiAxNSAyNiAxNS40MzM1OTQgMjYgMTYgTCAyNiAxOSBDIDI2IDE5LjU2NjQwNiAyNS41NjY0MDYgMjAgMjUgMjAgTCAyMi44NDM3NSAyMCBaIi8+PC9zdmc+", xt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiAzIEMgOC44MzIwMzEgMyAzIDguODMyMDMxIDMgMTYgQyAzIDIzLjE2Nzk2OSA4LjgzMjAzMSAyOSAxNiAyOSBDIDIzLjE2Nzk2OSAyOSAyOSAyMy4xNjc5NjkgMjkgMTYgQyAyOSA4LjgzMjAzMSAyMy4xNjc5NjkgMyAxNiAzIFogTSAxNiA1IEMgMTYuNjAxNTYzIDUgMTcuMTc1NzgxIDUuMDYyNSAxNy43NSA1LjE1NjI1IEwgMTYgNi40MDYyNSBMIDE0LjI1IDUuMTU2MjUgQyAxNC44MjAzMTMgNS4wNjY0MDYgMTUuNDAyMzQ0IDUgMTYgNSBaIE0gMTEuODEyNSA1Ljg0Mzc1IEwgMTUuNDA2MjUgOC40Njg3NSBMIDE2IDguOTA2MjUgTCAxNi41OTM3NSA4LjQ2ODc1IEwgMjAuMTg3NSA1Ljg0Mzc1IEMgMjEuNzg1MTU2IDYuNTA3ODEzIDIzLjE5NTMxMyA3LjUyMzQzOCAyNC4zMTI1IDguODEyNSBMIDIyLjkzNzUgMTMuMDkzNzUgTCAyMi43MTg3NSAxMy43ODEyNSBMIDIzLjMxMjUgMTQuMTg3NSBMIDI2LjkzNzUgMTYuODQzNzUgQyAyNi44MDQ2ODggMTguNjA1NDY5IDI2LjI2NTYyNSAyMC4yNTc4MTMgMjUuNDA2MjUgMjEuNjg3NSBMIDIwLjEyNSAyMS42ODc1IEwgMTkuOTA2MjUgMjIuMzc1IEwgMTguNSAyNi43MTg3NSBDIDE3LjY5OTIxOSAyNi45MDYyNSAxNi44NTkzNzUgMjcgMTYgMjcgQyAxNS4xMDU0NjkgMjcgMTQuMjM4MjgxIDI2Ljg4NjcxOSAxMy40MDYyNSAyNi42ODc1IEwgMTIuMDMxMjUgMjIuNDA2MjUgTCAxMS44MTI1IDIxLjcxODc1IEwgNi41OTM3NSAyMS43MTg3NSBDIDUuNzE4NzUgMjAuMjgxMjUgNS4xOTkyMTkgMTguNjIxMDk0IDUuMDYyNSAxNi44NDM3NSBMIDguNjU2MjUgMTQuMjE4NzUgTCA5LjI1IDEzLjgxMjUgTCA5LjAzMTI1IDEzLjEyNSBMIDcuNjI1IDguODc1IEMgOC43NSA3LjU1NDY4OCAxMC4xODM1OTQgNi41MTU2MjUgMTEuODEyNSA1Ljg0Mzc1IFogTSAxNiAxMC4wOTM3NSBMIDE1LjQwNjI1IDEwLjUzMTI1IEwgMTAuODQzNzUgMTMuODQzNzUgTCAxMC4yODEyNSAxNC4yODEyNSBMIDEwLjUgMTQuOTY4NzUgTCAxMi4yNSAyMC4zMTI1IEwgMTIuNDY4NzUgMjEgTCAxOS41MzEyNSAyMSBMIDE5Ljc1IDIwLjMxMjUgTCAyMS41IDE0Ljk2ODc1IEwgMjEuNzE4NzUgMTQuMjgxMjUgTCAyMS4xNTYyNSAxMy44NDM3NSBMIDE2LjU5Mzc1IDEwLjUzMTI1IFogTSAyNS43NSAxMC45MDYyNSBDIDI2LjI5Njg3NSAxMS45NTMxMjUgMjYuNjU2MjUgMTMuMTAxNTYzIDI2Ljg0Mzc1IDE0LjMxMjUgTCAyNS4wNjI1IDEzLjAzMTI1IFogTSA2LjIxODc1IDEwLjk2ODc1IEwgNi45MDYyNSAxMy4wMzEyNSBMIDUuMTU2MjUgMTQuMzEyNSBDIDUuMzM5ODQ0IDEzLjEyNSA1LjY4NzUgMTIgNi4yMTg3NSAxMC45Njg3NSBaIE0gMTYgMTIuNTkzNzUgTCAxOS4zNzUgMTUuMDMxMjUgTCAxOC4wOTM3NSAxOSBMIDEzLjkwNjI1IDE5IEwgMTIuNjI1IDE1LjAzMTI1IFogTSAyMS41OTM3NSAyMy42ODc1IEwgMjMuODQzNzUgMjMuNjg3NSBDIDIyLjk5MjE4OCAyNC41NjY0MDYgMjIuMDExNzE5IDI1LjI5Mjk2OSAyMC45MDYyNSAyNS44NDM3NSBaIE0gOC4xNTYyNSAyMy43MTg3NSBMIDEwLjM0Mzc1IDIzLjcxODc1IEwgMTEuMDMxMjUgMjUuODEyNSBDIDkuOTYwOTM4IDI1LjI2OTUzMSA4Ljk4ODI4MSAyNC41NjI1IDguMTU2MjUgMjMuNzE4NzUgWiIvPjwvc3ZnPg==", St = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSA5LjUgNiBDIDguMTc5Njg4IDYgNy4wMDM5MDYgNi44NTkzNzUgNi42MjUgOC4xMjUgTCA1LjI1IDEyLjcxODc1IEwgMy4zMTI1IDEyLjA2MjUgTCAyLjY4NzUgMTMuOTM3NSBMIDQuNjU2MjUgMTQuNTkzNzUgTCA0LjAzMTI1IDE2LjcxODc1IEMgNC4wMDc4MTMgMTYuODA4NTk0IDMuOTk2MDk0IDE2LjkwNjI1IDQgMTcgTCA0IDI0IEMgNCAyNC4wMzEyNSA0IDI0LjA2MjUgNCAyNC4wOTM3NSBMIDQgMjUgQyA0IDI1LjU1MDc4MSA0LjQ0OTIxOSAyNiA1IDI2IEwgOCAyNiBMIDguMzQzNzUgMjUgTCAyMy42NTYyNSAyNSBMIDI0IDI2IEwgMjcgMjYgQyAyNy41NTA3ODEgMjYgMjggMjUuNTUwNzgxIDI4IDI1IEwgMjggMjQuMTU2MjUgQyAyOC4wMDM5MDYgMjQuMTA1NDY5IDI4LjAwMzkwNiAyNC4wNTA3ODEgMjggMjQgTCAyOCAxNyBDIDI4LjAwMzkwNiAxNi45MDYyNSAyNy45OTIxODggMTYuODA4NTk0IDI3Ljk2ODc1IDE2LjcxODc1IEwgMjcuMzQzNzUgMTQuNTkzNzUgTCAyOS4zMTI1IDEzLjkzNzUgTCAyOC42ODc1IDEyLjA2MjUgTCAyNi43NSAxMi43MTg3NSBMIDI1LjM3NSA4LjEyNSBDIDI0Ljk5NjA5NCA2Ljg1OTM3NSAyMy44MjAzMTMgNiAyMi41IDYgWiBNIDkuNSA4IEwgMjIuNSA4IEMgMjIuOTQ1MzEzIDggMjMuMzM5ODQ0IDguMjkyOTY5IDIzLjQ2ODc1IDguNzE4NzUgTCAyNC43NSAxMyBMIDcuMjUgMTMgTCA4LjUzMTI1IDguNzE4NzUgQyA4LjY2MDE1NiA4LjI4OTA2MyA5LjA1NDY4OCA4IDkuNSA4IFogTSA2LjY1NjI1IDE1IEwgMjUuMzQzNzUgMTUgTCAyNiAxNy4xODc1IEwgMjYgMjMgTCA2IDIzIEwgNiAxNy4xODc1IFogTSA4LjUgMTYgQyA3LjY3MTg3NSAxNiA3IDE2LjY3MTg3NSA3IDE3LjUgQyA3IDE4LjMyODEyNSA3LjY3MTg3NSAxOSA4LjUgMTkgQyA5LjMyODEyNSAxOSAxMCAxOC4zMjgxMjUgMTAgMTcuNSBDIDEwIDE2LjY3MTg3NSA5LjMyODEyNSAxNiA4LjUgMTYgWiBNIDIzLjUgMTYgQyAyMi42NzE4NzUgMTYgMjIgMTYuNjcxODc1IDIyIDE3LjUgQyAyMiAxOC4zMjgxMjUgMjIuNjcxODc1IDE5IDIzLjUgMTkgQyAyNC4zMjgxMjUgMTkgMjUgMTguMzI4MTI1IDI1IDE3LjUgQyAyNSAxNi42NzE4NzUgMjQuMzI4MTI1IDE2IDIzLjUgMTYgWiBNIDEyIDE5IEwgMTAuNzUgMjIgTCAxMi45MDYyNSAyMiBMIDEzLjM0Mzc1IDIxIEwgMTguNjU2MjUgMjEgTCAxOS4wOTM3NSAyMiBMIDIxLjI1IDIyIEwgMjAgMTkgWiIvPjwvc3ZnPg==", zt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgMTEuMDQyOTY5IDQgNyA4LjA0Mjk2OSA3IDEzIEMgNyAxNC45MTc5NjkgNy44NDM3NSAxNi45MDYyNSA5IDE4LjY4NzUgQyA5Ljg1OTM3NSAyMC4wMTE3MTkgMTAuODg2NzE5IDIxLjIzMDQ2OSAxMiAyMi4xNTYyNSBMIDEyIDI1IEMgMTIgMjYuMDkzNzUgMTIuOTA2MjUgMjcgMTQgMjcgTCAxNSAyOCBMIDE3IDI4IEwgMTggMjcgQyAxOS4wOTM3NSAyNyAyMCAyNi4wOTM3NSAyMCAyNSBMIDIwIDIyLjE1NjI1IEMgMjEuMTEzMjgxIDIxLjIzMDQ2OSAyMi4xNDA2MjUgMjAuMDExNzE5IDIzIDE4LjY4NzUgQyAyNC4xNTYyNSAxNi45MDYyNSAyNSAxNC45MTc5NjkgMjUgMTMgQyAyNSA4LjA0Mjk2OSAyMC45NTcwMzEgNCAxNiA0IFogTSAxNiA2IEMgMTkuODc4OTA2IDYgMjMgOS4xMjEwOTQgMjMgMTMgQyAyMyAxNC4zMDg1OTQgMjIuMzU1NDY5IDE2LjAzNTE1NiAyMS4zNDM3NSAxNy41OTM3NSBDIDIwLjQ0MTQwNiAxOC45ODQzNzUgMTkuMjUzOTA2IDIwLjIyMjY1NiAxOC4xNTYyNSAyMSBMIDEzLjg0Mzc1IDIxIEMgMTIuNzQ2MDk0IDIwLjIyMjY1NiAxMS41NTg1OTQgMTguOTg0Mzc1IDEwLjY1NjI1IDE3LjU5Mzc1IEMgOS42NDQ1MzEgMTYuMDM1MTU2IDkgMTQuMzA4NTk0IDkgMTMgQyA5IDkuMTIxMDk0IDEyLjEyMTA5NCA2IDE2IDYgWiBNIDE0LjI1IDIzIEwgMTcuNzUgMjMgQyAxNy44MjgxMjUgMjMuMDU0Njg4IDE3LjkxMDE1NiAyMy4wOTM3NSAxOCAyMy4xMjUgTCAxOCAyNSBMIDE0IDI1IEwgMTQgMjMuMTI1IEMgMTQuMDg5ODQ0IDIzLjA5Mzc1IDE0LjE3MTg3NSAyMy4wNTQ2ODggMTQuMjUgMjMgWiIvPjwvc3ZnPg==", Ot = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMSA1IEwgMTEgMTEgTCA1IDExIEwgNSAxMyBMIDExIDEzIEwgMTEgMTkgTCA1IDE5IEwgNSAyMSBMIDExIDIxIEwgMTEgMjcgTCAxMyAyNyBMIDEzIDIxIEwgMTkgMjEgTCAxOSAyNyBMIDIxIDI3IEwgMjEgMjEgTCAyNyAyMSBMIDI3IDE5IEwgMjEgMTkgTCAyMSAxMyBMIDI3IDEzIEwgMjcgMTEgTCAyMSAxMSBMIDIxIDUgTCAxOSA1IEwgMTkgMTEgTCAxMyAxMSBMIDEzIDUgWiBNIDEzIDEzIEwgMTkgMTMgTCAxOSAxOSBMIDEzIDE5IFoiLz48L3N2Zz4=", Ct = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSA5IDQgQyA3LjM0NiA0IDYgNS4zNDYgNiA3IEMgNiA4LjMwMTYwOTQgNi44Mzg3NDg2IDkuNDAyMTM5MSA4IDkuODE2NDA2MiBMIDggMTEuMzA0Njg4IEwgOCAyMy4yMDcwMzEgTCA4IDI3LjAyMzQzOCBDIDggMjcuNTYzNDM4IDguNDM2NTYyNSAyOCA4Ljk3NjU2MjUgMjggTCA5LjAyMzQzNzUgMjggQyA5LjU2MzQzNzUgMjggMTAgMjcuNTYzNDM3IDEwIDI3LjAyMzQzOCBMIDEwIDIyLjIyODUxNiBDIDEwLjMzNDcwNyAyMS44Mzk3NTYgMTEuMTM4NDIzIDIxLjA0Njg3NSAxMy40NDUzMTIgMjEuMDQ2ODc1IEMgMTQuNjY5MzEzIDIxLjA0Njg3NSAxNS42NzA0MjIgMjEuNDczNzgxIDE2LjczMjQyMiAyMS45MjU3ODEgQyAxNy43Njk0MjIgMjIuMzY3NzgxIDE4Ljg0MTg5MSAyMi44MjQyMTkgMjAuMDg3ODkxIDIyLjgyNDIxOSBDIDIyLjQ0Njg5MSAyMi44MjQyMTkgMjQuMDQ5Mzc1IDIxLjU4NDY4OCAyNC43MzQzNzUgMjEuMDU0Njg4IEwgMjQuODg2NzE5IDIwLjkzOTQ1MyBDIDI1LjQzNzcxOSAyMC41NDA0NTMgMjYgMTkuOTk2IDI2IDE5IEwgMjYgMTAuNjc1NzgxIEMgMjYgOS43Njc3ODEyIDI1LjIyMTgyOCA5IDI0LjI5ODgyOCA5IEMgMjMuODAzODI4IDkgMjMuNDQwNDA2IDkuMjg2NTkzNyAyMi45NDE0MDYgOS42ODM1OTM4IEMgMjIuMjc5NDA2IDEwLjIwNzU5NCAyMS4yODA4OTEgMTEgMjAuMDg3ODkxIDExIEMgMTkuMjcyODkxIDExIDE4LjQ3NzY4OCAxMC42MTk3MzQgMTcuNTU0Njg4IDEwLjE3NzczNCBDIDE2LjQwMzY4NyA5LjYyNTczNDQgMTUuMDk4MzU5IDkgMTMuNDQzMzU5IDkgQyAxMi4zMDgyNTcgOSAxMS40MjE2ODcgOS4xODgzMzkzIDEwLjcxMjg5MSA5LjQ1NzAzMTIgQyAxMS40ODkwNzEgOC45MTQxODI0IDEyIDguMDE2NzgwMiAxMiA3IEMgMTIgNS4zNDYgMTAuNjU0IDQgOSA0IHogTSA5IDYgQyA5LjU1MiA2IDEwIDYuNDQ5IDEwIDcgQyAxMCA3LjU1MSA5LjU1MiA4IDkgOCBDIDguNDQ4IDggOCA3LjU1MSA4IDcgQyA4IDYuNDQ5IDguNDQ4IDYgOSA2IHogTSAxMy40NDMzNTkgMTEgQyAxNC42NDUzNTkgMTEgMTUuNjM4NDA2IDExLjQ3NjQ2OSAxNi42OTE0MDYgMTEuOTgwNDY5IEMgMTcuNzM2NDA2IDEyLjQ4MjQ2OSAxOC44MTc4OTEgMTMgMjAuMDg3ODkxIDEzIEMgMjEuODQyODkxIDEzIDIzLjE1ODA0NyAxMi4wNTQ0ODQgMjMuOTk4MDQ3IDExLjM5NjQ4NCBMIDIzLjk5ODA0NyAxOS4wNjY0MDYgQyAyMy45OTcwNDcgMTkuMDcwNDA2IDIzLjk1Mjk4NCAxOS4xNDUyNjYgMjMuNzA4OTg0IDE5LjMyMjI2NiBMIDIzLjUwOTc2NiAxOS40NzQ2MDkgQyAyMi45NDI3NjYgMTkuOTEyNjA5IDIxLjc2Mjg5MSAyMC44MjQyMTkgMjAuMDg3ODkxIDIwLjgyNDIxOSBDIDE5LjI0OTg5MSAyMC44MjQyMTkgMTguNDQ2NjI1IDIwLjQ4MjkzNyAxNy41MTU2MjUgMjAuMDg1OTM4IEMgMTYuMzcyNjI1IDE5LjU5NzkzOCAxNS4wNzYzNTkgMTkuMDQ0OTIyIDEzLjQ0MzM1OSAxOS4wNDQ5MjIgQyAxMS44OTEzNTkgMTkuMDQ0OTIyIDEwLjc4NiAxOS4zNTggMTAgMTkuNzUgTCAxMCAxMi4zNjEzMjggQyAxMC4zNDUgMTEuOTA1MzI4IDExLjEzMjM1OSAxMSAxMy40NDMzNTkgMTEgeiIvPjwvc3ZnPg==", Ut = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgMTEuODMyMDMxIDQgOC4xNTIzNDQgNi4xMTMyODEgNiA5LjM0Mzc1IEwgNiA2IEwgNCA2IEwgNCAxMyBMIDExIDEzIEwgMTEgMTEgTCA3LjM3NSAxMSBDIDkuMTAxNTYzIDguMDE5NTMxIDEyLjI5Njg3NSA2IDE2IDYgQyAyMS41MzUxNTYgNiAyNiAxMC40NjQ4NDQgMjYgMTYgQyAyNiAyMS41MzUxNTYgMjEuNTM1MTU2IDI2IDE2IDI2IEMgMTAuNDY0ODQ0IDI2IDYgMjEuNTM1MTU2IDYgMTYgTCA0IDE2IEMgNCAyMi42MTcxODggOS4zODI4MTMgMjggMTYgMjggQyAyMi42MTcxODggMjggMjggMjIuNjE3MTg4IDI4IDE2IEMgMjggOS4zODI4MTMgMjIuNjE3MTg4IDQgMTYgNCBaIE0gMTUgOCBMIDE1IDE3IEwgMjIgMTcgTCAyMiAxNSBMIDE3IDE1IEwgMTcgOCBaIi8+PC9zdmc+Cg==";
+const Lt = xf({
   name: "Header",
   setup(f) {
-    const { state: e, updateSearch: A, updateActiveGroup: n } = Hf("store"), a = V(() => !e.options.hideSearch), i = V(() => !e.options.hideGroupIcons), t = JSON.parse(JSON.stringify(e.orderedGroupKeys)), s = 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: (d) => A(d)
-    }), r = [
+    }), l = [
       ...e.groups,
       ...Object.keys(e.options.additionalGroups).map((d) => ({
         key: d,
-        title: e.options.groupNames[d] ? e.options.groupNames[d] : uA(d)
+        title: e.options.groupNames[d] ? e.options.groupNames[d] : oA(d)
       }))
     ], c = [];
     return t.forEach((d) => {
-      const M = r.findIndex((b) => b.key === d);
-      M !== -1 && (c.push(r[M]), r.splice(M, 1));
+      const M = l.findIndex((b) => b.key === d);
+      M !== -1 && (c.push(l[M]), l.splice(M, 1));
     }), {
       orderedGroups: c,
       orderedKeys: t,
@@ -13900,39 +13766,39 @@ const $t = xf({
       hasGroupIcons: i,
       placeholder: s,
       icons: {
-        smileys_people: sA,
-        animals_nature: Jt,
-        food_drink: Wt,
-        activities: Kt,
-        travel_places: Zt,
-        objects: Pt,
-        symbols: Ht,
-        flags: Gt,
+        smileys_people: iA,
+        animals_nature: Et,
+        food_drink: Tt,
+        activities: xt,
+        travel_places: St,
+        objects: zt,
+        symbols: Ot,
+        flags: Ct,
         ...e.options.groupIcons,
-        recent: Xt
+        recent: Ut
       }
     };
   }
-}), f1 = {
+}), Qt = {
   key: 0,
   class: "v3-header"
-}, e1 = {
+}, Bt = {
   key: 0,
   class: "v3-groups"
-}, A1 = ["onClick"], n1 = ["title"], a1 = ["src"], t1 = {
+}, Yt = ["onClick"], Rt = ["title"], qt = ["src"], Ft = {
   key: 1,
   class: "v3-spacing"
-}, i1 = {
+}, Jt = {
   key: 2,
   class: "v3-search"
-}, s1 = ["placeholder"];
-function o1(f, e, A, n, a, i) {
-  return f.hasGroupIcons || f.hasSearch ? (l(), g("div", f1, [
-    f.hasGroupIcons ? (l(), g("div", e1, [
-      (l(!0), g(q, null, F(f.orderedGroups, (t) => (l(), g("button", {
+}, Wt = ["placeholder"];
+function Kt(f, e, A, n, a, i) {
+  return f.hasGroupIcons || f.hasSearch ? (r(), g("div", Qt, [
+    f.hasGroupIcons ? (r(), g("div", Bt, [
+      (r(!0), g(B, null, F(f.orderedGroups, (t) => (r(), g("button", {
         key: t.key,
         type: "button",
-        class: E(["v3-group", {
+        class: T(["v3-group", {
           "v3-is-hidden": !f.icons[t.key]
         }]),
         onClick: (s) => f.updateActiveGroup(t.key)
@@ -13944,56 +13810,56 @@ function o1(f, e, A, n, a, i) {
           u("img", {
             src: f.icons[t.key],
             alt: ""
-          }, null, 8, a1)
-        ], 8, n1)
-      ], 10, A1))), 128))
-    ])) : v("", !0),
-    f.hasGroupIcons && f.hasSearch ? (l(), g("div", t1)) : v("", !0),
-    f.hasSearch ? (l(), g("div", i1, [
-      P(u("input", {
+          }, null, 8, qt)
+        ], 8, Rt)
+      ], 10, Yt))), 128))
+    ])) : y("", !0),
+    f.hasGroupIcons && f.hasSearch ? (r(), g("div", Ft)) : y("", !0),
+    f.hasSearch ? (r(), g("div", Jt, [
+      ff(u("input", {
         "onUpdate:modelValue": e[0] || (e[0] = (t) => f.searchValue = t),
         type: "text",
         placeholder: f.placeholder
-      }, null, 8, s1), [
-        [Pf, f.searchValue]
+      }, null, 8, Wt), [
+        [re, f.searchValue]
       ])
-    ])) : v("", !0)
-  ])) : v("", !0);
+    ])) : y("", !0)
+  ])) : y("", !0);
 }
-var u1 = /* @__PURE__ */ Of($t, [["render", o1]]);
-const r1 = xf({
+var Pt = /* @__PURE__ */ Of(Lt, [["render", Kt]]);
+const Zt = xf({
   name: "Header",
   setup() {
-    const { state: f, updateSkinTone: e } = Hf("store"), A = y(!1), n = y(!1), a = V(() => f.skinTone), i = 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), s = 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 c() {
       A.value = !A.value;
     }
     function d(M) {
-      e(M), r(!1);
+      e(M), l(!1);
     }
-    return Gf(
+    return Hf(
       () => f.emoji,
       () => {
         n.value = !1;
       }
     ), {
       emoji: o,
-      SKIN_TONES: Aa,
-      updateSkinToneState: r,
+      SKIN_TONES: Yn,
+      updateSkinToneState: l,
       skinTone: A,
       stateSkinTone: a,
       selectSkinTone: d,
       toggleSkinToneState: c,
       EMOJI_RESULT_KEY: Vf,
-      EMOJI_NAME_KEY: Xf,
+      EMOJI_NAME_KEY: Gf,
       skinToneText: i,
       hasSkinTones: t,
       native: f.options.native,
@@ -14002,56 +13868,56 @@ const r1 = xf({
       hasError: n
     };
   }
-}), l1 = { class: "v3-foot-left" }, c1 = { key: 0 }, d1 = ["alt", "src"], g1 = { class: "v3-text" }, m1 = { class: "v3-text" }, p1 = ["onClick"];
-function M1(f, e, A, n, a, i) {
-  return l(), g("div", {
+}), Ht = { class: "v3-foot-left" }, Gt = { key: 0 }, $t = ["alt", "src"], Xt = { class: "v3-text" }, f1 = { class: "v3-text" }, e1 = ["onClick"];
+function A1(f, e, A, n, a, i) {
+  return r(), g("div", {
     class: "v3-footer",
     onMouseleave: e[2] || (e[2] = (t) => f.updateSkinToneState(!1))
   }, [
-    u("div", l1, [
+    u("div", Ht, [
       u("span", {
-        class: E([f.platform, "v3-icon"])
+        class: T([f.platform, "v3-icon"])
       }, [
-        f.native || f.hasError ? (l(), g("span", c1, D(f.unicodeToEmoji(f.emoji.r)), 1)) : (l(), g("img", {
+        f.native || f.hasError ? (r(), g("span", Gt, 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, d1))
+        }, null, 40, $t))
       ], 2),
-      u("span", g1, " :" + D(f.emoji[f.EMOJI_NAME_KEY][1] || f.emoji[f.EMOJI_NAME_KEY][0]) + ": ", 1)
+      u("span", Xt, " :" + 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", m1, D(f.skinToneText), 1),
+        u("span", f1, N(f.skinToneText), 1),
         u("span", {
-          class: E(`v3-icon v3-tone-${f.stateSkinTone}`)
+          class: T(`v3-icon v3-tone-${f.stateSkinTone}`)
         }, null, 2)
       ]),
       u("div", {
-        class: E([f.skinTone ? "v3-is-open" : "", "v3-skin-tones"])
+        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: E(["v3-skin-tone-" + t, "v3-skin-tone"]),
+          class: T(["v3-skin-tone-" + t, "v3-skin-tone"]),
           onClick: (s) => f.selectSkinTone(t)
-        }, null, 10, p1))), 128))
+        }, null, 10, e1))), 128))
       ], 2)
-    ], 64)) : v("", !0)
+    ], 64)) : y("", !0)
   ], 32);
 }
-var h1 = /* @__PURE__ */ Of(r1, [["render", M1]]);
-const b1 = xf({
+var n1 = /* @__PURE__ */ Of(Zt, [["render", A1]]);
+const a1 = xf({
   name: "PickerRoot",
   components: {
-    Header: u1,
-    Body: Ft,
-    Footer: h1
+    Header: Pt,
+    Body: Vt,
+    Footer: n1
   },
   props: {
     type: {
@@ -14084,12 +13950,12 @@ const b1 = xf({
     "update:text": (f) => !0
   },
   setup(f, { emit: e }) {
-    const A = y(), n = y(), a = y(), i = y(!1), t = y(f.text), s = 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"), c = V(() => r.options.colorTheme);
+    const { state: l } = Zf("store"), c = E(() => l.options.colorTheme);
     function d(p) {
       if (s) {
-        const I = r.options.mode;
+        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);
@@ -14106,8 +13972,8 @@ const b1 = xf({
     }
     function m() {
       if (n.value && a.value && s) {
-        let p = r.options.offset;
-        typeof p != "number" && (p = 6), St(n.value, a.value, {
+        let p = l.options.offset;
+        typeof p != "number" && (p = 6), ht(n.value, a.value, {
           placement: "bottom-end",
           modifiers: [
             {
@@ -14123,12 +13989,12 @@ const b1 = 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: sA,
+      face: iA,
       open: i,
       onSelect: d,
       input: t,
@@ -14141,47 +14007,47 @@ const b1 = xf({
       colorTheme: c
     };
   }
-}), y1 = {
+}), t1 = {
   key: 0,
   class: "v3-input-emoji-picker"
-}, v1 = { class: "v3-input-picker-root" }, I1 = ["value"], N1 = ["value"], D1 = ["src"];
-function w1(f, e, A, n, a, i) {
+}, i1 = { class: "v3-input-picker-root" }, s1 = ["value"], o1 = ["value"], u1 = ["src"];
+function r1(f, e, A, n, a, i) {
   const t = qf("Header"), s = qf("Body"), o = qf("Footer");
-  return f.isInputType ? (l(), g("div", y1, [
-    u("div", v1, [
-      f.type === "input" ? (l(), g("input", {
+  return f.isInputType ? (r(), g("div", t1, [
+    u("div", i1, [
+      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, I1)) : (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, s1)) : (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, N1)),
+        onInput: e[2] || (e[2] = (...l) => f.onChangeText && f.onChangeText(...l)),
+        onBlur: e[3] || (e[3] = (...l) => f.updateCursor && f.updateCursor(...l))
+      }, null, 40, o1)),
       u("div", {
-        class: E(["v3-input-picker-wrap", f.open ? "v3-picker-is-open" : ""])
+        class: T(["v3-input-picker-wrap", f.open ? "v3-picker-is-open" : ""])
       }, [
         u("button", {
           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, D1)
+          }, null, 8, u1)
         ], 512),
         u("div", {
           ref: "picker",
-          class: E(["v3-emoji-picker", "v3-color-theme-" + f.colorTheme])
+          class: T(["v3-emoji-picker", "v3-color-theme-" + f.colorTheme])
         }, [
           z(t),
           z(s, { onSelect: f.onSelect }, null, 8, ["onSelect"]),
@@ -14189,20 +14055,20 @@ function w1(f, e, A, n, a, i) {
         ], 2)
       ], 2)
     ])
-  ])) : (l(), g("div", {
+  ])) : (r(), g("div", {
     key: 1,
-    class: E(["v3-emoji-picker", "v3-color-theme-" + f.colorTheme])
+    class: T(["v3-emoji-picker", "v3-color-theme-" + f.colorTheme])
   }, [
     z(t),
     z(s, { onSelect: f.onSelect }, null, 8, ["onSelect"]),
     z(o)
   ], 2));
 }
-var _1 = /* @__PURE__ */ Of(b1, [["render", w1]]);
-const j1 = xf({
+var l1 = /* @__PURE__ */ Of(a1, [["render", r1]]);
+const c1 = xf({
   name: "Picker",
   components: {
-    PickerRoot: _1
+    PickerRoot: l1
   },
   props: {
     native: {
@@ -14283,20 +14149,20 @@ const j1 = xf({
     select: (f) => !0
   },
   setup(f, { emit: e }) {
-    const A = y(f.text);
+    const A = v(f.text);
     function n(i) {
       A.value = i || "", e("update:text", A.value);
     }
-    const a = ja();
+    const a = ca();
     return a.updateOptions({
       native: f.native,
       hideSearch: f.hideSearch,
       hideGroupIcons: f.hideGroupIcons,
       hideGroupNames: f.hideGroupNames,
-      staticTexts: { ...na, ...f.staticTexts },
+      staticTexts: { ...Rn, ...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,
@@ -14304,35 +14170,35 @@ const j1 = xf({
       offset: f.offset,
       groupOrder: f.groupOrder,
       groupIcons: f.groupIcons,
-      colorTheme: aa.includes(f.theme) ? f.theme : "light"
-    }), yA("store", a), {
+      colorTheme: qn.includes(f.theme) ? f.theme : "light"
+    }), bA("store", a), {
       type: f.pickerType,
       input: A,
       onChangeText: n
     };
   }
 });
-function k1(f, e, A, n, a, i) {
+function d1(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] = (s) => f.$emit("select", s)),
     "onUpdate:text": f.onChangeText
   }, null, 8, ["type", "text", "onUpdate:text"]);
 }
-var V1 = /* @__PURE__ */ Of(j1, [["render", k1]]);
-const E1 = { class: "channels__container" }, T1 = { class: "channels__title-container" }, x1 = {
+var g1 = /* @__PURE__ */ Of(c1, [["render", d1]]);
+const m1 = { class: "channels__container" }, M1 = { class: "channels__title-container" }, p1 = {
   key: 0,
   class: "channels__selected"
-}, S1 = {
+}, h1 = {
   key: 0,
   class: "channels__icon"
-}, z1 = ["src"], O1 = { class: "channels__title" }, C1 = {
+}, b1 = ["src"], y1 = { class: "channels__title" }, v1 = {
   key: 1,
   class: "channels__title"
-}, U1 = { class: "channels__popover-container" }, L1 = { class: "channels__popover-list" }, Q1 = ["onClick"], B1 = {
-  __name: "Channels2",
+}, I1 = { class: "channels__popover-container" }, N1 = { class: "channels__popover-list" }, w1 = ["onClick"], D1 = {
+  __name: "ChannelSelector",
   props: {
     channels: {
       type: Array,
@@ -14341,65 +14207,65 @@ const E1 = { class: "channels__container" }, T1 = { class: "channels__title-cont
   },
   emits: ["selectChannel"],
   setup(f, { emit: e }) {
-    const A = y(!0), n = y(null), a = f, i = e, s = y(a.channels.find((d) => d.type === "default")), o = (d) => {
-      s.value = d, r(), i("selectChannel", s.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;
     }, c = (d) => {
       n.value && !n.value.contains(d.target) && (A.value = !1);
     };
-    return Zf(() => {
+    return Pf(() => {
       document.addEventListener("click", c);
-    }), NA(() => {
+    }), IA(() => {
       document.removeEventListener("click", c);
-    }), (d, M) => (l(), g("div", {
-      class: "channels",
+    }), (d, M) => (r(), g("div", {
       ref_key: "customDiv",
-      ref: n
+      ref: n,
+      class: "channels"
     }, [
-      u("div", E1, [
+      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", T1, [
-          s.value ? (l(), g("div", x1, [
-            s.value.icon ? (l(), g("span", S1, [
+        u("div", M1, [
+          s.value ? (r(), g("div", p1, [
+            s.value.icon ? (r(), g("span", h1, [
               u("img", {
                 src: s.value.icon
-              }, null, 8, z1)
-            ])) : v("", !0),
-            u("span", O1, D(s.value.title), 1)
-          ])) : (l(), g("span", C1, "Чат не выбран"))
+              }, null, 8, b1)
+            ])) : y("", !0),
+            u("span", y1, N(s.value.title), 1)
+          ])) : (r(), g("span", v1, "Чат не выбран"))
         ]),
-        z(X, null, {
-          default: $(() => [
-            A.value ? (l(), g("div", {
+        z($, null, {
+          default: X(() => [
+            A.value ? (r(), g("div", {
               key: 0,
               class: "channels__popover",
-              onClick: M[0] || (M[0] = DA(() => {
+              onClick: M[0] || (M[0] = NA(() => {
               }, ["stop"]))
             }, [
-              u("div", U1, [
-                u("ul", L1, [
-                  (l(!0), g(q, null, F(f.channels, (b) => (l(), g("li", {
-                    class: "channels__popover-item",
+              u("div", I1, [
+                u("ul", N1, [
+                  (r(!0), g(B, null, F(f.channels, (b) => (r(), g("li", {
                     key: b.channelId,
+                    class: "channels__popover-item",
                     onClick: (m) => o(b)
-                  }, D(b.title), 9, Q1))), 128))
+                  }, N(b.title), 9, w1))), 128))
                 ])
               ])
-            ])) : v("", !0)
+            ])) : y("", !0)
           ]),
           _: 1
         })
       ])
     ], 512));
   }
-}, Y1 = /* @__PURE__ */ x(B1, [["__scopeId", "data-v-62179a30"]]), R1 = { class: "chat-input" }, q1 = { class: "chat-input__container" }, F1 = {
-  __name: "ChatInput2",
+}, _1 = /* @__PURE__ */ x(D1, [["__scopeId", "data-v-5ecf1140"]]), k1 = { class: "chat-input" }, j1 = { class: "chat-input__container" }, V1 = {
+  __name: "ChatInput",
   props: /* @__PURE__ */ Ee({
     enableEmoji: {
       type: Boolean,
@@ -14421,53 +14287,53 @@ const E1 = { class: "channels__container" }, T1 = { class: "channels__title-cont
   }),
   emits: /* @__PURE__ */ Ee(["send"], ["update:modelValue"]),
   setup(f, { emit: e }) {
-    const A = e, n = wA(f, "modelValue"), a = y(null), i = y(null), t = V(() => !i.value || i.value === ""), s = y(!1), o = (b) => {
+    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;
-    }, r = () => {
+    }, l = () => {
       s.value = !1;
       const b = {
         type: null,
         text: null
       };
-      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 = "", df(a).focus();
+      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 = V(() => {
+    }, d = E(() => {
       if (document.documentElement.classList.contains("dark"))
         return "dark";
     }), M = (b) => {
       n.value = (n.value ? n.value : "") + b.i;
     };
-    return (b, m) => (l(), g("div", R1, [
-      u("div", q1, [
-        z(X, null, {
-          default: $(() => [
-            s.value ? (l(), L(df(V1), {
+    return (b, m) => (r(), g("div", k1, [
+      u("div", j1, [
+        z($, null, {
+          default: X(() => [
+            s.value ? (r(), Q(_f(g1), {
               key: 0,
               class: "chat-input__emoji",
               native: !0,
               theme: d.value,
-              onSelect: M,
-              pickerType: ""
-            }, null, 8, ["theme"])) : v("", !0)
+              "picker-type": "",
+              onSelect: M
+            }, null, 8, ["theme"])) : y("", !0)
           ]),
           _: 1
         }),
-        z(df(Bi), {
-          onFileUploaded: o,
-          canUploadFile: t.value
-        }, null, 8, ["canUploadFile"]),
-        P(u("input", {
-          class: "chat-input__input",
-          "onUpdate:modelValue": m[0] || (m[0] = (h) => n.value = h),
+        z(_f(Ci), {
+          "can-upload-file": t.value,
+          onFileUploaded: o
+        }, null, 8, ["can-upload-file"]),
+        ff(u("input", {
           ref_key: "refInput",
           ref: a,
-          onKeydown: Fe(r, ["enter"]),
-          placeholder: "Type a message..."
+          "onUpdate:modelValue": m[0] || (m[0] = (h) => n.value = h),
+          class: "chat-input__input",
+          placeholder: "Type a message...",
+          onKeydown: DA(l, ["enter"])
         }, null, 544), [
-          [Pf, n.value]
+          [re, n.value]
         ]),
-        z(Y1, { channels: f.channels }, null, 8, ["channels"]),
+        z(_1, { channels: f.channels }, null, 8, ["channels"]),
         u("button", {
           class: "chat-input__button-emoji",
           onClick: c
@@ -14476,61 +14342,121 @@ const E1 = { class: "channels__container" }, T1 = { class: "channels__title-cont
         ])),
         u("button", {
           class: "chat-input__button-send",
-          onClick: r
+          onClick: l
         }, m[2] || (m[2] = [
           u("span", { class: "pi pi-send" }, null, -1)
         ]))
       ])
     ]));
   }
-}, Ki = /* @__PURE__ */ x(F1, [["__scopeId", "data-v-ee2b6643"]]), J1 = { class: "chat-list" }, W1 = {
-  __name: "ChatList",
+}, Xi = /* @__PURE__ */ x(V1, [["__scopeId", "data-v-01b70224"]]), E1 = { class: "chat-item__avatar-container" }, T1 = ["src"], x1 = {
+  key: 1,
+  class: "pi pi-user"
+}, S1 = { class: "chat-item__info-container" }, z1 = { class: "chat-item__name" }, O1 = {
+  key: 0,
+  class: "chat-item__last-message"
+}, C1 = { class: "chat-item__details-container" }, U1 = {
+  key: 0,
+  class: "chat-item__time"
+}, L1 = {
+  key: 1,
+  class: "chat-item__unread"
+}, Q1 = {
+  key: 3,
+  class: "chat-item__fixed pi pi-thumbtack"
+}, B1 = {
+  __name: "Chat",
   props: {
-    chats: {
-      type: Array,
+    chat: {
+      type: Object,
       required: !0
     }
   },
-  emits: ["select"],
+  emits: ["select", "action"],
   setup(f, { emit: e }) {
-    const A = f, n = e, a = (t) => {
-      n("select", t);
-    }, i = () => A.chats.sort((t, s) => {
-      if (t.countUnread > s.countUnread) return -1;
-      if (t.countUnread < s.countUnread) return 1;
-      if (t.countUnread == s.countUnread) return 0;
-    });
-    return (t, s) => (l(), g("div", J1, [
-      (l(!0), g(q, null, F(i(), (o) => (l(), L(EA, {
-        key: o.chatId,
-        chat: o,
-        onSelect: a
-      }, 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", E1, [
+          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, T1)) : (r(), g("span", x1))
+        ]),
+        u("div", S1, [
+          u("div", z1, N(f.chat.name), 1),
+          f.chat.lastMessage ? (r(), g("div", O1, N(f.chat.lastMessage), 1)) : y("", !0)
+        ]),
+        u("div", C1, [
+          !(o.value && f.chat.actions) && f.chat["lastActivity.time"] ? (r(), g("div", U1, N(f.chat["lastActivity.time"]), 1)) : y("", !0),
+          !(o.value && f.chat.actions) && f.chat.countUnread > 0 ? (r(), g("div", L1, 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", Q1)) : 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));
   }
-}, Zi = /* @__PURE__ */ x(W1, [["__scopeId", "data-v-fafd9097"]]), K1 = { class: "chat-filter" }, Z1 = { class: "chat-filter__container" }, P1 = {
+}, ie = /* @__PURE__ */ x(B1, [["__scopeId", "data-v-a487bf67"]]), Y1 = { class: "chat-filter" }, R1 = { class: "chat-filter__container" }, q1 = {
   __name: "ChatFilter",
   emits: ["update"],
   setup(f, { emit: e }) {
-    const A = y(""), n = e, a = () => {
-      const i = df(A);
+    const A = v(""), n = e, a = () => {
+      const i = _f(A);
       n("update", i.value);
     };
-    return (i, t) => (l(), g("div", K1, [
-      u("div", Z1, [
+    return (i, t) => (r(), g("div", Y1, [
+      u("div", R1, [
         u("input", {
-          class: "chat-filter__input",
-          type: "text",
           ref_key: "refInput",
           ref: A,
-          onInput: a,
-          placeholder: "Поиск..."
+          class: "chat-filter__input",
+          type: "text",
+          placeholder: "Поиск...",
+          onInput: a
         }, null, 544)
       ])
     ]));
   }
-}, H1 = /* @__PURE__ */ x(P1, [["__scopeId", "data-v-bacb0798"]]), G1 = { class: "chat-list" }, X1 = { class: "chat-list__container" }, $1 = { class: "chat-list__items" }, fi = { class: "chat-list__fixed-items-top" }, ei = { class: "chat-list__scrollable-items" }, Ai = { class: "chat-list__fixed-items-bottom" }, ni = {
-  __name: "ChatList2",
+}, F1 = /* @__PURE__ */ x(q1, [["__scopeId", "data-v-6252b323"]]), J1 = { class: "chat-list" }, W1 = { class: "chat-list__container" }, K1 = { class: "chat-list__items" }, P1 = { class: "chat-list__fixed-items-top" }, Z1 = { class: "chat-list__scrollable-items" }, H1 = { class: "chat-list__fixed-items-bottom" }, G1 = {
+  __name: "ChatList",
   props: {
     chats: {
       type: Array,
@@ -14543,48 +14469,48 @@ const E1 = { class: "channels__container" }, T1 = { class: "channels__title-cont
   },
   emits: ["select", "action"],
   setup(f, { emit: e }) {
-    const A = y(""), n = f, a = e, i = (r) => {
-      a("select", r), n.chats.forEach((d) => d.isSelected = !1);
-      const c = n.chats.find((d) => d.chatId === r.chatId);
+    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((r, c) => {
-      if (r.countUnread > c.countUnread) return -1;
-      if (r.countUnread < c.countUnread) return 1;
-      if (r.countUnread == c.countUnread) return 0;
-    }).filter((r) => r.name.includes(A.value)), s = (r) => {
-      A.value = r;
-    }, o = (r) => a("action", r);
-    return (r, c) => (l(), g("div", G1, [
-      u("div", X1, [
-        c[0] || (c[0] = u("h2", { class: "chat-list__title" }, "Чаты", -1)),
-        f.filterEnabled ? (l(), L(H1, {
+    }, 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", J1, [
+      u("div", W1, [
+        c[0] || (c[0] = u("h2", { class: "chat-list__title" }, " Чаты ", -1)),
+        f.filterEnabled ? (r(), Q(F1, {
           key: 0,
           class: "chat-list__filter",
           onUpdate: s
-        })) : v("", !0),
-        u("div", $1, [
-          u("div", fi, [
-            (l(!0), g(q, null, F(t().filter((d) => d.isFixedTop), (d) => (l(), L(ae, {
-              class: "chat-list__item",
+        })) : y("", !0),
+        u("div", K1, [
+          u("div", P1, [
+            (r(!0), g(B, null, F(t().filter((d) => d.isFixedTop), (d) => (r(), Q(ie, {
               key: d.chatId,
+              class: "chat-list__item",
               chat: d,
               onSelect: i,
               onAction: o
             }, null, 8, ["chat"]))), 128))
           ]),
-          u("div", ei, [
-            (l(!0), g(q, null, F(t().filter((d) => !d.isFixedBottom && !d.isFixedTop), (d) => (l(), L(ae, {
-              class: "chat-list__item",
+          u("div", Z1, [
+            (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: d,
               onSelect: i,
               onAction: o
             }, null, 8, ["chat"]))), 128))
           ]),
-          u("div", Ai, [
-            (l(!0), g(q, null, F(t().filter((d) => d.isFixedBottom), (d) => (l(), L(ae, {
-              class: "chat-list__item",
+          u("div", H1, [
+            (r(!0), g(B, null, F(t().filter((d) => d.isFixedBottom), (d) => (r(), Q(ie, {
               key: d.chatId,
+              class: "chat-list__item",
               chat: d,
               onSelect: i,
               onAction: o
@@ -14594,10 +14520,10 @@ const E1 = { class: "channels__container" }, T1 = { class: "channels__title-cont
       ])
     ]));
   }
-}, Pi = /* @__PURE__ */ x(ni, [["__scopeId", "data-v-d74c3b97"]]), ai = ["messageId"], ti = ["src"], ii = { class: "video-message__controls" }, si = { class: "video-message__remaining-time" }, oi = { class: "video-message__time" }, ui = {
+}, fs = /* @__PURE__ */ x(G1, [["__scopeId", "data-v-a0a9f8c3"]]), $1 = ["messageId"], X1 = ["src"], fi = ["src"], ei = { class: "video-message__controls" }, Ai = { class: "video-message__remaining-time" }, ni = { class: "video-message__time" }, ai = {
   key: 0,
   class: "pi pi-check"
-}, ri = {
+}, ti = {
   __name: "VideoMessage",
   props: {
     message: {
@@ -14610,7 +14536,7 @@ const E1 = { class: "channels__container" }, T1 = { class: "channels__title-cont
     function A(h) {
       return h.position === "left" ? "video-message__left" : "video-message__right";
     }
-    const n = y(null), a = y(!1), i = y(0), t = y(0), s = y(!1), o = y(!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;
     }, c = () => {
       o.value = !1, s.value = !1;
@@ -14621,7 +14547,7 @@ const E1 = { class: "channels__container" }, T1 = { class: "channels__title-cont
     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(() => {
+    }, b = E(() => {
       if (n.value) {
         if (t.value >= i.value)
           return a.value = !1, "00:00";
@@ -14630,108 +14556,115 @@ const E1 = { class: "channels__container" }, T1 = { class: "channels__title-cont
           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(() => {
+    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", {
-      class: E(["video-message", A(f.message)]),
+    }), (h, p) => (r(), g("div", {
+      class: T(["video-message", A(f.message)]),
       messageId: f.message.messageId,
       onMouseleave: c
     }, [
-      p[4] || (p[4] = u("div", { class: "video-message__avatar-container" }, [
-        u("span", { class: "pi pi-user" })
-      ], -1)),
+      f.message.avatar ? (r(), g("img", {
+        key: 0,
+        class: "video-message__avatar",
+        src: f.message.avatar,
+        height: "32",
+        width: "32",
+        style: J({ gridRow: f.message.subText ? "2" : "1" })
+      }, null, 12, X1)) : y("", !0),
       u("div", {
         class: "video-message__content",
-        onMouseenter: r
+        onMouseenter: l
       }, [
         u("video", {
           ref_key: "player",
           ref: n,
           class: "video-message__video",
           src: f.message.url
-        }, null, 8, ti),
-        u("div", ii, [
-          z(X, null, {
-            default: $(() => [
-              P(u("button", {
+        }, null, 8, fi),
+        u("div", ei, [
+          z($, null, {
+            default: X(() => [
+              ff(u("button", {
                 class: "video-message__play",
                 onClick: d
               }, p[1] || (p[1] = [
                 u("span", { class: "pi pi-play" }, null, -1)
               ]), 512), [
-                [gf, !a.value]
+                [df, !a.value]
               ])
             ]),
             _: 1
           }),
-          P(u("button", {
+          ff(u("button", {
             class: "video-message__pause",
             onClick: d
           }, null, 512), [
-            [gf, a.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) => s.value = !s.value)
         }, p[2] || (p[2] = [
           u("span", { class: "pi pi-ellipsis-h" }, null, -1)
-        ]))) : v("", !0),
-        z(X, null, {
-          default: $(() => [
-            s.value && f.message.actions ? (l(), L(vf, {
+        ]))) : y("", !0),
+        z($, null, {
+          default: X(() => [
+            s.value && f.message.actions ? (r(), Q(yf, {
               key: 0,
               class: "video-message__context-menu",
               actions: f.message.actions,
               onClick: h.clickAction
-            }, null, 8, ["actions", "onClick"])) : v("", !0)
+            }, null, 8, ["actions", "onClick"])) : y("", !0)
           ]),
           _: 1
         }),
-        u("p", si, D(`${b.value}`), 1),
-        u("span", oi, D(f.message.time), 1),
-        A(f.message) === "video-message__right" && f.message.status ? (l(), g("div", {
+        u("p", Ai, N(`${b.value}`), 1),
+        u("span", ni, N(f.message.time), 1),
+        A(f.message) === "video-message__right" && f.message.status ? (r(), g("div", {
           key: 1,
-          class: E(["video-message__status", m.value])
+          class: T(["video-message__status", m.value])
         }, [
-          f.message.status !== "sent" ? (l(), g("span", ui)) : v("", !0),
+          f.message.status !== "sent" ? (r(), g("span", ai)) : y("", !0),
           p[3] || (p[3] = u("span", { class: "pi pi-check" }, null, -1))
-        ], 2)) : v("", !0)
+        ], 2)) : y("", !0)
       ], 32)
-    ], 42, ai));
+    ], 42, $1));
   }
-}, li = /* @__PURE__ */ x(ri, [["__scopeId", "data-v-f0edf9df"]]), ci = { class: "call-message" }, di = ["messageId"], gi = {
-  key: 0,
+}, ii = /* @__PURE__ */ x(ti, [["__scopeId", "data-v-ba3f5d29"]]), si = { class: "call-message" }, oi = ["messageId"], ui = ["src"], ri = {
+  key: 1,
   class: "call-message__subtext"
-}, mi = {
+}, li = {
   key: 0,
   class: "call-message__title"
-}, pi = {
+}, ci = {
   key: 1,
   class: "call-message__title"
-}, Mi = {
+}, di = {
   key: 2,
   class: "call-message__duration"
-}, hi = {
+}, gi = {
   key: 3,
   class: "call-message__duration"
-}, bi = {
+}, mi = {
   key: 4,
   class: "call-message__duration"
-}, yi = { class: "call-message__info-container" }, vi = { class: "call-message__time" }, Ii = {
+}, Mi = { class: "call-message__info-container" }, pi = { class: "call-message__time" }, hi = {
   __name: "CallMessage",
   props: {
     message: {
@@ -14743,36 +14676,38 @@ const E1 = { class: "channels__container" }, T1 = { class: "channels__title-cont
     function e(A) {
       return A.position === "left" ? "call-message__left" : "call-message__right";
     }
-    return (A, n) => (l(), g("div", ci, [
+    return (A, n) => (r(), g("div", si, [
       u("div", {
-        class: E(e(f.message)),
+        class: T(e(f.message)),
         messageId: f.message.messageId
       }, [
-        u("div", {
-          class: "call-message__avatar-container",
-          style: nf({ gridRow: f.message.subText ? "2" : "1" })
-        }, n[0] || (n[0] = [
-          u("span", { class: "pi pi-user" }, null, -1)
-        ]), 4),
-        f.message.subText ? (l(), g("p", gi, D(f.message.subText), 1)) : v("", !0),
+        f.message.avatar ? (r(), g("img", {
+          key: 0,
+          class: "call-message__avatar",
+          src: f.message.avatar,
+          height: "32",
+          width: "32",
+          style: J({ gridRow: f.message.subText ? "2" : "1" })
+        }, null, 12, ui)) : y("", !0),
+        f.message.subText ? (r(), g("p", ri, N(f.message.subText), 1)) : y("", !0),
         u("div", {
           class: "call-message__content",
-          style: nf({ paddingRight: f.message.isMissedCall ? "16px" : "78px" })
+          style: J({ paddingRight: f.message.isMissedCall ? "16px" : "78px" })
         }, [
           u("span", {
             class: "call-message__icon pi pi-phone",
-            style: nf({ 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", pi, "Пропущенный аудиозвонок")) : (l(), g("span", mi, "Аудиозвонок")),
-          f.message.callDuration ? (l(), g("span", Mi, D(f.message.callDuration), 1)) : !f.message.callDuration && f.message.isMissedCall ? (l(), g("span", hi, "Нажмите, чтобы перезвонить")) : (l(), g("span", bi, "Нет ответа")),
-          u("div", yi, [
-            u("span", vi, D(f.message.time), 1)
+          f.message.isMissedCall ? (r(), g("span", ci, "Пропущенный аудиозвонок")) : (r(), g("span", li, "Аудиозвонок")),
+          f.message.callDuration ? (r(), g("span", di, N(f.message.callDuration), 1)) : !f.message.callDuration && f.message.isMissedCall ? (r(), g("span", gi, "Нажмите, чтобы перезвонить")) : (r(), g("span", mi, "Нет ответа")),
+          u("div", Mi, [
+            u("span", pi, N(f.message.time), 1)
           ])
         ], 4)
-      ], 10, di)
+      ], 10, oi)
     ]));
   }
-}, Ni = /* @__PURE__ */ x(Ii, [["__scopeId", "data-v-7473f73b"]]), Di = { class: "message-feed__container" }, wi = {
+}, bi = /* @__PURE__ */ x(hi, [["__scopeId", "data-v-4c8e1ec1"]]), yi = { class: "message-feed__container" }, vi = {
   __name: "Feed",
   props: {
     objects: {
@@ -14780,37 +14715,43 @@ const E1 = { class: "channels__container" }, T1 = { class: "channels__title-cont
       required: !0
     }
   },
-  setup(f) {
-    const e = y(null), A = f, n = (i) => ({
-      "message.text": dn,
-      "message.image": Qn,
-      "message.file": fn,
-      "message.audio": Nn,
-      "message.video": li,
-      "message.call": Ni,
-      "system.date": kn
-    })[i];
-    function a() {
-      We(function() {
-        const i = df(e);
-        i.scrollTop = i.scrollHeight;
+  emits: ["messageAction"],
+  setup(f, { emit: e }) {
+    const A = v(null), n = f, a = e, i = (o) => ({
+      "message.text": rn,
+      "message.image": fn,
+      "message.file": RA,
+      "message.audio": vn,
+      "message.video": ii,
+      "message.call": bi,
+      "system.date": _n
+    })[o];
+    function t() {
+      Je(function() {
+        const o = _f(A);
+        o.scrollTop = o.scrollHeight;
       });
     }
-    return _A(() => a), Gf(() => A.objects, a), (i, t) => (l(), g("div", {
-      class: "message-feed",
+    _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", Di, [
-        (l(!0), g(q, null, F(f.objects, (s) => (l(), L(jA(n(s.type)), {
+      u("div", yi, [
+        (r(!0), g(B, null, F(f.objects, (c) => (r(), Q(kA(i(c.type)), {
+          key: c.messageId,
           class: "message-feed__message",
-          key: s.messageId,
-          message: s
-        }, null, 8, ["message"]))), 128))
+          message: c,
+          onAction: s
+        }, null, 40, ["message"]))), 128))
       ])
     ], 512));
   }
-}, Hi = /* @__PURE__ */ x(wi, [["__scopeId", "data-v-2f07bba4"]]), _i = { class: "profile" }, ji = { key: 0 }, ki = {
+}, es = /* @__PURE__ */ x(vi, [["__scopeId", "data-v-5719d84b"]]), Ii = { class: "profile" }, Ni = { key: 0 }, wi = {
   __name: "Profile",
   props: {
     user: {
@@ -14819,18 +14760,18 @@ const E1 = { class: "channels__container" }, T1 = { class: "channels__title-cont
     }
   },
   setup(f) {
-    return (e, A) => (l(), g("div", _i, [
-      f.user ? (l(), g("div", ji, [
-        u("h2", null, D(f.user.name), 1),
-        u("p", null, D(f.user.email), 1),
-        u("p", null, D(f.user.phone), 1)
-      ])) : v("", !0)
+    return (e, A) => (r(), g("div", Ii, [
+      f.user ? (r(), g("div", Ni, [
+        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)
     ]));
   }
-}, Gi = /* @__PURE__ */ x(ki, [["__scopeId", "data-v-e1bf37ef"]]), Vi = {
+}, As = /* @__PURE__ */ x(wi, [["__scopeId", "data-v-c86d3beb"]]), Di = {
   key: 0,
   class: "new-chat-modal"
-}, Ei = { class: "modal-content" }, Ti = { class: "participant-list" }, xi = ["id", "value"], Si = ["for"], zi = {
+}, _i = { class: "modal-content" }, ki = { class: "participant-list" }, ji = ["id", "value"], Vi = ["for"], Ei = {
   __name: "CreateNewChat",
   props: {
     users: {
@@ -14849,9 +14790,9 @@ const E1 = { class: "channels__container" }, T1 = { class: "channels__title-cont
   },
   emits: ["createNewChat"],
   setup(f, { emit: e }) {
-    const A = f, n = y(!1), a = y(""), i = y([]), t = y(A.users), s = e, o = () => {
+    const A = f, n = v(!1), a = v(""), i = v([]), t = v(A.users), s = e, o = () => {
       n.value = !0;
-    }, r = async () => {
+    }, l = async () => {
       i.value.length > 0 && (a.value && A.isChatName || !A.isChatName) && (s("createNewChat", {
         chatName: a.value,
         users: i.value
@@ -14863,51 +14804,51 @@ const E1 = { class: "channels__container" }, T1 = { class: "channels__title-cont
     }, M = () => {
       c(), d();
     };
-    return (b, m) => (l(), g("div", null, [
-      n.value ? (l(), g("div", Vi, [
-        u("div", Ei, [
+    return (b, m) => (r(), g("div", null, [
+      n.value ? (r(), g("div", Di, [
+        u("div", _i, [
           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) => a.value = h),
             placeholder: "название чата"
           }, null, 512)), [
-            [Pf, a.value]
-          ]) : v("", !0),
-          u("div", Ti, [
-            (l(!0), g(q, null, F(t.value, (h) => (l(), g("div", {
+            [re, a.value]
+          ]) : y("", !0),
+          u("div", ki, [
+            (r(!0), g(B, null, F(t.value, (h) => (r(), g("div", {
               key: h.userId,
               class: "participant-item"
             }, [
-              P(u("input", {
-                type: "checkbox",
+              ff(u("input", {
                 id: h.userId,
                 "onUpdate:modelValue": m[1] || (m[1] = (p) => i.value = p),
+                type: "checkbox",
                 value: h.userId
-              }, null, 8, xi), [
-                [kA, i.value]
+              }, null, 8, ji), [
+                [jA, i.value]
               ]),
               u("label", {
                 for: h.userId
-              }, D(h.name || "unknown username"), 9, Si)
+              }, N(h.name || "unknown username"), 9, Vi)
             ]))), 128))
           ]),
           u("div", { class: "modal-actions" }, [
-            u("button", { onClick: r }, "Создать"),
-            u("button", { onClick: M }, "Отмена")
+            u("button", { onClick: l }, " Создать "),
+            u("button", { onClick: M }, " Отмена ")
           ])
         ])
-      ])) : v("", !0),
+      ])) : y("", !0),
       u("button", {
-        onClick: o,
-        class: "create-chat-btn"
-      }, D(f.title), 1)
+        class: "create-chat-btn",
+        onClick: o
+      }, N(f.title), 1)
     ]));
   }
-}, Xi = /* @__PURE__ */ x(zi, [["__scopeId", "data-v-90eae66e"]]), Oi = {
+}, ns = /* @__PURE__ */ x(Ei, [["__scopeId", "data-v-c6988508"]]), Ti = {
   key: 0,
   class: "chat-input__button-file"
-}, Ci = { key: 1 }, Ui = { key: 2 }, Li = { key: 3 }, Qi = {
+}, xi = { key: 1 }, Si = { key: 2 }, zi = { key: 3 }, Oi = {
   __name: "FileUploader",
   props: {
     canUploadFile: {
@@ -14918,14 +14859,14 @@ const E1 = { class: "channels__container" }, T1 = { class: "channels__title-cont
   },
   emits: ["fileUploaded"],
   setup(f, { emit: e }) {
-    const A = f, n = y(null), a = y(""), i = y(""), t = y(""), s = y(!1), o = y(!1), r = y(!1), c = e;
-    Gf(() => A.canUploadFile, () => {
-      We(() => {
+    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 d = (m) => {
-      console.log("onFileSelected", m.target.files[0]), n.value = m.target.files[0], n.value && (M(), b(), r.value = !0);
+      console.log("onFileSelected", m.target.files[0]), n.value = m.target.files[0], n.value && (M(), b(), l.value = !0);
     }, M = () => {
       const m = n.value, h = m.type;
       if (console.log(h), h.startsWith("image/") ? (s.value = !0, o.value = !1) : h.startsWith("video/") ? (s.value = !1, o.value = !0) : (s.value = !1, o.value = !1), s.value || o.value) {
@@ -14949,8 +14890,8 @@ const E1 = { class: "channels__container" }, T1 = { class: "channels__title-cont
         console.error("Ошибка при загрузке файла:", h), a.value = "error";
       }
     };
-    return (m, h) => (l(), g("div", null, [
-      f.canUploadFile && a.value !== "success" ? (l(), g("div", Oi, [
+    return (m, h) => (r(), g("div", null, [
+      f.canUploadFile && a.value !== "success" ? (r(), g("div", Ti, [
         u("label", null, [
           u("input", {
             type: "file",
@@ -14960,39 +14901,115 @@ const E1 = { class: "channels__container" }, T1 = { class: "channels__title-cont
             u("i", { class: "pi pi-file-arrow-up" })
           ], -1))
         ])
-      ])) : v("", !0),
-      !f.canUploadFile && a.value === "success" ? (l(), g("div", Ci, h[1] || (h[1] = [
+      ])) : y("", !0),
+      !f.canUploadFile && a.value === "success" ? (r(), g("div", xi, h[1] || (h[1] = [
         u("p", null, "Файл загружен и готов к отправке.", -1)
-      ]))) : a.value === "uploading" ? (l(), g("div", Ui, h[2] || (h[2] = [
+      ]))) : a.value === "uploading" ? (r(), g("div", Si, h[2] || (h[2] = [
         u("p", null, "Загрузка файла...", -1)
-      ]))) : a.value === "error" ? (l(), g("div", Li, h[3] || (h[3] = [
+      ]))) : a.value === "error" ? (r(), g("div", zi, h[3] || (h[3] = [
         u("p", null, "Ошибка при загрузке файла.", -1)
-      ]))) : v("", !0)
+      ]))) : y("", !0)
     ]));
   }
-}, Bi = /* @__PURE__ */ x(Qi, [["__scopeId", "data-v-fb99e78b"]]), Yi = { class: "theme-button" }, Ri = {
+}, Ci = /* @__PURE__ */ x(Oi, [["__scopeId", "data-v-0b1a840d"]]), Ui = {
   __name: "ThemeMode",
   setup(f) {
-    const e = y(!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 (n, a) => (l(), g("label", Yi, [
-      u("input", {
-        type: "checkbox",
-        onClick: A
-      }),
-      a[0] || (a[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 ")
+    ]));
+  }
+}, as = /* @__PURE__ */ x(Ui, [["__scopeId", "data-v-ed97925b"]]), Li = { class: "tool-bar" }, Qi = { class: "tool-bar__container" }, Bi = { class: "tool-bar__list" }, Yi = ["src", "alt"], Ri = { key: 1 }, qi = { class: "tool-bar__list-fixed" }, Fi = ["src", "alt"], Ji = { key: 1 }, Wi = {
+  __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", Li, [
+      u("div", Qi, [
+        u("ul", Bi, [
+          (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, Yi),
+            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", Ri, N(n(t.name)), 1)) : y("", !0)
+          ]))), 128))
+        ]),
+        u("ul", qi, [
+          (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, Fi),
+            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", Ji, N(n(t.name)), 1)) : y("", !0)
+          ]))), 128))
+        ])
+      ])
+    ]));
+  }
+}, ts = /* @__PURE__ */ x(Wi, [["__scopeId", "data-v-2d10aaba"]]), Ki = { class: "chat-panel" }, Pi = { class: "chat-panel__container" }, Zi = { class: "chat-panel__title-container" }, Hi = {
+  __name: "ChatPanel",
+  emits: ["close-panel"],
+  setup(f, { emit: e }) {
+    return (A, n) => (r(), g("div", Ki, [
+      u("div", Pi, [
+        u("div", Zi, [
+          n[2] || (n[2] = u("p", { class: "chat-panel__title" }, " О чате ", -1)),
+          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)
+          ]))
+        ]),
+        n[3] || (n[3] = u("div", { class: "chat-panel__a" }, " Lorem ipsum, dolor sit amet consectetur adipisicing elit. ", -1)),
+        n[4] || (n[4] = u("div", { class: "chat-panel__b" }, " Lorem ipsum dolor sit amet consectetur, adipisicing elit. Cum, possimus nam expedita nostrum doloremque quod temporibus quas reprehenderit ea deleniti nemo, non molestias explicabo quos, debitis dolorem neque laborum commodi. ", -1)),
+        n[5] || (n[5] = u("div", { class: "chat-panel__c" }, " Lorem ipsum, dolor sit amet consectetur adipisicing elit. Reprehenderit, magni, ducimus ullam, laborum deserunt nihil velit similique ", -1))
+      ])
     ]));
   }
-}, $i = /* @__PURE__ */ x(Ri, [["__scopeId", "data-v-37d35694"]]);
-function fs(f) {
+}, is = /* @__PURE__ */ x(Hi, [["__scopeId", "data-v-daa438b3"]]);
+function ss(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 es = (f) => {
+const os = (f) => {
   const e = [];
   let A = null;
   for (let n = 0; n < f.length; n++) {
@@ -15006,7 +15023,7 @@ const es = (f) => {
     }), A = i), e.push(a);
   }
   return e;
-}, As = async () => {
+}, us = async () => {
   try {
     if (await navigator.mediaDevices.getUserMedia({ audio: !0 })) {
       const e = new Audio();
@@ -15015,28 +15032,28 @@ const es = (f) => {
   } catch {
     console.log("no audio permissions");
   }
-}, ns = (f) => f.sort((e, A) => Number(e.timestamp) < Number(A.timestamp) ? -1 : Number(e.timestamp) > Number(A.timestamp) ? 1 : 0);
+}, rs = (f) => f.sort((e, A) => Number(e.timestamp) < Number(A.timestamp) ? -1 : Number(e.timestamp) > Number(A.timestamp) ? 1 : 0);
 export {
-  Nn as AudioMessage,
-  EA as Chat,
-  ae as Chat2,
-  Ji as ChatInfo,
-  Wi as ChatInput,
-  Ki as ChatInput2,
-  Zi as ChatList,
-  Pi as ChatList2,
-  Xi as CreateNewChat,
-  kn as DateMessage,
-  Hi as Feed,
-  fn as FileMessage,
-  Bi as FileUploader,
-  Fi as ImageMessage,
-  Qn as ImageMessage2,
-  Gi as Profile,
-  dn as TextMessage,
-  $i as ThemeMode,
-  fs as formatTimestamp,
-  es as insertDaySeparators,
-  As as playNotificationAudio,
-  ns as sortByTimestamp
+  vn as AudioMessage,
+  _1 as ChannelSelector,
+  ie as Chat,
+  F1 as ChatFilter,
+  $i as ChatInfo,
+  Xi as ChatInput,
+  fs as ChatList,
+  is as ChatPanel,
+  ns as CreateNewChat,
+  _n as DateMessage,
+  es as Feed,
+  RA as FileMessage,
+  Ci as FileUploader,
+  fn as ImageMessage,
+  As as Profile,
+  rn as TextMessage,
+  as as ThemeMode,
+  ts as ToolBar,
+  ss as formatTimestamp,
+  os as insertDaySeparators,
+  us as playNotificationAudio,
+  rs as sortByTimestamp
 };