@mobilon-dev/chotto 0.0.6 → 0.0.8

package/dist/vuessages.es.js

@@ -1,10 +1,10 @@
-import { openBlock as d, createElementBlock as M, createElementVNode as l, toDisplayString as _, normalizeClass as C, createCommentVNode as U, createTextVNode as sA, ref as V, withDirectives as tf, withKeys as Le, vModelText as ne, unref as Nf, defineComponent as Vf, inject as Jf, computed as z, getCurrentInstance as cA, toRaw as Qe, watch as ae, onMounted as Be, onBeforeUnmount as lA, provide as dA, reactive as gA, readonly as MA, Fragment as G, renderList as of, vShow as Yf, resolveComponent as Lf, createVNode as nf, createBlock as rf, mergeModels as De, useModel as pA, Teleport as mA, Transition as bA, withCtx as hA, normalizeStyle as yA, onUpdated as IA, resolveDynamicComponent as vA, nextTick as NA } from "vue";
-const S = (f, e) => {
+import { openBlock as g, createElementBlock as M, createElementVNode as s, toDisplayString as N, normalizeClass as U, createCommentVNode as k, createTextVNode as pA, ref as y, computed as x, onMounted as Wf, withDirectives as W, vShow as cf, normalizeStyle as Ye, createBlock as rf, Teleport as MA, createVNode as Y, Transition as Vf, withCtx as kf, withKeys as Re, vModelText as Kf, unref as uf, defineComponent as Ef, inject as Zf, getCurrentInstance as mA, toRaw as qe, watch as Pf, onBeforeUnmount as hA, provide as bA, reactive as yA, readonly as IA, Fragment as P, renderList as X, resolveComponent as Yf, onUnmounted as vA, withModifiers as Fe, mergeModels as je, useModel as NA, onUpdated as DA, resolveDynamicComponent as wA, nextTick as Je, vModelCheckbox as _A } from "vue";
+const E = (f, e) => {
   const A = f.__vccOpts || f;
   for (const [n, a] of e)
     A[n] = a;
   return A;
-}, DA = {
+}, jA = {
   __name: "Chat",
   props: {
     chat: {
@@ -17,26 +17,29 @@ const S = (f, e) => {
     const A = f, n = e, a = () => {
       n("select", A.chat);
     };
-    return (i, t) => (d(), M("div", {
+    return (i, t) => (g(), M("div", {
       class: "chat",
       onClick: a
     }, [
-      l("p", null, _(f.chat.name) + " " + _(f.chat.countUnread), 1)
+      s("p", null, N(f.chat.name) + " " + N(f.chat.countUnread), 1)
     ]));
   }
-}, wA = /* @__PURE__ */ S(DA, [["__scopeId", "data-v-77b8ac34"]]), jA = { class: "chat-item__container" }, VA = { class: "chat-item__avatar-container" }, _A = ["src"], kA = {
+}, VA = /* @__PURE__ */ E(jA, [["__scopeId", "data-v-77b8ac34"]]), kA = { class: "chat-item__container" }, EA = { class: "chat-item__avatar-container" }, TA = ["src"], xA = {
   key: 1,
   class: "pi pi-user"
-}, EA = { class: "chat-item__info-container" }, TA = { class: "chat-item__name" }, xA = {
+}, zA = { class: "chat-item__info-container" }, SA = { class: "chat-item__name" }, OA = {
   key: 0,
   class: "chat-item__last-message"
-}, zA = { class: "chat-item__details-container" }, SA = {
+}, CA = { class: "chat-item__details-container" }, UA = {
   key: 0,
   class: "chat-item__unread"
-}, OA = {
+}, LA = {
   key: 1,
   class: "chat-item__time"
-}, CA = {
+}, QA = {
+  key: 2,
+  class: "pi pi-thumbtack"
+}, BA = {
   __name: "Chat2",
   props: {
     chat: {
@@ -44,36 +47,37 @@ const S = (f, e) => {
       required: !0
     }
   },
-  emits: ["select"],
+  emits: ["select", "uuu"],
   setup(f, { emit: e }) {
     const A = f, n = e, a = () => {
       n("select", A.chat);
     }, i = () => A.chat.isSelected ? "chat-item__selected" : "chat-item";
-    return (t, o) => (d(), M("div", {
-      class: C(i()),
+    return (t, o) => (g(), M("div", {
+      class: U(i()),
       onClick: a
     }, [
-      l("div", jA, [
-        l("div", VA, [
-          A.chat.avatar ? (d(), M("img", {
+      s("div", kA, [
+        s("div", EA, [
+          A.chat.avatar ? (g(), M("img", {
             key: 0,
             src: A.chat.avatar,
             height: "32",
             width: "32"
-          }, null, 8, _A)) : (d(), M("span", kA))
+          }, null, 8, TA)) : (g(), M("span", xA))
         ]),
-        l("div", EA, [
-          l("div", TA, _(f.chat.name), 1),
-          f.chat.lastMessage ? (d(), M("div", xA, _(f.chat.lastMessage), 1)) : U("", !0)
+        s("div", zA, [
+          s("div", SA, N(f.chat.name), 1),
+          f.chat.lastMessage ? (g(), M("div", OA, N(f.chat.lastMessage), 1)) : k("", !0)
         ]),
-        l("div", zA, [
-          f.chat.countUnread > 0 ? (d(), M("div", SA, _(f.chat.countUnread), 1)) : U("", !0),
-          f.chat["lastActivity.time"] ? (d(), M("div", OA, _(f.chat["lastActivity.time"]), 1)) : U("", !0)
+        s("div", CA, [
+          f.chat.countUnread > 0 ? (g(), M("div", UA, N(f.chat.countUnread), 1)) : k("", !0),
+          f.chat["lastActivity.time"] ? (g(), M("div", LA, N(f.chat["lastActivity.time"]), 1)) : k("", !0),
+          f.chat.isFixed ? (g(), M("span", QA)) : k("", !0)
         ])
       ])
     ], 2));
   }
-}, UA = /* @__PURE__ */ S(CA, [["__scopeId", "data-v-abade668"]]), LA = { class: "file-message" }, QA = { class: "file-message__container" }, BA = ["href"], YA = {
+}, YA = /* @__PURE__ */ E(BA, [["__scopeId", "data-v-8cb797cc"]]), RA = { class: "file-message" }, qA = { class: "file-message__container" }, FA = ["href"], JA = { class: "file-message__time" }, WA = {
   __name: "FileMessage",
   props: {
     message: {
@@ -82,21 +86,21 @@ const S = (f, e) => {
     }
   },
   setup(f) {
-    return (e, A) => (d(), M("div", LA, [
-      l("div", QA, [
-        l("a", {
+    return (e, A) => (g(), M("div", RA, [
+      s("div", qA, [
+        s("a", {
           class: "file-message__link",
           href: f.message.url,
           download: ""
         }, [
-          A[0] || (A[0] = l("span", { class: "pi pi-file" }, null, -1)),
-          sA(" " + _(f.message.filename), 1)
-        ], 8, BA),
-        A[1] || (A[1] = l("span", { class: "file-message__time" }, "22:02", -1))
+          A[0] || (A[0] = s("span", { class: "pi pi-file" }, null, -1)),
+          pA(" " + N(f.message.filename), 1)
+        ], 8, FA),
+        s("span", JA, N(f.message.time), 1)
       ])
     ]));
   }
-}, RA = /* @__PURE__ */ S(YA, [["__scopeId", "data-v-d65084f4"]]), qA = ["messageId"], JA = ["src", "alt"], FA = { class: "message-time" }, WA = {
+}, KA = /* @__PURE__ */ E(WA, [["__scopeId", "data-v-4d0aa8f5"]]), ZA = ["messageId"], PA = ["src", "alt"], HA = { class: "message-time" }, GA = {
   __name: "ImageMessage",
   props: {
     message: {
@@ -109,19 +113,19 @@ const S = (f, e) => {
     function A() {
       return e.message.position === "left" ? "image-message-left" : "image-message-right";
     }
-    return (n, a) => (d(), M("div", {
-      class: C(A()),
+    return (n, a) => (g(), M("div", {
+      class: U(A()),
       messageId: f.message.messageId
     }, [
-      l("img", {
+      s("img", {
         src: f.message.url,
         alt: f.message.alt,
         class: "image-message"
-      }, null, 8, JA),
-      l("div", FA, _(f.message.time), 1)
-    ], 10, qA));
+      }, null, 8, PA),
+      s("div", HA, N(f.message.time), 1)
+    ], 10, ZA));
   }
-}, jt = /* @__PURE__ */ S(WA, [["__scopeId", "data-v-9abe971c"]]), KA = { class: "text-message" }, ZA = ["messageId"], HA = {
+}, Mi = /* @__PURE__ */ E(GA, [["__scopeId", "data-v-9abe971c"]]), XA = { class: "text-message" }, $A = ["messageId"], fn = {
   __name: "TextMessage",
   props: {
     message: {
@@ -131,22 +135,156 @@ const S = (f, e) => {
   },
   setup(f) {
     function e(A) {
-      return A.direction === "incoming" ? "text-message__left" : "text-message__right";
+      return A.position === "left" ? "text-message__left" : "text-message__right";
     }
-    return (A, n) => (d(), M("div", KA, [
-      l("div", {
-        class: C(e(f.message)),
+    return (A, n) => (g(), M("div", XA, [
+      s("div", {
+        class: U(e(f.message)),
         messageId: f.message.messageId
       }, [
-        l("p", null, _(f.message.text), 1),
-        n[0] || (n[0] = l("span", { class: "text-message__time" }, "22:02", -1))
-      ], 10, ZA)
+        s("p", null, N(f.message.text), 1),
+        n[0] || (n[0] = s("span", { class: "text-message__time" }, "22:02", -1))
+      ], 10, $A)
+    ]));
+  }
+}, en = /* @__PURE__ */ E(fn, [["__scopeId", "data-v-9cc8a825"]]), An = ["messageId"], nn = ["src"], an = { class: "audio-message__container" }, tn = { class: "audio-message__progress-bar-container" }, on = { class: "audio-message__remaining-time" }, rn = { class: "audio-message__time" }, sn = {
+  __name: "AudioMessage",
+  props: {
+    message: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(f) {
+    function e(l) {
+      return l.position === "left" ? "audio-message__left" : "audio-message__right";
+    }
+    const A = y(null), n = y(!1), a = y(0), i = y(0);
+    function t() {
+      A.value && (n.value ? A.value.pause() : A.value.play(), n.value = !n.value);
+    }
+    const o = (l) => {
+      const m = Math.floor(l / 60), b = Math.floor(l % 60);
+      return `${m.toString().padStart(2, "0")}:${b.toString().padStart(2, "0")}`;
+    }, r = x(() => A.value ? o(i.value) : "0:00"), u = x(() => A.value ? o(a.value) : "0:00"), d = x(() => a.value > 0 ? i.value / a.value * 100 : 0);
+    return Wf(() => {
+      A.value.addEventListener("loadedmetadata", () => {
+        a.value = A.value.duration;
+      }), A.value.addEventListener("timeupdate", () => {
+        i.value = A.value.currentTime;
+      });
+    }), (l, m) => (g(), M("div", {
+      class: U(["audio-message", e(f.message)]),
+      messageId: f.message.messageId
+    }, [
+      s("audio", {
+        ref_key: "player",
+        ref: A,
+        src: f.message.url
+      }, null, 8, nn),
+      s("div", an, [
+        W(s("button", {
+          class: "audio-message__play",
+          onClick: t
+        }, m[0] || (m[0] = [
+          s("span", { class: "pi pi-play" }, null, -1)
+        ]), 512), [
+          [cf, !n.value]
+        ]),
+        W(s("button", {
+          class: "audio-message__pause",
+          onClick: t
+        }, m[1] || (m[1] = [
+          s("span", { class: "pi pi-pause" }, null, -1)
+        ]), 512), [
+          [cf, n.value]
+        ]),
+        s("div", tn, [
+          s("div", {
+            class: "audio-message__progress-bar",
+            style: Ye({ width: d.value + "%" })
+          }, null, 4)
+        ]),
+        s("p", on, N(`${r.value} / ${u.value}`), 1),
+        s("span", rn, N(f.message.time), 1)
+      ])
+    ], 10, An));
+  }
+}, un = /* @__PURE__ */ E(sn, [["__scopeId", "data-v-fdfc32d0"]]), cn = { class: "date-message" }, ln = { class: "date-message__container" }, dn = { class: "date-message__text" }, gn = {
+  __name: "DateMessage",
+  props: {
+    message: {
+      type: Object
+    }
+  },
+  setup(f) {
+    return (e, A) => (g(), M("div", cn, [
+      s("div", ln, [
+        s("p", dn, N(f.message.text), 1)
+      ])
     ]));
   }
-}, PA = /* @__PURE__ */ S(HA, [["__scopeId", "data-v-a831158c"]]), GA = { class: "chat-info" }, XA = {
+}, pn = /* @__PURE__ */ E(gn, [["__scopeId", "data-v-3b340776"]]), Mn = {
+  props: {
+    message: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(f) {
+    return {
+      isOpen: y(!1)
+    };
+  }
+}, mn = { class: "image-message" }, hn = { class: "image-message__container" }, bn = ["src", "alt"], yn = { class: "image-message__time" }, In = {
+  key: 0,
+  class: "image-message__modal-overlay"
+}, vn = { class: "image-message__modal" }, Nn = ["src", "alt"];
+function Dn(f, e, A, n, a, i) {
+  return g(), M("div", mn, [
+    s("div", hn, [
+      s("button", {
+        class: "image-message__button",
+        onClick: e[0] || (e[0] = (t) => n.isOpen = !0)
+      }, [
+        s("img", {
+          class: "image-message__preview-image",
+          src: A.message.url,
+          alt: A.message.alt
+        }, null, 8, bn),
+        s("span", yn, N(A.message.time), 1)
+      ]),
+      (g(), rf(MA, { to: "body" }, [
+        Y(Vf, { name: "modal-fade" }, {
+          default: kf(() => [
+            n.isOpen ? (g(), M("div", In, [
+              s("div", vn, [
+                s("button", {
+                  class: "image-message__modal-close-button",
+                  onClick: e[1] || (e[1] = (t) => n.isOpen = !1)
+                }, e[2] || (e[2] = [
+                  s("span", null, [
+                    s("i", { class: "pi pi-times" })
+                  ], -1)
+                ])),
+                s("img", {
+                  class: "image-message__modal-image",
+                  src: A.message.url,
+                  alt: A.message.alt
+                }, null, 8, Nn)
+              ])
+            ])) : k("", !0)
+          ]),
+          _: 1
+        })
+      ]))
+    ])
+  ]);
+}
+const wn = /* @__PURE__ */ E(Mn, [["render", Dn], ["__scopeId", "data-v-3bf88840"]]), _n = { class: "chat-info" }, jn = {
   key: 0,
   class: "chat-info__container"
-}, $A = { class: "chat-info__avatar-container" }, fn = ["src"], en = { key: 1 }, An = { class: "chat-info__title" }, nn = {
+}, Vn = { class: "chat-info__avatar-container" }, kn = ["src"], En = { key: 1 }, Tn = { class: "chat-info__title" }, xn = {
   __name: "ChatInfo",
   props: {
     chat: {
@@ -156,42 +294,42 @@ const S = (f, e) => {
   },
   setup(f) {
     const e = f;
-    return (A, n) => (d(), M("div", GA, [
-      f.chat ? (d(), M("div", XA, [
-        l("div", $A, [
-          e.chat.avatar ? (d(), M("img", {
+    return (A, n) => (g(), M("div", _n, [
+      f.chat ? (g(), M("div", jn, [
+        s("div", Vn, [
+          e.chat.avatar ? (g(), M("img", {
             key: 0,
             src: e.chat.avatar
-          }, null, 8, fn)) : (d(), M("span", en, n[0] || (n[0] = [
-            l("i", { class: "pi pi-user" }, null, -1)
+          }, null, 8, kn)) : (g(), M("span", En, n[0] || (n[0] = [
+            s("i", { class: "pi pi-user" }, null, -1)
           ])))
         ]),
-        l("h2", An, _(f.chat.name), 1),
-        n[1] || (n[1] = l("p", { class: "chat-info__time" }, "Был(а) недавно", -1))
-      ])) : U("", !0)
+        s("h2", Tn, N(f.chat.name), 1),
+        n[1] || (n[1] = s("p", { class: "chat-info__time" }, "Был(а) недавно", -1))
+      ])) : k("", !0)
     ]));
   }
-}, Vt = /* @__PURE__ */ S(nn, [["__scopeId", "data-v-798557ec"]]), an = { class: "chat-input" }, tn = {
+}, mi = /* @__PURE__ */ E(xn, [["__scopeId", "data-v-798557ec"]]), zn = { class: "chat-input" }, Sn = {
   __name: "ChatInput",
   emits: ["send"],
   setup(f, { emit: e }) {
-    const A = e, n = V(""), a = V(null), i = () => {
-      n.value.trim() && (A("send", n.value), n.value = "", Nf(a).focus());
+    const A = e, n = y(""), a = y(null), i = () => {
+      n.value.trim() && (A("send", n.value), n.value = "", uf(a).focus());
     };
-    return (t, o) => (d(), M("div", an, [
-      tf(l("input", {
+    return (t, o) => (g(), M("div", zn, [
+      W(s("input", {
         "onUpdate:modelValue": o[0] || (o[0] = (r) => n.value = r),
         ref_key: "refInput",
         ref: a,
-        onKeydown: Le(i, ["enter"]),
+        onKeydown: Re(i, ["enter"]),
         placeholder: "Type a message..."
       }, null, 544), [
-        [ne, n.value]
+        [Kf, n.value]
       ]),
-      l("button", { onClick: i }, "Send")
+      s("button", { onClick: i }, "Send")
     ]));
   }
-}, _t = /* @__PURE__ */ S(tn, [["__scopeId", "data-v-07719b64"]]), Ye = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", Re = {
+}, hi = /* @__PURE__ */ E(Sn, [["__scopeId", "data-v-07719b64"]]), We = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", Ke = {
   recent: "Recently used",
   smileys_people: "Smiles & People",
   animals_nature: "Animals & Nature",
@@ -201,21 +339,21 @@ const S = (f, e) => {
   objects: "Objects",
   symbols: "Symbols",
   flags: "Flags"
-}, qe = "u", Ff = "n", Cf = "v", Df = "r", on = {
-  [Ff]: ["grinning face", "grinning"],
-  [qe]: "1f600",
-  [Df]: "1f600"
-}, Rf = "neutral", rn = "1f3fb", un = "1f3fc", sn = "1f3fd", cn = "1f3fe", ln = "1f3ff", dn = [
-  Rf,
-  rn,
-  un,
-  sn,
-  cn,
-  ln
-], gn = {
+}, Ze = "u", Hf = "n", Qf = "v", wf = "r", On = {
+  [Hf]: ["grinning face", "grinning"],
+  [Ze]: "1f600",
+  [wf]: "1f600"
+}, Ff = "neutral", Cn = "1f3fb", Un = "1f3fc", Ln = "1f3fd", Qn = "1f3fe", Bn = "1f3ff", Yn = [
+  Ff,
+  Cn,
+  Un,
+  Ln,
+  Qn,
+  Bn
+], Rn = {
   placeholder: "Search emoji",
   skinTone: "Skin tone"
-}, Mn = ["light", "dark", "auto"], pn = [
+}, qn = ["light", "dark", "auto"], Fn = [
   {
     n: [
       "grinning face",
@@ -4623,7 +4761,7 @@ const S = (f, e) => {
     ],
     u: "1f48e"
   }
-], mn = [
+], Jn = [
   {
     n: [
       "monkey face",
@@ -5357,7 +5495,7 @@ const S = (f, e) => {
     ],
     u: "1f343"
   }
-], bn = [
+], Wn = [
   {
     n: [
       "grapes"
@@ -6023,7 +6161,7 @@ const S = (f, e) => {
     ],
     u: "1f3fa"
   }
-], hn = [
+], Kn = [
   {
     n: [
       "jack-o-lantern",
@@ -6429,7 +6567,7 @@ const S = (f, e) => {
     ],
     u: "1f3b4"
   }
-], yn = [
+], Zn = [
   {
     n: [
       "earth globe europe-africa",
@@ -7796,7 +7934,7 @@ const S = (f, e) => {
     ],
     u: "1f30a"
   }
-], In = [
+], Pn = [
   {
     n: [
       "speaker with cancellation stroke",
@@ -8860,7 +8998,7 @@ const S = (f, e) => {
     ],
     u: "1f6d2"
   }
-], vn = [
+], Hn = [
   {
     n: [
       "automated teller machine",
@@ -10258,7 +10396,7 @@ const S = (f, e) => {
     ],
     u: "1f535"
   }
-], Nn = [
+], Gn = [
   {
     n: [
       "chequered flag",
@@ -12138,16 +12276,16 @@ const S = (f, e) => {
     u: "1f3f4-e0067-e0062-e0077-e006c-e0073-e007f"
   }
 ];
-var Dn = {
-  smileys_people: pn,
-  animals_nature: mn,
-  food_drink: bn,
-  activities: hn,
-  travel_places: yn,
-  objects: In,
-  symbols: vn,
-  flags: Nn
-}, we = [
+var Xn = {
+  smileys_people: Fn,
+  animals_nature: Jn,
+  food_drink: Wn,
+  activities: Kn,
+  travel_places: Zn,
+  objects: Pn,
+  symbols: Hn,
+  flags: Gn
+}, Ve = [
   {
     key: "recent",
     title: "Recently Used",
@@ -12194,10 +12332,10 @@ var Dn = {
     u: "1f3f3-fe0f"
   }
 ];
-const wn = (f, e) => e.some((A) => f instanceof A);
-let je, Ve;
-function jn() {
-  return je || (je = [
+const $n = (f, e) => e.some((A) => f instanceof A);
+let ke, Ee;
+function fa() {
+  return ke || (ke = [
     IDBDatabase,
     IDBObjectStore,
     IDBIndex,
@@ -12205,32 +12343,32 @@ function jn() {
     IDBTransaction
   ]);
 }
-function Vn() {
-  return Ve || (Ve = [
+function ea() {
+  return Ee || (Ee = [
     IDBCursor.prototype.advance,
     IDBCursor.prototype.continue,
     IDBCursor.prototype.continuePrimaryKey
   ]);
 }
-const Je = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), Fe = /* @__PURE__ */ new WeakMap(), Gf = /* @__PURE__ */ new WeakMap(), te = /* @__PURE__ */ new WeakMap();
-function _n(f) {
+const Pe = /* @__PURE__ */ new WeakMap(), te = /* @__PURE__ */ new WeakMap(), He = /* @__PURE__ */ new WeakMap(), Ae = /* @__PURE__ */ new WeakMap(), re = /* @__PURE__ */ new WeakMap();
+function Aa(f) {
   const e = new Promise((A, n) => {
     const a = () => {
       f.removeEventListener("success", i), f.removeEventListener("error", t);
     }, i = () => {
-      A(P(f.result)), a();
+      A(ff(f.result)), a();
     }, t = () => {
       n(f.error), a();
     };
     f.addEventListener("success", i), f.addEventListener("error", t);
   });
   return e.then((A) => {
-    A instanceof IDBCursor && Je.set(A, f);
+    A instanceof IDBCursor && Pe.set(A, f);
   }).catch(() => {
-  }), te.set(e, f), e;
+  }), re.set(e, f), e;
 }
-function kn(f) {
-  if (fe.has(f))
+function na(f) {
+  if (te.has(f))
     return;
   const e = new Promise((A, n) => {
     const a = () => {
@@ -12242,19 +12380,19 @@ function kn(f) {
     };
     f.addEventListener("complete", i), f.addEventListener("error", t), f.addEventListener("abort", t);
   });
-  fe.set(f, e);
+  te.set(f, e);
 }
-let ee = {
+let ie = {
   get(f, e, A) {
     if (f instanceof IDBTransaction) {
       if (e === "done")
-        return fe.get(f);
+        return te.get(f);
       if (e === "objectStoreNames")
-        return f.objectStoreNames || Fe.get(f);
+        return f.objectStoreNames || He.get(f);
       if (e === "store")
         return A.objectStoreNames[1] ? void 0 : A.objectStore(A.objectStoreNames[0]);
     }
-    return P(f[e]);
+    return ff(f[e]);
   },
   set(f, e, A) {
     return f[e] = A, !0;
@@ -12263,35 +12401,35 @@ let ee = {
     return f instanceof IDBTransaction && (e === "done" || e === "store") ? !0 : e in f;
   }
 };
-function En(f) {
-  ee = f(ee);
+function aa(f) {
+  ie = f(ie);
 }
-function Tn(f) {
+function ta(f) {
   return f === IDBDatabase.prototype.transaction && !("objectStoreNames" in IDBTransaction.prototype) ? function(e, ...A) {
-    const n = f.call(Xf(this), e, ...A);
-    return Fe.set(n, e.sort ? e.sort() : [e]), P(n);
-  } : Vn().includes(f) ? function(...e) {
-    return f.apply(Xf(this), e), P(Je.get(this));
+    const n = f.call(ne(this), e, ...A);
+    return He.set(n, e.sort ? e.sort() : [e]), ff(n);
+  } : ea().includes(f) ? function(...e) {
+    return f.apply(ne(this), e), ff(Pe.get(this));
   } : function(...e) {
-    return P(f.apply(Xf(this), e));
+    return ff(f.apply(ne(this), e));
   };
 }
-function xn(f) {
-  return typeof f == "function" ? Tn(f) : (f instanceof IDBTransaction && kn(f), wn(f, jn()) ? new Proxy(f, ee) : f);
+function ia(f) {
+  return typeof f == "function" ? ta(f) : (f instanceof IDBTransaction && na(f), $n(f, fa()) ? new Proxy(f, ie) : f);
 }
-function P(f) {
+function ff(f) {
   if (f instanceof IDBRequest)
-    return _n(f);
-  if (Gf.has(f))
-    return Gf.get(f);
-  const e = xn(f);
-  return e !== f && (Gf.set(f, e), te.set(e, f)), e;
+    return Aa(f);
+  if (Ae.has(f))
+    return Ae.get(f);
+  const e = ia(f);
+  return e !== f && (Ae.set(f, e), re.set(e, f)), e;
 }
-const Xf = (f) => te.get(f);
-function ie(f, e, { blocked: A, upgrade: n, blocking: a, terminated: i } = {}) {
-  const t = indexedDB.open(f, e), o = P(t);
+const ne = (f) => re.get(f);
+function se(f, e, { blocked: A, upgrade: n, blocking: a, terminated: i } = {}) {
+  const t = indexedDB.open(f, e), o = ff(t);
   return n && t.addEventListener("upgradeneeded", (r) => {
-    n(P(t.result), r.oldVersion, r.newVersion, P(t.transaction), r);
+    n(ff(t.result), r.oldVersion, r.newVersion, ff(t.transaction), r);
   }), A && t.addEventListener("blocked", (r) => A(
     r.oldVersion,
     r.newVersion,
@@ -12301,14 +12439,14 @@ function ie(f, e, { blocked: A, upgrade: n, blocking: a, terminated: i } = {}) {
   }).catch(() => {
   }), o;
 }
-const zn = ["get", "getKey", "getAll", "getAllKeys", "count"], Sn = ["put", "add", "delete", "clear"], $f = /* @__PURE__ */ new Map();
-function _e(f, e) {
+const oa = ["get", "getKey", "getAll", "getAllKeys", "count"], ra = ["put", "add", "delete", "clear"], ae = /* @__PURE__ */ new Map();
+function Te(f, e) {
   if (!(f instanceof IDBDatabase && !(e in f) && typeof e == "string"))
     return;
-  if ($f.get(e))
-    return $f.get(e);
-  const A = e.replace(/FromIndex$/, ""), n = e !== A, a = Sn.includes(A);
-  if (!(A in (n ? IDBIndex : IDBObjectStore).prototype) || !(a || zn.includes(A)))
+  if (ae.get(e))
+    return ae.get(e);
+  const A = e.replace(/FromIndex$/, ""), n = e !== A, a = ra.includes(A);
+  if (!(A in (n ? IDBIndex : IDBObjectStore).prototype) || !(a || oa.includes(A)))
     return;
   const i = async function(t, ...o) {
     const r = this.transaction(t, a ? "readwrite" : "readonly");
@@ -12318,18 +12456,18 @@ function _e(f, e) {
       a && r.done
     ]))[0];
   };
-  return $f.set(e, i), i;
+  return ae.set(e, i), i;
 }
-En((f) => ({
+aa((f) => ({
   ...f,
-  get: (e, A, n) => _e(e, A) || f.get(e, A, n),
-  has: (e, A) => !!_e(e, A) || f.has(e, A)
+  get: (e, A, n) => Te(e, A) || f.get(e, A, n),
+  has: (e, A) => !!Te(e, A) || f.has(e, A)
 }));
-const oe = "EMJ", sf = "emojis", re = 3;
-async function On() {
-  (await ie(oe, re, {
+const ue = "EMJ", lf = "emojis", ce = 3;
+async function sa() {
+  (await se(ue, ce, {
     upgrade(e, A) {
-      e.objectStoreNames.contains(sf) || e.createObjectStore(sf, {
+      e.objectStoreNames.contains(lf) || e.createObjectStore(lf, {
         keyPath: "id",
         autoIncrement: !0
       }).createIndex("id", "id", {
@@ -12338,8 +12476,8 @@ async function On() {
     }
   })).close();
 }
-On();
-const Cn = {
+sa();
+const ua = {
   native: !1,
   hideSearch: !0,
   hideGroupIcons: !1,
@@ -12352,101 +12490,101 @@ const Cn = {
   groupOrder: [],
   groupIcons: {}
 };
-async function Un() {
-  return await (await ie(oe, re)).transaction(sf, "readonly").objectStore(sf).getAll();
+async function ca() {
+  return await (await se(ue, ce)).transaction(lf, "readonly").objectStore(lf).getAll();
 }
-function Ln() {
-  const f = gA({
+function la() {
+  const f = yA({
     search: "",
-    emoji: on,
+    emoji: On,
     activeGroup: "",
-    skinTone: Rf,
-    options: Cn,
+    skinTone: Ff,
+    options: ua,
     additionalGroups: {},
     recent: [],
     get emojis() {
       return {
         recent: this.recent,
         ...this.options.additionalGroups,
-        ...Dn
+        ...Xn
       };
     },
     get disabled() {
-      let s = Array.isArray(this.options.disabledGroups) ? this.options.disabledGroups : [];
-      return this.options.displayRecent || (s = ["recent", ...s]), s;
+      let l = Array.isArray(this.options.disabledGroups) ? this.options.disabledGroups : [];
+      return this.options.displayRecent || (l = ["recent", ...l]), l;
     },
     get groups() {
-      return we.filter(
-        (s) => !this.disabled.includes(s.key)
+      return Ve.filter(
+        (l) => !this.disabled.includes(l.key)
       );
     },
     get orderedGroupKeys() {
-      const s = [
+      const l = [
         ...this.options.groupOrder,
         ...Object.keys(this.options.additionalGroups),
-        ...we.map((g) => g.key)
+        ...Ve.map((m) => m.key)
       ];
-      return [...new Set(s)].filter((g) => !this.disabled.includes(g));
+      return [...new Set(l)].filter((m) => !this.disabled.includes(m));
     }
   });
   function e() {
     f.options.displayRecent && n();
   }
   async function A() {
-    var s;
-    let g = await Un();
-    return Array.isArray(g) && g.length ? g = JSON.parse(((s = g[0]) == null ? void 0 : s.value) || "") : g = [], g;
+    var l;
+    let m = await ca();
+    return Array.isArray(m) && m.length ? m = JSON.parse(((l = m[0]) == null ? void 0 : l.value) || "") : m = [], m;
   }
   function n() {
-    A().then((s) => {
-      f.recent = s, u();
+    A().then((l) => {
+      f.recent = l, u();
     });
   }
-  const a = (s) => {
-    f.search = s;
-  }, i = (s) => {
-    f.emoji = s;
-  }, t = (s) => {
-    f.activeGroup = s;
-  }, o = (s = Rf) => {
-    f.skinTone = s;
-  }, r = (s) => {
-    f.options = Object.assign({}, f.options, s), e();
+  const a = (l) => {
+    f.search = l;
+  }, i = (l) => {
+    f.emoji = l;
+  }, t = (l) => {
+    f.activeGroup = l;
+  }, o = (l = Ff) => {
+    f.skinTone = l;
+  }, r = (l) => {
+    f.options = Object.assign({}, f.options, l), e();
   };
   async function u() {
-    (await ie(oe, re)).transaction(sf, "readwrite").objectStore(sf).put({
+    (await se(ue, ce)).transaction(lf, "readwrite").objectStore(lf).put({
       id: 0,
       value: JSON.stringify(f.recent)
     });
   }
-  const c = (s) => {
+  const d = (l) => {
     if (f.options.displayRecent !== !0)
       return;
-    const g = f.recent.findIndex((m) => m.u === s.u);
-    if (g > 0 && f.recent.splice(g, 1), g === 0)
+    const m = f.recent.findIndex((c) => c.u === l.u);
+    if (m > 0 && f.recent.splice(m, 1), m === 0)
       return;
-    const b = { u: s.u, n: Qe(s.n) };
+    const b = { u: l.u, n: qe(l.n) };
     f.recent = [b, ...f.recent], f.recent.length > 24 && (f.recent.length = 24), u();
   };
   return {
-    state: MA(f),
+    state: IA(f),
     updateSearch: a,
     updateEmoji: i,
     updateActiveGroup: t,
     updateSkinTone: o,
     updateOptions: r,
-    updateSelect: c
+    updateSelect: d
   };
 }
-var L = "top", R = "bottom", q = "right", Q = "left", ue = "auto", _f = [L, R, q, Q], cf = "start", wf = "end", Qn = "clippingParents", We = "viewport", yf = "popper", Bn = "reference", ke = /* @__PURE__ */ _f.reduce(function(f, e) {
-  return f.concat([e + "-" + cf, e + "-" + wf]);
-}, []), Ke = /* @__PURE__ */ [].concat(_f, [ue]).reduce(function(f, e) {
-  return f.concat([e, e + "-" + cf, e + "-" + wf]);
-}, []), Yn = "beforeRead", Rn = "read", qn = "afterRead", Jn = "beforeMain", Fn = "main", Wn = "afterMain", Kn = "beforeWrite", Zn = "write", Hn = "afterWrite", Pn = [Yn, Rn, qn, Jn, Fn, Wn, Kn, Zn, Hn];
-function K(f) {
+var L = "top", q = "bottom", F = "right", Q = "left", le = "auto", Tf = [L, q, F, Q], df = "start", _f = "end", da = "clippingParents", Ge = "viewport", vf = "popper", ga = "reference", xe = /* @__PURE__ */ Tf.reduce(function(f, e) {
+  return f.concat([e + "-" + df, e + "-" + _f]);
+}, []), Xe = /* @__PURE__ */ [].concat(Tf, [le]).reduce(function(f, e) {
+  return f.concat([e, e + "-" + df, e + "-" + _f]);
+}, []), pa = "beforeRead", Ma = "read", ma = "afterRead", ha = "beforeMain", ba = "main", ya = "afterMain", Ia = "beforeWrite", va = "write", Na = "afterWrite", Da = [pa, Ma, ma, ha, ba, ya, Ia, va, Na];
+function H(f) {
   return f ? (f.nodeName || "").toLowerCase() : null;
 }
-function F(f) {
+function K(f) {
   if (f == null)
     return window;
   if (f.toString() !== "[object Window]") {
@@ -12455,31 +12593,31 @@ function F(f) {
   }
   return f;
 }
-function lf(f) {
-  var e = F(f).Element;
+function gf(f) {
+  var e = K(f).Element;
   return f instanceof e || f instanceof Element;
 }
-function Y(f) {
-  var e = F(f).HTMLElement;
+function R(f) {
+  var e = K(f).HTMLElement;
   return f instanceof e || f instanceof HTMLElement;
 }
-function Ze(f) {
+function $e(f) {
   if (typeof ShadowRoot > "u")
     return !1;
-  var e = F(f).ShadowRoot;
+  var e = K(f).ShadowRoot;
   return f instanceof e || f instanceof ShadowRoot;
 }
-function Gn(f) {
+function wa(f) {
   var e = f.state;
   Object.keys(e.elements).forEach(function(A) {
     var n = e.styles[A] || {}, a = e.attributes[A] || {}, i = e.elements[A];
-    !Y(i) || !K(i) || (Object.assign(i.style, n), Object.keys(a).forEach(function(t) {
+    !R(i) || !H(i) || (Object.assign(i.style, n), Object.keys(a).forEach(function(t) {
       var o = a[t];
       o === !1 ? i.removeAttribute(t) : i.setAttribute(t, o === !0 ? "" : o);
     }));
   });
 }
-function Xn(f) {
+function _a(f) {
   var e = f.state, A = {
     popper: {
       position: e.options.strategy,
@@ -12497,30 +12635,30 @@ function Xn(f) {
       var a = e.elements[n], i = e.attributes[n] || {}, t = Object.keys(e.styles.hasOwnProperty(n) ? e.styles[n] : A[n]), o = t.reduce(function(r, u) {
         return r[u] = "", r;
       }, {});
-      !Y(a) || !K(a) || (Object.assign(a.style, o), Object.keys(i).forEach(function(r) {
+      !R(a) || !H(a) || (Object.assign(a.style, o), Object.keys(i).forEach(function(r) {
         a.removeAttribute(r);
       }));
     });
   };
 }
-var $n = {
+var ja = {
   name: "applyStyles",
   enabled: !0,
   phase: "write",
-  fn: Gn,
-  effect: Xn,
+  fn: wa,
+  effect: _a,
   requires: ["computeStyles"]
 };
-function W(f) {
+function Z(f) {
   return f.split("-")[0];
 }
-var af = Math.max, qf = Math.min, df = Math.round;
-function gf(f, e) {
+var of = Math.max, Jf = Math.min, pf = Math.round;
+function Mf(f, e) {
   e === void 0 && (e = !1);
   var A = f.getBoundingClientRect(), n = 1, a = 1;
-  if (Y(f) && e) {
+  if (R(f) && e) {
     var i = f.offsetHeight, t = f.offsetWidth;
-    t > 0 && (n = df(A.width) / t || 1), i > 0 && (a = df(A.height) / i || 1);
+    t > 0 && (n = pf(A.width) / t || 1), i > 0 && (a = pf(A.height) / i || 1);
   }
   return {
     width: A.width / n,
@@ -12533,8 +12671,8 @@ function gf(f, e) {
     y: A.top / a
   };
 }
-function se(f) {
-  var e = gf(f), A = f.offsetWidth, n = f.offsetHeight;
+function de(f) {
+  var e = Mf(f), A = f.offsetWidth, n = f.offsetHeight;
   return Math.abs(e.width - A) <= 1 && (A = e.width), Math.abs(e.height - n) <= 1 && (n = e.height), {
     x: f.offsetLeft,
     y: f.offsetTop,
@@ -12542,11 +12680,11 @@ function se(f) {
     height: n
   };
 }
-function He(f, e) {
+function fA(f, e) {
   var A = e.getRootNode && e.getRootNode();
   if (f.contains(e))
     return !0;
-  if (A && Ze(A)) {
+  if (A && $e(A)) {
     var n = e;
     do {
       if (n && f.isSameNode(n))
@@ -12556,52 +12694,52 @@ function He(f, e) {
   }
   return !1;
 }
-function Z(f) {
-  return F(f).getComputedStyle(f);
+function G(f) {
+  return K(f).getComputedStyle(f);
 }
-function fa(f) {
-  return ["table", "td", "th"].indexOf(K(f)) >= 0;
+function Va(f) {
+  return ["table", "td", "th"].indexOf(H(f)) >= 0;
 }
-function X(f) {
-  return ((lf(f) ? f.ownerDocument : f.document) || window.document).documentElement;
+function ef(f) {
+  return ((gf(f) ? f.ownerDocument : f.document) || window.document).documentElement;
 }
-function Wf(f) {
-  return K(f) === "html" ? f : f.assignedSlot || f.parentNode || (Ze(f) ? f.host : null) || X(f);
+function Gf(f) {
+  return H(f) === "html" ? f : f.assignedSlot || f.parentNode || ($e(f) ? f.host : null) || ef(f);
 }
-function Ee(f) {
-  return !Y(f) || Z(f).position === "fixed" ? null : f.offsetParent;
+function ze(f) {
+  return !R(f) || G(f).position === "fixed" ? null : f.offsetParent;
 }
-function ea(f) {
+function ka(f) {
   var e = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1, A = navigator.userAgent.indexOf("Trident") !== -1;
-  if (A && Y(f)) {
-    var n = Z(f);
+  if (A && R(f)) {
+    var n = G(f);
     if (n.position === "fixed")
       return null;
   }
-  for (var a = Wf(f); Y(a) && ["html", "body"].indexOf(K(a)) < 0; ) {
-    var i = Z(a);
+  for (var a = Gf(f); R(a) && ["html", "body"].indexOf(H(a)) < 0; ) {
+    var i = G(a);
     if (i.transform !== "none" || i.perspective !== "none" || i.contain === "paint" || ["transform", "perspective"].indexOf(i.willChange) !== -1 || e && i.willChange === "filter" || e && i.filter && i.filter !== "none")
       return a;
     a = a.parentNode;
   }
   return null;
 }
-function kf(f) {
-  for (var e = F(f), A = Ee(f); A && fa(A) && Z(A).position === "static"; )
-    A = Ee(A);
-  return A && (K(A) === "html" || K(A) === "body" && Z(A).position === "static") ? e : A || ea(f) || e;
+function xf(f) {
+  for (var e = K(f), A = ze(f); A && Va(A) && G(A).position === "static"; )
+    A = ze(A);
+  return A && (H(A) === "html" || H(A) === "body" && G(A).position === "static") ? e : A || ka(f) || e;
 }
-function ce(f) {
+function ge(f) {
   return ["top", "bottom"].indexOf(f) >= 0 ? "x" : "y";
 }
-function If(f, e, A) {
-  return af(f, qf(e, A));
+function Nf(f, e, A) {
+  return of(f, Jf(e, A));
 }
-function Aa(f, e, A) {
-  var n = If(f, e, A);
+function Ea(f, e, A) {
+  var n = Nf(f, e, A);
   return n > A ? A : n;
 }
-function Pe() {
+function eA() {
   return {
     top: 0,
     right: 0,
@@ -12609,94 +12747,94 @@ function Pe() {
     left: 0
   };
 }
-function Ge(f) {
-  return Object.assign({}, Pe(), f);
+function AA(f) {
+  return Object.assign({}, eA(), f);
 }
-function Xe(f, e) {
+function nA(f, e) {
   return e.reduce(function(A, n) {
     return A[n] = f, A;
   }, {});
 }
-var na = function(e, A) {
+var Ta = function(e, A) {
   return e = typeof e == "function" ? e(Object.assign({}, A.rects, {
     placement: A.placement
-  })) : e, Ge(typeof e != "number" ? e : Xe(e, _f));
+  })) : e, AA(typeof e != "number" ? e : nA(e, Tf));
 };
-function aa(f) {
-  var e, A = f.state, n = f.name, a = f.options, i = A.elements.arrow, t = A.modifiersData.popperOffsets, o = W(A.placement), r = ce(o), u = [Q, q].indexOf(o) >= 0, c = u ? "height" : "width";
+function xa(f) {
+  var e, A = f.state, n = f.name, a = f.options, i = A.elements.arrow, t = A.modifiersData.popperOffsets, o = Z(A.placement), r = ge(o), u = [Q, F].indexOf(o) >= 0, d = u ? "height" : "width";
   if (!(!i || !t)) {
-    var s = na(a.padding, A), g = se(i), b = r === "y" ? L : Q, m = r === "y" ? R : q, y = A.rects.reference[c] + A.rects.reference[r] - t[r] - A.rects.popper[c], p = t[r] - A.rects.reference[r], I = kf(i), D = I ? r === "y" ? I.clientHeight || 0 : I.clientWidth || 0 : 0, w = y / 2 - p / 2, h = s[b], j = D - g[c] - s[m], v = D / 2 - g[c] / 2 + w, N = If(h, v, j), k = r;
-    A.modifiersData[n] = (e = {}, e[k] = N, e.centerOffset = N - v, e);
+    var l = Ta(a.padding, A), m = de(i), b = r === "y" ? L : Q, c = r === "y" ? q : F, p = A.rects.reference[d] + A.rects.reference[r] - t[r] - A.rects.popper[d], h = t[r] - A.rects.reference[r], v = xf(i), _ = v ? r === "y" ? v.clientHeight || 0 : v.clientWidth || 0 : 0, j = p / 2 - h / 2, I = l[b], V = _ - m[d] - l[c], D = _ / 2 - m[d] / 2 + j, w = Nf(I, D, V), T = r;
+    A.modifiersData[n] = (e = {}, e[T] = w, e.centerOffset = w - D, e);
   }
 }
-function ta(f) {
+function za(f) {
   var e = f.state, A = f.options, n = A.element, a = n === void 0 ? "[data-popper-arrow]" : n;
-  a != null && (typeof a == "string" && (a = e.elements.popper.querySelector(a), !a) || He(e.elements.popper, a) && (e.elements.arrow = a));
+  a != null && (typeof a == "string" && (a = e.elements.popper.querySelector(a), !a) || fA(e.elements.popper, a) && (e.elements.arrow = a));
 }
-var ia = {
+var Sa = {
   name: "arrow",
   enabled: !0,
   phase: "main",
-  fn: aa,
-  effect: ta,
+  fn: xa,
+  effect: za,
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
 };
-function Mf(f) {
+function mf(f) {
   return f.split("-")[1];
 }
-var oa = {
+var Oa = {
   top: "auto",
   right: "auto",
   bottom: "auto",
   left: "auto"
 };
-function ra(f) {
+function Ca(f) {
   var e = f.x, A = f.y, n = window, a = n.devicePixelRatio || 1;
   return {
-    x: df(e * a) / a || 0,
-    y: df(A * a) / a || 0
+    x: pf(e * a) / a || 0,
+    y: pf(A * a) / a || 0
   };
 }
-function Te(f) {
-  var e, A = f.popper, n = f.popperRect, a = f.placement, i = f.variation, t = f.offsets, o = f.position, r = f.gpuAcceleration, u = f.adaptive, c = f.roundOffsets, s = f.isFixed, g = c === !0 ? ra(t) : typeof c == "function" ? c(t) : t, b = g.x, m = b === void 0 ? 0 : b, y = g.y, p = y === void 0 ? 0 : y, I = t.hasOwnProperty("x"), D = t.hasOwnProperty("y"), w = Q, h = L, j = window;
+function Se(f) {
+  var e, A = f.popper, n = f.popperRect, a = f.placement, i = f.variation, t = f.offsets, o = f.position, r = f.gpuAcceleration, u = f.adaptive, d = f.roundOffsets, l = f.isFixed, m = d === !0 ? Ca(t) : typeof d == "function" ? d(t) : t, b = m.x, c = b === void 0 ? 0 : b, p = m.y, h = p === void 0 ? 0 : p, v = t.hasOwnProperty("x"), _ = t.hasOwnProperty("y"), j = Q, I = L, V = window;
   if (u) {
-    var v = kf(A), N = "clientHeight", k = "clientWidth";
-    if (v === F(A) && (v = X(A), Z(v).position !== "static" && o === "absolute" && (N = "scrollHeight", k = "scrollWidth")), v = v, a === L || (a === Q || a === q) && i === wf) {
-      h = R;
-      var x = s && j.visualViewport ? j.visualViewport.height : v[N];
-      p -= x - n.height, p *= r ? 1 : -1;
+    var D = xf(A), w = "clientHeight", T = "clientWidth";
+    if (D === K(A) && (D = ef(A), G(D).position !== "static" && o === "absolute" && (w = "scrollHeight", T = "scrollWidth")), D = D, a === L || (a === Q || a === F) && i === _f) {
+      I = q;
+      var O = l && V.visualViewport ? V.visualViewport.height : D[w];
+      h -= O - n.height, h *= r ? 1 : -1;
     }
-    if (a === Q || (a === L || a === R) && i === wf) {
-      w = q;
-      var E = s && j.visualViewport ? j.visualViewport.width : v[k];
-      m -= E - n.width, m *= r ? 1 : -1;
+    if (a === Q || (a === L || a === q) && i === _f) {
+      j = F;
+      var z = l && V.visualViewport ? V.visualViewport.width : D[T];
+      c -= z - n.width, c *= r ? 1 : -1;
     }
   }
-  var T = Object.assign({
+  var S = Object.assign({
     position: o
-  }, u && oa);
+  }, u && Oa);
   if (r) {
-    var O;
-    return Object.assign({}, T, (O = {}, O[h] = D ? "0" : "", O[w] = I ? "0" : "", O.transform = (j.devicePixelRatio || 1) <= 1 ? "translate(" + m + "px, " + p + "px)" : "translate3d(" + m + "px, " + p + "px, 0)", O));
+    var C;
+    return Object.assign({}, S, (C = {}, C[I] = _ ? "0" : "", C[j] = v ? "0" : "", C.transform = (V.devicePixelRatio || 1) <= 1 ? "translate(" + c + "px, " + h + "px)" : "translate3d(" + c + "px, " + h + "px, 0)", C));
   }
-  return Object.assign({}, T, (e = {}, e[h] = D ? p + "px" : "", e[w] = I ? m + "px" : "", e.transform = "", e));
+  return Object.assign({}, S, (e = {}, e[I] = _ ? h + "px" : "", e[j] = v ? c + "px" : "", e.transform = "", e));
 }
-function ua(f) {
+function Ua(f) {
   var e = f.state, A = f.options, n = A.gpuAcceleration, a = n === void 0 ? !0 : n, i = A.adaptive, t = i === void 0 ? !0 : i, o = A.roundOffsets, r = o === void 0 ? !0 : o, u = {
-    placement: W(e.placement),
-    variation: Mf(e.placement),
+    placement: Z(e.placement),
+    variation: mf(e.placement),
     popper: e.elements.popper,
     popperRect: e.rects.popper,
     gpuAcceleration: a,
     isFixed: e.options.strategy === "fixed"
   };
-  e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, Te(Object.assign({}, u, {
+  e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, Se(Object.assign({}, u, {
     offsets: e.modifiersData.popperOffsets,
     position: e.options.strategy,
     adaptive: t,
     roundOffsets: r
-  })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, Te(Object.assign({}, u, {
+  })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, Se(Object.assign({}, u, {
     offsets: e.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
@@ -12705,95 +12843,95 @@ function ua(f) {
     "data-popper-placement": e.placement
   });
 }
-var sa = {
+var La = {
   name: "computeStyles",
   enabled: !0,
   phase: "beforeWrite",
-  fn: ua,
+  fn: Ua,
   data: {}
-}, Uf = {
+}, Bf = {
   passive: !0
 };
-function ca(f) {
-  var e = f.state, A = f.instance, n = f.options, a = n.scroll, i = a === void 0 ? !0 : a, t = n.resize, o = t === void 0 ? !0 : t, r = F(e.elements.popper), u = [].concat(e.scrollParents.reference, e.scrollParents.popper);
-  return i && u.forEach(function(c) {
-    c.addEventListener("scroll", A.update, Uf);
-  }), o && r.addEventListener("resize", A.update, Uf), function() {
-    i && u.forEach(function(c) {
-      c.removeEventListener("scroll", A.update, Uf);
-    }), o && r.removeEventListener("resize", A.update, Uf);
+function Qa(f) {
+  var e = f.state, A = f.instance, n = f.options, a = n.scroll, i = a === void 0 ? !0 : a, t = n.resize, o = t === void 0 ? !0 : t, r = K(e.elements.popper), u = [].concat(e.scrollParents.reference, e.scrollParents.popper);
+  return i && u.forEach(function(d) {
+    d.addEventListener("scroll", A.update, Bf);
+  }), o && r.addEventListener("resize", A.update, Bf), function() {
+    i && u.forEach(function(d) {
+      d.removeEventListener("scroll", A.update, Bf);
+    }), o && r.removeEventListener("resize", A.update, Bf);
   };
 }
-var la = {
+var Ba = {
   name: "eventListeners",
   enabled: !0,
   phase: "write",
   fn: function() {
   },
-  effect: ca,
+  effect: Qa,
   data: {}
-}, da = {
+}, Ya = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
 };
-function Qf(f) {
+function Rf(f) {
   return f.replace(/left|right|bottom|top/g, function(e) {
-    return da[e];
+    return Ya[e];
   });
 }
-var ga = {
+var Ra = {
   start: "end",
   end: "start"
 };
-function xe(f) {
+function Oe(f) {
   return f.replace(/start|end/g, function(e) {
-    return ga[e];
+    return Ra[e];
   });
 }
-function le(f) {
-  var e = F(f), A = e.pageXOffset, n = e.pageYOffset;
+function pe(f) {
+  var e = K(f), A = e.pageXOffset, n = e.pageYOffset;
   return {
     scrollLeft: A,
     scrollTop: n
   };
 }
-function de(f) {
-  return gf(X(f)).left + le(f).scrollLeft;
+function Me(f) {
+  return Mf(ef(f)).left + pe(f).scrollLeft;
 }
-function Ma(f) {
-  var e = F(f), A = X(f), n = e.visualViewport, a = A.clientWidth, i = A.clientHeight, t = 0, o = 0;
+function qa(f) {
+  var e = K(f), A = ef(f), n = e.visualViewport, a = A.clientWidth, i = A.clientHeight, t = 0, o = 0;
   return n && (a = n.width, i = n.height, /^((?!chrome|android).)*safari/i.test(navigator.userAgent) || (t = n.offsetLeft, o = n.offsetTop)), {
     width: a,
     height: i,
-    x: t + de(f),
+    x: t + Me(f),
     y: o
   };
 }
-function pa(f) {
-  var e, A = X(f), n = le(f), a = (e = f.ownerDocument) == null ? void 0 : e.body, i = af(A.scrollWidth, A.clientWidth, a ? a.scrollWidth : 0, a ? a.clientWidth : 0), t = af(A.scrollHeight, A.clientHeight, a ? a.scrollHeight : 0, a ? a.clientHeight : 0), o = -n.scrollLeft + de(f), r = -n.scrollTop;
-  return Z(a || A).direction === "rtl" && (o += af(A.clientWidth, a ? a.clientWidth : 0) - i), {
+function Fa(f) {
+  var e, A = ef(f), n = pe(f), a = (e = f.ownerDocument) == null ? void 0 : e.body, i = of(A.scrollWidth, A.clientWidth, a ? a.scrollWidth : 0, a ? a.clientWidth : 0), t = of(A.scrollHeight, A.clientHeight, a ? a.scrollHeight : 0, a ? a.clientHeight : 0), o = -n.scrollLeft + Me(f), r = -n.scrollTop;
+  return G(a || A).direction === "rtl" && (o += of(A.clientWidth, a ? a.clientWidth : 0) - i), {
     width: i,
     height: t,
     x: o,
     y: r
   };
 }
-function ge(f) {
-  var e = Z(f), A = e.overflow, n = e.overflowX, a = e.overflowY;
+function me(f) {
+  var e = G(f), A = e.overflow, n = e.overflowX, a = e.overflowY;
   return /auto|scroll|overlay|hidden/.test(A + a + n);
 }
-function $e(f) {
-  return ["html", "body", "#document"].indexOf(K(f)) >= 0 ? f.ownerDocument.body : Y(f) && ge(f) ? f : $e(Wf(f));
+function aA(f) {
+  return ["html", "body", "#document"].indexOf(H(f)) >= 0 ? f.ownerDocument.body : R(f) && me(f) ? f : aA(Gf(f));
 }
-function vf(f, e) {
+function Df(f, e) {
   var A;
   e === void 0 && (e = []);
-  var n = $e(f), a = n === ((A = f.ownerDocument) == null ? void 0 : A.body), i = F(n), t = a ? [i].concat(i.visualViewport || [], ge(n) ? n : []) : n, o = e.concat(t);
-  return a ? o : o.concat(vf(Wf(t)));
+  var n = aA(f), a = n === ((A = f.ownerDocument) == null ? void 0 : A.body), i = K(n), t = a ? [i].concat(i.visualViewport || [], me(n) ? n : []) : n, o = e.concat(t);
+  return a ? o : o.concat(Df(Gf(t)));
 }
-function Ae(f) {
+function oe(f) {
   return Object.assign({}, f, {
     left: f.x,
     top: f.y,
@@ -12801,28 +12939,28 @@ function Ae(f) {
     bottom: f.y + f.height
   });
 }
-function ma(f) {
-  var e = gf(f);
+function Ja(f) {
+  var e = Mf(f);
   return e.top = e.top + f.clientTop, e.left = e.left + f.clientLeft, e.bottom = e.top + f.clientHeight, e.right = e.left + f.clientWidth, e.width = f.clientWidth, e.height = f.clientHeight, e.x = e.left, e.y = e.top, e;
 }
-function ze(f, e) {
-  return e === We ? Ae(Ma(f)) : lf(e) ? ma(e) : Ae(pa(X(f)));
+function Ce(f, e) {
+  return e === Ge ? oe(qa(f)) : gf(e) ? Ja(e) : oe(Fa(ef(f)));
 }
-function ba(f) {
-  var e = vf(Wf(f)), A = ["absolute", "fixed"].indexOf(Z(f).position) >= 0, n = A && Y(f) ? kf(f) : f;
-  return lf(n) ? e.filter(function(a) {
-    return lf(a) && He(a, n) && K(a) !== "body" && (A ? Z(a).position !== "static" : !0);
+function Wa(f) {
+  var e = Df(Gf(f)), A = ["absolute", "fixed"].indexOf(G(f).position) >= 0, n = A && R(f) ? xf(f) : f;
+  return gf(n) ? e.filter(function(a) {
+    return gf(a) && fA(a, n) && H(a) !== "body" && (A ? G(a).position !== "static" : !0);
   }) : [];
 }
-function ha(f, e, A) {
-  var n = e === "clippingParents" ? ba(f) : [].concat(e), a = [].concat(n, [A]), i = a[0], t = a.reduce(function(o, r) {
-    var u = ze(f, r);
-    return o.top = af(u.top, o.top), o.right = qf(u.right, o.right), o.bottom = qf(u.bottom, o.bottom), o.left = af(u.left, o.left), o;
-  }, ze(f, i));
+function Ka(f, e, A) {
+  var n = e === "clippingParents" ? Wa(f) : [].concat(e), a = [].concat(n, [A]), i = a[0], t = a.reduce(function(o, r) {
+    var u = Ce(f, r);
+    return o.top = of(u.top, o.top), o.right = Jf(u.right, o.right), o.bottom = Jf(u.bottom, o.bottom), o.left = of(u.left, o.left), o;
+  }, Ce(f, i));
   return t.width = t.right - t.left, t.height = t.bottom - t.top, t.x = t.left, t.y = t.top, t;
 }
-function fA(f) {
-  var e = f.reference, A = f.element, n = f.placement, a = n ? W(n) : null, i = n ? Mf(n) : null, t = e.x + e.width / 2 - A.width / 2, o = e.y + e.height / 2 - A.height / 2, r;
+function tA(f) {
+  var e = f.reference, A = f.element, n = f.placement, a = n ? Z(n) : null, i = n ? mf(n) : null, t = e.x + e.width / 2 - A.width / 2, o = e.y + e.height / 2 - A.height / 2, r;
   switch (a) {
     case L:
       r = {
@@ -12830,13 +12968,13 @@ function fA(f) {
         y: e.y - A.height
       };
       break;
-    case R:
+    case q:
       r = {
         x: t,
         y: e.y + e.height
       };
       break;
-    case q:
+    case F:
       r = {
         x: e.x + e.width,
         y: o
@@ -12854,15 +12992,15 @@ function fA(f) {
         y: e.y
       };
   }
-  var u = a ? ce(a) : null;
+  var u = a ? ge(a) : null;
   if (u != null) {
-    var c = u === "y" ? "height" : "width";
+    var d = u === "y" ? "height" : "width";
     switch (i) {
-      case cf:
-        r[u] = r[u] - (e[c] / 2 - A[c] / 2);
+      case df:
+        r[u] = r[u] - (e[d] / 2 - A[d] / 2);
         break;
-      case wf:
-        r[u] = r[u] + (e[c] / 2 - A[c] / 2);
+      case _f:
+        r[u] = r[u] + (e[d] / 2 - A[d] / 2);
         break;
     }
   }
@@ -12870,112 +13008,112 @@ function fA(f) {
 }
 function jf(f, e) {
   e === void 0 && (e = {});
-  var A = e, n = A.placement, a = n === void 0 ? f.placement : n, i = A.boundary, t = i === void 0 ? Qn : i, o = A.rootBoundary, r = o === void 0 ? We : o, u = A.elementContext, c = u === void 0 ? yf : u, s = A.altBoundary, g = s === void 0 ? !1 : s, b = A.padding, m = b === void 0 ? 0 : b, y = Ge(typeof m != "number" ? m : Xe(m, _f)), p = c === yf ? Bn : yf, I = f.rects.popper, D = f.elements[g ? p : c], w = ha(lf(D) ? D : D.contextElement || X(f.elements.popper), t, r), h = gf(f.elements.reference), j = fA({
-    reference: h,
-    element: I,
+  var A = e, n = A.placement, a = n === void 0 ? f.placement : n, i = A.boundary, t = i === void 0 ? da : i, o = A.rootBoundary, r = o === void 0 ? Ge : o, u = A.elementContext, d = u === void 0 ? vf : u, l = A.altBoundary, m = l === void 0 ? !1 : l, b = A.padding, c = b === void 0 ? 0 : b, p = AA(typeof c != "number" ? c : nA(c, Tf)), h = d === vf ? ga : vf, v = f.rects.popper, _ = f.elements[m ? h : d], j = Ka(gf(_) ? _ : _.contextElement || ef(f.elements.popper), t, r), I = Mf(f.elements.reference), V = tA({
+    reference: I,
+    element: v,
     strategy: "absolute",
     placement: a
-  }), v = Ae(Object.assign({}, I, j)), N = c === yf ? v : h, k = {
-    top: w.top - N.top + y.top,
-    bottom: N.bottom - w.bottom + y.bottom,
-    left: w.left - N.left + y.left,
-    right: N.right - w.right + y.right
-  }, x = f.modifiersData.offset;
-  if (c === yf && x) {
-    var E = x[a];
-    Object.keys(k).forEach(function(T) {
-      var O = [q, R].indexOf(T) >= 0 ? 1 : -1, $ = [L, R].indexOf(T) >= 0 ? "y" : "x";
-      k[T] += E[$] * O;
+  }), D = oe(Object.assign({}, v, V)), w = d === vf ? D : I, T = {
+    top: j.top - w.top + p.top,
+    bottom: w.bottom - j.bottom + p.bottom,
+    left: j.left - w.left + p.left,
+    right: w.right - j.right + p.right
+  }, O = f.modifiersData.offset;
+  if (d === vf && O) {
+    var z = O[a];
+    Object.keys(T).forEach(function(S) {
+      var C = [F, q].indexOf(S) >= 0 ? 1 : -1, Af = [L, q].indexOf(S) >= 0 ? "y" : "x";
+      T[S] += z[Af] * C;
     });
   }
-  return k;
+  return T;
 }
-function ya(f, e) {
+function Za(f, e) {
   e === void 0 && (e = {});
-  var A = e, n = A.placement, a = A.boundary, i = A.rootBoundary, t = A.padding, o = A.flipVariations, r = A.allowedAutoPlacements, u = r === void 0 ? Ke : r, c = Mf(n), s = c ? o ? ke : ke.filter(function(m) {
-    return Mf(m) === c;
-  }) : _f, g = s.filter(function(m) {
-    return u.indexOf(m) >= 0;
+  var A = e, n = A.placement, a = A.boundary, i = A.rootBoundary, t = A.padding, o = A.flipVariations, r = A.allowedAutoPlacements, u = r === void 0 ? Xe : r, d = mf(n), l = d ? o ? xe : xe.filter(function(c) {
+    return mf(c) === d;
+  }) : Tf, m = l.filter(function(c) {
+    return u.indexOf(c) >= 0;
   });
-  g.length === 0 && (g = s);
-  var b = g.reduce(function(m, y) {
-    return m[y] = jf(f, {
-      placement: y,
+  m.length === 0 && (m = l);
+  var b = m.reduce(function(c, p) {
+    return c[p] = jf(f, {
+      placement: p,
       boundary: a,
       rootBoundary: i,
       padding: t
-    })[W(y)], m;
+    })[Z(p)], c;
   }, {});
-  return Object.keys(b).sort(function(m, y) {
-    return b[m] - b[y];
+  return Object.keys(b).sort(function(c, p) {
+    return b[c] - b[p];
   });
 }
-function Ia(f) {
-  if (W(f) === ue)
+function Pa(f) {
+  if (Z(f) === le)
     return [];
-  var e = Qf(f);
-  return [xe(f), e, xe(e)];
+  var e = Rf(f);
+  return [Oe(f), e, Oe(e)];
 }
-function va(f) {
+function Ha(f) {
   var e = f.state, A = f.options, n = f.name;
   if (!e.modifiersData[n]._skip) {
-    for (var a = A.mainAxis, i = a === void 0 ? !0 : a, t = A.altAxis, o = t === void 0 ? !0 : t, r = A.fallbackPlacements, u = A.padding, c = A.boundary, s = A.rootBoundary, g = A.altBoundary, b = A.flipVariations, m = b === void 0 ? !0 : b, y = A.allowedAutoPlacements, p = e.options.placement, I = W(p), D = I === p, w = r || (D || !m ? [Qf(p)] : Ia(p)), h = [p].concat(w).reduce(function(uf, H) {
-      return uf.concat(W(H) === ue ? ya(e, {
-        placement: H,
-        boundary: c,
-        rootBoundary: s,
+    for (var a = A.mainAxis, i = a === void 0 ? !0 : a, t = A.altAxis, o = t === void 0 ? !0 : t, r = A.fallbackPlacements, u = A.padding, d = A.boundary, l = A.rootBoundary, m = A.altBoundary, b = A.flipVariations, c = b === void 0 ? !0 : b, p = A.allowedAutoPlacements, h = e.options.placement, v = Z(h), _ = v === h, j = r || (_ || !c ? [Rf(h)] : Pa(h)), I = [h].concat(j).reduce(function(sf, $) {
+      return sf.concat(Z($) === le ? Za(e, {
+        placement: $,
+        boundary: d,
+        rootBoundary: l,
         padding: u,
-        flipVariations: m,
-        allowedAutoPlacements: y
-      }) : H);
-    }, []), j = e.rects.reference, v = e.rects.popper, N = /* @__PURE__ */ new Map(), k = !0, x = h[0], E = 0; E < h.length; E++) {
-      var T = h[E], O = W(T), $ = Mf(T) === cf, pf = [L, R].indexOf(O) >= 0, mf = pf ? "width" : "height", B = jf(e, {
-        placement: T,
-        boundary: c,
-        rootBoundary: s,
-        altBoundary: g,
+        flipVariations: c,
+        allowedAutoPlacements: p
+      }) : $);
+    }, []), V = e.rects.reference, D = e.rects.popper, w = /* @__PURE__ */ new Map(), T = !0, O = I[0], z = 0; z < I.length; z++) {
+      var S = I[z], C = Z(S), Af = mf(S) === df, hf = [L, q].indexOf(C) >= 0, bf = hf ? "width" : "height", B = jf(e, {
+        placement: S,
+        boundary: d,
+        rootBoundary: l,
+        altBoundary: m,
         padding: u
-      }), J = pf ? $ ? q : Q : $ ? R : L;
-      j[mf] > v[mf] && (J = Qf(J));
-      var Tf = Qf(J), ff = [];
-      if (i && ff.push(B[O] <= 0), o && ff.push(B[J] <= 0, B[Tf] <= 0), ff.every(function(uf) {
-        return uf;
+      }), J = hf ? Af ? F : Q : Af ? q : L;
+      V[bf] > D[bf] && (J = Rf(J));
+      var Sf = Rf(J), nf = [];
+      if (i && nf.push(B[C] <= 0), o && nf.push(B[J] <= 0, B[Sf] <= 0), nf.every(function(sf) {
+        return sf;
       })) {
-        x = T, k = !1;
+        O = S, T = !1;
         break;
       }
-      N.set(T, ff);
+      w.set(S, nf);
     }
-    if (k)
-      for (var xf = m ? 3 : 1, Kf = function(H) {
-        var hf = h.find(function(Sf) {
-          var ef = N.get(Sf);
-          if (ef)
-            return ef.slice(0, H).every(function(Zf) {
-              return Zf;
+    if (T)
+      for (var Of = c ? 3 : 1, Xf = function($) {
+        var If = I.find(function(Uf) {
+          var af = w.get(Uf);
+          if (af)
+            return af.slice(0, $).every(function($f) {
+              return $f;
             });
         });
-        if (hf)
-          return x = hf, "break";
-      }, bf = xf; bf > 0; bf--) {
-        var zf = Kf(bf);
-        if (zf === "break")
+        if (If)
+          return O = If, "break";
+      }, yf = Of; yf > 0; yf--) {
+        var Cf = Xf(yf);
+        if (Cf === "break")
           break;
       }
-    e.placement !== x && (e.modifiersData[n]._skip = !0, e.placement = x, e.reset = !0);
+    e.placement !== O && (e.modifiersData[n]._skip = !0, e.placement = O, e.reset = !0);
   }
 }
-var Na = {
+var Ga = {
   name: "flip",
   enabled: !0,
   phase: "main",
-  fn: va,
+  fn: Ha,
   requiresIfExists: ["offset"],
   data: {
     _skip: !1
   }
 };
-function Se(f, e, A) {
+function Ue(f, e, A) {
   return A === void 0 && (A = {
     x: 0,
     y: 0
@@ -12986,39 +13124,39 @@ function Se(f, e, A) {
     left: f.left - e.width - A.x
   };
 }
-function Oe(f) {
-  return [L, q, R, Q].some(function(e) {
+function Le(f) {
+  return [L, F, q, Q].some(function(e) {
     return f[e] >= 0;
   });
 }
-function Da(f) {
+function Xa(f) {
   var e = f.state, A = f.name, n = e.rects.reference, a = e.rects.popper, i = e.modifiersData.preventOverflow, t = jf(e, {
     elementContext: "reference"
   }), o = jf(e, {
     altBoundary: !0
-  }), r = Se(t, n), u = Se(o, a, i), c = Oe(r), s = Oe(u);
+  }), r = Ue(t, n), u = Ue(o, a, i), d = Le(r), l = Le(u);
   e.modifiersData[A] = {
     referenceClippingOffsets: r,
     popperEscapeOffsets: u,
-    isReferenceHidden: c,
-    hasPopperEscaped: s
+    isReferenceHidden: d,
+    hasPopperEscaped: l
   }, e.attributes.popper = Object.assign({}, e.attributes.popper, {
-    "data-popper-reference-hidden": c,
-    "data-popper-escaped": s
+    "data-popper-reference-hidden": d,
+    "data-popper-escaped": l
   });
 }
-var wa = {
+var $a = {
   name: "hide",
   enabled: !0,
   phase: "main",
   requiresIfExists: ["preventOverflow"],
-  fn: Da
+  fn: Xa
 };
-function ja(f, e, A) {
-  var n = W(f), a = [Q, L].indexOf(n) >= 0 ? -1 : 1, i = typeof A == "function" ? A(Object.assign({}, e, {
+function f1(f, e, A) {
+  var n = Z(f), a = [Q, L].indexOf(n) >= 0 ? -1 : 1, i = typeof A == "function" ? A(Object.assign({}, e, {
     placement: f
   })) : A, t = i[0], o = i[1];
-  return t = t || 0, o = (o || 0) * a, [Q, q].indexOf(n) >= 0 ? {
+  return t = t || 0, o = (o || 0) * a, [Q, F].indexOf(n) >= 0 ? {
     x: o,
     y: t
   } : {
@@ -13026,108 +13164,108 @@ function ja(f, e, A) {
     y: o
   };
 }
-function Va(f) {
-  var e = f.state, A = f.options, n = f.name, a = A.offset, i = a === void 0 ? [0, 0] : a, t = Ke.reduce(function(c, s) {
-    return c[s] = ja(s, e.rects, i), c;
+function e1(f) {
+  var e = f.state, A = f.options, n = f.name, a = A.offset, i = a === void 0 ? [0, 0] : a, t = Xe.reduce(function(d, l) {
+    return d[l] = f1(l, e.rects, i), d;
   }, {}), o = t[e.placement], r = o.x, u = o.y;
   e.modifiersData.popperOffsets != null && (e.modifiersData.popperOffsets.x += r, e.modifiersData.popperOffsets.y += u), e.modifiersData[n] = t;
 }
-var _a = {
+var A1 = {
   name: "offset",
   enabled: !0,
   phase: "main",
   requires: ["popperOffsets"],
-  fn: Va
+  fn: e1
 };
-function ka(f) {
+function n1(f) {
   var e = f.state, A = f.name;
-  e.modifiersData[A] = fA({
+  e.modifiersData[A] = tA({
     reference: e.rects.reference,
     element: e.rects.popper,
     strategy: "absolute",
     placement: e.placement
   });
 }
-var Ea = {
+var a1 = {
   name: "popperOffsets",
   enabled: !0,
   phase: "read",
-  fn: ka,
+  fn: n1,
   data: {}
 };
-function Ta(f) {
+function t1(f) {
   return f === "x" ? "y" : "x";
 }
-function xa(f) {
-  var e = f.state, A = f.options, n = f.name, a = A.mainAxis, i = a === void 0 ? !0 : a, t = A.altAxis, o = t === void 0 ? !1 : t, r = A.boundary, u = A.rootBoundary, c = A.altBoundary, s = A.padding, g = A.tether, b = g === void 0 ? !0 : g, m = A.tetherOffset, y = m === void 0 ? 0 : m, p = jf(e, {
+function i1(f) {
+  var e = f.state, A = f.options, n = f.name, a = A.mainAxis, i = a === void 0 ? !0 : a, t = A.altAxis, o = t === void 0 ? !1 : t, r = A.boundary, u = A.rootBoundary, d = A.altBoundary, l = A.padding, m = A.tether, b = m === void 0 ? !0 : m, c = A.tetherOffset, p = c === void 0 ? 0 : c, h = jf(e, {
     boundary: r,
     rootBoundary: u,
-    padding: s,
-    altBoundary: c
-  }), I = W(e.placement), D = Mf(e.placement), w = !D, h = ce(I), j = Ta(h), v = e.modifiersData.popperOffsets, N = e.rects.reference, k = e.rects.popper, x = typeof y == "function" ? y(Object.assign({}, e.rects, {
+    padding: l,
+    altBoundary: d
+  }), v = Z(e.placement), _ = mf(e.placement), j = !_, I = ge(v), V = t1(I), D = e.modifiersData.popperOffsets, w = e.rects.reference, T = e.rects.popper, O = typeof p == "function" ? p(Object.assign({}, e.rects, {
     placement: e.placement
-  })) : y, E = typeof x == "number" ? {
-    mainAxis: x,
-    altAxis: x
+  })) : p, z = typeof O == "number" ? {
+    mainAxis: O,
+    altAxis: O
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, x), T = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, O = {
+  }, O), S = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, C = {
     x: 0,
     y: 0
   };
-  if (v) {
+  if (D) {
     if (i) {
-      var $, pf = h === "y" ? L : Q, mf = h === "y" ? R : q, B = h === "y" ? "height" : "width", J = v[h], Tf = J + p[pf], ff = J - p[mf], xf = b ? -k[B] / 2 : 0, Kf = D === cf ? N[B] : k[B], bf = D === cf ? -k[B] : -N[B], zf = e.elements.arrow, uf = b && zf ? se(zf) : {
+      var Af, hf = I === "y" ? L : Q, bf = I === "y" ? q : F, B = I === "y" ? "height" : "width", J = D[I], Sf = J + h[hf], nf = J - h[bf], Of = b ? -T[B] / 2 : 0, Xf = _ === df ? w[B] : T[B], yf = _ === df ? -T[B] : -w[B], Cf = e.elements.arrow, sf = b && Cf ? de(Cf) : {
         width: 0,
         height: 0
-      }, H = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : Pe(), hf = H[pf], Sf = H[mf], ef = If(0, N[B], uf[B]), Zf = w ? N[B] / 2 - xf - ef - hf - E.mainAxis : Kf - ef - hf - E.mainAxis, aA = w ? -N[B] / 2 + xf + ef + Sf + E.mainAxis : bf + ef + Sf + E.mainAxis, Hf = e.elements.arrow && kf(e.elements.arrow), tA = Hf ? h === "y" ? Hf.clientTop || 0 : Hf.clientLeft || 0 : 0, Me = ($ = T == null ? void 0 : T[h]) != null ? $ : 0, iA = J + Zf - Me - tA, oA = J + aA - Me, pe = If(b ? qf(Tf, iA) : Tf, J, b ? af(ff, oA) : ff);
-      v[h] = pe, O[h] = pe - J;
+      }, $ = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : eA(), If = $[hf], Uf = $[bf], af = Nf(0, w[B], sf[B]), $f = j ? w[B] / 2 - Of - af - If - z.mainAxis : Xf - af - If - z.mainAxis, sA = j ? -w[B] / 2 + Of + af + Uf + z.mainAxis : yf + af + Uf + z.mainAxis, fe = e.elements.arrow && xf(e.elements.arrow), uA = fe ? I === "y" ? fe.clientTop || 0 : fe.clientLeft || 0 : 0, he = (Af = S == null ? void 0 : S[I]) != null ? Af : 0, cA = J + $f - he - uA, lA = J + sA - he, be = Nf(b ? Jf(Sf, cA) : Sf, J, b ? of(nf, lA) : nf);
+      D[I] = be, C[I] = be - J;
     }
     if (o) {
-      var me, rA = h === "x" ? L : Q, uA = h === "x" ? R : q, Af = v[j], Of = j === "y" ? "height" : "width", be = Af + p[rA], he = Af - p[uA], Pf = [L, Q].indexOf(I) !== -1, ye = (me = T == null ? void 0 : T[j]) != null ? me : 0, Ie = Pf ? be : Af - N[Of] - k[Of] - ye + E.altAxis, ve = Pf ? Af + N[Of] + k[Of] - ye - E.altAxis : he, Ne = b && Pf ? Aa(Ie, Af, ve) : If(b ? Ie : be, Af, b ? ve : he);
-      v[j] = Ne, O[j] = Ne - Af;
+      var ye, dA = I === "x" ? L : Q, gA = I === "x" ? q : F, tf = D[V], Lf = V === "y" ? "height" : "width", Ie = tf + h[dA], ve = tf - h[gA], ee = [L, Q].indexOf(v) !== -1, Ne = (ye = S == null ? void 0 : S[V]) != null ? ye : 0, De = ee ? Ie : tf - w[Lf] - T[Lf] - Ne + z.altAxis, we = ee ? tf + w[Lf] + T[Lf] - Ne - z.altAxis : ve, _e = b && ee ? Ea(De, tf, we) : Nf(b ? De : Ie, tf, b ? we : ve);
+      D[V] = _e, C[V] = _e - tf;
     }
-    e.modifiersData[n] = O;
+    e.modifiersData[n] = C;
   }
 }
-var za = {
+var o1 = {
   name: "preventOverflow",
   enabled: !0,
   phase: "main",
-  fn: xa,
+  fn: i1,
   requiresIfExists: ["offset"]
 };
-function Sa(f) {
+function r1(f) {
   return {
     scrollLeft: f.scrollLeft,
     scrollTop: f.scrollTop
   };
 }
-function Oa(f) {
-  return f === F(f) || !Y(f) ? le(f) : Sa(f);
+function s1(f) {
+  return f === K(f) || !R(f) ? pe(f) : r1(f);
 }
-function Ca(f) {
-  var e = f.getBoundingClientRect(), A = df(e.width) / f.offsetWidth || 1, n = df(e.height) / f.offsetHeight || 1;
+function u1(f) {
+  var e = f.getBoundingClientRect(), A = pf(e.width) / f.offsetWidth || 1, n = pf(e.height) / f.offsetHeight || 1;
   return A !== 1 || n !== 1;
 }
-function Ua(f, e, A) {
+function c1(f, e, A) {
   A === void 0 && (A = !1);
-  var n = Y(e), a = Y(e) && Ca(e), i = X(e), t = gf(f, a), o = {
+  var n = R(e), a = R(e) && u1(e), i = ef(e), t = Mf(f, a), o = {
     scrollLeft: 0,
     scrollTop: 0
   }, r = {
     x: 0,
     y: 0
   };
-  return (n || !n && !A) && ((K(e) !== "body" || ge(i)) && (o = Oa(e)), Y(e) ? (r = gf(e, !0), r.x += e.clientLeft, r.y += e.clientTop) : i && (r.x = de(i))), {
+  return (n || !n && !A) && ((H(e) !== "body" || me(i)) && (o = s1(e)), R(e) ? (r = Mf(e, !0), r.x += e.clientLeft, r.y += e.clientTop) : i && (r.x = Me(i))), {
     x: t.left + o.scrollLeft - r.x,
     y: t.top + o.scrollTop - r.y,
     width: t.width,
     height: t.height
   };
 }
-function La(f) {
+function l1(f) {
   var e = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Set(), n = [];
   f.forEach(function(i) {
     e.set(i.name, i);
@@ -13146,15 +13284,15 @@ function La(f) {
     A.has(i.name) || a(i);
   }), n;
 }
-function Qa(f) {
-  var e = La(f);
-  return Pn.reduce(function(A, n) {
+function d1(f) {
+  var e = l1(f);
+  return Da.reduce(function(A, n) {
     return A.concat(e.filter(function(a) {
       return a.phase === n;
     }));
   }, []);
 }
-function Ba(f) {
+function g1(f) {
   var e;
   return function() {
     return e || (e = new Promise(function(A) {
@@ -13164,7 +13302,7 @@ function Ba(f) {
     })), e;
   };
 }
-function Ya(f) {
+function p1(f) {
   var e = f.reduce(function(A, n) {
     var a = A[n.name];
     return A[n.name] = a ? Object.assign({}, a, n, {
@@ -13176,27 +13314,27 @@ function Ya(f) {
     return e[A];
   });
 }
-var Ce = {
+var Qe = {
   placement: "bottom",
   modifiers: [],
   strategy: "absolute"
 };
-function Ue() {
+function Be() {
   for (var f = arguments.length, e = new Array(f), A = 0; A < f; A++)
     e[A] = arguments[A];
   return !e.some(function(n) {
     return !(n && typeof n.getBoundingClientRect == "function");
   });
 }
-function Ra(f) {
+function M1(f) {
   f === void 0 && (f = {});
-  var e = f, A = e.defaultModifiers, n = A === void 0 ? [] : A, a = e.defaultOptions, i = a === void 0 ? Ce : a;
+  var e = f, A = e.defaultModifiers, n = A === void 0 ? [] : A, a = e.defaultOptions, i = a === void 0 ? Qe : a;
   return function(o, r, u) {
     u === void 0 && (u = i);
-    var c = {
+    var d = {
       placement: "bottom",
       orderedModifiers: [],
-      options: Object.assign({}, Ce, i),
+      options: Object.assign({}, Qe, i),
       modifiersData: {},
       elements: {
         reference: o,
@@ -13204,89 +13342,89 @@ function Ra(f) {
       },
       attributes: {},
       styles: {}
-    }, s = [], g = !1, b = {
-      state: c,
-      setOptions: function(I) {
-        var D = typeof I == "function" ? I(c.options) : I;
-        y(), c.options = Object.assign({}, i, c.options, D), c.scrollParents = {
-          reference: lf(o) ? vf(o) : o.contextElement ? vf(o.contextElement) : [],
-          popper: vf(r)
+    }, l = [], m = !1, b = {
+      state: d,
+      setOptions: function(v) {
+        var _ = typeof v == "function" ? v(d.options) : v;
+        p(), d.options = Object.assign({}, i, d.options, _), d.scrollParents = {
+          reference: gf(o) ? Df(o) : o.contextElement ? Df(o.contextElement) : [],
+          popper: Df(r)
         };
-        var w = Qa(Ya([].concat(n, c.options.modifiers)));
-        return c.orderedModifiers = w.filter(function(h) {
-          return h.enabled;
-        }), m(), b.update();
+        var j = d1(p1([].concat(n, d.options.modifiers)));
+        return d.orderedModifiers = j.filter(function(I) {
+          return I.enabled;
+        }), c(), b.update();
       },
       forceUpdate: function() {
-        if (!g) {
-          var I = c.elements, D = I.reference, w = I.popper;
-          if (Ue(D, w)) {
-            c.rects = {
-              reference: Ua(D, kf(w), c.options.strategy === "fixed"),
-              popper: se(w)
-            }, c.reset = !1, c.placement = c.options.placement, c.orderedModifiers.forEach(function(E) {
-              return c.modifiersData[E.name] = Object.assign({}, E.data);
+        if (!m) {
+          var v = d.elements, _ = v.reference, j = v.popper;
+          if (Be(_, j)) {
+            d.rects = {
+              reference: c1(_, xf(j), d.options.strategy === "fixed"),
+              popper: de(j)
+            }, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(z) {
+              return d.modifiersData[z.name] = Object.assign({}, z.data);
             });
-            for (var h = 0; h < c.orderedModifiers.length; h++) {
-              if (c.reset === !0) {
-                c.reset = !1, h = -1;
+            for (var I = 0; I < d.orderedModifiers.length; I++) {
+              if (d.reset === !0) {
+                d.reset = !1, I = -1;
                 continue;
               }
-              var j = c.orderedModifiers[h], v = j.fn, N = j.options, k = N === void 0 ? {} : N, x = j.name;
-              typeof v == "function" && (c = v({
-                state: c,
-                options: k,
-                name: x,
+              var V = d.orderedModifiers[I], D = V.fn, w = V.options, T = w === void 0 ? {} : w, O = V.name;
+              typeof D == "function" && (d = D({
+                state: d,
+                options: T,
+                name: O,
                 instance: b
-              }) || c);
+              }) || d);
             }
           }
         }
       },
-      update: Ba(function() {
-        return new Promise(function(p) {
-          b.forceUpdate(), p(c);
+      update: g1(function() {
+        return new Promise(function(h) {
+          b.forceUpdate(), h(d);
         });
       }),
       destroy: function() {
-        y(), g = !0;
+        p(), m = !0;
       }
     };
-    if (!Ue(o, r))
+    if (!Be(o, r))
       return b;
-    b.setOptions(u).then(function(p) {
-      !g && u.onFirstUpdate && u.onFirstUpdate(p);
+    b.setOptions(u).then(function(h) {
+      !m && u.onFirstUpdate && u.onFirstUpdate(h);
     });
-    function m() {
-      c.orderedModifiers.forEach(function(p) {
-        var I = p.name, D = p.options, w = D === void 0 ? {} : D, h = p.effect;
-        if (typeof h == "function") {
-          var j = h({
-            state: c,
-            name: I,
+    function c() {
+      d.orderedModifiers.forEach(function(h) {
+        var v = h.name, _ = h.options, j = _ === void 0 ? {} : _, I = h.effect;
+        if (typeof I == "function") {
+          var V = I({
+            state: d,
+            name: v,
             instance: b,
-            options: w
-          }), v = function() {
+            options: j
+          }), D = function() {
           };
-          s.push(j || v);
+          l.push(V || D);
         }
       });
     }
-    function y() {
-      s.forEach(function(p) {
-        return p();
-      }), s = [];
+    function p() {
+      l.forEach(function(h) {
+        return h();
+      }), l = [];
     }
     return b;
   };
 }
-var qa = [la, Ea, sa, $n, _a, Na, za, ia, wa], Ja = /* @__PURE__ */ Ra({
-  defaultModifiers: qa
-}), eA = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgOS4zODI4MTMgNCA0IDkuMzgyODEzIDQgMTYgQyA0IDIyLjYxNzE4OCA5LjM4MjgxMyAyOCAxNiAyOCBDIDIyLjYxNzE4OCAyOCAyOCAyMi42MTcxODggMjggMTYgQyAyOCA5LjM4MjgxMyAyMi42MTcxODggNCAxNiA0IFogTSAxNiA2IEMgMjEuNTM1MTU2IDYgMjYgMTAuNDY0ODQ0IDI2IDE2IEMgMjYgMjEuNTM1MTU2IDIxLjUzNTE1NiAyNiAxNiAyNiBDIDEwLjQ2NDg0NCAyNiA2IDIxLjUzNTE1NiA2IDE2IEMgNiAxMC40NjQ4NDQgMTAuNDY0ODQ0IDYgMTYgNiBaIE0gMTEuNSAxMiBDIDEwLjY3MTg3NSAxMiAxMCAxMi42NzE4NzUgMTAgMTMuNSBDIDEwIDE0LjMyODEyNSAxMC42NzE4NzUgMTUgMTEuNSAxNSBDIDEyLjMyODEyNSAxNSAxMyAxNC4zMjgxMjUgMTMgMTMuNSBDIDEzIDEyLjY3MTg3NSAxMi4zMjgxMjUgMTIgMTEuNSAxMiBaIE0gMjAuNSAxMiBDIDE5LjY3MTg3NSAxMiAxOSAxMi42NzE4NzUgMTkgMTMuNSBDIDE5IDE0LjMyODEyNSAxOS42NzE4NzUgMTUgMjAuNSAxNSBDIDIxLjMyODEyNSAxNSAyMiAxNC4zMjgxMjUgMjIgMTMuNSBDIDIyIDEyLjY3MTg3NSAyMS4zMjgxMjUgMTIgMjAuNSAxMiBaIE0gMTAuODEyNSAxOSBMIDkuMDkzNzUgMjAgQyAxMC40NzY1NjMgMjIuMzg2NzE5IDEzLjA0Njg3NSAyNCAxNiAyNCBDIDE4Ljk1MzEyNSAyNCAyMS41MjM0MzggMjIuMzg2NzE5IDIyLjkwNjI1IDIwIEwgMjEuMTg3NSAxOSBDIDIwLjE0ODQzOCAyMC43OTI5NjkgMTguMjI2NTYzIDIyIDE2IDIyIEMgMTMuNzczNDM4IDIyIDExLjg1MTU2MyAyMC43OTI5NjkgMTAuODEyNSAxOSBaIi8+PC9zdmc+";
-function Bf(f) {
+var m1 = [Ba, a1, La, ja, A1, Ga, o1, Sa, $a], h1 = /* @__PURE__ */ M1({
+  defaultModifiers: m1
+}), iA = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgOS4zODI4MTMgNCA0IDkuMzgyODEzIDQgMTYgQyA0IDIyLjYxNzE4OCA5LjM4MjgxMyAyOCAxNiAyOCBDIDIyLjYxNzE4OCAyOCAyOCAyMi42MTcxODggMjggMTYgQyAyOCA5LjM4MjgxMyAyMi42MTcxODggNCAxNiA0IFogTSAxNiA2IEMgMjEuNTM1MTU2IDYgMjYgMTAuNDY0ODQ0IDI2IDE2IEMgMjYgMjEuNTM1MTU2IDIxLjUzNTE1NiAyNiAxNiAyNiBDIDEwLjQ2NDg0NCAyNiA2IDIxLjUzNTE1NiA2IDE2IEMgNiAxMC40NjQ4NDQgMTAuNDY0ODQ0IDYgMTYgNiBaIE0gMTEuNSAxMiBDIDEwLjY3MTg3NSAxMiAxMCAxMi42NzE4NzUgMTAgMTMuNSBDIDEwIDE0LjMyODEyNSAxMC42NzE4NzUgMTUgMTEuNSAxNSBDIDEyLjMyODEyNSAxNSAxMyAxNC4zMjgxMjUgMTMgMTMuNSBDIDEzIDEyLjY3MTg3NSAxMi4zMjgxMjUgMTIgMTEuNSAxMiBaIE0gMjAuNSAxMiBDIDE5LjY3MTg3NSAxMiAxOSAxMi42NzE4NzUgMTkgMTMuNSBDIDE5IDE0LjMyODEyNSAxOS42NzE4NzUgMTUgMjAuNSAxNSBDIDIxLjMyODEyNSAxNSAyMiAxNC4zMjgxMjUgMjIgMTMuNSBDIDIyIDEyLjY3MTg3NSAyMS4zMjgxMjUgMTIgMjAuNSAxMiBaIE0gMTAuODEyNSAxOSBMIDkuMDkzNzUgMjAgQyAxMC40NzY1NjMgMjIuMzg2NzE5IDEzLjA0Njg3NSAyNCAxNiAyNCBDIDE4Ljk1MzEyNSAyNCAyMS41MjM0MzggMjIuMzg2NzE5IDIyLjkwNjI1IDIwIEwgMjEuMTg3NSAxOSBDIDIwLjE0ODQzOCAyMC43OTI5NjkgMTguMjI2NTYzIDIyIDE2IDIyIEMgMTMuNzczNDM4IDIyIDExLjg1MTU2MyAyMC43OTI5NjkgMTAuODEyNSAxOSBaIi8+PC9zdmc+";
+function qf(f) {
   return f.split("-").map((e) => parseInt(e, 16)).map((e) => String.fromCodePoint(e)).join("");
 }
-function Fa(f, e, A, n = []) {
+function b1(f, e, A, n = []) {
   const a = {};
   return Object.keys(f).forEach((i) => {
     if (n.includes(i))
@@ -13294,158 +13432,158 @@ function Fa(f, e, A, n = []) {
     const t = [];
     f[i].forEach((o) => {
       var r;
-      if (o[Ff][0].includes(e.toLocaleLowerCase())) {
-        let u = o[qe];
-        if (A !== Rf && Array.isArray(o[Cf])) {
-          const c = ((r = o[Cf]) == null ? void 0 : r.findIndex(
-            (s) => s.includes(A)
+      if (o[Hf][0].includes(e.toLocaleLowerCase())) {
+        let u = o[Ze];
+        if (A !== Ff && Array.isArray(o[Qf])) {
+          const d = ((r = o[Qf]) == null ? void 0 : r.findIndex(
+            (l) => l.includes(A)
           )) || -1;
-          c !== -1 && o[Cf] && (u = o[Cf][c]);
+          d !== -1 && o[Qf] && (u = o[Qf][d]);
         }
         return t.push({
           ...o,
-          [Df]: u
+          [wf]: u
         });
       }
     }), t.length && (a[i] = t);
   }), a;
 }
-function AA() {
+function oA() {
   var f;
   return (((f = navigator == null ? void 0 : navigator.userAgentData) == null ? void 0 : f.platform) || (navigator == null ? void 0 : navigator.platform) || "unknown").toUpperCase().indexOf("MAC") !== -1;
 }
-function nA(f) {
+function rA(f) {
   return f.replace(
     /^_*(.)|_+(.)/g,
     (e, A, n) => A ? A.toUpperCase() : " " + n.toUpperCase()
   );
 }
-var Ef = (f, e) => {
+var zf = (f, e) => {
   const A = f.__vccOpts || f;
   for (const [n, a] of e)
     A[n] = a;
   return A;
 };
-const Wa = Vf({
+const y1 = Ef({
   name: "Body",
   emits: {
     select: (f) => !0
   },
   setup() {
-    const { state: f, updateEmoji: e, updateSelect: A } = Jf("store"), n = V(null), a = z(() => Fa(
+    const { state: f, updateEmoji: e, updateSelect: A } = Zf("store"), n = y(null), a = x(() => b1(
       f.emojis,
       f.search,
       f.skinTone,
       f.options.disabledGroups
-    )), i = cA(), t = z(() => !f.options.hideGroupNames), o = z(() => !f.options.disableStickyGroupNames), r = Qe(f.options.groupNames), u = f.orderedGroupKeys;
-    f.options.additionalGroups && Object.keys(f.options.additionalGroups).map((m) => {
-      f.options.groupNames[m] ? r[m] = f.options.groupNames[m] : r[m] = nA(m);
+    )), i = mA(), t = x(() => !f.options.hideGroupNames), o = x(() => !f.options.disableStickyGroupNames), r = qe(f.options.groupNames), u = f.orderedGroupKeys;
+    f.options.additionalGroups && Object.keys(f.options.additionalGroups).map((c) => {
+      f.options.groupNames[c] ? r[c] = f.options.groupNames[c] : r[c] = rA(c);
     });
-    const c = AA() ? "is-mac" : "";
-    function s(m) {
-      e(m);
+    const d = oA() ? "is-mac" : "";
+    function l(c) {
+      e(c);
     }
-    function g(m) {
-      A(m), i == null || i.emit("select", {
-        ...m,
+    function m(c) {
+      A(c), i == null || i.emit("select", {
+        ...c,
         t: f.skinTone,
-        i: Bf(m.r)
+        i: qf(c.r)
       });
     }
-    function b(m, y) {
-      var p;
-      const I = (p = m == null ? void 0 : m.target) == null ? void 0 : p.closest("button");
-      I && (I.innerHTML = `<span>${Bf(y)}</span>`);
+    function b(c, p) {
+      var h;
+      const v = (h = c == null ? void 0 : c.target) == null ? void 0 : h.closest("button");
+      v && (v.innerHTML = `<span>${qf(p)}</span>`);
     }
-    return ae(
+    return Pf(
       () => f.activeGroup,
       () => {
-        var m;
-        const y = (m = n.value) == null ? void 0 : m.querySelector("#" + f.activeGroup);
-        y && (y.parentNode.scrollTop = y.offsetTop - y.parentNode.offsetTop);
+        var c;
+        const p = (c = n.value) == null ? void 0 : c.querySelector("#" + f.activeGroup);
+        p && (p.parentNode.scrollTop = p.offsetTop - p.parentNode.offsetTop);
       }
     ), {
       emojis: a,
       bodyInner: n,
-      EMOJI_REMOTE_SRC: Ye,
-      GROUP_NAMES: Re,
-      handleClick: g,
+      EMOJI_REMOTE_SRC: We,
+      GROUP_NAMES: Ke,
+      handleClick: m,
       handleError: b,
-      handleMouseEnter: s,
+      handleMouseEnter: l,
       native: f.options.native,
-      unicodeToEmoji: Bf,
-      EMOJI_RESULT_KEY: Df,
-      EMOJI_NAME_KEY: Ff,
+      unicodeToEmoji: qf,
+      EMOJI_RESULT_KEY: wf,
+      EMOJI_NAME_KEY: Hf,
       hasGroupNames: t,
       isSticky: o,
-      platform: c,
+      platform: d,
       groupNames: r,
       orderedKeys: u
     };
   }
-}), Ka = { class: "v3-body" }, Za = ["id"], Ha = { class: "v3-emojis" }, Pa = ["onMouseenter", "onClick"], Ga = { key: 0 }, Xa = ["src", "alt", "onError"], $a = {
+}), I1 = { class: "v3-body" }, v1 = ["id"], N1 = { class: "v3-emojis" }, D1 = ["onMouseenter", "onClick"], w1 = { key: 0 }, _1 = ["src", "alt", "onError"], j1 = {
   key: 1,
   class: "v3-no-result"
 };
-function f1(f, e, A, n, a, i) {
-  return d(), M("div", Ka, [
-    l("div", {
+function V1(f, e, A, n, a, i) {
+  return g(), M("div", I1, [
+    s("div", {
       ref: "bodyInner",
-      class: C([f.platform, "v3-body-inner"])
+      class: U([f.platform, "v3-body-inner"])
     }, [
-      f.orderedKeys.length ? (d(!0), M(G, { key: 0 }, of(f.orderedKeys, (t) => (d(), M("div", {
+      f.orderedKeys.length ? (g(!0), M(P, { key: 0 }, X(f.orderedKeys, (t) => (g(), M("div", {
         id: t,
         key: t,
         class: "v3-group"
       }, [
-        f.hasGroupNames ? tf((d(), M("h5", {
+        f.hasGroupNames ? W((g(), M("h5", {
           key: 0,
-          class: C(f.isSticky ? "v3-sticky" : "")
-        }, _(f.groupNames[t]), 3)), [
-          [Yf, f.emojis[t]]
-        ]) : U("", !0),
-        tf(l("div", Ha, [
-          (d(!0), M(G, null, of(f.emojis[t], (o) => (d(), M("button", {
+          class: U(f.isSticky ? "v3-sticky" : "")
+        }, N(f.groupNames[t]), 3)), [
+          [cf, f.emojis[t]]
+        ]) : k("", !0),
+        W(s("div", N1, [
+          (g(!0), M(P, null, X(f.emojis[t], (o) => (g(), M("button", {
             key: o.r,
             type: "button",
             onMouseenter: (r) => f.handleMouseEnter(o),
             onClick: (r) => f.handleClick(o)
           }, [
-            f.native ? (d(), M("span", Ga, _(f.unicodeToEmoji(o.r)), 1)) : (d(), M("img", {
+            f.native ? (g(), M("span", w1, N(f.unicodeToEmoji(o.r)), 1)) : (g(), M("img", {
               key: 1,
               src: f.EMOJI_REMOTE_SRC + `/${o.r}.png`,
               alt: o.n[0],
               onError: (r) => f.handleError(r, o.r)
-            }, null, 40, Xa))
-          ], 40, Pa))), 128))
+            }, null, 40, _1))
+          ], 40, D1))), 128))
         ], 512), [
-          [Yf, f.emojis[t]]
+          [cf, f.emojis[t]]
         ])
-      ], 8, Za))), 128)) : (d(), M("span", $a, " No emoji has been found! "))
+      ], 8, v1))), 128)) : (g(), M("span", j1, " No emoji has been found! "))
     ], 2)
   ]);
 }
-var e1 = /* @__PURE__ */ Ef(Wa, [["render", f1]]), A1 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMi41IDUgQyAxMS40Mjk2ODggNSAxMC41IDUuNjA5Mzc1IDkuOTA2MjUgNi40Mzc1IEMgOS4zMTI1IDcuMjY1NjI1IDkgOC4zMzk4NDQgOSA5LjUgQyA5IDEwLjY2MDE1NiA5LjMxMjUgMTEuNzM0Mzc1IDkuOTA2MjUgMTIuNTYyNSBDIDEwLjUgMTMuMzkwNjI1IDExLjQyOTY4OCAxNCAxMi41IDE0IEMgMTMuNTcwMzEzIDE0IDE0LjUgMTMuMzkwNjI1IDE1LjA5Mzc1IDEyLjU2MjUgQyAxNS42ODc1IDExLjczNDM3NSAxNiAxMC42NjAxNTYgMTYgOS41IEMgMTYgOC4zMzk4NDQgMTUuNjg3NSA3LjI2NTYyNSAxNS4wOTM3NSA2LjQzNzUgQyAxNC41IDUuNjA5Mzc1IDEzLjU3MDMxMyA1IDEyLjUgNSBaIE0gMTYgOS41IEMgMTYgMTAuNjYwMTU2IDE2LjMxMjUgMTEuNzM0Mzc1IDE2LjkwNjI1IDEyLjU2MjUgQyAxNy41IDEzLjM5MDYyNSAxOC40Mjk2ODggMTQgMTkuNSAxNCBDIDIwLjU3MDMxMyAxNCAyMS41IDEzLjM5MDYyNSAyMi4wOTM3NSAxMi41NjI1IEMgMjIuNjg3NSAxMS43MzQzNzUgMjMgMTAuNjYwMTU2IDIzIDkuNSBDIDIzIDguMzM5ODQ0IDIyLjY4NzUgNy4yNjU2MjUgMjIuMDkzNzUgNi40Mzc1IEMgMjEuNSA1LjYwOTM3NSAyMC41NzAzMTMgNSAxOS41IDUgQyAxOC40Mjk2ODggNSAxNy41IDUuNjA5Mzc1IDE2LjkwNjI1IDYuNDM3NSBDIDE2LjMxMjUgNy4yNjU2MjUgMTYgOC4zMzk4NDQgMTYgOS41IFogTSAxMi41IDcgQyAxMi44MTI1IDcgMTMuMTU2MjUgNy4xNTYyNSAxMy40Njg3NSA3LjU5Mzc1IEMgMTMuNzgxMjUgOC4wMzEyNSAxNCA4LjcyNjU2MyAxNCA5LjUgQyAxNCAxMC4yNzM0MzggMTMuNzgxMjUgMTAuOTY4NzUgMTMuNDY4NzUgMTEuNDA2MjUgQyAxMy4xNTYyNSAxMS44NDM3NSAxMi44MTI1IDEyIDEyLjUgMTIgQyAxMi4xODc1IDEyIDExLjg0Mzc1IDExLjg0Mzc1IDExLjUzMTI1IDExLjQwNjI1IEMgMTEuMjE4NzUgMTAuOTY4NzUgMTEgMTAuMjczNDM4IDExIDkuNSBDIDExIDguNzI2NTYzIDExLjIxODc1IDguMDMxMjUgMTEuNTMxMjUgNy41OTM3NSBDIDExLjg0Mzc1IDcuMTU2MjUgMTIuMTg3NSA3IDEyLjUgNyBaIE0gMTkuNSA3IEMgMTkuODEyNSA3IDIwLjE1NjI1IDcuMTU2MjUgMjAuNDY4NzUgNy41OTM3NSBDIDIwLjc4MTI1IDguMDMxMjUgMjEgOC43MjY1NjMgMjEgOS41IEMgMjEgMTAuMjczNDM4IDIwLjc4MTI1IDEwLjk2ODc1IDIwLjQ2ODc1IDExLjQwNjI1IEMgMjAuMTU2MjUgMTEuODQzNzUgMTkuODEyNSAxMiAxOS41IDEyIEMgMTkuMTg3NSAxMiAxOC44NDM3NSAxMS44NDM3NSAxOC41MzEyNSAxMS40MDYyNSBDIDE4LjIxODc1IDEwLjk2ODc1IDE4IDEwLjI3MzQzOCAxOCA5LjUgQyAxOCA4LjcyNjU2MyAxOC4yMTg3NSA4LjAzMTI1IDE4LjUzMTI1IDcuNTkzNzUgQyAxOC44NDM3NSA3LjE1NjI1IDE5LjE4NzUgNyAxOS41IDcgWiBNIDcuNSAxMiBDIDYuNDI5Njg4IDEyIDUuNSAxMi42MDkzNzUgNC45MDYyNSAxMy40Mzc1IEMgNC4zMTI1IDE0LjI2NTYyNSA0IDE1LjMzOTg0NCA0IDE2LjUgQyA0IDE3LjY2MDE1NiA0LjMxMjUgMTguNzM0Mzc1IDQuOTA2MjUgMTkuNTYyNSBDIDUuNSAyMC4zOTA2MjUgNi40Mjk2ODggMjEgNy41IDIxIEMgOC41NzAzMTMgMjEgOS41IDIwLjM5MDYyNSAxMC4wOTM3NSAxOS41NjI1IEMgMTAuNjg3NSAxOC43MzQzNzUgMTEgMTcuNjYwMTU2IDExIDE2LjUgQyAxMSAxNS4zMzk4NDQgMTAuNjg3NSAxNC4yNjU2MjUgMTAuMDkzNzUgMTMuNDM3NSBDIDkuNSAxMi42MDkzNzUgOC41NzAzMTMgMTIgNy41IDEyIFogTSAyNC41IDEyIEMgMjMuNDI5Njg4IDEyIDIyLjUgMTIuNjA5Mzc1IDIxLjkwNjI1IDEzLjQzNzUgQyAyMS4zMTI1IDE0LjI2NTYyNSAyMSAxNS4zMzk4NDQgMjEgMTYuNSBDIDIxIDE3LjY2MDE1NiAyMS4zMTI1IDE4LjczNDM3NSAyMS45MDYyNSAxOS41NjI1IEMgMjIuNSAyMC4zOTA2MjUgMjMuNDI5Njg4IDIxIDI0LjUgMjEgQyAyNS41NzAzMTMgMjEgMjYuNSAyMC4zOTA2MjUgMjcuMDkzNzUgMTkuNTYyNSBDIDI3LjY4NzUgMTguNzM0Mzc1IDI4IDE3LjY2MDE1NiAyOCAxNi41IEMgMjggMTUuMzM5ODQ0IDI3LjY4NzUgMTQuMjY1NjI1IDI3LjA5Mzc1IDEzLjQzNzUgQyAyNi41IDEyLjYwOTM3NSAyNS41NzAzMTMgMTIgMjQuNSAxMiBaIE0gNy41IDE0IEMgNy44MTI1IDE0IDguMTU2MjUgMTQuMTU2MjUgOC40Njg3NSAxNC41OTM3NSBDIDguNzgxMjUgMTUuMDMxMjUgOSAxNS43MjY1NjMgOSAxNi41IEMgOSAxNy4yNzM0MzggOC43ODEyNSAxNy45Njg3NSA4LjQ2ODc1IDE4LjQwNjI1IEMgOC4xNTYyNSAxOC44NDM3NSA3LjgxMjUgMTkgNy41IDE5IEMgNy4xODc1IDE5IDYuODQzNzUgMTguODQzNzUgNi41MzEyNSAxOC40MDYyNSBDIDYuMjE4NzUgMTcuOTY4NzUgNiAxNy4yNzM0MzggNiAxNi41IEMgNiAxNS43MjY1NjMgNi4yMTg3NSAxNS4wMzEyNSA2LjUzMTI1IDE0LjU5Mzc1IEMgNi44NDM3NSAxNC4xNTYyNSA3LjE4NzUgMTQgNy41IDE0IFogTSAyNC41IDE0IEMgMjQuODEyNSAxNCAyNS4xNTYyNSAxNC4xNTYyNSAyNS40Njg3NSAxNC41OTM3NSBDIDI1Ljc4MTI1IDE1LjAzMTI1IDI2IDE1LjcyNjU2MyAyNiAxNi41IEMgMjYgMTcuMjczNDM4IDI1Ljc4MTI1IDE3Ljk2ODc1IDI1LjQ2ODc1IDE4LjQwNjI1IEMgMjUuMTU2MjUgMTguODQzNzUgMjQuODEyNSAxOSAyNC41IDE5IEMgMjQuMTg3NSAxOSAyMy44NDM3NSAxOC44NDM3NSAyMy41MzEyNSAxOC40MDYyNSBDIDIzLjIxODc1IDE3Ljk2ODc1IDIzIDE3LjI3MzQzOCAyMyAxNi41IEMgMjMgMTUuNzI2NTYzIDIzLjIxODc1IDE1LjAzMTI1IDIzLjUzMTI1IDE0LjU5Mzc1IEMgMjMuODQzNzUgMTQuMTU2MjUgMjQuMTg3NSAxNCAyNC41IDE0IFogTSAxNiAxNiBDIDE0LjY2Nzk2OSAxNiAxMy43MzgyODEgMTYuODY3MTg4IDEzLjI4MTI1IDE3LjYyNSBDIDEyLjgyNDIxOSAxOC4zODI4MTMgMTIuNTQ2ODc1IDE5LjAxNTYyNSAxMi4yODEyNSAxOS4yODEyNSBDIDEyLjEyNSAxOS40Mzc1IDExLjE2MDE1NiAxOS44MDA3ODEgMTAuMTU2MjUgMjAuMzEyNSBDIDkuNjUyMzQ0IDIwLjU3MDMxMyA5LjE0NDUzMSAyMC45MTQwNjMgOC43MTg3NSAyMS40Mzc1IEMgOC4yOTI5NjkgMjEuOTYwOTM4IDggMjIuNjg3NSA4IDIzLjUgQyA4IDI1LjQyMTg3NSA5LjU3ODEyNSAyNyAxMS41IDI3IEMgMTIuMzY3MTg4IDI3IDEzLjI2OTUzMSAyNi43MjI2NTYgMTQuMTU2MjUgMjYuNDY4NzUgQyAxNS4wNDI5NjkgMjYuMjE0ODQ0IDE2IDI2IDE2IDI2IEMgMTYgMjYgMTYuOTU3MDMxIDI2LjIxNDg0NCAxNy44NDM3NSAyNi40Njg3NSBDIDE4LjczMDQ2OSAyNi43MjI2NTYgMTkuNjMyODEzIDI3IDIwLjUgMjcgQyAyMi40MjE4NzUgMjcgMjQgMjUuNDIxODc1IDI0IDIzLjUgQyAyNCAyMi43MDcwMzEgMjMuNzA3MDMxIDIxLjk4MDQ2OSAyMy4yODEyNSAyMS40Njg3NSBDIDIyLjg1NTQ2OSAyMC45NTcwMzEgMjIuMzQzNzUgMjAuNjQwNjI1IDIxLjg0Mzc1IDIwLjM3NSBDIDIwLjg0Mzc1IDE5Ljg0Mzc1IDE5Ljg1OTM3NSAxOS40MjE4NzUgMTkuNzE4NzUgMTkuMjgxMjUgQyAxOS40ODA0NjkgMTkuMDQyOTY5IDE5LjIxMDkzOCAxOC4zOTA2MjUgMTguNzUgMTcuNjI1IEMgMTguMjg5MDYzIDE2Ljg1OTM3NSAxNy4zMzk4NDQgMTYgMTYgMTYgWiBNIDE2IDE4IEMgMTYuNjYwMTU2IDE4IDE2LjczNDM3NSAxOC4xNjAxNTYgMTcuMDMxMjUgMTguNjU2MjUgQyAxNy4zMjgxMjUgMTkuMTUyMzQ0IDE3LjU1NDY4OCAxOS45OTIxODggMTguMjgxMjUgMjAuNzE4NzUgQyAxOS4xMDU0NjkgMjEuNTQyOTY5IDIwLjE0ODQzOCAyMS43MjI2NTYgMjAuOTA2MjUgMjIuMTI1IEMgMjEuMjg1MTU2IDIyLjMyODEyNSAyMS41NzgxMjUgMjIuNTQyOTY5IDIxLjc1IDIyLjc1IEMgMjEuOTIxODc1IDIyLjk1NzAzMSAyMiAyMy4xNDg0MzggMjIgMjMuNSBDIDIyIDI0LjMzOTg0NCAyMS4zMzk4NDQgMjUgMjAuNSAyNSBDIDIwLjIxMDkzOCAyNSAxOS4yNzczNDQgMjQuNzc3MzQ0IDE4LjQwNjI1IDI0LjUzMTI1IEMgMTcuNTM1MTU2IDI0LjI4NTE1NiAxNi44MTY0MDYgMjQgMTYgMjQgQyAxNS4xODM1OTQgMjQgMTQuNDY0ODQ0IDI0LjI4NTE1NiAxMy41OTM3NSAyNC41MzEyNSBDIDEyLjcyMjY1NiAyNC43NzczNDQgMTEuNzg5MDYzIDI1IDExLjUgMjUgQyAxMC42NjAxNTYgMjUgMTAgMjQuMzM5ODQ0IDEwIDIzLjUgQyAxMCAyMy4wOTc2NTYgMTAuMDgyMDMxIDIyLjg5MDYyNSAxMC4yNSAyMi42ODc1IEMgMTAuNDE3OTY5IDIyLjQ4NDM3NSAxMC43MjI2NTYgMjIuMjg1MTU2IDExLjA5Mzc1IDIyLjA5Mzc1IEMgMTEuODM5ODQ0IDIxLjcxNDg0NCAxMi44NzUgMjEuNTYyNSAxMy43MTg3NSAyMC43MTg3NSBDIDE0LjQ1MzEyNSAxOS45ODQzNzUgMTQuNjc1NzgxIDE5LjExNzE4OCAxNC45Njg3NSAxOC42MjUgQyAxNS4yNjE3MTkgMTguMTMyODEzIDE1LjMzMjAzMSAxOCAxNiAxOCBaIi8+PC9zdmc+", n1 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMSAzIEwgMTEgNyBMIDEzIDcgTCAxMyAzIFogTSAxNSA0IEwgMTUgNyBMIDE3IDcgTCAxNyA0IFogTSA0Ljg3NSA4IEwgNSA5LjA5Mzc1IEwgNi44MTI1IDI2LjMxMjUgQyA2Ljk3MjY1NiAyNy44MzIwMzEgOC4yODUxNTYgMjkgOS44MTI1IDI5IEwgMTkuMTg3NSAyOSBDIDIwLjcxNDg0NCAyOSAyMi4wMjczNDQgMjcuODMyMDMxIDIyLjE4NzUgMjYuMzEyNSBMIDIyLjY1NjI1IDIyIEwgMjUgMjIgQyAyNi42NDQ1MzEgMjIgMjggMjAuNjQ0NTMxIDI4IDE5IEwgMjggMTYgQyAyOCAxNC4zNTU0NjkgMjYuNjQ0NTMxIDEzIDI1IDEzIEwgMjMuNTkzNzUgMTMgTCAyNCA5LjA5Mzc1IEwgMjQuMTI1IDggWiBNIDcuMTI1IDEwIEwgMjEuODc1IDEwIEwgMjAuMTg3NSAyNi4wOTM3NSBDIDIwLjEzMjgxMyAyNi42MTMyODEgMTkuNzA3MDMxIDI3IDE5LjE4NzUgMjcgTCA5LjgxMjUgMjcgQyA5LjI5Mjk2OSAyNyA4Ljg2NzE4OCAyNi42MTMyODEgOC44MTI1IDI2LjA5Mzc1IFogTSAyMy4zNzUgMTUgTCAyNSAxNSBDIDI1LjU2NjQwNiAxNSAyNiAxNS40MzM1OTQgMjYgMTYgTCAyNiAxOSBDIDI2IDE5LjU2NjQwNiAyNS41NjY0MDYgMjAgMjUgMjAgTCAyMi44NDM3NSAyMCBaIi8+PC9zdmc+", a1 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiAzIEMgOC44MzIwMzEgMyAzIDguODMyMDMxIDMgMTYgQyAzIDIzLjE2Nzk2OSA4LjgzMjAzMSAyOSAxNiAyOSBDIDIzLjE2Nzk2OSAyOSAyOSAyMy4xNjc5NjkgMjkgMTYgQyAyOSA4LjgzMjAzMSAyMy4xNjc5NjkgMyAxNiAzIFogTSAxNiA1IEMgMTYuNjAxNTYzIDUgMTcuMTc1NzgxIDUuMDYyNSAxNy43NSA1LjE1NjI1IEwgMTYgNi40MDYyNSBMIDE0LjI1IDUuMTU2MjUgQyAxNC44MjAzMTMgNS4wNjY0MDYgMTUuNDAyMzQ0IDUgMTYgNSBaIE0gMTEuODEyNSA1Ljg0Mzc1IEwgMTUuNDA2MjUgOC40Njg3NSBMIDE2IDguOTA2MjUgTCAxNi41OTM3NSA4LjQ2ODc1IEwgMjAuMTg3NSA1Ljg0Mzc1IEMgMjEuNzg1MTU2IDYuNTA3ODEzIDIzLjE5NTMxMyA3LjUyMzQzOCAyNC4zMTI1IDguODEyNSBMIDIyLjkzNzUgMTMuMDkzNzUgTCAyMi43MTg3NSAxMy43ODEyNSBMIDIzLjMxMjUgMTQuMTg3NSBMIDI2LjkzNzUgMTYuODQzNzUgQyAyNi44MDQ2ODggMTguNjA1NDY5IDI2LjI2NTYyNSAyMC4yNTc4MTMgMjUuNDA2MjUgMjEuNjg3NSBMIDIwLjEyNSAyMS42ODc1IEwgMTkuOTA2MjUgMjIuMzc1IEwgMTguNSAyNi43MTg3NSBDIDE3LjY5OTIxOSAyNi45MDYyNSAxNi44NTkzNzUgMjcgMTYgMjcgQyAxNS4xMDU0NjkgMjcgMTQuMjM4MjgxIDI2Ljg4NjcxOSAxMy40MDYyNSAyNi42ODc1IEwgMTIuMDMxMjUgMjIuNDA2MjUgTCAxMS44MTI1IDIxLjcxODc1IEwgNi41OTM3NSAyMS43MTg3NSBDIDUuNzE4NzUgMjAuMjgxMjUgNS4xOTkyMTkgMTguNjIxMDk0IDUuMDYyNSAxNi44NDM3NSBMIDguNjU2MjUgMTQuMjE4NzUgTCA5LjI1IDEzLjgxMjUgTCA5LjAzMTI1IDEzLjEyNSBMIDcuNjI1IDguODc1IEMgOC43NSA3LjU1NDY4OCAxMC4xODM1OTQgNi41MTU2MjUgMTEuODEyNSA1Ljg0Mzc1IFogTSAxNiAxMC4wOTM3NSBMIDE1LjQwNjI1IDEwLjUzMTI1IEwgMTAuODQzNzUgMTMuODQzNzUgTCAxMC4yODEyNSAxNC4yODEyNSBMIDEwLjUgMTQuOTY4NzUgTCAxMi4yNSAyMC4zMTI1IEwgMTIuNDY4NzUgMjEgTCAxOS41MzEyNSAyMSBMIDE5Ljc1IDIwLjMxMjUgTCAyMS41IDE0Ljk2ODc1IEwgMjEuNzE4NzUgMTQuMjgxMjUgTCAyMS4xNTYyNSAxMy44NDM3NSBMIDE2LjU5Mzc1IDEwLjUzMTI1IFogTSAyNS43NSAxMC45MDYyNSBDIDI2LjI5Njg3NSAxMS45NTMxMjUgMjYuNjU2MjUgMTMuMTAxNTYzIDI2Ljg0Mzc1IDE0LjMxMjUgTCAyNS4wNjI1IDEzLjAzMTI1IFogTSA2LjIxODc1IDEwLjk2ODc1IEwgNi45MDYyNSAxMy4wMzEyNSBMIDUuMTU2MjUgMTQuMzEyNSBDIDUuMzM5ODQ0IDEzLjEyNSA1LjY4NzUgMTIgNi4yMTg3NSAxMC45Njg3NSBaIE0gMTYgMTIuNTkzNzUgTCAxOS4zNzUgMTUuMDMxMjUgTCAxOC4wOTM3NSAxOSBMIDEzLjkwNjI1IDE5IEwgMTIuNjI1IDE1LjAzMTI1IFogTSAyMS41OTM3NSAyMy42ODc1IEwgMjMuODQzNzUgMjMuNjg3NSBDIDIyLjk5MjE4OCAyNC41NjY0MDYgMjIuMDExNzE5IDI1LjI5Mjk2OSAyMC45MDYyNSAyNS44NDM3NSBaIE0gOC4xNTYyNSAyMy43MTg3NSBMIDEwLjM0Mzc1IDIzLjcxODc1IEwgMTEuMDMxMjUgMjUuODEyNSBDIDkuOTYwOTM4IDI1LjI2OTUzMSA4Ljk4ODI4MSAyNC41NjI1IDguMTU2MjUgMjMuNzE4NzUgWiIvPjwvc3ZnPg==", t1 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSA5LjUgNiBDIDguMTc5Njg4IDYgNy4wMDM5MDYgNi44NTkzNzUgNi42MjUgOC4xMjUgTCA1LjI1IDEyLjcxODc1IEwgMy4zMTI1IDEyLjA2MjUgTCAyLjY4NzUgMTMuOTM3NSBMIDQuNjU2MjUgMTQuNTkzNzUgTCA0LjAzMTI1IDE2LjcxODc1IEMgNC4wMDc4MTMgMTYuODA4NTk0IDMuOTk2MDk0IDE2LjkwNjI1IDQgMTcgTCA0IDI0IEMgNCAyNC4wMzEyNSA0IDI0LjA2MjUgNCAyNC4wOTM3NSBMIDQgMjUgQyA0IDI1LjU1MDc4MSA0LjQ0OTIxOSAyNiA1IDI2IEwgOCAyNiBMIDguMzQzNzUgMjUgTCAyMy42NTYyNSAyNSBMIDI0IDI2IEwgMjcgMjYgQyAyNy41NTA3ODEgMjYgMjggMjUuNTUwNzgxIDI4IDI1IEwgMjggMjQuMTU2MjUgQyAyOC4wMDM5MDYgMjQuMTA1NDY5IDI4LjAwMzkwNiAyNC4wNTA3ODEgMjggMjQgTCAyOCAxNyBDIDI4LjAwMzkwNiAxNi45MDYyNSAyNy45OTIxODggMTYuODA4NTk0IDI3Ljk2ODc1IDE2LjcxODc1IEwgMjcuMzQzNzUgMTQuNTkzNzUgTCAyOS4zMTI1IDEzLjkzNzUgTCAyOC42ODc1IDEyLjA2MjUgTCAyNi43NSAxMi43MTg3NSBMIDI1LjM3NSA4LjEyNSBDIDI0Ljk5NjA5NCA2Ljg1OTM3NSAyMy44MjAzMTMgNiAyMi41IDYgWiBNIDkuNSA4IEwgMjIuNSA4IEMgMjIuOTQ1MzEzIDggMjMuMzM5ODQ0IDguMjkyOTY5IDIzLjQ2ODc1IDguNzE4NzUgTCAyNC43NSAxMyBMIDcuMjUgMTMgTCA4LjUzMTI1IDguNzE4NzUgQyA4LjY2MDE1NiA4LjI4OTA2MyA5LjA1NDY4OCA4IDkuNSA4IFogTSA2LjY1NjI1IDE1IEwgMjUuMzQzNzUgMTUgTCAyNiAxNy4xODc1IEwgMjYgMjMgTCA2IDIzIEwgNiAxNy4xODc1IFogTSA4LjUgMTYgQyA3LjY3MTg3NSAxNiA3IDE2LjY3MTg3NSA3IDE3LjUgQyA3IDE4LjMyODEyNSA3LjY3MTg3NSAxOSA4LjUgMTkgQyA5LjMyODEyNSAxOSAxMCAxOC4zMjgxMjUgMTAgMTcuNSBDIDEwIDE2LjY3MTg3NSA5LjMyODEyNSAxNiA4LjUgMTYgWiBNIDIzLjUgMTYgQyAyMi42NzE4NzUgMTYgMjIgMTYuNjcxODc1IDIyIDE3LjUgQyAyMiAxOC4zMjgxMjUgMjIuNjcxODc1IDE5IDIzLjUgMTkgQyAyNC4zMjgxMjUgMTkgMjUgMTguMzI4MTI1IDI1IDE3LjUgQyAyNSAxNi42NzE4NzUgMjQuMzI4MTI1IDE2IDIzLjUgMTYgWiBNIDEyIDE5IEwgMTAuNzUgMjIgTCAxMi45MDYyNSAyMiBMIDEzLjM0Mzc1IDIxIEwgMTguNjU2MjUgMjEgTCAxOS4wOTM3NSAyMiBMIDIxLjI1IDIyIEwgMjAgMTkgWiIvPjwvc3ZnPg==", i1 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgMTEuMDQyOTY5IDQgNyA4LjA0Mjk2OSA3IDEzIEMgNyAxNC45MTc5NjkgNy44NDM3NSAxNi45MDYyNSA5IDE4LjY4NzUgQyA5Ljg1OTM3NSAyMC4wMTE3MTkgMTAuODg2NzE5IDIxLjIzMDQ2OSAxMiAyMi4xNTYyNSBMIDEyIDI1IEMgMTIgMjYuMDkzNzUgMTIuOTA2MjUgMjcgMTQgMjcgTCAxNSAyOCBMIDE3IDI4IEwgMTggMjcgQyAxOS4wOTM3NSAyNyAyMCAyNi4wOTM3NSAyMCAyNSBMIDIwIDIyLjE1NjI1IEMgMjEuMTEzMjgxIDIxLjIzMDQ2OSAyMi4xNDA2MjUgMjAuMDExNzE5IDIzIDE4LjY4NzUgQyAyNC4xNTYyNSAxNi45MDYyNSAyNSAxNC45MTc5NjkgMjUgMTMgQyAyNSA4LjA0Mjk2OSAyMC45NTcwMzEgNCAxNiA0IFogTSAxNiA2IEMgMTkuODc4OTA2IDYgMjMgOS4xMjEwOTQgMjMgMTMgQyAyMyAxNC4zMDg1OTQgMjIuMzU1NDY5IDE2LjAzNTE1NiAyMS4zNDM3NSAxNy41OTM3NSBDIDIwLjQ0MTQwNiAxOC45ODQzNzUgMTkuMjUzOTA2IDIwLjIyMjY1NiAxOC4xNTYyNSAyMSBMIDEzLjg0Mzc1IDIxIEMgMTIuNzQ2MDk0IDIwLjIyMjY1NiAxMS41NTg1OTQgMTguOTg0Mzc1IDEwLjY1NjI1IDE3LjU5Mzc1IEMgOS42NDQ1MzEgMTYuMDM1MTU2IDkgMTQuMzA4NTk0IDkgMTMgQyA5IDkuMTIxMDk0IDEyLjEyMTA5NCA2IDE2IDYgWiBNIDE0LjI1IDIzIEwgMTcuNzUgMjMgQyAxNy44MjgxMjUgMjMuMDU0Njg4IDE3LjkxMDE1NiAyMy4wOTM3NSAxOCAyMy4xMjUgTCAxOCAyNSBMIDE0IDI1IEwgMTQgMjMuMTI1IEMgMTQuMDg5ODQ0IDIzLjA5Mzc1IDE0LjE3MTg3NSAyMy4wNTQ2ODggMTQuMjUgMjMgWiIvPjwvc3ZnPg==", o1 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMSA1IEwgMTEgMTEgTCA1IDExIEwgNSAxMyBMIDExIDEzIEwgMTEgMTkgTCA1IDE5IEwgNSAyMSBMIDExIDIxIEwgMTEgMjcgTCAxMyAyNyBMIDEzIDIxIEwgMTkgMjEgTCAxOSAyNyBMIDIxIDI3IEwgMjEgMjEgTCAyNyAyMSBMIDI3IDE5IEwgMjEgMTkgTCAyMSAxMyBMIDI3IDEzIEwgMjcgMTEgTCAyMSAxMSBMIDIxIDUgTCAxOSA1IEwgMTkgMTEgTCAxMyAxMSBMIDEzIDUgWiBNIDEzIDEzIEwgMTkgMTMgTCAxOSAxOSBMIDEzIDE5IFoiLz48L3N2Zz4=", r1 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSA5IDQgQyA3LjM0NiA0IDYgNS4zNDYgNiA3IEMgNiA4LjMwMTYwOTQgNi44Mzg3NDg2IDkuNDAyMTM5MSA4IDkuODE2NDA2MiBMIDggMTEuMzA0Njg4IEwgOCAyMy4yMDcwMzEgTCA4IDI3LjAyMzQzOCBDIDggMjcuNTYzNDM4IDguNDM2NTYyNSAyOCA4Ljk3NjU2MjUgMjggTCA5LjAyMzQzNzUgMjggQyA5LjU2MzQzNzUgMjggMTAgMjcuNTYzNDM3IDEwIDI3LjAyMzQzOCBMIDEwIDIyLjIyODUxNiBDIDEwLjMzNDcwNyAyMS44Mzk3NTYgMTEuMTM4NDIzIDIxLjA0Njg3NSAxMy40NDUzMTIgMjEuMDQ2ODc1IEMgMTQuNjY5MzEzIDIxLjA0Njg3NSAxNS42NzA0MjIgMjEuNDczNzgxIDE2LjczMjQyMiAyMS45MjU3ODEgQyAxNy43Njk0MjIgMjIuMzY3NzgxIDE4Ljg0MTg5MSAyMi44MjQyMTkgMjAuMDg3ODkxIDIyLjgyNDIxOSBDIDIyLjQ0Njg5MSAyMi44MjQyMTkgMjQuMDQ5Mzc1IDIxLjU4NDY4OCAyNC43MzQzNzUgMjEuMDU0Njg4IEwgMjQuODg2NzE5IDIwLjkzOTQ1MyBDIDI1LjQzNzcxOSAyMC41NDA0NTMgMjYgMTkuOTk2IDI2IDE5IEwgMjYgMTAuNjc1NzgxIEMgMjYgOS43Njc3ODEyIDI1LjIyMTgyOCA5IDI0LjI5ODgyOCA5IEMgMjMuODAzODI4IDkgMjMuNDQwNDA2IDkuMjg2NTkzNyAyMi45NDE0MDYgOS42ODM1OTM4IEMgMjIuMjc5NDA2IDEwLjIwNzU5NCAyMS4yODA4OTEgMTEgMjAuMDg3ODkxIDExIEMgMTkuMjcyODkxIDExIDE4LjQ3NzY4OCAxMC42MTk3MzQgMTcuNTU0Njg4IDEwLjE3NzczNCBDIDE2LjQwMzY4NyA5LjYyNTczNDQgMTUuMDk4MzU5IDkgMTMuNDQzMzU5IDkgQyAxMi4zMDgyNTcgOSAxMS40MjE2ODcgOS4xODgzMzkzIDEwLjcxMjg5MSA5LjQ1NzAzMTIgQyAxMS40ODkwNzEgOC45MTQxODI0IDEyIDguMDE2NzgwMiAxMiA3IEMgMTIgNS4zNDYgMTAuNjU0IDQgOSA0IHogTSA5IDYgQyA5LjU1MiA2IDEwIDYuNDQ5IDEwIDcgQyAxMCA3LjU1MSA5LjU1MiA4IDkgOCBDIDguNDQ4IDggOCA3LjU1MSA4IDcgQyA4IDYuNDQ5IDguNDQ4IDYgOSA2IHogTSAxMy40NDMzNTkgMTEgQyAxNC42NDUzNTkgMTEgMTUuNjM4NDA2IDExLjQ3NjQ2OSAxNi42OTE0MDYgMTEuOTgwNDY5IEMgMTcuNzM2NDA2IDEyLjQ4MjQ2OSAxOC44MTc4OTEgMTMgMjAuMDg3ODkxIDEzIEMgMjEuODQyODkxIDEzIDIzLjE1ODA0NyAxMi4wNTQ0ODQgMjMuOTk4MDQ3IDExLjM5NjQ4NCBMIDIzLjk5ODA0NyAxOS4wNjY0MDYgQyAyMy45OTcwNDcgMTkuMDcwNDA2IDIzLjk1Mjk4NCAxOS4xNDUyNjYgMjMuNzA4OTg0IDE5LjMyMjI2NiBMIDIzLjUwOTc2NiAxOS40NzQ2MDkgQyAyMi45NDI3NjYgMTkuOTEyNjA5IDIxLjc2Mjg5MSAyMC44MjQyMTkgMjAuMDg3ODkxIDIwLjgyNDIxOSBDIDE5LjI0OTg5MSAyMC44MjQyMTkgMTguNDQ2NjI1IDIwLjQ4MjkzNyAxNy41MTU2MjUgMjAuMDg1OTM4IEMgMTYuMzcyNjI1IDE5LjU5NzkzOCAxNS4wNzYzNTkgMTkuMDQ0OTIyIDEzLjQ0MzM1OSAxOS4wNDQ5MjIgQyAxMS44OTEzNTkgMTkuMDQ0OTIyIDEwLjc4NiAxOS4zNTggMTAgMTkuNzUgTCAxMCAxMi4zNjEzMjggQyAxMC4zNDUgMTEuOTA1MzI4IDExLjEzMjM1OSAxMSAxMy40NDMzNTkgMTEgeiIvPjwvc3ZnPg==", u1 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgMTEuODMyMDMxIDQgOC4xNTIzNDQgNi4xMTMyODEgNiA5LjM0Mzc1IEwgNiA2IEwgNCA2IEwgNCAxMyBMIDExIDEzIEwgMTEgMTEgTCA3LjM3NSAxMSBDIDkuMTAxNTYzIDguMDE5NTMxIDEyLjI5Njg3NSA2IDE2IDYgQyAyMS41MzUxNTYgNiAyNiAxMC40NjQ4NDQgMjYgMTYgQyAyNiAyMS41MzUxNTYgMjEuNTM1MTU2IDI2IDE2IDI2IEMgMTAuNDY0ODQ0IDI2IDYgMjEuNTM1MTU2IDYgMTYgTCA0IDE2IEMgNCAyMi42MTcxODggOS4zODI4MTMgMjggMTYgMjggQyAyMi42MTcxODggMjggMjggMjIuNjE3MTg4IDI4IDE2IEMgMjggOS4zODI4MTMgMjIuNjE3MTg4IDQgMTYgNCBaIE0gMTUgOCBMIDE1IDE3IEwgMjIgMTcgTCAyMiAxNSBMIDE3IDE1IEwgMTcgOCBaIi8+PC9zdmc+Cg==";
-const s1 = Vf({
+var k1 = /* @__PURE__ */ zf(y1, [["render", V1]]), E1 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMi41IDUgQyAxMS40Mjk2ODggNSAxMC41IDUuNjA5Mzc1IDkuOTA2MjUgNi40Mzc1IEMgOS4zMTI1IDcuMjY1NjI1IDkgOC4zMzk4NDQgOSA5LjUgQyA5IDEwLjY2MDE1NiA5LjMxMjUgMTEuNzM0Mzc1IDkuOTA2MjUgMTIuNTYyNSBDIDEwLjUgMTMuMzkwNjI1IDExLjQyOTY4OCAxNCAxMi41IDE0IEMgMTMuNTcwMzEzIDE0IDE0LjUgMTMuMzkwNjI1IDE1LjA5Mzc1IDEyLjU2MjUgQyAxNS42ODc1IDExLjczNDM3NSAxNiAxMC42NjAxNTYgMTYgOS41IEMgMTYgOC4zMzk4NDQgMTUuNjg3NSA3LjI2NTYyNSAxNS4wOTM3NSA2LjQzNzUgQyAxNC41IDUuNjA5Mzc1IDEzLjU3MDMxMyA1IDEyLjUgNSBaIE0gMTYgOS41IEMgMTYgMTAuNjYwMTU2IDE2LjMxMjUgMTEuNzM0Mzc1IDE2LjkwNjI1IDEyLjU2MjUgQyAxNy41IDEzLjM5MDYyNSAxOC40Mjk2ODggMTQgMTkuNSAxNCBDIDIwLjU3MDMxMyAxNCAyMS41IDEzLjM5MDYyNSAyMi4wOTM3NSAxMi41NjI1IEMgMjIuNjg3NSAxMS43MzQzNzUgMjMgMTAuNjYwMTU2IDIzIDkuNSBDIDIzIDguMzM5ODQ0IDIyLjY4NzUgNy4yNjU2MjUgMjIuMDkzNzUgNi40Mzc1IEMgMjEuNSA1LjYwOTM3NSAyMC41NzAzMTMgNSAxOS41IDUgQyAxOC40Mjk2ODggNSAxNy41IDUuNjA5Mzc1IDE2LjkwNjI1IDYuNDM3NSBDIDE2LjMxMjUgNy4yNjU2MjUgMTYgOC4zMzk4NDQgMTYgOS41IFogTSAxMi41IDcgQyAxMi44MTI1IDcgMTMuMTU2MjUgNy4xNTYyNSAxMy40Njg3NSA3LjU5Mzc1IEMgMTMuNzgxMjUgOC4wMzEyNSAxNCA4LjcyNjU2MyAxNCA5LjUgQyAxNCAxMC4yNzM0MzggMTMuNzgxMjUgMTAuOTY4NzUgMTMuNDY4NzUgMTEuNDA2MjUgQyAxMy4xNTYyNSAxMS44NDM3NSAxMi44MTI1IDEyIDEyLjUgMTIgQyAxMi4xODc1IDEyIDExLjg0Mzc1IDExLjg0Mzc1IDExLjUzMTI1IDExLjQwNjI1IEMgMTEuMjE4NzUgMTAuOTY4NzUgMTEgMTAuMjczNDM4IDExIDkuNSBDIDExIDguNzI2NTYzIDExLjIxODc1IDguMDMxMjUgMTEuNTMxMjUgNy41OTM3NSBDIDExLjg0Mzc1IDcuMTU2MjUgMTIuMTg3NSA3IDEyLjUgNyBaIE0gMTkuNSA3IEMgMTkuODEyNSA3IDIwLjE1NjI1IDcuMTU2MjUgMjAuNDY4NzUgNy41OTM3NSBDIDIwLjc4MTI1IDguMDMxMjUgMjEgOC43MjY1NjMgMjEgOS41IEMgMjEgMTAuMjczNDM4IDIwLjc4MTI1IDEwLjk2ODc1IDIwLjQ2ODc1IDExLjQwNjI1IEMgMjAuMTU2MjUgMTEuODQzNzUgMTkuODEyNSAxMiAxOS41IDEyIEMgMTkuMTg3NSAxMiAxOC44NDM3NSAxMS44NDM3NSAxOC41MzEyNSAxMS40MDYyNSBDIDE4LjIxODc1IDEwLjk2ODc1IDE4IDEwLjI3MzQzOCAxOCA5LjUgQyAxOCA4LjcyNjU2MyAxOC4yMTg3NSA4LjAzMTI1IDE4LjUzMTI1IDcuNTkzNzUgQyAxOC44NDM3NSA3LjE1NjI1IDE5LjE4NzUgNyAxOS41IDcgWiBNIDcuNSAxMiBDIDYuNDI5Njg4IDEyIDUuNSAxMi42MDkzNzUgNC45MDYyNSAxMy40Mzc1IEMgNC4zMTI1IDE0LjI2NTYyNSA0IDE1LjMzOTg0NCA0IDE2LjUgQyA0IDE3LjY2MDE1NiA0LjMxMjUgMTguNzM0Mzc1IDQuOTA2MjUgMTkuNTYyNSBDIDUuNSAyMC4zOTA2MjUgNi40Mjk2ODggMjEgNy41IDIxIEMgOC41NzAzMTMgMjEgOS41IDIwLjM5MDYyNSAxMC4wOTM3NSAxOS41NjI1IEMgMTAuNjg3NSAxOC43MzQzNzUgMTEgMTcuNjYwMTU2IDExIDE2LjUgQyAxMSAxNS4zMzk4NDQgMTAuNjg3NSAxNC4yNjU2MjUgMTAuMDkzNzUgMTMuNDM3NSBDIDkuNSAxMi42MDkzNzUgOC41NzAzMTMgMTIgNy41IDEyIFogTSAyNC41IDEyIEMgMjMuNDI5Njg4IDEyIDIyLjUgMTIuNjA5Mzc1IDIxLjkwNjI1IDEzLjQzNzUgQyAyMS4zMTI1IDE0LjI2NTYyNSAyMSAxNS4zMzk4NDQgMjEgMTYuNSBDIDIxIDE3LjY2MDE1NiAyMS4zMTI1IDE4LjczNDM3NSAyMS45MDYyNSAxOS41NjI1IEMgMjIuNSAyMC4zOTA2MjUgMjMuNDI5Njg4IDIxIDI0LjUgMjEgQyAyNS41NzAzMTMgMjEgMjYuNSAyMC4zOTA2MjUgMjcuMDkzNzUgMTkuNTYyNSBDIDI3LjY4NzUgMTguNzM0Mzc1IDI4IDE3LjY2MDE1NiAyOCAxNi41IEMgMjggMTUuMzM5ODQ0IDI3LjY4NzUgMTQuMjY1NjI1IDI3LjA5Mzc1IDEzLjQzNzUgQyAyNi41IDEyLjYwOTM3NSAyNS41NzAzMTMgMTIgMjQuNSAxMiBaIE0gNy41IDE0IEMgNy44MTI1IDE0IDguMTU2MjUgMTQuMTU2MjUgOC40Njg3NSAxNC41OTM3NSBDIDguNzgxMjUgMTUuMDMxMjUgOSAxNS43MjY1NjMgOSAxNi41IEMgOSAxNy4yNzM0MzggOC43ODEyNSAxNy45Njg3NSA4LjQ2ODc1IDE4LjQwNjI1IEMgOC4xNTYyNSAxOC44NDM3NSA3LjgxMjUgMTkgNy41IDE5IEMgNy4xODc1IDE5IDYuODQzNzUgMTguODQzNzUgNi41MzEyNSAxOC40MDYyNSBDIDYuMjE4NzUgMTcuOTY4NzUgNiAxNy4yNzM0MzggNiAxNi41IEMgNiAxNS43MjY1NjMgNi4yMTg3NSAxNS4wMzEyNSA2LjUzMTI1IDE0LjU5Mzc1IEMgNi44NDM3NSAxNC4xNTYyNSA3LjE4NzUgMTQgNy41IDE0IFogTSAyNC41IDE0IEMgMjQuODEyNSAxNCAyNS4xNTYyNSAxNC4xNTYyNSAyNS40Njg3NSAxNC41OTM3NSBDIDI1Ljc4MTI1IDE1LjAzMTI1IDI2IDE1LjcyNjU2MyAyNiAxNi41IEMgMjYgMTcuMjczNDM4IDI1Ljc4MTI1IDE3Ljk2ODc1IDI1LjQ2ODc1IDE4LjQwNjI1IEMgMjUuMTU2MjUgMTguODQzNzUgMjQuODEyNSAxOSAyNC41IDE5IEMgMjQuMTg3NSAxOSAyMy44NDM3NSAxOC44NDM3NSAyMy41MzEyNSAxOC40MDYyNSBDIDIzLjIxODc1IDE3Ljk2ODc1IDIzIDE3LjI3MzQzOCAyMyAxNi41IEMgMjMgMTUuNzI2NTYzIDIzLjIxODc1IDE1LjAzMTI1IDIzLjUzMTI1IDE0LjU5Mzc1IEMgMjMuODQzNzUgMTQuMTU2MjUgMjQuMTg3NSAxNCAyNC41IDE0IFogTSAxNiAxNiBDIDE0LjY2Nzk2OSAxNiAxMy43MzgyODEgMTYuODY3MTg4IDEzLjI4MTI1IDE3LjYyNSBDIDEyLjgyNDIxOSAxOC4zODI4MTMgMTIuNTQ2ODc1IDE5LjAxNTYyNSAxMi4yODEyNSAxOS4yODEyNSBDIDEyLjEyNSAxOS40Mzc1IDExLjE2MDE1NiAxOS44MDA3ODEgMTAuMTU2MjUgMjAuMzEyNSBDIDkuNjUyMzQ0IDIwLjU3MDMxMyA5LjE0NDUzMSAyMC45MTQwNjMgOC43MTg3NSAyMS40Mzc1IEMgOC4yOTI5NjkgMjEuOTYwOTM4IDggMjIuNjg3NSA4IDIzLjUgQyA4IDI1LjQyMTg3NSA5LjU3ODEyNSAyNyAxMS41IDI3IEMgMTIuMzY3MTg4IDI3IDEzLjI2OTUzMSAyNi43MjI2NTYgMTQuMTU2MjUgMjYuNDY4NzUgQyAxNS4wNDI5NjkgMjYuMjE0ODQ0IDE2IDI2IDE2IDI2IEMgMTYgMjYgMTYuOTU3MDMxIDI2LjIxNDg0NCAxNy44NDM3NSAyNi40Njg3NSBDIDE4LjczMDQ2OSAyNi43MjI2NTYgMTkuNjMyODEzIDI3IDIwLjUgMjcgQyAyMi40MjE4NzUgMjcgMjQgMjUuNDIxODc1IDI0IDIzLjUgQyAyNCAyMi43MDcwMzEgMjMuNzA3MDMxIDIxLjk4MDQ2OSAyMy4yODEyNSAyMS40Njg3NSBDIDIyLjg1NTQ2OSAyMC45NTcwMzEgMjIuMzQzNzUgMjAuNjQwNjI1IDIxLjg0Mzc1IDIwLjM3NSBDIDIwLjg0Mzc1IDE5Ljg0Mzc1IDE5Ljg1OTM3NSAxOS40MjE4NzUgMTkuNzE4NzUgMTkuMjgxMjUgQyAxOS40ODA0NjkgMTkuMDQyOTY5IDE5LjIxMDkzOCAxOC4zOTA2MjUgMTguNzUgMTcuNjI1IEMgMTguMjg5MDYzIDE2Ljg1OTM3NSAxNy4zMzk4NDQgMTYgMTYgMTYgWiBNIDE2IDE4IEMgMTYuNjYwMTU2IDE4IDE2LjczNDM3NSAxOC4xNjAxNTYgMTcuMDMxMjUgMTguNjU2MjUgQyAxNy4zMjgxMjUgMTkuMTUyMzQ0IDE3LjU1NDY4OCAxOS45OTIxODggMTguMjgxMjUgMjAuNzE4NzUgQyAxOS4xMDU0NjkgMjEuNTQyOTY5IDIwLjE0ODQzOCAyMS43MjI2NTYgMjAuOTA2MjUgMjIuMTI1IEMgMjEuMjg1MTU2IDIyLjMyODEyNSAyMS41NzgxMjUgMjIuNTQyOTY5IDIxLjc1IDIyLjc1IEMgMjEuOTIxODc1IDIyLjk1NzAzMSAyMiAyMy4xNDg0MzggMjIgMjMuNSBDIDIyIDI0LjMzOTg0NCAyMS4zMzk4NDQgMjUgMjAuNSAyNSBDIDIwLjIxMDkzOCAyNSAxOS4yNzczNDQgMjQuNzc3MzQ0IDE4LjQwNjI1IDI0LjUzMTI1IEMgMTcuNTM1MTU2IDI0LjI4NTE1NiAxNi44MTY0MDYgMjQgMTYgMjQgQyAxNS4xODM1OTQgMjQgMTQuNDY0ODQ0IDI0LjI4NTE1NiAxMy41OTM3NSAyNC41MzEyNSBDIDEyLjcyMjY1NiAyNC43NzczNDQgMTEuNzg5MDYzIDI1IDExLjUgMjUgQyAxMC42NjAxNTYgMjUgMTAgMjQuMzM5ODQ0IDEwIDIzLjUgQyAxMCAyMy4wOTc2NTYgMTAuMDgyMDMxIDIyLjg5MDYyNSAxMC4yNSAyMi42ODc1IEMgMTAuNDE3OTY5IDIyLjQ4NDM3NSAxMC43MjI2NTYgMjIuMjg1MTU2IDExLjA5Mzc1IDIyLjA5Mzc1IEMgMTEuODM5ODQ0IDIxLjcxNDg0NCAxMi44NzUgMjEuNTYyNSAxMy43MTg3NSAyMC43MTg3NSBDIDE0LjQ1MzEyNSAxOS45ODQzNzUgMTQuNjc1NzgxIDE5LjExNzE4OCAxNC45Njg3NSAxOC42MjUgQyAxNS4yNjE3MTkgMTguMTMyODEzIDE1LjMzMjAzMSAxOCAxNiAxOCBaIi8+PC9zdmc+", T1 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMSAzIEwgMTEgNyBMIDEzIDcgTCAxMyAzIFogTSAxNSA0IEwgMTUgNyBMIDE3IDcgTCAxNyA0IFogTSA0Ljg3NSA4IEwgNSA5LjA5Mzc1IEwgNi44MTI1IDI2LjMxMjUgQyA2Ljk3MjY1NiAyNy44MzIwMzEgOC4yODUxNTYgMjkgOS44MTI1IDI5IEwgMTkuMTg3NSAyOSBDIDIwLjcxNDg0NCAyOSAyMi4wMjczNDQgMjcuODMyMDMxIDIyLjE4NzUgMjYuMzEyNSBMIDIyLjY1NjI1IDIyIEwgMjUgMjIgQyAyNi42NDQ1MzEgMjIgMjggMjAuNjQ0NTMxIDI4IDE5IEwgMjggMTYgQyAyOCAxNC4zNTU0NjkgMjYuNjQ0NTMxIDEzIDI1IDEzIEwgMjMuNTkzNzUgMTMgTCAyNCA5LjA5Mzc1IEwgMjQuMTI1IDggWiBNIDcuMTI1IDEwIEwgMjEuODc1IDEwIEwgMjAuMTg3NSAyNi4wOTM3NSBDIDIwLjEzMjgxMyAyNi42MTMyODEgMTkuNzA3MDMxIDI3IDE5LjE4NzUgMjcgTCA5LjgxMjUgMjcgQyA5LjI5Mjk2OSAyNyA4Ljg2NzE4OCAyNi42MTMyODEgOC44MTI1IDI2LjA5Mzc1IFogTSAyMy4zNzUgMTUgTCAyNSAxNSBDIDI1LjU2NjQwNiAxNSAyNiAxNS40MzM1OTQgMjYgMTYgTCAyNiAxOSBDIDI2IDE5LjU2NjQwNiAyNS41NjY0MDYgMjAgMjUgMjAgTCAyMi44NDM3NSAyMCBaIi8+PC9zdmc+", x1 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiAzIEMgOC44MzIwMzEgMyAzIDguODMyMDMxIDMgMTYgQyAzIDIzLjE2Nzk2OSA4LjgzMjAzMSAyOSAxNiAyOSBDIDIzLjE2Nzk2OSAyOSAyOSAyMy4xNjc5NjkgMjkgMTYgQyAyOSA4LjgzMjAzMSAyMy4xNjc5NjkgMyAxNiAzIFogTSAxNiA1IEMgMTYuNjAxNTYzIDUgMTcuMTc1NzgxIDUuMDYyNSAxNy43NSA1LjE1NjI1IEwgMTYgNi40MDYyNSBMIDE0LjI1IDUuMTU2MjUgQyAxNC44MjAzMTMgNS4wNjY0MDYgMTUuNDAyMzQ0IDUgMTYgNSBaIE0gMTEuODEyNSA1Ljg0Mzc1IEwgMTUuNDA2MjUgOC40Njg3NSBMIDE2IDguOTA2MjUgTCAxNi41OTM3NSA4LjQ2ODc1IEwgMjAuMTg3NSA1Ljg0Mzc1IEMgMjEuNzg1MTU2IDYuNTA3ODEzIDIzLjE5NTMxMyA3LjUyMzQzOCAyNC4zMTI1IDguODEyNSBMIDIyLjkzNzUgMTMuMDkzNzUgTCAyMi43MTg3NSAxMy43ODEyNSBMIDIzLjMxMjUgMTQuMTg3NSBMIDI2LjkzNzUgMTYuODQzNzUgQyAyNi44MDQ2ODggMTguNjA1NDY5IDI2LjI2NTYyNSAyMC4yNTc4MTMgMjUuNDA2MjUgMjEuNjg3NSBMIDIwLjEyNSAyMS42ODc1IEwgMTkuOTA2MjUgMjIuMzc1IEwgMTguNSAyNi43MTg3NSBDIDE3LjY5OTIxOSAyNi45MDYyNSAxNi44NTkzNzUgMjcgMTYgMjcgQyAxNS4xMDU0NjkgMjcgMTQuMjM4MjgxIDI2Ljg4NjcxOSAxMy40MDYyNSAyNi42ODc1IEwgMTIuMDMxMjUgMjIuNDA2MjUgTCAxMS44MTI1IDIxLjcxODc1IEwgNi41OTM3NSAyMS43MTg3NSBDIDUuNzE4NzUgMjAuMjgxMjUgNS4xOTkyMTkgMTguNjIxMDk0IDUuMDYyNSAxNi44NDM3NSBMIDguNjU2MjUgMTQuMjE4NzUgTCA5LjI1IDEzLjgxMjUgTCA5LjAzMTI1IDEzLjEyNSBMIDcuNjI1IDguODc1IEMgOC43NSA3LjU1NDY4OCAxMC4xODM1OTQgNi41MTU2MjUgMTEuODEyNSA1Ljg0Mzc1IFogTSAxNiAxMC4wOTM3NSBMIDE1LjQwNjI1IDEwLjUzMTI1IEwgMTAuODQzNzUgMTMuODQzNzUgTCAxMC4yODEyNSAxNC4yODEyNSBMIDEwLjUgMTQuOTY4NzUgTCAxMi4yNSAyMC4zMTI1IEwgMTIuNDY4NzUgMjEgTCAxOS41MzEyNSAyMSBMIDE5Ljc1IDIwLjMxMjUgTCAyMS41IDE0Ljk2ODc1IEwgMjEuNzE4NzUgMTQuMjgxMjUgTCAyMS4xNTYyNSAxMy44NDM3NSBMIDE2LjU5Mzc1IDEwLjUzMTI1IFogTSAyNS43NSAxMC45MDYyNSBDIDI2LjI5Njg3NSAxMS45NTMxMjUgMjYuNjU2MjUgMTMuMTAxNTYzIDI2Ljg0Mzc1IDE0LjMxMjUgTCAyNS4wNjI1IDEzLjAzMTI1IFogTSA2LjIxODc1IDEwLjk2ODc1IEwgNi45MDYyNSAxMy4wMzEyNSBMIDUuMTU2MjUgMTQuMzEyNSBDIDUuMzM5ODQ0IDEzLjEyNSA1LjY4NzUgMTIgNi4yMTg3NSAxMC45Njg3NSBaIE0gMTYgMTIuNTkzNzUgTCAxOS4zNzUgMTUuMDMxMjUgTCAxOC4wOTM3NSAxOSBMIDEzLjkwNjI1IDE5IEwgMTIuNjI1IDE1LjAzMTI1IFogTSAyMS41OTM3NSAyMy42ODc1IEwgMjMuODQzNzUgMjMuNjg3NSBDIDIyLjk5MjE4OCAyNC41NjY0MDYgMjIuMDExNzE5IDI1LjI5Mjk2OSAyMC45MDYyNSAyNS44NDM3NSBaIE0gOC4xNTYyNSAyMy43MTg3NSBMIDEwLjM0Mzc1IDIzLjcxODc1IEwgMTEuMDMxMjUgMjUuODEyNSBDIDkuOTYwOTM4IDI1LjI2OTUzMSA4Ljk4ODI4MSAyNC41NjI1IDguMTU2MjUgMjMuNzE4NzUgWiIvPjwvc3ZnPg==", z1 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSA5LjUgNiBDIDguMTc5Njg4IDYgNy4wMDM5MDYgNi44NTkzNzUgNi42MjUgOC4xMjUgTCA1LjI1IDEyLjcxODc1IEwgMy4zMTI1IDEyLjA2MjUgTCAyLjY4NzUgMTMuOTM3NSBMIDQuNjU2MjUgMTQuNTkzNzUgTCA0LjAzMTI1IDE2LjcxODc1IEMgNC4wMDc4MTMgMTYuODA4NTk0IDMuOTk2MDk0IDE2LjkwNjI1IDQgMTcgTCA0IDI0IEMgNCAyNC4wMzEyNSA0IDI0LjA2MjUgNCAyNC4wOTM3NSBMIDQgMjUgQyA0IDI1LjU1MDc4MSA0LjQ0OTIxOSAyNiA1IDI2IEwgOCAyNiBMIDguMzQzNzUgMjUgTCAyMy42NTYyNSAyNSBMIDI0IDI2IEwgMjcgMjYgQyAyNy41NTA3ODEgMjYgMjggMjUuNTUwNzgxIDI4IDI1IEwgMjggMjQuMTU2MjUgQyAyOC4wMDM5MDYgMjQuMTA1NDY5IDI4LjAwMzkwNiAyNC4wNTA3ODEgMjggMjQgTCAyOCAxNyBDIDI4LjAwMzkwNiAxNi45MDYyNSAyNy45OTIxODggMTYuODA4NTk0IDI3Ljk2ODc1IDE2LjcxODc1IEwgMjcuMzQzNzUgMTQuNTkzNzUgTCAyOS4zMTI1IDEzLjkzNzUgTCAyOC42ODc1IDEyLjA2MjUgTCAyNi43NSAxMi43MTg3NSBMIDI1LjM3NSA4LjEyNSBDIDI0Ljk5NjA5NCA2Ljg1OTM3NSAyMy44MjAzMTMgNiAyMi41IDYgWiBNIDkuNSA4IEwgMjIuNSA4IEMgMjIuOTQ1MzEzIDggMjMuMzM5ODQ0IDguMjkyOTY5IDIzLjQ2ODc1IDguNzE4NzUgTCAyNC43NSAxMyBMIDcuMjUgMTMgTCA4LjUzMTI1IDguNzE4NzUgQyA4LjY2MDE1NiA4LjI4OTA2MyA5LjA1NDY4OCA4IDkuNSA4IFogTSA2LjY1NjI1IDE1IEwgMjUuMzQzNzUgMTUgTCAyNiAxNy4xODc1IEwgMjYgMjMgTCA2IDIzIEwgNiAxNy4xODc1IFogTSA4LjUgMTYgQyA3LjY3MTg3NSAxNiA3IDE2LjY3MTg3NSA3IDE3LjUgQyA3IDE4LjMyODEyNSA3LjY3MTg3NSAxOSA4LjUgMTkgQyA5LjMyODEyNSAxOSAxMCAxOC4zMjgxMjUgMTAgMTcuNSBDIDEwIDE2LjY3MTg3NSA5LjMyODEyNSAxNiA4LjUgMTYgWiBNIDIzLjUgMTYgQyAyMi42NzE4NzUgMTYgMjIgMTYuNjcxODc1IDIyIDE3LjUgQyAyMiAxOC4zMjgxMjUgMjIuNjcxODc1IDE5IDIzLjUgMTkgQyAyNC4zMjgxMjUgMTkgMjUgMTguMzI4MTI1IDI1IDE3LjUgQyAyNSAxNi42NzE4NzUgMjQuMzI4MTI1IDE2IDIzLjUgMTYgWiBNIDEyIDE5IEwgMTAuNzUgMjIgTCAxMi45MDYyNSAyMiBMIDEzLjM0Mzc1IDIxIEwgMTguNjU2MjUgMjEgTCAxOS4wOTM3NSAyMiBMIDIxLjI1IDIyIEwgMjAgMTkgWiIvPjwvc3ZnPg==", S1 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgMTEuMDQyOTY5IDQgNyA4LjA0Mjk2OSA3IDEzIEMgNyAxNC45MTc5NjkgNy44NDM3NSAxNi45MDYyNSA5IDE4LjY4NzUgQyA5Ljg1OTM3NSAyMC4wMTE3MTkgMTAuODg2NzE5IDIxLjIzMDQ2OSAxMiAyMi4xNTYyNSBMIDEyIDI1IEMgMTIgMjYuMDkzNzUgMTIuOTA2MjUgMjcgMTQgMjcgTCAxNSAyOCBMIDE3IDI4IEwgMTggMjcgQyAxOS4wOTM3NSAyNyAyMCAyNi4wOTM3NSAyMCAyNSBMIDIwIDIyLjE1NjI1IEMgMjEuMTEzMjgxIDIxLjIzMDQ2OSAyMi4xNDA2MjUgMjAuMDExNzE5IDIzIDE4LjY4NzUgQyAyNC4xNTYyNSAxNi45MDYyNSAyNSAxNC45MTc5NjkgMjUgMTMgQyAyNSA4LjA0Mjk2OSAyMC45NTcwMzEgNCAxNiA0IFogTSAxNiA2IEMgMTkuODc4OTA2IDYgMjMgOS4xMjEwOTQgMjMgMTMgQyAyMyAxNC4zMDg1OTQgMjIuMzU1NDY5IDE2LjAzNTE1NiAyMS4zNDM3NSAxNy41OTM3NSBDIDIwLjQ0MTQwNiAxOC45ODQzNzUgMTkuMjUzOTA2IDIwLjIyMjY1NiAxOC4xNTYyNSAyMSBMIDEzLjg0Mzc1IDIxIEMgMTIuNzQ2MDk0IDIwLjIyMjY1NiAxMS41NTg1OTQgMTguOTg0Mzc1IDEwLjY1NjI1IDE3LjU5Mzc1IEMgOS42NDQ1MzEgMTYuMDM1MTU2IDkgMTQuMzA4NTk0IDkgMTMgQyA5IDkuMTIxMDk0IDEyLjEyMTA5NCA2IDE2IDYgWiBNIDE0LjI1IDIzIEwgMTcuNzUgMjMgQyAxNy44MjgxMjUgMjMuMDU0Njg4IDE3LjkxMDE1NiAyMy4wOTM3NSAxOCAyMy4xMjUgTCAxOCAyNSBMIDE0IDI1IEwgMTQgMjMuMTI1IEMgMTQuMDg5ODQ0IDIzLjA5Mzc1IDE0LjE3MTg3NSAyMy4wNTQ2ODggMTQuMjUgMjMgWiIvPjwvc3ZnPg==", O1 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxMSA1IEwgMTEgMTEgTCA1IDExIEwgNSAxMyBMIDExIDEzIEwgMTEgMTkgTCA1IDE5IEwgNSAyMSBMIDExIDIxIEwgMTEgMjcgTCAxMyAyNyBMIDEzIDIxIEwgMTkgMjEgTCAxOSAyNyBMIDIxIDI3IEwgMjEgMjEgTCAyNyAyMSBMIDI3IDE5IEwgMjEgMTkgTCAyMSAxMyBMIDI3IDEzIEwgMjcgMTEgTCAyMSAxMSBMIDIxIDUgTCAxOSA1IEwgMTkgMTEgTCAxMyAxMSBMIDEzIDUgWiBNIDEzIDEzIEwgMTkgMTMgTCAxOSAxOSBMIDEzIDE5IFoiLz48L3N2Zz4=", C1 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSA5IDQgQyA3LjM0NiA0IDYgNS4zNDYgNiA3IEMgNiA4LjMwMTYwOTQgNi44Mzg3NDg2IDkuNDAyMTM5MSA4IDkuODE2NDA2MiBMIDggMTEuMzA0Njg4IEwgOCAyMy4yMDcwMzEgTCA4IDI3LjAyMzQzOCBDIDggMjcuNTYzNDM4IDguNDM2NTYyNSAyOCA4Ljk3NjU2MjUgMjggTCA5LjAyMzQzNzUgMjggQyA5LjU2MzQzNzUgMjggMTAgMjcuNTYzNDM3IDEwIDI3LjAyMzQzOCBMIDEwIDIyLjIyODUxNiBDIDEwLjMzNDcwNyAyMS44Mzk3NTYgMTEuMTM4NDIzIDIxLjA0Njg3NSAxMy40NDUzMTIgMjEuMDQ2ODc1IEMgMTQuNjY5MzEzIDIxLjA0Njg3NSAxNS42NzA0MjIgMjEuNDczNzgxIDE2LjczMjQyMiAyMS45MjU3ODEgQyAxNy43Njk0MjIgMjIuMzY3NzgxIDE4Ljg0MTg5MSAyMi44MjQyMTkgMjAuMDg3ODkxIDIyLjgyNDIxOSBDIDIyLjQ0Njg5MSAyMi44MjQyMTkgMjQuMDQ5Mzc1IDIxLjU4NDY4OCAyNC43MzQzNzUgMjEuMDU0Njg4IEwgMjQuODg2NzE5IDIwLjkzOTQ1MyBDIDI1LjQzNzcxOSAyMC41NDA0NTMgMjYgMTkuOTk2IDI2IDE5IEwgMjYgMTAuNjc1NzgxIEMgMjYgOS43Njc3ODEyIDI1LjIyMTgyOCA5IDI0LjI5ODgyOCA5IEMgMjMuODAzODI4IDkgMjMuNDQwNDA2IDkuMjg2NTkzNyAyMi45NDE0MDYgOS42ODM1OTM4IEMgMjIuMjc5NDA2IDEwLjIwNzU5NCAyMS4yODA4OTEgMTEgMjAuMDg3ODkxIDExIEMgMTkuMjcyODkxIDExIDE4LjQ3NzY4OCAxMC42MTk3MzQgMTcuNTU0Njg4IDEwLjE3NzczNCBDIDE2LjQwMzY4NyA5LjYyNTczNDQgMTUuMDk4MzU5IDkgMTMuNDQzMzU5IDkgQyAxMi4zMDgyNTcgOSAxMS40MjE2ODcgOS4xODgzMzkzIDEwLjcxMjg5MSA5LjQ1NzAzMTIgQyAxMS40ODkwNzEgOC45MTQxODI0IDEyIDguMDE2NzgwMiAxMiA3IEMgMTIgNS4zNDYgMTAuNjU0IDQgOSA0IHogTSA5IDYgQyA5LjU1MiA2IDEwIDYuNDQ5IDEwIDcgQyAxMCA3LjU1MSA5LjU1MiA4IDkgOCBDIDguNDQ4IDggOCA3LjU1MSA4IDcgQyA4IDYuNDQ5IDguNDQ4IDYgOSA2IHogTSAxMy40NDMzNTkgMTEgQyAxNC42NDUzNTkgMTEgMTUuNjM4NDA2IDExLjQ3NjQ2OSAxNi42OTE0MDYgMTEuOTgwNDY5IEMgMTcuNzM2NDA2IDEyLjQ4MjQ2OSAxOC44MTc4OTEgMTMgMjAuMDg3ODkxIDEzIEMgMjEuODQyODkxIDEzIDIzLjE1ODA0NyAxMi4wNTQ0ODQgMjMuOTk4MDQ3IDExLjM5NjQ4NCBMIDIzLjk5ODA0NyAxOS4wNjY0MDYgQyAyMy45OTcwNDcgMTkuMDcwNDA2IDIzLjk1Mjk4NCAxOS4xNDUyNjYgMjMuNzA4OTg0IDE5LjMyMjI2NiBMIDIzLjUwOTc2NiAxOS40NzQ2MDkgQyAyMi45NDI3NjYgMTkuOTEyNjA5IDIxLjc2Mjg5MSAyMC44MjQyMTkgMjAuMDg3ODkxIDIwLjgyNDIxOSBDIDE5LjI0OTg5MSAyMC44MjQyMTkgMTguNDQ2NjI1IDIwLjQ4MjkzNyAxNy41MTU2MjUgMjAuMDg1OTM4IEMgMTYuMzcyNjI1IDE5LjU5NzkzOCAxNS4wNzYzNTkgMTkuMDQ0OTIyIDEzLjQ0MzM1OSAxOS4wNDQ5MjIgQyAxMS44OTEzNTkgMTkuMDQ0OTIyIDEwLjc4NiAxOS4zNTggMTAgMTkuNzUgTCAxMCAxMi4zNjEzMjggQyAxMC4zNDUgMTEuOTA1MzI4IDExLjEzMjM1OSAxMSAxMy40NDMzNTkgMTEgeiIvPjwvc3ZnPg==", U1 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgMTEuODMyMDMxIDQgOC4xNTIzNDQgNi4xMTMyODEgNiA5LjM0Mzc1IEwgNiA2IEwgNCA2IEwgNCAxMyBMIDExIDEzIEwgMTEgMTEgTCA3LjM3NSAxMSBDIDkuMTAxNTYzIDguMDE5NTMxIDEyLjI5Njg3NSA2IDE2IDYgQyAyMS41MzUxNTYgNiAyNiAxMC40NjQ4NDQgMjYgMTYgQyAyNiAyMS41MzUxNTYgMjEuNTM1MTU2IDI2IDE2IDI2IEMgMTAuNDY0ODQ0IDI2IDYgMjEuNTM1MTU2IDYgMTYgTCA0IDE2IEMgNCAyMi42MTcxODggOS4zODI4MTMgMjggMTYgMjggQyAyMi42MTcxODggMjggMjggMjIuNjE3MTg4IDI4IDE2IEMgMjggOS4zODI4MTMgMjIuNjE3MTg4IDQgMTYgNCBaIE0gMTUgOCBMIDE1IDE3IEwgMjIgMTcgTCAyMiAxNSBMIDE3IDE1IEwgMTcgOCBaIi8+PC9zdmc+Cg==";
+const L1 = Ef({
   name: "Header",
   setup(f) {
-    const { state: e, updateSearch: A, updateActiveGroup: n } = Jf("store"), a = z(() => !e.options.hideSearch), i = z(() => !e.options.hideGroupIcons), t = JSON.parse(JSON.stringify(e.orderedGroupKeys)), o = z(
+    const { state: e, updateSearch: A, updateActiveGroup: n } = Zf("store"), a = x(() => !e.options.hideSearch), i = x(() => !e.options.hideGroupIcons), t = JSON.parse(JSON.stringify(e.orderedGroupKeys)), o = x(
       () => e.options.staticTexts.placeholder || ""
-    ), r = z({
+    ), r = x({
       get: () => e.search,
-      set: (s) => A(s)
+      set: (l) => A(l)
     }), u = [
       ...e.groups,
-      ...Object.keys(e.options.additionalGroups).map((s) => ({
-        key: s,
-        title: e.options.groupNames[s] ? e.options.groupNames[s] : nA(s)
+      ...Object.keys(e.options.additionalGroups).map((l) => ({
+        key: l,
+        title: e.options.groupNames[l] ? e.options.groupNames[l] : rA(l)
       }))
-    ], c = [];
-    return t.forEach((s) => {
-      const g = u.findIndex((b) => b.key === s);
-      g !== -1 && (c.push(u[g]), u.splice(g, 1));
+    ], d = [];
+    return t.forEach((l) => {
+      const m = u.findIndex((b) => b.key === l);
+      m !== -1 && (d.push(u[m]), u.splice(m, 1));
     }), {
-      orderedGroups: c,
+      orderedGroups: d,
       orderedKeys: t,
       searchValue: r,
       updateActiveGroup: n,
@@ -13453,158 +13591,158 @@ const s1 = Vf({
       hasGroupIcons: i,
       placeholder: o,
       icons: {
-        smileys_people: eA,
-        animals_nature: A1,
-        food_drink: n1,
-        activities: a1,
-        travel_places: t1,
-        objects: i1,
-        symbols: o1,
-        flags: r1,
+        smileys_people: iA,
+        animals_nature: E1,
+        food_drink: T1,
+        activities: x1,
+        travel_places: z1,
+        objects: S1,
+        symbols: O1,
+        flags: C1,
         ...e.options.groupIcons,
-        recent: u1
+        recent: U1
       }
     };
   }
-}), c1 = {
+}), Q1 = {
   key: 0,
   class: "v3-header"
-}, l1 = {
+}, B1 = {
   key: 0,
   class: "v3-groups"
-}, d1 = ["onClick"], g1 = ["title"], M1 = ["src"], p1 = {
+}, Y1 = ["onClick"], R1 = ["title"], q1 = ["src"], F1 = {
   key: 1,
   class: "v3-spacing"
-}, m1 = {
+}, J1 = {
   key: 2,
   class: "v3-search"
-}, b1 = ["placeholder"];
-function h1(f, e, A, n, a, i) {
-  return f.hasGroupIcons || f.hasSearch ? (d(), M("div", c1, [
-    f.hasGroupIcons ? (d(), M("div", l1, [
-      (d(!0), M(G, null, of(f.orderedGroups, (t) => (d(), M("button", {
+}, W1 = ["placeholder"];
+function K1(f, e, A, n, a, i) {
+  return f.hasGroupIcons || f.hasSearch ? (g(), M("div", Q1, [
+    f.hasGroupIcons ? (g(), M("div", B1, [
+      (g(!0), M(P, null, X(f.orderedGroups, (t) => (g(), M("button", {
         key: t.key,
         type: "button",
-        class: C(["v3-group", {
+        class: U(["v3-group", {
           "v3-is-hidden": !f.icons[t.key]
         }]),
         onClick: (o) => f.updateActiveGroup(t.key)
       }, [
-        l("span", {
+        s("span", {
           title: t.title,
           class: "v3-icon"
         }, [
-          l("img", {
+          s("img", {
             src: f.icons[t.key],
             alt: ""
-          }, null, 8, M1)
-        ], 8, g1)
-      ], 10, d1))), 128))
-    ])) : U("", !0),
-    f.hasGroupIcons && f.hasSearch ? (d(), M("div", p1)) : U("", !0),
-    f.hasSearch ? (d(), M("div", m1, [
-      tf(l("input", {
+          }, null, 8, q1)
+        ], 8, R1)
+      ], 10, Y1))), 128))
+    ])) : k("", !0),
+    f.hasGroupIcons && f.hasSearch ? (g(), M("div", F1)) : k("", !0),
+    f.hasSearch ? (g(), M("div", J1, [
+      W(s("input", {
         "onUpdate:modelValue": e[0] || (e[0] = (t) => f.searchValue = t),
         type: "text",
         placeholder: f.placeholder
-      }, null, 8, b1), [
-        [ne, f.searchValue]
+      }, null, 8, W1), [
+        [Kf, f.searchValue]
       ])
-    ])) : U("", !0)
-  ])) : U("", !0);
+    ])) : k("", !0)
+  ])) : k("", !0);
 }
-var y1 = /* @__PURE__ */ Ef(s1, [["render", h1]]);
-const I1 = Vf({
+var Z1 = /* @__PURE__ */ zf(L1, [["render", K1]]);
+const P1 = Ef({
   name: "Header",
   setup() {
-    const { state: f, updateSkinTone: e } = Jf("store"), A = V(!1), n = V(!1), a = z(() => f.skinTone), i = z(
+    const { state: f, updateSkinTone: e } = Zf("store"), A = y(!1), n = y(!1), a = x(() => f.skinTone), i = x(
       () => f.options.staticTexts.skinTone || "Skin tone"
-    ), t = z(() => !f.options.disableSkinTones), o = AA() ? "is-mac" : "", r = z(() => ({
+    ), t = x(() => !f.options.disableSkinTones), o = oA() ? "is-mac" : "", r = x(() => ({
       ...f.emoji,
-      src: Ye + "/" + f.emoji[Df] + ".png"
+      src: We + "/" + f.emoji[wf] + ".png"
     }));
-    function u(g = !0) {
-      A.value = g;
+    function u(m = !0) {
+      A.value = m;
     }
-    function c() {
+    function d() {
       A.value = !A.value;
     }
-    function s(g) {
-      e(g), u(!1);
+    function l(m) {
+      e(m), u(!1);
     }
-    return ae(
+    return Pf(
       () => f.emoji,
       () => {
         n.value = !1;
       }
     ), {
       emoji: r,
-      SKIN_TONES: dn,
+      SKIN_TONES: Yn,
       updateSkinToneState: u,
       skinTone: A,
       stateSkinTone: a,
-      selectSkinTone: s,
-      toggleSkinToneState: c,
-      EMOJI_RESULT_KEY: Df,
-      EMOJI_NAME_KEY: Ff,
+      selectSkinTone: l,
+      toggleSkinToneState: d,
+      EMOJI_RESULT_KEY: wf,
+      EMOJI_NAME_KEY: Hf,
       skinToneText: i,
       hasSkinTones: t,
       native: f.options.native,
-      unicodeToEmoji: Bf,
+      unicodeToEmoji: qf,
       platform: o,
       hasError: n
     };
   }
-}), v1 = { class: "v3-foot-left" }, N1 = { key: 0 }, D1 = ["alt", "src"], w1 = { class: "v3-text" }, j1 = { class: "v3-text" }, V1 = ["onClick"];
-function _1(f, e, A, n, a, i) {
-  return d(), M("div", {
+}), H1 = { class: "v3-foot-left" }, G1 = { key: 0 }, X1 = ["alt", "src"], $1 = { class: "v3-text" }, ft = { class: "v3-text" }, et = ["onClick"];
+function At(f, e, A, n, a, i) {
+  return g(), M("div", {
     class: "v3-footer",
     onMouseleave: e[2] || (e[2] = (t) => f.updateSkinToneState(!1))
   }, [
-    l("div", v1, [
-      l("span", {
-        class: C([f.platform, "v3-icon"])
+    s("div", H1, [
+      s("span", {
+        class: U([f.platform, "v3-icon"])
       }, [
-        f.native || f.hasError ? (d(), M("span", N1, _(f.unicodeToEmoji(f.emoji.r)), 1)) : (d(), M("img", {
+        f.native || f.hasError ? (g(), M("span", G1, N(f.unicodeToEmoji(f.emoji.r)), 1)) : (g(), M("img", {
           key: 1,
           alt: f.unicodeToEmoji(f.emoji.r),
           src: f.emoji.src,
           onError: e[0] || (e[0] = (t) => f.hasError = !0)
-        }, null, 40, D1))
+        }, null, 40, X1))
       ], 2),
-      l("span", w1, " :" + _(f.emoji[f.EMOJI_NAME_KEY][1] || f.emoji[f.EMOJI_NAME_KEY][0]) + ": ", 1)
+      s("span", $1, " :" + N(f.emoji[f.EMOJI_NAME_KEY][1] || f.emoji[f.EMOJI_NAME_KEY][0]) + ": ", 1)
     ]),
-    f.hasSkinTones ? (d(), M(G, { key: 0 }, [
-      l("button", {
+    f.hasSkinTones ? (g(), M(P, { key: 0 }, [
+      s("button", {
         type: "button",
         class: "v3-tone",
         onClick: e[1] || (e[1] = (...t) => f.toggleSkinToneState && f.toggleSkinToneState(...t))
       }, [
-        l("span", j1, _(f.skinToneText), 1),
-        l("span", {
-          class: C(`v3-icon v3-tone-${f.stateSkinTone}`)
+        s("span", ft, N(f.skinToneText), 1),
+        s("span", {
+          class: U(`v3-icon v3-tone-${f.stateSkinTone}`)
         }, null, 2)
       ]),
-      l("div", {
-        class: C([f.skinTone ? "v3-is-open" : "", "v3-skin-tones"])
+      s("div", {
+        class: U([f.skinTone ? "v3-is-open" : "", "v3-skin-tones"])
       }, [
-        (d(!0), M(G, null, of(f.SKIN_TONES, (t) => (d(), M("button", {
+        (g(!0), M(P, null, X(f.SKIN_TONES, (t) => (g(), M("button", {
           key: t,
           type: "button",
-          class: C(["v3-skin-tone-" + t, "v3-skin-tone"]),
+          class: U(["v3-skin-tone-" + t, "v3-skin-tone"]),
           onClick: (o) => f.selectSkinTone(t)
-        }, null, 10, V1))), 128))
+        }, null, 10, et))), 128))
       ], 2)
-    ], 64)) : U("", !0)
+    ], 64)) : k("", !0)
   ], 32);
 }
-var k1 = /* @__PURE__ */ Ef(I1, [["render", _1]]);
-const E1 = Vf({
+var nt = /* @__PURE__ */ zf(P1, [["render", At]]);
+const at = Ef({
   name: "PickerRoot",
   components: {
-    Header: y1,
-    Body: e1,
-    Footer: k1
+    Header: Z1,
+    Body: k1,
+    Footer: nt
   },
   props: {
     type: {
@@ -13637,72 +13775,72 @@ const E1 = Vf({
     "update:text": (f) => !0
   },
   setup(f, { emit: e }) {
-    const A = V(), n = V(), a = V(), i = V(!1), t = V(f.text), o = f.type === "input" || f.type === "textarea";
+    const A = y(), n = y(), a = y(), i = y(!1), t = y(f.text), o = f.type === "input" || f.type === "textarea";
     let r = -1;
-    const { state: u } = Jf("store"), c = z(() => u.options.colorTheme);
-    function s(p) {
+    const { state: u } = Zf("store"), d = x(() => u.options.colorTheme);
+    function l(h) {
       if (o) {
-        const I = u.options.mode;
-        I === "prepend" ? t.value = p.i + t.value : I === "insert" && r !== -1 ? (t.value = `${t.value.slice(0, r)}${p.i}${t.value.slice(r)}`, r += p.i.length) : t.value += p.i, e("update:text", t.value);
+        const v = u.options.mode;
+        v === "prepend" ? t.value = h.i + t.value : v === "insert" && r !== -1 ? (t.value = `${t.value.slice(0, r)}${h.i}${t.value.slice(r)}`, r += h.i.length) : t.value += h.i, e("update:text", t.value);
       }
-      e("select", p);
+      e("select", h);
     }
-    function g() {
-      var p;
-      A.value && (r = ((p = A.value) == null ? void 0 : p.selectionEnd) || -1);
+    function m() {
+      var h;
+      A.value && (r = ((h = A.value) == null ? void 0 : h.selectionEnd) || -1);
     }
-    function b(p) {
-      var I;
-      !((I = p.target) != null && I.closest(
+    function b(h) {
+      var v;
+      !((v = h.target) != null && v.closest(
         ".v3-input-picker-wrap"
       )) && i.value && (i.value = !1);
     }
-    function m() {
+    function c() {
       if (n.value && a.value && o) {
-        let p = u.options.offset;
-        typeof p != "number" && (p = 6), Ja(n.value, a.value, {
+        let h = u.options.offset;
+        typeof h != "number" && (h = 6), h1(n.value, a.value, {
           placement: "bottom-end",
           modifiers: [
             {
               name: "offset",
               options: {
-                offset: [0, p]
+                offset: [0, h]
               }
             }
           ]
         }), document.body.addEventListener("click", b);
       }
     }
-    function y(p) {
-      t.value = p.target.value || "", e("update:text", t.value);
+    function p(h) {
+      t.value = h.target.value || "", e("update:text", t.value);
     }
-    return Be(() => {
-      m();
-    }), lA(() => {
+    return Wf(() => {
+      c();
+    }), hA(() => {
       document.body.removeEventListener("click", b);
     }), {
-      face: eA,
+      face: iA,
       open: i,
-      onSelect: s,
+      onSelect: l,
       input: t,
       elem: A,
-      updateCursor: g,
+      updateCursor: m,
       button: n,
       picker: a,
       isInputType: o,
-      onChangeText: y,
-      colorTheme: c
+      onChangeText: p,
+      colorTheme: d
     };
   }
-}), T1 = {
+}), tt = {
   key: 0,
   class: "v3-input-emoji-picker"
-}, x1 = { class: "v3-input-picker-root" }, z1 = ["value"], S1 = ["value"], O1 = ["src"];
-function C1(f, e, A, n, a, i) {
-  const t = Lf("Header"), o = Lf("Body"), r = Lf("Footer");
-  return f.isInputType ? (d(), M("div", T1, [
-    l("div", x1, [
-      f.type === "input" ? (d(), M("input", {
+}, it = { class: "v3-input-picker-root" }, ot = ["value"], rt = ["value"], st = ["src"];
+function ut(f, e, A, n, a, i) {
+  const t = Yf("Header"), o = Yf("Body"), r = Yf("Footer");
+  return f.isInputType ? (g(), M("div", tt, [
+    s("div", it, [
+      f.type === "input" ? (g(), M("input", {
         key: 0,
         ref: "elem",
         value: f.input,
@@ -13710,52 +13848,52 @@ function C1(f, e, A, n, a, i) {
         class: "v3-emoji-picker-input",
         onInput: e[0] || (e[0] = (...u) => f.onChangeText && f.onChangeText(...u)),
         onBlur: e[1] || (e[1] = (...u) => f.updateCursor && f.updateCursor(...u))
-      }, null, 40, z1)) : (d(), M("textarea", {
+      }, null, 40, ot)) : (g(), M("textarea", {
         key: 1,
         ref: "elem",
         value: f.input,
         class: "v3-emoji-picker-textarea",
         onInput: e[2] || (e[2] = (...u) => f.onChangeText && f.onChangeText(...u)),
         onBlur: e[3] || (e[3] = (...u) => f.updateCursor && f.updateCursor(...u))
-      }, null, 40, S1)),
-      l("div", {
-        class: C(["v3-input-picker-wrap", f.open ? "v3-picker-is-open" : ""])
+      }, null, 40, rt)),
+      s("div", {
+        class: U(["v3-input-picker-wrap", f.open ? "v3-picker-is-open" : ""])
       }, [
-        l("button", {
+        s("button", {
           ref: "button",
           type: "button",
           class: "v3-input-picker-icon",
           onClick: e[4] || (e[4] = (u) => f.open = !f.open)
         }, [
-          l("img", {
+          s("img", {
             src: f.face,
             alt: ""
-          }, null, 8, O1)
+          }, null, 8, st)
         ], 512),
-        l("div", {
+        s("div", {
           ref: "picker",
-          class: C(["v3-emoji-picker", "v3-color-theme-" + f.colorTheme])
+          class: U(["v3-emoji-picker", "v3-color-theme-" + f.colorTheme])
         }, [
-          nf(t),
-          nf(o, { onSelect: f.onSelect }, null, 8, ["onSelect"]),
-          nf(r)
+          Y(t),
+          Y(o, { onSelect: f.onSelect }, null, 8, ["onSelect"]),
+          Y(r)
         ], 2)
       ], 2)
     ])
-  ])) : (d(), M("div", {
+  ])) : (g(), M("div", {
     key: 1,
-    class: C(["v3-emoji-picker", "v3-color-theme-" + f.colorTheme])
+    class: U(["v3-emoji-picker", "v3-color-theme-" + f.colorTheme])
   }, [
-    nf(t),
-    nf(o, { onSelect: f.onSelect }, null, 8, ["onSelect"]),
-    nf(r)
+    Y(t),
+    Y(o, { onSelect: f.onSelect }, null, 8, ["onSelect"]),
+    Y(r)
   ], 2));
 }
-var U1 = /* @__PURE__ */ Ef(E1, [["render", C1]]);
-const L1 = Vf({
+var ct = /* @__PURE__ */ zf(at, [["render", ut]]);
+const lt = Ef({
   name: "Picker",
   components: {
-    PickerRoot: U1
+    PickerRoot: ct
   },
   props: {
     native: {
@@ -13836,20 +13974,20 @@ const L1 = Vf({
     select: (f) => !0
   },
   setup(f, { emit: e }) {
-    const A = V(f.text);
+    const A = y(f.text);
     function n(i) {
       A.value = i || "", e("update:text", A.value);
     }
-    const a = Ln();
+    const a = la();
     return a.updateOptions({
       native: f.native,
       hideSearch: f.hideSearch,
       hideGroupIcons: f.hideGroupIcons,
       hideGroupNames: f.hideGroupNames,
-      staticTexts: { ...gn, ...f.staticTexts },
+      staticTexts: { ...Rn, ...f.staticTexts },
       disableStickyGroupNames: f.disableStickyGroupNames,
       disabledGroups: f.disabledGroups,
-      groupNames: { ...Re, ...f.groupNames },
+      groupNames: { ...Ke, ...f.groupNames },
       disableSkinTones: f.disableSkinTones,
       displayRecent: f.displayRecent,
       additionalGroups: f.additionalGroups,
@@ -13857,27 +13995,103 @@ const L1 = Vf({
       offset: f.offset,
       groupOrder: f.groupOrder,
       groupIcons: f.groupIcons,
-      colorTheme: Mn.includes(f.theme) ? f.theme : "light"
-    }), dA("store", a), {
+      colorTheme: qn.includes(f.theme) ? f.theme : "light"
+    }), bA("store", a), {
       type: f.pickerType,
       input: A,
       onChangeText: n
     };
   }
 });
-function Q1(f, e, A, n, a, i) {
-  const t = Lf("picker-root");
-  return d(), rf(t, {
+function dt(f, e, A, n, a, i) {
+  const t = Yf("picker-root");
+  return g(), rf(t, {
     type: f.type,
     text: f.input,
     onSelect: e[0] || (e[0] = (o) => f.$emit("select", o)),
     "onUpdate:text": f.onChangeText
   }, null, 8, ["type", "text", "onUpdate:text"]);
 }
-var B1 = /* @__PURE__ */ Ef(L1, [["render", Q1]]);
-const Y1 = { class: "chat-input" }, R1 = { class: "chat-input__container" }, q1 = {
+var gt = /* @__PURE__ */ zf(lt, [["render", dt]]);
+const pt = { class: "channels__container" }, Mt = { class: "channels__title-container" }, mt = {
+  key: 0,
+  class: "channels__selected"
+}, ht = {
+  key: 0,
+  class: "channels__icon"
+}, bt = ["src"], yt = { class: "channels__title" }, It = {
+  key: 1,
+  class: "channels__title"
+}, vt = { class: "channels__popover-container" }, Nt = { class: "channels__popover-list" }, Dt = ["onClick"], wt = {
+  __name: "Channels2",
+  props: {
+    channels: {
+      type: Array,
+      required: !1
+    }
+  },
+  emits: ["selectChannel"],
+  setup(f, { emit: e }) {
+    const A = y(!0), n = y(null), a = f, i = e, o = y(a.channels.find((l) => l.type === "default")), r = (l) => {
+      o.value = l, u(), i("selectChannel", o.value);
+    }, u = () => {
+      A.value = !A.value;
+    }, d = (l) => {
+      n.value && !n.value.contains(l.target) && (A.value = !1);
+    };
+    return Wf(() => {
+      document.addEventListener("click", d);
+    }), vA(() => {
+      document.removeEventListener("click", d);
+    }), (l, m) => (g(), M("div", {
+      class: "channels",
+      ref_key: "customDiv",
+      ref: n
+    }, [
+      s("div", pt, [
+        s("button", {
+          class: "channels__button",
+          onClick: u
+        }, m[1] || (m[1] = [
+          s("span", { class: "pi pi-list" }, null, -1)
+        ])),
+        s("div", Mt, [
+          o.value ? (g(), M("div", mt, [
+            o.value.icon ? (g(), M("span", ht, [
+              s("img", {
+                src: o.value.icon
+              }, null, 8, bt)
+            ])) : k("", !0),
+            s("span", yt, N(o.value.title), 1)
+          ])) : (g(), M("span", It, "Чат не выбран"))
+        ]),
+        Y(Vf, null, {
+          default: kf(() => [
+            A.value ? (g(), M("div", {
+              key: 0,
+              class: "channels__popover",
+              onClick: m[0] || (m[0] = Fe(() => {
+              }, ["stop"]))
+            }, [
+              s("div", vt, [
+                s("ul", Nt, [
+                  (g(!0), M(P, null, X(f.channels, (b) => (g(), M("li", {
+                    class: "channels__popover-item",
+                    key: b.channelId,
+                    onClick: (c) => r(b)
+                  }, N(b.title), 9, Dt))), 128))
+                ])
+              ])
+            ])) : k("", !0)
+          ]),
+          _: 1
+        })
+      ])
+    ], 512));
+  }
+}, _t = /* @__PURE__ */ E(wt, [["__scopeId", "data-v-62179a30"]]), jt = { class: "chat-input" }, Vt = { class: "chat-input__container" }, kt = {
   __name: "ChatInput2",
-  props: /* @__PURE__ */ De({
+  props: /* @__PURE__ */ je({
     enableEmoji: {
       type: Boolean,
       required: !1,
@@ -13886,66 +14100,81 @@ const Y1 = { class: "chat-input" }, R1 = { class: "chat-input__container" }, q1
     channels: {
       type: Array,
       required: !1,
-      default: []
+      default: () => []
     }
+    // fileUploaderComponent: {
+    //   type: Object,
+    //   default: null,
+    // },
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ De(["send"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ je(["send"], ["update:modelValue"]),
   setup(f, { emit: e }) {
-    const A = e, n = pA(f, "modelValue"), a = V(null), i = V(!1), t = () => {
-      i.value = !1, n.value.trim() && (A("send", n.value), n.value = "", Nf(a).focus());
-    }, o = () => {
-      i.value = !i.value;
-    }, r = z(() => {
+    const A = e, n = NA(f, "modelValue"), a = y(null), i = y(null), t = x(() => !i.value || i.value === ""), o = y(!1), r = (b) => {
+      console.log("fileUploaded", b), i.value = b;
+    }, u = () => {
+      o.value = !1;
+      const b = {
+        type: null,
+        text: null
+      };
+      i.value ? (b.type = "message.file", b.text = i.value) : (b.type = "message.text", b.text = n.value.trim()), A("send", b), i.value = !1, n.value = "", uf(a).focus();
+    }, d = () => {
+      o.value = !o.value;
+    }, l = x(() => {
       if (document.documentElement.classList.contains("dark"))
         return "dark";
-    }), u = (c) => {
-      n.value = (n.value ? n.value : "") + c.i;
+    }), m = (b) => {
+      n.value = (n.value ? n.value : "") + b.i;
     };
-    return (c, s) => (d(), M("div", Y1, [
-      l("div", R1, [
-        i.value ? (d(), rf(Nf(B1), {
-          key: 0,
-          class: "chat-input__emoji",
-          native: !0,
-          theme: r.value,
-          onSelect: u,
-          pickerType: ""
-        }, null, 8, ["theme"])) : U("", !0),
-        s[3] || (s[3] = l("label", { class: "chat-input__button-file" }, [
-          l("input", { type: "file" }),
-          l("span", null, [
-            l("i", { class: "pi pi-file-arrow-up" })
-          ])
-        ], -1)),
-        tf(l("input", {
+    return (b, c) => (g(), M("div", jt, [
+      s("div", Vt, [
+        Y(Vf, null, {
+          default: kf(() => [
+            o.value ? (g(), rf(uf(gt), {
+              key: 0,
+              class: "chat-input__emoji",
+              native: !0,
+              theme: l.value,
+              onSelect: m,
+              pickerType: ""
+            }, null, 8, ["theme"])) : k("", !0)
+          ]),
+          _: 1
+        }),
+        Y(uf(gi), {
+          onFileUploaded: r,
+          canUploadFile: t.value
+        }, null, 8, ["canUploadFile"]),
+        W(s("input", {
           class: "chat-input__input",
-          "onUpdate:modelValue": s[0] || (s[0] = (g) => n.value = g),
+          "onUpdate:modelValue": c[0] || (c[0] = (p) => n.value = p),
           ref_key: "refInput",
           ref: a,
-          onKeydown: Le(t, ["enter"]),
+          onKeydown: Re(u, ["enter"]),
           placeholder: "Type a message..."
         }, null, 544), [
-          [ne, n.value]
+          [Kf, n.value]
         ]),
-        l("button", {
+        Y(_t, { channels: f.channels }, null, 8, ["channels"]),
+        s("button", {
           class: "chat-input__button-emoji",
-          onClick: o
-        }, s[1] || (s[1] = [
-          l("span", { class: "pi pi-face-smile" }, null, -1)
+          onClick: d
+        }, c[1] || (c[1] = [
+          s("span", { class: "pi pi-face-smile" }, null, -1)
         ])),
-        l("button", {
+        s("button", {
           class: "chat-input__button-send",
-          onClick: t
-        }, s[2] || (s[2] = [
-          l("span", { class: "pi pi-send" }, null, -1)
+          onClick: u
+        }, c[2] || (c[2] = [
+          s("span", { class: "pi pi-send" }, null, -1)
         ]))
       ])
     ]));
   }
-}, kt = /* @__PURE__ */ S(q1, [["__scopeId", "data-v-e87cd434"]]), J1 = { class: "chat-list" }, F1 = {
+}, bi = /* @__PURE__ */ E(kt, [["__scopeId", "data-v-ee2b6643"]]), Et = { class: "chat-list" }, Tt = {
   __name: "ChatList",
   props: {
     chats: {
@@ -13962,25 +14191,25 @@ const Y1 = { class: "chat-input" }, R1 = { class: "chat-input__container" }, q1
       if (t.countUnread < o.countUnread) return 1;
       if (t.countUnread == o.countUnread) return 0;
     });
-    return (t, o) => (d(), M("div", J1, [
-      (d(!0), M(G, null, of(i(), (r) => (d(), rf(wA, {
+    return (t, o) => (g(), M("div", Et, [
+      (g(!0), M(P, null, X(i(), (r) => (g(), rf(VA, {
         key: r.chatId,
         chat: r,
         onSelect: a
       }, null, 8, ["chat"]))), 128))
     ]));
   }
-}, Et = /* @__PURE__ */ S(F1, [["__scopeId", "data-v-fafd9097"]]), W1 = { class: "chat-filter" }, K1 = { class: "chat-filter__container" }, Z1 = {
+}, yi = /* @__PURE__ */ E(Tt, [["__scopeId", "data-v-fafd9097"]]), xt = { class: "chat-filter" }, zt = { class: "chat-filter__container" }, St = {
   __name: "ChatFilter",
   emits: ["update"],
   setup(f, { emit: e }) {
-    const A = V(""), n = e, a = () => {
-      const i = Nf(A);
+    const A = y(""), n = e, a = () => {
+      const i = uf(A);
       n("update", i.value);
     };
-    return (i, t) => (d(), M("div", W1, [
-      l("div", K1, [
-        l("input", {
+    return (i, t) => (g(), M("div", xt, [
+      s("div", zt, [
+        s("input", {
           class: "chat-filter__input",
           type: "text",
           ref_key: "refInput",
@@ -13991,7 +14220,24 @@ const Y1 = { class: "chat-input" }, R1 = { class: "chat-input__container" }, q1
       ])
     ]));
   }
-}, H1 = /* @__PURE__ */ S(Z1, [["__scopeId", "data-v-bacb0798"]]), P1 = { class: "chat-list" }, G1 = { class: "chat-list__container" }, X1 = { class: "chat-list__items" }, $1 = {
+}, Ot = /* @__PURE__ */ E(St, [["__scopeId", "data-v-bacb0798"]]), Ct = { class: "theme-button" }, Ut = {
+  __name: "ThemeMode",
+  setup(f) {
+    const e = y(!1), A = () => {
+      e.value = !e.value, document.documentElement.classList.toggle("dark");
+    };
+    return (n, a) => (g(), M("label", Ct, [
+      s("input", {
+        type: "checkbox",
+        onClick: A
+      }),
+      a[0] || (a[0] = s("span", { class: "theme-button__switch" }, [
+        s("span", { class: "pi pi-sun" }),
+        s("span", { class: "pi pi-moon" })
+      ], -1))
+    ]));
+  }
+}, Ii = /* @__PURE__ */ E(Ut, [["__scopeId", "data-v-37d35694"]]), Lt = { class: "chat-list" }, Qt = { class: "chat-list__container" }, Bt = { class: "chat-list__context-list" }, Yt = { key: 0 }, Rt = { key: 1 }, qt = {
   __name: "ChatList2",
   props: {
     chats: {
@@ -14005,136 +14251,76 @@ const Y1 = { class: "chat-input" }, R1 = { class: "chat-input__container" }, q1
   },
   emits: ["select"],
   setup(f, { emit: e }) {
-    const A = V(""), n = f, a = () => {
-      document.documentElement.classList.toggle("dark");
-    }, i = e, t = (u) => {
-      i("select", u), n.chats.forEach((s) => s.isSelected = !1);
-      const c = n.chats.find((s) => s.chatId === u.chatId);
-      c.isSelected = !0;
-    }, o = () => n.chats.sort((u, c) => {
-      if (u.countUnread > c.countUnread) return -1;
-      if (u.countUnread < c.countUnread) return 1;
-      if (u.countUnread == c.countUnread) return 0;
-    }).filter((u) => u.name.includes(A.value)), r = (u) => {
-      A.value = u;
+    const A = y(""), n = y(!1), a = y(0), i = y(0), t = y(null), o = f, r = (c) => {
+      const p = c.target.closest(".chat-list__item");
+      p && (t.value = JSON.parse(p.dataset.chatInfo), n.value = !n.value, a.value = c.clientX, i.value = c.clientY);
+    }, u = () => {
+      const c = o.chats.find((p) => p.chatId === t.value.chatId);
+      n.value = !n.value, c.isFixed = !c.isFixed;
+    }, d = e, l = (c) => {
+      d("select", c), o.chats.forEach((h) => h.isSelected = !1);
+      const p = o.chats.find((h) => h.chatId === c.chatId);
+      p.isSelected = !0;
+    }, m = () => o.chats.sort((c, p) => {
+      if (c.countUnread > p.countUnread) return -1;
+      if (c.countUnread < p.countUnread) return 1;
+      if (c.countUnread == p.countUnread) return 0;
+    }).filter((c) => c.name.includes(A.value)), b = (c) => {
+      A.value = c;
     };
-    return (u, c) => (d(), M("div", P1, [
-      l("div", G1, [
-        c[0] || (c[0] = l("h2", { class: "chat-list__title" }, "Чаты", -1)),
-        f.filterEnabled ? (d(), rf(H1, {
+    return (c, p) => (g(), M("div", Lt, [
+      s("div", Qt, [
+        p[3] || (p[3] = s("h2", { class: "chat-list__title" }, "Чаты", -1)),
+        f.filterEnabled ? (g(), rf(Ot, {
           key: 0,
           class: "chat-list__filter",
-          onUpdate: r
-        })) : U("", !0),
-        l("div", X1, [
-          (d(!0), M(G, null, of(o(), (s) => (d(), rf(UA, {
-            key: s.chatId,
-            chat: s,
-            onSelect: t
-          }, null, 8, ["chat"]))), 128))
-        ]),
-        l("button", {
-          onClick: a,
-          style: { width: "150px", height: "20px", "margin-top": "50px" }
-        }, "Смена темы")
-      ])
-    ]));
-  }
-}, Tt = /* @__PURE__ */ S($1, [["__scopeId", "data-v-69ebd00b"]]), ft = {
-  props: {
-    message: {
-      type: Object,
-      required: !0
-    }
-    /*
-    imageSrc: {
-      type: String,
-      required: true,
-    },
-    isSent: {
-      type: Boolean,
-      default: false,
-    },
-    isDelivered: {
-      type: Boolean,
-      default: false,
-    },
-    isRead: {
-      type: Boolean,
-      default: false,
-    },
-    timestamp: {
-      type: Number, 
-      required: true,
-    },
-    */
-  },
-  setup(f) {
-    return {
-      isOpen: V(!1)
-    };
-  }
-}, et = { class: "image-message" }, At = { class: "image-message__container" }, nt = ["src", "alt"], at = {
-  key: 0,
-  class: "image-message__modal-overlay"
-}, tt = { class: "image-message__modal" }, it = ["src", "alt"];
-function ot(f, e, A, n, a, i) {
-  return d(), M("div", et, [
-    l("div", At, [
-      l("button", {
-        class: "image-message__button",
-        onClick: e[0] || (e[0] = (t) => n.isOpen = !0)
-      }, [
-        l("img", {
-          class: "image-message__preview-image",
-          src: A.message.url,
-          alt: A.message.alt
-        }, null, 8, nt),
-        e[2] || (e[2] = l("span", { class: "image-message__time" }, "22:02", -1))
-      ]),
-      (d(), rf(mA, { to: "body" }, [
-        nf(bA, { name: "modal-fade" }, {
-          default: hA(() => [
-            n.isOpen ? (d(), M("div", at, [
-              l("div", tt, [
-                l("button", {
-                  class: "image-message__modal-close-button",
-                  onClick: e[1] || (e[1] = (t) => n.isOpen = !1)
-                }, e[3] || (e[3] = [
-                  l("span", null, [
-                    l("i", { class: "pi pi-times" })
-                  ], -1)
-                ])),
-                l("img", {
-                  class: "image-message__modal-image",
-                  src: A.message.url,
-                  alt: A.message.alt
-                }, null, 8, it)
+          onUpdate: b
+        })) : k("", !0),
+        s("div", {
+          class: "chat-list__items",
+          onContextmenu: Fe(r, ["prevent"])
+        }, [
+          (g(!0), M(P, null, X(m(), (h) => (g(), rf(YA, {
+            class: "chat-list__item",
+            key: h.chatId,
+            chat: h,
+            onSelect: l,
+            "data-chat-info": JSON.stringify(h)
+          }, null, 8, ["chat", "data-chat-info"]))), 128))
+        ], 32),
+        Y(Vf, null, {
+          default: kf(() => [
+            n.value ? (g(), M("div", {
+              key: 0,
+              class: "chat-list__context-menu",
+              style: Ye({ top: i.value + "px", left: a.value + "px" })
+            }, [
+              s("ul", Bt, [
+                s("li", {
+                  class: "chat-list__context-item",
+                  onClick: u
+                }, [
+                  p[0] || (p[0] = s("span", { class: "pi pi-thumbtack" }, null, -1)),
+                  t.value.isFixed ? (g(), M("span", Rt, "Открепить")) : (g(), M("span", Yt, "Закрепить"))
+                ]),
+                p[1] || (p[1] = s("li", { class: "chat-list__context-item" }, [
+                  s("span", { class: "pi pi-pencil" }),
+                  s("span", null, "что-то еще")
+                ], -1)),
+                p[2] || (p[2] = s("li", { class: "chat-list__context-item" }, [
+                  s("span", { class: "pi pi-plus" }),
+                  s("span", null, "что-то еще")
+                ], -1))
               ])
-            ])) : U("", !0)
+            ], 4)) : k("", !0)
           ]),
           _: 1
         })
-      ]))
-    ])
-  ]);
-}
-const rt = /* @__PURE__ */ S(ft, [["render", ot], ["__scopeId", "data-v-85d6dbfc"]]), ut = { class: "date-message" }, st = { class: "date-message__container" }, ct = { class: "date-message__text" }, lt = {
-  __name: "DateMessage",
-  props: {
-    message: {
-      type: Object
-    }
-  },
-  setup(f) {
-    return (e, A) => (d(), M("div", ut, [
-      l("div", st, [
-        l("p", ct, _(f.message.text), 1)
       ])
     ]));
   }
-}, dt = /* @__PURE__ */ S(lt, [["__scopeId", "data-v-3b340776"]]), gt = ["messageId"], Mt = { class: "audio-message__container" }, pt = { class: "audio-message__progress-bar-container" }, mt = { class: "audio-message__remaining-time" }, bt = {
-  __name: "AudioMessage",
+}, vi = /* @__PURE__ */ E(qt, [["__scopeId", "data-v-6eed7a96"]]), Ft = { class: "video-message" }, Jt = { class: "video-message__container" }, Wt = ["src"], Kt = { class: "video-message__controls" }, Zt = { class: "video-message__remaining-time" }, Pt = { class: "video-message__time" }, Ht = {
+  __name: "VideoMessage",
   props: {
     message: {
       type: Object,
@@ -14142,61 +14328,64 @@ const rt = /* @__PURE__ */ S(ft, [["render", ot], ["__scopeId", "data-v-85d6dbfc
     }
   },
   setup(f) {
-    function e(s) {
-      return s.position === "left" ? "audio-message__left" : "audio-message__right";
+    const e = y(null), A = y(!1), n = y(0), a = y(0);
+    function i() {
+      e.value && (A.value ? e.value.pause() : e.value.play(), A.value = !A.value);
     }
-    const A = V(null), n = V(!1), a = V(0), i = V(0);
-    function t() {
-      A.value && (n.value ? A.value.pause() : A.value.play(), n.value = !n.value);
-    }
-    const o = (s) => {
-      const g = Math.floor(s / 60), b = Math.floor(s % 60);
-      return `${g.toString().padStart(2, "0")}:${b.toString().padStart(2, "0")}`;
-    }, r = z(() => A.value ? o(i.value) : "0:00"), u = z(() => A.value ? o(a.value) : "0:00"), c = z(() => a.value > 0 ? i.value / a.value * 100 : 0);
-    return Be(() => {
-      A.value.addEventListener("loadedmetadata", () => {
-        a.value = A.value.duration;
-      }), A.value.addEventListener("timeupdate", () => {
-        i.value = A.value.currentTime;
+    const t = (r) => {
+      const u = Math.floor(r / 60), d = Math.floor(r % 60);
+      return `${u.toString().padStart(2, "0")}:${d.toString().padStart(2, "0")}`;
+    }, o = x(() => {
+      if (e.value) {
+        if (a.value >= n.value)
+          return A.value = !1, "00:00";
+        {
+          const r = n.value - a.value;
+          return t(r);
+        }
+      }
+    });
+    return Wf(() => {
+      e.value.addEventListener("loadedmetadata", () => {
+        n.value = e.value.duration;
+      }), e.value.addEventListener("timeupdate", () => {
+        a.value = e.value.currentTime;
       });
-    }), (s, g) => (d(), M("div", {
-      class: C(["audio-message", e(f.message)]),
-      messageId: f.message.messageId
-    }, [
-      l("audio", {
-        ref_key: "player",
-        ref: A,
-        src: "/sample-6s.mp3"
-      }, null, 512),
-      l("div", Mt, [
-        tf(l("button", {
-          class: "audio-message__play",
-          onClick: t
-        }, g[0] || (g[0] = [
-          l("span", { class: "pi pi-play" }, null, -1)
-        ]), 512), [
-          [Yf, !n.value]
-        ]),
-        tf(l("button", {
-          class: "audio-message__pause",
-          onClick: t
-        }, g[1] || (g[1] = [
-          l("span", { class: "pi pi-pause" }, null, -1)
-        ]), 512), [
-          [Yf, n.value]
-        ]),
-        l("div", pt, [
-          l("div", {
-            class: "audio-message__progress-bar",
-            style: yA({ width: c.value + "%" })
-          }, null, 4)
+    }), (r, u) => (g(), M("div", Ft, [
+      s("div", Jt, [
+        s("video", {
+          ref_key: "player",
+          ref: e,
+          class: "video-message__video",
+          src: f.message.url
+        }, null, 8, Wt),
+        s("div", Kt, [
+          Y(Vf, null, {
+            default: kf(() => [
+              W(s("button", {
+                class: "video-message__play",
+                onClick: i
+              }, u[0] || (u[0] = [
+                s("span", { class: "pi pi-play" }, null, -1)
+              ]), 512), [
+                [cf, !A.value]
+              ])
+            ]),
+            _: 1
+          }),
+          W(s("button", {
+            class: "video-message__pause",
+            onClick: i
+          }, null, 512), [
+            [cf, A.value]
+          ])
         ]),
-        l("p", mt, _(`${r.value} / ${u.value}`), 1),
-        g[2] || (g[2] = l("span", { class: "audio-message__time" }, "22:02", -1))
+        s("p", Zt, N(`${o.value}`), 1),
+        s("span", Pt, N(f.message.time), 1)
       ])
-    ], 10, gt));
+    ]));
   }
-}, ht = /* @__PURE__ */ S(bt, [["__scopeId", "data-v-8b044fcf"]]), yt = { class: "message-feed__container" }, It = {
+}, Gt = /* @__PURE__ */ E(Ht, [["__scopeId", "data-v-77118a96"]]), Xt = { class: "message-feed__container" }, $t = {
   __name: "Feed",
   props: {
     objects: {
@@ -14205,33 +14394,34 @@ const rt = /* @__PURE__ */ S(ft, [["render", ot], ["__scopeId", "data-v-85d6dbfc
     }
   },
   setup(f) {
-    const e = V(null), A = f, n = (i) => ({
-      "message.text": PA,
-      "message.image": rt,
-      "message.file": RA,
-      "message.audio": ht,
-      "system.date": dt
+    const e = y(null), A = f, n = (i) => ({
+      "message.text": en,
+      "message.image": wn,
+      "message.file": KA,
+      "message.audio": un,
+      "message.video": Gt,
+      "system.date": pn
     })[i];
     function a() {
-      NA(function() {
-        const i = Nf(e);
+      Je(function() {
+        const i = uf(e);
         i.scrollTop = i.scrollHeight;
       });
     }
-    return IA(() => a), ae(() => A.objects, a), (i, t) => (d(), M("div", {
+    return DA(() => a), Pf(() => A.objects, a), (i, t) => (g(), M("div", {
       class: "message-feed",
       ref_key: "refFeed",
       ref: e
     }, [
-      l("div", yt, [
-        (d(!0), M(G, null, of(f.objects, (o) => (d(), rf(vA(n(o.type)), {
+      s("div", Xt, [
+        (g(!0), M(P, null, X(f.objects, (o) => (g(), rf(wA(n(o.type)), {
           key: o.messageId,
           message: o
         }, null, 8, ["message"]))), 128))
       ])
     ], 512));
   }
-}, xt = /* @__PURE__ */ S(It, [["__scopeId", "data-v-bab826c9"]]), vt = { class: "profile" }, Nt = { key: 0 }, Dt = {
+}, Ni = /* @__PURE__ */ E($t, [["__scopeId", "data-v-73e47c19"]]), fi = { class: "profile" }, ei = { key: 0 }, Ai = {
   __name: "Profile",
   props: {
     user: {
@@ -14240,20 +14430,163 @@ const rt = /* @__PURE__ */ S(ft, [["render", ot], ["__scopeId", "data-v-85d6dbfc
     }
   },
   setup(f) {
-    return (e, A) => (d(), M("div", vt, [
-      f.user ? (d(), M("div", Nt, [
-        l("h2", null, _(f.user.name), 1),
-        l("p", null, _(f.user.email), 1),
-        l("p", null, _(f.user.phone), 1)
-      ])) : U("", !0)
+    return (e, A) => (g(), M("div", fi, [
+      f.user ? (g(), M("div", ei, [
+        s("h2", null, N(f.user.name), 1),
+        s("p", null, N(f.user.email), 1),
+        s("p", null, N(f.user.phone), 1)
+      ])) : k("", !0)
+    ]));
+  }
+}, Di = /* @__PURE__ */ E(Ai, [["__scopeId", "data-v-e1bf37ef"]]), ni = {
+  key: 0,
+  class: "new-chat-modal"
+}, ai = { class: "modal-content" }, ti = { class: "participant-list" }, ii = ["id", "value"], oi = ["for"], ri = {
+  __name: "CreateNewChat",
+  props: {
+    users: {
+      type: Array,
+      required: !0
+    },
+    title: {
+      type: String,
+      required: !0
+    },
+    isChatName: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  },
+  emits: ["createNewChat"],
+  setup(f, { emit: e }) {
+    const A = f, n = y(!1), a = y(""), i = y([]), t = y(A.users), o = e, r = () => {
+      n.value = !0;
+    }, u = async () => {
+      i.value.length > 0 && (a.value && A.isChatName || !A.isChatName) && (o("createNewChat", {
+        chatName: a.value,
+        users: i.value
+      }), d(), l());
+    }, d = () => {
+      n.value = !1;
+    }, l = () => {
+      a.value = "", i.value = [];
+    }, m = () => {
+      d(), l();
+    };
+    return (b, c) => (g(), M("div", null, [
+      n.value ? (g(), M("div", ni, [
+        s("div", ai, [
+          c[2] || (c[2] = s("h2", null, "Создать чат", -1)),
+          f.isChatName ? W((g(), M("input", {
+            key: 0,
+            "onUpdate:modelValue": c[0] || (c[0] = (p) => a.value = p),
+            placeholder: "название чата"
+          }, null, 512)), [
+            [Kf, a.value]
+          ]) : k("", !0),
+          s("div", ti, [
+            (g(!0), M(P, null, X(t.value, (p) => (g(), M("div", {
+              key: p.userId,
+              class: "participant-item"
+            }, [
+              W(s("input", {
+                type: "checkbox",
+                id: p.userId,
+                "onUpdate:modelValue": c[1] || (c[1] = (h) => i.value = h),
+                value: p.userId
+              }, null, 8, ii), [
+                [_A, i.value]
+              ]),
+              s("label", {
+                for: p.userId
+              }, N(p.name || "unknown username"), 9, oi)
+            ]))), 128))
+          ]),
+          s("div", { class: "modal-actions" }, [
+            s("button", { onClick: u }, "Создать"),
+            s("button", { onClick: m }, "Отмена")
+          ])
+        ])
+      ])) : k("", !0),
+      s("button", {
+        onClick: r,
+        class: "create-chat-btn"
+      }, N(f.title), 1)
+    ]));
+  }
+}, wi = /* @__PURE__ */ E(ri, [["__scopeId", "data-v-90eae66e"]]), si = {
+  key: 0,
+  class: "chat-input__button-file"
+}, ui = { key: 1 }, ci = { key: 2 }, li = { key: 3 }, di = {
+  __name: "FileUploader",
+  props: {
+    canUploadFile: {
+      type: Boolean,
+      required: !0,
+      default: !0
+    }
+  },
+  emits: ["fileUploaded"],
+  setup(f, { emit: e }) {
+    const A = f, n = y(null), a = y(""), i = y(""), t = y(""), o = y(!1), r = y(!1), u = y(!1), d = e;
+    Pf(() => A.canUploadFile, () => {
+      Je(() => {
+        A.canUploadFile === !0 && (a.value = null);
+      });
+    });
+    const l = (c) => {
+      console.log("onFileSelected", c.target.files[0]), n.value = c.target.files[0], n.value && (m(), b(), u.value = !0);
+    }, m = () => {
+      const c = n.value, p = c.type;
+      if (console.log(p), p.startsWith("image/") ? (o.value = !0, r.value = !1) : p.startsWith("video/") ? (o.value = !1, r.value = !0) : (o.value = !1, r.value = !1), o.value || r.value) {
+        const h = new FileReader();
+        h.onload = (v) => {
+          t.value = v.target.result;
+        }, h.readAsDataURL(c);
+      } else
+        t.value = "";
+    }, b = async () => {
+      a.value = "uploading";
+      const c = new FormData();
+      c.append("file", n.value);
+      try {
+        const h = await (await fetch("https://filebump.services.mobilon.ru/upload", {
+          method: "POST",
+          body: c
+        })).json();
+        i.value = h.url, a.value = "success", A.canUploadFile = !1, d("fileUploaded", { url: i.value, type: "message.file" });
+      } catch (p) {
+        console.error("Ошибка при загрузке файла:", p), a.value = "error";
+      }
+    };
+    return (c, p) => (g(), M("div", null, [
+      f.canUploadFile && a.value !== "success" ? (g(), M("div", si, [
+        s("label", null, [
+          s("input", {
+            type: "file",
+            onChange: l
+          }, null, 32),
+          p[0] || (p[0] = s("span", null, [
+            s("i", { class: "pi pi-file-arrow-up" })
+          ], -1))
+        ])
+      ])) : k("", !0),
+      !f.canUploadFile && a.value === "success" ? (g(), M("div", ui, p[1] || (p[1] = [
+        s("p", null, "Файл загружен и готов к отправке.", -1)
+      ]))) : a.value === "uploading" ? (g(), M("div", ci, p[2] || (p[2] = [
+        s("p", null, "Загрузка файла...", -1)
+      ]))) : a.value === "error" ? (g(), M("div", li, p[3] || (p[3] = [
+        s("p", null, "Ошибка при загрузке файла.", -1)
+      ]))) : k("", !0)
     ]));
   }
-}, zt = /* @__PURE__ */ S(Dt, [["__scopeId", "data-v-e1bf37ef"]]);
-function St(f) {
+}, gi = /* @__PURE__ */ E(di, [["__scopeId", "data-v-fb99e78b"]]);
+function _i(f) {
   const e = +new Date(Number(f) * 1e3), A = +/* @__PURE__ */ new Date(), n = Math.floor((A - e) / 1e3), a = Math.floor(n / 60), i = Math.floor(a / 60), t = Math.floor(i / 24);
   return t > 30 ? e.toLocaleString() : t > 0 ? `${t} ${t === 1 ? "день" : "дня"} назад` : i > 0 ? `${i} ${i === 1 ? "час" : "часа"} назад` : a > 0 ? `${a} ${a === 1 ? "минута" : "минуты"} назад` : n > 0 ? `${n} ${n === 1 ? "секунда" : "секунды"} назад` : "Только что";
 }
-const Ot = (f) => {
+const ji = (f) => {
   const e = [];
   let A = null;
   for (let n = 0; n < f.length; n++) {
@@ -14267,7 +14600,7 @@ const Ot = (f) => {
     }), A = i), e.push(a);
   }
   return e;
-}, Ct = async () => {
+}, Vi = async () => {
   try {
     if (await navigator.mediaDevices.getUserMedia({ audio: !0 })) {
       const e = new Audio();
@@ -14276,22 +14609,28 @@ const Ot = (f) => {
   } catch {
     console.log("no audio permissions");
   }
-}, Ut = (f) => f.sort((e, A) => Number(e.timestamp) < Number(A.timestamp) ? -1 : Number(e.timestamp) > Number(A.timestamp) ? 1 : 0);
+}, ki = (f) => f.sort((e, A) => Number(e.timestamp) < Number(A.timestamp) ? -1 : Number(e.timestamp) > Number(A.timestamp) ? 1 : 0);
 export {
-  wA as Chat,
-  UA as Chat2,
-  Vt as ChatInfo,
-  _t as ChatInput,
-  kt as ChatInput2,
-  Et as ChatList,
-  Tt as ChatList2,
-  xt as Feed,
-  RA as FileMessage,
-  jt as ImageMessage,
-  zt as Profile,
-  PA as TextMessage,
-  St as formatTimestamp,
-  Ot as insertDaySeparators,
-  Ct as playNotificationAudio,
-  Ut as sortByTimestamp
+  un as AudioMessage,
+  VA as Chat,
+  YA as Chat2,
+  mi as ChatInfo,
+  hi as ChatInput,
+  bi as ChatInput2,
+  yi as ChatList,
+  vi as ChatList2,
+  wi as CreateNewChat,
+  pn as DateMessage,
+  Ni as Feed,
+  KA as FileMessage,
+  gi as FileUploader,
+  Mi as ImageMessage,
+  wn as ImageMessage2,
+  Di as Profile,
+  en as TextMessage,
+  Ii as ThemeMode,
+  _i as formatTimestamp,
+  ji as insertDaySeparators,
+  Vi as playNotificationAudio,
+  ki as sortByTimestamp
 };