@mobilon-dev/chotto 0.0.38 → 0.0.39

package/dist/{index-D3hf-hI5.js → index-C9gIlVDq.js}

@@ -1,10 +1,10 @@
-import { openBlock as u, createElementBlock as c, createElementVNode as o, Fragment as B, renderList as R, normalizeClass as k, createCommentVNode as y, toDisplayString as w, ref as I, computed as x, normalizeStyle as O, createTextVNode as _n, unref as W, createVNode as S, Transition as K, withCtx as P, createBlock as L, Teleport as wn, onMounted as ge, withDirectives as Ae, vShow as Me, renderSlot as $, defineComponent as me, inject as Ge, getCurrentInstance as Dn, toRaw as Pf, watch as Ce, onBeforeUnmount as Nn, provide as kn, reactive as jn, readonly as Vn, vModelText as Zf, resolveComponent as $e, onUnmounted as Gf, mergeModels as zf, useModel as En, withKeys as Tn, onUpdated as xn, resolveDynamicComponent as Sn, nextTick as lf, toRef as zn, vModelCheckbox as On, h as Of, defineAsyncComponent as Cn, createApp as Un } from "vue";
+import { openBlock as u, createElementBlock as c, createElementVNode as o, Fragment as B, renderList as Y, normalizeClass as D, createCommentVNode as y, toDisplayString as w, ref as b, computed as T, normalizeStyle as z, createTextVNode as wn, unref as q, createVNode as S, Transition as H, withCtx as K, createBlock as Q, Teleport as kn, onMounted as de, withDirectives as te, vShow as Me, renderSlot as J, defineComponent as ge, inject as Ge, getCurrentInstance as Nn, toRaw as Pf, watch as Ce, onBeforeUnmount as Dn, provide as jn, reactive as Vn, readonly as En, vModelText as Zf, resolveComponent as Je, onUnmounted as Gf, mergeModels as zf, useModel as Tn, withKeys as xn, onUpdated as Sn, resolveDynamicComponent as zn, nextTick as lf, toRef as On, vModelCheckbox as Cn, h as Of, defineAsyncComponent as Un, createApp as Ln } from "vue";
 const j = (e, f) => {
   const n = e.__vccOpts || e;
-  for (const [a, A] of f)
-    n[a] = A;
+  for (const [a, t] of f)
+    n[a] = t;
   return n;
-}, Ln = { class: "context-menu" }, Qn = { class: "context-menu__container" }, Bn = { class: "context-menu__list" }, Yn = ["onClick"], Rn = ["src"], qn = {
+}, Qn = { class: "context-menu" }, Bn = { class: "context-menu__container" }, Yn = { class: "context-menu__list" }, Rn = ["onClick"], qn = ["src"], Fn = {
   __name: "ContextMenu",
   props: {
     actions: {
@@ -14,54 +14,54 @@ const j = (e, f) => {
   },
   emits: ["click"],
   setup(e, { emit: f }) {
-    const n = e, a = f, A = (s) => {
-      const t = n.actions[s];
-      a("click", t);
+    const n = e, a = f, t = (s) => {
+      const A = n.actions[s];
+      a("click", A);
     };
-    return (s, t) => (u(), c("div", Ln, [
-      o("div", Qn, [
-        o("ul", Bn, [
-          (u(!0), c(B, null, R(n.actions, (i, l) => (u(), c("li", {
+    return (s, A) => (u(), c("div", Qn, [
+      o("div", Bn, [
+        o("ul", Yn, [
+          (u(!0), c(B, null, Y(n.actions, (i, l) => (u(), c("li", {
             key: l,
             class: "context-menu__item",
-            onClick: (r) => A(l)
+            onClick: (r) => t(l)
           }, [
             i.icon ? (u(), c("img", {
               key: 0,
               src: i.icon,
               width: "18",
               height: "18"
-            }, null, 8, Rn)) : i.prime ? (u(), c("i", {
+            }, null, 8, qn)) : i.prime ? (u(), c("i", {
               key: 1,
-              class: k("pi pi-" + i.prime)
+              class: D("pi pi-" + i.prime)
             }, null, 2)) : y("", !0),
             o("span", null, w(i.title), 1)
-          ], 8, Yn))), 128))
+          ], 8, Rn))), 128))
         ])
       ])
     ]));
   }
-}, ie = /* @__PURE__ */ j(qn, [["__scopeId", "data-v-54c29e54"]]);
-function Eo(e) {
+}, me = /* @__PURE__ */ j(Fn, [["__scopeId", "data-v-54c29e54"]]);
+function J1(e) {
   if (!e || e === "") return;
-  const f = +new Date(Number(e) * 1e3), n = +/* @__PURE__ */ new Date(), a = Math.floor((n - f) / 1e3), A = Math.floor(a / 60), s = Math.floor(A / 60), t = Math.floor(s / 24);
-  return t > 30 ? f.toLocaleString() : t > 0 ? `${t} ${t === 1 ? "день" : "дня"} назад` : s > 0 ? `${s} ${s === 1 ? "час" : "часа"} назад` : A > 0 ? `${A} ${A === 1 ? "минута" : "минуты"} назад` : a > 0 ? `${a} ${a === 1 ? "секунда" : "секунды"} назад` : "Только что";
+  const f = +new Date(Number(e) * 1e3), n = +/* @__PURE__ */ new Date(), a = Math.floor((n - f) / 1e3), t = Math.floor(a / 60), s = Math.floor(t / 60), A = Math.floor(s / 24);
+  return A > 30 ? f.toLocaleString() : A > 0 ? `${A} ${A === 1 ? "день" : "дня"} назад` : s > 0 ? `${s} ${s === 1 ? "час" : "часа"} назад` : t > 0 ? `${t} ${t === 1 ? "минута" : "минуты"} назад` : a > 0 ? `${a} ${a === 1 ? "секунда" : "секунды"} назад` : "Только что";
 }
-const To = (e) => {
+const H1 = (e) => {
   const f = [];
   let n = null;
   for (let a = 0; a < e.length; a++) {
-    const A = e[a], s = new Date(A.timestamp * 1e3).toLocaleDateString();
-    console.log("message", A, s), s !== n && (f.push({
+    const t = e[a], s = new Date(t.timestamp * 1e3).toLocaleDateString();
+    console.log("message", t, s), s !== n && (f.push({
       isSeparator: !0,
       day: s,
       // Можно использовать локальную дату, если необходимо
       text: s,
       type: "system.date"
-    }), n = s), f.push(A);
+    }), n = s), f.push(t);
   }
   return f;
-}, xo = async () => {
+}, K1 = async () => {
   try {
     if (await navigator.mediaDevices.getUserMedia({ audio: !0 })) {
       const f = new Audio();
@@ -70,10 +70,10 @@ const To = (e) => {
   } catch {
     console.log("no audio permissions");
   }
-}, So = (e) => e.sort((f, n) => Number(f.timestamp) < Number(n.timestamp) ? -1 : Number(f.timestamp) > Number(n.timestamp) ? 1 : 0), Cf = (e) => {
+}, P1 = (e) => e.sort((f, n) => Number(f.timestamp) < Number(n.timestamp) ? -1 : Number(f.timestamp) > Number(n.timestamp) ? 1 : 0), Cf = (e) => {
   let f = "file";
   return e.startsWith("image/") ? f = "image" : e.startsWith("video/") ? f = "video" : e.startsWith("audio/") && (f = "audio"), f;
-}, we = ["read", "received", "send"], De = (e) => {
+}, we = ["read", "received", "send"], ke = (e) => {
   switch (console.log(e), e) {
     case "read":
       return "status--read";
@@ -82,13 +82,13 @@ const To = (e) => {
     default:
       return "";
   }
-}, Fn = ["messageId"], Jn = ["src"], Wn = {
+}, $n = ["messageId"], Wn = ["src"], Jn = {
   key: 1,
   class: "file-message__subtext"
-}, $n = ["href"], Hn = { class: "file-message__info-container" }, Kn = { class: "file-message__time" }, Pn = {
+}, Hn = ["href"], Kn = { class: "file-message__info-container" }, Pn = { class: "file-message__time" }, Zn = {
   key: 0,
   class: "pi pi-check"
-}, Zn = {
+}, Gn = {
   __name: "FileMessage",
   props: {
     message: {
@@ -97,16 +97,16 @@ const To = (e) => {
     }
   },
   setup(e) {
-    const f = e, n = I(!1), a = I(!1), A = () => {
+    const f = e, n = b(!1), a = b(!1), t = () => {
       a.value = !0;
     }, s = () => {
       a.value = !1, n.value = !1;
-    }, t = x(() => De(f.message.status));
+    }, A = T(() => ke(f.message.status));
     function i(l) {
       return l.position === "left" ? "file-message__left" : "file-message__right";
     }
     return (l, r) => (u(), c("div", {
-      class: k(["file-message", i(e.message)]),
+      class: D(["file-message", i(e.message)]),
       messageId: e.message.messageId,
       onMouseleave: s
     }, [
@@ -116,12 +116,12 @@ const To = (e) => {
         src: e.message.avatar,
         height: "32",
         width: "32",
-        style: O({ gridRow: e.message.subText ? "2" : "1" })
-      }, null, 12, Jn)) : y("", !0),
-      e.message.subText ? (u(), c("p", Wn, w(e.message.subText), 1)) : y("", !0),
+        style: z({ gridRow: e.message.subText ? "2" : "1" })
+      }, null, 12, Wn)) : y("", !0),
+      e.message.subText ? (u(), c("p", Jn, w(e.message.subText), 1)) : y("", !0),
       o("div", {
         class: "file-message__content",
-        onMouseenter: A
+        onMouseenter: t
       }, [
         o("a", {
           class: "file-message__link",
@@ -130,15 +130,15 @@ const To = (e) => {
           target: "_blank"
         }, [
           r[1] || (r[1] = o("span", { class: "pi pi-file" }, null, -1)),
-          _n(" " + w(e.message.filename), 1)
-        ], 8, $n),
-        o("div", Hn, [
-          o("span", Kn, w(e.message.time), 1),
-          i(e.message) === "file-message__right" && W(we).includes(e.message.status) ? (u(), c("div", {
+          wn(" " + w(e.message.filename), 1)
+        ], 8, Hn),
+        o("div", Kn, [
+          o("span", Pn, w(e.message.time), 1),
+          i(e.message) === "file-message__right" && q(we).includes(e.message.status) ? (u(), c("div", {
             key: 0,
-            class: k(["file-message__status", t.value])
+            class: D(["file-message__status", A.value])
           }, [
-            e.message.status !== "sent" ? (u(), c("span", Pn)) : y("", !0),
+            e.message.status !== "sent" ? (u(), c("span", Zn)) : y("", !0),
             r[2] || (r[2] = o("span", { class: "pi pi-check" }, null, -1))
           ], 2)) : y("", !0)
         ]),
@@ -149,9 +149,12 @@ const To = (e) => {
         }, r[3] || (r[3] = [
           o("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : y("", !0),
-        S(K, null, {
-          default: P(() => [
-            n.value && e.message.actions ? (u(), L(ie, {
+        r[4] || (r[4] = o("button", { class: "file-message__download-button" }, [
+          o("span", { class: "pi pi-download" })
+        ], -1)),
+        S(H, null, {
+          default: K(() => [
+            n.value && e.message.actions ? (u(), Q(me, {
               key: 0,
               class: "file-message__context-menu",
               actions: e.message.actions,
@@ -161,21 +164,21 @@ const To = (e) => {
           _: 1
         })
       ], 32)
-    ], 42, Fn));
+    ], 42, $n));
   }
-}, Gn = /* @__PURE__ */ j(Zn, [["__scopeId", "data-v-11ccfc9d"]]), Xn = ["messageId"], ea = ["src"], fa = {
+}, Xn = /* @__PURE__ */ j(Gn, [["__scopeId", "data-v-2c6ad2e0"]]), ea = ["messageId"], fa = ["src"], na = {
   key: 1,
   class: "image-message__subtext"
-}, na = ["src", "alt"], aa = { class: "image-message__info-container" }, Aa = {
+}, aa = ["src", "alt"], ta = { class: "image-message__info-container" }, Aa = {
   key: 0,
   class: "image-message__views"
-}, ta = { class: "image-message__time" }, sa = {
+}, sa = { class: "image-message__time" }, ia = {
   key: 0,
   class: "pi pi-check"
-}, ia = {
+}, oa = {
   key: 0,
   class: "image-message__modal-overlay"
-}, oa = { class: "image-message__modal" }, ua = ["src", "alt"], la = {
+}, ua = { class: "image-message__modal" }, la = ["src", "alt"], ra = {
   __name: "ImageMessage",
   props: {
     message: {
@@ -184,18 +187,18 @@ const To = (e) => {
     }
   },
   setup(e) {
-    const f = e, n = I(!1), a = I(!1), A = I(!1), s = () => {
-      A.value = !0;
-    }, t = () => {
-      A.value = !1, a.value = !1;
-    }, i = x(() => De(f.message.status));
+    const f = e, n = b(!1), a = b(!1), t = b(!1), s = () => {
+      t.value = !0;
+    }, A = () => {
+      t.value = !1, a.value = !1;
+    }, i = T(() => ke(f.message.status));
     function l(r) {
       return r.position === "left" ? "image-message__left" : "image-message__right";
     }
     return (r, g) => (u(), c("div", {
-      class: k(["image-message", l(e.message)]),
+      class: D(["image-message", l(e.message)]),
       messageId: e.message.messageId,
-      onMouseleave: t
+      onMouseleave: A
     }, [
       e.message.avatar ? (u(), c("img", {
         key: 0,
@@ -203,46 +206,49 @@ const To = (e) => {
         src: e.message.avatar,
         height: "32",
         width: "32",
-        style: O({ gridRow: e.message.subText ? "2" : "1" })
-      }, null, 12, ea)) : y("", !0),
-      e.message.subText ? (u(), c("p", fa, w(e.message.subText), 1)) : y("", !0),
+        style: z({ gridRow: e.message.subText ? "2" : "1" })
+      }, null, 12, fa)) : y("", !0),
+      e.message.subText ? (u(), c("p", na, w(e.message.subText), 1)) : y("", !0),
       o("div", {
         class: "image-message__content",
         onMouseenter: s
       }, [
-        o("button", {
-          class: "image-message__button",
+        o("div", {
+          class: "image-message__preview-button",
           onClick: g[0] || (g[0] = (d) => n.value = !0)
         }, [
           o("img", {
             class: "image-message__preview-image",
             src: e.message.url,
             alt: e.message.alt
-          }, null, 8, na),
-          o("div", aa, [
+          }, null, 8, aa),
+          o("div", ta, [
             e.message.views ? (u(), c("div", Aa, [
               g[3] || (g[3] = o("span", { class: "pi pi-eye" }, null, -1)),
               o("p", null, w(e.message.views), 1)
             ])) : y("", !0),
-            o("span", ta, w(e.message.time), 1),
-            l(e.message) === "image-message__right" && W(we).includes(e.message.status) ? (u(), c("div", {
+            o("span", sa, w(e.message.time), 1),
+            l(e.message) === "image-message__right" && q(we).includes(e.message.status) ? (u(), c("div", {
               key: 1,
-              class: k(["image-message__status", i.value])
+              class: D(["image-message__status", i.value])
             }, [
-              e.message.status !== "sent" ? (u(), c("span", sa)) : y("", !0),
+              e.message.status !== "sent" ? (u(), c("span", ia)) : y("", !0),
               g[4] || (g[4] = o("span", { class: "pi pi-check" }, null, -1))
             ], 2)) : y("", !0)
-          ])
+          ]),
+          g[5] || (g[5] = o("button", { class: "image-message__download-button" }, [
+            o("span", { class: "pi pi-download" })
+          ], -1))
         ]),
-        (u(), L(wn, { to: "body" }, [
-          S(K, { name: "modal-fade" }, {
-            default: P(() => [
-              n.value ? (u(), c("div", ia, [
-                o("div", oa, [
+        (u(), Q(kn, { to: "body" }, [
+          S(H, { name: "modal-fade" }, {
+            default: K(() => [
+              n.value ? (u(), c("div", oa, [
+                o("div", ua, [
                   o("button", {
                     class: "image-message__modal-close-button",
                     onClick: g[1] || (g[1] = (d) => n.value = !1)
-                  }, g[5] || (g[5] = [
+                  }, g[6] || (g[6] = [
                     o("span", null, [
                       o("i", { class: "pi pi-times" })
                     ], -1)
@@ -251,23 +257,23 @@ const To = (e) => {
                     class: "image-message__modal-image",
                     src: e.message.url,
                     alt: e.message.alt
-                  }, null, 8, ua)
+                  }, null, 8, la)
                 ])
               ])) : y("", !0)
             ]),
             _: 1
           })
         ])),
-        A.value && e.message.actions ? (u(), c("button", {
+        t.value && e.message.actions ? (u(), c("button", {
           key: 0,
           class: "image-message__menu-button",
           onClick: g[2] || (g[2] = (d) => a.value = !a.value)
-        }, g[6] || (g[6] = [
+        }, g[7] || (g[7] = [
           o("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : y("", !0),
-        S(K, { name: "context-menu" }, {
-          default: P(() => [
-            a.value && e.message.actions ? (u(), L(ie, {
+        S(H, { name: "context-menu" }, {
+          default: K(() => [
+            a.value && e.message.actions ? (u(), Q(me, {
               key: 0,
               class: "image-message__context-menu",
               actions: e.message.actions,
@@ -277,18 +283,18 @@ const To = (e) => {
           _: 1
         })
       ], 32)
-    ], 42, Xn));
+    ], 42, ea));
   }
-}, ra = /* @__PURE__ */ j(la, [["__scopeId", "data-v-c79f0e1b"]]), ca = { class: "text-message" }, da = ["messageId"], ga = ["src"], ma = {
+}, ca = /* @__PURE__ */ j(ra, [["__scopeId", "data-v-6bc7c6d4"]]), da = { class: "text-message" }, ga = ["messageId"], ma = ["src"], pa = {
   key: 1,
   class: "text-message__subtext"
-}, pa = { class: "text-message__text" }, Ma = { class: "text-message__info-container" }, ha = {
+}, Ma = { class: "text-message__text" }, ha = { class: "text-message__info-container" }, ya = {
   key: 1,
   class: "text-message__time"
-}, ya = {
+}, ba = {
   key: 0,
   class: "pi pi-check"
-}, ba = {
+}, va = {
   __name: "TextMessage",
   props: {
     message: {
@@ -298,21 +304,21 @@ const To = (e) => {
   },
   emits: ["action"],
   setup(e, { emit: f }) {
-    const n = e, a = f, A = I(!1), s = I(!1), t = () => {
+    const n = e, a = f, t = b(!1), s = b(!1), A = () => {
       s.value = !0;
     }, i = () => {
-      s.value = !1, A.value = !1;
-    }, l = x(() => De(n.message.status)), r = (p) => {
-      i(), a("action", { messageId: n.message.messageId, type: "menu", ...p });
+      s.value = !1, t.value = !1;
+    }, l = T(() => ke(n.message.status)), r = (m) => {
+      i(), a("action", { messageId: n.message.messageId, type: "menu", ...m });
     }, g = () => {
       i(), a("action", { messageId: n.message.messageId, type: "views" });
     };
-    function d(p) {
-      return p.position === "left" ? "text-message__left" : "text-message__right";
+    function d(m) {
+      return m.position === "left" ? "text-message__left" : "text-message__right";
     }
-    return (p, m) => (u(), c("div", ca, [
+    return (m, p) => (u(), c("div", da, [
       o("div", {
-        class: k(d(e.message)),
+        class: D(d(e.message)),
         messageId: e.message.messageId,
         onMouseleave: i
       }, [
@@ -322,42 +328,42 @@ const To = (e) => {
           src: e.message.avatar,
           height: "32",
           width: "32",
-          style: O({ gridRow: e.message.subText ? "2" : "1" })
-        }, null, 12, ga)) : y("", !0),
-        e.message.subText ? (u(), c("p", ma, w(e.message.subText), 1)) : y("", !0),
+          style: z({ gridRow: e.message.subText ? "2" : "1" })
+        }, null, 12, ma)) : y("", !0),
+        e.message.subText ? (u(), c("p", pa, w(e.message.subText), 1)) : y("", !0),
         o("div", {
           class: "text-message__content",
-          onMouseenter: t
+          onMouseenter: A
         }, [
-          o("p", pa, w(e.message.text), 1),
-          o("div", Ma, [
+          o("p", Ma, w(e.message.text), 1),
+          o("div", ha, [
             e.message.views ? (u(), c("div", {
               key: 0,
               class: "text-message__views",
               onClick: g
             }, [
-              m[1] || (m[1] = o("span", { class: "pi pi-eye" }, null, -1)),
+              p[1] || (p[1] = o("span", { class: "pi pi-eye" }, null, -1)),
               o("p", null, w(e.message.views), 1)
             ])) : y("", !0),
-            e.message.time ? (u(), c("span", ha, w(e.message.time), 1)) : y("", !0),
-            d(e.message) === "text-message__right" && W(we).includes(e.message.status) ? (u(), c("div", {
+            e.message.time ? (u(), c("span", ya, w(e.message.time), 1)) : y("", !0),
+            d(e.message) === "text-message__right" && q(we).includes(e.message.status) ? (u(), c("div", {
               key: 2,
-              class: k(["text-message__status", l.value])
+              class: D(["text-message__status", l.value])
             }, [
-              e.message.status !== "send" ? (u(), c("span", ya)) : y("", !0),
-              m[2] || (m[2] = o("span", { class: "pi pi-check" }, null, -1))
+              e.message.status !== "send" ? (u(), c("span", ba)) : y("", !0),
+              p[2] || (p[2] = o("span", { class: "pi pi-check" }, null, -1))
             ], 2)) : y("", !0)
           ]),
           s.value && e.message.actions ? (u(), c("button", {
             key: 0,
             class: "text-message__menu-button",
-            onClick: m[0] || (m[0] = (h) => A.value = !A.value)
-          }, m[3] || (m[3] = [
+            onClick: p[0] || (p[0] = (h) => t.value = !t.value)
+          }, p[3] || (p[3] = [
             o("span", { class: "pi pi-ellipsis-h" }, null, -1)
           ]))) : y("", !0),
-          S(K, null, {
-            default: P(() => [
-              A.value && e.message.actions ? (u(), L(ie, {
+          S(H, null, {
+            default: K(() => [
+              t.value && e.message.actions ? (u(), Q(me, {
                 key: 0,
                 class: "text-message__context-menu",
                 actions: e.message.actions,
@@ -367,16 +373,16 @@ const To = (e) => {
             _: 1
           })
         ], 32)
-      ], 42, da)
+      ], 42, ga)
     ]));
   }
-}, va = /* @__PURE__ */ j(ba, [["__scopeId", "data-v-9d7ce5be"]]), Ia = ["messageId"], _a = ["src"], wa = {
+}, _a = /* @__PURE__ */ j(va, [["__scopeId", "data-v-f8d9da21"]]), Ia = ["messageId"], wa = ["src"], ka = {
   key: 1,
   class: "audio-message__subtext"
-}, Da = ["src"], Na = { class: "audio-message__progress-bar-container" }, ka = { class: "audio-message__remaining-time" }, ja = { class: "audio-message__info-container" }, Va = { class: "audio-message__time" }, Ea = {
+}, Na = ["src"], Da = { class: "audio-message__progress-bar-container" }, ja = { class: "audio-message__remaining-time" }, Va = { class: "audio-message__info-container" }, Ea = { class: "audio-message__time" }, Ta = {
   key: 0,
   class: "pi pi-check"
-}, Ta = {
+}, xa = {
   __name: "AudioMessage",
   props: {
     message: {
@@ -385,29 +391,29 @@ const To = (e) => {
     }
   },
   setup(e) {
-    const f = e, n = I(null), a = I(!1), A = I(0), s = I(0), t = I(!1), i = I(!1), l = () => {
+    const f = e, n = b(null), a = b(!1), t = b(0), s = b(0), A = b(!1), i = b(!1), l = () => {
       i.value = !0;
     }, r = () => {
-      i.value = !1, t.value = !1;
-    }, g = x(() => De(f.message.status));
+      i.value = !1, A.value = !1;
+    }, g = T(() => ke(f.message.status));
     function d() {
       n.value && (a.value ? n.value.pause() : n.value.play(), a.value = !a.value);
     }
-    const p = (v) => {
-      const b = Math.floor(v / 60), D = Math.floor(v % 60);
-      return `${b.toString().padStart(2, "0")}:${D.toString().padStart(2, "0")}`;
-    }, m = x(() => n.value ? p(s.value) : "0:00"), h = x(() => n.value ? p(A.value) : "0:00"), _ = x(() => A.value > 0 ? s.value / A.value * 100 : 0);
-    function M(v) {
-      return v.position === "left" ? "audio-message__left" : "audio-message__right";
+    const m = (N) => {
+      const v = Math.floor(N / 60), _ = Math.floor(N % 60);
+      return `${v.toString().padStart(2, "0")}:${_.toString().padStart(2, "0")}`;
+    }, p = T(() => n.value ? m(s.value) : "0:00"), h = T(() => n.value ? m(t.value) : "0:00"), I = T(() => t.value > 0 ? s.value / t.value * 100 : 0);
+    function M(N) {
+      return N.position === "left" ? "audio-message__left" : "audio-message__right";
     }
-    return ge(() => {
+    return de(() => {
       n.value.addEventListener("loadedmetadata", () => {
-        A.value = n.value.duration;
+        t.value = n.value.duration;
       }), n.value.addEventListener("timeupdate", () => {
         s.value = n.value.currentTime;
       });
-    }), (v, b) => (u(), c("div", {
-      class: k(["audio-message", M(e.message)]),
+    }), (N, v) => (u(), c("div", {
+      class: D(["audio-message", M(e.message)]),
       messageId: e.message.messageId,
       onMouseleave: r
     }, [
@@ -417,9 +423,9 @@ const To = (e) => {
         src: e.message.avatar,
         height: "32",
         width: "32",
-        style: O({ gridRow: e.message.subText ? "2" : "1" })
-      }, null, 12, _a)) : y("", !0),
-      e.message.subText ? (u(), c("p", wa, w(e.message.subText), 1)) : y("", !0),
+        style: z({ gridRow: e.message.subText ? "2" : "1" })
+      }, null, 12, wa)) : y("", !0),
+      e.message.subText ? (u(), c("p", ka, w(e.message.subText), 1)) : y("", !0),
       o("div", {
         class: "audio-message__content",
         onMouseenter: l
@@ -428,54 +434,57 @@ const To = (e) => {
           ref_key: "player",
           ref: n,
           src: e.message.url
-        }, null, 8, Da),
-        Ae(o("button", {
+        }, null, 8, Na),
+        te(o("button", {
           class: "audio-message__play",
           onClick: d
-        }, b[1] || (b[1] = [
+        }, v[1] || (v[1] = [
           o("span", { class: "pi pi-play" }, null, -1)
         ]), 512), [
           [Me, !a.value]
         ]),
-        Ae(o("button", {
+        te(o("button", {
           class: "audio-message__pause",
           onClick: d
-        }, b[2] || (b[2] = [
+        }, v[2] || (v[2] = [
           o("span", { class: "pi pi-pause" }, null, -1)
         ]), 512), [
           [Me, a.value]
         ]),
-        o("div", Na, [
+        o("div", Da, [
           o("div", {
             class: "audio-message__progress-bar",
-            style: O({ width: _.value + "%" })
+            style: z({ width: I.value + "%" })
           }, null, 4)
         ]),
-        o("p", ka, w(`${m.value} / ${h.value}`), 1),
-        o("div", ja, [
-          o("span", Va, w(e.message.time), 1),
-          M(e.message) === "audio-message__right" && W(we).includes(e.message.status) ? (u(), c("div", {
+        o("p", ja, w(`${p.value} / ${h.value}`), 1),
+        o("div", Va, [
+          o("span", Ea, w(e.message.time), 1),
+          M(e.message) === "audio-message__right" && q(we).includes(e.message.status) ? (u(), c("div", {
             key: 0,
-            class: k(["audio-message__status", g.value])
+            class: D(["audio-message__status", g.value])
           }, [
-            e.message.status !== "sent" ? (u(), c("span", Ea)) : y("", !0),
-            b[3] || (b[3] = o("span", { class: "pi pi-check" }, null, -1))
+            e.message.status !== "sent" ? (u(), c("span", Ta)) : y("", !0),
+            v[3] || (v[3] = o("span", { class: "pi pi-check" }, null, -1))
           ], 2)) : y("", !0)
         ]),
         i.value && e.message.actions ? (u(), c("button", {
           key: 0,
           class: "audio-message__menu-button",
-          onClick: b[0] || (b[0] = (D) => t.value = !t.value)
-        }, b[4] || (b[4] = [
+          onClick: v[0] || (v[0] = (_) => A.value = !A.value)
+        }, v[4] || (v[4] = [
           o("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : y("", !0),
-        S(K, null, {
-          default: P(() => [
-            t.value && e.message.actions ? (u(), L(ie, {
+        v[5] || (v[5] = o("button", { class: "audio-message__download-button" }, [
+          o("span", { class: "pi pi-download" })
+        ], -1)),
+        S(H, null, {
+          default: K(() => [
+            A.value && e.message.actions ? (u(), Q(me, {
               key: 0,
               class: "audio-message__context-menu",
               actions: e.message.actions,
-              onClick: v.clickAction
+              onClick: N.clickAction
             }, null, 8, ["actions", "onClick"])) : y("", !0)
           ]),
           _: 1
@@ -483,7 +492,7 @@ const To = (e) => {
       ], 32)
     ], 42, Ia));
   }
-}, xa = /* @__PURE__ */ j(Ta, [["__scopeId", "data-v-bbafa463"]]), Sa = { class: "date-message" }, za = { class: "date-message__container" }, Oa = { class: "date-message__text" }, Ca = {
+}, Sa = /* @__PURE__ */ j(xa, [["__scopeId", "data-v-38410008"]]), za = { class: "date-message" }, Oa = { class: "date-message__container" }, Ca = { class: "date-message__text" }, Ua = {
   __name: "DateMessage",
   props: {
     message: {
@@ -494,22 +503,22 @@ const To = (e) => {
     }
   },
   setup(e) {
-    return (f, n) => (u(), c("div", Sa, [
-      o("div", za, [
-        o("p", Oa, w(e.message.text), 1)
+    return (f, n) => (u(), c("div", za, [
+      o("div", Oa, [
+        o("p", Ca, w(e.message.text), 1)
       ])
     ]));
   }
-}, Ua = /* @__PURE__ */ j(Ca, [["__scopeId", "data-v-d20acba5"]]), La = {
+}, La = /* @__PURE__ */ j(Ua, [["__scopeId", "data-v-d20acba5"]]), Qa = {
   key: 0,
   class: "chat-info__container"
-}, Qa = { class: "chat-info__avatar-container" }, Ba = ["src"], Ya = {
+}, Ba = { class: "chat-info__avatar-container" }, Ya = ["src"], Ra = {
   key: 1,
   class: "pi pi-user"
-}, Ra = { class: "chat-info__info-container" }, qa = { class: "chat-info__title" }, Fa = {
+}, qa = { class: "chat-info__info-container" }, Fa = { class: "chat-info__title" }, $a = {
   key: 0,
   class: "chat-info__time"
-}, Ja = { class: "chat-info__actions" }, Wa = {
+}, Wa = { class: "chat-info__actions" }, Ja = {
   __name: "ChatInfo",
   props: {
     chat: {
@@ -520,25 +529,25 @@ const To = (e) => {
   emits: ["open-panel"],
   setup(e, { emit: f }) {
     const n = e;
-    return (a, A) => e.chat ? (u(), c("div", La, [
-      o("div", Qa, [
+    return (a, t) => e.chat ? (u(), c("div", Qa, [
+      o("div", Ba, [
         n.chat.avatar ? (u(), c("img", {
           key: 0,
           src: n.chat.avatar,
           width: "48",
           height: "48"
-        }, null, 8, Ba)) : (u(), c("span", Ya))
+        }, null, 8, Ya)) : (u(), c("span", Ra))
       ]),
-      o("div", Ra, [
-        o("h2", qa, w(e.chat.name), 1),
-        e.chat["lastActivity.time"] ? (u(), c("p", Fa, w(e.chat["lastActivity.time"]), 1)) : y("", !0)
+      o("div", qa, [
+        o("h2", Fa, w(e.chat.name), 1),
+        e.chat["lastActivity.time"] ? (u(), c("p", $a, w(e.chat["lastActivity.time"]), 1)) : y("", !0)
       ]),
-      o("div", Ja, [
-        $(a.$slots, "actions", {}, void 0, !0)
+      o("div", Wa, [
+        J(a.$slots, "actions", {}, void 0, !0)
       ])
     ])) : y("", !0);
   }
-}, zo = /* @__PURE__ */ j(Wa, [["__scopeId", "data-v-80c14ac4"]]), $a = { class: "preview__container" }, Ha = { class: "preview__block" }, Ka = { key: 0 }, Pa = ["src"], Za = { key: 1 }, Ga = ["src"], Xa = { key: 2 }, eA = { class: "preview__control-block" }, fA = { class: "preview__information" }, nA = { class: "preview__name" }, aA = { class: "preview__size" }, AA = {
+}, Z1 = /* @__PURE__ */ j(Ja, [["__scopeId", "data-v-e1d212c7"]]), Ha = { class: "preview__container" }, Ka = { class: "preview__block" }, Pa = { key: 0 }, Za = ["src"], Ga = { key: 1 }, Xa = ["src"], et = { key: 2 }, ft = { key: 3 }, nt = { class: "preview__control-block" }, at = { class: "preview__information" }, tt = { class: "preview__name" }, At = { class: "preview__size" }, st = {
   __name: "FilePreview",
   props: {
     previewUrl: {
@@ -553,6 +562,10 @@ const To = (e) => {
       type: Boolean,
       default: !1
     },
+    isAudio: {
+      type: Boolean,
+      default: !1
+    },
     fileName: {
       type: String,
       default: ""
@@ -565,43 +578,48 @@ const To = (e) => {
   emits: ["reset"],
   setup(e, { emit: f }) {
     const n = e, a = f;
-    function A() {
+    function t() {
       a("reset");
     }
-    return (s, t) => (u(), c("div", $a, [
-      o("div", Ha, [
-        n.isImage ? (u(), c("div", Ka, [
+    return (s, A) => (u(), c("div", Ha, [
+      o("div", Ka, [
+        n.isImage ? (u(), c("div", Pa, [
           o("img", {
             src: e.previewUrl,
             alt: "Image Preview",
             class: "preview__image"
-          }, null, 8, Pa)
-        ])) : n.isVideo ? (u(), c("div", Za, [
+          }, null, 8, Za)
+        ])) : n.isVideo ? (u(), c("div", Ga, [
           o("video", {
             src: e.previewUrl,
             class: "preview__video"
-          }, null, 8, Ga)
-        ])) : (u(), c("div", Xa, t[0] || (t[0] = [
+          }, null, 8, Xa)
+        ])) : n.isAudio ? (u(), c("div", et, A[0] || (A[0] = [
+          o("span", {
+            class: "pi pi-headphones",
+            style: { "font-size": "2.5rem" }
+          }, null, -1)
+        ]))) : (u(), c("div", ft, A[1] || (A[1] = [
           o("span", {
             class: "pi pi-file",
             style: { "font-size": "2.5rem" }
           }, null, -1)
         ])))
       ]),
-      o("div", eA, [
-        o("div", fA, [
-          o("span", nA, w(e.fileName), 1),
-          o("span", aA, w(e.fileSize), 1)
+      o("div", nt, [
+        o("div", at, [
+          o("span", tt, w(e.fileName), 1),
+          o("span", At, w(e.fileSize), 1)
         ]),
         o("span", {
           class: "pi pi-times preview__reset",
           style: { "font-size": "1rem" },
-          onClick: A
+          onClick: t
         })
       ])
     ]));
   }
-}, tA = /* @__PURE__ */ j(AA, [["__scopeId", "data-v-7a18a472"]]), Xf = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", en = {
+}, it = /* @__PURE__ */ j(st, [["__scopeId", "data-v-c4e18bbf"]]), Xf = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", en = {
   recent: "Recently used",
   smileys_people: "Smiles & People",
   animals_nature: "Animals & Nature",
@@ -611,21 +629,21 @@ const To = (e) => {
   objects: "Objects",
   symbols: "Symbols",
   flags: "Flags"
-}, fn = "u", Xe = "n", Je = "v", Se = "r", sA = {
+}, fn = "u", Xe = "n", $e = "v", Se = "r", ot = {
   [Xe]: ["grinning face", "grinning"],
   [fn]: "1f600",
   [Se]: "1f600"
-}, Pe = "neutral", iA = "1f3fb", oA = "1f3fc", uA = "1f3fd", lA = "1f3fe", rA = "1f3ff", cA = [
+}, Pe = "neutral", ut = "1f3fb", lt = "1f3fc", rt = "1f3fd", ct = "1f3fe", dt = "1f3ff", gt = [
   Pe,
-  iA,
-  oA,
-  uA,
-  lA,
-  rA
-], dA = {
+  ut,
+  lt,
+  rt,
+  ct,
+  dt
+], mt = {
   placeholder: "Search emoji",
   skinTone: "Skin tone"
-}, gA = ["light", "dark", "auto"], mA = [
+}, pt = ["light", "dark", "auto"], Mt = [
   {
     n: [
       "grinning face",
@@ -5033,7 +5051,7 @@ const To = (e) => {
     ],
     u: "1f48e"
   }
-], pA = [
+], ht = [
   {
     n: [
       "monkey face",
@@ -5767,7 +5785,7 @@ const To = (e) => {
     ],
     u: "1f343"
   }
-], MA = [
+], yt = [
   {
     n: [
       "grapes"
@@ -6433,7 +6451,7 @@ const To = (e) => {
     ],
     u: "1f3fa"
   }
-], hA = [
+], bt = [
   {
     n: [
       "jack-o-lantern",
@@ -6839,7 +6857,7 @@ const To = (e) => {
     ],
     u: "1f3b4"
   }
-], yA = [
+], vt = [
   {
     n: [
       "earth globe europe-africa",
@@ -8206,7 +8224,7 @@ const To = (e) => {
     ],
     u: "1f30a"
   }
-], bA = [
+], _t = [
   {
     n: [
       "speaker with cancellation stroke",
@@ -9270,7 +9288,7 @@ const To = (e) => {
     ],
     u: "1f6d2"
   }
-], vA = [
+], It = [
   {
     n: [
       "automated teller machine",
@@ -10668,7 +10686,7 @@ const To = (e) => {
     ],
     u: "1f535"
   }
-], IA = [
+], wt = [
   {
     n: [
       "chequered flag",
@@ -12548,15 +12566,15 @@ const To = (e) => {
     u: "1f3f4-e0067-e0062-e0077-e006c-e0073-e007f"
   }
 ];
-var _A = {
-  smileys_people: mA,
-  animals_nature: pA,
-  food_drink: MA,
-  activities: hA,
-  travel_places: yA,
-  objects: bA,
-  symbols: vA,
-  flags: IA
+var kt = {
+  smileys_people: Mt,
+  animals_nature: ht,
+  food_drink: yt,
+  activities: bt,
+  travel_places: vt,
+  objects: _t,
+  symbols: It,
+  flags: wt
 }, Uf = [
   {
     key: "recent",
@@ -12604,9 +12622,9 @@ var _A = {
     u: "1f3f3-fe0f"
   }
 ];
-const wA = (e, f) => f.some((n) => e instanceof n);
+const Nt = (e, f) => f.some((n) => e instanceof n);
 let Lf, Qf;
-function DA() {
+function Dt() {
   return Lf || (Lf = [
     IDBDatabase,
     IDBObjectStore,
@@ -12615,42 +12633,42 @@ function DA() {
     IDBTransaction
   ]);
 }
-function NA() {
+function jt() {
   return Qf || (Qf = [
     IDBCursor.prototype.advance,
     IDBCursor.prototype.continue,
     IDBCursor.prototype.continuePrimaryKey
   ]);
 }
-const nn = /* @__PURE__ */ new WeakMap(), rf = /* @__PURE__ */ new WeakMap(), an = /* @__PURE__ */ new WeakMap(), tf = /* @__PURE__ */ new WeakMap(), gf = /* @__PURE__ */ new WeakMap();
-function kA(e) {
+const nn = /* @__PURE__ */ new WeakMap(), rf = /* @__PURE__ */ new WeakMap(), an = /* @__PURE__ */ new WeakMap(), Af = /* @__PURE__ */ new WeakMap(), gf = /* @__PURE__ */ new WeakMap();
+function Vt(e) {
   const f = new Promise((n, a) => {
-    const A = () => {
-      e.removeEventListener("success", s), e.removeEventListener("error", t);
+    const t = () => {
+      e.removeEventListener("success", s), e.removeEventListener("error", A);
     }, s = () => {
-      n(se(e.result)), A();
-    }, t = () => {
-      a(e.error), A();
+      n(se(e.result)), t();
+    }, A = () => {
+      a(e.error), t();
     };
-    e.addEventListener("success", s), e.addEventListener("error", t);
+    e.addEventListener("success", s), e.addEventListener("error", A);
   });
   return f.then((n) => {
     n instanceof IDBCursor && nn.set(n, e);
   }).catch(() => {
   }), gf.set(f, e), f;
 }
-function jA(e) {
+function Et(e) {
   if (rf.has(e))
     return;
   const f = new Promise((n, a) => {
-    const A = () => {
-      e.removeEventListener("complete", s), e.removeEventListener("error", t), e.removeEventListener("abort", t);
+    const t = () => {
+      e.removeEventListener("complete", s), e.removeEventListener("error", A), e.removeEventListener("abort", A);
     }, s = () => {
-      n(), A();
-    }, t = () => {
-      a(e.error || new DOMException("AbortError", "AbortError")), A();
+      n(), t();
+    }, A = () => {
+      a(e.error || new DOMException("AbortError", "AbortError")), t();
     };
-    e.addEventListener("complete", s), e.addEventListener("error", t), e.addEventListener("abort", t);
+    e.addEventListener("complete", s), e.addEventListener("error", A), e.addEventListener("abort", A);
   });
   rf.set(e, f);
 }
@@ -12673,70 +12691,70 @@ let cf = {
     return e instanceof IDBTransaction && (f === "done" || f === "store") ? !0 : f in e;
   }
 };
-function VA(e) {
+function Tt(e) {
   cf = e(cf);
 }
-function EA(e) {
+function xt(e) {
   return e === IDBDatabase.prototype.transaction && !("objectStoreNames" in IDBTransaction.prototype) ? function(f, ...n) {
     const a = e.call(sf(this), f, ...n);
     return an.set(a, f.sort ? f.sort() : [f]), se(a);
-  } : NA().includes(e) ? function(...f) {
+  } : jt().includes(e) ? function(...f) {
     return e.apply(sf(this), f), se(nn.get(this));
   } : function(...f) {
     return se(e.apply(sf(this), f));
   };
 }
-function TA(e) {
-  return typeof e == "function" ? EA(e) : (e instanceof IDBTransaction && jA(e), wA(e, DA()) ? new Proxy(e, cf) : e);
+function St(e) {
+  return typeof e == "function" ? xt(e) : (e instanceof IDBTransaction && Et(e), Nt(e, Dt()) ? new Proxy(e, cf) : e);
 }
 function se(e) {
   if (e instanceof IDBRequest)
-    return kA(e);
-  if (tf.has(e))
-    return tf.get(e);
-  const f = TA(e);
-  return f !== e && (tf.set(e, f), gf.set(f, e)), f;
+    return Vt(e);
+  if (Af.has(e))
+    return Af.get(e);
+  const f = St(e);
+  return f !== e && (Af.set(e, f), gf.set(f, e)), f;
 }
 const sf = (e) => gf.get(e);
-function mf(e, f, { blocked: n, upgrade: a, blocking: A, terminated: s } = {}) {
-  const t = indexedDB.open(e, f), i = se(t);
-  return a && t.addEventListener("upgradeneeded", (l) => {
-    a(se(t.result), l.oldVersion, l.newVersion, se(t.transaction), l);
-  }), n && t.addEventListener("blocked", (l) => n(
+function mf(e, f, { blocked: n, upgrade: a, blocking: t, terminated: s } = {}) {
+  const A = indexedDB.open(e, f), i = se(A);
+  return a && A.addEventListener("upgradeneeded", (l) => {
+    a(se(A.result), l.oldVersion, l.newVersion, se(A.transaction), l);
+  }), n && A.addEventListener("blocked", (l) => n(
     l.oldVersion,
     l.newVersion,
     l
   )), i.then((l) => {
-    s && l.addEventListener("close", () => s()), A && l.addEventListener("versionchange", (r) => A(r.oldVersion, r.newVersion, r));
+    s && l.addEventListener("close", () => s()), t && l.addEventListener("versionchange", (r) => t(r.oldVersion, r.newVersion, r));
   }).catch(() => {
   }), i;
 }
-const xA = ["get", "getKey", "getAll", "getAllKeys", "count"], SA = ["put", "add", "delete", "clear"], of = /* @__PURE__ */ new Map();
+const zt = ["get", "getKey", "getAll", "getAllKeys", "count"], Ot = ["put", "add", "delete", "clear"], of = /* @__PURE__ */ new Map();
 function Bf(e, f) {
   if (!(e instanceof IDBDatabase && !(f in e) && typeof f == "string"))
     return;
   if (of.get(f))
     return of.get(f);
-  const n = f.replace(/FromIndex$/, ""), a = f !== n, A = SA.includes(n);
-  if (!(n in (a ? IDBIndex : IDBObjectStore).prototype) || !(A || xA.includes(n)))
+  const n = f.replace(/FromIndex$/, ""), a = f !== n, t = Ot.includes(n);
+  if (!(n in (a ? IDBIndex : IDBObjectStore).prototype) || !(t || zt.includes(n)))
     return;
-  const s = async function(t, ...i) {
-    const l = this.transaction(t, A ? "readwrite" : "readonly");
+  const s = async function(A, ...i) {
+    const l = this.transaction(A, t ? "readwrite" : "readonly");
     let r = l.store;
     return a && (r = r.index(i.shift())), (await Promise.all([
       r[n](...i),
-      A && l.done
+      t && l.done
     ]))[0];
   };
   return of.set(f, s), s;
 }
-VA((e) => ({
+Tt((e) => ({
   ...e,
   get: (f, n, a) => Bf(f, n) || e.get(f, n, a),
   has: (f, n) => !!Bf(f, n) || e.has(f, n)
 }));
 const pf = "EMJ", he = "emojis", Mf = 3;
-async function zA() {
+async function Ct() {
   (await mf(pf, Mf, {
     upgrade(f, n) {
       f.objectStoreNames.contains(he) || f.createObjectStore(he, {
@@ -12748,8 +12766,8 @@ async function zA() {
     }
   })).close();
 }
-zA();
-const OA = {
+Ct();
+const Ut = {
   native: !1,
   hideSearch: !0,
   hideGroupIcons: !1,
@@ -12762,23 +12780,23 @@ const OA = {
   groupOrder: [],
   groupIcons: {}
 };
-async function CA() {
+async function Lt() {
   return await (await mf(pf, Mf)).transaction(he, "readonly").objectStore(he).getAll();
 }
-function UA() {
-  const e = jn({
+function Qt() {
+  const e = Vn({
     search: "",
-    emoji: sA,
+    emoji: ot,
     activeGroup: "",
     skinTone: Pe,
-    options: OA,
+    options: Ut,
     additionalGroups: {},
     recent: [],
     get emojis() {
       return {
         recent: this.recent,
         ...this.options.additionalGroups,
-        ..._A
+        ...kt
       };
     },
     get disabled() {
@@ -12794,9 +12812,9 @@ function UA() {
       const d = [
         ...this.options.groupOrder,
         ...Object.keys(this.options.additionalGroups),
-        ...Uf.map((p) => p.key)
+        ...Uf.map((m) => m.key)
       ];
-      return [...new Set(d)].filter((p) => !this.disabled.includes(p));
+      return [...new Set(d)].filter((m) => !this.disabled.includes(m));
     }
   });
   function f() {
@@ -12804,19 +12822,19 @@ function UA() {
   }
   async function n() {
     var d;
-    let p = await CA();
-    return Array.isArray(p) && p.length ? p = JSON.parse(((d = p[0]) == null ? void 0 : d.value) || "") : p = [], p;
+    let m = await Lt();
+    return Array.isArray(m) && m.length ? m = JSON.parse(((d = m[0]) == null ? void 0 : d.value) || "") : m = [], m;
   }
   function a() {
     n().then((d) => {
       e.recent = d, r();
     });
   }
-  const A = (d) => {
+  const t = (d) => {
     e.search = d;
   }, s = (d) => {
     e.emoji = d;
-  }, t = (d) => {
+  }, A = (d) => {
     e.activeGroup = d;
   }, i = (d = Pe) => {
     e.skinTone = d;
@@ -12832,27 +12850,27 @@ function UA() {
   const g = (d) => {
     if (e.options.displayRecent !== !0)
       return;
-    const p = e.recent.findIndex((h) => h.u === d.u);
-    if (p > 0 && e.recent.splice(p, 1), p === 0)
+    const m = e.recent.findIndex((h) => h.u === d.u);
+    if (m > 0 && e.recent.splice(m, 1), m === 0)
       return;
-    const m = { u: d.u, n: Pf(d.n) };
-    e.recent = [m, ...e.recent], e.recent.length > 24 && (e.recent.length = 24), r();
+    const p = { u: d.u, n: Pf(d.n) };
+    e.recent = [p, ...e.recent], e.recent.length > 24 && (e.recent.length = 24), r();
   };
   return {
-    state: Vn(e),
-    updateSearch: A,
+    state: En(e),
+    updateSearch: t,
     updateEmoji: s,
-    updateActiveGroup: t,
+    updateActiveGroup: A,
     updateSkinTone: i,
     updateOptions: l,
     updateSelect: g
   };
 }
-var q = "top", Z = "bottom", G = "right", F = "left", hf = "auto", Ue = [q, Z, G, F], ye = "start", ze = "end", LA = "clippingParents", An = "viewport", Ee = "popper", QA = "reference", Yf = /* @__PURE__ */ Ue.reduce(function(e, f) {
+var F = "top", Z = "bottom", G = "right", $ = "left", hf = "auto", Ue = [F, Z, G, $], ye = "start", ze = "end", Bt = "clippingParents", tn = "viewport", Ee = "popper", Yt = "reference", Yf = /* @__PURE__ */ Ue.reduce(function(e, f) {
   return e.concat([f + "-" + ye, f + "-" + ze]);
-}, []), tn = /* @__PURE__ */ [].concat(Ue, [hf]).reduce(function(e, f) {
+}, []), An = /* @__PURE__ */ [].concat(Ue, [hf]).reduce(function(e, f) {
   return e.concat([f, f + "-" + ye, f + "-" + ze]);
-}, []), BA = "beforeRead", YA = "read", RA = "afterRead", qA = "beforeMain", FA = "main", JA = "afterMain", WA = "beforeWrite", $A = "write", HA = "afterWrite", KA = [BA, YA, RA, qA, FA, JA, WA, $A, HA];
+}, []), Rt = "beforeRead", qt = "read", Ft = "afterRead", $t = "beforeMain", Wt = "main", Jt = "afterMain", Ht = "beforeWrite", Kt = "write", Pt = "afterWrite", Zt = [Rt, qt, Ft, $t, Wt, Jt, Ht, Kt, Pt];
 function ne(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
@@ -12869,7 +12887,7 @@ function be(e) {
   var f = ee(e).Element;
   return e instanceof f || e instanceof Element;
 }
-function H(e) {
+function P(e) {
   var f = ee(e).HTMLElement;
   return e instanceof f || e instanceof HTMLElement;
 }
@@ -12879,17 +12897,17 @@ function sn(e) {
   var f = ee(e).ShadowRoot;
   return e instanceof f || e instanceof ShadowRoot;
 }
-function PA(e) {
+function Gt(e) {
   var f = e.state;
   Object.keys(f.elements).forEach(function(n) {
-    var a = f.styles[n] || {}, A = f.attributes[n] || {}, s = f.elements[n];
-    !H(s) || !ne(s) || (Object.assign(s.style, a), Object.keys(A).forEach(function(t) {
-      var i = A[t];
-      i === !1 ? s.removeAttribute(t) : s.setAttribute(t, i === !0 ? "" : i);
+    var a = f.styles[n] || {}, t = f.attributes[n] || {}, s = f.elements[n];
+    !P(s) || !ne(s) || (Object.assign(s.style, a), Object.keys(t).forEach(function(A) {
+      var i = t[A];
+      i === !1 ? s.removeAttribute(A) : s.setAttribute(A, i === !0 ? "" : i);
     }));
   });
 }
-function ZA(e) {
+function Xt(e) {
   var f = e.state, n = {
     popper: {
       position: f.options.strategy,
@@ -12904,47 +12922,47 @@ function ZA(e) {
   };
   return Object.assign(f.elements.popper.style, n.popper), f.styles = n, f.elements.arrow && Object.assign(f.elements.arrow.style, n.arrow), function() {
     Object.keys(f.elements).forEach(function(a) {
-      var A = f.elements[a], s = f.attributes[a] || {}, t = Object.keys(f.styles.hasOwnProperty(a) ? f.styles[a] : n[a]), i = t.reduce(function(l, r) {
+      var t = f.elements[a], s = f.attributes[a] || {}, A = Object.keys(f.styles.hasOwnProperty(a) ? f.styles[a] : n[a]), i = A.reduce(function(l, r) {
         return l[r] = "", l;
       }, {});
-      !H(A) || !ne(A) || (Object.assign(A.style, i), Object.keys(s).forEach(function(l) {
-        A.removeAttribute(l);
+      !P(t) || !ne(t) || (Object.assign(t.style, i), Object.keys(s).forEach(function(l) {
+        t.removeAttribute(l);
       }));
     });
   };
 }
-var GA = {
+var eA = {
   name: "applyStyles",
   enabled: !0,
   phase: "write",
-  fn: PA,
-  effect: ZA,
+  fn: Gt,
+  effect: Xt,
   requires: ["computeStyles"]
 };
 function fe(e) {
   return e.split("-")[0];
 }
-var de = Math.max, Ze = Math.min, ve = Math.round;
-function Ie(e, f) {
+var ce = Math.max, Ze = Math.min, ve = Math.round;
+function _e(e, f) {
   f === void 0 && (f = !1);
-  var n = e.getBoundingClientRect(), a = 1, A = 1;
-  if (H(e) && f) {
-    var s = e.offsetHeight, t = e.offsetWidth;
-    t > 0 && (a = ve(n.width) / t || 1), s > 0 && (A = ve(n.height) / s || 1);
+  var n = e.getBoundingClientRect(), a = 1, t = 1;
+  if (P(e) && f) {
+    var s = e.offsetHeight, A = e.offsetWidth;
+    A > 0 && (a = ve(n.width) / A || 1), s > 0 && (t = ve(n.height) / s || 1);
   }
   return {
     width: n.width / a,
-    height: n.height / A,
-    top: n.top / A,
+    height: n.height / t,
+    top: n.top / t,
     right: n.right / a,
-    bottom: n.bottom / A,
+    bottom: n.bottom / t,
     left: n.left / a,
     x: n.left / a,
-    y: n.top / A
+    y: n.top / t
   };
 }
 function yf(e) {
-  var f = Ie(e), n = e.offsetWidth, a = e.offsetHeight;
+  var f = _e(e), n = e.offsetWidth, a = e.offsetHeight;
   return Math.abs(f.width - n) <= 1 && (n = f.width), Math.abs(f.height - a) <= 1 && (a = f.height), {
     x: e.offsetLeft,
     y: e.offsetTop,
@@ -12969,45 +12987,45 @@ function on(e, f) {
 function ae(e) {
   return ee(e).getComputedStyle(e);
 }
-function XA(e) {
+function fA(e) {
   return ["table", "td", "th"].indexOf(ne(e)) >= 0;
 }
-function oe(e) {
+function ie(e) {
   return ((be(e) ? e.ownerDocument : e.document) || window.document).documentElement;
 }
 function ef(e) {
-  return ne(e) === "html" ? e : e.assignedSlot || e.parentNode || (sn(e) ? e.host : null) || oe(e);
+  return ne(e) === "html" ? e : e.assignedSlot || e.parentNode || (sn(e) ? e.host : null) || ie(e);
 }
 function Rf(e) {
-  return !H(e) || ae(e).position === "fixed" ? null : e.offsetParent;
+  return !P(e) || ae(e).position === "fixed" ? null : e.offsetParent;
 }
-function et(e) {
+function nA(e) {
   var f = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1, n = navigator.userAgent.indexOf("Trident") !== -1;
-  if (n && H(e)) {
+  if (n && P(e)) {
     var a = ae(e);
     if (a.position === "fixed")
       return null;
   }
-  for (var A = ef(e); H(A) && ["html", "body"].indexOf(ne(A)) < 0; ) {
-    var s = ae(A);
+  for (var t = ef(e); P(t) && ["html", "body"].indexOf(ne(t)) < 0; ) {
+    var s = ae(t);
     if (s.transform !== "none" || s.perspective !== "none" || s.contain === "paint" || ["transform", "perspective"].indexOf(s.willChange) !== -1 || f && s.willChange === "filter" || f && s.filter && s.filter !== "none")
-      return A;
-    A = A.parentNode;
+      return t;
+    t = t.parentNode;
   }
   return null;
 }
 function Le(e) {
-  for (var f = ee(e), n = Rf(e); n && XA(n) && ae(n).position === "static"; )
+  for (var f = ee(e), n = Rf(e); n && fA(n) && ae(n).position === "static"; )
     n = Rf(n);
-  return n && (ne(n) === "html" || ne(n) === "body" && ae(n).position === "static") ? f : n || et(e) || f;
+  return n && (ne(n) === "html" || ne(n) === "body" && ae(n).position === "static") ? f : n || nA(e) || f;
 }
 function bf(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
 function Te(e, f, n) {
-  return de(e, Ze(f, n));
+  return ce(e, Ze(f, n));
 }
-function ft(e, f, n) {
+function aA(e, f, n) {
   var a = Te(e, f, n);
   return a > n ? n : a;
 }
@@ -13027,84 +13045,84 @@ function rn(e, f) {
     return n[a] = e, n;
   }, {});
 }
-var nt = function(f, n) {
+var tA = function(f, n) {
   return f = typeof f == "function" ? f(Object.assign({}, n.rects, {
     placement: n.placement
   })) : f, ln(typeof f != "number" ? f : rn(f, Ue));
 };
-function at(e) {
-  var f, n = e.state, a = e.name, A = e.options, s = n.elements.arrow, t = n.modifiersData.popperOffsets, i = fe(n.placement), l = bf(i), r = [F, G].indexOf(i) >= 0, g = r ? "height" : "width";
-  if (!(!s || !t)) {
-    var d = nt(A.padding, n), p = yf(s), m = l === "y" ? q : F, h = l === "y" ? Z : G, _ = n.rects.reference[g] + n.rects.reference[l] - t[l] - n.rects.popper[g], M = t[l] - n.rects.reference[l], v = Le(s), b = v ? l === "y" ? v.clientHeight || 0 : v.clientWidth || 0 : 0, D = _ / 2 - M / 2, N = d[m], V = b - p[g] - d[h], E = b / 2 - p[g] / 2 + D, T = Te(N, E, V), z = l;
-    n.modifiersData[a] = (f = {}, f[z] = T, f.centerOffset = T - E, f);
+function AA(e) {
+  var f, n = e.state, a = e.name, t = e.options, s = n.elements.arrow, A = n.modifiersData.popperOffsets, i = fe(n.placement), l = bf(i), r = [$, G].indexOf(i) >= 0, g = r ? "height" : "width";
+  if (!(!s || !A)) {
+    var d = tA(t.padding, n), m = yf(s), p = l === "y" ? F : $, h = l === "y" ? Z : G, I = n.rects.reference[g] + n.rects.reference[l] - A[l] - n.rects.popper[g], M = A[l] - n.rects.reference[l], N = Le(s), v = N ? l === "y" ? N.clientHeight || 0 : N.clientWidth || 0 : 0, _ = I / 2 - M / 2, k = d[p], E = v - m[g] - d[h], V = v / 2 - m[g] / 2 + _, x = Te(k, V, E), O = l;
+    n.modifiersData[a] = (f = {}, f[O] = x, f.centerOffset = x - V, f);
   }
 }
-function At(e) {
-  var f = e.state, n = e.options, a = n.element, A = a === void 0 ? "[data-popper-arrow]" : a;
-  A != null && (typeof A == "string" && (A = f.elements.popper.querySelector(A), !A) || on(f.elements.popper, A) && (f.elements.arrow = A));
+function sA(e) {
+  var f = e.state, n = e.options, a = n.element, t = a === void 0 ? "[data-popper-arrow]" : a;
+  t != null && (typeof t == "string" && (t = f.elements.popper.querySelector(t), !t) || on(f.elements.popper, t) && (f.elements.arrow = t));
 }
-var tt = {
+var iA = {
   name: "arrow",
   enabled: !0,
   phase: "main",
-  fn: at,
-  effect: At,
+  fn: AA,
+  effect: sA,
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
 };
-function _e(e) {
+function Ie(e) {
   return e.split("-")[1];
 }
-var st = {
+var oA = {
   top: "auto",
   right: "auto",
   bottom: "auto",
   left: "auto"
 };
-function it(e) {
-  var f = e.x, n = e.y, a = window, A = a.devicePixelRatio || 1;
+function uA(e) {
+  var f = e.x, n = e.y, a = window, t = a.devicePixelRatio || 1;
   return {
-    x: ve(f * A) / A || 0,
-    y: ve(n * A) / A || 0
+    x: ve(f * t) / t || 0,
+    y: ve(n * t) / t || 0
   };
 }
 function qf(e) {
-  var f, n = e.popper, a = e.popperRect, A = e.placement, s = e.variation, t = e.offsets, i = e.position, l = e.gpuAcceleration, r = e.adaptive, g = e.roundOffsets, d = e.isFixed, p = g === !0 ? it(t) : typeof g == "function" ? g(t) : t, m = p.x, h = m === void 0 ? 0 : m, _ = p.y, M = _ === void 0 ? 0 : _, v = t.hasOwnProperty("x"), b = t.hasOwnProperty("y"), D = F, N = q, V = window;
+  var f, n = e.popper, a = e.popperRect, t = e.placement, s = e.variation, A = e.offsets, i = e.position, l = e.gpuAcceleration, r = e.adaptive, g = e.roundOffsets, d = e.isFixed, m = g === !0 ? uA(A) : typeof g == "function" ? g(A) : A, p = m.x, h = p === void 0 ? 0 : p, I = m.y, M = I === void 0 ? 0 : I, N = A.hasOwnProperty("x"), v = A.hasOwnProperty("y"), _ = $, k = F, E = window;
   if (r) {
-    var E = Le(n), T = "clientHeight", z = "clientWidth";
-    if (E === ee(n) && (E = oe(n), ae(E).position !== "static" && i === "absolute" && (T = "scrollHeight", z = "scrollWidth")), E = E, A === q || (A === F || A === G) && s === ze) {
-      N = Z;
-      var Q = d && V.visualViewport ? V.visualViewport.height : E[T];
-      M -= Q - a.height, M *= l ? 1 : -1;
+    var V = Le(n), x = "clientHeight", O = "clientWidth";
+    if (V === ee(n) && (V = ie(n), ae(V).position !== "static" && i === "absolute" && (x = "scrollHeight", O = "scrollWidth")), V = V, t === F || (t === $ || t === G) && s === ze) {
+      k = Z;
+      var L = d && E.visualViewport ? E.visualViewport.height : V[x];
+      M -= L - a.height, M *= l ? 1 : -1;
     }
-    if (A === F || (A === q || A === Z) && s === ze) {
-      D = G;
-      var C = d && V.visualViewport ? V.visualViewport.width : E[z];
+    if (t === $ || (t === F || t === Z) && s === ze) {
+      _ = G;
+      var C = d && E.visualViewport ? E.visualViewport.width : V[O];
       h -= C - a.width, h *= l ? 1 : -1;
     }
   }
   var U = Object.assign({
     position: i
-  }, r && st);
+  }, r && oA);
   if (l) {
-    var Y;
-    return Object.assign({}, U, (Y = {}, Y[N] = b ? "0" : "", Y[D] = v ? "0" : "", Y.transform = (V.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + M + "px)" : "translate3d(" + h + "px, " + M + "px, 0)", Y));
+    var R;
+    return Object.assign({}, U, (R = {}, R[k] = v ? "0" : "", R[_] = N ? "0" : "", R.transform = (E.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + M + "px)" : "translate3d(" + h + "px, " + M + "px, 0)", R));
   }
-  return Object.assign({}, U, (f = {}, f[N] = b ? M + "px" : "", f[D] = v ? h + "px" : "", f.transform = "", f));
+  return Object.assign({}, U, (f = {}, f[k] = v ? M + "px" : "", f[_] = N ? h + "px" : "", f.transform = "", f));
 }
-function ot(e) {
-  var f = e.state, n = e.options, a = n.gpuAcceleration, A = a === void 0 ? !0 : a, s = n.adaptive, t = s === void 0 ? !0 : s, i = n.roundOffsets, l = i === void 0 ? !0 : i, r = {
+function lA(e) {
+  var f = e.state, n = e.options, a = n.gpuAcceleration, t = a === void 0 ? !0 : a, s = n.adaptive, A = s === void 0 ? !0 : s, i = n.roundOffsets, l = i === void 0 ? !0 : i, r = {
     placement: fe(f.placement),
-    variation: _e(f.placement),
+    variation: Ie(f.placement),
     popper: f.elements.popper,
     popperRect: f.rects.popper,
-    gpuAcceleration: A,
+    gpuAcceleration: t,
     isFixed: f.options.strategy === "fixed"
   };
   f.modifiersData.popperOffsets != null && (f.styles.popper = Object.assign({}, f.styles.popper, qf(Object.assign({}, r, {
     offsets: f.modifiersData.popperOffsets,
     position: f.options.strategy,
-    adaptive: t,
+    adaptive: A,
     roundOffsets: l
   })))), f.modifiersData.arrow != null && (f.styles.arrow = Object.assign({}, f.styles.arrow, qf(Object.assign({}, r, {
     offsets: f.modifiersData.arrow,
@@ -13115,17 +13133,17 @@ function ot(e) {
     "data-popper-placement": f.placement
   });
 }
-var ut = {
+var rA = {
   name: "computeStyles",
   enabled: !0,
   phase: "beforeWrite",
-  fn: ot,
+  fn: lA,
   data: {}
 }, We = {
   passive: !0
 };
-function lt(e) {
-  var f = e.state, n = e.instance, a = e.options, A = a.scroll, s = A === void 0 ? !0 : A, t = a.resize, i = t === void 0 ? !0 : t, l = ee(f.elements.popper), r = [].concat(f.scrollParents.reference, f.scrollParents.popper);
+function cA(e) {
+  var f = e.state, n = e.instance, a = e.options, t = a.scroll, s = t === void 0 ? !0 : t, A = a.resize, i = A === void 0 ? !0 : A, l = ee(f.elements.popper), r = [].concat(f.scrollParents.reference, f.scrollParents.popper);
   return s && r.forEach(function(g) {
     g.addEventListener("scroll", n.update, We);
   }), i && l.addEventListener("resize", n.update, We), function() {
@@ -13134,15 +13152,15 @@ function lt(e) {
     }), i && l.removeEventListener("resize", n.update, We);
   };
 }
-var rt = {
+var dA = {
   name: "eventListeners",
   enabled: !0,
   phase: "write",
   fn: function() {
   },
-  effect: lt,
+  effect: cA,
   data: {}
-}, ct = {
+}, gA = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -13150,16 +13168,16 @@ var rt = {
 };
 function He(e) {
   return e.replace(/left|right|bottom|top/g, function(f) {
-    return ct[f];
+    return gA[f];
   });
 }
-var dt = {
+var mA = {
   start: "end",
   end: "start"
 };
 function Ff(e) {
   return e.replace(/start|end/g, function(f) {
-    return dt[f];
+    return mA[f];
   });
 }
 function vf(e) {
@@ -13169,39 +13187,39 @@ function vf(e) {
     scrollTop: a
   };
 }
-function If(e) {
-  return Ie(oe(e)).left + vf(e).scrollLeft;
+function _f(e) {
+  return _e(ie(e)).left + vf(e).scrollLeft;
 }
-function gt(e) {
-  var f = ee(e), n = oe(e), a = f.visualViewport, A = n.clientWidth, s = n.clientHeight, t = 0, i = 0;
-  return a && (A = a.width, s = a.height, /^((?!chrome|android).)*safari/i.test(navigator.userAgent) || (t = a.offsetLeft, i = a.offsetTop)), {
-    width: A,
+function pA(e) {
+  var f = ee(e), n = ie(e), a = f.visualViewport, t = n.clientWidth, s = n.clientHeight, A = 0, i = 0;
+  return a && (t = a.width, s = a.height, /^((?!chrome|android).)*safari/i.test(navigator.userAgent) || (A = a.offsetLeft, i = a.offsetTop)), {
+    width: t,
     height: s,
-    x: t + If(e),
+    x: A + _f(e),
     y: i
   };
 }
-function mt(e) {
-  var f, n = oe(e), a = vf(e), A = (f = e.ownerDocument) == null ? void 0 : f.body, s = de(n.scrollWidth, n.clientWidth, A ? A.scrollWidth : 0, A ? A.clientWidth : 0), t = de(n.scrollHeight, n.clientHeight, A ? A.scrollHeight : 0, A ? A.clientHeight : 0), i = -a.scrollLeft + If(e), l = -a.scrollTop;
-  return ae(A || n).direction === "rtl" && (i += de(n.clientWidth, A ? A.clientWidth : 0) - s), {
+function MA(e) {
+  var f, n = ie(e), a = vf(e), t = (f = e.ownerDocument) == null ? void 0 : f.body, s = ce(n.scrollWidth, n.clientWidth, t ? t.scrollWidth : 0, t ? t.clientWidth : 0), A = ce(n.scrollHeight, n.clientHeight, t ? t.scrollHeight : 0, t ? t.clientHeight : 0), i = -a.scrollLeft + _f(e), l = -a.scrollTop;
+  return ae(t || n).direction === "rtl" && (i += ce(n.clientWidth, t ? t.clientWidth : 0) - s), {
     width: s,
-    height: t,
+    height: A,
     x: i,
     y: l
   };
 }
-function _f(e) {
-  var f = ae(e), n = f.overflow, a = f.overflowX, A = f.overflowY;
-  return /auto|scroll|overlay|hidden/.test(n + A + a);
+function If(e) {
+  var f = ae(e), n = f.overflow, a = f.overflowX, t = f.overflowY;
+  return /auto|scroll|overlay|hidden/.test(n + t + a);
 }
 function cn(e) {
-  return ["html", "body", "#document"].indexOf(ne(e)) >= 0 ? e.ownerDocument.body : H(e) && _f(e) ? e : cn(ef(e));
+  return ["html", "body", "#document"].indexOf(ne(e)) >= 0 ? e.ownerDocument.body : P(e) && If(e) ? e : cn(ef(e));
 }
 function xe(e, f) {
   var n;
   f === void 0 && (f = []);
-  var a = cn(e), A = a === ((n = e.ownerDocument) == null ? void 0 : n.body), s = ee(a), t = A ? [s].concat(s.visualViewport || [], _f(a) ? a : []) : a, i = f.concat(t);
-  return A ? i : i.concat(xe(ef(t)));
+  var a = cn(e), t = a === ((n = e.ownerDocument) == null ? void 0 : n.body), s = ee(a), A = t ? [s].concat(s.visualViewport || [], If(a) ? a : []) : a, i = f.concat(A);
+  return t ? i : i.concat(xe(ef(A)));
 }
 function df(e) {
   return Object.assign({}, e, {
@@ -13211,38 +13229,38 @@ function df(e) {
     bottom: e.y + e.height
   });
 }
-function pt(e) {
-  var f = Ie(e);
+function hA(e) {
+  var f = _e(e);
   return f.top = f.top + e.clientTop, f.left = f.left + e.clientLeft, f.bottom = f.top + e.clientHeight, f.right = f.left + e.clientWidth, f.width = e.clientWidth, f.height = e.clientHeight, f.x = f.left, f.y = f.top, f;
 }
-function Jf(e, f) {
-  return f === An ? df(gt(e)) : be(f) ? pt(f) : df(mt(oe(e)));
+function $f(e, f) {
+  return f === tn ? df(pA(e)) : be(f) ? hA(f) : df(MA(ie(e)));
 }
-function Mt(e) {
-  var f = xe(ef(e)), n = ["absolute", "fixed"].indexOf(ae(e).position) >= 0, a = n && H(e) ? Le(e) : e;
-  return be(a) ? f.filter(function(A) {
-    return be(A) && on(A, a) && ne(A) !== "body" && (n ? ae(A).position !== "static" : !0);
+function yA(e) {
+  var f = xe(ef(e)), n = ["absolute", "fixed"].indexOf(ae(e).position) >= 0, a = n && P(e) ? Le(e) : e;
+  return be(a) ? f.filter(function(t) {
+    return be(t) && on(t, a) && ne(t) !== "body" && (n ? ae(t).position !== "static" : !0);
   }) : [];
 }
-function ht(e, f, n) {
-  var a = f === "clippingParents" ? Mt(e) : [].concat(f), A = [].concat(a, [n]), s = A[0], t = A.reduce(function(i, l) {
-    var r = Jf(e, l);
-    return i.top = de(r.top, i.top), i.right = Ze(r.right, i.right), i.bottom = Ze(r.bottom, i.bottom), i.left = de(r.left, i.left), i;
-  }, Jf(e, s));
-  return t.width = t.right - t.left, t.height = t.bottom - t.top, t.x = t.left, t.y = t.top, t;
+function bA(e, f, n) {
+  var a = f === "clippingParents" ? yA(e) : [].concat(f), t = [].concat(a, [n]), s = t[0], A = t.reduce(function(i, l) {
+    var r = $f(e, l);
+    return i.top = ce(r.top, i.top), i.right = Ze(r.right, i.right), i.bottom = Ze(r.bottom, i.bottom), i.left = ce(r.left, i.left), i;
+  }, $f(e, s));
+  return A.width = A.right - A.left, A.height = A.bottom - A.top, A.x = A.left, A.y = A.top, A;
 }
 function dn(e) {
-  var f = e.reference, n = e.element, a = e.placement, A = a ? fe(a) : null, s = a ? _e(a) : null, t = f.x + f.width / 2 - n.width / 2, i = f.y + f.height / 2 - n.height / 2, l;
-  switch (A) {
-    case q:
+  var f = e.reference, n = e.element, a = e.placement, t = a ? fe(a) : null, s = a ? Ie(a) : null, A = f.x + f.width / 2 - n.width / 2, i = f.y + f.height / 2 - n.height / 2, l;
+  switch (t) {
+    case F:
       l = {
-        x: t,
+        x: A,
         y: f.y - n.height
       };
       break;
     case Z:
       l = {
-        x: t,
+        x: A,
         y: f.y + f.height
       };
       break;
@@ -13252,7 +13270,7 @@ function dn(e) {
         y: i
       };
       break;
-    case F:
+    case $:
       l = {
         x: f.x - n.width,
         y: i
@@ -13264,7 +13282,7 @@ function dn(e) {
         y: f.y
       };
   }
-  var r = A ? bf(A) : null;
+  var r = t ? bf(t) : null;
   if (r != null) {
     var g = r === "y" ? "height" : "width";
     switch (s) {
@@ -13280,106 +13298,106 @@ function dn(e) {
 }
 function Oe(e, f) {
   f === void 0 && (f = {});
-  var n = f, a = n.placement, A = a === void 0 ? e.placement : a, s = n.boundary, t = s === void 0 ? LA : s, i = n.rootBoundary, l = i === void 0 ? An : i, r = n.elementContext, g = r === void 0 ? Ee : r, d = n.altBoundary, p = d === void 0 ? !1 : d, m = n.padding, h = m === void 0 ? 0 : m, _ = ln(typeof h != "number" ? h : rn(h, Ue)), M = g === Ee ? QA : Ee, v = e.rects.popper, b = e.elements[p ? M : g], D = ht(be(b) ? b : b.contextElement || oe(e.elements.popper), t, l), N = Ie(e.elements.reference), V = dn({
-    reference: N,
-    element: v,
+  var n = f, a = n.placement, t = a === void 0 ? e.placement : a, s = n.boundary, A = s === void 0 ? Bt : s, i = n.rootBoundary, l = i === void 0 ? tn : i, r = n.elementContext, g = r === void 0 ? Ee : r, d = n.altBoundary, m = d === void 0 ? !1 : d, p = n.padding, h = p === void 0 ? 0 : p, I = ln(typeof h != "number" ? h : rn(h, Ue)), M = g === Ee ? Yt : Ee, N = e.rects.popper, v = e.elements[m ? M : g], _ = bA(be(v) ? v : v.contextElement || ie(e.elements.popper), A, l), k = _e(e.elements.reference), E = dn({
+    reference: k,
+    element: N,
     strategy: "absolute",
-    placement: A
-  }), E = df(Object.assign({}, v, V)), T = g === Ee ? E : N, z = {
-    top: D.top - T.top + _.top,
-    bottom: T.bottom - D.bottom + _.bottom,
-    left: D.left - T.left + _.left,
-    right: T.right - D.right + _.right
-  }, Q = e.modifiersData.offset;
-  if (g === Ee && Q) {
-    var C = Q[A];
-    Object.keys(z).forEach(function(U) {
-      var Y = [G, Z].indexOf(U) >= 0 ? 1 : -1, ue = [q, Z].indexOf(U) >= 0 ? "y" : "x";
-      z[U] += C[ue] * Y;
+    placement: t
+  }), V = df(Object.assign({}, N, E)), x = g === Ee ? V : k, O = {
+    top: _.top - x.top + I.top,
+    bottom: x.bottom - _.bottom + I.bottom,
+    left: _.left - x.left + I.left,
+    right: x.right - _.right + I.right
+  }, L = e.modifiersData.offset;
+  if (g === Ee && L) {
+    var C = L[t];
+    Object.keys(O).forEach(function(U) {
+      var R = [G, Z].indexOf(U) >= 0 ? 1 : -1, oe = [F, Z].indexOf(U) >= 0 ? "y" : "x";
+      O[U] += C[oe] * R;
     });
   }
-  return z;
+  return O;
 }
-function yt(e, f) {
+function vA(e, f) {
   f === void 0 && (f = {});
-  var n = f, a = n.placement, A = n.boundary, s = n.rootBoundary, t = n.padding, i = n.flipVariations, l = n.allowedAutoPlacements, r = l === void 0 ? tn : l, g = _e(a), d = g ? i ? Yf : Yf.filter(function(h) {
-    return _e(h) === g;
-  }) : Ue, p = d.filter(function(h) {
+  var n = f, a = n.placement, t = n.boundary, s = n.rootBoundary, A = n.padding, i = n.flipVariations, l = n.allowedAutoPlacements, r = l === void 0 ? An : l, g = Ie(a), d = g ? i ? Yf : Yf.filter(function(h) {
+    return Ie(h) === g;
+  }) : Ue, m = d.filter(function(h) {
     return r.indexOf(h) >= 0;
   });
-  p.length === 0 && (p = d);
-  var m = p.reduce(function(h, _) {
-    return h[_] = Oe(e, {
-      placement: _,
-      boundary: A,
+  m.length === 0 && (m = d);
+  var p = m.reduce(function(h, I) {
+    return h[I] = Oe(e, {
+      placement: I,
+      boundary: t,
       rootBoundary: s,
-      padding: t
-    })[fe(_)], h;
+      padding: A
+    })[fe(I)], h;
   }, {});
-  return Object.keys(m).sort(function(h, _) {
-    return m[h] - m[_];
+  return Object.keys(p).sort(function(h, I) {
+    return p[h] - p[I];
   });
 }
-function bt(e) {
+function _A(e) {
   if (fe(e) === hf)
     return [];
   var f = He(e);
   return [Ff(e), f, Ff(f)];
 }
-function vt(e) {
+function IA(e) {
   var f = e.state, n = e.options, a = e.name;
   if (!f.modifiersData[a]._skip) {
-    for (var A = n.mainAxis, s = A === void 0 ? !0 : A, t = n.altAxis, i = t === void 0 ? !0 : t, l = n.fallbackPlacements, r = n.padding, g = n.boundary, d = n.rootBoundary, p = n.altBoundary, m = n.flipVariations, h = m === void 0 ? !0 : m, _ = n.allowedAutoPlacements, M = f.options.placement, v = fe(M), b = v === M, D = l || (b || !h ? [He(M)] : bt(M)), N = [M].concat(D).reduce(function(pe, te) {
-      return pe.concat(fe(te) === hf ? yt(f, {
-        placement: te,
+    for (var t = n.mainAxis, s = t === void 0 ? !0 : t, A = n.altAxis, i = A === void 0 ? !0 : A, l = n.fallbackPlacements, r = n.padding, g = n.boundary, d = n.rootBoundary, m = n.altBoundary, p = n.flipVariations, h = p === void 0 ? !0 : p, I = n.allowedAutoPlacements, M = f.options.placement, N = fe(M), v = N === M, _ = l || (v || !h ? [He(M)] : _A(M)), k = [M].concat(_).reduce(function(pe, Ae) {
+      return pe.concat(fe(Ae) === hf ? vA(f, {
+        placement: Ae,
         boundary: g,
         rootBoundary: d,
         padding: r,
         flipVariations: h,
-        allowedAutoPlacements: _
-      }) : te);
-    }, []), V = f.rects.reference, E = f.rects.popper, T = /* @__PURE__ */ new Map(), z = !0, Q = N[0], C = 0; C < N.length; C++) {
-      var U = N[C], Y = fe(U), ue = _e(U) === ye, Ne = [q, Z].indexOf(Y) >= 0, ke = Ne ? "width" : "height", J = Oe(f, {
+        allowedAutoPlacements: I
+      }) : Ae);
+    }, []), E = f.rects.reference, V = f.rects.popper, x = /* @__PURE__ */ new Map(), O = !0, L = k[0], C = 0; C < k.length; C++) {
+      var U = k[C], R = fe(U), oe = Ie(U) === ye, Ne = [F, Z].indexOf(R) >= 0, De = Ne ? "width" : "height", W = Oe(f, {
         placement: U,
         boundary: g,
         rootBoundary: d,
-        altBoundary: p,
+        altBoundary: m,
         padding: r
-      }), X = Ne ? ue ? G : F : ue ? Z : q;
-      V[ke] > E[ke] && (X = He(X));
-      var Be = He(X), le = [];
-      if (s && le.push(J[Y] <= 0), i && le.push(J[X] <= 0, J[Be] <= 0), le.every(function(pe) {
+      }), X = Ne ? oe ? G : $ : oe ? Z : F;
+      E[De] > V[De] && (X = He(X));
+      var Be = He(X), ue = [];
+      if (s && ue.push(W[R] <= 0), i && ue.push(W[X] <= 0, W[Be] <= 0), ue.every(function(pe) {
         return pe;
       })) {
-        Q = U, z = !1;
+        L = U, O = !1;
         break;
       }
-      T.set(U, le);
+      x.set(U, ue);
     }
-    if (z)
-      for (var Ye = h ? 3 : 1, ff = function(te) {
-        var Ve = N.find(function(qe) {
-          var re = T.get(qe);
-          if (re)
-            return re.slice(0, te).every(function(nf) {
+    if (O)
+      for (var Ye = h ? 3 : 1, ff = function(Ae) {
+        var Ve = k.find(function(qe) {
+          var le = x.get(qe);
+          if (le)
+            return le.slice(0, Ae).every(function(nf) {
               return nf;
             });
         });
         if (Ve)
-          return Q = Ve, "break";
+          return L = Ve, "break";
       }, je = Ye; je > 0; je--) {
         var Re = ff(je);
         if (Re === "break")
           break;
       }
-    f.placement !== Q && (f.modifiersData[a]._skip = !0, f.placement = Q, f.reset = !0);
+    f.placement !== L && (f.modifiersData[a]._skip = !0, f.placement = L, f.reset = !0);
   }
 }
-var It = {
+var wA = {
   name: "flip",
   enabled: !0,
   phase: "main",
-  fn: vt,
+  fn: IA,
   requiresIfExists: ["offset"],
   data: {
     _skip: !1
@@ -13396,17 +13414,17 @@ function Wf(e, f, n) {
     left: e.left - f.width - n.x
   };
 }
-function $f(e) {
-  return [q, G, Z, F].some(function(f) {
+function Jf(e) {
+  return [F, G, Z, $].some(function(f) {
     return e[f] >= 0;
   });
 }
-function _t(e) {
-  var f = e.state, n = e.name, a = f.rects.reference, A = f.rects.popper, s = f.modifiersData.preventOverflow, t = Oe(f, {
+function kA(e) {
+  var f = e.state, n = e.name, a = f.rects.reference, t = f.rects.popper, s = f.modifiersData.preventOverflow, A = Oe(f, {
     elementContext: "reference"
   }), i = Oe(f, {
     altBoundary: !0
-  }), l = Wf(t, a), r = Wf(i, A, s), g = $f(l), d = $f(r);
+  }), l = Wf(A, a), r = Wf(i, t, s), g = Jf(l), d = Jf(r);
   f.modifiersData[n] = {
     referenceClippingOffsets: l,
     popperEscapeOffsets: r,
@@ -13417,39 +13435,39 @@ function _t(e) {
     "data-popper-escaped": d
   });
 }
-var wt = {
+var NA = {
   name: "hide",
   enabled: !0,
   phase: "main",
   requiresIfExists: ["preventOverflow"],
-  fn: _t
+  fn: kA
 };
-function Dt(e, f, n) {
-  var a = fe(e), A = [F, q].indexOf(a) >= 0 ? -1 : 1, s = typeof n == "function" ? n(Object.assign({}, f, {
+function DA(e, f, n) {
+  var a = fe(e), t = [$, F].indexOf(a) >= 0 ? -1 : 1, s = typeof n == "function" ? n(Object.assign({}, f, {
     placement: e
-  })) : n, t = s[0], i = s[1];
-  return t = t || 0, i = (i || 0) * A, [F, G].indexOf(a) >= 0 ? {
+  })) : n, A = s[0], i = s[1];
+  return A = A || 0, i = (i || 0) * t, [$, G].indexOf(a) >= 0 ? {
     x: i,
-    y: t
+    y: A
   } : {
-    x: t,
+    x: A,
     y: i
   };
 }
-function Nt(e) {
-  var f = e.state, n = e.options, a = e.name, A = n.offset, s = A === void 0 ? [0, 0] : A, t = tn.reduce(function(g, d) {
-    return g[d] = Dt(d, f.rects, s), g;
-  }, {}), i = t[f.placement], l = i.x, r = i.y;
-  f.modifiersData.popperOffsets != null && (f.modifiersData.popperOffsets.x += l, f.modifiersData.popperOffsets.y += r), f.modifiersData[a] = t;
+function jA(e) {
+  var f = e.state, n = e.options, a = e.name, t = n.offset, s = t === void 0 ? [0, 0] : t, A = An.reduce(function(g, d) {
+    return g[d] = DA(d, f.rects, s), g;
+  }, {}), i = A[f.placement], l = i.x, r = i.y;
+  f.modifiersData.popperOffsets != null && (f.modifiersData.popperOffsets.x += l, f.modifiersData.popperOffsets.y += r), f.modifiersData[a] = A;
 }
-var kt = {
+var VA = {
   name: "offset",
   enabled: !0,
   phase: "main",
   requires: ["popperOffsets"],
-  fn: Nt
+  fn: jA
 };
-function jt(e) {
+function EA(e) {
   var f = e.state, n = e.name;
   f.modifiersData[n] = dn({
     reference: f.rects.reference,
@@ -13458,113 +13476,113 @@ function jt(e) {
     placement: f.placement
   });
 }
-var Vt = {
+var TA = {
   name: "popperOffsets",
   enabled: !0,
   phase: "read",
-  fn: jt,
+  fn: EA,
   data: {}
 };
-function Et(e) {
+function xA(e) {
   return e === "x" ? "y" : "x";
 }
-function Tt(e) {
-  var f = e.state, n = e.options, a = e.name, A = n.mainAxis, s = A === void 0 ? !0 : A, t = n.altAxis, i = t === void 0 ? !1 : t, l = n.boundary, r = n.rootBoundary, g = n.altBoundary, d = n.padding, p = n.tether, m = p === void 0 ? !0 : p, h = n.tetherOffset, _ = h === void 0 ? 0 : h, M = Oe(f, {
+function SA(e) {
+  var f = e.state, n = e.options, a = e.name, t = n.mainAxis, s = t === void 0 ? !0 : t, A = n.altAxis, i = A === void 0 ? !1 : A, l = n.boundary, r = n.rootBoundary, g = n.altBoundary, d = n.padding, m = n.tether, p = m === void 0 ? !0 : m, h = n.tetherOffset, I = h === void 0 ? 0 : h, M = Oe(f, {
     boundary: l,
     rootBoundary: r,
     padding: d,
     altBoundary: g
-  }), v = fe(f.placement), b = _e(f.placement), D = !b, N = bf(v), V = Et(N), E = f.modifiersData.popperOffsets, T = f.rects.reference, z = f.rects.popper, Q = typeof _ == "function" ? _(Object.assign({}, f.rects, {
+  }), N = fe(f.placement), v = Ie(f.placement), _ = !v, k = bf(N), E = xA(k), V = f.modifiersData.popperOffsets, x = f.rects.reference, O = f.rects.popper, L = typeof I == "function" ? I(Object.assign({}, f.rects, {
     placement: f.placement
-  })) : _, C = typeof Q == "number" ? {
-    mainAxis: Q,
-    altAxis: Q
+  })) : I, C = typeof L == "number" ? {
+    mainAxis: L,
+    altAxis: L
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, Q), U = f.modifiersData.offset ? f.modifiersData.offset[f.placement] : null, Y = {
+  }, L), U = f.modifiersData.offset ? f.modifiersData.offset[f.placement] : null, R = {
     x: 0,
     y: 0
   };
-  if (E) {
+  if (V) {
     if (s) {
-      var ue, Ne = N === "y" ? q : F, ke = N === "y" ? Z : G, J = N === "y" ? "height" : "width", X = E[N], Be = X + M[Ne], le = X - M[ke], Ye = m ? -z[J] / 2 : 0, ff = b === ye ? T[J] : z[J], je = b === ye ? -z[J] : -T[J], Re = f.elements.arrow, pe = m && Re ? yf(Re) : {
+      var oe, Ne = k === "y" ? F : $, De = k === "y" ? Z : G, W = k === "y" ? "height" : "width", X = V[k], Be = X + M[Ne], ue = X - M[De], Ye = p ? -O[W] / 2 : 0, ff = v === ye ? x[W] : O[W], je = v === ye ? -O[W] : -x[W], Re = f.elements.arrow, pe = p && Re ? yf(Re) : {
         width: 0,
         height: 0
-      }, te = f.modifiersData["arrow#persistent"] ? f.modifiersData["arrow#persistent"].padding : un(), Ve = te[Ne], qe = te[ke], re = Te(0, T[J], pe[J]), nf = D ? T[J] / 2 - Ye - re - Ve - C.mainAxis : ff - re - Ve - C.mainAxis, Mn = D ? -T[J] / 2 + Ye + re + qe + C.mainAxis : je + re + qe + C.mainAxis, af = f.elements.arrow && Le(f.elements.arrow), hn = af ? N === "y" ? af.clientTop || 0 : af.clientLeft || 0 : 0, Df = (ue = U == null ? void 0 : U[N]) != null ? ue : 0, yn = X + nf - Df - hn, bn = X + Mn - Df, Nf = Te(m ? Ze(Be, yn) : Be, X, m ? de(le, bn) : le);
-      E[N] = Nf, Y[N] = Nf - X;
+      }, Ae = f.modifiersData["arrow#persistent"] ? f.modifiersData["arrow#persistent"].padding : un(), Ve = Ae[Ne], qe = Ae[De], le = Te(0, x[W], pe[W]), nf = _ ? x[W] / 2 - Ye - le - Ve - C.mainAxis : ff - le - Ve - C.mainAxis, hn = _ ? -x[W] / 2 + Ye + le + qe + C.mainAxis : je + le + qe + C.mainAxis, af = f.elements.arrow && Le(f.elements.arrow), yn = af ? k === "y" ? af.clientTop || 0 : af.clientLeft || 0 : 0, kf = (oe = U == null ? void 0 : U[k]) != null ? oe : 0, bn = X + nf - kf - yn, vn = X + hn - kf, Nf = Te(p ? Ze(Be, bn) : Be, X, p ? ce(ue, vn) : ue);
+      V[k] = Nf, R[k] = Nf - X;
     }
     if (i) {
-      var kf, vn = N === "x" ? q : F, In = N === "x" ? Z : G, ce = E[V], Fe = V === "y" ? "height" : "width", jf = ce + M[vn], Vf = ce - M[In], Af = [q, F].indexOf(v) !== -1, Ef = (kf = U == null ? void 0 : U[V]) != null ? kf : 0, Tf = Af ? jf : ce - T[Fe] - z[Fe] - Ef + C.altAxis, xf = Af ? ce + T[Fe] + z[Fe] - Ef - C.altAxis : Vf, Sf = m && Af ? ft(Tf, ce, xf) : Te(m ? Tf : jf, ce, m ? xf : Vf);
-      E[V] = Sf, Y[V] = Sf - ce;
+      var Df, _n = k === "x" ? F : $, In = k === "x" ? Z : G, re = V[E], Fe = E === "y" ? "height" : "width", jf = re + M[_n], Vf = re - M[In], tf = [F, $].indexOf(N) !== -1, Ef = (Df = U == null ? void 0 : U[E]) != null ? Df : 0, Tf = tf ? jf : re - x[Fe] - O[Fe] - Ef + C.altAxis, xf = tf ? re + x[Fe] + O[Fe] - Ef - C.altAxis : Vf, Sf = p && tf ? aA(Tf, re, xf) : Te(p ? Tf : jf, re, p ? xf : Vf);
+      V[E] = Sf, R[E] = Sf - re;
     }
-    f.modifiersData[a] = Y;
+    f.modifiersData[a] = R;
   }
 }
-var xt = {
+var zA = {
   name: "preventOverflow",
   enabled: !0,
   phase: "main",
-  fn: Tt,
+  fn: SA,
   requiresIfExists: ["offset"]
 };
-function St(e) {
+function OA(e) {
   return {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   };
 }
-function zt(e) {
-  return e === ee(e) || !H(e) ? vf(e) : St(e);
+function CA(e) {
+  return e === ee(e) || !P(e) ? vf(e) : OA(e);
 }
-function Ot(e) {
+function UA(e) {
   var f = e.getBoundingClientRect(), n = ve(f.width) / e.offsetWidth || 1, a = ve(f.height) / e.offsetHeight || 1;
   return n !== 1 || a !== 1;
 }
-function Ct(e, f, n) {
+function LA(e, f, n) {
   n === void 0 && (n = !1);
-  var a = H(f), A = H(f) && Ot(f), s = oe(f), t = Ie(e, A), i = {
+  var a = P(f), t = P(f) && UA(f), s = ie(f), A = _e(e, t), i = {
     scrollLeft: 0,
     scrollTop: 0
   }, l = {
     x: 0,
     y: 0
   };
-  return (a || !a && !n) && ((ne(f) !== "body" || _f(s)) && (i = zt(f)), H(f) ? (l = Ie(f, !0), l.x += f.clientLeft, l.y += f.clientTop) : s && (l.x = If(s))), {
-    x: t.left + i.scrollLeft - l.x,
-    y: t.top + i.scrollTop - l.y,
-    width: t.width,
-    height: t.height
+  return (a || !a && !n) && ((ne(f) !== "body" || If(s)) && (i = CA(f)), P(f) ? (l = _e(f, !0), l.x += f.clientLeft, l.y += f.clientTop) : s && (l.x = _f(s))), {
+    x: A.left + i.scrollLeft - l.x,
+    y: A.top + i.scrollTop - l.y,
+    width: A.width,
+    height: A.height
   };
 }
-function Ut(e) {
+function QA(e) {
   var f = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), a = [];
   e.forEach(function(s) {
     f.set(s.name, s);
   });
-  function A(s) {
+  function t(s) {
     n.add(s.name);
-    var t = [].concat(s.requires || [], s.requiresIfExists || []);
-    t.forEach(function(i) {
+    var A = [].concat(s.requires || [], s.requiresIfExists || []);
+    A.forEach(function(i) {
       if (!n.has(i)) {
         var l = f.get(i);
-        l && A(l);
+        l && t(l);
       }
     }), a.push(s);
   }
   return e.forEach(function(s) {
-    n.has(s.name) || A(s);
+    n.has(s.name) || t(s);
   }), a;
 }
-function Lt(e) {
-  var f = Ut(e);
-  return KA.reduce(function(n, a) {
-    return n.concat(f.filter(function(A) {
-      return A.phase === a;
+function BA(e) {
+  var f = QA(e);
+  return Zt.reduce(function(n, a) {
+    return n.concat(f.filter(function(t) {
+      return t.phase === a;
     }));
   }, []);
 }
-function Qt(e) {
+function YA(e) {
   var f;
   return function() {
     return f || (f = new Promise(function(n) {
@@ -13574,12 +13592,12 @@ function Qt(e) {
     })), f;
   };
 }
-function Bt(e) {
+function RA(e) {
   var f = e.reduce(function(n, a) {
-    var A = n[a.name];
-    return n[a.name] = A ? Object.assign({}, A, a, {
-      options: Object.assign({}, A.options, a.options),
-      data: Object.assign({}, A.data, a.data)
+    var t = n[a.name];
+    return n[a.name] = t ? Object.assign({}, t, a, {
+      options: Object.assign({}, t.options, a.options),
+      data: Object.assign({}, t.data, a.data)
     }) : a, n;
   }, {});
   return Object.keys(f).map(function(n) {
@@ -13598,9 +13616,9 @@ function Kf() {
     return !(a && typeof a.getBoundingClientRect == "function");
   });
 }
-function Yt(e) {
+function qA(e) {
   e === void 0 && (e = {});
-  var f = e, n = f.defaultModifiers, a = n === void 0 ? [] : n, A = f.defaultOptions, s = A === void 0 ? Hf : A;
+  var f = e, n = f.defaultModifiers, a = n === void 0 ? [] : n, t = f.defaultOptions, s = t === void 0 ? Hf : t;
   return function(i, l, r) {
     r === void 0 && (r = s);
     var g = {
@@ -13614,111 +13632,111 @@ function Yt(e) {
       },
       attributes: {},
       styles: {}
-    }, d = [], p = !1, m = {
+    }, d = [], m = !1, p = {
       state: g,
-      setOptions: function(v) {
-        var b = typeof v == "function" ? v(g.options) : v;
-        _(), g.options = Object.assign({}, s, g.options, b), g.scrollParents = {
+      setOptions: function(N) {
+        var v = typeof N == "function" ? N(g.options) : N;
+        I(), g.options = Object.assign({}, s, g.options, v), g.scrollParents = {
           reference: be(i) ? xe(i) : i.contextElement ? xe(i.contextElement) : [],
           popper: xe(l)
         };
-        var D = Lt(Bt([].concat(a, g.options.modifiers)));
-        return g.orderedModifiers = D.filter(function(N) {
-          return N.enabled;
-        }), h(), m.update();
+        var _ = BA(RA([].concat(a, g.options.modifiers)));
+        return g.orderedModifiers = _.filter(function(k) {
+          return k.enabled;
+        }), h(), p.update();
       },
       forceUpdate: function() {
-        if (!p) {
-          var v = g.elements, b = v.reference, D = v.popper;
-          if (Kf(b, D)) {
+        if (!m) {
+          var N = g.elements, v = N.reference, _ = N.popper;
+          if (Kf(v, _)) {
             g.rects = {
-              reference: Ct(b, Le(D), g.options.strategy === "fixed"),
-              popper: yf(D)
+              reference: LA(v, Le(_), g.options.strategy === "fixed"),
+              popper: yf(_)
             }, g.reset = !1, g.placement = g.options.placement, g.orderedModifiers.forEach(function(C) {
               return g.modifiersData[C.name] = Object.assign({}, C.data);
             });
-            for (var N = 0; N < g.orderedModifiers.length; N++) {
+            for (var k = 0; k < g.orderedModifiers.length; k++) {
               if (g.reset === !0) {
-                g.reset = !1, N = -1;
+                g.reset = !1, k = -1;
                 continue;
               }
-              var V = g.orderedModifiers[N], E = V.fn, T = V.options, z = T === void 0 ? {} : T, Q = V.name;
-              typeof E == "function" && (g = E({
+              var E = g.orderedModifiers[k], V = E.fn, x = E.options, O = x === void 0 ? {} : x, L = E.name;
+              typeof V == "function" && (g = V({
                 state: g,
-                options: z,
-                name: Q,
-                instance: m
+                options: O,
+                name: L,
+                instance: p
               }) || g);
             }
           }
         }
       },
-      update: Qt(function() {
+      update: YA(function() {
         return new Promise(function(M) {
-          m.forceUpdate(), M(g);
+          p.forceUpdate(), M(g);
         });
       }),
       destroy: function() {
-        _(), p = !0;
+        I(), m = !0;
       }
     };
     if (!Kf(i, l))
-      return m;
-    m.setOptions(r).then(function(M) {
-      !p && r.onFirstUpdate && r.onFirstUpdate(M);
+      return p;
+    p.setOptions(r).then(function(M) {
+      !m && r.onFirstUpdate && r.onFirstUpdate(M);
     });
     function h() {
       g.orderedModifiers.forEach(function(M) {
-        var v = M.name, b = M.options, D = b === void 0 ? {} : b, N = M.effect;
-        if (typeof N == "function") {
-          var V = N({
+        var N = M.name, v = M.options, _ = v === void 0 ? {} : v, k = M.effect;
+        if (typeof k == "function") {
+          var E = k({
             state: g,
-            name: v,
-            instance: m,
-            options: D
-          }), E = function() {
+            name: N,
+            instance: p,
+            options: _
+          }), V = function() {
           };
-          d.push(V || E);
+          d.push(E || V);
         }
       });
     }
-    function _() {
+    function I() {
       d.forEach(function(M) {
         return M();
       }), d = [];
     }
-    return m;
+    return p;
   };
 }
-var Rt = [rt, Vt, ut, GA, kt, It, xt, tt, wt], qt = /* @__PURE__ */ Yt({
-  defaultModifiers: Rt
+var FA = [dA, TA, rA, eA, VA, wA, zA, iA, NA], $A = /* @__PURE__ */ qA({
+  defaultModifiers: FA
 }), gn = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgOS4zODI4MTMgNCA0IDkuMzgyODEzIDQgMTYgQyA0IDIyLjYxNzE4OCA5LjM4MjgxMyAyOCAxNiAyOCBDIDIyLjYxNzE4OCAyOCAyOCAyMi42MTcxODggMjggMTYgQyAyOCA5LjM4MjgxMyAyMi42MTcxODggNCAxNiA0IFogTSAxNiA2IEMgMjEuNTM1MTU2IDYgMjYgMTAuNDY0ODQ0IDI2IDE2IEMgMjYgMjEuNTM1MTU2IDIxLjUzNTE1NiAyNiAxNiAyNiBDIDEwLjQ2NDg0NCAyNiA2IDIxLjUzNTE1NiA2IDE2IEMgNiAxMC40NjQ4NDQgMTAuNDY0ODQ0IDYgMTYgNiBaIE0gMTEuNSAxMiBDIDEwLjY3MTg3NSAxMiAxMCAxMi42NzE4NzUgMTAgMTMuNSBDIDEwIDE0LjMyODEyNSAxMC42NzE4NzUgMTUgMTEuNSAxNSBDIDEyLjMyODEyNSAxNSAxMyAxNC4zMjgxMjUgMTMgMTMuNSBDIDEzIDEyLjY3MTg3NSAxMi4zMjgxMjUgMTIgMTEuNSAxMiBaIE0gMjAuNSAxMiBDIDE5LjY3MTg3NSAxMiAxOSAxMi42NzE4NzUgMTkgMTMuNSBDIDE5IDE0LjMyODEyNSAxOS42NzE4NzUgMTUgMjAuNSAxNSBDIDIxLjMyODEyNSAxNSAyMiAxNC4zMjgxMjUgMjIgMTMuNSBDIDIyIDEyLjY3MTg3NSAyMS4zMjgxMjUgMTIgMjAuNSAxMiBaIE0gMTAuODEyNSAxOSBMIDkuMDkzNzUgMjAgQyAxMC40NzY1NjMgMjIuMzg2NzE5IDEzLjA0Njg3NSAyNCAxNiAyNCBDIDE4Ljk1MzEyNSAyNCAyMS41MjM0MzggMjIuMzg2NzE5IDIyLjkwNjI1IDIwIEwgMjEuMTg3NSAxOSBDIDIwLjE0ODQzOCAyMC43OTI5NjkgMTguMjI2NTYzIDIyIDE2IDIyIEMgMTMuNzczNDM4IDIyIDExLjg1MTU2MyAyMC43OTI5NjkgMTAuODEyNSAxOSBaIi8+PC9zdmc+";
 function Ke(e) {
   return e.split("-").map((f) => parseInt(f, 16)).map((f) => String.fromCodePoint(f)).join("");
 }
-function Ft(e, f, n, a = []) {
-  const A = {};
+function WA(e, f, n, a = []) {
+  const t = {};
   return Object.keys(e).forEach((s) => {
     if (a.includes(s))
       return;
-    const t = [];
+    const A = [];
     e[s].forEach((i) => {
       var l;
       if (i[Xe][0].includes(f.toLocaleLowerCase())) {
         let r = i[fn];
-        if (n !== Pe && Array.isArray(i[Je])) {
-          const g = ((l = i[Je]) == null ? void 0 : l.findIndex(
+        if (n !== Pe && Array.isArray(i[$e])) {
+          const g = ((l = i[$e]) == null ? void 0 : l.findIndex(
             (d) => d.includes(n)
           )) || -1;
-          g !== -1 && i[Je] && (r = i[Je][g]);
+          g !== -1 && i[$e] && (r = i[$e][g]);
         }
-        return t.push({
+        return A.push({
           ...i,
           [Se]: r
         });
       }
-    }), t.length && (A[s] = t);
-  }), A;
+    }), A.length && (t[s] = A);
+  }), t;
 }
 function mn() {
   var e;
@@ -13732,22 +13750,22 @@ function pn(e) {
 }
 var Qe = (e, f) => {
   const n = e.__vccOpts || e;
-  for (const [a, A] of f)
-    n[a] = A;
+  for (const [a, t] of f)
+    n[a] = t;
   return n;
 };
-const Jt = me({
+const JA = ge({
   name: "Body",
   emits: {
     select: (e) => !0
   },
   setup() {
-    const { state: e, updateEmoji: f, updateSelect: n } = Ge("store"), a = I(null), A = x(() => Ft(
+    const { state: e, updateEmoji: f, updateSelect: n } = Ge("store"), a = b(null), t = T(() => WA(
       e.emojis,
       e.search,
       e.skinTone,
       e.options.disabledGroups
-    )), s = Dn(), t = x(() => !e.options.hideGroupNames), i = x(() => !e.options.disableStickyGroupNames), l = Pf(e.options.groupNames), r = e.orderedGroupKeys;
+    )), s = Nn(), A = T(() => !e.options.hideGroupNames), i = T(() => !e.options.disableStickyGroupNames), l = Pf(e.options.groupNames), r = e.orderedGroupKeys;
     e.options.additionalGroups && Object.keys(e.options.additionalGroups).map((h) => {
       e.options.groupNames[h] ? l[h] = e.options.groupNames[h] : l[h] = pn(h);
     });
@@ -13755,93 +13773,93 @@ const Jt = me({
     function d(h) {
       f(h);
     }
-    function p(h) {
+    function m(h) {
       n(h), s == null || s.emit("select", {
         ...h,
         t: e.skinTone,
         i: Ke(h.r)
       });
     }
-    function m(h, _) {
+    function p(h, I) {
       var M;
-      const v = (M = h == null ? void 0 : h.target) == null ? void 0 : M.closest("button");
-      v && (v.innerHTML = `<span>${Ke(_)}</span>`);
+      const N = (M = h == null ? void 0 : h.target) == null ? void 0 : M.closest("button");
+      N && (N.innerHTML = `<span>${Ke(I)}</span>`);
     }
     return Ce(
       () => e.activeGroup,
       () => {
         var h;
-        const _ = (h = a.value) == null ? void 0 : h.querySelector("#" + e.activeGroup);
-        _ && (_.parentNode.scrollTop = _.offsetTop - _.parentNode.offsetTop);
+        const I = (h = a.value) == null ? void 0 : h.querySelector("#" + e.activeGroup);
+        I && (I.parentNode.scrollTop = I.offsetTop - I.parentNode.offsetTop);
       }
     ), {
-      emojis: A,
+      emojis: t,
       bodyInner: a,
       EMOJI_REMOTE_SRC: Xf,
       GROUP_NAMES: en,
-      handleClick: p,
-      handleError: m,
+      handleClick: m,
+      handleError: p,
       handleMouseEnter: d,
       native: e.options.native,
       unicodeToEmoji: Ke,
       EMOJI_RESULT_KEY: Se,
       EMOJI_NAME_KEY: Xe,
-      hasGroupNames: t,
+      hasGroupNames: A,
       isSticky: i,
       platform: g,
       groupNames: l,
       orderedKeys: r
     };
   }
-}), Wt = { class: "v3-body" }, $t = ["id"], Ht = { class: "v3-emojis" }, Kt = ["onMouseenter", "onClick"], Pt = { key: 0 }, Zt = ["src", "alt", "onError"], Gt = {
+}), HA = { class: "v3-body" }, KA = ["id"], PA = { class: "v3-emojis" }, ZA = ["onMouseenter", "onClick"], GA = { key: 0 }, XA = ["src", "alt", "onError"], es = {
   key: 1,
   class: "v3-no-result"
 };
-function Xt(e, f, n, a, A, s) {
-  return u(), c("div", Wt, [
+function fs(e, f, n, a, t, s) {
+  return u(), c("div", HA, [
     o("div", {
       ref: "bodyInner",
-      class: k([e.platform, "v3-body-inner"])
+      class: D([e.platform, "v3-body-inner"])
     }, [
-      e.orderedKeys.length ? (u(!0), c(B, { key: 0 }, R(e.orderedKeys, (t) => (u(), c("div", {
-        id: t,
-        key: t,
+      e.orderedKeys.length ? (u(!0), c(B, { key: 0 }, Y(e.orderedKeys, (A) => (u(), c("div", {
+        id: A,
+        key: A,
         class: "v3-group"
       }, [
-        e.hasGroupNames ? Ae((u(), c("h5", {
+        e.hasGroupNames ? te((u(), c("h5", {
           key: 0,
-          class: k(e.isSticky ? "v3-sticky" : "")
-        }, w(e.groupNames[t]), 3)), [
-          [Me, e.emojis[t]]
+          class: D(e.isSticky ? "v3-sticky" : "")
+        }, w(e.groupNames[A]), 3)), [
+          [Me, e.emojis[A]]
         ]) : y("", !0),
-        Ae(o("div", Ht, [
-          (u(!0), c(B, null, R(e.emojis[t], (i) => (u(), c("button", {
+        te(o("div", PA, [
+          (u(!0), c(B, null, Y(e.emojis[A], (i) => (u(), c("button", {
             key: i.r,
             type: "button",
             onMouseenter: (l) => e.handleMouseEnter(i),
             onClick: (l) => e.handleClick(i)
           }, [
-            e.native ? (u(), c("span", Pt, w(e.unicodeToEmoji(i.r)), 1)) : (u(), c("img", {
+            e.native ? (u(), c("span", GA, w(e.unicodeToEmoji(i.r)), 1)) : (u(), c("img", {
               key: 1,
               src: e.EMOJI_REMOTE_SRC + `/${i.r}.png`,
               alt: i.n[0],
               onError: (l) => e.handleError(l, i.r)
-            }, null, 40, Zt))
-          ], 40, Kt))), 128))
+            }, null, 40, XA))
+          ], 40, ZA))), 128))
         ], 512), [
-          [Me, e.emojis[t]]
+          [Me, e.emojis[A]]
         ])
-      ], 8, $t))), 128)) : (u(), c("span", Gt, " No emoji has been found! "))
+      ], 8, KA))), 128)) : (u(), c("span", es, " No emoji has been found! "))
     ], 2)
   ]);
 }
-var es = /* @__PURE__ */ Qe(Jt, [["render", Xt]]), fs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMi41IDUgQyAxMS40Mjk2ODggNSAxMC41IDUuNjA5Mzc1IDkuOTA2MjUgNi40Mzc1IEMgOS4zMTI1IDcuMjY1NjI1IDkgOC4zMzk4NDQgOSA5LjUgQyA5IDEwLjY2MDE1NiA5LjMxMjUgMTEuNzM0Mzc1IDkuOTA2MjUgMTIuNTYyNSBDIDEwLjUgMTMuMzkwNjI1IDExLjQyOTY4OCAxNCAxMi41IDE0IEMgMTMuNTcwMzEzIDE0IDE0LjUgMTMuMzkwNjI1IDE1LjA5Mzc1IDEyLjU2MjUgQyAxNS42ODc1IDExLjczNDM3NSAxNiAxMC42NjAxNTYgMTYgOS41IEMgMTYgOC4zMzk4NDQgMTUuNjg3NSA3LjI2NTYyNSAxNS4wOTM3NSA2LjQzNzUgQyAxNC41IDUuNjA5Mzc1IDEzLjU3MDMxMyA1IDEyLjUgNSBaIE0gMTYgOS41IEMgMTYgMTAuNjYwMTU2IDE2LjMxMjUgMTEuNzM0Mzc1IDE2LjkwNjI1IDEyLjU2MjUgQyAxNy41IDEzLjM5MDYyNSAxOC40Mjk2ODggMTQgMTkuNSAxNCBDIDIwLjU3MDMxMyAxNCAyMS41IDEzLjM5MDYyNSAyMi4wOTM3NSAxMi41NjI1IEMgMjIuNjg3NSAxMS43MzQzNzUgMjMgMTAuNjYwMTU2IDIzIDkuNSBDIDIzIDguMzM5ODQ0IDIyLjY4NzUgNy4yNjU2MjUgMjIuMDkzNzUgNi40Mzc1IEMgMjEuNSA1LjYwOTM3NSAyMC41NzAzMTMgNSAxOS41IDUgQyAxOC40Mjk2ODggNSAxNy41IDUuNjA5Mzc1IDE2LjkwNjI1IDYuNDM3NSBDIDE2LjMxMjUgNy4yNjU2MjUgMTYgOC4zMzk4NDQgMTYgOS41IFogTSAxMi41IDcgQyAxMi44MTI1IDcgMTMuMTU2MjUgNy4xNTYyNSAxMy40Njg3NSA3LjU5Mzc1IEMgMTMuNzgxMjUgOC4wMzEyNSAxNCA4LjcyNjU2MyAxNCA5LjUgQyAxNCAxMC4yNzM0MzggMTMuNzgxMjUgMTAuOTY4NzUgMTMuNDY4NzUgMTEuNDA2MjUgQyAxMy4xNTYyNSAxMS44NDM3NSAxMi44MTI1IDEyIDEyLjUgMTIgQyAxMi4xODc1IDEyIDExLjg0Mzc1IDExLjg0Mzc1IDExLjUzMTI1IDExLjQwNjI1IEMgMTEuMjE4NzUgMTAuOTY4NzUgMTEgMTAuMjczNDM4IDExIDkuNSBDIDExIDguNzI2NTYzIDExLjIxODc1IDguMDMxMjUgMTEuNTMxMjUgNy41OTM3NSBDIDExLjg0Mzc1IDcuMTU2MjUgMTIuMTg3NSA3IDEyLjUgNyBaIE0gMTkuNSA3IEMgMTkuODEyNSA3IDIwLjE1NjI1IDcuMTU2MjUgMjAuNDY4NzUgNy41OTM3NSBDIDIwLjc4MTI1IDguMDMxMjUgMjEgOC43MjY1NjMgMjEgOS41IEMgMjEgMTAuMjczNDM4IDIwLjc4MTI1IDEwLjk2ODc1IDIwLjQ2ODc1IDExLjQwNjI1IEMgMjAuMTU2MjUgMTEuODQzNzUgMTkuODEyNSAxMiAxOS41IDEyIEMgMTkuMTg3NSAxMiAxOC44NDM3NSAxMS44NDM3NSAxOC41MzEyNSAxMS40MDYyNSBDIDE4LjIxODc1IDEwLjk2ODc1IDE4IDEwLjI3MzQzOCAxOCA5LjUgQyAxOCA4LjcyNjU2MyAxOC4yMTg3NSA4LjAzMTI1IDE4LjUzMTI1IDcuNTkzNzUgQyAxOC44NDM3NSA3LjE1NjI1IDE5LjE4NzUgNyAxOS41IDcgWiBNIDcuNSAxMiBDIDYuNDI5Njg4IDEyIDUuNSAxMi42MDkzNzUgNC45MDYyNSAxMy40Mzc1IEMgNC4zMTI1IDE0LjI2NTYyNSA0IDE1LjMzOTg0NCA0IDE2LjUgQyA0IDE3LjY2MDE1NiA0LjMxMjUgMTguNzM0Mzc1IDQuOTA2MjUgMTkuNTYyNSBDIDUuNSAyMC4zOTA2MjUgNi40Mjk2ODggMjEgNy41IDIxIEMgOC41NzAzMTMgMjEgOS41IDIwLjM5MDYyNSAxMC4wOTM3NSAxOS41NjI1IEMgMTAuNjg3NSAxOC43MzQzNzUgMTEgMTcuNjYwMTU2IDExIDE2LjUgQyAxMSAxNS4zMzk4NDQgMTAuNjg3NSAxNC4yNjU2MjUgMTAuMDkzNzUgMTMuNDM3NSBDIDkuNSAxMi42MDkzNzUgOC41NzAzMTMgMTIgNy41IDEyIFogTSAyNC41IDEyIEMgMjMuNDI5Njg4IDEyIDIyLjUgMTIuNjA5Mzc1IDIxLjkwNjI1IDEzLjQzNzUgQyAyMS4zMTI1IDE0LjI2NTYyNSAyMSAxNS4zMzk4NDQgMjEgMTYuNSBDIDIxIDE3LjY2MDE1NiAyMS4zMTI1IDE4LjczNDM3NSAyMS45MDYyNSAxOS41NjI1IEMgMjIuNSAyMC4zOTA2MjUgMjMuNDI5Njg4IDIxIDI0LjUgMjEgQyAyNS41NzAzMTMgMjEgMjYuNSAyMC4zOTA2MjUgMjcuMDkzNzUgMTkuNTYyNSBDIDI3LjY4NzUgMTguNzM0Mzc1IDI4IDE3LjY2MDE1NiAyOCAxNi41IEMgMjggMTUuMzM5ODQ0IDI3LjY4NzUgMTQuMjY1NjI1IDI3LjA5Mzc1IDEzLjQzNzUgQyAyNi41IDEyLjYwOTM3NSAyNS41NzAzMTMgMTIgMjQuNSAxMiBaIE0gNy41IDE0IEMgNy44MTI1IDE0IDguMTU2MjUgMTQuMTU2MjUgOC40Njg3NSAxNC41OTM3NSBDIDguNzgxMjUgMTUuMDMxMjUgOSAxNS43MjY1NjMgOSAxNi41IEMgOSAxNy4yNzM0MzggOC43ODEyNSAxNy45Njg3NSA4LjQ2ODc1IDE4LjQwNjI1IEMgOC4xNTYyNSAxOC44NDM3NSA3LjgxMjUgMTkgNy41IDE5IEMgNy4xODc1IDE5IDYuODQzNzUgMTguODQzNzUgNi41MzEyNSAxOC40MDYyNSBDIDYuMjE4NzUgMTcuOTY4NzUgNiAxNy4yNzM0MzggNiAxNi41IEMgNiAxNS43MjY1NjMgNi4yMTg3NSAxNS4wMzEyNSA2LjUzMTI1IDE0LjU5Mzc1IEMgNi44NDM3NSAxNC4xNTYyNSA3LjE4NzUgMTQgNy41IDE0IFogTSAyNC41IDE0IEMgMjQuODEyNSAxNCAyNS4xNTYyNSAxNC4xNTYyNSAyNS40Njg3NSAxNC41OTM3NSBDIDI1Ljc4MTI1IDE1LjAzMTI1IDI2IDE1LjcyNjU2MyAyNiAxNi41IEMgMjYgMTcuMjczNDM4IDI1Ljc4MTI1IDE3Ljk2ODc1IDI1LjQ2ODc1IDE4LjQwNjI1IEMgMjUuMTU2MjUgMTguODQzNzUgMjQuODEyNSAxOSAyNC41IDE5IEMgMjQuMTg3NSAxOSAyMy44NDM3NSAxOC44NDM3NSAyMy41MzEyNSAxOC40MDYyNSBDIDIzLjIxODc1IDE3Ljk2ODc1IDIzIDE3LjI3MzQzOCAyMyAxNi41IEMgMjMgMTUuNzI2NTYzIDIzLjIxODc1IDE1LjAzMTI1IDIzLjUzMTI1IDE0LjU5Mzc1IEMgMjMuODQzNzUgMTQuMTU2MjUgMjQuMTg3NSAxNCAyNC41IDE0IFogTSAxNiAxNiBDIDE0LjY2Nzk2OSAxNiAxMy43MzgyODEgMTYuODY3MTg4IDEzLjI4MTI1IDE3LjYyNSBDIDEyLjgyNDIxOSAxOC4zODI4MTMgMTIuNTQ2ODc1IDE5LjAxNTYyNSAxMi4yODEyNSAxOS4yODEyNSBDIDEyLjEyNSAxOS40Mzc1IDExLjE2MDE1NiAxOS44MDA3ODEgMTAuMTU2MjUgMjAuMzEyNSBDIDkuNjUyMzQ0IDIwLjU3MDMxMyA5LjE0NDUzMSAyMC45MTQwNjMgOC43MTg3NSAyMS40Mzc1IEMgOC4yOTI5NjkgMjEuOTYwOTM4IDggMjIuNjg3NSA4IDIzLjUgQyA4IDI1LjQyMTg3NSA5LjU3ODEyNSAyNyAxMS41IDI3IEMgMTIuMzY3MTg4IDI3IDEzLjI2OTUzMSAyNi43MjI2NTYgMTQuMTU2MjUgMjYuNDY4NzUgQyAxNS4wNDI5NjkgMjYuMjE0ODQ0IDE2IDI2IDE2IDI2IEMgMTYgMjYgMTYuOTU3MDMxIDI2LjIxNDg0NCAxNy44NDM3NSAyNi40Njg3NSBDIDE4LjczMDQ2OSAyNi43MjI2NTYgMTkuNjMyODEzIDI3IDIwLjUgMjcgQyAyMi40MjE4NzUgMjcgMjQgMjUuNDIxODc1IDI0IDIzLjUgQyAyNCAyMi43MDcwMzEgMjMuNzA3MDMxIDIxLjk4MDQ2OSAyMy4yODEyNSAyMS40Njg3NSBDIDIyLjg1NTQ2OSAyMC45NTcwMzEgMjIuMzQzNzUgMjAuNjQwNjI1IDIxLjg0Mzc1IDIwLjM3NSBDIDIwLjg0Mzc1IDE5Ljg0Mzc1IDE5Ljg1OTM3NSAxOS40MjE4NzUgMTkuNzE4NzUgMTkuMjgxMjUgQyAxOS40ODA0NjkgMTkuMDQyOTY5IDE5LjIxMDkzOCAxOC4zOTA2MjUgMTguNzUgMTcuNjI1IEMgMTguMjg5MDYzIDE2Ljg1OTM3NSAxNy4zMzk4NDQgMTYgMTYgMTYgWiBNIDE2IDE4IEMgMTYuNjYwMTU2IDE4IDE2LjczNDM3NSAxOC4xNjAxNTYgMTcuMDMxMjUgMTguNjU2MjUgQyAxNy4zMjgxMjUgMTkuMTUyMzQ0IDE3LjU1NDY4OCAxOS45OTIxODggMTguMjgxMjUgMjAuNzE4NzUgQyAxOS4xMDU0NjkgMjEuNTQyOTY5IDIwLjE0ODQzOCAyMS43MjI2NTYgMjAuOTA2MjUgMjIuMTI1IEMgMjEuMjg1MTU2IDIyLjMyODEyNSAyMS41NzgxMjUgMjIuNTQyOTY5IDIxLjc1IDIyLjc1IEMgMjEuOTIxODc1IDIyLjk1NzAzMSAyMiAyMy4xNDg0MzggMjIgMjMuNSBDIDIyIDI0LjMzOTg0NCAyMS4zMzk4NDQgMjUgMjAuNSAyNSBDIDIwLjIxMDkzOCAyNSAxOS4yNzczNDQgMjQuNzc3MzQ0IDE4LjQwNjI1IDI0LjUzMTI1IEMgMTcuNTM1MTU2IDI0LjI4NTE1NiAxNi44MTY0MDYgMjQgMTYgMjQgQyAxNS4xODM1OTQgMjQgMTQuNDY0ODQ0IDI0LjI4NTE1NiAxMy41OTM3NSAyNC41MzEyNSBDIDEyLjcyMjY1NiAyNC43NzczNDQgMTEuNzg5MDYzIDI1IDExLjUgMjUgQyAxMC42NjAxNTYgMjUgMTAgMjQuMzM5ODQ0IDEwIDIzLjUgQyAxMCAyMy4wOTc2NTYgMTAuMDgyMDMxIDIyLjg5MDYyNSAxMC4yNSAyMi42ODc1IEMgMTAuNDE3OTY5IDIyLjQ4NDM3NSAxMC43MjI2NTYgMjIuMjg1MTU2IDExLjA5Mzc1IDIyLjA5Mzc1IEMgMTEuODM5ODQ0IDIxLjcxNDg0NCAxMi44NzUgMjEuNTYyNSAxMy43MTg3NSAyMC43MTg3NSBDIDE0LjQ1MzEyNSAxOS45ODQzNzUgMTQuNjc1NzgxIDE5LjExNzE4OCAxNC45Njg3NSAxOC42MjUgQyAxNS4yNjE3MTkgMTguMTMyODEzIDE1LjMzMjAzMSAxOCAxNiAxOCBaIi8+PC9zdmc+", ns = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMSAzIEwgMTEgNyBMIDEzIDcgTCAxMyAzIFogTSAxNSA0IEwgMTUgNyBMIDE3IDcgTCAxNyA0IFogTSA0Ljg3NSA4IEwgNSA5LjA5Mzc1IEwgNi44MTI1IDI2LjMxMjUgQyA2Ljk3MjY1NiAyNy44MzIwMzEgOC4yODUxNTYgMjkgOS44MTI1IDI5IEwgMTkuMTg3NSAyOSBDIDIwLjcxNDg0NCAyOSAyMi4wMjczNDQgMjcuODMyMDMxIDIyLjE4NzUgMjYuMzEyNSBMIDIyLjY1NjI1IDIyIEwgMjUgMjIgQyAyNi42NDQ1MzEgMjIgMjggMjAuNjQ0NTMxIDI4IDE5IEwgMjggMTYgQyAyOCAxNC4zNTU0NjkgMjYuNjQ0NTMxIDEzIDI1IDEzIEwgMjMuNTkzNzUgMTMgTCAyNCA5LjA5Mzc1IEwgMjQuMTI1IDggWiBNIDcuMTI1IDEwIEwgMjEuODc1IDEwIEwgMjAuMTg3NSAyNi4wOTM3NSBDIDIwLjEzMjgxMyAyNi42MTMyODEgMTkuNzA3MDMxIDI3IDE5LjE4NzUgMjcgTCA5LjgxMjUgMjcgQyA5LjI5Mjk2OSAyNyA4Ljg2NzE4OCAyNi42MTMyODEgOC44MTI1IDI2LjA5Mzc1IFogTSAyMy4zNzUgMTUgTCAyNSAxNSBDIDI1LjU2NjQwNiAxNSAyNiAxNS40MzM1OTQgMjYgMTYgTCAyNiAxOSBDIDI2IDE5LjU2NjQwNiAyNS41NjY0MDYgMjAgMjUgMjAgTCAyMi44NDM3NSAyMCBaIi8+PC9zdmc+", as = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiAzIEMgOC44MzIwMzEgMyAzIDguODMyMDMxIDMgMTYgQyAzIDIzLjE2Nzk2OSA4LjgzMjAzMSAyOSAxNiAyOSBDIDIzLjE2Nzk2OSAyOSAyOSAyMy4xNjc5NjkgMjkgMTYgQyAyOSA4LjgzMjAzMSAyMy4xNjc5NjkgMyAxNiAzIFogTSAxNiA1IEMgMTYuNjAxNTYzIDUgMTcuMTc1NzgxIDUuMDYyNSAxNy43NSA1LjE1NjI1IEwgMTYgNi40MDYyNSBMIDE0LjI1IDUuMTU2MjUgQyAxNC44MjAzMTMgNS4wNjY0MDYgMTUuNDAyMzQ0IDUgMTYgNSBaIE0gMTEuODEyNSA1Ljg0Mzc1IEwgMTUuNDA2MjUgOC40Njg3NSBMIDE2IDguOTA2MjUgTCAxNi41OTM3NSA4LjQ2ODc1IEwgMjAuMTg3NSA1Ljg0Mzc1IEMgMjEuNzg1MTU2IDYuNTA3ODEzIDIzLjE5NTMxMyA3LjUyMzQzOCAyNC4zMTI1IDguODEyNSBMIDIyLjkzNzUgMTMuMDkzNzUgTCAyMi43MTg3NSAxMy43ODEyNSBMIDIzLjMxMjUgMTQuMTg3NSBMIDI2LjkzNzUgMTYuODQzNzUgQyAyNi44MDQ2ODggMTguNjA1NDY5IDI2LjI2NTYyNSAyMC4yNTc4MTMgMjUuNDA2MjUgMjEuNjg3NSBMIDIwLjEyNSAyMS42ODc1IEwgMTkuOTA2MjUgMjIuMzc1IEwgMTguNSAyNi43MTg3NSBDIDE3LjY5OTIxOSAyNi45MDYyNSAxNi44NTkzNzUgMjcgMTYgMjcgQyAxNS4xMDU0NjkgMjcgMTQuMjM4MjgxIDI2Ljg4NjcxOSAxMy40MDYyNSAyNi42ODc1IEwgMTIuMDMxMjUgMjIuNDA2MjUgTCAxMS44MTI1IDIxLjcxODc1IEwgNi41OTM3NSAyMS43MTg3NSBDIDUuNzE4NzUgMjAuMjgxMjUgNS4xOTkyMTkgMTguNjIxMDk0IDUuMDYyNSAxNi44NDM3NSBMIDguNjU2MjUgMTQuMjE4NzUgTCA5LjI1IDEzLjgxMjUgTCA5LjAzMTI1IDEzLjEyNSBMIDcuNjI1IDguODc1IEMgOC43NSA3LjU1NDY4OCAxMC4xODM1OTQgNi41MTU2MjUgMTEuODEyNSA1Ljg0Mzc1IFogTSAxNiAxMC4wOTM3NSBMIDE1LjQwNjI1IDEwLjUzMTI1IEwgMTAuODQzNzUgMTMuODQzNzUgTCAxMC4yODEyNSAxNC4yODEyNSBMIDEwLjUgMTQuOTY4NzUgTCAxMi4yNSAyMC4zMTI1IEwgMTIuNDY4NzUgMjEgTCAxOS41MzEyNSAyMSBMIDE5Ljc1IDIwLjMxMjUgTCAyMS41IDE0Ljk2ODc1IEwgMjEuNzE4NzUgMTQuMjgxMjUgTCAyMS4xNTYyNSAxMy44NDM3NSBMIDE2LjU5Mzc1IDEwLjUzMTI1IFogTSAyNS43NSAxMC45MDYyNSBDIDI2LjI5Njg3NSAxMS45NTMxMjUgMjYuNjU2MjUgMTMuMTAxNTYzIDI2Ljg0Mzc1IDE0LjMxMjUgTCAyNS4wNjI1IDEzLjAzMTI1IFogTSA2LjIxODc1IDEwLjk2ODc1IEwgNi45MDYyNSAxMy4wMzEyNSBMIDUuMTU2MjUgMTQuMzEyNSBDIDUuMzM5ODQ0IDEzLjEyNSA1LjY4NzUgMTIgNi4yMTg3NSAxMC45Njg3NSBaIE0gMTYgMTIuNTkzNzUgTCAxOS4zNzUgMTUuMDMxMjUgTCAxOC4wOTM3NSAxOSBMIDEzLjkwNjI1IDE5IEwgMTIuNjI1IDE1LjAzMTI1IFogTSAyMS41OTM3NSAyMy42ODc1IEwgMjMuODQzNzUgMjMuNjg3NSBDIDIyLjk5MjE4OCAyNC41NjY0MDYgMjIuMDExNzE5IDI1LjI5Mjk2OSAyMC45MDYyNSAyNS44NDM3NSBaIE0gOC4xNTYyNSAyMy43MTg3NSBMIDEwLjM0Mzc1IDIzLjcxODc1IEwgMTEuMDMxMjUgMjUuODEyNSBDIDkuOTYwOTM4IDI1LjI2OTUzMSA4Ljk4ODI4MSAyNC41NjI1IDguMTU2MjUgMjMuNzE4NzUgWiIvPjwvc3ZnPg==", As = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSA5LjUgNiBDIDguMTc5Njg4IDYgNy4wMDM5MDYgNi44NTkzNzUgNi42MjUgOC4xMjUgTCA1LjI1IDEyLjcxODc1IEwgMy4zMTI1IDEyLjA2MjUgTCAyLjY4NzUgMTMuOTM3NSBMIDQuNjU2MjUgMTQuNTkzNzUgTCA0LjAzMTI1IDE2LjcxODc1IEMgNC4wMDc4MTMgMTYuODA4NTk0IDMuOTk2MDk0IDE2LjkwNjI1IDQgMTcgTCA0IDI0IEMgNCAyNC4wMzEyNSA0IDI0LjA2MjUgNCAyNC4wOTM3NSBMIDQgMjUgQyA0IDI1LjU1MDc4MSA0LjQ0OTIxOSAyNiA1IDI2IEwgOCAyNiBMIDguMzQzNzUgMjUgTCAyMy42NTYyNSAyNSBMIDI0IDI2IEwgMjcgMjYgQyAyNy41NTA3ODEgMjYgMjggMjUuNTUwNzgxIDI4IDI1IEwgMjggMjQuMTU2MjUgQyAyOC4wMDM5MDYgMjQuMTA1NDY5IDI4LjAwMzkwNiAyNC4wNTA3ODEgMjggMjQgTCAyOCAxNyBDIDI4LjAwMzkwNiAxNi45MDYyNSAyNy45OTIxODggMTYuODA4NTk0IDI3Ljk2ODc1IDE2LjcxODc1IEwgMjcuMzQzNzUgMTQuNTkzNzUgTCAyOS4zMTI1IDEzLjkzNzUgTCAyOC42ODc1IDEyLjA2MjUgTCAyNi43NSAxMi43MTg3NSBMIDI1LjM3NSA4LjEyNSBDIDI0Ljk5NjA5NCA2Ljg1OTM3NSAyMy44MjAzMTMgNiAyMi41IDYgWiBNIDkuNSA4IEwgMjIuNSA4IEMgMjIuOTQ1MzEzIDggMjMuMzM5ODQ0IDguMjkyOTY5IDIzLjQ2ODc1IDguNzE4NzUgTCAyNC43NSAxMyBMIDcuMjUgMTMgTCA4LjUzMTI1IDguNzE4NzUgQyA4LjY2MDE1NiA4LjI4OTA2MyA5LjA1NDY4OCA4IDkuNSA4IFogTSA2LjY1NjI1IDE1IEwgMjUuMzQzNzUgMTUgTCAyNiAxNy4xODc1IEwgMjYgMjMgTCA2IDIzIEwgNiAxNy4xODc1IFogTSA4LjUgMTYgQyA3LjY3MTg3NSAxNiA3IDE2LjY3MTg3NSA3IDE3LjUgQyA3IDE4LjMyODEyNSA3LjY3MTg3NSAxOSA4LjUgMTkgQyA5LjMyODEyNSAxOSAxMCAxOC4zMjgxMjUgMTAgMTcuNSBDIDEwIDE2LjY3MTg3NSA5LjMyODEyNSAxNiA4LjUgMTYgWiBNIDIzLjUgMTYgQyAyMi42NzE4NzUgMTYgMjIgMTYuNjcxODc1IDIyIDE3LjUgQyAyMiAxOC4zMjgxMjUgMjIuNjcxODc1IDE5IDIzLjUgMTkgQyAyNC4zMjgxMjUgMTkgMjUgMTguMzI4MTI1IDI1IDE3LjUgQyAyNSAxNi42NzE4NzUgMjQuMzI4MTI1IDE2IDIzLjUgMTYgWiBNIDEyIDE5IEwgMTAuNzUgMjIgTCAxMi45MDYyNSAyMiBMIDEzLjM0Mzc1IDIxIEwgMTguNjU2MjUgMjEgTCAxOS4wOTM3NSAyMiBMIDIxLjI1IDIyIEwgMjAgMTkgWiIvPjwvc3ZnPg==", ts = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgMTEuMDQyOTY5IDQgNyA4LjA0Mjk2OSA3IDEzIEMgNyAxNC45MTc5NjkgNy44NDM3NSAxNi45MDYyNSA5IDE4LjY4NzUgQyA5Ljg1OTM3NSAyMC4wMTE3MTkgMTAuODg2NzE5IDIxLjIzMDQ2OSAxMiAyMi4xNTYyNSBMIDEyIDI1IEMgMTIgMjYuMDkzNzUgMTIuOTA2MjUgMjcgMTQgMjcgTCAxNSAyOCBMIDE3IDI4IEwgMTggMjcgQyAxOS4wOTM3NSAyNyAyMCAyNi4wOTM3NSAyMCAyNSBMIDIwIDIyLjE1NjI1IEMgMjEuMTEzMjgxIDIxLjIzMDQ2OSAyMi4xNDA2MjUgMjAuMDExNzE5IDIzIDE4LjY4NzUgQyAyNC4xNTYyNSAxNi45MDYyNSAyNSAxNC45MTc5NjkgMjUgMTMgQyAyNSA4LjA0Mjk2OSAyMC45NTcwMzEgNCAxNiA0IFogTSAxNiA2IEMgMTkuODc4OTA2IDYgMjMgOS4xMjEwOTQgMjMgMTMgQyAyMyAxNC4zMDg1OTQgMjIuMzU1NDY5IDE2LjAzNTE1NiAyMS4zNDM3NSAxNy41OTM3NSBDIDIwLjQ0MTQwNiAxOC45ODQzNzUgMTkuMjUzOTA2IDIwLjIyMjY1NiAxOC4xNTYyNSAyMSBMIDEzLjg0Mzc1IDIxIEMgMTIuNzQ2MDk0IDIwLjIyMjY1NiAxMS41NTg1OTQgMTguOTg0Mzc1IDEwLjY1NjI1IDE3LjU5Mzc1IEMgOS42NDQ1MzEgMTYuMDM1MTU2IDkgMTQuMzA4NTk0IDkgMTMgQyA5IDkuMTIxMDk0IDEyLjEyMTA5NCA2IDE2IDYgWiBNIDE0LjI1IDIzIEwgMTcuNzUgMjMgQyAxNy44MjgxMjUgMjMuMDU0Njg4IDE3LjkxMDE1NiAyMy4wOTM3NSAxOCAyMy4xMjUgTCAxOCAyNSBMIDE0IDI1IEwgMTQgMjMuMTI1IEMgMTQuMDg5ODQ0IDIzLjA5Mzc1IDE0LjE3MTg3NSAyMy4wNTQ2ODggMTQuMjUgMjMgWiIvPjwvc3ZnPg==", ss = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMSA1IEwgMTEgMTEgTCA1IDExIEwgNSAxMyBMIDExIDEzIEwgMTEgMTkgTCA1IDE5IEwgNSAyMSBMIDExIDIxIEwgMTEgMjcgTCAxMyAyNyBMIDEzIDIxIEwgMTkgMjEgTCAxOSAyNyBMIDIxIDI3IEwgMjEgMjEgTCAyNyAyMSBMIDI3IDE5IEwgMjEgMTkgTCAyMSAxMyBMIDI3IDEzIEwgMjcgMTEgTCAyMSAxMSBMIDIxIDUgTCAxOSA1IEwgMTkgMTEgTCAxMyAxMSBMIDEzIDUgWiBNIDEzIDEzIEwgMTkgMTMgTCAxOSAxOSBMIDEzIDE5IFoiLz48L3N2Zz4=", is = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSA5IDQgQyA3LjM0NiA0IDYgNS4zNDYgNiA3IEMgNiA4LjMwMTYwOTQgNi44Mzg3NDg2IDkuNDAyMTM5MSA4IDkuODE2NDA2MiBMIDggMTEuMzA0Njg4IEwgOCAyMy4yMDcwMzEgTCA4IDI3LjAyMzQzOCBDIDggMjcuNTYzNDM4IDguNDM2NTYyNSAyOCA4Ljk3NjU2MjUgMjggTCA5LjAyMzQzNzUgMjggQyA5LjU2MzQzNzUgMjggMTAgMjcuNTYzNDM3IDEwIDI3LjAyMzQzOCBMIDEwIDIyLjIyODUxNiBDIDEwLjMzNDcwNyAyMS44Mzk3NTYgMTEuMTM4NDIzIDIxLjA0Njg3NSAxMy40NDUzMTIgMjEuMDQ2ODc1IEMgMTQuNjY5MzEzIDIxLjA0Njg3NSAxNS42NzA0MjIgMjEuNDczNzgxIDE2LjczMjQyMiAyMS45MjU3ODEgQyAxNy43Njk0MjIgMjIuMzY3NzgxIDE4Ljg0MTg5MSAyMi44MjQyMTkgMjAuMDg3ODkxIDIyLjgyNDIxOSBDIDIyLjQ0Njg5MSAyMi44MjQyMTkgMjQuMDQ5Mzc1IDIxLjU4NDY4OCAyNC43MzQzNzUgMjEuMDU0Njg4IEwgMjQuODg2NzE5IDIwLjkzOTQ1MyBDIDI1LjQzNzcxOSAyMC41NDA0NTMgMjYgMTkuOTk2IDI2IDE5IEwgMjYgMTAuNjc1NzgxIEMgMjYgOS43Njc3ODEyIDI1LjIyMTgyOCA5IDI0LjI5ODgyOCA5IEMgMjMuODAzODI4IDkgMjMuNDQwNDA2IDkuMjg2NTkzNyAyMi45NDE0MDYgOS42ODM1OTM4IEMgMjIuMjc5NDA2IDEwLjIwNzU5NCAyMS4yODA4OTEgMTEgMjAuMDg3ODkxIDExIEMgMTkuMjcyODkxIDExIDE4LjQ3NzY4OCAxMC42MTk3MzQgMTcuNTU0Njg4IDEwLjE3NzczNCBDIDE2LjQwMzY4NyA5LjYyNTczNDQgMTUuMDk4MzU5IDkgMTMuNDQzMzU5IDkgQyAxMi4zMDgyNTcgOSAxMS40MjE2ODcgOS4xODgzMzkzIDEwLjcxMjg5MSA5LjQ1NzAzMTIgQyAxMS40ODkwNzEgOC45MTQxODI0IDEyIDguMDE2NzgwMiAxMiA3IEMgMTIgNS4zNDYgMTAuNjU0IDQgOSA0IHogTSA5IDYgQyA5LjU1MiA2IDEwIDYuNDQ5IDEwIDcgQyAxMCA3LjU1MSA5LjU1MiA4IDkgOCBDIDguNDQ4IDggOCA3LjU1MSA4IDcgQyA4IDYuNDQ5IDguNDQ4IDYgOSA2IHogTSAxMy40NDMzNTkgMTEgQyAxNC42NDUzNTkgMTEgMTUuNjM4NDA2IDExLjQ3NjQ2OSAxNi42OTE0MDYgMTEuOTgwNDY5IEMgMTcuNzM2NDA2IDEyLjQ4MjQ2OSAxOC44MTc4OTEgMTMgMjAuMDg3ODkxIDEzIEMgMjEuODQyODkxIDEzIDIzLjE1ODA0NyAxMi4wNTQ0ODQgMjMuOTk4MDQ3IDExLjM5NjQ4NCBMIDIzLjk5ODA0NyAxOS4wNjY0MDYgQyAyMy45OTcwNDcgMTkuMDcwNDA2IDIzLjk1Mjk4NCAxOS4xNDUyNjYgMjMuNzA4OTg0IDE5LjMyMjI2NiBMIDIzLjUwOTc2NiAxOS40NzQ2MDkgQyAyMi45NDI3NjYgMTkuOTEyNjA5IDIxLjc2Mjg5MSAyMC44MjQyMTkgMjAuMDg3ODkxIDIwLjgyNDIxOSBDIDE5LjI0OTg5MSAyMC44MjQyMTkgMTguNDQ2NjI1IDIwLjQ4MjkzNyAxNy41MTU2MjUgMjAuMDg1OTM4IEMgMTYuMzcyNjI1IDE5LjU5NzkzOCAxNS4wNzYzNTkgMTkuMDQ0OTIyIDEzLjQ0MzM1OSAxOS4wNDQ5MjIgQyAxMS44OTEzNTkgMTkuMDQ0OTIyIDEwLjc4NiAxOS4zNTggMTAgMTkuNzUgTCAxMCAxMi4zNjEzMjggQyAxMC4zNDUgMTEuOTA1MzI4IDExLjEzMjM1OSAxMSAxMy40NDMzNTkgMTEgeiIvPjwvc3ZnPg==", os = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgMTEuODMyMDMxIDQgOC4xNTIzNDQgNi4xMTMyODEgNiA5LjM0Mzc1IEwgNiA2IEwgNCA2IEwgNCAxMyBMIDExIDEzIEwgMTEgMTEgTCA3LjM3NSAxMSBDIDkuMTAxNTYzIDguMDE5NTMxIDEyLjI5Njg3NSA2IDE2IDYgQyAyMS41MzUxNTYgNiAyNiAxMC40NjQ4NDQgMjYgMTYgQyAyNiAyMS41MzUxNTYgMjEuNTM1MTU2IDI2IDE2IDI2IEMgMTAuNDY0ODQ0IDI2IDYgMjEuNTM1MTU2IDYgMTYgTCA0IDE2IEMgNCAyMi42MTcxODggOS4zODI4MTMgMjggMTYgMjggQyAyMi42MTcxODggMjggMjggMjIuNjE3MTg4IDI4IDE2IEMgMjggOS4zODI4MTMgMjIuNjE3MTg4IDQgMTYgNCBaIE0gMTUgOCBMIDE1IDE3IEwgMjIgMTcgTCAyMiAxNSBMIDE3IDE1IEwgMTcgOCBaIi8+PC9zdmc+Cg==";
-const us = me({
+var ns = /* @__PURE__ */ Qe(JA, [["render", fs]]), as = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMi41IDUgQyAxMS40Mjk2ODggNSAxMC41IDUuNjA5Mzc1IDkuOTA2MjUgNi40Mzc1IEMgOS4zMTI1IDcuMjY1NjI1IDkgOC4zMzk4NDQgOSA5LjUgQyA5IDEwLjY2MDE1NiA5LjMxMjUgMTEuNzM0Mzc1IDkuOTA2MjUgMTIuNTYyNSBDIDEwLjUgMTMuMzkwNjI1IDExLjQyOTY4OCAxNCAxMi41IDE0IEMgMTMuNTcwMzEzIDE0IDE0LjUgMTMuMzkwNjI1IDE1LjA5Mzc1IDEyLjU2MjUgQyAxNS42ODc1IDExLjczNDM3NSAxNiAxMC42NjAxNTYgMTYgOS41IEMgMTYgOC4zMzk4NDQgMTUuNjg3NSA3LjI2NTYyNSAxNS4wOTM3NSA2LjQzNzUgQyAxNC41IDUuNjA5Mzc1IDEzLjU3MDMxMyA1IDEyLjUgNSBaIE0gMTYgOS41IEMgMTYgMTAuNjYwMTU2IDE2LjMxMjUgMTEuNzM0Mzc1IDE2LjkwNjI1IDEyLjU2MjUgQyAxNy41IDEzLjM5MDYyNSAxOC40Mjk2ODggMTQgMTkuNSAxNCBDIDIwLjU3MDMxMyAxNCAyMS41IDEzLjM5MDYyNSAyMi4wOTM3NSAxMi41NjI1IEMgMjIuNjg3NSAxMS43MzQzNzUgMjMgMTAuNjYwMTU2IDIzIDkuNSBDIDIzIDguMzM5ODQ0IDIyLjY4NzUgNy4yNjU2MjUgMjIuMDkzNzUgNi40Mzc1IEMgMjEuNSA1LjYwOTM3NSAyMC41NzAzMTMgNSAxOS41IDUgQyAxOC40Mjk2ODggNSAxNy41IDUuNjA5Mzc1IDE2LjkwNjI1IDYuNDM3NSBDIDE2LjMxMjUgNy4yNjU2MjUgMTYgOC4zMzk4NDQgMTYgOS41IFogTSAxMi41IDcgQyAxMi44MTI1IDcgMTMuMTU2MjUgNy4xNTYyNSAxMy40Njg3NSA3LjU5Mzc1IEMgMTMuNzgxMjUgOC4wMzEyNSAxNCA4LjcyNjU2MyAxNCA5LjUgQyAxNCAxMC4yNzM0MzggMTMuNzgxMjUgMTAuOTY4NzUgMTMuNDY4NzUgMTEuNDA2MjUgQyAxMy4xNTYyNSAxMS44NDM3NSAxMi44MTI1IDEyIDEyLjUgMTIgQyAxMi4xODc1IDEyIDExLjg0Mzc1IDExLjg0Mzc1IDExLjUzMTI1IDExLjQwNjI1IEMgMTEuMjE4NzUgMTAuOTY4NzUgMTEgMTAuMjczNDM4IDExIDkuNSBDIDExIDguNzI2NTYzIDExLjIxODc1IDguMDMxMjUgMTEuNTMxMjUgNy41OTM3NSBDIDExLjg0Mzc1IDcuMTU2MjUgMTIuMTg3NSA3IDEyLjUgNyBaIE0gMTkuNSA3IEMgMTkuODEyNSA3IDIwLjE1NjI1IDcuMTU2MjUgMjAuNDY4NzUgNy41OTM3NSBDIDIwLjc4MTI1IDguMDMxMjUgMjEgOC43MjY1NjMgMjEgOS41IEMgMjEgMTAuMjczNDM4IDIwLjc4MTI1IDEwLjk2ODc1IDIwLjQ2ODc1IDExLjQwNjI1IEMgMjAuMTU2MjUgMTEuODQzNzUgMTkuODEyNSAxMiAxOS41IDEyIEMgMTkuMTg3NSAxMiAxOC44NDM3NSAxMS44NDM3NSAxOC41MzEyNSAxMS40MDYyNSBDIDE4LjIxODc1IDEwLjk2ODc1IDE4IDEwLjI3MzQzOCAxOCA5LjUgQyAxOCA4LjcyNjU2MyAxOC4yMTg3NSA4LjAzMTI1IDE4LjUzMTI1IDcuNTkzNzUgQyAxOC44NDM3NSA3LjE1NjI1IDE5LjE4NzUgNyAxOS41IDcgWiBNIDcuNSAxMiBDIDYuNDI5Njg4IDEyIDUuNSAxMi42MDkzNzUgNC45MDYyNSAxMy40Mzc1IEMgNC4zMTI1IDE0LjI2NTYyNSA0IDE1LjMzOTg0NCA0IDE2LjUgQyA0IDE3LjY2MDE1NiA0LjMxMjUgMTguNzM0Mzc1IDQuOTA2MjUgMTkuNTYyNSBDIDUuNSAyMC4zOTA2MjUgNi40Mjk2ODggMjEgNy41IDIxIEMgOC41NzAzMTMgMjEgOS41IDIwLjM5MDYyNSAxMC4wOTM3NSAxOS41NjI1IEMgMTAuNjg3NSAxOC43MzQzNzUgMTEgMTcuNjYwMTU2IDExIDE2LjUgQyAxMSAxNS4zMzk4NDQgMTAuNjg3NSAxNC4yNjU2MjUgMTAuMDkzNzUgMTMuNDM3NSBDIDkuNSAxMi42MDkzNzUgOC41NzAzMTMgMTIgNy41IDEyIFogTSAyNC41IDEyIEMgMjMuNDI5Njg4IDEyIDIyLjUgMTIuNjA5Mzc1IDIxLjkwNjI1IDEzLjQzNzUgQyAyMS4zMTI1IDE0LjI2NTYyNSAyMSAxNS4zMzk4NDQgMjEgMTYuNSBDIDIxIDE3LjY2MDE1NiAyMS4zMTI1IDE4LjczNDM3NSAyMS45MDYyNSAxOS41NjI1IEMgMjIuNSAyMC4zOTA2MjUgMjMuNDI5Njg4IDIxIDI0LjUgMjEgQyAyNS41NzAzMTMgMjEgMjYuNSAyMC4zOTA2MjUgMjcuMDkzNzUgMTkuNTYyNSBDIDI3LjY4NzUgMTguNzM0Mzc1IDI4IDE3LjY2MDE1NiAyOCAxNi41IEMgMjggMTUuMzM5ODQ0IDI3LjY4NzUgMTQuMjY1NjI1IDI3LjA5Mzc1IDEzLjQzNzUgQyAyNi41IDEyLjYwOTM3NSAyNS41NzAzMTMgMTIgMjQuNSAxMiBaIE0gNy41IDE0IEMgNy44MTI1IDE0IDguMTU2MjUgMTQuMTU2MjUgOC40Njg3NSAxNC41OTM3NSBDIDguNzgxMjUgMTUuMDMxMjUgOSAxNS43MjY1NjMgOSAxNi41IEMgOSAxNy4yNzM0MzggOC43ODEyNSAxNy45Njg3NSA4LjQ2ODc1IDE4LjQwNjI1IEMgOC4xNTYyNSAxOC44NDM3NSA3LjgxMjUgMTkgNy41IDE5IEMgNy4xODc1IDE5IDYuODQzNzUgMTguODQzNzUgNi41MzEyNSAxOC40MDYyNSBDIDYuMjE4NzUgMTcuOTY4NzUgNiAxNy4yNzM0MzggNiAxNi41IEMgNiAxNS43MjY1NjMgNi4yMTg3NSAxNS4wMzEyNSA2LjUzMTI1IDE0LjU5Mzc1IEMgNi44NDM3NSAxNC4xNTYyNSA3LjE4NzUgMTQgNy41IDE0IFogTSAyNC41IDE0IEMgMjQuODEyNSAxNCAyNS4xNTYyNSAxNC4xNTYyNSAyNS40Njg3NSAxNC41OTM3NSBDIDI1Ljc4MTI1IDE1LjAzMTI1IDI2IDE1LjcyNjU2MyAyNiAxNi41IEMgMjYgMTcuMjczNDM4IDI1Ljc4MTI1IDE3Ljk2ODc1IDI1LjQ2ODc1IDE4LjQwNjI1IEMgMjUuMTU2MjUgMTguODQzNzUgMjQuODEyNSAxOSAyNC41IDE5IEMgMjQuMTg3NSAxOSAyMy44NDM3NSAxOC44NDM3NSAyMy41MzEyNSAxOC40MDYyNSBDIDIzLjIxODc1IDE3Ljk2ODc1IDIzIDE3LjI3MzQzOCAyMyAxNi41IEMgMjMgMTUuNzI2NTYzIDIzLjIxODc1IDE1LjAzMTI1IDIzLjUzMTI1IDE0LjU5Mzc1IEMgMjMuODQzNzUgMTQuMTU2MjUgMjQuMTg3NSAxNCAyNC41IDE0IFogTSAxNiAxNiBDIDE0LjY2Nzk2OSAxNiAxMy43MzgyODEgMTYuODY3MTg4IDEzLjI4MTI1IDE3LjYyNSBDIDEyLjgyNDIxOSAxOC4zODI4MTMgMTIuNTQ2ODc1IDE5LjAxNTYyNSAxMi4yODEyNSAxOS4yODEyNSBDIDEyLjEyNSAxOS40Mzc1IDExLjE2MDE1NiAxOS44MDA3ODEgMTAuMTU2MjUgMjAuMzEyNSBDIDkuNjUyMzQ0IDIwLjU3MDMxMyA5LjE0NDUzMSAyMC45MTQwNjMgOC43MTg3NSAyMS40Mzc1IEMgOC4yOTI5NjkgMjEuOTYwOTM4IDggMjIuNjg3NSA4IDIzLjUgQyA4IDI1LjQyMTg3NSA5LjU3ODEyNSAyNyAxMS41IDI3IEMgMTIuMzY3MTg4IDI3IDEzLjI2OTUzMSAyNi43MjI2NTYgMTQuMTU2MjUgMjYuNDY4NzUgQyAxNS4wNDI5NjkgMjYuMjE0ODQ0IDE2IDI2IDE2IDI2IEMgMTYgMjYgMTYuOTU3MDMxIDI2LjIxNDg0NCAxNy44NDM3NSAyNi40Njg3NSBDIDE4LjczMDQ2OSAyNi43MjI2NTYgMTkuNjMyODEzIDI3IDIwLjUgMjcgQyAyMi40MjE4NzUgMjcgMjQgMjUuNDIxODc1IDI0IDIzLjUgQyAyNCAyMi43MDcwMzEgMjMuNzA3MDMxIDIxLjk4MDQ2OSAyMy4yODEyNSAyMS40Njg3NSBDIDIyLjg1NTQ2OSAyMC45NTcwMzEgMjIuMzQzNzUgMjAuNjQwNjI1IDIxLjg0Mzc1IDIwLjM3NSBDIDIwLjg0Mzc1IDE5Ljg0Mzc1IDE5Ljg1OTM3NSAxOS40MjE4NzUgMTkuNzE4NzUgMTkuMjgxMjUgQyAxOS40ODA0NjkgMTkuMDQyOTY5IDE5LjIxMDkzOCAxOC4zOTA2MjUgMTguNzUgMTcuNjI1IEMgMTguMjg5MDYzIDE2Ljg1OTM3NSAxNy4zMzk4NDQgMTYgMTYgMTYgWiBNIDE2IDE4IEMgMTYuNjYwMTU2IDE4IDE2LjczNDM3NSAxOC4xNjAxNTYgMTcuMDMxMjUgMTguNjU2MjUgQyAxNy4zMjgxMjUgMTkuMTUyMzQ0IDE3LjU1NDY4OCAxOS45OTIxODggMTguMjgxMjUgMjAuNzE4NzUgQyAxOS4xMDU0NjkgMjEuNTQyOTY5IDIwLjE0ODQzOCAyMS43MjI2NTYgMjAuOTA2MjUgMjIuMTI1IEMgMjEuMjg1MTU2IDIyLjMyODEyNSAyMS41NzgxMjUgMjIuNTQyOTY5IDIxLjc1IDIyLjc1IEMgMjEuOTIxODc1IDIyLjk1NzAzMSAyMiAyMy4xNDg0MzggMjIgMjMuNSBDIDIyIDI0LjMzOTg0NCAyMS4zMzk4NDQgMjUgMjAuNSAyNSBDIDIwLjIxMDkzOCAyNSAxOS4yNzczNDQgMjQuNzc3MzQ0IDE4LjQwNjI1IDI0LjUzMTI1IEMgMTcuNTM1MTU2IDI0LjI4NTE1NiAxNi44MTY0MDYgMjQgMTYgMjQgQyAxNS4xODM1OTQgMjQgMTQuNDY0ODQ0IDI0LjI4NTE1NiAxMy41OTM3NSAyNC41MzEyNSBDIDEyLjcyMjY1NiAyNC43NzczNDQgMTEuNzg5MDYzIDI1IDExLjUgMjUgQyAxMC42NjAxNTYgMjUgMTAgMjQuMzM5ODQ0IDEwIDIzLjUgQyAxMCAyMy4wOTc2NTYgMTAuMDgyMDMxIDIyLjg5MDYyNSAxMC4yNSAyMi42ODc1IEMgMTAuNDE3OTY5IDIyLjQ4NDM3NSAxMC43MjI2NTYgMjIuMjg1MTU2IDExLjA5Mzc1IDIyLjA5Mzc1IEMgMTEuODM5ODQ0IDIxLjcxNDg0NCAxMi44NzUgMjEuNTYyNSAxMy43MTg3NSAyMC43MTg3NSBDIDE0LjQ1MzEyNSAxOS45ODQzNzUgMTQuNjc1NzgxIDE5LjExNzE4OCAxNC45Njg3NSAxOC42MjUgQyAxNS4yNjE3MTkgMTguMTMyODEzIDE1LjMzMjAzMSAxOCAxNiAxOCBaIi8+PC9zdmc+", ts = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMSAzIEwgMTEgNyBMIDEzIDcgTCAxMyAzIFogTSAxNSA0IEwgMTUgNyBMIDE3IDcgTCAxNyA0IFogTSA0Ljg3NSA4IEwgNSA5LjA5Mzc1IEwgNi44MTI1IDI2LjMxMjUgQyA2Ljk3MjY1NiAyNy44MzIwMzEgOC4yODUxNTYgMjkgOS44MTI1IDI5IEwgMTkuMTg3NSAyOSBDIDIwLjcxNDg0NCAyOSAyMi4wMjczNDQgMjcuODMyMDMxIDIyLjE4NzUgMjYuMzEyNSBMIDIyLjY1NjI1IDIyIEwgMjUgMjIgQyAyNi42NDQ1MzEgMjIgMjggMjAuNjQ0NTMxIDI4IDE5IEwgMjggMTYgQyAyOCAxNC4zNTU0NjkgMjYuNjQ0NTMxIDEzIDI1IDEzIEwgMjMuNTkzNzUgMTMgTCAyNCA5LjA5Mzc1IEwgMjQuMTI1IDggWiBNIDcuMTI1IDEwIEwgMjEuODc1IDEwIEwgMjAuMTg3NSAyNi4wOTM3NSBDIDIwLjEzMjgxMyAyNi42MTMyODEgMTkuNzA3MDMxIDI3IDE5LjE4NzUgMjcgTCA5LjgxMjUgMjcgQyA5LjI5Mjk2OSAyNyA4Ljg2NzE4OCAyNi42MTMyODEgOC44MTI1IDI2LjA5Mzc1IFogTSAyMy4zNzUgMTUgTCAyNSAxNSBDIDI1LjU2NjQwNiAxNSAyNiAxNS40MzM1OTQgMjYgMTYgTCAyNiAxOSBDIDI2IDE5LjU2NjQwNiAyNS41NjY0MDYgMjAgMjUgMjAgTCAyMi44NDM3NSAyMCBaIi8+PC9zdmc+", As = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiAzIEMgOC44MzIwMzEgMyAzIDguODMyMDMxIDMgMTYgQyAzIDIzLjE2Nzk2OSA4LjgzMjAzMSAyOSAxNiAyOSBDIDIzLjE2Nzk2OSAyOSAyOSAyMy4xNjc5NjkgMjkgMTYgQyAyOSA4LjgzMjAzMSAyMy4xNjc5NjkgMyAxNiAzIFogTSAxNiA1IEMgMTYuNjAxNTYzIDUgMTcuMTc1NzgxIDUuMDYyNSAxNy43NSA1LjE1NjI1IEwgMTYgNi40MDYyNSBMIDE0LjI1IDUuMTU2MjUgQyAxNC44MjAzMTMgNS4wNjY0MDYgMTUuNDAyMzQ0IDUgMTYgNSBaIE0gMTEuODEyNSA1Ljg0Mzc1IEwgMTUuNDA2MjUgOC40Njg3NSBMIDE2IDguOTA2MjUgTCAxNi41OTM3NSA4LjQ2ODc1IEwgMjAuMTg3NSA1Ljg0Mzc1IEMgMjEuNzg1MTU2IDYuNTA3ODEzIDIzLjE5NTMxMyA3LjUyMzQzOCAyNC4zMTI1IDguODEyNSBMIDIyLjkzNzUgMTMuMDkzNzUgTCAyMi43MTg3NSAxMy43ODEyNSBMIDIzLjMxMjUgMTQuMTg3NSBMIDI2LjkzNzUgMTYuODQzNzUgQyAyNi44MDQ2ODggMTguNjA1NDY5IDI2LjI2NTYyNSAyMC4yNTc4MTMgMjUuNDA2MjUgMjEuNjg3NSBMIDIwLjEyNSAyMS42ODc1IEwgMTkuOTA2MjUgMjIuMzc1IEwgMTguNSAyNi43MTg3NSBDIDE3LjY5OTIxOSAyNi45MDYyNSAxNi44NTkzNzUgMjcgMTYgMjcgQyAxNS4xMDU0NjkgMjcgMTQuMjM4MjgxIDI2Ljg4NjcxOSAxMy40MDYyNSAyNi42ODc1IEwgMTIuMDMxMjUgMjIuNDA2MjUgTCAxMS44MTI1IDIxLjcxODc1IEwgNi41OTM3NSAyMS43MTg3NSBDIDUuNzE4NzUgMjAuMjgxMjUgNS4xOTkyMTkgMTguNjIxMDk0IDUuMDYyNSAxNi44NDM3NSBMIDguNjU2MjUgMTQuMjE4NzUgTCA5LjI1IDEzLjgxMjUgTCA5LjAzMTI1IDEzLjEyNSBMIDcuNjI1IDguODc1IEMgOC43NSA3LjU1NDY4OCAxMC4xODM1OTQgNi41MTU2MjUgMTEuODEyNSA1Ljg0Mzc1IFogTSAxNiAxMC4wOTM3NSBMIDE1LjQwNjI1IDEwLjUzMTI1IEwgMTAuODQzNzUgMTMuODQzNzUgTCAxMC4yODEyNSAxNC4yODEyNSBMIDEwLjUgMTQuOTY4NzUgTCAxMi4yNSAyMC4zMTI1IEwgMTIuNDY4NzUgMjEgTCAxOS41MzEyNSAyMSBMIDE5Ljc1IDIwLjMxMjUgTCAyMS41IDE0Ljk2ODc1IEwgMjEuNzE4NzUgMTQuMjgxMjUgTCAyMS4xNTYyNSAxMy44NDM3NSBMIDE2LjU5Mzc1IDEwLjUzMTI1IFogTSAyNS43NSAxMC45MDYyNSBDIDI2LjI5Njg3NSAxMS45NTMxMjUgMjYuNjU2MjUgMTMuMTAxNTYzIDI2Ljg0Mzc1IDE0LjMxMjUgTCAyNS4wNjI1IDEzLjAzMTI1IFogTSA2LjIxODc1IDEwLjk2ODc1IEwgNi45MDYyNSAxMy4wMzEyNSBMIDUuMTU2MjUgMTQuMzEyNSBDIDUuMzM5ODQ0IDEzLjEyNSA1LjY4NzUgMTIgNi4yMTg3NSAxMC45Njg3NSBaIE0gMTYgMTIuNTkzNzUgTCAxOS4zNzUgMTUuMDMxMjUgTCAxOC4wOTM3NSAxOSBMIDEzLjkwNjI1IDE5IEwgMTIuNjI1IDE1LjAzMTI1IFogTSAyMS41OTM3NSAyMy42ODc1IEwgMjMuODQzNzUgMjMuNjg3NSBDIDIyLjk5MjE4OCAyNC41NjY0MDYgMjIuMDExNzE5IDI1LjI5Mjk2OSAyMC45MDYyNSAyNS44NDM3NSBaIE0gOC4xNTYyNSAyMy43MTg3NSBMIDEwLjM0Mzc1IDIzLjcxODc1IEwgMTEuMDMxMjUgMjUuODEyNSBDIDkuOTYwOTM4IDI1LjI2OTUzMSA4Ljk4ODI4MSAyNC41NjI1IDguMTU2MjUgMjMuNzE4NzUgWiIvPjwvc3ZnPg==", ss = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSA5LjUgNiBDIDguMTc5Njg4IDYgNy4wMDM5MDYgNi44NTkzNzUgNi42MjUgOC4xMjUgTCA1LjI1IDEyLjcxODc1IEwgMy4zMTI1IDEyLjA2MjUgTCAyLjY4NzUgMTMuOTM3NSBMIDQuNjU2MjUgMTQuNTkzNzUgTCA0LjAzMTI1IDE2LjcxODc1IEMgNC4wMDc4MTMgMTYuODA4NTk0IDMuOTk2MDk0IDE2LjkwNjI1IDQgMTcgTCA0IDI0IEMgNCAyNC4wMzEyNSA0IDI0LjA2MjUgNCAyNC4wOTM3NSBMIDQgMjUgQyA0IDI1LjU1MDc4MSA0LjQ0OTIxOSAyNiA1IDI2IEwgOCAyNiBMIDguMzQzNzUgMjUgTCAyMy42NTYyNSAyNSBMIDI0IDI2IEwgMjcgMjYgQyAyNy41NTA3ODEgMjYgMjggMjUuNTUwNzgxIDI4IDI1IEwgMjggMjQuMTU2MjUgQyAyOC4wMDM5MDYgMjQuMTA1NDY5IDI4LjAwMzkwNiAyNC4wNTA3ODEgMjggMjQgTCAyOCAxNyBDIDI4LjAwMzkwNiAxNi45MDYyNSAyNy45OTIxODggMTYuODA4NTk0IDI3Ljk2ODc1IDE2LjcxODc1IEwgMjcuMzQzNzUgMTQuNTkzNzUgTCAyOS4zMTI1IDEzLjkzNzUgTCAyOC42ODc1IDEyLjA2MjUgTCAyNi43NSAxMi43MTg3NSBMIDI1LjM3NSA4LjEyNSBDIDI0Ljk5NjA5NCA2Ljg1OTM3NSAyMy44MjAzMTMgNiAyMi41IDYgWiBNIDkuNSA4IEwgMjIuNSA4IEMgMjIuOTQ1MzEzIDggMjMuMzM5ODQ0IDguMjkyOTY5IDIzLjQ2ODc1IDguNzE4NzUgTCAyNC43NSAxMyBMIDcuMjUgMTMgTCA4LjUzMTI1IDguNzE4NzUgQyA4LjY2MDE1NiA4LjI4OTA2MyA5LjA1NDY4OCA4IDkuNSA4IFogTSA2LjY1NjI1IDE1IEwgMjUuMzQzNzUgMTUgTCAyNiAxNy4xODc1IEwgMjYgMjMgTCA2IDIzIEwgNiAxNy4xODc1IFogTSA4LjUgMTYgQyA3LjY3MTg3NSAxNiA3IDE2LjY3MTg3NSA3IDE3LjUgQyA3IDE4LjMyODEyNSA3LjY3MTg3NSAxOSA4LjUgMTkgQyA5LjMyODEyNSAxOSAxMCAxOC4zMjgxMjUgMTAgMTcuNSBDIDEwIDE2LjY3MTg3NSA5LjMyODEyNSAxNiA4LjUgMTYgWiBNIDIzLjUgMTYgQyAyMi42NzE4NzUgMTYgMjIgMTYuNjcxODc1IDIyIDE3LjUgQyAyMiAxOC4zMjgxMjUgMjIuNjcxODc1IDE5IDIzLjUgMTkgQyAyNC4zMjgxMjUgMTkgMjUgMTguMzI4MTI1IDI1IDE3LjUgQyAyNSAxNi42NzE4NzUgMjQuMzI4MTI1IDE2IDIzLjUgMTYgWiBNIDEyIDE5IEwgMTAuNzUgMjIgTCAxMi45MDYyNSAyMiBMIDEzLjM0Mzc1IDIxIEwgMTguNjU2MjUgMjEgTCAxOS4wOTM3NSAyMiBMIDIxLjI1IDIyIEwgMjAgMTkgWiIvPjwvc3ZnPg==", is = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgMTEuMDQyOTY5IDQgNyA4LjA0Mjk2OSA3IDEzIEMgNyAxNC45MTc5NjkgNy44NDM3NSAxNi45MDYyNSA5IDE4LjY4NzUgQyA5Ljg1OTM3NSAyMC4wMTE3MTkgMTAuODg2NzE5IDIxLjIzMDQ2OSAxMiAyMi4xNTYyNSBMIDEyIDI1IEMgMTIgMjYuMDkzNzUgMTIuOTA2MjUgMjcgMTQgMjcgTCAxNSAyOCBMIDE3IDI4IEwgMTggMjcgQyAxOS4wOTM3NSAyNyAyMCAyNi4wOTM3NSAyMCAyNSBMIDIwIDIyLjE1NjI1IEMgMjEuMTEzMjgxIDIxLjIzMDQ2OSAyMi4xNDA2MjUgMjAuMDExNzE5IDIzIDE4LjY4NzUgQyAyNC4xNTYyNSAxNi45MDYyNSAyNSAxNC45MTc5NjkgMjUgMTMgQyAyNSA4LjA0Mjk2OSAyMC45NTcwMzEgNCAxNiA0IFogTSAxNiA2IEMgMTkuODc4OTA2IDYgMjMgOS4xMjEwOTQgMjMgMTMgQyAyMyAxNC4zMDg1OTQgMjIuMzU1NDY5IDE2LjAzNTE1NiAyMS4zNDM3NSAxNy41OTM3NSBDIDIwLjQ0MTQwNiAxOC45ODQzNzUgMTkuMjUzOTA2IDIwLjIyMjY1NiAxOC4xNTYyNSAyMSBMIDEzLjg0Mzc1IDIxIEMgMTIuNzQ2MDk0IDIwLjIyMjY1NiAxMS41NTg1OTQgMTguOTg0Mzc1IDEwLjY1NjI1IDE3LjU5Mzc1IEMgOS42NDQ1MzEgMTYuMDM1MTU2IDkgMTQuMzA4NTk0IDkgMTMgQyA5IDkuMTIxMDk0IDEyLjEyMTA5NCA2IDE2IDYgWiBNIDE0LjI1IDIzIEwgMTcuNzUgMjMgQyAxNy44MjgxMjUgMjMuMDU0Njg4IDE3LjkxMDE1NiAyMy4wOTM3NSAxOCAyMy4xMjUgTCAxOCAyNSBMIDE0IDI1IEwgMTQgMjMuMTI1IEMgMTQuMDg5ODQ0IDIzLjA5Mzc1IDE0LjE3MTg3NSAyMy4wNTQ2ODggMTQuMjUgMjMgWiIvPjwvc3ZnPg==", os = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMSA1IEwgMTEgMTEgTCA1IDExIEwgNSAxMyBMIDExIDEzIEwgMTEgMTkgTCA1IDE5IEwgNSAyMSBMIDExIDIxIEwgMTEgMjcgTCAxMyAyNyBMIDEzIDIxIEwgMTkgMjEgTCAxOSAyNyBMIDIxIDI3IEwgMjEgMjEgTCAyNyAyMSBMIDI3IDE5IEwgMjEgMTkgTCAyMSAxMyBMIDI3IDEzIEwgMjcgMTEgTCAyMSAxMSBMIDIxIDUgTCAxOSA1IEwgMTkgMTEgTCAxMyAxMSBMIDEzIDUgWiBNIDEzIDEzIEwgMTkgMTMgTCAxOSAxOSBMIDEzIDE5IFoiLz48L3N2Zz4=", us = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSA5IDQgQyA3LjM0NiA0IDYgNS4zNDYgNiA3IEMgNiA4LjMwMTYwOTQgNi44Mzg3NDg2IDkuNDAyMTM5MSA4IDkuODE2NDA2MiBMIDggMTEuMzA0Njg4IEwgOCAyMy4yMDcwMzEgTCA4IDI3LjAyMzQzOCBDIDggMjcuNTYzNDM4IDguNDM2NTYyNSAyOCA4Ljk3NjU2MjUgMjggTCA5LjAyMzQzNzUgMjggQyA5LjU2MzQzNzUgMjggMTAgMjcuNTYzNDM3IDEwIDI3LjAyMzQzOCBMIDEwIDIyLjIyODUxNiBDIDEwLjMzNDcwNyAyMS44Mzk3NTYgMTEuMTM4NDIzIDIxLjA0Njg3NSAxMy40NDUzMTIgMjEuMDQ2ODc1IEMgMTQuNjY5MzEzIDIxLjA0Njg3NSAxNS42NzA0MjIgMjEuNDczNzgxIDE2LjczMjQyMiAyMS45MjU3ODEgQyAxNy43Njk0MjIgMjIuMzY3NzgxIDE4Ljg0MTg5MSAyMi44MjQyMTkgMjAuMDg3ODkxIDIyLjgyNDIxOSBDIDIyLjQ0Njg5MSAyMi44MjQyMTkgMjQuMDQ5Mzc1IDIxLjU4NDY4OCAyNC43MzQzNzUgMjEuMDU0Njg4IEwgMjQuODg2NzE5IDIwLjkzOTQ1MyBDIDI1LjQzNzcxOSAyMC41NDA0NTMgMjYgMTkuOTk2IDI2IDE5IEwgMjYgMTAuNjc1NzgxIEMgMjYgOS43Njc3ODEyIDI1LjIyMTgyOCA5IDI0LjI5ODgyOCA5IEMgMjMuODAzODI4IDkgMjMuNDQwNDA2IDkuMjg2NTkzNyAyMi45NDE0MDYgOS42ODM1OTM4IEMgMjIuMjc5NDA2IDEwLjIwNzU5NCAyMS4yODA4OTEgMTEgMjAuMDg3ODkxIDExIEMgMTkuMjcyODkxIDExIDE4LjQ3NzY4OCAxMC42MTk3MzQgMTcuNTU0Njg4IDEwLjE3NzczNCBDIDE2LjQwMzY4NyA5LjYyNTczNDQgMTUuMDk4MzU5IDkgMTMuNDQzMzU5IDkgQyAxMi4zMDgyNTcgOSAxMS40MjE2ODcgOS4xODgzMzkzIDEwLjcxMjg5MSA5LjQ1NzAzMTIgQyAxMS40ODkwNzEgOC45MTQxODI0IDEyIDguMDE2NzgwMiAxMiA3IEMgMTIgNS4zNDYgMTAuNjU0IDQgOSA0IHogTSA5IDYgQyA5LjU1MiA2IDEwIDYuNDQ5IDEwIDcgQyAxMCA3LjU1MSA5LjU1MiA4IDkgOCBDIDguNDQ4IDggOCA3LjU1MSA4IDcgQyA4IDYuNDQ5IDguNDQ4IDYgOSA2IHogTSAxMy40NDMzNTkgMTEgQyAxNC42NDUzNTkgMTEgMTUuNjM4NDA2IDExLjQ3NjQ2OSAxNi42OTE0MDYgMTEuOTgwNDY5IEMgMTcuNzM2NDA2IDEyLjQ4MjQ2OSAxOC44MTc4OTEgMTMgMjAuMDg3ODkxIDEzIEMgMjEuODQyODkxIDEzIDIzLjE1ODA0NyAxMi4wNTQ0ODQgMjMuOTk4MDQ3IDExLjM5NjQ4NCBMIDIzLjk5ODA0NyAxOS4wNjY0MDYgQyAyMy45OTcwNDcgMTkuMDcwNDA2IDIzLjk1Mjk4NCAxOS4xNDUyNjYgMjMuNzA4OTg0IDE5LjMyMjI2NiBMIDIzLjUwOTc2NiAxOS40NzQ2MDkgQyAyMi45NDI3NjYgMTkuOTEyNjA5IDIxLjc2Mjg5MSAyMC44MjQyMTkgMjAuMDg3ODkxIDIwLjgyNDIxOSBDIDE5LjI0OTg5MSAyMC44MjQyMTkgMTguNDQ2NjI1IDIwLjQ4MjkzNyAxNy41MTU2MjUgMjAuMDg1OTM4IEMgMTYuMzcyNjI1IDE5LjU5NzkzOCAxNS4wNzYzNTkgMTkuMDQ0OTIyIDEzLjQ0MzM1OSAxOS4wNDQ5MjIgQyAxMS44OTEzNTkgMTkuMDQ0OTIyIDEwLjc4NiAxOS4zNTggMTAgMTkuNzUgTCAxMCAxMi4zNjEzMjggQyAxMC4zNDUgMTEuOTA1MzI4IDExLjEzMjM1OSAxMSAxMy40NDMzNTkgMTEgeiIvPjwvc3ZnPg==", ls = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgMTEuODMyMDMxIDQgOC4xNTIzNDQgNi4xMTMyODEgNiA5LjM0Mzc1IEwgNiA2IEwgNCA2IEwgNCAxMyBMIDExIDEzIEwgMTEgMTEgTCA3LjM3NSAxMSBDIDkuMTAxNTYzIDguMDE5NTMxIDEyLjI5Njg3NSA2IDE2IDYgQyAyMS41MzUxNTYgNiAyNiAxMC40NjQ4NDQgMjYgMTYgQyAyNiAyMS41MzUxNTYgMjEuNTM1MTU2IDI2IDE2IDI2IEMgMTAuNDY0ODQ0IDI2IDYgMjEuNTM1MTU2IDYgMTYgTCA0IDE2IEMgNCAyMi42MTcxODggOS4zODI4MTMgMjggMTYgMjggQyAyMi42MTcxODggMjggMjggMjIuNjE3MTg4IDI4IDE2IEMgMjggOS4zODI4MTMgMjIuNjE3MTg4IDQgMTYgNCBaIE0gMTUgOCBMIDE1IDE3IEwgMjIgMTcgTCAyMiAxNSBMIDE3IDE1IEwgMTcgOCBaIi8+PC9zdmc+Cg==";
+const rs = ge({
   name: "Header",
   setup(e) {
-    const { state: f, updateSearch: n, updateActiveGroup: a } = Ge("store"), A = x(() => !f.options.hideSearch), s = x(() => !f.options.hideGroupIcons), t = JSON.parse(JSON.stringify(f.orderedGroupKeys)), i = x(
+    const { state: f, updateSearch: n, updateActiveGroup: a } = Ge("store"), t = T(() => !f.options.hideSearch), s = T(() => !f.options.hideGroupIcons), A = JSON.parse(JSON.stringify(f.orderedGroupKeys)), i = T(
       () => f.options.staticTexts.placeholder || ""
-    ), l = x({
+    ), l = T({
       get: () => f.search,
       set: (d) => n(d)
     }), r = [
@@ -13851,96 +13869,96 @@ const us = me({
         title: f.options.groupNames[d] ? f.options.groupNames[d] : pn(d)
       }))
     ], g = [];
-    return t.forEach((d) => {
-      const p = r.findIndex((m) => m.key === d);
-      p !== -1 && (g.push(r[p]), r.splice(p, 1));
+    return A.forEach((d) => {
+      const m = r.findIndex((p) => p.key === d);
+      m !== -1 && (g.push(r[m]), r.splice(m, 1));
     }), {
       orderedGroups: g,
-      orderedKeys: t,
+      orderedKeys: A,
       searchValue: l,
       updateActiveGroup: a,
-      hasSearch: A,
+      hasSearch: t,
       hasGroupIcons: s,
       placeholder: i,
       icons: {
         smileys_people: gn,
-        animals_nature: fs,
-        food_drink: ns,
-        activities: as,
-        travel_places: As,
-        objects: ts,
-        symbols: ss,
-        flags: is,
+        animals_nature: as,
+        food_drink: ts,
+        activities: As,
+        travel_places: ss,
+        objects: is,
+        symbols: os,
+        flags: us,
         ...f.options.groupIcons,
-        recent: os
+        recent: ls
       }
     };
   }
-}), ls = {
+}), cs = {
   key: 0,
   class: "v3-header"
-}, rs = {
+}, ds = {
   key: 0,
   class: "v3-groups"
-}, cs = ["onClick"], ds = ["title"], gs = ["src"], ms = {
+}, gs = ["onClick"], ms = ["title"], ps = ["src"], Ms = {
   key: 1,
   class: "v3-spacing"
-}, ps = {
+}, hs = {
   key: 2,
   class: "v3-search"
-}, Ms = ["placeholder"];
-function hs(e, f, n, a, A, s) {
-  return e.hasGroupIcons || e.hasSearch ? (u(), c("div", ls, [
-    e.hasGroupIcons ? (u(), c("div", rs, [
-      (u(!0), c(B, null, R(e.orderedGroups, (t) => (u(), c("button", {
-        key: t.key,
+}, ys = ["placeholder"];
+function bs(e, f, n, a, t, s) {
+  return e.hasGroupIcons || e.hasSearch ? (u(), c("div", cs, [
+    e.hasGroupIcons ? (u(), c("div", ds, [
+      (u(!0), c(B, null, Y(e.orderedGroups, (A) => (u(), c("button", {
+        key: A.key,
         type: "button",
-        class: k(["v3-group", {
-          "v3-is-hidden": !e.icons[t.key]
+        class: D(["v3-group", {
+          "v3-is-hidden": !e.icons[A.key]
         }]),
-        onClick: (i) => e.updateActiveGroup(t.key)
+        onClick: (i) => e.updateActiveGroup(A.key)
       }, [
         o("span", {
-          title: t.title,
+          title: A.title,
           class: "v3-icon"
         }, [
           o("img", {
-            src: e.icons[t.key],
+            src: e.icons[A.key],
             alt: ""
-          }, null, 8, gs)
-        ], 8, ds)
-      ], 10, cs))), 128))
+          }, null, 8, ps)
+        ], 8, ms)
+      ], 10, gs))), 128))
     ])) : y("", !0),
-    e.hasGroupIcons && e.hasSearch ? (u(), c("div", ms)) : y("", !0),
-    e.hasSearch ? (u(), c("div", ps, [
-      Ae(o("input", {
-        "onUpdate:modelValue": f[0] || (f[0] = (t) => e.searchValue = t),
+    e.hasGroupIcons && e.hasSearch ? (u(), c("div", Ms)) : y("", !0),
+    e.hasSearch ? (u(), c("div", hs, [
+      te(o("input", {
+        "onUpdate:modelValue": f[0] || (f[0] = (A) => e.searchValue = A),
         type: "text",
         placeholder: e.placeholder
-      }, null, 8, Ms), [
+      }, null, 8, ys), [
         [Zf, e.searchValue]
       ])
     ])) : y("", !0)
   ])) : y("", !0);
 }
-var ys = /* @__PURE__ */ Qe(us, [["render", hs]]);
-const bs = me({
+var vs = /* @__PURE__ */ Qe(rs, [["render", bs]]);
+const _s = ge({
   name: "Header",
   setup() {
-    const { state: e, updateSkinTone: f } = Ge("store"), n = I(!1), a = I(!1), A = x(() => e.skinTone), s = x(
+    const { state: e, updateSkinTone: f } = Ge("store"), n = b(!1), a = b(!1), t = T(() => e.skinTone), s = T(
       () => e.options.staticTexts.skinTone || "Skin tone"
-    ), t = x(() => !e.options.disableSkinTones), i = mn() ? "is-mac" : "", l = x(() => ({
+    ), A = T(() => !e.options.disableSkinTones), i = mn() ? "is-mac" : "", l = T(() => ({
       ...e.emoji,
       src: Xf + "/" + e.emoji[Se] + ".png"
     }));
-    function r(p = !0) {
-      n.value = p;
+    function r(m = !0) {
+      n.value = m;
     }
     function g() {
       n.value = !n.value;
     }
-    function d(p) {
-      f(p), r(!1);
+    function d(m) {
+      f(m), r(!1);
     }
     return Ce(
       () => e.emoji,
@@ -13949,72 +13967,72 @@ const bs = me({
       }
     ), {
       emoji: l,
-      SKIN_TONES: cA,
+      SKIN_TONES: gt,
       updateSkinToneState: r,
       skinTone: n,
-      stateSkinTone: A,
+      stateSkinTone: t,
       selectSkinTone: d,
       toggleSkinToneState: g,
       EMOJI_RESULT_KEY: Se,
       EMOJI_NAME_KEY: Xe,
       skinToneText: s,
-      hasSkinTones: t,
+      hasSkinTones: A,
       native: e.options.native,
       unicodeToEmoji: Ke,
       platform: i,
       hasError: a
     };
   }
-}), vs = { class: "v3-foot-left" }, Is = { key: 0 }, _s = ["alt", "src"], ws = { class: "v3-text" }, Ds = { class: "v3-text" }, Ns = ["onClick"];
-function ks(e, f, n, a, A, s) {
+}), Is = { class: "v3-foot-left" }, ws = { key: 0 }, ks = ["alt", "src"], Ns = { class: "v3-text" }, Ds = { class: "v3-text" }, js = ["onClick"];
+function Vs(e, f, n, a, t, s) {
   return u(), c("div", {
     class: "v3-footer",
-    onMouseleave: f[2] || (f[2] = (t) => e.updateSkinToneState(!1))
+    onMouseleave: f[2] || (f[2] = (A) => e.updateSkinToneState(!1))
   }, [
-    o("div", vs, [
+    o("div", Is, [
       o("span", {
-        class: k([e.platform, "v3-icon"])
+        class: D([e.platform, "v3-icon"])
       }, [
-        e.native || e.hasError ? (u(), c("span", Is, w(e.unicodeToEmoji(e.emoji.r)), 1)) : (u(), c("img", {
+        e.native || e.hasError ? (u(), c("span", ws, w(e.unicodeToEmoji(e.emoji.r)), 1)) : (u(), c("img", {
           key: 1,
           alt: e.unicodeToEmoji(e.emoji.r),
           src: e.emoji.src,
-          onError: f[0] || (f[0] = (t) => e.hasError = !0)
-        }, null, 40, _s))
+          onError: f[0] || (f[0] = (A) => e.hasError = !0)
+        }, null, 40, ks))
       ], 2),
-      o("span", ws, " :" + w(e.emoji[e.EMOJI_NAME_KEY][1] || e.emoji[e.EMOJI_NAME_KEY][0]) + ": ", 1)
+      o("span", Ns, " :" + w(e.emoji[e.EMOJI_NAME_KEY][1] || e.emoji[e.EMOJI_NAME_KEY][0]) + ": ", 1)
     ]),
     e.hasSkinTones ? (u(), c(B, { key: 0 }, [
       o("button", {
         type: "button",
         class: "v3-tone",
-        onClick: f[1] || (f[1] = (...t) => e.toggleSkinToneState && e.toggleSkinToneState(...t))
+        onClick: f[1] || (f[1] = (...A) => e.toggleSkinToneState && e.toggleSkinToneState(...A))
       }, [
         o("span", Ds, w(e.skinToneText), 1),
         o("span", {
-          class: k(`v3-icon v3-tone-${e.stateSkinTone}`)
+          class: D(`v3-icon v3-tone-${e.stateSkinTone}`)
         }, null, 2)
       ]),
       o("div", {
-        class: k([e.skinTone ? "v3-is-open" : "", "v3-skin-tones"])
+        class: D([e.skinTone ? "v3-is-open" : "", "v3-skin-tones"])
       }, [
-        (u(!0), c(B, null, R(e.SKIN_TONES, (t) => (u(), c("button", {
-          key: t,
+        (u(!0), c(B, null, Y(e.SKIN_TONES, (A) => (u(), c("button", {
+          key: A,
           type: "button",
-          class: k(["v3-skin-tone-" + t, "v3-skin-tone"]),
-          onClick: (i) => e.selectSkinTone(t)
-        }, null, 10, Ns))), 128))
+          class: D(["v3-skin-tone-" + A, "v3-skin-tone"]),
+          onClick: (i) => e.selectSkinTone(A)
+        }, null, 10, js))), 128))
       ], 2)
     ], 64)) : y("", !0)
   ], 32);
 }
-var js = /* @__PURE__ */ Qe(bs, [["render", ks]]);
-const Vs = me({
+var Es = /* @__PURE__ */ Qe(_s, [["render", Vs]]);
+const Ts = ge({
   name: "PickerRoot",
   components: {
-    Header: ys,
-    Body: es,
-    Footer: js
+    Header: vs,
+    Body: ns,
+    Footer: Es
   },
   props: {
     type: {
@@ -14047,30 +14065,30 @@ const Vs = me({
     "update:text": (e) => !0
   },
   setup(e, { emit: f }) {
-    const n = I(), a = I(), A = I(), s = I(!1), t = I(e.text), i = e.type === "input" || e.type === "textarea";
+    const n = b(), a = b(), t = b(), s = b(!1), A = b(e.text), i = e.type === "input" || e.type === "textarea";
     let l = -1;
-    const { state: r } = Ge("store"), g = x(() => r.options.colorTheme);
+    const { state: r } = Ge("store"), g = T(() => r.options.colorTheme);
     function d(M) {
       if (i) {
-        const v = r.options.mode;
-        v === "prepend" ? t.value = M.i + t.value : v === "insert" && l !== -1 ? (t.value = `${t.value.slice(0, l)}${M.i}${t.value.slice(l)}`, l += M.i.length) : t.value += M.i, f("update:text", t.value);
+        const N = r.options.mode;
+        N === "prepend" ? A.value = M.i + A.value : N === "insert" && l !== -1 ? (A.value = `${A.value.slice(0, l)}${M.i}${A.value.slice(l)}`, l += M.i.length) : A.value += M.i, f("update:text", A.value);
       }
       f("select", M);
     }
-    function p() {
+    function m() {
       var M;
       n.value && (l = ((M = n.value) == null ? void 0 : M.selectionEnd) || -1);
     }
-    function m(M) {
-      var v;
-      !((v = M.target) != null && v.closest(
+    function p(M) {
+      var N;
+      !((N = M.target) != null && N.closest(
         ".v3-input-picker-wrap"
       )) && s.value && (s.value = !1);
     }
     function h() {
-      if (a.value && A.value && i) {
+      if (a.value && t.value && i) {
         let M = r.options.offset;
-        typeof M != "number" && (M = 6), qt(a.value, A.value, {
+        typeof M != "number" && (M = 6), $A(a.value, t.value, {
           placement: "bottom-end",
           modifiers: [
             {
@@ -14080,38 +14098,38 @@ const Vs = me({
               }
             }
           ]
-        }), document.body.addEventListener("click", m);
+        }), document.body.addEventListener("click", p);
       }
     }
-    function _(M) {
-      t.value = M.target.value || "", f("update:text", t.value);
+    function I(M) {
+      A.value = M.target.value || "", f("update:text", A.value);
     }
-    return ge(() => {
+    return de(() => {
       h();
-    }), Nn(() => {
-      document.body.removeEventListener("click", m);
+    }), Dn(() => {
+      document.body.removeEventListener("click", p);
     }), {
       face: gn,
       open: s,
       onSelect: d,
-      input: t,
+      input: A,
       elem: n,
-      updateCursor: p,
+      updateCursor: m,
       button: a,
-      picker: A,
+      picker: t,
       isInputType: i,
-      onChangeText: _,
+      onChangeText: I,
       colorTheme: g
     };
   }
-}), Es = {
+}), xs = {
   key: 0,
   class: "v3-input-emoji-picker"
-}, Ts = { class: "v3-input-picker-root" }, xs = ["value"], Ss = ["value"], zs = ["src"];
-function Os(e, f, n, a, A, s) {
-  const t = $e("Header"), i = $e("Body"), l = $e("Footer");
-  return e.isInputType ? (u(), c("div", Es, [
-    o("div", Ts, [
+}, Ss = { class: "v3-input-picker-root" }, zs = ["value"], Os = ["value"], Cs = ["src"];
+function Us(e, f, n, a, t, s) {
+  const A = Je("Header"), i = Je("Body"), l = Je("Footer");
+  return e.isInputType ? (u(), c("div", xs, [
+    o("div", Ss, [
       e.type === "input" ? (u(), c("input", {
         key: 0,
         ref: "elem",
@@ -14120,16 +14138,16 @@ function Os(e, f, n, a, A, s) {
         class: "v3-emoji-picker-input",
         onInput: f[0] || (f[0] = (...r) => e.onChangeText && e.onChangeText(...r)),
         onBlur: f[1] || (f[1] = (...r) => e.updateCursor && e.updateCursor(...r))
-      }, null, 40, xs)) : (u(), c("textarea", {
+      }, null, 40, zs)) : (u(), c("textarea", {
         key: 1,
         ref: "elem",
         value: e.input,
         class: "v3-emoji-picker-textarea",
         onInput: f[2] || (f[2] = (...r) => e.onChangeText && e.onChangeText(...r)),
         onBlur: f[3] || (f[3] = (...r) => e.updateCursor && e.updateCursor(...r))
-      }, null, 40, Ss)),
+      }, null, 40, Os)),
       o("div", {
-        class: k(["v3-input-picker-wrap", e.open ? "v3-picker-is-open" : ""])
+        class: D(["v3-input-picker-wrap", e.open ? "v3-picker-is-open" : ""])
       }, [
         o("button", {
           ref: "button",
@@ -14140,13 +14158,13 @@ function Os(e, f, n, a, A, s) {
           o("img", {
             src: e.face,
             alt: ""
-          }, null, 8, zs)
+          }, null, 8, Cs)
         ], 512),
         o("div", {
           ref: "picker",
-          class: k(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
+          class: D(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
         }, [
-          S(t),
+          S(A),
           S(i, { onSelect: e.onSelect }, null, 8, ["onSelect"]),
           S(l)
         ], 2)
@@ -14154,18 +14172,18 @@ function Os(e, f, n, a, A, s) {
     ])
   ])) : (u(), c("div", {
     key: 1,
-    class: k(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
+    class: D(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
   }, [
-    S(t),
+    S(A),
     S(i, { onSelect: e.onSelect }, null, 8, ["onSelect"]),
     S(l)
   ], 2));
 }
-var Cs = /* @__PURE__ */ Qe(Vs, [["render", Os]]);
-const Us = me({
+var Ls = /* @__PURE__ */ Qe(Ts, [["render", Us]]);
+const Qs = ge({
   name: "Picker",
   components: {
-    PickerRoot: Cs
+    PickerRoot: Ls
   },
   props: {
     native: {
@@ -14246,17 +14264,17 @@ const Us = me({
     select: (e) => !0
   },
   setup(e, { emit: f }) {
-    const n = I(e.text);
+    const n = b(e.text);
     function a(s) {
       n.value = s || "", f("update:text", n.value);
     }
-    const A = UA();
-    return A.updateOptions({
+    const t = Qt();
+    return t.updateOptions({
       native: e.native,
       hideSearch: e.hideSearch,
       hideGroupIcons: e.hideGroupIcons,
       hideGroupNames: e.hideGroupNames,
-      staticTexts: { ...dA, ...e.staticTexts },
+      staticTexts: { ...mt, ...e.staticTexts },
       disableStickyGroupNames: e.disableStickyGroupNames,
       disabledGroups: e.disabledGroups,
       groupNames: { ...en, ...e.groupNames },
@@ -14267,25 +14285,25 @@ const Us = me({
       offset: e.offset,
       groupOrder: e.groupOrder,
       groupIcons: e.groupIcons,
-      colorTheme: gA.includes(e.theme) ? e.theme : "light"
-    }), kn("store", A), {
+      colorTheme: pt.includes(e.theme) ? e.theme : "light"
+    }), jn("store", t), {
       type: e.pickerType,
       input: n,
       onChangeText: a
     };
   }
 });
-function Ls(e, f, n, a, A, s) {
-  const t = $e("picker-root");
-  return u(), L(t, {
+function Bs(e, f, n, a, t, s) {
+  const A = Je("picker-root");
+  return u(), Q(A, {
     type: e.type,
     text: e.input,
     onSelect: f[0] || (f[0] = (i) => e.$emit("select", i)),
     "onUpdate:text": e.onChangeText
   }, null, 8, ["type", "text", "onUpdate:text"]);
 }
-var Qs = /* @__PURE__ */ Qe(Us, [["render", Ls]]);
-const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__list" }, Rs = ["onClick"], qs = ["src"], Fs = {
+var Ys = /* @__PURE__ */ Qe(Qs, [["render", Bs]]);
+const Rs = ["id"], qs = ["id"], Fs = { class: "context-menu__container" }, $s = { class: "context-menu__list" }, Ws = ["onClick"], Js = ["src"], Hs = {
   __name: "ButtonContextMenu",
   props: {
     actions: {
@@ -14311,32 +14329,67 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
       type: Boolean,
       default: !1,
       required: !1
+    },
+    menuSide: {
+      type: String,
+      default: "top"
+    },
+    contextMenuKey: {
+      type: String,
+      default: "key"
+    },
+    storybook: {
+      type: Boolean,
+      required: !1,
+      default: !1
     }
   },
-  emits: ["click"],
+  emits: ["click", "buttonClick"],
   setup(e, { emit: f }) {
-    const n = e, a = f, A = I(null), s = I(null), t = (d) => {
-      const p = n.actions[d];
-      A.value.style.display = "none", a("click", p);
+    const n = e, a = f, t = b(null), s = b(null), A = (d) => {
+      const m = n.actions[d];
+      t.value.style.display = "none", a("click", m);
     }, i = () => {
-      n.mode != "hover" && (A.value.style.display = "inherit");
+      n.disabled || (n.mode == "click" && (t.value.style.display = "inherit"), a("buttonClick"));
     }, l = () => {
-      n.mode == "hover" && (A.value.style.display = "inherit");
+      n.mode == "hover" && !n.disabled && (t.value.style.display = "inherit");
     }, r = () => {
-      n.mode == "hover" && (A.value.style.display = "none");
+      n.mode == "hover" && (t.value.style.display = "none");
     }, g = (d) => {
-      n.mode != "hover" && s.value && !s.value.contains(d.target) && (A.value.style.display = "none");
+      n.mode == "click" && s.value && !s.value.contains(d.target) && (t.value.style.display = "none");
     };
-    return ge(() => {
-      document.addEventListener("click", g);
+    return de(() => {
+      const d = {
+        top: {
+          h: -1,
+          w: -0.25
+        },
+        bottom: {
+          h: 1,
+          w: -0.25
+        },
+        left: {
+          h: -0.25,
+          w: 1
+        },
+        right: {
+          h: -0.25,
+          w: 1
+        }
+      };
+      let m, p;
+      n.menuSide == "top" && (m = document.getElementById("container-" + n.contextMenuKey).offsetWidth, p = document.getElementById("context-menu-" + n.contextMenuKey).offsetHeight, t.value.style.left = d[n.menuSide].w * m + "px"), n.menuSide == "bottom" && (m = document.getElementById("context-menu-" + n.contextMenuKey).offsetWidth, p = document.getElementById("container-" + n.contextMenuKey).offsetHeight, t.value.style.right = d[n.menuSide].w * m + "px"), n.menuSide == "left" && (m = document.getElementById("container-" + n.contextMenuKey).offsetWidth, p = document.getElementById("context-menu-" + n.contextMenuKey).offsetHeight, t.value.style.right = d[n.menuSide].w * m + "px"), n.menuSide == "right" && (m = document.getElementById("container-" + n.contextMenuKey).offsetWidth, p = document.getElementById("context-menu-" + n.contextMenuKey).offsetHeight, t.value.style.left = d[n.menuSide].w * m + "px"), t.value.style.top = d[n.menuSide].h * p + "px", t.value.style.display = "none", document.addEventListener("click", g);
     }), Gf(() => {
       document.removeEventListener("click", g);
-    }), (d, p) => (u(), c("div", {
+    }), (d, m) => (u(), c("div", {
+      id: "container-" + n.contextMenuKey,
       ref_key: "actionScope",
-      ref: s
+      ref: s,
+      style: { position: "relative", width: "fit-content" },
+      class: D({ "storybook-container": e.storybook })
     }, [
       o("button", {
-        class: k(["button", {
+        class: D(["button", {
           "disabled-button": e.disabled
         }]),
         onClick: i,
@@ -14344,49 +14397,50 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
         onMouseout: r
       }, [
         o("span", {
-          class: k(e.buttonClass)
+          class: D(e.buttonClass)
         }, w(e.buttonTitle), 3)
       ], 34),
       o("div", {
+        id: "context-menu-" + n.contextMenuKey,
         ref_key: "contextMenu",
-        ref: A,
+        ref: t,
         class: "context-menu",
         onMouseover: l,
         onMouseout: r
       }, [
-        o("div", Bs, [
-          o("ul", Ys, [
-            (u(!0), c(B, null, R(n.actions, (m, h) => (u(), c("li", {
+        o("div", Fs, [
+          o("ul", $s, [
+            (u(!0), c(B, null, Y(n.actions, (p, h) => (u(), c("li", {
               key: h,
               class: "context-menu__item",
-              onClick: (_) => t(h)
+              onClick: (I) => A(h)
             }, [
-              m.icon ? (u(), c("img", {
+              p.icon ? (u(), c("img", {
                 key: 0,
-                src: m.icon,
+                src: p.icon,
                 width: "18",
                 height: "18"
-              }, null, 8, qs)) : m.prime ? (u(), c("i", {
+              }, null, 8, Js)) : p.prime ? (u(), c("i", {
                 key: 1,
-                class: k("pi pi-" + m.prime)
+                class: D("pi pi-" + p.prime)
               }, null, 2)) : y("", !0),
-              o("span", null, w(m.title), 1)
-            ], 8, Rs))), 128))
+              o("span", null, w(p.title), 1)
+            ], 8, Ws))), 128))
           ])
         ])
-      ], 544)
-    ], 512));
+      ], 40, qs)
+    ], 10, Rs));
   }
-}, Js = /* @__PURE__ */ j(Fs, [["__scopeId", "data-v-304a4b20"]]), Ws = { class: "channels__container" }, $s = {
+}, Mn = /* @__PURE__ */ j(Hs, [["__scopeId", "data-v-2eb2dd26"]]), Ks = { class: "channels__container" }, Ps = {
   key: 0,
   class: "channels__selected"
-}, Hs = {
+}, Zs = {
   key: 0,
   class: "channels__icon"
-}, Ks = ["src"], Ps = { class: "channels__title" }, Zs = {
+}, Gs = ["src"], Xs = { class: "channels__title" }, ei = {
   key: 1,
   class: "channels__selected channels__title"
-}, Gs = {
+}, fi = {
   __name: "ChannelSelector",
   props: {
     channels: {
@@ -14397,36 +14451,96 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
   },
   emits: ["selectChannel"],
   setup(e, { emit: f }) {
-    const n = I(null), a = e, A = f, t = I(a.channels.find((l) => l.type === "default")), i = (l) => {
-      t.value = l, A("selectChannel", t.value);
+    const n = b(null), a = e, t = f, A = b(a.channels.find((l) => l.type === "default")), i = (l) => {
+      A.value = l, t("selectChannel", A.value);
     };
     return (l, r) => (u(), c("div", {
       ref_key: "customDiv",
       ref: n,
       class: "channels"
     }, [
-      o("div", Ws, [
-        t.value ? (u(), c("div", $s, [
-          t.value.icon ? (u(), c("span", Hs, [
+      o("div", Ks, [
+        A.value ? (u(), c("div", Ps, [
+          A.value.icon ? (u(), c("span", Zs, [
             o("img", {
-              src: t.value.icon
-            }, null, 8, Ks)
+              src: A.value.icon
+            }, null, 8, Gs)
           ])) : y("", !0),
-          o("span", Ps, w(t.value.title), 1)
-        ])) : (u(), c("span", Zs, "Канал не выбран")),
-        S(Js, {
+          o("span", Xs, w(A.value.title), 1)
+        ])) : (u(), c("span", ei, "Канал не выбран")),
+        S(Mn, {
           actions: e.channels,
           mode: "hover",
           "button-class": "pi pi-list",
+          "menu-side": "top",
+          "context-menu-key": "channels",
           onClick: i
         }, null, 8, ["actions"])
       ])
     ], 512));
   }
-}, Xs = /* @__PURE__ */ j(Gs, [["__scopeId", "data-v-b21b5531"]]), ei = { class: "chat-input" }, fi = { class: "chat-input__container" }, ni = {
+}, ni = /* @__PURE__ */ j(fi, [["__scopeId", "data-v-80cc8217"]]), ai = { class: "template-selector" }, ti = { class: "template-selector__container" }, Ai = { class: "template-selector__button-close" }, si = { class: "template-selector__list" }, ii = ["onClick"], oi = { class: "template-selector__item-group" }, ui = { class: "template-selector__item-template" }, li = { class: "template-selector__item-title" }, ri = { class: "template-selector__item-text" }, ci = { class: "template-selector__preview-container" }, di = {
+  key: 0,
+  class: "template-selector__preview"
+}, gi = { class: "template-selector__preview-wrapper" }, mi = { class: "template-selector__preview-text" }, pi = {
+  key: 1,
+  class: "template-selector__preview-title"
+}, Mi = {
+  __name: "TemplateSelector",
+  props: {
+    templates: {
+      type: Array,
+      required: !1,
+      default: () => []
+    }
+  },
+  emits: ["closeTemplateWindow", "pasteTemplate"],
+  setup(e, { emit: f }) {
+    const n = e, a = (s) => {
+      n.templates.forEach((i) => i.isSelected = !1);
+      const A = n.templates.find((i) => i.templateId === s.templateId);
+      A.isSelected = !0;
+    }, t = T(() => n.templates.find((s) => s.isSelected));
+    return (s, A) => (u(), c("div", ai, [
+      o("div", ti, [
+        o("button", Ai, [
+          o("span", {
+            class: "pi pi-times",
+            onClick: A[0] || (A[0] = (i) => s.$emit("closeTemplateWindow"))
+          })
+        ]),
+        o("ul", si, [
+          (u(!0), c(B, null, Y(e.templates, (i, l) => (u(), c("li", {
+            key: l,
+            class: D(["template-selector__item", { "template-selector__item-selected": i.isSelected }]),
+            onClick: (r) => a(i)
+          }, [
+            o("p", oi, w(i.groupId), 1),
+            o("div", ui, [
+              o("p", li, w(i.title), 1),
+              o("p", ri, w(i.template), 1)
+            ])
+          ], 10, ii))), 128))
+        ]),
+        o("div", ci, [
+          t.value ? (u(), c("div", di, [
+            o("div", gi, [
+              o("p", mi, w(t.value.template), 1),
+              A[2] || (A[2] = o("p", { class: "template-selector__preview-time" }, " 22:22 ", -1))
+            ])
+          ])) : (u(), c("p", pi, " Предпросмотр шаблона "))
+        ]),
+        o("button", {
+          class: "template-selector__button-paste",
+          onClick: A[1] || (A[1] = (i) => s.$emit("pasteTemplate", t.value.template))
+        }, " Вставить ")
+      ])
+    ]));
+  }
+}, hi = /* @__PURE__ */ j(Mi, [["__scopeId", "data-v-a6888541"]]), yi = { class: "chat-input" }, bi = { class: "chat-input__container" }, vi = {
   key: 0,
   class: "chat-input__first-line"
-}, ai = { class: "chat-input__second-line" }, Ai = { class: "chat-input__third-line" }, ti = {
+}, _i = { class: "chat-input__second-line" }, Ii = { class: "chat-input__third-line" }, wi = {
   __name: "ChatInput",
   props: /* @__PURE__ */ zf({
     enableEmoji: {
@@ -14438,130 +14552,156 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
       type: Array,
       required: !1,
       default: () => []
+    },
+    templates: {
+      type: Array,
+      required: !1,
+      default: () => []
     }
   }, {
     modelValue: { type: String },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ zf(["send", "typing"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ zf(["send", "typing", "selectChannel"], ["update:modelValue"]),
   setup(e, { emit: f }) {
-    const n = f, a = En(e, "modelValue"), A = I(null), s = I(null), t = I(""), i = x(() => !s.value || s.value === ""), l = I(!1);
+    const n = f, a = Tn(e, "modelValue"), t = b(null), s = b(null), A = b(""), i = b(!1), l = (v) => {
+      a.value = v, i.value = !i.value;
+    }, r = T(() => !s.value || s.value === "");
     Ce(
       () => a.value,
       () => {
-        A.value.style.height = "auto", A.value.style.height = A.value.scrollHeight + "px";
+        t.value.style.height = "auto", t.value.style.height = t.value.scrollHeight + "px";
       }
     );
-    const r = ["б", "Кб", "Мб", "Гб"], g = (v) => {
+    const g = ["б", "Кб", "Мб", "Гб"], d = (v) => {
       if (console.log("fileUploaded", v), v) {
-        let b = v.selectedFile.size, D = 0;
-        for (; b > 1024; )
-          b = b / 1024, D++;
-        b = b.toFixed(2) + r[D], t.value = b;
+        let _ = v.selectedFile.size, k = 0;
+        for (; _ > 1024; )
+          _ = _ / 1024, k++;
+        _ = _.toFixed(2) + g[k], A.value = _;
       }
       s.value = v;
-    }, d = () => {
+    }, m = () => {
       console.log("reset uploaded file"), s.value = null;
     }, p = (v) => {
       n("typing", v.target.value);
-    }, m = () => {
-      var b;
-      l.value = !1;
+    }, h = (v) => {
+      n("selectChannel", v);
+    }, I = () => {
+      var _;
       const v = {
         type: null,
         text: null
       };
-      s.value ? (v.type = "message." + s.value.type, v.url = s.value.url, v.filename = s.value.filename, v.size = s.value.size, v.text = (b = a == null ? void 0 : a.value) == null ? void 0 : b.trim()) : (v.type = "message.text", v.text = a.value.trim()), n("send", v), s.value = !1, a.value = null, W(A).focus();
-    }, h = () => {
-      l.value = !l.value;
-    }, _ = x(() => {
+      s.value ? (v.type = "message." + s.value.type, v.url = s.value.url, v.filename = s.value.filename, v.size = s.value.size, v.text = (_ = a == null ? void 0 : a.value) == null ? void 0 : _.trim()) : (v.type = "message.text", v.text = a.value.trim()), n("send", v), s.value = !1, a.value = null, q(t).focus();
+    }, M = T(() => {
       if (document.documentElement.classList.contains("dark"))
         return "dark";
-    }), M = (v) => {
+    }), N = (v) => {
       a.value = (a.value ? a.value : "") + v.i;
     };
-    return (v, b) => (u(), c("div", ei, [
-      o("div", fi, [
-        s.value ? (u(), c("div", ni, [
-          S(tA, {
+    return (v, _) => (u(), c("div", yi, [
+      o("div", bi, [
+        s.value ? (u(), c("div", vi, [
+          S(it, {
             "preview-url": s.value.previewUrl,
             "is-image": s.value.isImage,
             "is-video": s.value.isVideo,
+            "is-audio": s.value.isAudio,
             "file-name": s.value.selectedFile.name,
-            "file-size": t.value,
-            onReset: d
-          }, null, 8, ["preview-url", "is-image", "is-video", "file-name", "file-size"])
+            "file-size": A.value,
+            onReset: m
+          }, null, 8, ["preview-url", "is-image", "is-video", "is-audio", "file-name", "file-size"])
         ])) : y("", !0),
-        o("div", ai, [
-          Ae(o("textarea", {
+        o("div", _i, [
+          te(o("textarea", {
             ref_key: "refInput",
-            ref: A,
-            "onUpdate:modelValue": b[0] || (b[0] = (D) => a.value = D),
+            ref: t,
+            "onUpdate:modelValue": _[0] || (_[0] = (k) => a.value = k),
             class: "chat-input__input",
             placeholder: "Type a message...",
-            onKeydown: Tn(m, ["enter"]),
+            onKeydown: xn(I, ["enter"]),
             onInput: p
           }, null, 544), [
             [Zf, a.value]
           ]),
           o("button", {
             class: "chat-input__button-send",
-            onClick: m
-          }, b[1] || (b[1] = [
+            onClick: I
+          }, _[4] || (_[4] = [
             o("span", { class: "pi pi-send" }, null, -1)
           ]))
         ]),
-        o("div", Ai, [
-          S(K, null, {
-            default: P(() => [
-              l.value ? (u(), L(W(Qs), {
-                key: 0,
+        o("div", Ii, [
+          S(q(Jo), {
+            "can-upload-file": r.value,
+            onFileUploaded: d
+          }, null, 8, ["can-upload-file"]),
+          o("button", {
+            class: "chat-input__button-emoji",
+            onClick: _[1] || (_[1] = (...k) => v.toogleDialogEmoji && v.toogleDialogEmoji(...k))
+          }, _[5] || (_[5] = [
+            o("span", { class: "pi pi-face-smile" }, null, -1)
+          ])),
+          S(H, null, {
+            default: K(() => [
+              S(q(Ys), {
                 class: "chat-input__emoji",
                 native: !0,
-                theme: _.value,
+                theme: M.value,
                 "picker-type": "",
-                onSelect: M
-              }, null, 8, ["theme"])) : y("", !0)
+                onSelect: N
+              }, null, 8, ["theme"])
             ]),
             _: 1
           }),
-          S(W(k1), {
-            "can-upload-file": i.value,
-            onFileUploaded: g
-          }, null, 8, ["can-upload-file"]),
           o("button", {
-            class: "chat-input__button-emoji",
-            onClick: h
-          }, b[2] || (b[2] = [
-            o("span", { class: "pi pi-face-smile" }, null, -1)
+            class: "chat-input__button-template",
+            onClick: _[2] || (_[2] = (k) => i.value = !i.value)
+          }, _[6] || (_[6] = [
+            o("span", { class: "pi pi-objects-column" }, null, -1)
           ])),
-          S(Xs, { channels: e.channels }, null, 8, ["channels"])
+          S(H, null, {
+            default: K(() => [
+              i.value ? (u(), Q(hi, {
+                key: 0,
+                templates: e.templates.templates,
+                onCloseTemplateWindow: _[3] || (_[3] = (k) => i.value = !i.value),
+                onPasteTemplate: l
+              }, null, 8, ["templates"])) : y("", !0)
+            ]),
+            _: 1
+          }),
+          S(ni, {
+            channels: e.channels,
+            onSelectChannel: h
+          }, null, 8, ["channels"])
         ])
       ])
     ]));
   }
-}, Oo = /* @__PURE__ */ j(ti, [["__scopeId", "data-v-1254400e"]]), si = { class: "chat-item__avatar-container" }, ii = ["src"], oi = {
+}, G1 = /* @__PURE__ */ j(wi, [["__scopeId", "data-v-d1641393"]]), ki = { class: "chat-item__avatar-container" }, Ni = ["src"], Di = {
   key: 1,
   class: "pi pi-user"
-}, ui = { class: "chat-item__info-container" }, li = { class: "chat-item__name" }, ri = {
+}, ji = { class: "chat-item__info-container" }, Vi = { class: "chat-item__name" }, Ei = {
   key: 0,
   class: "chat-item__last-message"
-}, ci = { class: "chat-item__details-container" }, di = {
+}, Ti = { class: "chat-item__details-container" }, xi = {
   key: 0,
   class: "chat-item__time"
-}, gi = {
+}, Si = {
   key: 1,
   class: "chat-item__unread"
-}, mi = {
+}, zi = {
   key: 3,
   class: "chat-item__status-chat-container"
-}, pi = {
+}, Oi = {
   key: 0,
   class: "pi pi-check"
-}, Mi = {
+}, Ci = {
   key: 1,
   class: "chat-item__fixed pi pi-thumbtack"
-}, hi = "typing...", yi = {
+}, Ui = "typing...", Li = {
   __name: "ChatItem",
   props: {
     chat: {
@@ -14571,76 +14711,76 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
   },
   emits: ["select", "action"],
   setup(e, { emit: f }) {
-    const n = e, a = f, A = () => {
+    const n = e, a = f, t = () => {
       a("select", n.chat);
-    }, s = () => n.chat.isSelected ? "chat-item__selected" : "chat-item", t = (_) => {
-      g(), a("action", { chatId: n.chat.chatId, ..._ });
-    }, i = I(!1), l = I(!1), r = () => {
+    }, s = () => n.chat.isSelected ? "chat-item__selected" : "chat-item", A = (I) => {
+      g(), a("action", { chatId: n.chat.chatId, ...I });
+    }, i = b(!1), l = b(!1), r = () => {
       l.value = !0;
     }, g = () => {
       l.value = !1, i.value = !1;
-    }, d = x(() => De(n.chat["lastMessage.status"]));
-    let p;
-    const m = I(!1), h = x(() => n.chat.typing && m.value ? hi : n.chat.lastMessage);
-    return ge(() => {
-      n.chat.typing && (p = setInterval(() => {
-        m.value = !m.value;
+    }, d = T(() => ke(n.chat["lastMessage.status"]));
+    let m;
+    const p = b(!1), h = T(() => n.chat.typing && p.value ? Ui : n.chat.lastMessage);
+    return de(() => {
+      n.chat.typing && (m = setInterval(() => {
+        p.value = !p.value;
       }, 2e3));
     }), Gf(() => {
-      clearInterval(p);
-    }), (_, M) => (u(), c("div", {
-      class: k(s()),
-      onClick: A
+      clearInterval(m);
+    }), (I, M) => (u(), c("div", {
+      class: D(s()),
+      onClick: t
     }, [
       o("div", {
         class: "chat-item__container",
         onMouseenter: r,
         onMouseleave: g
       }, [
-        o("div", si, [
+        o("div", ki, [
           o("span", {
             class: "chat-item__status-user",
-            style: O({ backgroundColor: n.chat.status })
+            style: z({ backgroundColor: n.chat.status })
           }, null, 4),
           n.chat.avatar ? (u(), c("img", {
             key: 0,
             src: n.chat.avatar,
             height: "48",
             width: "48"
-          }, null, 8, ii)) : (u(), c("span", oi))
+          }, null, 8, Ni)) : (u(), c("span", Di))
         ]),
-        o("div", ui, [
-          o("div", li, w(e.chat.name), 1),
-          e.chat.lastMessage || e.chat.typing ? (u(), c("div", ri, w(h.value), 1)) : y("", !0)
+        o("div", ji, [
+          o("div", Vi, w(e.chat.name), 1),
+          e.chat.lastMessage || e.chat.typing ? (u(), c("div", Ei, w(h.value), 1)) : y("", !0)
         ]),
-        o("div", ci, [
-          !(l.value && e.chat.actions) && e.chat["lastActivity.time"] ? (u(), c("div", di, w(e.chat["lastActivity.time"]), 1)) : y("", !0),
-          e.chat.countUnread > 0 ? (u(), c("div", gi, w(e.chat.countUnread), 1)) : y("", !0),
+        o("div", Ti, [
+          e.chat["lastActivity.time"] ? (u(), c("div", xi, w(e.chat["lastActivity.time"]), 1)) : y("", !0),
+          e.chat.countUnread > 0 ? (u(), c("div", Si, w(e.chat.countUnread > 99 ? "99+" : e.chat.countUnread), 1)) : y("", !0),
           l.value && e.chat.actions ? (u(), c("button", {
             key: 2,
             class: "chat-item__menu-button",
-            onClick: M[0] || (M[0] = (v) => i.value = !i.value)
+            onClick: M[0] || (M[0] = (N) => i.value = !i.value)
           }, M[1] || (M[1] = [
             o("span", { class: "pi pi-ellipsis-h" }, null, -1)
           ]))) : y("", !0),
-          e.chat.countUnread < 1 ? (u(), c("div", mi, [
-            W(we).includes(e.chat["lastMessage.status"]) ? (u(), c("div", {
+          e.chat.countUnread < 1 ? (u(), c("div", zi, [
+            q(we).includes(e.chat["lastMessage.status"]) ? (u(), c("div", {
               key: 0,
-              class: k(["chat-item__status-message", d.value])
+              class: D(["chat-item__status-message", d.value])
             }, [
-              e.chat["lastMessage.status"] !== "send" ? (u(), c("span", pi)) : y("", !0),
+              e.chat["lastMessage.status"] !== "send" ? (u(), c("span", Oi)) : y("", !0),
               M[2] || (M[2] = o("span", { class: "pi pi-check" }, null, -1))
             ], 2)) : y("", !0),
-            e.chat.isFixedTop || e.chat.isFixedBottom ? (u(), c("span", Mi)) : y("", !0)
+            e.chat.isFixedTop || e.chat.isFixedBottom ? (u(), c("span", Ci)) : y("", !0)
           ])) : y("", !0)
         ]),
-        S(K, { name: "menu" }, {
-          default: P(() => [
-            i.value && e.chat.actions ? (u(), L(ie, {
+        S(H, { name: "menu" }, {
+          default: K(() => [
+            i.value && e.chat.actions ? (u(), Q(me, {
               key: 0,
               class: "chat-item__context-menu",
               actions: e.chat.actions,
-              onClick: t
+              onClick: A
             }, null, 8, ["actions"])) : y("", !0)
           ]),
           _: 1
@@ -14648,37 +14788,37 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
       ], 32)
     ], 2));
   }
-}, uf = /* @__PURE__ */ j(yi, [["__scopeId", "data-v-de322d7c"]]), bi = { class: "chat-filter" }, vi = { class: "chat-filter__container" }, Ii = {
+}, uf = /* @__PURE__ */ j(Li, [["__scopeId", "data-v-f4674561"]]), Qi = { class: "chat-filter" }, Bi = { class: "chat-filter__container" }, Yi = {
   __name: "ChatFilter",
   emits: ["update"],
   setup(e, { emit: f }) {
-    const n = I(""), a = f, A = () => {
-      const s = W(n);
+    const n = b(""), a = f, t = () => {
+      const s = q(n);
       a("update", s.value);
     };
-    return (s, t) => (u(), c("div", bi, [
-      o("div", vi, [
+    return (s, A) => (u(), c("div", Qi, [
+      o("div", Bi, [
         o("input", {
           ref_key: "refInput",
           ref: n,
           class: "chat-filter__input",
           type: "text",
           placeholder: "Поиск диалога",
-          onInput: A
+          onInput: t
         }, null, 544)
       ])
     ]));
   }
-}, _i = /* @__PURE__ */ j(Ii, [["__scopeId", "data-v-effa1581"]]), wi = { class: "chat-list" }, Di = {
+}, Ri = /* @__PURE__ */ j(Yi, [["__scopeId", "data-v-f043bb19"]]), qi = { class: "chat-list" }, Fi = {
   key: 0,
   class: "chat-list__title"
-}, Ni = {
+}, $i = {
   key: 0,
   class: "pi pi-minus"
-}, ki = {
+}, Wi = {
   key: 1,
   class: "pi pi-plus"
-}, ji = { class: "chat-list__items" }, Vi = { class: "chat-list__fixed-items-top" }, Ei = { class: "chat-list__scrollable-items" }, Ti = { class: "chat-list__fixed-items-bottom" }, xi = {
+}, Ji = { class: "chat-list__items" }, Hi = { class: "chat-list__fixed-items-top" }, Ki = { class: "chat-list__scrollable-items" }, Pi = { class: "chat-list__fixed-items-bottom" }, Zi = {
   __name: "ChatList",
   props: {
     title: {
@@ -14701,35 +14841,39 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
   },
   emits: ["select", "action"],
   setup(e, { emit: f }) {
-    const n = I(""), a = I(!1), A = () => {
+    const n = b(""), a = b(!1), t = () => {
       a.value = !1;
-    }, s = e, t = f, i = (d) => {
-      t("select", d), s.chats.forEach((m) => m.isSelected = !1);
-      const p = s.chats.find((m) => m.chatId === d.chatId);
-      p.isSelected = !0;
-    }, l = () => s.chats.toSorted((d, p) => {
-      if (d.countUnread > p.countUnread) return -1;
-      if (d.countUnread < p.countUnread) return 1;
-      if (d.countUnread == p.countUnread) return 0;
-    }).filter((d) => d.name.includes(n.value)), r = (d) => {
+    }, s = e, A = f, i = (d) => {
+      s.chats.forEach((p) => p.isSelected = !1);
+      const m = s.chats.find((p) => p.chatId === d.chatId);
+      m.isSelected = !0, A("select", d);
+    }, l = () => s.chats.toSorted((d, m) => {
+      if (Number(d["lastActivity.timestamp"]) > Number(m["lastActivity.timestamp"])) return -1;
+      if (Number(d["lastActivity.timestamp"]) < Number(m["lastActivity.timestamp"])) return 1;
+      if (Number(d["lastActivity.timestamp"]) == Number(m["lastActivity.timestamp"])) return 0;
+    }).toSorted((d, m) => {
+      if (d.countUnread > m.countUnread) return -1;
+      if (d.countUnread < m.countUnread) return 1;
+      if (d.countUnread == m.countUnread) return 0;
+    }).filter((d) => d.name.includes(n.value) || d.metadata.includes(n.value)), r = (d) => {
       n.value = d;
-    }, g = (d) => t("action", d);
-    return (d, p) => (u(), c("div", wi, [
+    }, g = (d) => A("action", d);
+    return (d, m) => (u(), c("div", qi, [
       o("div", {
         class: "chat-list__title-container",
-        onMouseleave: A
+        onMouseleave: t
       }, [
-        e.title ? (u(), c("h2", Di, w(e.title), 1)) : y("", !0),
+        e.title ? (u(), c("h2", Fi, w(e.title), 1)) : y("", !0),
         e.actions.length ? (u(), c("button", {
           key: 1,
           class: "chat-list__button-actions",
-          onClick: p[0] || (p[0] = (m) => a.value = !a.value)
+          onClick: m[0] || (m[0] = (p) => a.value = !a.value)
         }, [
-          a.value ? (u(), c("span", Ni)) : (u(), c("span", ki))
+          a.value ? (u(), c("span", $i)) : (u(), c("span", Wi))
         ])) : y("", !0),
-        S(K, null, {
-          default: P(() => [
-            a.value && e.actions ? (u(), L(ie, {
+        S(H, null, {
+          default: K(() => [
+            a.value && e.actions ? (u(), Q(me, {
               key: 0,
               actions: e.actions,
               class: "chat-list__context-menu",
@@ -14739,35 +14883,35 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
           _: 1
         })
       ], 32),
-      e.filterEnabled ? (u(), L(_i, {
+      e.filterEnabled ? (u(), Q(Ri, {
         key: 0,
         class: "chat-list__filter",
         onUpdate: r
       })) : y("", !0),
-      o("div", ji, [
-        o("div", Vi, [
-          (u(!0), c(B, null, R(l().filter((m) => m.isFixedTop), (m) => (u(), L(uf, {
-            key: m.chatId,
+      o("div", Ji, [
+        o("div", Hi, [
+          (u(!0), c(B, null, Y(l().filter((p) => p.isFixedTop), (p) => (u(), Q(uf, {
+            key: p.chatId,
             class: "chat-list__item",
-            chat: m,
+            chat: p,
             onSelect: i,
             onAction: g
           }, null, 8, ["chat"]))), 128))
         ]),
-        o("div", Ei, [
-          (u(!0), c(B, null, R(l().filter((m) => !m.isFixedBottom && !m.isFixedTop), (m) => (u(), L(uf, {
-            key: m.chatId,
+        o("div", Ki, [
+          (u(!0), c(B, null, Y(l().filter((p) => !p.isFixedBottom && !p.isFixedTop), (p) => (u(), Q(uf, {
+            key: p.chatId,
             class: "chat-list__item",
-            chat: m,
+            chat: p,
             onSelect: i,
             onAction: g
           }, null, 8, ["chat"]))), 128))
         ]),
-        o("div", Ti, [
-          (u(!0), c(B, null, R(l().filter((m) => m.isFixedBottom), (m) => (u(), L(uf, {
-            key: m.chatId,
+        o("div", Pi, [
+          (u(!0), c(B, null, Y(l().filter((p) => p.isFixedBottom), (p) => (u(), Q(uf, {
+            key: p.chatId,
             class: "chat-list__item",
-            chat: m,
+            chat: p,
             onSelect: i,
             onAction: g
           }, null, 8, ["chat"]))), 128))
@@ -14775,10 +14919,10 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
       ])
     ]));
   }
-}, Co = /* @__PURE__ */ j(xi, [["__scopeId", "data-v-e344d847"]]), Si = ["messageId"], zi = ["src"], Oi = ["src"], Ci = { class: "video-message__controls" }, Ui = { class: "video-message__remaining-time" }, Li = { class: "video-message__info-container" }, Qi = { class: "video-message__time" }, Bi = {
+}, X1 = /* @__PURE__ */ j(Zi, [["__scopeId", "data-v-56d1c0f8"]]), Gi = ["messageId"], Xi = ["src"], eo = ["src"], fo = { class: "video-message__controls" }, no = { class: "video-message__remaining-time" }, ao = { class: "video-message__info-container" }, to = { class: "video-message__time" }, Ao = {
   key: 0,
   class: "pi pi-check"
-}, Yi = {
+}, so = {
   __name: "VideoMessage",
   props: {
     message: {
@@ -14788,39 +14932,39 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
   },
   setup(e) {
     const f = e;
-    function n(_) {
-      return _.position === "left" ? "video-message__left" : "video-message__right";
+    function n(I) {
+      return I.position === "left" ? "video-message__left" : "video-message__right";
     }
-    const a = I(null), A = I(!1), s = I(0), t = I(0), i = I(!1), l = I(!1), r = () => {
+    const a = b(null), t = b(!1), s = b(0), A = b(0), i = b(!1), l = b(!1), r = () => {
       l.value = !0;
     }, g = () => {
       l.value = !1, i.value = !1;
-    }, d = x(() => De(f.message.status));
-    function p() {
-      a.value && (A.value ? a.value.pause() : a.value.play(), A.value = !A.value);
+    }, d = T(() => ke(f.message.status));
+    function m() {
+      a.value && (t.value ? a.value.pause() : a.value.play(), t.value = !t.value);
     }
-    const m = (_) => {
-      const M = Math.floor(_ / 60), v = Math.floor(_ % 60);
-      return `${M.toString().padStart(2, "0")}:${v.toString().padStart(2, "0")}`;
-    }, h = x(() => {
+    const p = (I) => {
+      const M = Math.floor(I / 60), N = Math.floor(I % 60);
+      return `${M.toString().padStart(2, "0")}:${N.toString().padStart(2, "0")}`;
+    }, h = T(() => {
       if (a.value) {
-        if (t.value >= s.value)
-          return A.value = !1, "00:00";
+        if (A.value >= s.value)
+          return t.value = !1, "00:00";
         {
-          const _ = s.value - t.value;
-          return m(_);
+          const I = s.value - A.value;
+          return p(I);
         }
       } else
         return "";
     });
-    return ge(() => {
+    return de(() => {
       a.value.addEventListener("loadedmetadata", () => {
         s.value = a.value.duration;
       }), a.value.addEventListener("timeupdate", () => {
-        t.value = a.value.currentTime;
+        A.value = a.value.currentTime;
       });
-    }), (_, M) => (u(), c("div", {
-      class: k(["video-message", n(e.message)]),
+    }), (I, M) => (u(), c("div", {
+      class: D(["video-message", n(e.message)]),
       messageId: e.message.messageId,
       onMouseleave: g
     }, [
@@ -14830,8 +14974,8 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
         src: e.message.avatar,
         height: "32",
         width: "32",
-        style: O({ gridRow: e.message.subText ? "2" : "1" })
-      }, null, 12, zi)) : y("", !0),
+        style: z({ gridRow: e.message.subText ? "2" : "1" })
+      }, null, 12, Xi)) : y("", !0),
       o("div", {
         class: "video-message__content",
         onMouseenter: r
@@ -14841,79 +14985,82 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
           ref: a,
           class: "video-message__video",
           src: e.message.url
-        }, null, 8, Oi),
-        o("div", Ci, [
-          S(K, null, {
-            default: P(() => [
-              Ae(o("button", {
+        }, null, 8, eo),
+        o("div", fo, [
+          S(H, null, {
+            default: K(() => [
+              te(o("button", {
                 class: "video-message__play",
-                onClick: p
+                onClick: m
               }, M[1] || (M[1] = [
                 o("span", { class: "pi pi-play" }, null, -1)
               ]), 512), [
-                [Me, !A.value]
+                [Me, !t.value]
               ])
             ]),
             _: 1
           }),
-          Ae(o("button", {
+          te(o("button", {
             class: "video-message__pause",
-            onClick: p
+            onClick: m
           }, null, 512), [
-            [Me, A.value]
+            [Me, t.value]
           ])
         ]),
         l.value && e.message.actions ? (u(), c("button", {
           key: 0,
           class: "video-message__menu-button",
-          onClick: M[0] || (M[0] = (v) => i.value = !i.value)
+          onClick: M[0] || (M[0] = (N) => i.value = !i.value)
         }, M[2] || (M[2] = [
           o("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : y("", !0),
-        S(K, null, {
-          default: P(() => [
-            i.value && e.message.actions ? (u(), L(ie, {
+        S(H, null, {
+          default: K(() => [
+            i.value && e.message.actions ? (u(), Q(me, {
               key: 0,
               class: "video-message__context-menu",
               actions: e.message.actions,
-              onClick: _.clickAction
+              onClick: I.clickAction
             }, null, 8, ["actions", "onClick"])) : y("", !0)
           ]),
           _: 1
         }),
-        o("p", Ui, w(`${h.value}`), 1),
-        o("div", Li, [
-          o("span", Qi, w(e.message.time), 1),
-          n(e.message) === "video-message__right" && W(we).includes(e.message.status) ? (u(), c("div", {
+        o("p", no, w(`${h.value}`), 1),
+        o("div", ao, [
+          o("span", to, w(e.message.time), 1),
+          n(e.message) === "video-message__right" && q(we).includes(e.message.status) ? (u(), c("div", {
             key: 0,
-            class: k(["video-message__status", d.value])
+            class: D(["video-message__status", d.value])
           }, [
-            e.message.status !== "sent" ? (u(), c("span", Bi)) : y("", !0),
+            e.message.status !== "sent" ? (u(), c("span", Ao)) : y("", !0),
             M[3] || (M[3] = o("span", { class: "pi pi-check" }, null, -1))
           ], 2)) : y("", !0)
-        ])
+        ]),
+        M[4] || (M[4] = o("button", { class: "video-message__download-button" }, [
+          o("span", { class: "pi pi-download" })
+        ], -1))
       ], 32)
-    ], 42, Si));
+    ], 42, Gi));
   }
-}, Ri = /* @__PURE__ */ j(Yi, [["__scopeId", "data-v-b56303e8"]]), qi = { class: "call-message" }, Fi = ["messageId"], Ji = ["src"], Wi = {
+}, io = /* @__PURE__ */ j(so, [["__scopeId", "data-v-6882e877"]]), oo = { class: "call-message" }, uo = ["messageId"], lo = ["src"], ro = {
   key: 1,
   class: "call-message__subtext"
-}, $i = { class: "call-message__content" }, Hi = {
+}, co = { class: "call-message__content" }, go = {
   key: 0,
   class: "call-message__title"
-}, Ki = {
+}, mo = {
   key: 1,
   class: "call-message__title"
-}, Pi = {
+}, po = {
   key: 2,
   class: "call-message__duration"
-}, Zi = {
+}, Mo = {
   key: 3,
   class: "call-message__duration"
-}, Gi = {
+}, ho = {
   key: 4,
   class: "call-message__duration"
-}, Xi = { class: "call-message__info-container" }, e1 = { class: "call-message__time" }, f1 = {
+}, yo = { class: "call-message__info-container" }, bo = { class: "call-message__time" }, vo = {
   __name: "CallMessage",
   props: {
     message: {
@@ -14925,9 +15072,9 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
     function f(n) {
       return n.position === "left" ? "call-message__left" : "call-message__right";
     }
-    return (n, a) => (u(), c("div", qi, [
+    return (n, a) => (u(), c("div", oo, [
       o("div", {
-        class: k(f(e.message)),
+        class: D(f(e.message)),
         messageId: e.message.messageId
       }, [
         e.message.avatar ? (u(), c("img", {
@@ -14936,24 +15083,24 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
           src: e.message.avatar,
           height: "32",
           width: "32",
-          style: O({ gridRow: e.message.subText ? "2" : "1" })
-        }, null, 12, Ji)) : y("", !0),
-        e.message.subText ? (u(), c("p", Wi, w(e.message.subText), 1)) : y("", !0),
-        o("div", $i, [
+          style: z({ gridRow: e.message.subText ? "2" : "1" })
+        }, null, 12, lo)) : y("", !0),
+        e.message.subText ? (u(), c("p", ro, w(e.message.subText), 1)) : y("", !0),
+        o("div", co, [
           o("span", {
             class: "call-message__icon pi pi-phone",
-            style: O({ color: e.message.isMissedCall ? "var(--p-red-500)" : "var(--neutral-100)" })
+            style: z({ color: e.message.isMissedCall ? "var(--p-red-500)" : "var(--neutral-100)" })
           }, null, 4),
-          e.message.isMissedCall ? (u(), c("span", Ki, "Пропущенный аудиозвонок")) : (u(), c("span", Hi, "Аудиозвонок")),
-          e.message.callDuration ? (u(), c("span", Pi, w(e.message.callDuration), 1)) : !e.message.callDuration && e.message.isMissedCall ? (u(), c("span", Zi, "Нажмите, чтобы перезвонить")) : (u(), c("span", Gi, "Нет ответа")),
-          o("div", Xi, [
-            o("span", e1, w(e.message.time), 1)
+          e.message.isMissedCall ? (u(), c("span", mo, "Пропущенный аудиозвонок")) : (u(), c("span", go, "Аудиозвонок")),
+          e.message.callDuration ? (u(), c("span", po, w(e.message.callDuration), 1)) : !e.message.callDuration && e.message.isMissedCall ? (u(), c("span", Mo, "Нажмите, чтобы перезвонить")) : (u(), c("span", ho, "Нет ответа")),
+          o("div", yo, [
+            o("span", bo, w(e.message.time), 1)
           ])
         ])
-      ], 10, Fi)
+      ], 10, uo)
     ]));
   }
-}, n1 = /* @__PURE__ */ j(f1, [["__scopeId", "data-v-60811790"]]), a1 = { class: "system-message" }, A1 = { class: "system-message__container" }, t1 = { class: "system-message__text" }, s1 = {
+}, _o = /* @__PURE__ */ j(vo, [["__scopeId", "data-v-8790e89d"]]), Io = { class: "system-message" }, wo = { class: "system-message__container" }, ko = { class: "system-message__text" }, No = {
   __name: "SystemMessage",
   props: {
     message: {
@@ -14962,16 +15109,16 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
     }
   },
   setup(e) {
-    return (f, n) => (u(), c("div", a1, [
-      o("div", A1, [
-        o("p", t1, w(e.message.text), 1)
+    return (f, n) => (u(), c("div", Io, [
+      o("div", wo, [
+        o("p", ko, w(e.message.text), 1)
       ])
     ]));
   }
-}, i1 = /* @__PURE__ */ j(s1, [["__scopeId", "data-v-b17746f3"]]), o1 = { class: "typing-message" }, u1 = { class: "typing-message__container" }, l1 = ["src"], r1 = {
+}, Do = /* @__PURE__ */ j(No, [["__scopeId", "data-v-b17746f3"]]), jo = { class: "typing-message" }, Vo = { class: "typing-message__container" }, Eo = ["src"], To = {
   key: 1,
   class: "typing-message__subtext"
-}, c1 = {
+}, xo = {
   __name: "TypingMessage",
   props: {
     message: {
@@ -14980,30 +15127,34 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
     }
   },
   setup(e) {
-    return (f, n) => (u(), c("div", o1, [
-      o("div", u1, [
+    return (f, n) => (u(), c("div", jo, [
+      o("div", Vo, [
         e.message.avatar ? (u(), c("img", {
           key: 0,
           class: "typing-message__avatar",
           src: e.message.avatar,
           height: "32",
           width: "32",
-          style: O({ gridRow: e.message.subText ? "2" : "1" })
-        }, null, 12, l1)) : y("", !0),
-        e.message.subText ? (u(), c("p", r1, w(e.message.subText), 1)) : y("", !0),
+          style: z({ gridRow: e.message.subText ? "2" : "1" })
+        }, null, 12, Eo)) : y("", !0),
+        e.message.subText ? (u(), c("p", To, w(e.message.subText), 1)) : y("", !0),
         n[0] || (n[0] = o("div", { class: "typing-message__loader-container" }, [
           o("div", { class: "typing-message__loader" })
         ], -1))
       ])
     ]));
   }
-}, d1 = /* @__PURE__ */ j(c1, [["__scopeId", "data-v-6ffe329a"]]), g1 = { class: "message-feed__container" }, m1 = {
+}, So = /* @__PURE__ */ j(xo, [["__scopeId", "data-v-6ffe329a"]]), zo = { class: "message-feed__container" }, Oo = {
   __name: "Feed",
   props: {
     objects: {
       type: Array,
       required: !0
     },
+    buttonParams: {
+      type: Object,
+      required: !0
+    },
     // при новом сообщении необходимо прокручивать ленту вниз,
     // а при загрузке более ранних сообщений - нет
     isScrollToBottomOnUpdateObjectsEnabled: {
@@ -15014,71 +15165,76 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
   },
   emits: ["messageAction", "loadMore"],
   setup(e, { emit: f }) {
-    const n = I(), a = I(!1), A = e, s = f, t = () => {
-      const d = W(n);
+    const n = b(), a = b(!1), t = e, s = f, A = () => {
+      const d = q(n);
       d.scrollHeight - d.scrollTop - d.clientHeight < 100 ? a.value = !1 : a.value = !0, d.scrollTop === 0 && s("loadMore");
     }, i = (d) => ({
-      "message.text": va,
-      "message.image": ra,
-      "message.file": Gn,
-      "message.audio": xa,
-      "message.video": Ri,
-      "message.call": n1,
-      "message.system": i1,
-      "system.date": Ua,
-      "message.typing": d1
+      "message.text": _a,
+      "message.image": ca,
+      "message.file": Xn,
+      "message.audio": Sa,
+      "message.video": io,
+      "message.call": _o,
+      "message.system": Do,
+      "system.date": La,
+      "message.typing": So
     })[d];
     function l() {
-      A.isScrollToBottomOnUpdateObjectsEnabled && lf(function() {
-        const d = W(n);
+      t.isScrollToBottomOnUpdateObjectsEnabled && lf(function() {
+        const d = q(n);
         d.scrollTop = d.scrollHeight;
       });
     }
     function r() {
       lf(function() {
-        const d = W(n);
+        const d = q(n);
         d.scrollTop = d.scrollHeight;
       });
     }
-    xn(() => l), Ce(() => A.objects, l);
+    Sn(() => l), Ce(() => t.objects, l);
     const g = (d) => {
       s("messageAction", d);
     };
-    return (d, p) => (u(), c("div", {
+    return (d, m) => (u(), c("div", {
       ref_key: "refFeed",
       ref: n,
       class: "message-feed",
-      onScroll: t
+      onScroll: A
     }, [
-      o("div", g1, [
-        (u(!0), c(B, null, R(e.objects, (m) => (u(), L(Sn(i(m.type)), {
-          key: m.messageId,
+      o("div", zo, [
+        (u(!0), c(B, null, Y(e.objects, (p) => (u(), Q(zn(i(p.type)), {
+          key: p.messageId,
           class: "message-feed__message",
-          message: m,
+          message: p,
           onAction: g
         }, null, 40, ["message"]))), 128))
       ]),
-      S(K, null, {
-        default: P(() => [
+      S(H, null, {
+        default: K(() => [
           a.value ? (u(), c("button", {
             key: 0,
             class: "message-feed__button-down",
             onClick: r
-          }, p[0] || (p[0] = [
-            o("span", { class: "pi pi-angle-down" }, null, -1)
-          ]))) : y("", !0)
+          }, [
+            e.buttonParams ? (u(), c("div", {
+              key: 0,
+              style: z({ backgroundColor: e.buttonParams.color }),
+              class: "message-feed__unread-amount"
+            }, w(e.buttonParams.unreadAmount), 5)) : y("", !0),
+            m[0] || (m[0] = o("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
+          ])) : y("", !0)
         ]),
         _: 1
       })
     ], 544));
   }
-}, Uo = /* @__PURE__ */ j(m1, [["__scopeId", "data-v-6f37a662"]]), p1 = { class: "profile" }, M1 = {
+}, eu = /* @__PURE__ */ j(Oo, [["__scopeId", "data-v-47c13ea8"]]), Co = { class: "profile" }, Uo = {
   key: 0,
   class: "profile__container"
-}, h1 = {
+}, Lo = {
   key: 0,
   class: "profile__avatar-container"
-}, y1 = ["src"], b1 = { class: "profile__name" }, v1 = { class: "profile__email" }, I1 = { class: "profile__phone" }, _1 = {
+}, Qo = ["src"], Bo = { class: "profile__name" }, Yo = { class: "profile__email" }, Ro = { class: "profile__phone" }, qo = {
   __name: "UserProfile",
   props: {
     user: {
@@ -15087,26 +15243,26 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
     }
   },
   setup(e) {
-    return (f, n) => (u(), c("div", p1, [
-      e.user ? (u(), c("div", M1, [
-        e.user.avatar ? (u(), c("div", h1, [
+    return (f, n) => (u(), c("div", Co, [
+      e.user ? (u(), c("div", Uo, [
+        e.user.avatar ? (u(), c("div", Lo, [
           o("span", {
             class: "profile__status",
-            style: O({ backgroundColor: e.user.status })
+            style: z({ backgroundColor: e.user.status })
           }, null, 4),
           o("img", {
             src: e.user.avatar,
             height: "48",
             width: "48"
-          }, null, 8, y1)
+          }, null, 8, Qo)
         ])) : y("", !0),
-        o("h2", b1, w(e.user.name), 1),
-        o("p", v1, w(e.user.email), 1),
-        o("p", I1, w(e.user.phone), 1)
+        o("h2", Bo, w(e.user.name), 1),
+        o("p", Yo, w(e.user.email), 1),
+        o("p", Ro, w(e.user.phone), 1)
       ])) : y("", !0)
     ]));
   }
-}, Lo = /* @__PURE__ */ j(_1, [["__scopeId", "data-v-db3ba19b"]]), w1 = { key: 0 }, D1 = { key: 1 }, N1 = {
+}, fu = /* @__PURE__ */ j(qo, [["__scopeId", "data-v-db3ba19b"]]), Fo = { key: 0 }, $o = { key: 1 }, Wo = {
   __name: "FileUploader",
   props: {
     canUploadFile: {
@@ -15121,7 +15277,12 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
   },
   emits: ["fileUploaded"],
   setup(e, { emit: f }) {
-    const n = e, a = I(null), A = I(""), s = I(""), t = I(""), i = I(!1), l = I(!1), r = I(null), g = [
+    const n = e, a = b(null), t = b(""), s = b(""), A = b(""), i = b(!1), l = b(!1), r = b(!1), g = b(null), d = [
+      {
+        action: "audio/*",
+        title: "Аудио",
+        prime: "headphones"
+      },
       {
         action: "image/*",
         title: "Фото",
@@ -15137,91 +15298,91 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
         title: "Файл",
         prime: "file"
       }
-    ], d = f;
+    ], m = f;
     Ce(
       () => n.canUploadFile,
       () => {
         lf(() => {
-          n.canUploadFile === !0 && (A.value = null);
+          n.canUploadFile === !0 && (t.value = null);
         });
       }
     );
     const p = () => {
-      a.value = null, d("fileUploaded", null), s.value = null, t.value = "", A.value = "";
-    }, m = (b) => {
-      p(), console.log("onFileSelected", b.target.files[0]), a.value = b.target.files[0], a.value && (_(), M());
-    }, h = (b) => {
-      n.canUploadFile || b.preventDefault();
-    }, _ = () => {
-      const b = a.value, D = Cf(b.type);
-      if (i.value = !1, l.value = !1, D === "image" ? i.value = !0 : D === "video" && (l.value = !0), i.value || l.value) {
-        const N = new FileReader();
-        N.onload = (V) => {
-          t.value = V.target.result;
-        }, N.readAsDataURL(b);
+      a.value = null, m("fileUploaded", null), s.value = null, A.value = "", t.value = "";
+    }, h = (_) => {
+      p(), console.log("onFileSelected", _.target.files[0]), a.value = _.target.files[0], a.value && (I(), M());
+    }, I = () => {
+      const _ = a.value, k = Cf(_.type);
+      if (i.value = !1, l.value = !1, r.value = !1, k === "image" ? i.value = !0 : k === "video" ? l.value = !0 : k === "audio" && (r.value = !0), i.value || l.value) {
+        const E = new FileReader();
+        E.onload = (V) => {
+          A.value = V.target.result;
+        }, E.readAsDataURL(_);
       } else
-        t.value = "";
+        A.value = "";
     }, M = async () => {
-      A.value = "uploading";
-      const b = new FormData();
-      b.append("file", a.value);
-      const D = "https://filebump.services.mobilon.ru/upload";
+      t.value = "uploading";
+      const _ = new FormData();
+      _.append("file", a.value);
+      const k = "https://filebump.services.mobilon.ru/upload";
       try {
         const V = await (await fetch(
-          D,
+          k,
           {
             method: "POST",
-            body: b
+            body: _
           }
         )).json();
-        s.value = V.url, A.value = "success", d("fileUploaded", {
+        s.value = V.url, t.value = "success", m("fileUploaded", {
           url: V.url,
           type: Cf(a.value.type),
           filename: a.value.name,
           size: a.value.size,
-          previewUrl: t.value,
+          previewUrl: A.value,
           isImage: i.value,
           isVideo: l.value,
+          isAudio: r.value,
           selectedFile: a.value
         });
-      } catch (N) {
-        console.error("Ошибка при загрузке файла:", N), A.value = "error";
+      } catch (E) {
+        console.error("Ошибка при загрузке файла:", E), t.value = "error";
       }
-    }, v = (b) => {
-      r.value && n.canUploadFile && (r.value.accept = b.action, r.value.click());
+    }, N = (_) => {
+      g.value && n.canUploadFile && (g.value.accept = _.action, g.value.click());
+    }, v = () => {
+      g.value && n.canUploadFile && g.value.click();
     };
-    return (b, D) => (u(), c("div", {
-      class: k(["uploader-container", { "storybook-container": e.storybook }])
+    return (_, k) => (u(), c("div", {
+      class: D(["uploader-container", { "storybook-container": e.storybook }])
     }, [
-      A.value === "uploading" ? (u(), c("div", w1, D[0] || (D[0] = [
+      t.value === "uploading" ? (u(), c("div", Fo, k[0] || (k[0] = [
         o("p", null, "Загрузка файла...", -1)
-      ]))) : A.value === "error" ? (u(), c("div", D1, D[1] || (D[1] = [
+      ]))) : t.value === "error" ? (u(), c("div", $o, k[1] || (k[1] = [
         o("p", null, "Ошибка при загрузке файла.", -1)
       ]))) : (u(), c("div", {
         key: 2,
-        class: k(["chat-input__button-file", { "chat-input__button-file-disabled": !e.canUploadFile }])
+        class: D(["chat-input__button-file", { "chat-input__button-file-disabled": !e.canUploadFile }])
       }, [
-        o("label", { onClick: h }, [
-          o("input", {
-            ref_key: "fileInput",
-            ref: r,
-            type: "file",
-            onChange: m
-          }, null, 544),
-          D[2] || (D[2] = o("span", null, [
-            o("i", { class: "pi pi-file-arrow-up" })
-          ], -1))
-        ])
-      ], 2)),
-      e.canUploadFile ? (u(), L(ie, {
-        key: 3,
-        class: "file-drop-down",
-        actions: g,
-        onClick: v
-      })) : y("", !0)
+        o("input", {
+          ref_key: "fileInput",
+          ref: g,
+          type: "file",
+          onChange: h
+        }, null, 544),
+        S(Mn, {
+          actions: d,
+          mode: "hover",
+          "button-class": "pi pi-file-arrow-up",
+          "menu-side": "top",
+          "context-menu-key": "file-uploader",
+          disabled: !e.canUploadFile,
+          onClick: N,
+          onButtonClick: v
+        }, null, 8, ["disabled"])
+      ], 2))
     ], 2));
   }
-}, k1 = /* @__PURE__ */ j(N1, [["__scopeId", "data-v-0a464ce7"]]), j1 = { key: 0 }, V1 = ["value", "selected"], E1 = {
+}, Jo = /* @__PURE__ */ j(Wo, [["__scopeId", "data-v-d58a941d"]]), Ho = { key: 0 }, Ko = ["value", "selected"], Po = {
   __name: "ThemeMode",
   props: {
     themes: {
@@ -15232,30 +15393,30 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
   },
   setup(e) {
     const f = e, n = () => {
-      const s = f.themes.find((t) => t.default === !0);
+      const s = f.themes.find((A) => A.default === !0);
       return s ? s.code : f.themes[0].code;
     }, a = (s) => {
-      const t = s.target.value;
-      A(t);
-    }, A = (s) => {
+      const A = s.target.value;
+      t(A);
+    }, t = (s) => {
       document.documentElement.dataset.theme = s;
     };
-    return ge(() => {
+    return de(() => {
       const s = n();
-      A(s);
-    }), (s, t) => e.show ? (u(), c("div", j1, [
+      t(s);
+    }), (s, A) => e.show ? (u(), c("div", Ho, [
       o("select", {
-        onChange: t[0] || (t[0] = (i) => a(i))
+        onChange: A[0] || (A[0] = (i) => a(i))
       }, [
-        (u(!0), c(B, null, R(f.themes, (i, l) => (u(), c("option", {
+        (u(!0), c(B, null, Y(f.themes, (i, l) => (u(), c("option", {
           key: l,
           value: i.code,
           selected: i.default === !0
-        }, w(i.name), 9, V1))), 128))
+        }, w(i.name), 9, Ko))), 128))
       ], 32)
     ])) : y("", !0);
   }
-}, Qo = /* @__PURE__ */ j(E1, [["__scopeId", "data-v-be17a762"]]), T1 = { class: "sidebar" }, x1 = { class: "sidebar__container" }, S1 = { class: "sidebar__list" }, z1 = ["onClick"], O1 = ["src", "alt"], C1 = { key: 1 }, U1 = { class: "sidebar__list-fixed" }, L1 = ["onClick"], Q1 = ["src", "alt"], B1 = { key: 1 }, Y1 = {
+}, nu = /* @__PURE__ */ j(Po, [["__scopeId", "data-v-be17a762"]]), Zo = { class: "sidebar" }, Go = { class: "sidebar__container" }, Xo = { class: "sidebar__list" }, e1 = ["onClick"], f1 = ["src", "alt"], n1 = { key: 1 }, a1 = { class: "sidebar__list-fixed" }, t1 = ["onClick"], A1 = ["src", "alt"], s1 = { key: 1 }, i1 = {
   __name: "SideBar",
   props: {
     sidebarItems: {
@@ -15266,17 +15427,17 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
   },
   emits: ["selectItem"],
   setup(e, { emit: f }) {
-    const a = zn(e, "sidebarItems"), A = f, s = (i) => {
+    const a = On(e, "sidebarItems"), t = f, s = (i) => {
       const l = a.value.find((r) => r.itemId === i);
-      A("selectItem", l);
-    }, t = (i) => {
+      t("selectItem", l);
+    }, A = (i) => {
       const l = i.split(" ");
       return l.length > 2 ? l.slice(0, 2).join(" ") : i;
     };
-    return (i, l) => (u(), c("div", T1, [
-      o("div", x1, [
-        o("ul", S1, [
-          (u(!0), c(B, null, R(a.value.filter((r) => !r.isFixedBottom), (r, g) => (u(), c("li", {
+    return (i, l) => (u(), c("div", Zo, [
+      o("div", Go, [
+        o("ul", Xo, [
+          (u(!0), c(B, null, Y(a.value.filter((r) => !r.isFixedBottom), (r, g) => (u(), c("li", {
             key: g,
             class: "sidebar__item",
             onClick: (d) => s(r.itemId)
@@ -15284,17 +15445,17 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
             o("img", {
               src: r.icon,
               alt: r.name,
-              class: k(["sidebar__image", { "sidebar__image--active": r.selected === !0 }])
-            }, null, 10, O1),
+              class: D(["sidebar__image", { "sidebar__image--active": r.selected === !0 }])
+            }, null, 10, f1),
             r.notificationCount ? (u(), c("span", {
               key: 0,
-              style: O({ backgroundColor: r.notificationColor ? r.notificationColor : "red" })
+              style: z({ backgroundColor: r.notificationColor ? r.notificationColor : "red" })
             }, w(r.notificationCount > 99 ? "99+" : r.notificationCount), 5)) : y("", !0),
-            r.name ? (u(), c("p", C1, w(t(r.name)), 1)) : y("", !0)
-          ], 8, z1))), 128))
+            r.name ? (u(), c("p", n1, w(A(r.name)), 1)) : y("", !0)
+          ], 8, e1))), 128))
         ]),
-        o("ul", U1, [
-          (u(!0), c(B, null, R(a.value.filter((r) => r.isFixedBottom), (r, g) => (u(), c("li", {
+        o("ul", a1, [
+          (u(!0), c(B, null, Y(a.value.filter((r) => r.isFixedBottom), (r, g) => (u(), c("li", {
             key: g,
             class: "sidebar__item",
             onClick: (d) => s(r.itemId)
@@ -15302,22 +15463,22 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
             o("img", {
               src: r.icon,
               alt: r.name,
-              class: k(["sidebar__image", { "sidebar__image--active": r.selected === !0 }])
-            }, null, 10, Q1),
+              class: D(["sidebar__image", { "sidebar__image--active": r.selected === !0 }])
+            }, null, 10, A1),
             r.notificationCount ? (u(), c("span", {
               key: 0,
-              style: O({ backgroundColor: r.notificationColor ? r.notificationColor : "red" })
+              style: z({ backgroundColor: r.notificationColor ? r.notificationColor : "red" })
             }, w(r.notificationCount > 99 ? "99+" : r.notificationCount), 5)) : y("", !0),
-            r.name ? (u(), c("p", B1, w(t(r.name)), 1)) : y("", !0)
-          ], 8, L1))), 128))
+            r.name ? (u(), c("p", s1, w(A(r.name)), 1)) : y("", !0)
+          ], 8, t1))), 128))
         ])
       ])
     ]));
   }
-}, Bo = /* @__PURE__ */ j(Y1, [["__scopeId", "data-v-5e22516c"]]), R1 = { class: "chat-panel" }, q1 = { class: "chat-panel__title-container" }, F1 = {
+}, au = /* @__PURE__ */ j(i1, [["__scopeId", "data-v-5e22516c"]]), o1 = { class: "chat-panel" }, u1 = { class: "chat-panel__title-container" }, l1 = {
   key: 0,
   class: "chat-panel__title"
-}, J1 = {
+}, r1 = {
   __name: "ChatPanel",
   props: {
     title: {
@@ -15328,25 +15489,25 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
   },
   emits: ["close-panel"],
   setup(e, { emit: f }) {
-    return (n, a) => (u(), c("div", R1, [
-      o("div", q1, [
-        e.title ? (u(), c("p", F1, w(e.title), 1)) : y("", !0),
+    return (n, a) => (u(), c("div", o1, [
+      o("div", u1, [
+        e.title ? (u(), c("p", l1, w(e.title), 1)) : y("", !0),
         o("button", {
           class: "chat-panel__button-close",
-          onClick: a[0] || (a[0] = (A) => n.$emit("close-panel"))
+          onClick: a[0] || (a[0] = (t) => n.$emit("close-panel"))
         }, a[1] || (a[1] = [
           o("span", { class: "pi pi-times" }, null, -1)
         ]))
       ]),
       o("div", null, [
-        $(n.$slots, "content", {}, void 0, !0)
+        J(n.$slots, "content", {}, void 0, !0)
       ])
     ]));
   }
-}, Yo = /* @__PURE__ */ j(J1, [["__scopeId", "data-v-1f6ac199"]]), W1 = {
+}, tu = /* @__PURE__ */ j(r1, [["__scopeId", "data-v-1f6ac199"]]), c1 = {
   key: 0,
   class: "new-chat-modal"
-}, $1 = { class: "modal-content" }, H1 = { class: "participant-list" }, K1 = ["id", "value"], P1 = ["for"], Z1 = {
+}, d1 = { class: "modal-content" }, g1 = { class: "participant-list" }, m1 = ["id", "value"], p1 = ["for"], M1 = {
   __name: "SelectUser",
   props: {
     users: {
@@ -15360,35 +15521,35 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
   },
   emits: ["confirm", "close"],
   setup(e, { emit: f }) {
-    const n = I(!0), a = I([]), A = f, s = async () => {
-      A("confirm", a.value), t(), i();
-    }, t = () => {
-      A("close"), n.value = !1;
+    const n = b(!0), a = b([]), t = f, s = async () => {
+      t("confirm", a.value), A(), i();
+    }, A = () => {
+      t("close"), n.value = !1;
     }, i = () => {
       a.value = [];
     }, l = () => {
-      t(), i();
+      A(), i();
     };
     return (r, g) => (u(), c("div", null, [
-      n.value ? (u(), c("div", W1, [
-        o("div", $1, [
+      n.value ? (u(), c("div", c1, [
+        o("div", d1, [
           o("h2", null, w(e.title), 1),
-          o("div", H1, [
-            (u(!0), c(B, null, R(e.users, (d) => (u(), c("div", {
+          o("div", g1, [
+            (u(!0), c(B, null, Y(e.users, (d) => (u(), c("div", {
               key: d.userId,
               class: "participant-item"
             }, [
-              Ae(o("input", {
+              te(o("input", {
                 id: d.userId,
-                "onUpdate:modelValue": g[0] || (g[0] = (p) => a.value = p),
+                "onUpdate:modelValue": g[0] || (g[0] = (m) => a.value = m),
                 type: "checkbox",
                 value: d.userId
-              }, null, 8, K1), [
-                [On, a.value]
+              }, null, 8, m1), [
+                [Cn, a.value]
               ]),
               o("label", {
                 for: d.userId
-              }, w(d.name || "unknown username"), 9, P1)
+              }, w(d.name || "unknown username"), 9, p1)
             ]))), 128))
           ]),
           o("div", { class: "modal-actions" }, [
@@ -15399,40 +15560,40 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
       ])) : y("", !0)
     ]));
   }
-}, Ro = /* @__PURE__ */ j(Z1, [["__scopeId", "data-v-66249b80"]]), G1 = { class: "modal-backdrop" }, X1 = {
+}, Au = /* @__PURE__ */ j(M1, [["__scopeId", "data-v-66249b80"]]), h1 = { class: "modal-backdrop" }, y1 = {
   class: "modal",
   role: "dialog",
   "aria-labelledby": "modalTitle",
   "aria-describedby": "modalDescription"
-}, eo = {
+}, b1 = {
   id: "modalDescription",
   class: "modal-body"
-}, fo = { class: "buttons" }, no = {
+}, v1 = { class: "buttons" }, _1 = {
   __name: "Modal",
   emits: ["close", "submit"],
   setup(e, { emit: f }) {
     const n = f, a = (s) => {
       n("submit", s);
-    }, A = I(null);
-    return (s, t) => (u(), L(K, { name: "modal-fade" }, {
-      default: P(() => [
-        o("div", G1, [
-          o("div", X1, [
-            o("div", eo, [
-              $(s.$slots, "default", {}, void 0, !0)
+    }, t = b(null);
+    return (s, A) => (u(), Q(H, { name: "modal-fade" }, {
+      default: K(() => [
+        o("div", h1, [
+          o("div", y1, [
+            o("div", b1, [
+              J(s.$slots, "default", {}, void 0, !0)
             ]),
-            o("div", fo, [
+            o("div", v1, [
               o("button", {
                 type: "button",
                 class: "btn-green",
                 "aria-label": "Close modal",
-                onClick: t[0] || (t[0] = (i) => a(A.value))
+                onClick: A[0] || (A[0] = (i) => a(t.value))
               }, " OK "),
               o("button", {
                 type: "button",
                 class: "btn-green",
                 "aria-label": "Close modal",
-                onClick: t[1] || (t[1] = (i) => s.$emit("close"))
+                onClick: A[1] || (A[1] = (i) => s.$emit("close"))
               }, " Cancel ")
             ])
           ])
@@ -15441,29 +15602,29 @@ const Bs = { class: "context-menu__container" }, Ys = { class: "context-menu__li
       _: 3
     }));
   }
-}, ao = /* @__PURE__ */ j(no, [["__scopeId", "data-v-d48a1772"]]);
+}, I1 = /* @__PURE__ */ j(_1, [["__scopeId", "data-v-d48a1772"]]);
 function wf({ component: e, attrs: f }) {
   return new Promise((n) => {
     const a = document.createElement("div");
     document.body.appendChild(a);
-    const A = I({}), s = () => {
+    const t = b({}), s = () => {
       r.unmount(), document.body.removeChild(a);
-    }, t = () => {
-      s(), n(A.value);
+    }, A = () => {
+      s(), n(t.value);
     }, i = (g) => {
       const d = Object.keys(g)[0];
-      A.value[d] = g[d];
-    }, l = me({
+      t.value[d] = g[d];
+    }, l = ge({
       render() {
         return Of(
-          ao,
+          I1,
           {
-            onSubmit: t,
+            onSubmit: A,
             onClose: s
           },
           {
             default: () => Of(
-              Cn(() => e),
+              Un(() => e),
               {
                 ...f,
                 onChange: i
@@ -15472,21 +15633,21 @@ function wf({ component: e, attrs: f }) {
           }
         );
       }
-    }), r = Un(l);
+    }), r = Ln(l);
     r.mount(a);
   });
 }
-const qo = async (e, f) => {
+const su = async (e, f) => {
   const n = await wf({
     //в component должен быть встроен emit change(key: value)
-    component: import("./SelectUser2-Cxg_oYQm.js"),
+    component: import("./SelectUser2-DekHrO3A.js"),
     attrs: {
       title: e,
       users: f
     }
   });
   return console.log("data", n), n;
-}, Fo = async (e) => {
+}, iu = async (e) => {
   const f = await wf({
     //в component должен быть встроен emit change(key: value)
     component: import("./CreateChat-fkFKBxtQ.js"),
@@ -15495,29 +15656,29 @@ const qo = async (e, f) => {
     }
   });
   return console.log("data", f), f;
-}, Jo = async (e) => await wf({
+}, ou = async (e) => await wf({
   //в component должен быть встроен emit change(key: value)
   component: import("./CreateChat2-DgUQ2F5L.js"),
   attrs: {
     title: e
   }
-}), Ao = { class: "base" }, Wo = {
+}), w1 = { class: "base" }, uu = {
   __name: "BaseContainer",
   props: {
     height: String,
     width: String
   },
   setup(e) {
-    return (f, n) => (u(), c("div", Ao, [
+    return (f, n) => (u(), c("div", w1, [
       o("div", {
         class: "base__container",
-        style: O({ height: e.height, width: e.width })
+        style: z({ height: e.height, width: e.width })
       }, [
-        $(f.$slots, "default")
+        J(f.$slots, "default")
       ], 4)
     ]));
   }
-}, to = { class: "float-window__container" }, so = ["src", "alt"], io = { class: "float-window__title" }, oo = {
+}, k1 = { class: "float-window__container" }, N1 = ["src", "alt"], D1 = { class: "float-window__title" }, j1 = {
   __name: "FloatContainer",
   props: {
     title: {
@@ -15537,127 +15698,147 @@ const qo = async (e, f) => {
   },
   emits: ["close-window", "get-size"],
   setup(e, { emit: f }) {
-    const n = e, a = I({ x: 0, y: 0 }), A = I(null), s = I(null), t = I(!1), i = I(0), l = I(0), r = I(0), g = () => {
-      if (A.value) {
-        const h = window.innerWidth, _ = window.innerHeight, M = A.value.offsetWidth, v = A.value.offsetHeight;
-        a.value.x = (h - M) / 2, a.value.y = (_ - v) / 2;
+    const n = e, a = b({ x: 0, y: 0 }), t = b(null), s = b(null), A = b(!1), i = b(0), l = b(0), r = b(0), g = () => {
+      if (t.value) {
+        const h = window.innerWidth, I = window.innerHeight, M = t.value.offsetWidth, N = t.value.offsetHeight;
+        a.value.x = (h - M) / 2, a.value.y = (I - N) / 2;
       }
     }, d = (h) => {
-      t.value = !0, i.value = h.clientX - A.value.offsetLeft, l.value = h.clientY - A.value.offsetTop;
-    }, p = () => t.value = !1, m = (h) => {
-      if (t.value) {
-        const _ = h.clientX - i.value, M = h.clientY - l.value;
+      A.value = !0, i.value = h.clientX - t.value.offsetLeft, l.value = h.clientY - t.value.offsetTop;
+    }, m = () => A.value = !1, p = (h) => {
+      if (A.value) {
+        const I = h.clientX - i.value, M = h.clientY - l.value;
         a.value.x = Math.max(
           0,
-          Math.min(_, window.innerWidth - A.value.offsetWidth)
+          Math.min(I, window.innerWidth - t.value.offsetWidth)
         ), a.value.y = Math.max(
           0,
-          Math.min(M, window.innerHeight - A.value.offsetHeight)
+          Math.min(M, window.innerHeight - t.value.offsetHeight)
         );
       }
     };
-    return ge(() => {
-      g(), document.addEventListener("mousemove", m), window.addEventListener("resize", () => {
+    return de(() => {
+      g(), document.addEventListener("mousemove", p), window.addEventListener("resize", () => {
         a.value.x = Math.max(
           0,
           Math.min(
             a.value.x,
-            window.innerWidth - A.value.offsetWidth
+            window.innerWidth - t.value.offsetWidth
           )
         ), a.value.y = Math.max(
           0,
           Math.min(
             a.value.y,
-            window.innerHeight - A.value.offsetHeight
+            window.innerHeight - t.value.offsetHeight
           )
         );
-      }), r.value = A.value.offsetHeight - s.value.offsetHeight;
-    }), (h, _) => (u(), c("div", {
+      }), r.value = t.value.offsetHeight - s.value.offsetHeight;
+    }), (h, I) => (u(), c("div", {
       ref_key: "element",
-      ref: A,
+      ref: t,
       class: "float-window",
-      style: O({
+      style: z({
         left: a.value.x + "px",
         top: a.value.y + "px",
-        userSelect: t.value ? "none" : "auto",
+        userSelect: A.value ? "none" : "auto",
         height: e.height,
         width: e.width,
         display: h.flex
       })
     }, [
-      o("div", to, [
+      o("div", k1, [
         o("div", {
           ref_key: "container",
           ref: s,
           class: "float-window__controls",
-          style: O({ backgroundColor: n.colorTitle ? n.colorTitle : "" }),
+          style: z({ backgroundColor: n.colorTitle ? n.colorTitle : "" }),
           onMousedown: d,
-          onMouseup: p,
-          onMouseleave: p
+          onMouseup: m,
+          onMouseleave: m
         }, [
           n.avatar ? (u(), c("img", {
             key: 0,
             class: "float-window__avatar",
             src: n.avatar,
             alt: n.title
-          }, null, 8, so)) : y("", !0),
-          o("p", io, w(n.title), 1),
+          }, null, 8, N1)) : y("", !0),
+          o("p", D1, w(n.title), 1),
           o("button", {
             class: "float-window__close-button",
-            onClick: _[0] || (_[0] = (M) => h.$emit("close-window"))
-          }, _[1] || (_[1] = [
+            onClick: I[0] || (I[0] = (M) => h.$emit("close-window"))
+          }, I[1] || (I[1] = [
             o("span", { class: "pi pi-times" }, null, -1)
           ]))
         ], 36),
         o("div", {
           class: "float-window__content",
-          style: O({ height: r.value + "px" })
+          style: z({ height: r.value + "px" })
         }, [
-          $(h.$slots, "default", {}, void 0, !0)
+          J(h.$slots, "default", {}, void 0, !0)
         ], 4)
       ])
     ], 4));
   }
-}, $o = /* @__PURE__ */ j(oo, [["__scopeId", "data-v-e36d42a4"]]), uo = {}, lo = { class: "base-layout__container" }, ro = { class: "base-layout__first-col" }, co = { class: "base-layout__second-col" };
-function go(e, f) {
-  return u(), c("div", lo, [
-    o("div", ro, [
-      $(e.$slots, "first-col", {}, void 0, !0)
-    ]),
-    o("div", co, [
-      $(e.$slots, "second-col", {}, void 0, !0)
-    ])
-  ]);
-}
-const Ho = /* @__PURE__ */ j(uo, [["render", go], ["__scopeId", "data-v-93dc265d"]]), mo = {}, po = { class: "extend-layout__container" }, Mo = { class: "extend-layout__first-col" }, ho = { class: "extend-layout__second-col" }, yo = { class: "extend-layout__third-col" };
-function bo(e, f) {
-  return u(), c("div", po, [
-    o("div", Mo, [
-      $(e.$slots, "first-col", {}, void 0, !0)
-    ]),
-    o("div", ho, [
-      $(e.$slots, "second-col", {}, void 0, !0)
+}, lu = /* @__PURE__ */ j(j1, [["__scopeId", "data-v-9a949e0f"]]), V1 = {}, E1 = { class: "base-layout__container" }, T1 = { class: "base-layout__first-col" }, x1 = { class: "base-layout__second-col" };
+function S1(e, f) {
+  return u(), c("div", E1, [
+    o("div", T1, [
+      J(e.$slots, "first-col", {}, void 0, !0)
     ]),
-    o("div", yo, [
-      $(e.$slots, "third-col", {}, void 0, !0)
+    o("div", x1, [
+      J(e.$slots, "second-col", {}, void 0, !0)
     ])
   ]);
 }
-const Ko = /* @__PURE__ */ j(mo, [["render", bo], ["__scopeId", "data-v-ba0c9b0d"]]), vo = {}, Io = { class: "base-layout__container" }, _o = { class: "base-layout__first-col" };
-function wo(e, f) {
-  return u(), c("div", Io, [
-    o("div", _o, [
-      $(e.$slots, "default", {}, void 0, !0)
+const ru = /* @__PURE__ */ j(V1, [["render", S1], ["__scopeId", "data-v-93dc265d"]]), z1 = { class: "extend-layout__container" }, O1 = { class: "extend-layout__first-col" }, C1 = { class: "extend-layout__third-col" }, U1 = {
+  __name: "ExtendedLayout",
+  setup(e) {
+    const f = b(null);
+    let n = b(!1), a = b(0), t = b(0), s = b(0);
+    const A = (r) => {
+      r.offsetX >= f.value.offsetWidth - 10 && (n.value = !0, a.value = f.value.offsetWidth, t.value = r.clientX, s.value = r.clientX, document.addEventListener("mousemove", i));
+    }, i = (r) => {
+      if (n.value) {
+        const g = a.value + (r.clientX - s.value);
+        f.value.style.width = `${Math.max(258, g)}px`;
+      }
+    }, l = () => {
+      n.value = !1, document.removeEventListener("mousemove", i);
+    };
+    return (r, g) => (u(), c("div", z1, [
+      o("div", O1, [
+        J(r.$slots, "first-col", {}, void 0, !0)
+      ]),
+      o("div", {
+        ref_key: "resizableDiv",
+        ref: f,
+        class: "extend-layout__second-col resizable-div",
+        style: z({ userSelect: q(n) ? "none" : "auto" }),
+        onMousedown: A,
+        onMouseup: l
+      }, [
+        J(r.$slots, "second-col", {}, void 0, !0)
+      ], 36),
+      o("div", C1, [
+        J(r.$slots, "third-col", {}, void 0, !0)
+      ])
+    ]));
+  }
+}, cu = /* @__PURE__ */ j(U1, [["__scopeId", "data-v-57ef5c30"]]), L1 = {}, Q1 = { class: "base-layout__container" }, B1 = { class: "base-layout__first-col" };
+function Y1(e, f) {
+  return u(), c("div", Q1, [
+    o("div", B1, [
+      J(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Po = /* @__PURE__ */ j(vo, [["render", wo], ["__scopeId", "data-v-e71ea0ed"]]), Do = { class: "chat-wrapper" }, No = {
+const du = /* @__PURE__ */ j(L1, [["render", Y1], ["__scopeId", "data-v-e71ea0ed"]]), R1 = { class: "chat-wrapper" }, q1 = {
   key: 0,
   class: "chat-wrapper__selected-chat"
-}, ko = {
+}, F1 = {
   key: 1,
   style: { width: "100%" }
-}, jo = /* @__PURE__ */ me({
+}, $1 = /* @__PURE__ */ ge({
   __name: "ChatWrapper",
   props: {
     isOpenChatPanel: {
@@ -15670,56 +15851,58 @@ const Po = /* @__PURE__ */ j(vo, [["render", wo], ["__scopeId", "data-v-e71ea0ed
     }
   },
   setup(e) {
-    return (f, n) => (u(), c("div", Do, [
-      e.isSelectedChat ? (u(), c("div", No, [
-        $(f.$slots, "default", {}, void 0, !0)
-      ])) : (u(), c("div", ko, n[0] || (n[0] = [
+    return (f, n) => (u(), c("div", R1, [
+      e.isSelectedChat ? (u(), c("div", q1, [
+        J(f.$slots, "default", {}, void 0, !0)
+      ])) : (u(), c("div", F1, n[0] || (n[0] = [
         o("p", null, " Выберите контакт для начала общения ", -1)
       ]))),
       e.isOpenChatPanel ? (u(), c("div", {
         key: 2,
         class: "chat-wrapper__chat-panel",
-        style: O({ "flex-basis": e.isOpenChatPanel ? "40%" : "0%" })
+        style: z({ "flex-basis": e.isOpenChatPanel ? "40%" : "0%" })
       }, [
-        $(f.$slots, "chatpanel", {}, void 0, !0)
+        J(f.$slots, "chatpanel", {}, void 0, !0)
       ], 4)) : y("", !0)
     ]));
   }
-}), Zo = /* @__PURE__ */ j(jo, [["__scopeId", "data-v-885e7d38"]]);
+}), gu = /* @__PURE__ */ j($1, [["__scopeId", "data-v-885e7d38"]]);
 export {
-  xa as A,
-  Ho as B,
-  zo as C,
-  Ua as D,
-  Ko as E,
-  Gn as F,
-  ra as I,
-  Bo as S,
-  va as T,
-  Lo as U,
+  Sa as A,
+  Mn as B,
+  Z1 as C,
+  La as D,
+  cu as E,
+  Xn as F,
+  ca as I,
+  au as S,
+  _a as T,
+  fu as U,
   j as _,
-  Oo as a,
-  Co as b,
-  Uo as c,
-  k1 as d,
-  Qo as e,
-  Yo as f,
-  Xs as g,
+  G1 as a,
+  X1 as b,
+  eu as c,
+  Jo as d,
+  nu as e,
+  tu as f,
+  ni as g,
   uf as h,
-  _i as i,
-  Ro as j,
-  Fo as k,
-  Jo as l,
-  Wo as m,
-  $o as n,
-  Po as o,
-  Zo as p,
-  Eo as q,
-  To as r,
-  xo as s,
-  So as t,
-  qo as u,
-  Cf as v,
-  we as w,
-  De as x
+  Ri as i,
+  hi as j,
+  Au as k,
+  iu as l,
+  ou as m,
+  uu as n,
+  lu as o,
+  ru as p,
+  du as q,
+  gu as r,
+  J1 as s,
+  H1 as t,
+  su as u,
+  K1 as v,
+  P1 as w,
+  Cf as x,
+  we as y,
+  ke as z
 };