@mobilon-dev/chotto 0.0.52 → 0.0.54

package/dist/{index-Bhew71gm.js → index-Bsz7oFjl.js}

@@ -1,5 +1,5 @@
-import { openBlock as c, createElementBlock as d, createElementVNode as l, toDisplayString as w, createCommentVNode as b, renderSlot as G, ref as I, inject as ke, watch as Oe, nextTick as vt, unref as V, withDirectives as we, withKeys as Ma, vModelText as xt, normalizeClass as C, createVNode as L, Transition as q, withCtx as H, createBlock as F, Fragment as $, renderList as Z, defineComponent as K, onUpdated as ya, resolveDynamicComponent as ba, normalizeStyle as P, onMounted as Ne, onUnmounted as St, computed as U, Teleport as zt, toRef as va, vModelRadio as Ia, getCurrentInstance as _a, toRaw as On, onBeforeUnmount as wa, provide as Ot, reactive as ka, readonly as Na, vShow as Df, resolveComponent as If, h as rn, defineAsyncComponent as Da, createApp as ja, useId as Cn } from "vue";
-const S = (e, f) => {
+import { openBlock as c, createElementBlock as d, createElementVNode as o, toDisplayString as w, createCommentVNode as b, renderSlot as G, ref as I, inject as ke, watch as Oe, nextTick as vt, unref as j, withDirectives as we, withKeys as Ma, vModelText as xt, normalizeClass as x, createVNode as L, Transition as q, withCtx as H, createBlock as F, Fragment as $, renderList as Z, defineComponent as K, onUpdated as ya, resolveDynamicComponent as ba, normalizeStyle as P, useId as St, onMounted as Ne, onUnmounted as zt, computed as U, Teleport as Ot, toRef as va, vModelRadio as Ia, getCurrentInstance as _a, toRaw as Cn, onBeforeUnmount as wa, provide as Ct, reactive as ka, readonly as Na, vShow as Df, resolveComponent as If, h as un, defineAsyncComponent as Da, createApp as ja } from "vue";
+const z = (e, f) => {
   const t = e.__vccOpts || e;
   for (const [n, a] of f)
     t[n] = a;
@@ -25,7 +25,7 @@ const S = (e, f) => {
   setup(e, { emit: f }) {
     const t = e;
     return (n, a) => e.chat ? (c(), d("div", Ea, [
-      l("div", Ta, [
+      o("div", Ta, [
         t.chat.avatar ? (c(), d("img", {
           key: 0,
           src: t.chat.avatar,
@@ -33,18 +33,18 @@ const S = (e, f) => {
           height: "48"
         }, null, 8, Va)) : (c(), d("span", xa))
       ]),
-      l("div", Sa, [
-        l("h2", za, w(e.chat.name), 1),
+      o("div", Sa, [
+        o("h2", za, w(e.chat.name), 1),
         e.chat["lastActivity.time"] ? (c(), d("p", Oa, w(e.chat["lastActivity.time"]), 1)) : b("", !0)
       ]),
-      l("div", Ca, [
+      o("div", Ca, [
         G(n.$slots, "actions", {}, void 0, !0)
       ])
     ])) : b("", !0);
   }
-}, pu = /* @__PURE__ */ S(La, [["__scopeId", "data-v-e1d212c7"]]), he = I([]), At = (e) => {
+}, pu = /* @__PURE__ */ z(La, [["__scopeId", "data-v-e1d212c7"]]), he = I([]), At = (e) => {
   const f = I(0);
-  let t = he.value.find(({ id: o }) => o == e);
+  let t = he.value.find(({ id: l }) => l == e);
   t != null ? f.value = he.value.indexOf(t) : (he.value.push({
     id: e,
     text: "",
@@ -56,19 +56,19 @@ const S = (e, f) => {
       text: "",
       file: void 0
     };
-  }, a = (o) => {
+  }, a = (l) => {
     he.value[f.value] = {
       id: i().id,
-      text: o,
+      text: l,
       file: i().file
     };
-  }, s = (o) => {
+  }, A = (l) => {
     he.value[f.value] = {
       id: i().id,
       text: i().text,
-      file: o
+      file: l
     };
-  }, A = () => {
+  }, s = () => {
     he.value[f.value] = {
       id: i().id,
       text: i().text,
@@ -78,7 +78,7 @@ const S = (e, f) => {
   function i() {
     return he.value[f.value];
   }
-  return { getMessage: i, resetMessage: n, setMessageFile: s, resetMessageFile: A, setMessageText: a };
+  return { getMessage: i, resetMessage: n, setMessageFile: A, resetMessageFile: s, setMessageText: a };
 }, Ua = {
   "component.ChatList.Title": "Чаты",
   "component.ChatFilter.InputPlaceholder": "Поиск диалога",
@@ -102,7 +102,7 @@ const S = (e, f) => {
     name: "Pусский",
     flag: "russian"
   }
-], un = I(Ln[1]);
+], cn = I(Ln[1]);
 let Qa = {
   ru: Ua,
   en: Ba
@@ -110,11 +110,11 @@ let Qa = {
 const Se = Ra().t;
 function Ra() {
   function e(f) {
-    return Qa[un.value.code][f];
+    return Qa[cn.value.code][f];
   }
   return {
     t: e,
-    locale: un,
+    locale: cn,
     locales: Ln
   };
 }
@@ -129,28 +129,28 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
   },
   emits: ["send", "typing", "selectChannel"],
   setup(e, { emit: f }) {
-    const t = f, n = ke("chatAppId"), { resetMessage: a, getMessage: s, setMessageText: A } = At(n), i = I(null);
+    const t = f, n = ke("chatAppId"), { resetMessage: a, getMessage: A, setMessageText: s } = At(n), i = I(null);
     Oe(
-      () => s().text,
+      () => A().text,
       () => {
         vt(function() {
           i.value.style.height = "auto", i.value.style.scrollHeight = "auto", i.value.style.height = i.value.scrollHeight + "px";
         });
       }
     );
-    const o = (r) => {
-      t("typing", r.target.value);
-    }, u = (r) => {
-      if (r.ctrlKey) {
-        let m = r.target.selectionStart;
-        r.target.setRangeText(`
-`, m, m, "end"), A(r.target.value);
+    const l = (u) => {
+      t("typing", u.target.value);
+    }, r = (u) => {
+      if (u.ctrlKey) {
+        let m = u.target.selectionStart;
+        u.target.setRangeText(`
+`, m, m, "end"), s(u.target.value);
       } else
-        r.preventDefault(), g();
+        u.preventDefault(), g();
     }, g = () => {
       var m;
-      const r = I(s());
-      if (r.value.text != "" || r.value.file) {
+      const u = I(A());
+      if (u.value.text != "" || u.value.file) {
         const p = {
           type: null,
           text: null,
@@ -158,41 +158,41 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
           filename: null,
           size: null
         };
-        r.value.file ? (p.type = "message." + r.value.file.type, p.url = r.value.file.url, p.filename = r.value.file.name, p.size = r.value.file.size, p.text = (m = r == null ? void 0 : r.value) == null ? void 0 : m.text.trim()) : (p.type = "message.text", p.text = r.value.text.trim()), t("send", p), a(), V(i).focus();
+        u.value.file ? (p.type = "message." + u.value.file.type, p.url = u.value.file.url, p.filename = u.value.file.name, p.size = u.value.file.size, p.text = (m = u == null ? void 0 : u.value) == null ? void 0 : m.text.trim()) : (p.type = "message.text", p.text = u.value.text.trim()), t("send", p), a(), j(i).focus();
       }
     };
-    return (r, m) => (c(), d("div", Ya, [
-      l("div", qa, [
-        l("div", {
-          id: "chat-input-first-line-" + V(n),
+    return (u, m) => (c(), d("div", Ya, [
+      o("div", qa, [
+        o("div", {
+          id: "chat-input-first-line-" + j(n),
           class: "chat-input__first-line"
         }, null, 8, Ha),
-        l("div", Fa, [
-          we(l("textarea", {
+        o("div", Fa, [
+          we(o("textarea", {
             ref_key: "refInput",
             ref: i,
-            "onUpdate:modelValue": m[0] || (m[0] = (p) => V(s)().text = p),
+            "onUpdate:modelValue": m[0] || (m[0] = (p) => j(A)().text = p),
             class: "chat-input__input",
-            placeholder: V(Se)("component.ChatInput.InputPlaceholder"),
-            onKeydown: Ma(u, ["enter"]),
-            onInput: o
+            placeholder: j(Se)("component.ChatInput.InputPlaceholder"),
+            onKeydown: Ma(r, ["enter"]),
+            onInput: l
           }, null, 40, Pa), [
-            [xt, V(s)().text]
+            [xt, j(A)().text]
           ]),
-          l("button", {
-            class: C(["chat-input__button-send", { "chat-input__button-send-disabled": V(s)().text == "" && !V(s)().file }]),
+          o("button", {
+            class: x(["chat-input__button-send", { "chat-input__button-send-disabled": j(A)().text == "" && !j(A)().file }]),
             onClick: g
           }, m[1] || (m[1] = [
-            l("span", { class: "pi pi-send" }, null, -1)
+            o("span", { class: "pi pi-send" }, null, -1)
           ]), 2)
         ]),
-        l("div", $a, [
-          G(r.$slots, "buttons", {}, void 0, !0)
+        o("div", $a, [
+          G(u.$slots, "buttons", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}, hu = /* @__PURE__ */ S(Wa, [["__scopeId", "data-v-23fafc19"]]), Ka = { class: "chat-list" }, Ja = { class: "chat-list__title" }, Ga = {
+}, hu = /* @__PURE__ */ z(Wa, [["__scopeId", "data-v-23fafc19"]]), Ka = { class: "chat-list" }, Ja = { class: "chat-list__title" }, Ga = {
   key: 0,
   class: "pi pi-minus"
 }, Za = {
@@ -219,27 +219,27 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
   setup(e, { emit: f }) {
     const t = I(""), n = I(!1), a = () => {
       n.value = !1;
-    }, s = e, A = f, i = (r) => {
-      s.chats.forEach((p) => p.isSelected = !1);
-      const m = s.chats.find((p) => p.chatId === r.chatId);
-      m.isSelected = !0, A("select", r);
-    }, o = () => s.chats.toSorted((r, m) => {
-      if (Number(r["lastActivity.timestamp"]) > Number(m["lastActivity.timestamp"])) return -1;
-      if (Number(r["lastActivity.timestamp"]) < Number(m["lastActivity.timestamp"])) return 1;
-      if (Number(r["lastActivity.timestamp"]) == Number(m["lastActivity.timestamp"])) return 0;
-    }).toSorted((r, m) => {
-      if (r.countUnread > m.countUnread) return -1;
-      if (r.countUnread < m.countUnread) return 1;
-      if (r.countUnread == m.countUnread) return 0;
-    }).filter((r) => r.name.includes(t.value) || r.metadata.includes(t.value)), u = (r) => {
-      t.value = r;
-    }, g = (r) => A("action", r);
-    return (r, m) => (c(), d("div", Ka, [
-      l("div", {
+    }, A = e, s = f, i = (u) => {
+      A.chats.forEach((p) => p.isSelected = !1);
+      const m = A.chats.find((p) => p.chatId === u.chatId);
+      m.isSelected = !0, s("select", u);
+    }, l = () => A.chats.toSorted((u, m) => {
+      if (Number(u["lastActivity.timestamp"]) > Number(m["lastActivity.timestamp"])) return -1;
+      if (Number(u["lastActivity.timestamp"]) < Number(m["lastActivity.timestamp"])) return 1;
+      if (Number(u["lastActivity.timestamp"]) == Number(m["lastActivity.timestamp"])) return 0;
+    }).toSorted((u, m) => {
+      if (u.countUnread > m.countUnread) return -1;
+      if (u.countUnread < m.countUnread) return 1;
+      if (u.countUnread == m.countUnread) return 0;
+    }).filter((u) => u.name.includes(t.value) || u.metadata.includes(t.value)), r = (u) => {
+      t.value = u;
+    }, g = (u) => s("action", u);
+    return (u, m) => (c(), d("div", Ka, [
+      o("div", {
         class: "chat-list__title-container",
         onMouseleave: a
       }, [
-        l("h2", Ja, w(V(Se)("component.ChatList.Title")), 1),
+        o("h2", Ja, w(j(Se)("component.ChatList.Title")), 1),
         e.actions.length ? (c(), d("button", {
           key: 0,
           class: "chat-list__button-actions",
@@ -249,7 +249,7 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
         ])) : b("", !0),
         L(q, null, {
           default: H(() => [
-            n.value && e.actions ? (c(), F(V(je), {
+            n.value && e.actions ? (c(), F(j(je), {
               key: 0,
               actions: e.actions,
               class: "chat-list__context-menu",
@@ -259,14 +259,14 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
           _: 1
         })
       ], 32),
-      e.filterEnabled ? (c(), F(V(_s), {
+      e.filterEnabled ? (c(), F(j(_s), {
         key: 0,
         class: "chat-list__filter",
-        onUpdate: u
+        onUpdate: r
       })) : b("", !0),
-      l("div", Xa, [
-        l("div", eA, [
-          (c(!0), d($, null, Z(o().filter((p) => p.isFixedTop), (p) => (c(), F(V(dt), {
+      o("div", Xa, [
+        o("div", eA, [
+          (c(!0), d($, null, Z(l().filter((p) => p.isFixedTop), (p) => (c(), F(j(dt), {
             key: p.chatId,
             class: "chat-list__item",
             chat: p,
@@ -274,8 +274,8 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
             onAction: g
           }, null, 8, ["chat"]))), 128))
         ]),
-        l("div", fA, [
-          (c(!0), d($, null, Z(o().filter((p) => !p.isFixedBottom && !p.isFixedTop), (p) => (c(), F(V(dt), {
+        o("div", fA, [
+          (c(!0), d($, null, Z(l().filter((p) => !p.isFixedBottom && !p.isFixedTop), (p) => (c(), F(j(dt), {
             key: p.chatId,
             class: "chat-list__item",
             chat: p,
@@ -283,8 +283,8 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
             onAction: g
           }, null, 8, ["chat"]))), 128))
         ]),
-        l("div", tA, [
-          (c(!0), d($, null, Z(o().filter((p) => p.isFixedBottom), (p) => (c(), F(V(dt), {
+        o("div", tA, [
+          (c(!0), d($, null, Z(l().filter((p) => p.isFixedBottom), (p) => (c(), F(j(dt), {
             key: p.chatId,
             class: "chat-list__item",
             chat: p,
@@ -295,7 +295,7 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
       ])
     ]));
   }
-}, Mu = /* @__PURE__ */ S(nA, [["__scopeId", "data-v-05a7f886"]]), aA = { class: "message-feed__container" }, AA = {
+}, Mu = /* @__PURE__ */ z(nA, [["__scopeId", "data-v-05a7f886"]]), aA = { class: "message-feed__container" }, AA = {
   key: 0,
   class: "message-feed__unread-amount"
 }, sA = /* @__PURE__ */ K({
@@ -323,10 +323,10 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
   },
   emits: ["messageAction", "loadMore"],
   setup(e, { emit: f }) {
-    const t = I(), n = I(!1), a = e, s = f, A = () => {
-      const r = V(t);
-      r.scrollHeight - r.scrollTop - r.clientHeight < 100 ? n.value = !1 : n.value = !0, r.scrollTop === 0 && s("loadMore");
-    }, i = (r) => ({
+    const t = I(), n = I(!1), a = e, A = f, s = () => {
+      const u = j(t);
+      u.scrollHeight - u.scrollTop - u.clientHeight < 100 ? n.value = !1 : n.value = !0, u.scrollTop === 0 && A("loadMore");
+    }, i = (u) => ({
       "message.text": Ol,
       "message.image": ol,
       "message.file": P1,
@@ -335,31 +335,31 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
       "message.call": Er,
       "message.system": zr,
       "system.date": Xl,
-      "message.typing": zn
-    })[r];
-    function o() {
+      "message.typing": On
+    })[u];
+    function l() {
       a.isScrollToBottomOnUpdateObjectsEnabled && vt(function() {
-        const r = V(t);
-        r.scrollTop = r.scrollHeight;
+        const u = j(t);
+        u.scrollTop = u.scrollHeight;
       });
     }
-    function u() {
+    function r() {
       vt(function() {
-        const r = V(t);
-        r.scrollTop = r.scrollHeight;
+        const u = j(t);
+        u.scrollTop = u.scrollHeight;
       });
     }
-    ya(() => o), Oe(() => a.objects, o);
-    const g = (r) => {
-      s("messageAction", r);
+    ya(() => l), Oe(() => a.objects, l);
+    const g = (u) => {
+      A("messageAction", u);
     };
-    return (r, m) => (c(), d("div", {
+    return (u, m) => (c(), d("div", {
       ref_key: "refFeed",
       ref: t,
       class: "message-feed",
-      onScroll: A
+      onScroll: s
     }, [
-      l("div", aA, [
+      o("div", aA, [
         (c(!0), d($, null, Z(e.objects, (p) => (c(), F(ba(i(p.type)), {
           key: p.messageId,
           class: "message-feed__message",
@@ -367,7 +367,7 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
           onAction: g
         }, null, 40, ["message"]))), 128))
       ]),
-      e.typing ? (c(), F(V(zn), {
+      e.typing ? (c(), F(j(On), {
         key: 0,
         message: {
           subText: e.typing.title,
@@ -379,17 +379,17 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
           n.value ? (c(), d("button", {
             key: 0,
             class: "message-feed__button-down",
-            onClick: u
+            onClick: r
           }, [
             e.buttonParams ? (c(), d("div", AA, w(e.buttonParams.unreadAmount), 1)) : b("", !0),
-            m[0] || (m[0] = l("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
+            m[0] || (m[0] = o("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
           ])) : b("", !0)
         ]),
         _: 1
       })
     ], 544));
   }
-}), yu = /* @__PURE__ */ S(sA, [["__scopeId", "data-v-4172cced"]]), iA = { class: "profile" }, oA = {
+}), yu = /* @__PURE__ */ z(sA, [["__scopeId", "data-v-4172cced"]]), iA = { class: "profile" }, oA = {
   key: 0,
   class: "profile__container"
 }, lA = {
@@ -407,23 +407,23 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
     return (f, t) => (c(), d("div", iA, [
       e.user ? (c(), d("div", oA, [
         e.user.avatar ? (c(), d("div", lA, [
-          l("span", {
+          o("span", {
             class: "profile__status",
             style: P({ backgroundColor: e.user.status })
           }, null, 4),
-          l("img", {
+          o("img", {
             src: e.user.avatar,
             height: "48",
             width: "48"
           }, null, 8, rA)
         ])) : b("", !0),
-        l("h2", uA, w(e.user.name), 1),
-        l("p", cA, w(e.user.email), 1),
-        l("p", dA, w(e.user.phone), 1)
+        o("h2", uA, w(e.user.name), 1),
+        o("p", cA, w(e.user.email), 1),
+        o("p", dA, w(e.user.phone), 1)
       ])) : b("", !0)
     ]));
   }
-}, bu = /* @__PURE__ */ S(gA, [["__scopeId", "data-v-04a5ab7d"]]), mA = ["id"], pA = {
+}, bu = /* @__PURE__ */ z(gA, [["__scopeId", "data-v-04a5ab7d"]]), mA = ["id"], pA = {
   __name: "ButtonContextMenu",
   props: {
     actions: {
@@ -454,28 +454,23 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
       type: String,
       required: !1,
       default: "top"
-    },
-    contextMenuKey: {
-      type: String,
-      required: !1,
-      default: "key"
     }
   },
   emits: ["click", "buttonClick"],
   setup(e, { emit: f }) {
-    const t = e, n = f, a = I(null), s = I(null), A = (r) => {
-      a.value.$el.style.display = "none", n("click", r);
-    }, i = () => {
-      t.disabled || (t.mode == "click" && (a.value.$el.style.display = "inherit"), n("buttonClick"));
-    }, o = () => {
-      t.mode == "hover" && !t.disabled && (a.value.$el.style.display = "inherit");
-    }, u = () => {
-      t.mode == "hover" && (a.value.$el.style.display = "none");
-    }, g = (r) => {
-      t.mode == "click" && s.value && !s.value.contains(r.target) && (a.value.$el.style.display = "none");
+    const t = e, n = St(), a = f, A = I(null), s = I(null), i = (m) => {
+      A.value.$el.style.display = "none", a("click", m);
+    }, l = () => {
+      t.disabled || (t.mode == "click" && (A.value.$el.style.display = "inherit"), a("buttonClick"));
+    }, r = () => {
+      t.mode == "hover" && !t.disabled && (A.value.$el.style.display = "inherit");
+    }, g = () => {
+      t.mode == "hover" && (A.value.$el.style.display = "none");
+    }, u = (m) => {
+      t.mode == "click" && s.value && !s.value.contains(m.target) && (A.value.$el.style.display = "none");
     };
     return Ne(() => {
-      const r = {
+      const m = {
         top: {
           h: -1,
           w: -0.25
@@ -493,57 +488,57 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
           w: 1
         }
       };
-      let m, p;
-      t.menuSide == "top" && (m = document.getElementById("container-" + t.contextMenuKey).offsetWidth, p = document.getElementById("context-menu-" + t.contextMenuKey).offsetHeight, a.value.$el.style.left = r[t.menuSide].w * m + "px"), t.menuSide == "bottom" && (m = document.getElementById("context-menu-" + t.contextMenuKey).offsetWidth, p = document.getElementById("container-" + t.contextMenuKey).offsetHeight, a.value.$el.style.right = r[t.menuSide].w * m + "px"), t.menuSide == "left" && (m = document.getElementById("container-" + t.contextMenuKey).offsetWidth, p = document.getElementById("context-menu-" + t.contextMenuKey).offsetHeight, a.value.$el.style.right = r[t.menuSide].w * m + "px"), t.menuSide == "right" && (m = document.getElementById("container-" + t.contextMenuKey).offsetWidth, p = document.getElementById("context-menu-" + t.contextMenuKey).offsetHeight, a.value.$el.style.left = r[t.menuSide].w * m + "px"), a.value.$el.style.top = r[t.menuSide].h * p + "px", a.value.$el.style.display = "none", document.addEventListener("click", g);
-    }), St(() => {
-      document.removeEventListener("click", g);
-    }), (r, m) => (c(), d("div", {
-      id: "container-" + t.contextMenuKey,
+      let p, h;
+      t.menuSide == "top" && (p = document.getElementById("container-" + n).offsetWidth, h = document.getElementById("context-menu-" + n).offsetHeight, A.value.$el.style.left = m[t.menuSide].w * p + "px"), t.menuSide == "bottom" && (p = document.getElementById("context-menu-" + n).offsetWidth, h = document.getElementById("container-" + n).offsetHeight, A.value.$el.style.right = m[t.menuSide].w * p + "px"), t.menuSide == "left" && (p = document.getElementById("container-" + n).offsetWidth, h = document.getElementById("context-menu-" + n).offsetHeight, A.value.$el.style.right = m[t.menuSide].w * p + "px"), t.menuSide == "right" && (p = document.getElementById("container-" + n).offsetWidth, h = document.getElementById("context-menu-" + n).offsetHeight, A.value.$el.style.left = m[t.menuSide].w * p + "px"), A.value.$el.style.top = m[t.menuSide].h * h + "px", A.value.$el.style.display = "none", document.addEventListener("click", u);
+    }), zt(() => {
+      document.removeEventListener("click", u);
+    }), (m, p) => (c(), d("div", {
+      id: "container-" + j(n),
       ref_key: "actionScope",
       ref: s,
       style: { position: "relative", width: "fit-content" }
     }, [
-      l("div", {
-        class: C(["button", {
+      o("div", {
+        class: x(["button", {
           "disabled-button": e.disabled
         }]),
-        onClick: i,
-        onMouseover: o,
-        onMouseout: u
+        onClick: l,
+        onMouseover: r,
+        onMouseout: g
       }, [
-        l("span", {
-          class: C(e.buttonClass)
+        o("span", {
+          class: x(e.buttonClass)
         }, w(e.buttonTitle), 3)
       ], 34),
-      L(V(je), {
-        id: "context-menu-" + t.contextMenuKey,
+      L(j(je), {
+        id: "context-menu-" + j(n),
         ref_key: "contextMenu",
-        ref: a,
+        ref: A,
         actions: e.actions,
-        onMouseover: o,
-        onMouseout: u,
-        onClick: A
+        onMouseover: r,
+        onMouseout: g,
+        onClick: i
       }, null, 8, ["id", "actions"])
     ], 8, mA));
   }
-}, Un = /* @__PURE__ */ S(pA, [["__scopeId", "data-v-13e9def7"]]);
+}, Un = /* @__PURE__ */ z(pA, [["__scopeId", "data-v-febe2c45"]]);
 function vu(e) {
   if (!e || e === "") return;
-  const f = +new Date(Number(e) * 1e3), t = +/* @__PURE__ */ new Date(), n = Math.floor((t - f) / 1e3), a = Math.floor(n / 60), s = Math.floor(a / 60), A = Math.floor(s / 24);
-  return A > 30 ? new Date(f).toLocaleDateString("ru-RU") : A > 0 ? `${A} ${A === 1 ? "день" : "дня"} назад` : s > 0 ? `${s} ${s === 1 ? "час" : "часа"} назад` : a > 0 ? `${a} ${a === 1 ? "минута" : "минуты"} назад` : n > 0 ? `${n} ${n === 1 ? "секунда" : "секунды"} назад` : "Только что";
+  const f = +new Date(Number(e) * 1e3), t = +/* @__PURE__ */ new Date(), n = Math.floor((t - f) / 1e3), a = Math.floor(n / 60), A = Math.floor(a / 60), s = Math.floor(A / 24);
+  return s > 30 ? new Date(f).toLocaleDateString("ru-RU") : s > 0 ? `${s} ${s === 1 ? "день" : "дня"} назад` : A > 0 ? `${A} ${A === 1 ? "час" : "часа"} назад` : a > 0 ? `${a} ${a === 1 ? "минута" : "минуты"} назад` : n > 0 ? `${n} ${n === 1 ? "секунда" : "секунды"} назад` : "Только что";
 }
 const Iu = (e) => {
   const f = [];
   let t = null;
   for (let n = 0; n < e.length; n++) {
-    const a = e[n], s = new Date(a.timestamp * 1e3).toLocaleDateString();
-    console.log("message", a, s), s !== t && (f.push({
+    const a = e[n], A = new Date(a.timestamp * 1e3).toLocaleDateString();
+    console.log("message", a, A), A !== t && (f.push({
       isSeparator: !0,
-      day: s,
+      day: A,
       // Можно использовать локальную дату, если необходимо
-      text: s,
+      text: A,
       type: "system.date"
-    }), t = s), f.push(a);
+    }), t = A), f.push(a);
   }
   return f;
 }, _u = async () => {
@@ -555,7 +550,7 @@ const Iu = (e) => {
   } catch {
     console.log("no audio permissions");
   }
-}, wu = (e) => e.sort((f, t) => Number(f.timestamp) < Number(t.timestamp) ? -1 : Number(f.timestamp) > Number(t.timestamp) ? 1 : 0), cn = (e) => {
+}, wu = (e) => e.sort((f, t) => Number(f.timestamp) < Number(t.timestamp) ? -1 : Number(f.timestamp) > Number(t.timestamp) ? 1 : 0), dn = (e) => {
   let f = "file";
   return e.startsWith("image/") ? f = "image" : e.startsWith("video/") ? f = "video" : e.startsWith("audio/") && (f = "audio"), f;
 }, Pe = ["read", "received", "sent"], $e = (e) => {
@@ -601,37 +596,37 @@ const Iu = (e) => {
     function a() {
       n("reset");
     }
-    return (s, A) => (c(), d("div", hA, [
-      l("div", MA, [
+    return (A, s) => (c(), d("div", hA, [
+      o("div", MA, [
         t.isImage ? (c(), d("div", yA, [
-          l("img", {
+          o("img", {
             src: e.previewUrl,
             alt: "Image Preview",
             class: "preview__image"
           }, null, 8, bA)
         ])) : t.isVideo ? (c(), d("div", vA, [
-          l("video", {
+          o("video", {
             src: e.previewUrl,
             class: "preview__video"
           }, null, 8, IA)
-        ])) : t.isAudio ? (c(), d("div", _A, A[0] || (A[0] = [
-          l("span", {
+        ])) : t.isAudio ? (c(), d("div", _A, s[0] || (s[0] = [
+          o("span", {
             class: "pi pi-headphones",
             style: { "font-size": "2.5rem" }
           }, null, -1)
-        ]))) : (c(), d("div", wA, A[1] || (A[1] = [
-          l("span", {
+        ]))) : (c(), d("div", wA, s[1] || (s[1] = [
+          o("span", {
             class: "pi pi-file",
             style: { "font-size": "2.5rem" }
           }, null, -1)
         ])))
       ]),
-      l("div", kA, [
-        l("div", NA, [
-          l("span", DA, w(e.fileName), 1),
-          l("span", jA, w(e.fileSize), 1)
+      o("div", kA, [
+        o("div", NA, [
+          o("span", DA, w(e.fileName), 1),
+          o("span", jA, w(e.fileSize), 1)
         ]),
-        l("span", {
+        o("span", {
           class: "pi pi-times preview__reset",
           style: { "font-size": "1rem" },
           onClick: a
@@ -639,16 +634,20 @@ const Iu = (e) => {
       ])
     ]));
   }
-}, TA = /* @__PURE__ */ S(EA, [["__scopeId", "data-v-c4e18bbf"]]), VA = { class: "uploader-container" }, xA = { key: 0 }, SA = { key: 1 }, zA = {
+}, TA = /* @__PURE__ */ z(EA, [["__scopeId", "data-v-c4e18bbf"]]), VA = { class: "uploader-container" }, xA = { key: 0 }, SA = { key: 1 }, zA = {
   __name: "FileUploader",
   props: {
     filebumpUrl: {
       type: String
+    },
+    state: {
+      type: String,
+      default: "active"
     }
   },
   emits: ["fileUploaded"],
   setup(e, { emit: f }) {
-    const t = e, n = I(null), a = I(""), s = I(""), A = I(!1), i = I(!1), o = I(!1), u = I(null), g = I(""), r = ke("chatAppId"), { setMessageFile: m, resetMessageFile: p, getMessage: M } = At(r), h = [
+    const t = e, n = I(null), a = I(""), A = I(""), s = I(!1), i = I(!1), l = I(!1), r = I(null), g = I(""), u = ke("chatAppId"), { setMessageFile: m, resetMessageFile: p, getMessage: h } = At(u), M = [
       {
         action: "audio/*",
         title: "Аудио",
@@ -669,93 +668,92 @@ const Iu = (e) => {
         title: "Файл",
         prime: "file"
       }
-    ], y = U(() => !M().file), _ = () => {
-      n.value = null, p(), s.value = "", a.value = "";
-    }, k = (E) => {
-      _(), console.log("onFileSelected", E.target.files[0]), n.value = E.target.files[0], n.value && (D(), N());
+    ], y = U(() => !h().file), _ = () => {
+      n.value = null, p(), A.value = "", a.value = "";
+    }, k = (T) => {
+      _(), console.log("onFileSelected", T.target.files[0]), n.value = T.target.files[0], n.value && (D(), N());
     }, D = () => {
-      const E = n.value, z = cn(E.type);
-      if (A.value = !1, i.value = !1, o.value = !1, z === "image" ? A.value = !0 : z === "video" ? i.value = !0 : z === "audio" && (o.value = !0), A.value || i.value) {
+      const T = n.value, O = dn(T.type);
+      if (s.value = !1, i.value = !1, l.value = !1, O === "image" ? s.value = !0 : O === "video" ? i.value = !0 : O === "audio" && (l.value = !0), s.value || i.value) {
         const R = new FileReader();
         R.onload = (te) => {
-          s.value = te.target.result;
-        }, R.readAsDataURL(E);
+          A.value = te.target.result;
+        }, R.readAsDataURL(T);
       } else
-        s.value = "";
+        A.value = "";
       const Q = ["б", "Кб", "Мб", "Гб"];
-      let O = E.size, B = 0;
-      for (; O > 1024; )
-        O = O / 1024, B++;
-      O = O.toFixed(2) + Q[B], g.value = O;
+      let C = T.size, B = 0;
+      for (; C > 1024; )
+        C = C / 1024, B++;
+      C = C.toFixed(2) + Q[B], g.value = C;
     }, N = async () => {
       a.value = "uploading";
-      const E = new FormData();
-      E.append("file", n.value);
+      const T = new FormData();
+      T.append("file", n.value);
       const Q = (t.filebumpUrl ? t.filebumpUrl : "https://filebump2.services.mobilon.ru") + "/upload";
       try {
         const B = await (await fetch(
           Q,
           {
             method: "POST",
-            body: E
+            body: T
           }
         )).json();
         a.value = "success", m({
           url: B.url,
           name: n.value.name,
           size: n.value.size,
-          type: cn(n.value.type)
+          type: dn(n.value.type)
         });
-      } catch (O) {
-        console.error("Ошибка при загрузке файла:", O), a.value = "error";
+      } catch (C) {
+        console.error("Ошибка при загрузке файла:", C), a.value = "error";
       }
-    }, j = (E) => {
-      u.value && y && (u.value.accept = E.action, u.value.click());
-    }, x = () => {
-      u.value && y && u.value.click();
+    }, E = (T) => {
+      r.value && y && (r.value.accept = T.action, r.value.click());
+    }, S = () => {
+      r.value && y && t.state == "active" && r.value.click();
     };
-    return (E, z) => (c(), d($, null, [
-      l("div", VA, [
-        a.value === "uploading" ? (c(), d("div", xA, z[0] || (z[0] = [
-          l("p", null, "Загрузка файла...", -1)
-        ]))) : a.value === "error" ? (c(), d("div", SA, z[1] || (z[1] = [
-          l("p", null, "Ошибка при загрузке файла.", -1)
+    return (T, O) => (c(), d($, null, [
+      o("div", VA, [
+        a.value === "uploading" ? (c(), d("div", xA, O[0] || (O[0] = [
+          o("p", null, "Загрузка файла...", -1)
+        ]))) : a.value === "error" ? (c(), d("div", SA, O[1] || (O[1] = [
+          o("p", null, "Ошибка при загрузке файла.", -1)
         ]))) : (c(), F(Un, {
           key: 2,
-          actions: h,
+          actions: M,
           mode: "hover",
           "button-class": "pi pi-file-arrow-up",
           "menu-side": "top",
-          "context-menu-key": "file-uploader",
-          disabled: !y.value,
-          onClick: j,
-          onButtonClick: x
+          disabled: !y.value || e.state == "disabled",
+          onClick: E,
+          onButtonClick: S
         }, null, 8, ["disabled"])),
-        l("input", {
+        o("input", {
           ref_key: "fileInput",
-          ref: u,
+          ref: r,
           style: { display: "none" },
           type: "file",
           onChange: k
         }, null, 544)
       ]),
-      V(M)().file ? (c(), F(zt, {
+      j(h)().file ? (c(), F(Ot, {
         key: 0,
-        to: "#chat-input-first-line-" + V(r)
+        to: "#chat-input-first-line-" + j(u)
       }, [
         L(TA, {
-          "preview-url": s.value,
-          "is-image": A.value,
+          "preview-url": A.value,
+          "is-image": s.value,
           "is-video": i.value,
-          "is-audio": o.value,
-          "file-name": V(M)().file.name,
+          "is-audio": l.value,
+          "file-name": j(h)().file.name,
           "file-size": g.value,
           onReset: _
         }, null, 8, ["preview-url", "is-image", "is-video", "is-audio", "file-name", "file-size"])
       ], 8, ["to"])) : b("", !0)
     ], 64));
   }
-}, ku = /* @__PURE__ */ S(zA, [["__scopeId", "data-v-4ca2f8d0"]]), OA = { key: 0 }, CA = ["value", "selected"], LA = {
+}, ku = /* @__PURE__ */ z(zA, [["__scopeId", "data-v-1cdabe09"]]), OA = { key: 0 }, CA = ["value", "selected"], LA = {
   __name: "ThemeMode",
   props: {
     themes: {
@@ -766,30 +764,30 @@ const Iu = (e) => {
   },
   setup(e) {
     const f = e, t = () => {
-      const s = f.themes.find((A) => A.default === !0);
-      return s ? s.code : f.themes[0].code;
-    }, n = (s) => {
-      const A = s.target.value;
-      a(A);
-    }, a = (s) => {
-      document.documentElement.dataset.theme = s;
+      const A = f.themes.find((s) => s.default === !0);
+      return A ? A.code : f.themes[0].code;
+    }, n = (A) => {
+      const s = A.target.value;
+      a(s);
+    }, a = (A) => {
+      document.documentElement.dataset.theme = A;
     };
     return Ne(() => {
-      const s = t();
-      a(s);
-    }), (s, A) => e.show ? (c(), d("div", OA, [
-      l("select", {
-        onChange: A[0] || (A[0] = (i) => n(i))
+      const A = t();
+      a(A);
+    }), (A, s) => e.show ? (c(), d("div", OA, [
+      o("select", {
+        onChange: s[0] || (s[0] = (i) => n(i))
       }, [
-        (c(!0), d($, null, Z(f.themes, (i, o) => (c(), d("option", {
-          key: o,
+        (c(!0), d($, null, Z(f.themes, (i, l) => (c(), d("option", {
+          key: l,
           value: i.code,
           selected: i.default === !0
         }, w(i.name), 9, CA))), 128))
       ], 32)
     ])) : b("", !0);
   }
-}, Nu = /* @__PURE__ */ S(LA, [["__scopeId", "data-v-be17a762"]]), UA = { class: "sidebar" }, BA = { class: "sidebar__container" }, QA = { class: "sidebar__list" }, RA = ["onClick"], YA = ["src", "alt"], qA = { key: 1 }, HA = { class: "sidebar__list-fixed" }, FA = ["onClick"], PA = ["src", "alt"], $A = { key: 1 }, WA = {
+}, Nu = /* @__PURE__ */ z(LA, [["__scopeId", "data-v-be17a762"]]), UA = { class: "sidebar" }, BA = { class: "sidebar__container" }, QA = { class: "sidebar__list" }, RA = ["onClick"], YA = ["src", "alt"], qA = { key: 1 }, HA = { class: "sidebar__list-fixed" }, FA = ["onClick"], PA = ["src", "alt"], $A = { key: 1 }, WA = {
   __name: "SideBar",
   props: {
     sidebarItems: {
@@ -800,55 +798,55 @@ const Iu = (e) => {
   },
   emits: ["selectItem"],
   setup(e, { emit: f }) {
-    const n = va(e, "sidebarItems"), a = f, s = (i) => {
-      const o = n.value.find((u) => u.itemId === i);
-      a("selectItem", o);
-    }, A = (i) => {
-      const o = i.split(" ");
-      return o.length > 2 ? o.slice(0, 2).join(" ") : i;
+    const n = va(e, "sidebarItems"), a = f, A = (i) => {
+      const l = n.value.find((r) => r.itemId === i);
+      a("selectItem", l);
+    }, s = (i) => {
+      const l = i.split(" ");
+      return l.length > 2 ? l.slice(0, 2).join(" ") : i;
     };
-    return (i, o) => (c(), d("div", UA, [
-      l("div", BA, [
-        l("ul", QA, [
-          (c(!0), d($, null, Z(n.value.filter((u) => !u.isFixedBottom), (u, g) => (c(), d("li", {
+    return (i, l) => (c(), d("div", UA, [
+      o("div", BA, [
+        o("ul", QA, [
+          (c(!0), d($, null, Z(n.value.filter((r) => !r.isFixedBottom), (r, g) => (c(), d("li", {
             key: g,
             class: "sidebar__item",
-            onClick: (r) => s(u.itemId)
+            onClick: (u) => A(r.itemId)
           }, [
-            l("img", {
-              src: u.icon,
-              alt: u.name,
-              class: C(["sidebar__image", { "sidebar__image--active": u.selected === !0 }])
+            o("img", {
+              src: r.icon,
+              alt: r.name,
+              class: x(["sidebar__image", { "sidebar__image--active": r.selected === !0 }])
             }, null, 10, YA),
-            u.notificationCount ? (c(), d("span", {
+            r.notificationCount ? (c(), d("span", {
               key: 0,
-              style: P({ backgroundColor: u.notificationColor ? u.notificationColor : "red" })
-            }, w(u.notificationCount > 99 ? "99+" : u.notificationCount), 5)) : b("", !0),
-            u.name ? (c(), d("p", qA, w(A(u.name)), 1)) : b("", !0)
+              style: P({ backgroundColor: r.notificationColor ? r.notificationColor : "red" })
+            }, w(r.notificationCount > 99 ? "99+" : r.notificationCount), 5)) : b("", !0),
+            r.name ? (c(), d("p", qA, w(s(r.name)), 1)) : b("", !0)
           ], 8, RA))), 128))
         ]),
-        l("ul", HA, [
-          (c(!0), d($, null, Z(n.value.filter((u) => u.isFixedBottom), (u, g) => (c(), d("li", {
+        o("ul", HA, [
+          (c(!0), d($, null, Z(n.value.filter((r) => r.isFixedBottom), (r, g) => (c(), d("li", {
             key: g,
             class: "sidebar__item",
-            onClick: (r) => s(u.itemId)
+            onClick: (u) => A(r.itemId)
           }, [
-            l("img", {
-              src: u.icon,
-              alt: u.name,
-              class: C(["sidebar__image", { "sidebar__image--active": u.selected === !0 }])
+            o("img", {
+              src: r.icon,
+              alt: r.name,
+              class: x(["sidebar__image", { "sidebar__image--active": r.selected === !0 }])
             }, null, 10, PA),
-            u.notificationCount ? (c(), d("span", {
+            r.notificationCount ? (c(), d("span", {
               key: 0,
-              style: P({ backgroundColor: u.notificationColor ? u.notificationColor : "red" })
-            }, w(u.notificationCount > 99 ? "99+" : u.notificationCount), 5)) : b("", !0),
-            u.name ? (c(), d("p", $A, w(A(u.name)), 1)) : b("", !0)
+              style: P({ backgroundColor: r.notificationColor ? r.notificationColor : "red" })
+            }, w(r.notificationCount > 99 ? "99+" : r.notificationCount), 5)) : b("", !0),
+            r.name ? (c(), d("p", $A, w(s(r.name)), 1)) : b("", !0)
           ], 8, FA))), 128))
         ])
       ])
     ]));
   }
-}, Du = /* @__PURE__ */ S(WA, [["__scopeId", "data-v-5e22516c"]]), KA = { class: "chat-panel" }, JA = { class: "chat-panel__title-container" }, GA = {
+}, Du = /* @__PURE__ */ z(WA, [["__scopeId", "data-v-5e22516c"]]), KA = { class: "chat-panel" }, JA = { class: "chat-panel__title-container" }, GA = {
   key: 0,
   class: "chat-panel__title"
 }, ZA = {
@@ -863,21 +861,21 @@ const Iu = (e) => {
   emits: ["close-panel"],
   setup(e, { emit: f }) {
     return (t, n) => (c(), d("div", KA, [
-      l("div", JA, [
+      o("div", JA, [
         e.title ? (c(), d("p", GA, w(e.title), 1)) : b("", !0),
-        l("button", {
+        o("button", {
           class: "chat-panel__button-close",
           onClick: n[0] || (n[0] = (a) => t.$emit("close-panel"))
         }, n[1] || (n[1] = [
-          l("span", { class: "pi pi-times" }, null, -1)
+          o("span", { class: "pi pi-times" }, null, -1)
         ]))
       ]),
-      l("div", null, [
+      o("div", null, [
         G(t.$slots, "content", {}, void 0, !0)
       ])
     ]));
   }
-}, ju = /* @__PURE__ */ S(ZA, [["__scopeId", "data-v-1f6ac199"]]), XA = { class: "channels__container" }, es = {
+}, ju = /* @__PURE__ */ z(ZA, [["__scopeId", "data-v-1f6ac199"]]), XA = { class: "channels" }, es = {
   key: 0,
   class: "channels__selected"
 }, fs = {
@@ -898,39 +896,41 @@ const Iu = (e) => {
       type: String,
       required: !1,
       default: "hover"
+    },
+    state: {
+      type: String,
+      default: "active"
     }
   },
   emits: ["selectChannel"],
   setup(e, { emit: f }) {
-    const t = I(null), n = e, a = f, A = I(n.channels.find((o) => o.type === "default")), i = (o) => {
-      A.value = o, a("selectChannel", A.value);
+    const t = e, n = f, A = I(t.channels.find((i) => i.type === "default")), s = (i) => {
+      A.value = i, n("selectChannel", A.value);
     };
-    return (o, u) => (c(), d("div", {
-      ref_key: "customDiv",
-      ref: t,
-      class: "channels"
-    }, [
-      l("div", XA, [
+    return (i, l) => (c(), d("div", XA, [
+      o("div", {
+        class: x(["channels__container", { "channels__container-disabled": e.state == "disabled" }])
+      }, [
         A.value ? (c(), d("div", es, [
           A.value.icon ? (c(), d("span", fs, [
-            l("img", {
+            o("img", {
               src: A.value.icon
             }, null, 8, ts)
           ])) : b("", !0),
-          l("span", ns, w(A.value.title), 1)
+          o("span", ns, w(A.value.title), 1)
         ])) : (c(), d("span", as, "Канал не выбран")),
         L(Un, {
           actions: e.channels,
           mode: e.mode,
           "button-class": "pi pi-list",
           "menu-side": "top",
-          "context-menu-key": "channels",
-          onClick: i
-        }, null, 8, ["actions", "mode"])
-      ])
-    ], 512));
+          disabled: e.state == "disabled",
+          onClick: s
+        }, null, 8, ["actions", "mode", "disabled"])
+      ], 2)
+    ]));
   }
-}, Eu = /* @__PURE__ */ S(As, [["__scopeId", "data-v-1aa474f9"]]), ss = { class: "chat-item__avatar-container" }, is = ["src"], os = {
+}, Eu = /* @__PURE__ */ z(As, [["__scopeId", "data-v-018ec6fe"]]), ss = { class: "chat-item__avatar-container" }, is = ["src"], os = {
   key: 1,
   class: "pi pi-user"
 }, ls = { class: "chat-item__info-container" }, rs = { class: "chat-item__name" }, us = {
@@ -963,15 +963,15 @@ const Iu = (e) => {
   setup(e, { emit: f }) {
     const t = e, n = f, a = () => {
       n("select", t.chat);
-    }, s = () => t.chat.isSelected ? "chat-item__selected" : "chat-item", A = (y) => {
+    }, A = () => t.chat.isSelected ? "chat-item__selected" : "chat-item", s = (y) => {
       g(), n("action", { chatId: t.chat.chatId, ...y });
-    }, i = I(!1), o = I(!1), u = () => {
-      o.value = !0;
+    }, i = I(!1), l = I(!1), r = () => {
+      l.value = !0;
     }, g = () => {
-      o.value = !1, i.value = !1;
-    }, r = U(() => $e(t.chat["lastMessage.status"]));
+      l.value = !1, i.value = !1;
+    }, u = U(() => $e(t.chat["lastMessage.status"]));
     let m;
-    const p = I(0), M = [Se("component.ChatItem.typing") + ".", Se("component.ChatItem.typing") + "..", Se("component.ChatItem.typing") + "..."], h = U(() => t.chat.typing ? M[p.value] : t.chat.lastMessage);
+    const p = I(0), h = [Se("component.ChatItem.typing") + ".", Se("component.ChatItem.typing") + "..", Se("component.ChatItem.typing") + "..."], M = U(() => t.chat.typing ? h[p.value] : t.chat.lastMessage);
     return Oe(
       () => t.chat.typing,
       () => {
@@ -981,16 +981,16 @@ const Iu = (e) => {
       },
       { immediate: !0 }
     ), (y, _) => (c(), d("div", {
-      class: C(s()),
+      class: x(A()),
       onClick: a
     }, [
-      l("div", {
+      o("div", {
         class: "chat-item__container",
-        onMouseenter: u,
+        onMouseenter: r,
         onMouseleave: g
       }, [
-        l("div", ss, [
-          l("span", {
+        o("div", ss, [
+          o("span", {
             class: "chat-item__status-user",
             style: P({ backgroundColor: t.chat.status })
           }, null, 4),
@@ -1001,38 +1001,38 @@ const Iu = (e) => {
             width: "48"
           }, null, 8, is)) : (c(), d("span", os))
         ]),
-        l("div", ls, [
-          l("div", rs, w(e.chat.name), 1),
-          e.chat.lastMessage || e.chat.typing ? (c(), d("div", us, w(h.value), 1)) : b("", !0)
+        o("div", ls, [
+          o("div", rs, w(e.chat.name), 1),
+          e.chat.lastMessage || e.chat.typing ? (c(), d("div", us, w(M.value), 1)) : b("", !0)
         ]),
-        l("div", cs, [
-          e.chat["lastActivity.time"] && !o.value ? (c(), d("div", ds, w(e.chat["lastActivity.time"]), 1)) : b("", !0),
+        o("div", cs, [
+          e.chat["lastActivity.time"] && !l.value ? (c(), d("div", ds, w(e.chat["lastActivity.time"]), 1)) : b("", !0),
           e.chat.countUnread > 0 ? (c(), d("div", gs, w(e.chat.countUnread > 99 ? "99+" : e.chat.countUnread), 1)) : b("", !0),
-          o.value && e.chat.actions ? (c(), d("button", {
+          l.value && e.chat.actions ? (c(), d("button", {
             key: 2,
             class: "chat-item__menu-button",
             onClick: _[0] || (_[0] = (k) => i.value = !i.value)
           }, _[1] || (_[1] = [
-            l("span", { class: "pi pi-ellipsis-h" }, null, -1)
+            o("span", { class: "pi pi-ellipsis-h" }, null, -1)
           ]))) : b("", !0),
           e.chat.countUnread < 1 ? (c(), d("div", ms, [
-            V(Pe).includes(e.chat["lastMessage.status"]) ? (c(), d("div", {
+            j(Pe).includes(e.chat["lastMessage.status"]) ? (c(), d("div", {
               key: 0,
-              class: C(["chat-item__status-message", r.value])
+              class: x(["chat-item__status-message", u.value])
             }, [
               e.chat["lastMessage.status"] !== "sent" ? (c(), d("span", ps)) : b("", !0),
-              _[2] || (_[2] = l("span", { class: "pi pi-check" }, null, -1))
+              _[2] || (_[2] = o("span", { class: "pi pi-check" }, null, -1))
             ], 2)) : b("", !0),
             e.chat.isFixedTop || e.chat.isFixedBottom ? (c(), d("span", hs)) : b("", !0)
           ])) : b("", !0)
         ]),
         L(q, { name: "menu" }, {
           default: H(() => [
-            i.value && e.chat.actions ? (c(), F(V(je), {
+            i.value && e.chat.actions ? (c(), F(j(je), {
               key: 0,
               class: "chat-item__context-menu",
               actions: e.chat.actions,
-              onClick: A
+              onClick: s
             }, null, 8, ["actions"])) : b("", !0)
           ]),
           _: 1
@@ -1040,28 +1040,28 @@ const Iu = (e) => {
       ], 32)
     ], 2));
   }
-}, dt = /* @__PURE__ */ S(Ms, [["__scopeId", "data-v-30b00fea"]]), ys = { class: "chat-filter" }, bs = { class: "chat-filter__container" }, vs = ["placeholder"], Is = {
+}, dt = /* @__PURE__ */ z(Ms, [["__scopeId", "data-v-30b00fea"]]), ys = { class: "chat-filter" }, bs = { class: "chat-filter__container" }, vs = ["placeholder"], Is = {
   __name: "ChatFilter",
   emits: ["update"],
   setup(e, { emit: f }) {
     const t = I(""), n = f, a = () => {
-      const s = V(t);
-      n("update", s.value);
+      const A = j(t);
+      n("update", A.value);
     };
-    return (s, A) => (c(), d("div", ys, [
-      l("div", bs, [
-        l("input", {
+    return (A, s) => (c(), d("div", ys, [
+      o("div", bs, [
+        o("input", {
           ref_key: "refInput",
           ref: t,
           class: "chat-filter__input",
           type: "text",
-          placeholder: V(Se)("component.ChatFilter.InputPlaceholder"),
+          placeholder: j(Se)("component.ChatFilter.InputPlaceholder"),
           onInput: a
         }, null, 40, vs)
       ])
     ]));
   }
-}, _s = /* @__PURE__ */ S(Is, [["__scopeId", "data-v-5ff387fd"]]), ws = { class: "template-selector" }, ks = { class: "template-selector__container" }, Ns = { class: "template-selector__button-close" }, Ds = { class: "template-selector__list-groups" }, js = { class: "template-selector__label-group" }, Es = ["src", "alt"], Ts = ["id", "value"], Vs = { class: "template-selector__searching-container" }, xs = { class: "template-selector__templates" }, Ss = {
+}, _s = /* @__PURE__ */ z(Is, [["__scopeId", "data-v-5ff387fd"]]), ws = { class: "template-selector" }, ks = { class: "template-selector__container" }, Ns = { class: "template-selector__button-close" }, Ds = { class: "template-selector__list-groups" }, js = { class: "template-selector__label-group" }, Es = ["src", "alt"], Ts = ["id", "value"], Vs = { class: "template-selector__searching-container" }, xs = { class: "template-selector__templates" }, Ss = {
   key: 0,
   class: "template-selector__list-templates"
 }, zs = ["onClick"], Os = { class: "template-selector__item-template-info" }, Cs = { class: "template-selector__item-title" }, Ls = { class: "template-selector__item-text" }, Us = {
@@ -1089,90 +1089,90 @@ const Iu = (e) => {
   },
   emits: ["closeTemplateWindow", "pasteTemplate"],
   setup(e, { emit: f }) {
-    const t = e, n = ke("chatAppId"), { setMessageText: a } = At(n), s = () => {
-      A("closeTemplateWindow"), a(o.value.template);
-    }, A = f, i = I(null), o = I(null), u = I(""), g = (M) => {
-      t.templates.forEach((h) => h.isSelected = !1), M.isSelected = !0, o.value = M;
-    }, r = () => {
-      t.templates.forEach((M) => M.isSelected = !1);
-    }, m = U(() => i.value ? t.templates.filter((M) => M.groupId === i.value.groupId) : t.templates), p = U(() => {
-      const M = u.value.trim().toLowerCase();
-      return m.value.filter((h) => (console.log(h), h.title.toLowerCase().includes(M) || h.template.toLowerCase().includes(M)));
+    const t = e, n = ke("chatAppId"), { setMessageText: a } = At(n), A = () => {
+      s("closeTemplateWindow"), a(l.value.template);
+    }, s = f, i = I(null), l = I(null), r = I(""), g = (h) => {
+      t.templates.forEach((M) => M.isSelected = !1), h.isSelected = !0, l.value = h;
+    }, u = () => {
+      t.templates.forEach((h) => h.isSelected = !1);
+    }, m = U(() => i.value ? t.templates.filter((h) => h.groupId === i.value.groupId) : t.templates), p = U(() => {
+      const h = r.value.trim().toLowerCase();
+      return m.value.filter((M) => (console.log(M), M.title.toLowerCase().includes(h) || M.template.toLowerCase().includes(h)));
     });
-    return (M, h) => (c(), d("div", ws, [
-      l("div", ks, [
-        l("button", Ns, [
-          l("span", {
+    return (h, M) => (c(), d("div", ws, [
+      o("div", ks, [
+        o("button", Ns, [
+          o("span", {
             class: "pi pi-times",
-            onClick: h[0] || (h[0] = (y) => M.$emit("closeTemplateWindow"))
+            onClick: M[0] || (M[0] = (y) => h.$emit("closeTemplateWindow"))
           })
         ]),
-        l("ul", Ds, [
+        o("ul", Ds, [
           (c(!0), d($, null, Z(e.groupTemplates, (y, _) => (c(), d("li", {
             key: _,
-            class: C(["template-selector__item-group", { "template-selector__item-selected": i.value === y }]),
-            onClick: r
+            class: x(["template-selector__item-group", { "template-selector__item-selected": i.value === y }]),
+            onClick: u
           }, [
-            l("label", js, [
+            o("label", js, [
               y.iconUrl ? (c(), d("img", {
                 key: 0,
                 class: "template-selector__item-group-icon",
                 src: y.iconUrl,
                 alt: y.title
               }, null, 8, Es)) : b("", !0),
-              we(l("input", {
+              we(o("input", {
                 id: _,
-                "onUpdate:modelValue": h[1] || (h[1] = (k) => i.value = k),
+                "onUpdate:modelValue": M[1] || (M[1] = (k) => i.value = k),
                 value: y,
                 class: "template-selector__input-group",
                 type: "radio"
               }, null, 8, Ts), [
                 [Ia, i.value]
               ]),
-              l("span", null, w(y.title), 1)
+              o("span", null, w(y.title), 1)
             ])
           ], 2))), 128))
         ]),
-        l("div", Vs, [
-          we(l("input", {
-            "onUpdate:modelValue": h[2] || (h[2] = (y) => u.value = y),
+        o("div", Vs, [
+          we(o("input", {
+            "onUpdate:modelValue": M[2] || (M[2] = (y) => r.value = y),
             class: "template-selector__searching-input",
             type: "text",
             placeholder: "Поиск шаблона"
           }, null, 512), [
-            [xt, u.value]
+            [xt, r.value]
           ])
         ]),
-        l("div", xs, [
+        o("div", xs, [
           p.value.length !== 0 ? (c(), d("ul", Ss, [
             (c(!0), d($, null, Z(p.value, (y, _) => (c(), d("li", {
               key: _,
-              class: C(["template-selector__item-template", { "template-selector__item-selected": y.isSelected }]),
+              class: x(["template-selector__item-template", { "template-selector__item-selected": y.isSelected }]),
               onClick: (k) => g(y)
             }, [
-              l("div", Os, [
-                l("p", Cs, w(y.title), 1),
-                l("p", Ls, w(y.template), 1)
+              o("div", Os, [
+                o("p", Cs, w(y.title), 1),
+                o("p", Ls, w(y.template), 1)
               ])
             ], 10, zs))), 128))
           ])) : (c(), d("p", Us, " Шаблоны отсутствуют "))
         ]),
-        l("div", Bs, [
-          o.value ? (c(), d("div", Qs, [
-            l("div", Rs, [
-              l("p", Ys, w(o.value.template), 1),
-              h[3] || (h[3] = l("p", { class: "template-selector__preview-time" }, " 22:22 ", -1))
+        o("div", Bs, [
+          l.value ? (c(), d("div", Qs, [
+            o("div", Rs, [
+              o("p", Ys, w(l.value.template), 1),
+              M[3] || (M[3] = o("p", { class: "template-selector__preview-time" }, " 22:22 ", -1))
             ])
           ])) : (c(), d("p", qs, " Предпросмотр шаблона "))
         ]),
-        l("button", {
+        o("button", {
           class: "template-selector__button-paste",
-          onClick: s
+          onClick: A
         }, " Вставить ")
       ])
     ]));
   }
-}, Fs = /* @__PURE__ */ S(Hs, [["__scopeId", "data-v-65d5e9c8"]]), Ps = {
+}, Fs = /* @__PURE__ */ z(Hs, [["__scopeId", "data-v-65d5e9c8"]]), Ps = {
   __name: "ButtonTemplateSelector",
   props: {
     templates: {
@@ -1189,47 +1189,51 @@ const Iu = (e) => {
       type: String,
       required: !1,
       default: "click"
+    },
+    state: {
+      type: String,
+      default: "active"
     }
   },
   setup(e) {
     const f = e, t = I(null), n = I(null), a = () => {
-      f.mode == "click" && (n.value.style.display == "none" ? n.value.style.display = "inherit" : n.value.style.display == "inherit" && (n.value.style.display = "none"));
-    }, s = () => {
-      f.mode == "hover" && (n.value.style.display = "inherit");
+      f.mode == "click" && f.state == "active" && (n.value.style.display == "none" ? n.value.style.display = "inherit" : n.value.style.display == "inherit" && (n.value.style.display = "none"));
     }, A = () => {
-      f.mode == "hover" && (n.value.style.display = "none");
-    }, i = (u) => {
-      f.mode == "click" && !t.value.contains(u.target) && !n.value.contains(u.target) && (n.value.style.display = "none");
-    }, o = () => {
+      f.mode == "hover" && f.state == "active" && (n.value.style.display = "inherit");
+    }, s = () => {
+      f.mode == "hover" && f.state == "active" && (n.value.style.display = "none");
+    }, i = (r) => {
+      f.mode == "click" && !t.value.contains(r.target) && !n.value.contains(r.target) && (n.value.style.display = "none");
+    }, l = () => {
       n.value.style.display = "none";
     };
     return Ne(() => {
       n.value.style.display = "none", document.addEventListener("click", i);
-    }), St(() => {
+    }), zt(() => {
       document.removeEventListener("click", i);
-    }), (u, g) => (c(), d($, null, [
-      l("button", {
+    }), (r, g) => (c(), d($, null, [
+      o("button", {
         ref_key: "templateButton",
         ref: t,
-        class: "button-template",
+        class: x(["button-template", { "button-template-disabled": e.state == "disabled" }]),
         onClick: a,
-        onMouseover: s,
-        onMouseout: A
+        onMouseover: A,
+        onMouseout: s
       }, g[0] || (g[0] = [
-        l("span", { class: "pi pi-objects-column" }, null, -1)
-      ]), 544),
+        o("span", { class: "pi pi-objects-column" }, null, -1)
+      ]), 34),
       L(q, null, {
         default: H(() => [
-          l("div", {
+          o("div", {
             ref_key: "template",
             ref: n,
-            onMouseover: s,
-            onMouseout: A
+            onMouseover: A,
+            onMouseout: s
           }, [
             L(Fs, {
               templates: e.templates,
               "group-templates": e.groupTemplates,
-              onCloseTemplateWindow: o
+              onCloseTemplateWindow: l
             }, null, 8, ["templates", "group-templates"])
           ], 544)
         ]),
@@ -1237,7 +1241,7 @@ const Iu = (e) => {
       })
     ], 64));
   }
-}, Tu = /* @__PURE__ */ S(Ps, [["__scopeId", "data-v-bd66361a"]]), Bn = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", Qn = {
+}, Tu = /* @__PURE__ */ z(Ps, [["__scopeId", "data-v-8d6cf607"]]), Bn = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", Qn = {
   recent: "Recently used",
   smileys_people: "Smiles & People",
   animals_nature: "Animals & Nature",
@@ -13193,7 +13197,7 @@ var ri = {
   objects: ii,
   symbols: oi,
   flags: li
-}, dn = [
+}, gn = [
   {
     key: "recent",
     title: "Recently Used",
@@ -13241,9 +13245,9 @@ var ri = {
   }
 ];
 const ui = (e, f) => f.some((t) => e instanceof t);
-let gn, mn;
+let mn, pn;
 function ci() {
-  return gn || (gn = [
+  return mn || (mn = [
     IDBDatabase,
     IDBObjectStore,
     IDBIndex,
@@ -13252,41 +13256,41 @@ function ci() {
   ]);
 }
 function di() {
-  return mn || (mn = [
+  return pn || (pn = [
     IDBCursor.prototype.advance,
     IDBCursor.prototype.continue,
     IDBCursor.prototype.continuePrimaryKey
   ]);
 }
-const Yn = /* @__PURE__ */ new WeakMap(), It = /* @__PURE__ */ new WeakMap(), qn = /* @__PURE__ */ new WeakMap(), gt = /* @__PURE__ */ new WeakMap(), Ct = /* @__PURE__ */ new WeakMap();
+const Yn = /* @__PURE__ */ new WeakMap(), It = /* @__PURE__ */ new WeakMap(), qn = /* @__PURE__ */ new WeakMap(), gt = /* @__PURE__ */ new WeakMap(), Lt = /* @__PURE__ */ new WeakMap();
 function gi(e) {
   const f = new Promise((t, n) => {
     const a = () => {
-      e.removeEventListener("success", s), e.removeEventListener("error", A);
-    }, s = () => {
-      t(_e(e.result)), a();
+      e.removeEventListener("success", A), e.removeEventListener("error", s);
     }, A = () => {
+      t(_e(e.result)), a();
+    }, s = () => {
       n(e.error), a();
     };
-    e.addEventListener("success", s), e.addEventListener("error", A);
+    e.addEventListener("success", A), e.addEventListener("error", s);
   });
   return f.then((t) => {
     t instanceof IDBCursor && Yn.set(t, e);
   }).catch(() => {
-  }), Ct.set(f, e), f;
+  }), Lt.set(f, e), f;
 }
 function mi(e) {
   if (It.has(e))
     return;
   const f = new Promise((t, n) => {
     const a = () => {
-      e.removeEventListener("complete", s), e.removeEventListener("error", A), e.removeEventListener("abort", A);
-    }, s = () => {
-      t(), a();
+      e.removeEventListener("complete", A), e.removeEventListener("error", s), e.removeEventListener("abort", s);
     }, A = () => {
+      t(), a();
+    }, s = () => {
       n(e.error || new DOMException("AbortError", "AbortError")), a();
     };
-    e.addEventListener("complete", s), e.addEventListener("error", A), e.addEventListener("abort", A);
+    e.addEventListener("complete", A), e.addEventListener("error", s), e.addEventListener("abort", s);
   });
   It.set(e, f);
 }
@@ -13331,24 +13335,24 @@ function _e(e) {
   if (gt.has(e))
     return gt.get(e);
   const f = Mi(e);
-  return f !== e && (gt.set(e, f), Ct.set(f, e)), f;
+  return f !== e && (gt.set(e, f), Lt.set(f, e)), f;
 }
-const mt = (e) => Ct.get(e);
-function Lt(e, f, { blocked: t, upgrade: n, blocking: a, terminated: s } = {}) {
-  const A = indexedDB.open(e, f), i = _e(A);
-  return n && A.addEventListener("upgradeneeded", (o) => {
-    n(_e(A.result), o.oldVersion, o.newVersion, _e(A.transaction), o);
-  }), t && A.addEventListener("blocked", (o) => t(
-    o.oldVersion,
-    o.newVersion,
-    o
-  )), i.then((o) => {
-    s && o.addEventListener("close", () => s()), a && o.addEventListener("versionchange", (u) => a(u.oldVersion, u.newVersion, u));
+const mt = (e) => Lt.get(e);
+function Ut(e, f, { blocked: t, upgrade: n, blocking: a, terminated: A } = {}) {
+  const s = indexedDB.open(e, f), i = _e(s);
+  return n && s.addEventListener("upgradeneeded", (l) => {
+    n(_e(s.result), l.oldVersion, l.newVersion, _e(s.transaction), l);
+  }), t && s.addEventListener("blocked", (l) => t(
+    l.oldVersion,
+    l.newVersion,
+    l
+  )), i.then((l) => {
+    A && l.addEventListener("close", () => A()), a && l.addEventListener("versionchange", (r) => a(r.oldVersion, r.newVersion, r));
   }).catch(() => {
   }), i;
 }
 const yi = ["get", "getKey", "getAll", "getAllKeys", "count"], bi = ["put", "add", "delete", "clear"], pt = /* @__PURE__ */ new Map();
-function pn(e, f) {
+function hn(e, f) {
   if (!(e instanceof IDBDatabase && !(f in e) && typeof f == "string"))
     return;
   if (pt.get(f))
@@ -13356,24 +13360,24 @@ function pn(e, f) {
   const t = f.replace(/FromIndex$/, ""), n = f !== t, a = bi.includes(t);
   if (!(t in (n ? IDBIndex : IDBObjectStore).prototype) || !(a || yi.includes(t)))
     return;
-  const s = async function(A, ...i) {
-    const o = this.transaction(A, a ? "readwrite" : "readonly");
-    let u = o.store;
-    return n && (u = u.index(i.shift())), (await Promise.all([
-      u[t](...i),
-      a && o.done
+  const A = async function(s, ...i) {
+    const l = this.transaction(s, a ? "readwrite" : "readonly");
+    let r = l.store;
+    return n && (r = r.index(i.shift())), (await Promise.all([
+      r[t](...i),
+      a && l.done
     ]))[0];
   };
-  return pt.set(f, s), s;
+  return pt.set(f, A), A;
 }
 pi((e) => ({
   ...e,
-  get: (f, t, n) => pn(f, t) || e.get(f, t, n),
-  has: (f, t) => !!pn(f, t) || e.has(f, t)
+  get: (f, t, n) => hn(f, t) || e.get(f, t, n),
+  has: (f, t) => !!hn(f, t) || e.has(f, t)
 }));
-const Ut = "EMJ", Be = "emojis", Bt = 3;
+const Bt = "EMJ", Be = "emojis", Qt = 3;
 async function vi() {
-  (await Lt(Ut, Bt, {
+  (await Ut(Bt, Qt, {
     upgrade(f, t) {
       f.objectStoreNames.contains(Be) || f.createObjectStore(Be, {
         keyPath: "id",
@@ -13399,7 +13403,7 @@ const Ii = {
   groupIcons: {}
 };
 async function _i() {
-  return await (await Lt(Ut, Bt)).transaction(Be, "readonly").objectStore(Be).getAll();
+  return await (await Ut(Bt, Qt)).transaction(Be, "readonly").objectStore(Be).getAll();
 }
 function wi() {
   const e = ka({
@@ -13418,75 +13422,75 @@ function wi() {
       };
     },
     get disabled() {
-      let r = Array.isArray(this.options.disabledGroups) ? this.options.disabledGroups : [];
-      return this.options.displayRecent || (r = ["recent", ...r]), r;
+      let u = Array.isArray(this.options.disabledGroups) ? this.options.disabledGroups : [];
+      return this.options.displayRecent || (u = ["recent", ...u]), u;
     },
     get groups() {
-      return dn.filter(
-        (r) => !this.disabled.includes(r.key)
+      return gn.filter(
+        (u) => !this.disabled.includes(u.key)
       );
     },
     get orderedGroupKeys() {
-      const r = [
+      const u = [
         ...this.options.groupOrder,
         ...Object.keys(this.options.additionalGroups),
-        ...dn.map((m) => m.key)
+        ...gn.map((m) => m.key)
       ];
-      return [...new Set(r)].filter((m) => !this.disabled.includes(m));
+      return [...new Set(u)].filter((m) => !this.disabled.includes(m));
     }
   });
   function f() {
     e.options.displayRecent && n();
   }
   async function t() {
-    var r;
+    var u;
     let m = await _i();
-    return Array.isArray(m) && m.length ? m = JSON.parse(((r = m[0]) == null ? void 0 : r.value) || "") : m = [], m;
+    return Array.isArray(m) && m.length ? m = JSON.parse(((u = m[0]) == null ? void 0 : u.value) || "") : m = [], m;
   }
   function n() {
-    t().then((r) => {
-      e.recent = r, u();
+    t().then((u) => {
+      e.recent = u, r();
     });
   }
-  const a = (r) => {
-    e.search = r;
-  }, s = (r) => {
-    e.emoji = r;
-  }, A = (r) => {
-    e.activeGroup = r;
-  }, i = (r = jf) => {
-    e.skinTone = r;
-  }, o = (r) => {
-    e.options = Object.assign({}, e.options, r), f();
+  const a = (u) => {
+    e.search = u;
+  }, A = (u) => {
+    e.emoji = u;
+  }, s = (u) => {
+    e.activeGroup = u;
+  }, i = (u = jf) => {
+    e.skinTone = u;
+  }, l = (u) => {
+    e.options = Object.assign({}, e.options, u), f();
   };
-  async function u() {
-    (await Lt(Ut, Bt)).transaction(Be, "readwrite").objectStore(Be).put({
+  async function r() {
+    (await Ut(Bt, Qt)).transaction(Be, "readwrite").objectStore(Be).put({
       id: 0,
       value: JSON.stringify(e.recent)
     });
   }
-  const g = (r) => {
+  const g = (u) => {
     if (e.options.displayRecent !== !0)
       return;
-    const m = e.recent.findIndex((M) => M.u === r.u);
+    const m = e.recent.findIndex((h) => h.u === u.u);
     if (m > 0 && e.recent.splice(m, 1), m === 0)
       return;
-    const p = { u: r.u, n: On(r.n) };
-    e.recent = [p, ...e.recent], e.recent.length > 24 && (e.recent.length = 24), u();
+    const p = { u: u.u, n: Cn(u.n) };
+    e.recent = [p, ...e.recent], e.recent.length > 24 && (e.recent.length = 24), r();
   };
   return {
     state: Na(e),
     updateSearch: a,
-    updateEmoji: s,
-    updateActiveGroup: A,
+    updateEmoji: A,
+    updateActiveGroup: s,
     updateSkinTone: i,
-    updateOptions: o,
+    updateOptions: l,
     updateSelect: g
   };
 }
-var X = "top", se = "bottom", ie = "right", ee = "left", Qt = "auto", of = [X, se, ie, ee], Qe = "start", nf = "end", ki = "clippingParents", Hn = "viewport", Je = "popper", Ni = "reference", hn = /* @__PURE__ */ of.reduce(function(e, f) {
+var X = "top", se = "bottom", ie = "right", ee = "left", Rt = "auto", of = [X, se, ie, ee], Qe = "start", nf = "end", ki = "clippingParents", Hn = "viewport", Je = "popper", Ni = "reference", Mn = /* @__PURE__ */ of.reduce(function(e, f) {
   return e.concat([f + "-" + Qe, f + "-" + nf]);
-}, []), Fn = /* @__PURE__ */ [].concat(of, [Qt]).reduce(function(e, f) {
+}, []), Fn = /* @__PURE__ */ [].concat(of, [Rt]).reduce(function(e, f) {
   return e.concat([f, f + "-" + Qe, f + "-" + nf]);
 }, []), Di = "beforeRead", ji = "read", Ei = "afterRead", Ti = "beforeMain", Vi = "main", xi = "afterMain", Si = "beforeWrite", zi = "write", Oi = "afterWrite", Ci = [Di, ji, Ei, Ti, Vi, xi, Si, zi, Oi];
 function ge(e) {
@@ -13518,10 +13522,10 @@ function Pn(e) {
 function Li(e) {
   var f = e.state;
   Object.keys(f.elements).forEach(function(t) {
-    var n = f.styles[t] || {}, a = f.attributes[t] || {}, s = f.elements[t];
-    !Ae(s) || !ge(s) || (Object.assign(s.style, n), Object.keys(a).forEach(function(A) {
-      var i = a[A];
-      i === !1 ? s.removeAttribute(A) : s.setAttribute(A, i === !0 ? "" : i);
+    var n = f.styles[t] || {}, a = f.attributes[t] || {}, A = f.elements[t];
+    !Ae(A) || !ge(A) || (Object.assign(A.style, n), Object.keys(a).forEach(function(s) {
+      var i = a[s];
+      i === !1 ? A.removeAttribute(s) : A.setAttribute(s, i === !0 ? "" : i);
     }));
   });
 }
@@ -13540,11 +13544,11 @@ function Ui(e) {
   };
   return Object.assign(f.elements.popper.style, t.popper), f.styles = t, f.elements.arrow && Object.assign(f.elements.arrow.style, t.arrow), function() {
     Object.keys(f.elements).forEach(function(n) {
-      var a = f.elements[n], s = f.attributes[n] || {}, A = Object.keys(f.styles.hasOwnProperty(n) ? f.styles[n] : t[n]), i = A.reduce(function(o, u) {
-        return o[u] = "", o;
+      var a = f.elements[n], A = f.attributes[n] || {}, s = Object.keys(f.styles.hasOwnProperty(n) ? f.styles[n] : t[n]), i = s.reduce(function(l, r) {
+        return l[r] = "", l;
       }, {});
-      !Ae(a) || !ge(a) || (Object.assign(a.style, i), Object.keys(s).forEach(function(o) {
-        a.removeAttribute(o);
+      !Ae(a) || !ge(a) || (Object.assign(a.style, i), Object.keys(A).forEach(function(l) {
+        a.removeAttribute(l);
       }));
     });
   };
@@ -13565,8 +13569,8 @@ function qe(e, f) {
   f === void 0 && (f = !1);
   var t = e.getBoundingClientRect(), n = 1, a = 1;
   if (Ae(e) && f) {
-    var s = e.offsetHeight, A = e.offsetWidth;
-    A > 0 && (n = Ye(t.width) / A || 1), s > 0 && (a = Ye(t.height) / s || 1);
+    var A = e.offsetHeight, s = e.offsetWidth;
+    s > 0 && (n = Ye(t.width) / s || 1), A > 0 && (a = Ye(t.height) / A || 1);
   }
   return {
     width: t.width / n,
@@ -13579,7 +13583,7 @@ function qe(e, f) {
     y: t.top / a
   };
 }
-function Rt(e) {
+function Yt(e) {
   var f = qe(e), t = e.offsetWidth, n = e.offsetHeight;
   return Math.abs(f.width - t) <= 1 && (t = f.width), Math.abs(f.height - n) <= 1 && (n = f.height), {
     x: e.offsetLeft,
@@ -13614,7 +13618,7 @@ function De(e) {
 function it(e) {
   return ge(e) === "html" ? e : e.assignedSlot || e.parentNode || (Pn(e) ? e.host : null) || De(e);
 }
-function Mn(e) {
+function yn(e) {
   return !Ae(e) || me(e).position === "fixed" ? null : e.offsetParent;
 }
 function Ri(e) {
@@ -13625,19 +13629,19 @@ function Ri(e) {
       return null;
   }
   for (var a = it(e); Ae(a) && ["html", "body"].indexOf(ge(a)) < 0; ) {
-    var s = me(a);
-    if (s.transform !== "none" || s.perspective !== "none" || s.contain === "paint" || ["transform", "perspective"].indexOf(s.willChange) !== -1 || f && s.willChange === "filter" || f && s.filter && s.filter !== "none")
+    var A = me(a);
+    if (A.transform !== "none" || A.perspective !== "none" || A.contain === "paint" || ["transform", "perspective"].indexOf(A.willChange) !== -1 || f && A.willChange === "filter" || f && A.filter && A.filter !== "none")
       return a;
     a = a.parentNode;
   }
   return null;
 }
 function lf(e) {
-  for (var f = oe(e), t = Mn(e); t && Qi(t) && me(t).position === "static"; )
-    t = Mn(t);
+  for (var f = oe(e), t = yn(e); t && Qi(t) && me(t).position === "static"; )
+    t = yn(t);
   return t && (ge(t) === "html" || ge(t) === "body" && me(t).position === "static") ? f : t || Ri(e) || f;
 }
-function Yt(e) {
+function qt(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
 function Ge(e, f, t) {
@@ -13669,10 +13673,10 @@ var qi = function(f, t) {
   })) : f, Kn(typeof f != "number" ? f : Jn(f, of));
 };
 function Hi(e) {
-  var f, t = e.state, n = e.name, a = e.options, s = t.elements.arrow, A = t.modifiersData.popperOffsets, i = de(t.placement), o = Yt(i), u = [ee, ie].indexOf(i) >= 0, g = u ? "height" : "width";
-  if (!(!s || !A)) {
-    var r = qi(a.padding, t), m = Rt(s), p = o === "y" ? X : ee, M = o === "y" ? se : ie, h = t.rects.reference[g] + t.rects.reference[o] - A[o] - t.rects.popper[g], y = A[o] - t.rects.reference[o], _ = lf(s), k = _ ? o === "y" ? _.clientHeight || 0 : _.clientWidth || 0 : 0, D = h / 2 - y / 2, N = r[p], j = k - m[g] - r[M], x = k / 2 - m[g] / 2 + D, E = Ge(N, x, j), z = o;
-    t.modifiersData[n] = (f = {}, f[z] = E, f.centerOffset = E - x, f);
+  var f, t = e.state, n = e.name, a = e.options, A = t.elements.arrow, s = t.modifiersData.popperOffsets, i = de(t.placement), l = qt(i), r = [ee, ie].indexOf(i) >= 0, g = r ? "height" : "width";
+  if (!(!A || !s)) {
+    var u = qi(a.padding, t), m = Yt(A), p = l === "y" ? X : ee, h = l === "y" ? se : ie, M = t.rects.reference[g] + t.rects.reference[l] - s[l] - t.rects.popper[g], y = s[l] - t.rects.reference[l], _ = lf(A), k = _ ? l === "y" ? _.clientHeight || 0 : _.clientWidth || 0 : 0, D = M / 2 - y / 2, N = u[p], E = k - m[g] - u[h], S = k / 2 - m[g] / 2 + D, T = Ge(N, S, E), O = l;
+    t.modifiersData[n] = (f = {}, f[O] = T, f.centerOffset = T - S, f);
   }
 }
 function Fi(e) {
@@ -13704,32 +13708,32 @@ function Wi(e) {
     y: Ye(t * a) / a || 0
   };
 }
-function yn(e) {
-  var f, t = e.popper, n = e.popperRect, a = e.placement, s = e.variation, A = e.offsets, i = e.position, o = e.gpuAcceleration, u = e.adaptive, g = e.roundOffsets, r = e.isFixed, m = g === !0 ? Wi(A) : typeof g == "function" ? g(A) : A, p = m.x, M = p === void 0 ? 0 : p, h = m.y, y = h === void 0 ? 0 : h, _ = A.hasOwnProperty("x"), k = A.hasOwnProperty("y"), D = ee, N = X, j = window;
-  if (u) {
-    var x = lf(t), E = "clientHeight", z = "clientWidth";
-    if (x === oe(t) && (x = De(t), me(x).position !== "static" && i === "absolute" && (E = "scrollHeight", z = "scrollWidth")), x = x, a === X || (a === ee || a === ie) && s === nf) {
+function bn(e) {
+  var f, t = e.popper, n = e.popperRect, a = e.placement, A = e.variation, s = e.offsets, i = e.position, l = e.gpuAcceleration, r = e.adaptive, g = e.roundOffsets, u = e.isFixed, m = g === !0 ? Wi(s) : typeof g == "function" ? g(s) : s, p = m.x, h = p === void 0 ? 0 : p, M = m.y, y = M === void 0 ? 0 : M, _ = s.hasOwnProperty("x"), k = s.hasOwnProperty("y"), D = ee, N = X, E = window;
+  if (r) {
+    var S = lf(t), T = "clientHeight", O = "clientWidth";
+    if (S === oe(t) && (S = De(t), me(S).position !== "static" && i === "absolute" && (T = "scrollHeight", O = "scrollWidth")), S = S, a === X || (a === ee || a === ie) && A === nf) {
       N = se;
-      var Q = r && j.visualViewport ? j.visualViewport.height : x[E];
-      y -= Q - n.height, y *= o ? 1 : -1;
+      var Q = u && E.visualViewport ? E.visualViewport.height : S[T];
+      y -= Q - n.height, y *= l ? 1 : -1;
     }
-    if (a === ee || (a === X || a === se) && s === nf) {
+    if (a === ee || (a === X || a === se) && A === nf) {
       D = ie;
-      var O = r && j.visualViewport ? j.visualViewport.width : x[z];
-      M -= O - n.width, M *= o ? 1 : -1;
+      var C = u && E.visualViewport ? E.visualViewport.width : S[O];
+      h -= C - n.width, h *= l ? 1 : -1;
     }
   }
   var B = Object.assign({
     position: i
-  }, u && $i);
-  if (o) {
+  }, r && $i);
+  if (l) {
     var R;
-    return Object.assign({}, B, (R = {}, R[N] = k ? "0" : "", R[D] = _ ? "0" : "", R.transform = (j.devicePixelRatio || 1) <= 1 ? "translate(" + M + "px, " + y + "px)" : "translate3d(" + M + "px, " + y + "px, 0)", R));
+    return Object.assign({}, B, (R = {}, R[N] = k ? "0" : "", R[D] = _ ? "0" : "", R.transform = (E.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + y + "px)" : "translate3d(" + h + "px, " + y + "px, 0)", R));
   }
-  return Object.assign({}, B, (f = {}, f[N] = k ? y + "px" : "", f[D] = _ ? M + "px" : "", f.transform = "", f));
+  return Object.assign({}, B, (f = {}, f[N] = k ? y + "px" : "", f[D] = _ ? h + "px" : "", f.transform = "", f));
 }
 function Ki(e) {
-  var f = e.state, t = e.options, n = t.gpuAcceleration, a = n === void 0 ? !0 : n, s = t.adaptive, A = s === void 0 ? !0 : s, i = t.roundOffsets, o = i === void 0 ? !0 : i, u = {
+  var f = e.state, t = e.options, n = t.gpuAcceleration, a = n === void 0 ? !0 : n, A = t.adaptive, s = A === void 0 ? !0 : A, i = t.roundOffsets, l = i === void 0 ? !0 : i, r = {
     placement: de(f.placement),
     variation: He(f.placement),
     popper: f.elements.popper,
@@ -13737,16 +13741,16 @@ function Ki(e) {
     gpuAcceleration: a,
     isFixed: f.options.strategy === "fixed"
   };
-  f.modifiersData.popperOffsets != null && (f.styles.popper = Object.assign({}, f.styles.popper, yn(Object.assign({}, u, {
+  f.modifiersData.popperOffsets != null && (f.styles.popper = Object.assign({}, f.styles.popper, bn(Object.assign({}, r, {
     offsets: f.modifiersData.popperOffsets,
     position: f.options.strategy,
-    adaptive: A,
-    roundOffsets: o
-  })))), f.modifiersData.arrow != null && (f.styles.arrow = Object.assign({}, f.styles.arrow, yn(Object.assign({}, u, {
+    adaptive: s,
+    roundOffsets: l
+  })))), f.modifiersData.arrow != null && (f.styles.arrow = Object.assign({}, f.styles.arrow, bn(Object.assign({}, r, {
     offsets: f.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
-    roundOffsets: o
+    roundOffsets: l
   })))), f.attributes.popper = Object.assign({}, f.attributes.popper, {
     "data-popper-placement": f.placement
   });
@@ -13761,13 +13765,13 @@ var Ji = {
   passive: !0
 };
 function Gi(e) {
-  var f = e.state, t = e.instance, n = e.options, a = n.scroll, s = a === void 0 ? !0 : a, A = n.resize, i = A === void 0 ? !0 : A, o = oe(f.elements.popper), u = [].concat(f.scrollParents.reference, f.scrollParents.popper);
-  return s && u.forEach(function(g) {
+  var f = e.state, t = e.instance, n = e.options, a = n.scroll, A = a === void 0 ? !0 : a, s = n.resize, i = s === void 0 ? !0 : s, l = oe(f.elements.popper), r = [].concat(f.scrollParents.reference, f.scrollParents.popper);
+  return A && r.forEach(function(g) {
     g.addEventListener("scroll", t.update, hf);
-  }), i && o.addEventListener("resize", t.update, hf), function() {
-    s && u.forEach(function(g) {
+  }), i && l.addEventListener("resize", t.update, hf), function() {
+    A && r.forEach(function(g) {
       g.removeEventListener("scroll", t.update, hf);
-    }), i && o.removeEventListener("resize", t.update, hf);
+    }), i && l.removeEventListener("resize", t.update, hf);
   };
 }
 var Zi = {
@@ -13793,51 +13797,51 @@ var eo = {
   start: "end",
   end: "start"
 };
-function bn(e) {
+function vn(e) {
   return e.replace(/start|end/g, function(f) {
     return eo[f];
   });
 }
-function qt(e) {
+function Ht(e) {
   var f = oe(e), t = f.pageXOffset, n = f.pageYOffset;
   return {
     scrollLeft: t,
     scrollTop: n
   };
 }
-function Ht(e) {
-  return qe(De(e)).left + qt(e).scrollLeft;
+function Ft(e) {
+  return qe(De(e)).left + Ht(e).scrollLeft;
 }
 function fo(e) {
-  var f = oe(e), t = De(e), n = f.visualViewport, a = t.clientWidth, s = t.clientHeight, A = 0, i = 0;
-  return n && (a = n.width, s = n.height, /^((?!chrome|android).)*safari/i.test(navigator.userAgent) || (A = n.offsetLeft, i = n.offsetTop)), {
+  var f = oe(e), t = De(e), n = f.visualViewport, a = t.clientWidth, A = t.clientHeight, s = 0, i = 0;
+  return n && (a = n.width, A = n.height, /^((?!chrome|android).)*safari/i.test(navigator.userAgent) || (s = n.offsetLeft, i = n.offsetTop)), {
     width: a,
-    height: s,
-    x: A + Ht(e),
+    height: A,
+    x: s + Ft(e),
     y: i
   };
 }
 function to(e) {
-  var f, t = De(e), n = qt(e), a = (f = e.ownerDocument) == null ? void 0 : f.body, s = ze(t.scrollWidth, t.clientWidth, a ? a.scrollWidth : 0, a ? a.clientWidth : 0), A = ze(t.scrollHeight, t.clientHeight, a ? a.scrollHeight : 0, a ? a.clientHeight : 0), i = -n.scrollLeft + Ht(e), o = -n.scrollTop;
-  return me(a || t).direction === "rtl" && (i += ze(t.clientWidth, a ? a.clientWidth : 0) - s), {
-    width: s,
-    height: A,
+  var f, t = De(e), n = Ht(e), a = (f = e.ownerDocument) == null ? void 0 : f.body, A = ze(t.scrollWidth, t.clientWidth, a ? a.scrollWidth : 0, a ? a.clientWidth : 0), s = ze(t.scrollHeight, t.clientHeight, a ? a.scrollHeight : 0, a ? a.clientHeight : 0), i = -n.scrollLeft + Ft(e), l = -n.scrollTop;
+  return me(a || t).direction === "rtl" && (i += ze(t.clientWidth, a ? a.clientWidth : 0) - A), {
+    width: A,
+    height: s,
     x: i,
-    y: o
+    y: l
   };
 }
-function Ft(e) {
+function Pt(e) {
   var f = me(e), t = f.overflow, n = f.overflowX, a = f.overflowY;
   return /auto|scroll|overlay|hidden/.test(t + a + n);
 }
 function Gn(e) {
-  return ["html", "body", "#document"].indexOf(ge(e)) >= 0 ? e.ownerDocument.body : Ae(e) && Ft(e) ? e : Gn(it(e));
+  return ["html", "body", "#document"].indexOf(ge(e)) >= 0 ? e.ownerDocument.body : Ae(e) && Pt(e) ? e : Gn(it(e));
 }
 function Ze(e, f) {
   var t;
   f === void 0 && (f = []);
-  var n = Gn(e), a = n === ((t = e.ownerDocument) == null ? void 0 : t.body), s = oe(n), A = a ? [s].concat(s.visualViewport || [], Ft(n) ? n : []) : n, i = f.concat(A);
-  return a ? i : i.concat(Ze(it(A)));
+  var n = Gn(e), a = n === ((t = e.ownerDocument) == null ? void 0 : t.body), A = oe(n), s = a ? [A].concat(A.visualViewport || [], Pt(n) ? n : []) : n, i = f.concat(s);
+  return a ? i : i.concat(Ze(it(s)));
 }
 function wt(e) {
   return Object.assign({}, e, {
@@ -13851,7 +13855,7 @@ function no(e) {
   var f = qe(e);
   return f.top = f.top + e.clientTop, f.left = f.left + e.clientLeft, f.bottom = f.top + e.clientHeight, f.right = f.left + e.clientWidth, f.width = e.clientWidth, f.height = e.clientHeight, f.x = f.left, f.y = f.top, f;
 }
-function vn(e, f) {
+function In(e, f) {
   return f === Hn ? wt(fo(e)) : Re(f) ? no(f) : wt(to(De(e)));
 }
 function ao(e) {
@@ -13861,141 +13865,141 @@ function ao(e) {
   }) : [];
 }
 function Ao(e, f, t) {
-  var n = f === "clippingParents" ? ao(e) : [].concat(f), a = [].concat(n, [t]), s = a[0], A = a.reduce(function(i, o) {
-    var u = vn(e, o);
-    return i.top = ze(u.top, i.top), i.right = Ef(u.right, i.right), i.bottom = Ef(u.bottom, i.bottom), i.left = ze(u.left, i.left), i;
-  }, vn(e, s));
-  return A.width = A.right - A.left, A.height = A.bottom - A.top, A.x = A.left, A.y = A.top, A;
+  var n = f === "clippingParents" ? ao(e) : [].concat(f), a = [].concat(n, [t]), A = a[0], s = a.reduce(function(i, l) {
+    var r = In(e, l);
+    return i.top = ze(r.top, i.top), i.right = Ef(r.right, i.right), i.bottom = Ef(r.bottom, i.bottom), i.left = ze(r.left, i.left), i;
+  }, In(e, A));
+  return s.width = s.right - s.left, s.height = s.bottom - s.top, s.x = s.left, s.y = s.top, s;
 }
 function Zn(e) {
-  var f = e.reference, t = e.element, n = e.placement, a = n ? de(n) : null, s = n ? He(n) : null, A = f.x + f.width / 2 - t.width / 2, i = f.y + f.height / 2 - t.height / 2, o;
+  var f = e.reference, t = e.element, n = e.placement, a = n ? de(n) : null, A = n ? He(n) : null, s = f.x + f.width / 2 - t.width / 2, i = f.y + f.height / 2 - t.height / 2, l;
   switch (a) {
     case X:
-      o = {
-        x: A,
+      l = {
+        x: s,
         y: f.y - t.height
       };
       break;
     case se:
-      o = {
-        x: A,
+      l = {
+        x: s,
         y: f.y + f.height
       };
       break;
     case ie:
-      o = {
+      l = {
         x: f.x + f.width,
         y: i
       };
       break;
     case ee:
-      o = {
+      l = {
         x: f.x - t.width,
         y: i
       };
       break;
     default:
-      o = {
+      l = {
         x: f.x,
         y: f.y
       };
   }
-  var u = a ? Yt(a) : null;
-  if (u != null) {
-    var g = u === "y" ? "height" : "width";
-    switch (s) {
+  var r = a ? qt(a) : null;
+  if (r != null) {
+    var g = r === "y" ? "height" : "width";
+    switch (A) {
       case Qe:
-        o[u] = o[u] - (f[g] / 2 - t[g] / 2);
+        l[r] = l[r] - (f[g] / 2 - t[g] / 2);
         break;
       case nf:
-        o[u] = o[u] + (f[g] / 2 - t[g] / 2);
+        l[r] = l[r] + (f[g] / 2 - t[g] / 2);
         break;
     }
   }
-  return o;
+  return l;
 }
 function af(e, f) {
   f === void 0 && (f = {});
-  var t = f, n = t.placement, a = n === void 0 ? e.placement : n, s = t.boundary, A = s === void 0 ? ki : s, i = t.rootBoundary, o = i === void 0 ? Hn : i, u = t.elementContext, g = u === void 0 ? Je : u, r = t.altBoundary, m = r === void 0 ? !1 : r, p = t.padding, M = p === void 0 ? 0 : p, h = Kn(typeof M != "number" ? M : Jn(M, of)), y = g === Je ? Ni : Je, _ = e.rects.popper, k = e.elements[m ? y : g], D = Ao(Re(k) ? k : k.contextElement || De(e.elements.popper), A, o), N = qe(e.elements.reference), j = Zn({
+  var t = f, n = t.placement, a = n === void 0 ? e.placement : n, A = t.boundary, s = A === void 0 ? ki : A, i = t.rootBoundary, l = i === void 0 ? Hn : i, r = t.elementContext, g = r === void 0 ? Je : r, u = t.altBoundary, m = u === void 0 ? !1 : u, p = t.padding, h = p === void 0 ? 0 : p, M = Kn(typeof h != "number" ? h : Jn(h, of)), y = g === Je ? Ni : Je, _ = e.rects.popper, k = e.elements[m ? y : g], D = Ao(Re(k) ? k : k.contextElement || De(e.elements.popper), s, l), N = qe(e.elements.reference), E = Zn({
     reference: N,
     element: _,
     strategy: "absolute",
     placement: a
-  }), x = wt(Object.assign({}, _, j)), E = g === Je ? x : N, z = {
-    top: D.top - E.top + h.top,
-    bottom: E.bottom - D.bottom + h.bottom,
-    left: D.left - E.left + h.left,
-    right: E.right - D.right + h.right
+  }), S = wt(Object.assign({}, _, E)), T = g === Je ? S : N, O = {
+    top: D.top - T.top + M.top,
+    bottom: T.bottom - D.bottom + M.bottom,
+    left: D.left - T.left + M.left,
+    right: T.right - D.right + M.right
   }, Q = e.modifiersData.offset;
   if (g === Je && Q) {
-    var O = Q[a];
-    Object.keys(z).forEach(function(B) {
+    var C = Q[a];
+    Object.keys(O).forEach(function(B) {
       var R = [ie, se].indexOf(B) >= 0 ? 1 : -1, te = [X, se].indexOf(B) >= 0 ? "y" : "x";
-      z[B] += O[te] * R;
+      O[B] += C[te] * R;
     });
   }
-  return z;
+  return O;
 }
 function so(e, f) {
   f === void 0 && (f = {});
-  var t = f, n = t.placement, a = t.boundary, s = t.rootBoundary, A = t.padding, i = t.flipVariations, o = t.allowedAutoPlacements, u = o === void 0 ? Fn : o, g = He(n), r = g ? i ? hn : hn.filter(function(M) {
-    return He(M) === g;
-  }) : of, m = r.filter(function(M) {
-    return u.indexOf(M) >= 0;
+  var t = f, n = t.placement, a = t.boundary, A = t.rootBoundary, s = t.padding, i = t.flipVariations, l = t.allowedAutoPlacements, r = l === void 0 ? Fn : l, g = He(n), u = g ? i ? Mn : Mn.filter(function(h) {
+    return He(h) === g;
+  }) : of, m = u.filter(function(h) {
+    return r.indexOf(h) >= 0;
   });
-  m.length === 0 && (m = r);
-  var p = m.reduce(function(M, h) {
-    return M[h] = af(e, {
-      placement: h,
+  m.length === 0 && (m = u);
+  var p = m.reduce(function(h, M) {
+    return h[M] = af(e, {
+      placement: M,
       boundary: a,
-      rootBoundary: s,
-      padding: A
-    })[de(h)], M;
+      rootBoundary: A,
+      padding: s
+    })[de(M)], h;
   }, {});
-  return Object.keys(p).sort(function(M, h) {
-    return p[M] - p[h];
+  return Object.keys(p).sort(function(h, M) {
+    return p[h] - p[M];
   });
 }
 function io(e) {
-  if (de(e) === Qt)
+  if (de(e) === Rt)
     return [];
   var f = _f(e);
-  return [bn(e), f, bn(f)];
+  return [vn(e), f, vn(f)];
 }
 function oo(e) {
   var f = e.state, t = e.options, n = e.name;
   if (!f.modifiersData[n]._skip) {
-    for (var a = t.mainAxis, s = a === void 0 ? !0 : a, A = t.altAxis, i = A === void 0 ? !0 : A, o = t.fallbackPlacements, u = t.padding, g = t.boundary, r = t.rootBoundary, m = t.altBoundary, p = t.flipVariations, M = p === void 0 ? !0 : p, h = t.allowedAutoPlacements, y = f.options.placement, _ = de(y), k = _ === y, D = o || (k || !M ? [_f(y)] : io(y)), N = [y].concat(D).reduce(function(Ce, ye) {
-      return Ce.concat(de(ye) === Qt ? so(f, {
+    for (var a = t.mainAxis, A = a === void 0 ? !0 : a, s = t.altAxis, i = s === void 0 ? !0 : s, l = t.fallbackPlacements, r = t.padding, g = t.boundary, u = t.rootBoundary, m = t.altBoundary, p = t.flipVariations, h = p === void 0 ? !0 : p, M = t.allowedAutoPlacements, y = f.options.placement, _ = de(y), k = _ === y, D = l || (k || !h ? [_f(y)] : io(y)), N = [y].concat(D).reduce(function(Ce, ye) {
+      return Ce.concat(de(ye) === Rt ? so(f, {
         placement: ye,
         boundary: g,
-        rootBoundary: r,
-        padding: u,
-        flipVariations: M,
-        allowedAutoPlacements: h
+        rootBoundary: u,
+        padding: r,
+        flipVariations: h,
+        allowedAutoPlacements: M
       }) : ye);
-    }, []), j = f.rects.reference, x = f.rects.popper, E = /* @__PURE__ */ new Map(), z = !0, Q = N[0], O = 0; O < N.length; O++) {
-      var B = N[O], R = de(B), te = He(B) === Qe, pe = [X, se].indexOf(R) >= 0, le = pe ? "width" : "height", Y = af(f, {
+    }, []), E = f.rects.reference, S = f.rects.popper, T = /* @__PURE__ */ new Map(), O = !0, Q = N[0], C = 0; C < N.length; C++) {
+      var B = N[C], R = de(B), te = He(B) === Qe, pe = [X, se].indexOf(R) >= 0, le = pe ? "width" : "height", Y = af(f, {
         placement: B,
         boundary: g,
-        rootBoundary: r,
+        rootBoundary: u,
         altBoundary: m,
-        padding: u
+        padding: r
       }), W = pe ? te ? ie : ee : te ? se : X;
-      j[le] > x[le] && (W = _f(W));
+      E[le] > S[le] && (W = _f(W));
       var uf = _f(W), Ee = [];
-      if (s && Ee.push(Y[R] <= 0), i && Ee.push(Y[W] <= 0, Y[uf] <= 0), Ee.every(function(Ce) {
+      if (A && Ee.push(Y[R] <= 0), i && Ee.push(Y[W] <= 0, Y[uf] <= 0), Ee.every(function(Ce) {
         return Ce;
       })) {
-        Q = B, z = !1;
+        Q = B, O = !1;
         break;
       }
-      E.set(B, Ee);
+      T.set(B, Ee);
     }
-    if (z)
-      for (var cf = M ? 3 : 1, lt = function(ye) {
+    if (O)
+      for (var cf = h ? 3 : 1, lt = function(ye) {
         var Ke = N.find(function(gf) {
-          var Te = E.get(gf);
+          var Te = T.get(gf);
           if (Te)
             return Te.slice(0, ye).every(function(rt) {
               return rt;
@@ -14021,7 +14025,7 @@ var lo = {
     _skip: !1
   }
 };
-function In(e, f, t) {
+function _n(e, f, t) {
   return t === void 0 && (t = {
     x: 0,
     y: 0
@@ -14032,25 +14036,25 @@ function In(e, f, t) {
     left: e.left - f.width - t.x
   };
 }
-function _n(e) {
+function wn(e) {
   return [X, ie, se, ee].some(function(f) {
     return e[f] >= 0;
   });
 }
 function ro(e) {
-  var f = e.state, t = e.name, n = f.rects.reference, a = f.rects.popper, s = f.modifiersData.preventOverflow, A = af(f, {
+  var f = e.state, t = e.name, n = f.rects.reference, a = f.rects.popper, A = f.modifiersData.preventOverflow, s = af(f, {
     elementContext: "reference"
   }), i = af(f, {
     altBoundary: !0
-  }), o = In(A, n), u = In(i, a, s), g = _n(o), r = _n(u);
+  }), l = _n(s, n), r = _n(i, a, A), g = wn(l), u = wn(r);
   f.modifiersData[t] = {
-    referenceClippingOffsets: o,
-    popperEscapeOffsets: u,
+    referenceClippingOffsets: l,
+    popperEscapeOffsets: r,
     isReferenceHidden: g,
-    hasPopperEscaped: r
+    hasPopperEscaped: u
   }, f.attributes.popper = Object.assign({}, f.attributes.popper, {
     "data-popper-reference-hidden": g,
-    "data-popper-escaped": r
+    "data-popper-escaped": u
   });
 }
 var uo = {
@@ -14061,22 +14065,22 @@ var uo = {
   fn: ro
 };
 function co(e, f, t) {
-  var n = de(e), a = [ee, X].indexOf(n) >= 0 ? -1 : 1, s = typeof t == "function" ? t(Object.assign({}, f, {
+  var n = de(e), a = [ee, X].indexOf(n) >= 0 ? -1 : 1, A = typeof t == "function" ? t(Object.assign({}, f, {
     placement: e
-  })) : t, A = s[0], i = s[1];
-  return A = A || 0, i = (i || 0) * a, [ee, ie].indexOf(n) >= 0 ? {
+  })) : t, s = A[0], i = A[1];
+  return s = s || 0, i = (i || 0) * a, [ee, ie].indexOf(n) >= 0 ? {
     x: i,
-    y: A
+    y: s
   } : {
-    x: A,
+    x: s,
     y: i
   };
 }
 function go(e) {
-  var f = e.state, t = e.options, n = e.name, a = t.offset, s = a === void 0 ? [0, 0] : a, A = Fn.reduce(function(g, r) {
-    return g[r] = co(r, f.rects, s), g;
-  }, {}), i = A[f.placement], o = i.x, u = i.y;
-  f.modifiersData.popperOffsets != null && (f.modifiersData.popperOffsets.x += o, f.modifiersData.popperOffsets.y += u), f.modifiersData[n] = A;
+  var f = e.state, t = e.options, n = e.name, a = t.offset, A = a === void 0 ? [0, 0] : a, s = Fn.reduce(function(g, u) {
+    return g[u] = co(u, f.rects, A), g;
+  }, {}), i = s[f.placement], l = i.x, r = i.y;
+  f.modifiersData.popperOffsets != null && (f.modifiersData.popperOffsets.x += l, f.modifiersData.popperOffsets.y += r), f.modifiersData[n] = s;
 }
 var mo = {
   name: "offset",
@@ -14105,14 +14109,14 @@ function Mo(e) {
   return e === "x" ? "y" : "x";
 }
 function yo(e) {
-  var f = e.state, t = e.options, n = e.name, a = t.mainAxis, s = a === void 0 ? !0 : a, A = t.altAxis, i = A === void 0 ? !1 : A, o = t.boundary, u = t.rootBoundary, g = t.altBoundary, r = t.padding, m = t.tether, p = m === void 0 ? !0 : m, M = t.tetherOffset, h = M === void 0 ? 0 : M, y = af(f, {
-    boundary: o,
-    rootBoundary: u,
-    padding: r,
+  var f = e.state, t = e.options, n = e.name, a = t.mainAxis, A = a === void 0 ? !0 : a, s = t.altAxis, i = s === void 0 ? !1 : s, l = t.boundary, r = t.rootBoundary, g = t.altBoundary, u = t.padding, m = t.tether, p = m === void 0 ? !0 : m, h = t.tetherOffset, M = h === void 0 ? 0 : h, y = af(f, {
+    boundary: l,
+    rootBoundary: r,
+    padding: u,
     altBoundary: g
-  }), _ = de(f.placement), k = He(f.placement), D = !k, N = Yt(_), j = Mo(N), x = f.modifiersData.popperOffsets, E = f.rects.reference, z = f.rects.popper, Q = typeof h == "function" ? h(Object.assign({}, f.rects, {
+  }), _ = de(f.placement), k = He(f.placement), D = !k, N = qt(_), E = Mo(N), S = f.modifiersData.popperOffsets, T = f.rects.reference, O = f.rects.popper, Q = typeof M == "function" ? M(Object.assign({}, f.rects, {
     placement: f.placement
-  })) : h, O = typeof Q == "number" ? {
+  })) : M, C = typeof Q == "number" ? {
     mainAxis: Q,
     altAxis: Q
   } : Object.assign({
@@ -14122,17 +14126,17 @@ function yo(e) {
     x: 0,
     y: 0
   };
-  if (x) {
-    if (s) {
-      var te, pe = N === "y" ? X : ee, le = N === "y" ? se : ie, Y = N === "y" ? "height" : "width", W = x[N], uf = W + y[pe], Ee = W - y[le], cf = p ? -z[Y] / 2 : 0, lt = k === Qe ? E[Y] : z[Y], We = k === Qe ? -z[Y] : -E[Y], df = f.elements.arrow, Ce = p && df ? Rt(df) : {
+  if (S) {
+    if (A) {
+      var te, pe = N === "y" ? X : ee, le = N === "y" ? se : ie, Y = N === "y" ? "height" : "width", W = S[N], uf = W + y[pe], Ee = W - y[le], cf = p ? -O[Y] / 2 : 0, lt = k === Qe ? T[Y] : O[Y], We = k === Qe ? -O[Y] : -T[Y], df = f.elements.arrow, Ce = p && df ? Yt(df) : {
         width: 0,
         height: 0
-      }, ye = f.modifiersData["arrow#persistent"] ? f.modifiersData["arrow#persistent"].padding : Wn(), Ke = ye[pe], gf = ye[le], Te = Ge(0, E[Y], Ce[Y]), rt = D ? E[Y] / 2 - cf - Te - Ke - O.mainAxis : lt - Te - Ke - O.mainAxis, ca = D ? -E[Y] / 2 + cf + Te + gf + O.mainAxis : We + Te + gf + O.mainAxis, ut = f.elements.arrow && lf(f.elements.arrow), da = ut ? N === "y" ? ut.clientTop || 0 : ut.clientLeft || 0 : 0, en = (te = B == null ? void 0 : B[N]) != null ? te : 0, ga = W + rt - en - da, ma = W + ca - en, fn = Ge(p ? Ef(uf, ga) : uf, W, p ? ze(Ee, ma) : Ee);
-      x[N] = fn, R[N] = fn - W;
+      }, ye = f.modifiersData["arrow#persistent"] ? f.modifiersData["arrow#persistent"].padding : Wn(), Ke = ye[pe], gf = ye[le], Te = Ge(0, T[Y], Ce[Y]), rt = D ? T[Y] / 2 - cf - Te - Ke - C.mainAxis : lt - Te - Ke - C.mainAxis, ca = D ? -T[Y] / 2 + cf + Te + gf + C.mainAxis : We + Te + gf + C.mainAxis, ut = f.elements.arrow && lf(f.elements.arrow), da = ut ? N === "y" ? ut.clientTop || 0 : ut.clientLeft || 0 : 0, fn = (te = B == null ? void 0 : B[N]) != null ? te : 0, ga = W + rt - fn - da, ma = W + ca - fn, tn = Ge(p ? Ef(uf, ga) : uf, W, p ? ze(Ee, ma) : Ee);
+      S[N] = tn, R[N] = tn - W;
     }
     if (i) {
-      var tn, pa = N === "x" ? X : ee, ha = N === "x" ? se : ie, Ve = x[j], mf = j === "y" ? "height" : "width", nn = Ve + y[pa], an = Ve - y[ha], ct = [X, ee].indexOf(_) !== -1, An = (tn = B == null ? void 0 : B[j]) != null ? tn : 0, sn = ct ? nn : Ve - E[mf] - z[mf] - An + O.altAxis, on = ct ? Ve + E[mf] + z[mf] - An - O.altAxis : an, ln = p && ct ? Yi(sn, Ve, on) : Ge(p ? sn : nn, Ve, p ? on : an);
-      x[j] = ln, R[j] = ln - Ve;
+      var nn, pa = N === "x" ? X : ee, ha = N === "x" ? se : ie, Ve = S[E], mf = E === "y" ? "height" : "width", an = Ve + y[pa], An = Ve - y[ha], ct = [X, ee].indexOf(_) !== -1, sn = (nn = B == null ? void 0 : B[E]) != null ? nn : 0, on = ct ? an : Ve - T[mf] - O[mf] - sn + C.altAxis, ln = ct ? Ve + T[mf] + O[mf] - sn - C.altAxis : An, rn = p && ct ? Yi(on, Ve, ln) : Ge(p ? on : an, Ve, p ? ln : An);
+      S[E] = rn, R[E] = rn - Ve;
     }
     f.modifiersData[n] = R;
   }
@@ -14151,7 +14155,7 @@ function vo(e) {
   };
 }
 function Io(e) {
-  return e === oe(e) || !Ae(e) ? qt(e) : vo(e);
+  return e === oe(e) || !Ae(e) ? Ht(e) : vo(e);
 }
 function _o(e) {
   var f = e.getBoundingClientRect(), t = Ye(f.width) / e.offsetWidth || 1, n = Ye(f.height) / e.offsetHeight || 1;
@@ -14159,37 +14163,37 @@ function _o(e) {
 }
 function wo(e, f, t) {
   t === void 0 && (t = !1);
-  var n = Ae(f), a = Ae(f) && _o(f), s = De(f), A = qe(e, a), i = {
+  var n = Ae(f), a = Ae(f) && _o(f), A = De(f), s = qe(e, a), i = {
     scrollLeft: 0,
     scrollTop: 0
-  }, o = {
+  }, l = {
     x: 0,
     y: 0
   };
-  return (n || !n && !t) && ((ge(f) !== "body" || Ft(s)) && (i = Io(f)), Ae(f) ? (o = qe(f, !0), o.x += f.clientLeft, o.y += f.clientTop) : s && (o.x = Ht(s))), {
-    x: A.left + i.scrollLeft - o.x,
-    y: A.top + i.scrollTop - o.y,
-    width: A.width,
-    height: A.height
+  return (n || !n && !t) && ((ge(f) !== "body" || Pt(A)) && (i = Io(f)), Ae(f) ? (l = qe(f, !0), l.x += f.clientLeft, l.y += f.clientTop) : A && (l.x = Ft(A))), {
+    x: s.left + i.scrollLeft - l.x,
+    y: s.top + i.scrollTop - l.y,
+    width: s.width,
+    height: s.height
   };
 }
 function ko(e) {
   var f = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set(), n = [];
-  e.forEach(function(s) {
-    f.set(s.name, s);
+  e.forEach(function(A) {
+    f.set(A.name, A);
   });
-  function a(s) {
-    t.add(s.name);
-    var A = [].concat(s.requires || [], s.requiresIfExists || []);
-    A.forEach(function(i) {
+  function a(A) {
+    t.add(A.name);
+    var s = [].concat(A.requires || [], A.requiresIfExists || []);
+    s.forEach(function(i) {
       if (!t.has(i)) {
-        var o = f.get(i);
-        o && a(o);
+        var l = f.get(i);
+        l && a(l);
       }
-    }), n.push(s);
+    }), n.push(A);
   }
-  return e.forEach(function(s) {
-    t.has(s.name) || a(s);
+  return e.forEach(function(A) {
+    t.has(A.name) || a(A);
   }), n;
 }
 function No(e) {
@@ -14222,12 +14226,12 @@ function jo(e) {
     return f[t];
   });
 }
-var wn = {
+var kn = {
   placement: "bottom",
   modifiers: [],
   strategy: "absolute"
 };
-function kn() {
+function Nn() {
   for (var e = arguments.length, f = new Array(e), t = 0; t < e; t++)
     f[t] = arguments[t];
   return !f.some(function(n) {
@@ -14236,52 +14240,52 @@ function kn() {
 }
 function Eo(e) {
   e === void 0 && (e = {});
-  var f = e, t = f.defaultModifiers, n = t === void 0 ? [] : t, a = f.defaultOptions, s = a === void 0 ? wn : a;
-  return function(i, o, u) {
-    u === void 0 && (u = s);
+  var f = e, t = f.defaultModifiers, n = t === void 0 ? [] : t, a = f.defaultOptions, A = a === void 0 ? kn : a;
+  return function(i, l, r) {
+    r === void 0 && (r = A);
     var g = {
       placement: "bottom",
       orderedModifiers: [],
-      options: Object.assign({}, wn, s),
+      options: Object.assign({}, kn, A),
       modifiersData: {},
       elements: {
         reference: i,
-        popper: o
+        popper: l
       },
       attributes: {},
       styles: {}
-    }, r = [], m = !1, p = {
+    }, u = [], m = !1, p = {
       state: g,
       setOptions: function(_) {
         var k = typeof _ == "function" ? _(g.options) : _;
-        h(), g.options = Object.assign({}, s, g.options, k), g.scrollParents = {
+        M(), g.options = Object.assign({}, A, g.options, k), g.scrollParents = {
           reference: Re(i) ? Ze(i) : i.contextElement ? Ze(i.contextElement) : [],
-          popper: Ze(o)
+          popper: Ze(l)
         };
         var D = No(jo([].concat(n, g.options.modifiers)));
         return g.orderedModifiers = D.filter(function(N) {
           return N.enabled;
-        }), M(), p.update();
+        }), h(), p.update();
       },
       forceUpdate: function() {
         if (!m) {
           var _ = g.elements, k = _.reference, D = _.popper;
-          if (kn(k, D)) {
+          if (Nn(k, D)) {
             g.rects = {
               reference: wo(k, lf(D), g.options.strategy === "fixed"),
-              popper: Rt(D)
-            }, g.reset = !1, g.placement = g.options.placement, g.orderedModifiers.forEach(function(O) {
-              return g.modifiersData[O.name] = Object.assign({}, O.data);
+              popper: Yt(D)
+            }, g.reset = !1, g.placement = g.options.placement, g.orderedModifiers.forEach(function(C) {
+              return g.modifiersData[C.name] = Object.assign({}, C.data);
             });
             for (var N = 0; N < g.orderedModifiers.length; N++) {
               if (g.reset === !0) {
                 g.reset = !1, N = -1;
                 continue;
               }
-              var j = g.orderedModifiers[N], x = j.fn, E = j.options, z = E === void 0 ? {} : E, Q = j.name;
-              typeof x == "function" && (g = x({
+              var E = g.orderedModifiers[N], S = E.fn, T = E.options, O = T === void 0 ? {} : T, Q = E.name;
+              typeof S == "function" && (g = S({
                 state: g,
-                options: z,
+                options: O,
                 name: Q,
                 instance: p
               }) || g);
@@ -14295,33 +14299,33 @@ function Eo(e) {
         });
       }),
       destroy: function() {
-        h(), m = !0;
+        M(), m = !0;
       }
     };
-    if (!kn(i, o))
+    if (!Nn(i, l))
       return p;
-    p.setOptions(u).then(function(y) {
-      !m && u.onFirstUpdate && u.onFirstUpdate(y);
+    p.setOptions(r).then(function(y) {
+      !m && r.onFirstUpdate && r.onFirstUpdate(y);
     });
-    function M() {
+    function h() {
       g.orderedModifiers.forEach(function(y) {
         var _ = y.name, k = y.options, D = k === void 0 ? {} : k, N = y.effect;
         if (typeof N == "function") {
-          var j = N({
+          var E = N({
             state: g,
             name: _,
             instance: p,
             options: D
-          }), x = function() {
+          }), S = function() {
           };
-          r.push(j || x);
+          u.push(E || S);
         }
       });
     }
-    function h() {
-      r.forEach(function(y) {
+    function M() {
+      u.forEach(function(y) {
         return y();
-      }), r = [];
+      }), u = [];
     }
     return p;
   };
@@ -14334,26 +14338,26 @@ function wf(e) {
 }
 function xo(e, f, t, n = []) {
   const a = {};
-  return Object.keys(e).forEach((s) => {
-    if (n.includes(s))
+  return Object.keys(e).forEach((A) => {
+    if (n.includes(A))
       return;
-    const A = [];
-    e[s].forEach((i) => {
-      var o;
+    const s = [];
+    e[A].forEach((i) => {
+      var l;
       if (i[st][0].includes(f.toLocaleLowerCase())) {
-        let u = i[Rn];
+        let r = i[Rn];
         if (t !== jf && Array.isArray(i[pf])) {
-          const g = ((o = i[pf]) == null ? void 0 : o.findIndex(
-            (r) => r.includes(t)
+          const g = ((l = i[pf]) == null ? void 0 : l.findIndex(
+            (u) => u.includes(t)
           )) || -1;
-          g !== -1 && i[pf] && (u = i[pf][g]);
+          g !== -1 && i[pf] && (r = i[pf][g]);
         }
-        return A.push({
+        return s.push({
           ...i,
-          [tf]: u
+          [tf]: r
         });
       }
-    }), A.length && (a[s] = A);
+    }), s.length && (a[A] = s);
   }), a;
 }
 function ea() {
@@ -14383,32 +14387,32 @@ const So = K({
       e.search,
       e.skinTone,
       e.options.disabledGroups
-    )), s = _a(), A = U(() => !e.options.hideGroupNames), i = U(() => !e.options.disableStickyGroupNames), o = On(e.options.groupNames), u = e.orderedGroupKeys;
-    e.options.additionalGroups && Object.keys(e.options.additionalGroups).map((M) => {
-      e.options.groupNames[M] ? o[M] = e.options.groupNames[M] : o[M] = fa(M);
+    )), A = _a(), s = U(() => !e.options.hideGroupNames), i = U(() => !e.options.disableStickyGroupNames), l = Cn(e.options.groupNames), r = e.orderedGroupKeys;
+    e.options.additionalGroups && Object.keys(e.options.additionalGroups).map((h) => {
+      e.options.groupNames[h] ? l[h] = e.options.groupNames[h] : l[h] = fa(h);
     });
     const g = ea() ? "is-mac" : "";
-    function r(M) {
-      f(M);
+    function u(h) {
+      f(h);
     }
-    function m(M) {
-      t(M), s == null || s.emit("select", {
-        ...M,
+    function m(h) {
+      t(h), A == null || A.emit("select", {
+        ...h,
         t: e.skinTone,
-        i: wf(M.r)
+        i: wf(h.r)
       });
     }
-    function p(M, h) {
+    function p(h, M) {
       var y;
-      const _ = (y = M == null ? void 0 : M.target) == null ? void 0 : y.closest("button");
-      _ && (_.innerHTML = `<span>${wf(h)}</span>`);
+      const _ = (y = h == null ? void 0 : h.target) == null ? void 0 : y.closest("button");
+      _ && (_.innerHTML = `<span>${wf(M)}</span>`);
     }
     return Oe(
       () => e.activeGroup,
       () => {
-        var M;
-        const h = (M = n.value) == null ? void 0 : M.querySelector("#" + e.activeGroup);
-        h && (h.parentNode.scrollTop = h.offsetTop - h.parentNode.offsetTop);
+        var h;
+        const M = (h = n.value) == null ? void 0 : h.querySelector("#" + e.activeGroup);
+        M && (M.parentNode.scrollTop = M.offsetTop - M.parentNode.offsetTop);
       }
     ), {
       emojis: a,
@@ -14417,55 +14421,55 @@ const So = K({
       GROUP_NAMES: Qn,
       handleClick: m,
       handleError: p,
-      handleMouseEnter: r,
+      handleMouseEnter: u,
       native: e.options.native,
       unicodeToEmoji: wf,
       EMOJI_RESULT_KEY: tf,
       EMOJI_NAME_KEY: st,
-      hasGroupNames: A,
+      hasGroupNames: s,
       isSticky: i,
       platform: g,
-      groupNames: o,
-      orderedKeys: u
+      groupNames: l,
+      orderedKeys: r
     };
   }
 }), zo = { class: "v3-body" }, Oo = ["id"], Co = { class: "v3-emojis" }, Lo = ["onMouseenter", "onClick"], Uo = { key: 0 }, Bo = ["src", "alt", "onError"], Qo = {
   key: 1,
   class: "v3-no-result"
 };
-function Ro(e, f, t, n, a, s) {
+function Ro(e, f, t, n, a, A) {
   return c(), d("div", zo, [
-    l("div", {
+    o("div", {
       ref: "bodyInner",
-      class: C([e.platform, "v3-body-inner"])
+      class: x([e.platform, "v3-body-inner"])
     }, [
-      e.orderedKeys.length ? (c(!0), d($, { key: 0 }, Z(e.orderedKeys, (A) => (c(), d("div", {
-        id: A,
-        key: A,
+      e.orderedKeys.length ? (c(!0), d($, { key: 0 }, Z(e.orderedKeys, (s) => (c(), d("div", {
+        id: s,
+        key: s,
         class: "v3-group"
       }, [
         e.hasGroupNames ? we((c(), d("h5", {
           key: 0,
-          class: C(e.isSticky ? "v3-sticky" : "")
-        }, w(e.groupNames[A]), 3)), [
-          [Df, e.emojis[A]]
+          class: x(e.isSticky ? "v3-sticky" : "")
+        }, w(e.groupNames[s]), 3)), [
+          [Df, e.emojis[s]]
         ]) : b("", !0),
-        we(l("div", Co, [
-          (c(!0), d($, null, Z(e.emojis[A], (i) => (c(), d("button", {
+        we(o("div", Co, [
+          (c(!0), d($, null, Z(e.emojis[s], (i) => (c(), d("button", {
             key: i.r,
             type: "button",
-            onMouseenter: (o) => e.handleMouseEnter(i),
-            onClick: (o) => e.handleClick(i)
+            onMouseenter: (l) => e.handleMouseEnter(i),
+            onClick: (l) => e.handleClick(i)
           }, [
             e.native ? (c(), d("span", Uo, w(e.unicodeToEmoji(i.r)), 1)) : (c(), d("img", {
               key: 1,
               src: e.EMOJI_REMOTE_SRC + `/${i.r}.png`,
               alt: i.n[0],
-              onError: (o) => e.handleError(o, i.r)
+              onError: (l) => e.handleError(l, i.r)
             }, null, 40, Bo))
           ], 40, Lo))), 128))
         ], 512), [
-          [Df, e.emojis[A]]
+          [Df, e.emojis[s]]
         ])
       ], 8, Oo))), 128)) : (c(), d("span", Qo, " No emoji has been found! "))
     ], 2)
@@ -14475,28 +14479,28 @@ var Yo = /* @__PURE__ */ rf(So, [["render", Ro]]), qo = "data:image/svg+xml;base
 const Go = K({
   name: "Header",
   setup(e) {
-    const { state: f, updateSearch: t, updateActiveGroup: n } = ke("store"), a = U(() => !f.options.hideSearch), s = U(() => !f.options.hideGroupIcons), A = JSON.parse(JSON.stringify(f.orderedGroupKeys)), i = U(
+    const { state: f, updateSearch: t, updateActiveGroup: n } = ke("store"), a = U(() => !f.options.hideSearch), A = U(() => !f.options.hideGroupIcons), s = JSON.parse(JSON.stringify(f.orderedGroupKeys)), i = U(
       () => f.options.staticTexts.placeholder || ""
-    ), o = U({
+    ), l = U({
       get: () => f.search,
-      set: (r) => t(r)
-    }), u = [
+      set: (u) => t(u)
+    }), r = [
       ...f.groups,
-      ...Object.keys(f.options.additionalGroups).map((r) => ({
-        key: r,
-        title: f.options.groupNames[r] ? f.options.groupNames[r] : fa(r)
+      ...Object.keys(f.options.additionalGroups).map((u) => ({
+        key: u,
+        title: f.options.groupNames[u] ? f.options.groupNames[u] : fa(u)
       }))
     ], g = [];
-    return A.forEach((r) => {
-      const m = u.findIndex((p) => p.key === r);
-      m !== -1 && (g.push(u[m]), u.splice(m, 1));
+    return s.forEach((u) => {
+      const m = r.findIndex((p) => p.key === u);
+      m !== -1 && (g.push(r[m]), r.splice(m, 1));
     }), {
       orderedGroups: g,
-      orderedKeys: A,
-      searchValue: o,
+      orderedKeys: s,
+      searchValue: l,
       updateActiveGroup: n,
       hasSearch: a,
-      hasGroupIcons: s,
+      hasGroupIcons: A,
       placeholder: i,
       icons: {
         smileys_people: Xn,
@@ -14525,23 +14529,23 @@ const Go = K({
   key: 2,
   class: "v3-search"
 }, A1 = ["placeholder"];
-function s1(e, f, t, n, a, s) {
+function s1(e, f, t, n, a, A) {
   return e.hasGroupIcons || e.hasSearch ? (c(), d("div", Zo, [
     e.hasGroupIcons ? (c(), d("div", Xo, [
-      (c(!0), d($, null, Z(e.orderedGroups, (A) => (c(), d("button", {
-        key: A.key,
+      (c(!0), d($, null, Z(e.orderedGroups, (s) => (c(), d("button", {
+        key: s.key,
         type: "button",
-        class: C(["v3-group", {
-          "v3-is-hidden": !e.icons[A.key]
+        class: x(["v3-group", {
+          "v3-is-hidden": !e.icons[s.key]
         }]),
-        onClick: (i) => e.updateActiveGroup(A.key)
+        onClick: (i) => e.updateActiveGroup(s.key)
       }, [
-        l("span", {
-          title: A.title,
+        o("span", {
+          title: s.title,
           class: "v3-icon"
         }, [
-          l("img", {
-            src: e.icons[A.key],
+          o("img", {
+            src: e.icons[s.key],
             alt: ""
           }, null, 8, t1)
         ], 8, f1)
@@ -14549,8 +14553,8 @@ function s1(e, f, t, n, a, s) {
     ])) : b("", !0),
     e.hasGroupIcons && e.hasSearch ? (c(), d("div", n1)) : b("", !0),
     e.hasSearch ? (c(), d("div", a1, [
-      we(l("input", {
-        "onUpdate:modelValue": f[0] || (f[0] = (A) => e.searchValue = A),
+      we(o("input", {
+        "onUpdate:modelValue": f[0] || (f[0] = (s) => e.searchValue = s),
         type: "text",
         placeholder: e.placeholder
       }, null, 8, A1), [
@@ -14563,20 +14567,20 @@ var i1 = /* @__PURE__ */ rf(Go, [["render", s1]]);
 const o1 = K({
   name: "Header",
   setup() {
-    const { state: e, updateSkinTone: f } = ke("store"), t = I(!1), n = I(!1), a = U(() => e.skinTone), s = U(
+    const { state: e, updateSkinTone: f } = ke("store"), t = I(!1), n = I(!1), a = U(() => e.skinTone), A = U(
       () => e.options.staticTexts.skinTone || "Skin tone"
-    ), A = U(() => !e.options.disableSkinTones), i = ea() ? "is-mac" : "", o = U(() => ({
+    ), s = U(() => !e.options.disableSkinTones), i = ea() ? "is-mac" : "", l = U(() => ({
       ...e.emoji,
       src: Bn + "/" + e.emoji[tf] + ".png"
     }));
-    function u(m = !0) {
+    function r(m = !0) {
       t.value = m;
     }
     function g() {
       t.value = !t.value;
     }
-    function r(m) {
-      f(m), u(!1);
+    function u(m) {
+      f(m), r(!1);
     }
     return Oe(
       () => e.emoji,
@@ -14584,17 +14588,17 @@ const o1 = K({
         n.value = !1;
       }
     ), {
-      emoji: o,
+      emoji: l,
       SKIN_TONES: Xs,
-      updateSkinToneState: u,
+      updateSkinToneState: r,
       skinTone: t,
       stateSkinTone: a,
-      selectSkinTone: r,
+      selectSkinTone: u,
       toggleSkinToneState: g,
       EMOJI_RESULT_KEY: tf,
       EMOJI_NAME_KEY: st,
-      skinToneText: s,
-      hasSkinTones: A,
+      skinToneText: A,
+      hasSkinTones: s,
       native: e.options.native,
       unicodeToEmoji: wf,
       platform: i,
@@ -14602,43 +14606,43 @@ const o1 = K({
     };
   }
 }), l1 = { class: "v3-foot-left" }, r1 = { key: 0 }, u1 = ["alt", "src"], c1 = { class: "v3-text" }, d1 = { class: "v3-text" }, g1 = ["onClick"];
-function m1(e, f, t, n, a, s) {
+function m1(e, f, t, n, a, A) {
   return c(), d("div", {
     class: "v3-footer",
-    onMouseleave: f[2] || (f[2] = (A) => e.updateSkinToneState(!1))
+    onMouseleave: f[2] || (f[2] = (s) => e.updateSkinToneState(!1))
   }, [
-    l("div", l1, [
-      l("span", {
-        class: C([e.platform, "v3-icon"])
+    o("div", l1, [
+      o("span", {
+        class: x([e.platform, "v3-icon"])
       }, [
         e.native || e.hasError ? (c(), d("span", r1, w(e.unicodeToEmoji(e.emoji.r)), 1)) : (c(), d("img", {
           key: 1,
           alt: e.unicodeToEmoji(e.emoji.r),
           src: e.emoji.src,
-          onError: f[0] || (f[0] = (A) => e.hasError = !0)
+          onError: f[0] || (f[0] = (s) => e.hasError = !0)
         }, null, 40, u1))
       ], 2),
-      l("span", c1, " :" + w(e.emoji[e.EMOJI_NAME_KEY][1] || e.emoji[e.EMOJI_NAME_KEY][0]) + ": ", 1)
+      o("span", c1, " :" + w(e.emoji[e.EMOJI_NAME_KEY][1] || e.emoji[e.EMOJI_NAME_KEY][0]) + ": ", 1)
     ]),
     e.hasSkinTones ? (c(), d($, { key: 0 }, [
-      l("button", {
+      o("button", {
         type: "button",
         class: "v3-tone",
-        onClick: f[1] || (f[1] = (...A) => e.toggleSkinToneState && e.toggleSkinToneState(...A))
+        onClick: f[1] || (f[1] = (...s) => e.toggleSkinToneState && e.toggleSkinToneState(...s))
       }, [
-        l("span", d1, w(e.skinToneText), 1),
-        l("span", {
-          class: C(`v3-icon v3-tone-${e.stateSkinTone}`)
+        o("span", d1, w(e.skinToneText), 1),
+        o("span", {
+          class: x(`v3-icon v3-tone-${e.stateSkinTone}`)
         }, null, 2)
       ]),
-      l("div", {
-        class: C([e.skinTone ? "v3-is-open" : "", "v3-skin-tones"])
+      o("div", {
+        class: x([e.skinTone ? "v3-is-open" : "", "v3-skin-tones"])
       }, [
-        (c(!0), d($, null, Z(e.SKIN_TONES, (A) => (c(), d("button", {
-          key: A,
+        (c(!0), d($, null, Z(e.SKIN_TONES, (s) => (c(), d("button", {
+          key: s,
           type: "button",
-          class: C(["v3-skin-tone-" + A, "v3-skin-tone"]),
-          onClick: (i) => e.selectSkinTone(A)
+          class: x(["v3-skin-tone-" + s, "v3-skin-tone"]),
+          onClick: (i) => e.selectSkinTone(s)
         }, null, 10, g1))), 128))
       ], 2)
     ], 64)) : b("", !0)
@@ -14683,29 +14687,29 @@ const h1 = K({
     "update:text": (e) => !0
   },
   setup(e, { emit: f }) {
-    const t = I(), n = I(), a = I(), s = I(!1), A = I(e.text), i = e.type === "input" || e.type === "textarea";
-    let o = -1;
-    const { state: u } = ke("store"), g = U(() => u.options.colorTheme);
-    function r(y) {
+    const t = I(), n = I(), a = I(), A = I(!1), s = I(e.text), i = e.type === "input" || e.type === "textarea";
+    let l = -1;
+    const { state: r } = ke("store"), g = U(() => r.options.colorTheme);
+    function u(y) {
       if (i) {
-        const _ = u.options.mode;
-        _ === "prepend" ? A.value = y.i + A.value : _ === "insert" && o !== -1 ? (A.value = `${A.value.slice(0, o)}${y.i}${A.value.slice(o)}`, o += y.i.length) : A.value += y.i, f("update:text", A.value);
+        const _ = r.options.mode;
+        _ === "prepend" ? s.value = y.i + s.value : _ === "insert" && l !== -1 ? (s.value = `${s.value.slice(0, l)}${y.i}${s.value.slice(l)}`, l += y.i.length) : s.value += y.i, f("update:text", s.value);
       }
       f("select", y);
     }
     function m() {
       var y;
-      t.value && (o = ((y = t.value) == null ? void 0 : y.selectionEnd) || -1);
+      t.value && (l = ((y = t.value) == null ? void 0 : y.selectionEnd) || -1);
     }
     function p(y) {
       var _;
       !((_ = y.target) != null && _.closest(
         ".v3-input-picker-wrap"
-      )) && s.value && (s.value = !1);
+      )) && A.value && (A.value = !1);
     }
-    function M() {
+    function h() {
       if (n.value && a.value && i) {
-        let y = u.options.offset;
+        let y = r.options.offset;
         typeof y != "number" && (y = 6), Vo(n.value, a.value, {
           placement: "bottom-end",
           modifiers: [
@@ -14719,24 +14723,24 @@ const h1 = K({
         }), document.body.addEventListener("click", p);
       }
     }
-    function h(y) {
-      A.value = y.target.value || "", f("update:text", A.value);
+    function M(y) {
+      s.value = y.target.value || "", f("update:text", s.value);
     }
     return Ne(() => {
-      M();
+      h();
     }), wa(() => {
       document.body.removeEventListener("click", p);
     }), {
       face: Xn,
-      open: s,
-      onSelect: r,
-      input: A,
+      open: A,
+      onSelect: u,
+      input: s,
       elem: t,
       updateCursor: m,
       button: n,
       picker: a,
       isInputType: i,
-      onChangeText: h,
+      onChangeText: M,
       colorTheme: g
     };
   }
@@ -14744,57 +14748,57 @@ const h1 = K({
   key: 0,
   class: "v3-input-emoji-picker"
 }, y1 = { class: "v3-input-picker-root" }, b1 = ["value"], v1 = ["value"], I1 = ["src"];
-function _1(e, f, t, n, a, s) {
-  const A = If("Header"), i = If("Body"), o = If("Footer");
+function _1(e, f, t, n, a, A) {
+  const s = If("Header"), i = If("Body"), l = If("Footer");
   return e.isInputType ? (c(), d("div", M1, [
-    l("div", y1, [
+    o("div", y1, [
       e.type === "input" ? (c(), d("input", {
         key: 0,
         ref: "elem",
         value: e.input,
         type: "text",
         class: "v3-emoji-picker-input",
-        onInput: f[0] || (f[0] = (...u) => e.onChangeText && e.onChangeText(...u)),
-        onBlur: f[1] || (f[1] = (...u) => e.updateCursor && e.updateCursor(...u))
+        onInput: f[0] || (f[0] = (...r) => e.onChangeText && e.onChangeText(...r)),
+        onBlur: f[1] || (f[1] = (...r) => e.updateCursor && e.updateCursor(...r))
       }, null, 40, b1)) : (c(), d("textarea", {
         key: 1,
         ref: "elem",
         value: e.input,
         class: "v3-emoji-picker-textarea",
-        onInput: f[2] || (f[2] = (...u) => e.onChangeText && e.onChangeText(...u)),
-        onBlur: f[3] || (f[3] = (...u) => e.updateCursor && e.updateCursor(...u))
+        onInput: f[2] || (f[2] = (...r) => e.onChangeText && e.onChangeText(...r)),
+        onBlur: f[3] || (f[3] = (...r) => e.updateCursor && e.updateCursor(...r))
       }, null, 40, v1)),
-      l("div", {
-        class: C(["v3-input-picker-wrap", e.open ? "v3-picker-is-open" : ""])
+      o("div", {
+        class: x(["v3-input-picker-wrap", e.open ? "v3-picker-is-open" : ""])
       }, [
-        l("button", {
+        o("button", {
           ref: "button",
           type: "button",
           class: "v3-input-picker-icon",
-          onClick: f[4] || (f[4] = (u) => e.open = !e.open)
+          onClick: f[4] || (f[4] = (r) => e.open = !e.open)
         }, [
-          l("img", {
+          o("img", {
             src: e.face,
             alt: ""
           }, null, 8, I1)
         ], 512),
-        l("div", {
+        o("div", {
           ref: "picker",
-          class: C(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
+          class: x(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
         }, [
-          L(A),
+          L(s),
           L(i, { onSelect: e.onSelect }, null, 8, ["onSelect"]),
-          L(o)
+          L(l)
         ], 2)
       ], 2)
     ])
   ])) : (c(), d("div", {
     key: 1,
-    class: C(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
+    class: x(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
   }, [
-    L(A),
+    L(s),
     L(i, { onSelect: e.onSelect }, null, 8, ["onSelect"]),
-    L(o)
+    L(l)
   ], 2));
 }
 var w1 = /* @__PURE__ */ rf(h1, [["render", _1]]);
@@ -14883,8 +14887,8 @@ const k1 = K({
   },
   setup(e, { emit: f }) {
     const t = I(e.text);
-    function n(s) {
-      t.value = s || "", f("update:text", t.value);
+    function n(A) {
+      t.value = A || "", f("update:text", t.value);
     }
     const a = wi();
     return a.updateOptions({
@@ -14904,16 +14908,16 @@ const k1 = K({
       groupOrder: e.groupOrder,
       groupIcons: e.groupIcons,
       colorTheme: fi.includes(e.theme) ? e.theme : "light"
-    }), Ot("store", a), {
+    }), Ct("store", a), {
       type: e.pickerType,
       input: t,
       onChangeText: n
     };
   }
 });
-function N1(e, f, t, n, a, s) {
-  const A = If("picker-root");
-  return c(), F(A, {
+function N1(e, f, t, n, a, A) {
+  const s = If("picker-root");
+  return c(), F(s, {
     type: e.type,
     text: e.input,
     onSelect: f[0] || (f[0] = (i) => e.$emit("select", i)),
@@ -14928,52 +14932,56 @@ const j1 = {
       type: String,
       required: !1,
       default: "hover"
+    },
+    state: {
+      type: String,
+      default: "active"
     }
   },
   setup(e) {
-    const f = e, t = I(null), n = I(null), a = ke("chatAppId"), { setMessageText: s, getMessage: A } = At(a), i = U(() => {
+    const f = e, t = I(null), n = I(null), a = ke("chatAppId"), { setMessageText: A, getMessage: s } = At(a), i = U(() => {
       if (document.documentElement.classList.contains("dark"))
         return "dark";
-    }), o = (p) => {
-      s(A().text + p.i);
-    }, u = () => {
-      f.mode == "click" && (t.value.style.display = "inherit");
-    }, g = () => {
-      f.mode == "hover" && (t.value.style.display = "inherit");
+    }), l = (p) => {
+      A(s().text + p.i);
     }, r = () => {
-      f.mode == "hover" && (t.value.style.display = "none");
+      f.mode == "click" && f.state == "active" && (t.value.style.display = "inherit");
+    }, g = () => {
+      f.mode == "hover" && f.state == "active" && (t.value.style.display = "inherit");
+    }, u = () => {
+      f.mode == "hover" && f.state == "active" && (t.value.style.display = "none");
     }, m = (p) => {
       f.mode == "click" && !n.value.contains(p.target) && !t.value.contains(p.target) && (t.value.style.display = "none");
     };
     return Ne(() => {
       t.value.style.display = "none", document.addEventListener("click", m);
-    }), St(() => {
+    }), zt(() => {
       document.removeEventListener("click", m);
-    }), (p, M) => (c(), d($, null, [
-      l("div", {
+    }), (p, h) => (c(), d($, null, [
+      o("div", {
         ref_key: "emojiButton",
         ref: n,
-        class: "button",
-        onClick: u,
+        class: x(["button", { "button-disabled": e.state == "disabled" }]),
+        onClick: r,
         onMouseover: g,
-        onMouseout: r
-      }, M[0] || (M[0] = [
-        l("span", { class: "pi pi-face-smile" }, null, -1)
-      ]), 544),
+        onMouseout: u
+      }, h[0] || (h[0] = [
+        o("span", { class: "pi pi-face-smile" }, null, -1)
+      ]), 34),
       L(q, null, {
         default: H(() => [
-          l("div", {
+          o("div", {
             ref_key: "emoji",
             ref: t,
             class: "emoji",
             onMouseover: g,
-            onMouseout: r
+            onMouseout: u
           }, [
-            L(V(D1), {
+            L(j(D1), {
               native: !0,
               theme: i.value,
               "picker-type": "",
-              onSelect: o
+              onSelect: l
             }, null, 8, ["theme"])
           ], 544)
         ]),
@@ -14981,7 +14989,7 @@ const j1 = {
       })
     ], 64));
   }
-}, Vu = /* @__PURE__ */ S(j1, [["__scopeId", "data-v-8e1161fd"]]), E1 = { class: "context-menu" }, T1 = { class: "context-menu__container" }, V1 = { class: "context-menu__list" }, x1 = ["onClick"], S1 = ["src"], z1 = {
+}, Vu = /* @__PURE__ */ z(j1, [["__scopeId", "data-v-116254cb"]]), E1 = { class: "context-menu" }, T1 = { class: "context-menu__container" }, V1 = { class: "context-menu__list" }, x1 = ["onClick"], S1 = ["src"], z1 = {
   __name: "ContextMenu",
   props: {
     actions: {
@@ -14991,17 +14999,17 @@ const j1 = {
   },
   emits: ["click"],
   setup(e, { emit: f }) {
-    const t = e, n = f, a = (s) => {
-      const A = t.actions[s];
-      n("click", A);
+    const t = e, n = f, a = (A) => {
+      const s = t.actions[A];
+      n("click", s);
     };
-    return (s, A) => (c(), d("div", E1, [
-      l("div", T1, [
-        l("ul", V1, [
-          (c(!0), d($, null, Z(t.actions, (i, o) => (c(), d("li", {
-            key: o,
+    return (A, s) => (c(), d("div", E1, [
+      o("div", T1, [
+        o("ul", V1, [
+          (c(!0), d($, null, Z(t.actions, (i, l) => (c(), d("li", {
+            key: l,
             class: "context-menu__item",
-            onClick: (u) => a(o)
+            onClick: (r) => a(l)
           }, [
             i.icon ? (c(), d("img", {
               key: 0,
@@ -15010,15 +15018,15 @@ const j1 = {
               height: "18"
             }, null, 8, S1)) : i.prime ? (c(), d("i", {
               key: 1,
-              class: C("pi pi-" + i.prime)
+              class: x("pi pi-" + i.prime)
             }, null, 2)) : b("", !0),
-            l("span", null, w(i.title), 1)
+            o("span", null, w(i.title), 1)
           ], 8, x1))), 128))
         ])
       ])
     ]));
   }
-}, je = /* @__PURE__ */ S(z1, [["__scopeId", "data-v-7784f539"]]), O1 = ["messageId"], C1 = ["src"], L1 = {
+}, je = /* @__PURE__ */ z(z1, [["__scopeId", "data-v-7784f539"]]), O1 = ["messageId"], C1 = ["src"], L1 = {
   key: 1,
   class: "file-message__subtext"
 }, U1 = ["href"], B1 = { class: "file-message__filename-text" }, Q1 = { class: "file-message__info-container" }, R1 = { class: "file-message__time" }, Y1 = {
@@ -15037,18 +15045,18 @@ const j1 = {
   },
   setup(e) {
     const f = e, t = I(!1), n = I(!1), a = () => {
-    }, s = () => {
-      n.value = !0;
     }, A = () => {
+      n.value = !0;
+    }, s = () => {
       n.value = !1, t.value = !1;
     }, i = U(() => $e(f.message.status));
-    function o(u) {
-      return u.position === "left" ? "file-message__left" : "file-message__right";
+    function l(r) {
+      return r.position === "left" ? "file-message__left" : "file-message__right";
     }
-    return (u, g) => (c(), d("div", {
-      class: C(["file-message", o(e.message)]),
+    return (r, g) => (c(), d("div", {
+      class: x(["file-message", l(e.message)]),
       messageId: e.message.messageId,
-      onMouseleave: A
+      onMouseleave: s
     }, [
       e.message.avatar ? (c(), d("img", {
         key: 0,
@@ -15059,47 +15067,47 @@ const j1 = {
         style: P({ gridRow: e.message.subText ? "2" : "1" })
       }, null, 12, C1)) : b("", !0),
       e.message.subText ? (c(), d("p", L1, w(e.message.subText), 1)) : b("", !0),
-      l("div", {
+      o("div", {
         class: "file-message__content",
-        onMouseenter: s
+        onMouseenter: A
       }, [
-        l("a", {
+        o("a", {
           class: "file-message__link",
           href: e.message.url,
           download: "",
           target: "_blank"
         }, [
-          g[1] || (g[1] = l("span", { class: "pi pi-file" }, null, -1)),
-          l("p", B1, w(e.message.filename), 1)
+          g[1] || (g[1] = o("span", { class: "pi pi-file" }, null, -1)),
+          o("p", B1, w(e.message.filename), 1)
         ], 8, U1),
-        l("div", Q1, [
-          l("span", R1, w(e.message.time), 1),
-          o(e.message) === "file-message__right" && V(Pe).includes(e.message.status) ? (c(), d("div", {
+        o("div", Q1, [
+          o("span", R1, w(e.message.time), 1),
+          l(e.message) === "file-message__right" && j(Pe).includes(e.message.status) ? (c(), d("div", {
             key: 0,
-            class: C(["file-message__status", i.value])
+            class: x(["file-message__status", i.value])
           }, [
             e.message.status !== "sent" ? (c(), d("span", Y1)) : b("", !0),
-            g[2] || (g[2] = l("span", { class: "pi pi-check" }, null, -1))
+            g[2] || (g[2] = o("span", { class: "pi pi-check" }, null, -1))
           ], 2)) : b("", !0)
         ]),
         n.value && e.message.actions ? (c(), d("button", {
           key: 0,
           class: "file-message__menu-button",
-          onClick: g[0] || (g[0] = (r) => t.value = !t.value)
+          onClick: g[0] || (g[0] = (u) => t.value = !t.value)
         }, g[3] || (g[3] = [
-          l("span", { class: "pi pi-ellipsis-h" }, null, -1)
+          o("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : b("", !0),
-        l("a", {
+        o("a", {
           class: "file-message__download-button",
           href: e.message.url,
           download: "",
           target: "_blank"
         }, g[4] || (g[4] = [
-          l("span", { class: "pi pi-download" }, null, -1)
+          o("span", { class: "pi pi-download" }, null, -1)
         ]), 8, q1),
         L(q, null, {
           default: H(() => [
-            t.value && e.message.actions ? (c(), F(V(je), {
+            t.value && e.message.actions ? (c(), F(j(je), {
               key: 0,
               class: "file-message__context-menu",
               actions: e.message.actions,
@@ -15109,12 +15117,12 @@ const j1 = {
           _: 1
         }),
         e.message.text ? (c(), d("div", H1, [
-          l("p", null, w(e.message.text), 1)
+          o("p", null, w(e.message.text), 1)
         ])) : b("", !0)
       ], 32)
     ], 42, O1));
   }
-}), P1 = /* @__PURE__ */ S(F1, [["__scopeId", "data-v-438b619b"]]), $1 = ["messageId"], W1 = ["src"], K1 = {
+}), P1 = /* @__PURE__ */ z(F1, [["__scopeId", "data-v-438b619b"]]), $1 = ["messageId"], W1 = ["src"], K1 = {
   key: 1,
   class: "image-message__subtext"
 }, J1 = { class: "image-message__content" }, G1 = ["src", "alt"], Z1 = {
@@ -15141,19 +15149,19 @@ const j1 = {
     }
   },
   setup(e) {
-    const f = e, t = I(!1), n = I(!1), a = I(!1), s = I(!1), A = () => {
+    const f = e, t = I(!1), n = I(!1), a = I(!1), A = I(!1), s = () => {
     }, i = () => {
-      a.value = !0, s.value = !0;
-    }, o = () => {
+      a.value = !0, A.value = !0;
+    }, l = () => {
       a.value = !1, n.value = !1;
-    }, u = U(() => $e(f.message.status));
-    function g(r) {
-      return r.position === "left" ? "image-message__left" : "image-message__right";
+    }, r = U(() => $e(f.message.status));
+    function g(u) {
+      return u.position === "left" ? "image-message__left" : "image-message__right";
     }
-    return (r, m) => (c(), d("div", {
-      class: C(["image-message", g(e.message)]),
+    return (u, m) => (c(), d("div", {
+      class: x(["image-message", g(e.message)]),
       messageId: e.message.messageId,
-      onMouseleave: o
+      onMouseleave: l
     }, [
       e.message.avatar ? (c(), d("img", {
         key: 0,
@@ -15163,14 +15171,14 @@ const j1 = {
         width: "32"
       }, null, 8, W1)) : b("", !0),
       e.message.subText ? (c(), d("p", K1, w(e.message.subText), 1)) : b("", !0),
-      l("div", J1, [
-        l("div", {
+      o("div", J1, [
+        o("div", {
           class: "image-message__preview-button",
           onClick: m[0] || (m[0] = (p) => t.value = !0),
           onMouseenter: i,
-          onMouseleave: m[1] || (m[1] = (p) => s.value = !s.value)
+          onMouseleave: m[1] || (m[1] = (p) => A.value = !A.value)
         }, [
-          l("img", {
+          o("img", {
             class: "image-message__preview-image",
             style: P({ borderRadius: e.message.text ? "8px 8px 0 0" : "8px" }),
             src: e.message.url,
@@ -15178,18 +15186,18 @@ const j1 = {
           }, null, 12, G1),
           L(q, { name: "modal-fade" }, {
             default: H(() => [
-              s.value ? (c(), d("div", Z1, [
+              A.value ? (c(), d("div", Z1, [
                 e.message.views ? (c(), d("div", X1, [
-                  m[4] || (m[4] = l("span", { class: "pi pi-eye" }, null, -1)),
-                  l("p", null, w(e.message.views), 1)
+                  m[4] || (m[4] = o("span", { class: "pi pi-eye" }, null, -1)),
+                  o("p", null, w(e.message.views), 1)
                 ])) : b("", !0),
-                l("span", el, w(e.message.time), 1),
-                g(e.message) === "image-message__right" && V(Pe).includes(e.message.status) ? (c(), d("div", {
+                o("span", el, w(e.message.time), 1),
+                g(e.message) === "image-message__right" && j(Pe).includes(e.message.status) ? (c(), d("div", {
                   key: 1,
-                  class: C(["image-message__status", u.value])
+                  class: x(["image-message__status", r.value])
                 }, [
                   e.message.status !== "sent" ? (c(), d("span", fl)) : b("", !0),
-                  m[5] || (m[5] = l("span", { class: "pi pi-check" }, null, -1))
+                  m[5] || (m[5] = o("span", { class: "pi pi-check" }, null, -1))
                 ], 2)) : b("", !0)
               ])) : b("", !0)
             ]),
@@ -15197,14 +15205,14 @@ const j1 = {
           }),
           L(q, { name: "modal-fade" }, {
             default: H(() => [
-              s.value ? (c(), d("a", {
+              A.value ? (c(), d("a", {
                 key: 0,
                 class: "image-message__download-button",
                 href: e.message.url,
                 download: "",
                 target: "_blank"
               }, m[6] || (m[6] = [
-                l("span", { class: "pi pi-download" }, null, -1)
+                o("span", { class: "pi pi-download" }, null, -1)
               ]), 8, tl)) : b("", !0)
             ]),
             _: 1
@@ -15217,40 +15225,40 @@ const j1 = {
               class: "image-message__menu-button",
               onClick: m[2] || (m[2] = (p) => n.value = !n.value)
             }, m[7] || (m[7] = [
-              l("span", { class: "pi pi-ellipsis-h" }, null, -1)
+              o("span", { class: "pi pi-ellipsis-h" }, null, -1)
             ]))) : b("", !0)
           ]),
           _: 1
         }),
         L(q, { name: "context-menu" }, {
           default: H(() => [
-            n.value && e.message.actions ? (c(), F(V(je), {
+            n.value && e.message.actions ? (c(), F(j(je), {
               key: 0,
               class: "image-message__context-menu",
               actions: e.message.actions,
-              onClick: A
+              onClick: s
             }, null, 8, ["actions"])) : b("", !0)
           ]),
           _: 1
         }),
         e.message.text ? (c(), d("div", nl, [
-          l("p", null, w(e.message.text), 1)
+          o("p", null, w(e.message.text), 1)
         ])) : b("", !0)
       ]),
-      (c(), F(zt, { to: "body" }, [
+      (c(), F(Ot, { to: "body" }, [
         L(q, { name: "modal-fade" }, {
           default: H(() => [
             t.value ? (c(), d("div", al, [
-              l("div", Al, [
-                l("button", {
+              o("div", Al, [
+                o("button", {
                   class: "image-message__modal-close-button",
                   onClick: m[3] || (m[3] = (p) => t.value = !1)
                 }, m[8] || (m[8] = [
-                  l("span", null, [
-                    l("i", { class: "pi pi-times" })
+                  o("span", null, [
+                    o("i", { class: "pi pi-times" })
                   ], -1)
                 ])),
-                l("img", {
+                o("img", {
                   class: "image-message__modal-image",
                   src: e.message.url,
                   alt: e.message.alt
@@ -15263,11 +15271,11 @@ const j1 = {
       ]))
     ], 42, $1));
   }
-}), ol = /* @__PURE__ */ S(il, [["__scopeId", "data-v-98deabd2"]]), ll = "aaa1rp3bb0ott3vie4c1le2ogado5udhabi7c0ademy5centure6ountant0s9o1tor4d0s1ult4e0g1ro2tna4f0l1rica5g0akhan5ency5i0g1rbus3force5tel5kdn3l0ibaba4pay4lfinanz6state5y2sace3tom5m0azon4ericanexpress7family11x2fam3ica3sterdam8nalytics7droid5quan4z2o0l2partments8p0le4q0uarelle8r0ab1mco4chi3my2pa2t0e3s0da2ia2sociates9t0hleta5torney7u0ction5di0ble3o3spost5thor3o0s4w0s2x0a2z0ure5ba0by2idu3namex4d1k2r0celona5laycard4s5efoot5gains6seball5ketball8uhaus5yern5b0c1t1va3cg1n2d1e0ats2uty4er2ntley5rlin4st0buy5t2f1g1h0arti5i0ble3d1ke2ng0o3o1z2j1lack0friday9ockbuster8g1omberg7ue3m0s1w2n0pparibas9o0ats3ehringer8fa2m1nd2o0k0ing5sch2tik2on4t1utique6x2r0adesco6idgestone9oadway5ker3ther5ussels7s1t1uild0ers6siness6y1zz3v1w1y1z0h3ca0b1fe2l0l1vinklein9m0era3p2non3petown5ital0one8r0avan4ds2e0er0s4s2sa1e1h1ino4t0ering5holic7ba1n1re3c1d1enter4o1rn3f0a1d2g1h0anel2nel4rity4se2t2eap3intai5ristmas6ome4urch5i0priani6rcle4sco3tadel4i0c2y3k1l0aims4eaning6ick2nic1que6othing5ud3ub0med6m1n1o0ach3des3ffee4llege4ogne5m0mbank4unity6pany2re3uter5sec4ndos3struction8ulting7tact3ractors9oking4l1p2rsica5untry4pon0s4rses6pa2r0edit0card4union9icket5own3s1uise0s6u0isinella9v1w1x1y0mru3ou3z2dad1nce3ta1e1ing3sun4y2clk3ds2e0al0er2s3gree4livery5l1oitte5ta3mocrat6ntal2ist5si0gn4v2hl2iamonds6et2gital5rect0ory7scount3ver5h2y2j1k1m1np2o0cs1tor4g1mains5t1wnload7rive4tv2ubai3nlop4pont4rban5vag2r2z2earth3t2c0o2deka3u0cation8e1g1mail3erck5nergy4gineer0ing9terprises10pson4quipment8r0icsson6ni3s0q1tate5t1u0rovision8s2vents5xchange6pert3osed4ress5traspace10fage2il1rwinds6th3mily4n0s2rm0ers5shion4t3edex3edback6rrari3ero6i0delity5o2lm2nal1nce1ial7re0stone6mdale6sh0ing5t0ness6j1k1lickr3ghts4r2orist4wers5y2m1o0o0d1tball6rd1ex2sale4um3undation8x2r0ee1senius7l1ogans4ntier7tr2ujitsu5n0d2rniture7tbol5yi3ga0l0lery3o1up4me0s3p1rden4y2b0iz3d0n2e0a1nt0ing5orge5f1g0ee3h1i0ft0s3ves2ing5l0ass3e1obal2o4m0ail3bh2o1x2n1odaddy5ld0point6f2o0dyear5g0le4p1t1v2p1q1r0ainger5phics5tis4een3ipe3ocery4up4s1t1u0cci3ge2ide2tars5ru3w1y2hair2mburg5ngout5us3bo2dfc0bank7ealth0care8lp1sinki6re1mes5iphop4samitsu7tachi5v2k0t2m1n1ockey4ldings5iday5medepot5goods5s0ense7nda3rse3spital5t0ing5t0els3mail5use3w2r1sbc3t1u0ghes5yatt3undai7ibm2cbc2e1u2d1e0ee3fm2kano4l1m0amat4db2mo0bilien9n0c1dustries8finiti5o2g1k1stitute6urance4e4t0ernational10uit4vestments10o1piranga7q1r0ish4s0maili5t0anbul7t0au2v3jaguar4va3cb2e0ep2tzt3welry6io2ll2m0p2nj2o0bs1urg4t1y2p0morgan6rs3uegos4niper7kaufen5ddi3e0rryhotels6logistics9properties14fh2g1h1i0a1ds2m1ndle4tchen5wi3m1n1oeln3matsu5sher5p0mg2n2r0d1ed3uokgroup8w1y0oto4z2la0caixa5mborghini8er3ncaster6d0rover6xess5salle5t0ino3robe5w0yer5b1c1ds2ease3clerc5frak4gal2o2xus4gbt3i0dl2fe0insurance9style7ghting6ke2lly3mited4o2ncoln4k2psy3ve1ing5k1lc1p2oan0s3cker3us3l1ndon4tte1o3ve3pl0financial11r1s1t0d0a3u0ndbeck6xe1ury5v1y2ma0drid4if1son4keup4n0agement7go3p1rket0ing3s4riott5shalls7ttel5ba2c0kinsey7d1e0d0ia3et2lbourne7me1orial6n0u2rckmsd7g1h1iami3crosoft7l1ni1t2t0subishi9k1l0b1s2m0a2n1o0bi0le4da2e1i1m1nash3ey2ster5rmon3tgage6scow4to0rcycles9v0ie4p1q1r1s0d2t0n1r2u0seum3ic4v1w1x1y1z2na0b1goya4me2vy3ba2c1e0c1t0bank4flix4work5ustar5w0s2xt0direct7us4f0l2g0o2hk2i0co2ke1on3nja3ssan1y5l1o0kia3rton4w0ruz3tv4p1r0a1w2tt2u1yc2z2obi1server7ffice5kinawa6layan0group9lo3m0ega4ne1g1l0ine5oo2pen3racle3nge4g0anic5igins6saka4tsuka4t2vh3pa0ge2nasonic7ris2s1tners4s1y3y2ccw3e0t2f0izer5g1h0armacy6d1ilips5one2to0graphy6s4ysio5ics1tet2ures6d1n0g1k2oneer5zza4k1l0ace2y0station9umbing5s3m1n0c2ohl2ker3litie5rn2st3r0america6xi3ess3ime3o0d0uctions8f1gressive8mo2perties3y5tection8u0dential9s1t1ub2w0c2y2qa1pon3uebec3st5racing4dio4e0ad1lestate6tor2y4cipes5d0stone5umbrella9hab3ise0n3t2liance6n0t0als5pair3ort3ublican8st0aurant8view0s5xroth6ich0ardli6oh3l1o1p2o0cks3deo3gers4om3s0vp3u0gby3hr2n2w0e2yukyu6sa0arland6fe0ty4kura4le1on3msclub4ung5ndvik0coromant12ofi4p1rl2s1ve2xo3b0i1s2c0b1haeffler7midt4olarships8ol3ule3warz5ience5ot3d1e0arch3t2cure1ity6ek2lect4ner3rvices6ven3w1x0y3fr2g1h0angrila6rp3ell3ia1ksha5oes2p0ping5uji3w3i0lk2na1gles5te3j1k0i0n2y0pe4l0ing4m0art3ile4n0cf3o0ccer3ial4ftbank4ware6hu2lar2utions7ng1y2y2pa0ce3ort2t3r0l2s1t0ada2ples4r1tebank4farm7c0group6ockholm6rage3e3ream4udio2y3yle4u0cks3pplies3y2ort5rf1gery5zuki5v1watch4iss4x1y0dney4stems6z2tab1ipei4lk2obao4rget4tamotors6r2too4x0i3c0i2d0k2eam2ch0nology8l1masek5nnis4va3f1g1h0d1eater2re6iaa2ckets5enda4ps2res2ol4j0maxx4x2k0maxx5l1m0all4n1o0day3kyo3ols3p1ray3shiba5tal3urs3wn2yota3s3r0ade1ing4ining5vel0ers0insurance16ust3v2t1ube2i1nes3shu4v0s2w1z2ua1bank3s2g1k1nicom3versity8o2ol2ps2s1y1z2va0cations7na1guard7c1e0gas3ntures6risign5mögensberater2ung14sicherung10t2g1i0ajes4deo3g1king4llas4n1p1rgin4sa1ion4va1o3laanderen9n1odka3lvo3te1ing3o2yage5u2wales2mart4ter4ng0gou5tch0es6eather0channel12bcam3er2site5d0ding5ibo2r3f1hoswho6ien2ki2lliamhill9n0dows4e1ners6me2olterskluwer11odside6rk0s2ld3w2s1tc1f3xbox3erox4ihuan4n2xx2yz3yachts4hoo3maxun5ndex5e1odobashi7ga2kohama6u0tube6t1un3za0ppos4ra3ero3ip2m1one3uerich6w2", rl = "ελ1υ2бг1ел3дети4ею2католик6ом3мкд2он1сква6онлайн5рг3рус2ф2сайт3рб3укр3қаз3հայ3ישראל5קום3ابوظبي5رامكو5لاردن4بحرين5جزائر5سعودية6عليان5مغرب5مارات5یران5بارت2زار4يتك3ھارت5تونس4سودان3رية5شبكة4عراق2ب2مان4فلسطين6قطر3كاثوليك6وم3مصر2ليسيا5وريتانيا7قع4همراه5پاکستان7ڀارت4कॉम3नेट3भारत0म्3ोत5संगठन5বাংলা5ভারত2ৰত4ਭਾਰਤ4ભારત4ଭାରତ4இந்தியா6லங்கை6சிங்கப்பூர்11భారత్5ಭಾರತ4ഭാരതം5ලංකා4คอม3ไทย3ລາວ3გე2みんな3アマゾン4クラウド4グーグル4コム2ストア3セール3ファッション6ポイント4世界2中信1国1國1文网3亚马逊3企业2佛山2信息2健康2八卦2公司1益2台湾1灣2商城1店1标2嘉里0大酒店5在线2大拿2天主教3娱乐2家電2广东2微博2慈善2我爱你3手机2招聘2政务1府2新加坡2闻2时尚2書籍2机构2淡马锡3游戏2澳門2点看2移动2组织机构4网址1店1站1络2联通2谷歌2购物2通販2集团2電訊盈科4飞利浦3食品2餐厅2香格里拉3港2닷넷1컴2삼성2한국2", Fe = (e, f) => {
+}), ol = /* @__PURE__ */ z(il, [["__scopeId", "data-v-98deabd2"]]), ll = "aaa1rp3bb0ott3vie4c1le2ogado5udhabi7c0ademy5centure6ountant0s9o1tor4d0s1ult4e0g1ro2tna4f0l1rica5g0akhan5ency5i0g1rbus3force5tel5kdn3l0ibaba4pay4lfinanz6state5y2sace3tom5m0azon4ericanexpress7family11x2fam3ica3sterdam8nalytics7droid5quan4z2o0l2partments8p0le4q0uarelle8r0ab1mco4chi3my2pa2t0e3s0da2ia2sociates9t0hleta5torney7u0ction5di0ble3o3spost5thor3o0s4w0s2x0a2z0ure5ba0by2idu3namex4d1k2r0celona5laycard4s5efoot5gains6seball5ketball8uhaus5yern5b0c1t1va3cg1n2d1e0ats2uty4er2ntley5rlin4st0buy5t2f1g1h0arti5i0ble3d1ke2ng0o3o1z2j1lack0friday9ockbuster8g1omberg7ue3m0s1w2n0pparibas9o0ats3ehringer8fa2m1nd2o0k0ing5sch2tik2on4t1utique6x2r0adesco6idgestone9oadway5ker3ther5ussels7s1t1uild0ers6siness6y1zz3v1w1y1z0h3ca0b1fe2l0l1vinklein9m0era3p2non3petown5ital0one8r0avan4ds2e0er0s4s2sa1e1h1ino4t0ering5holic7ba1n1re3c1d1enter4o1rn3f0a1d2g1h0anel2nel4rity4se2t2eap3intai5ristmas6ome4urch5i0priani6rcle4sco3tadel4i0c2y3k1l0aims4eaning6ick2nic1que6othing5ud3ub0med6m1n1o0ach3des3ffee4llege4ogne5m0mbank4unity6pany2re3uter5sec4ndos3struction8ulting7tact3ractors9oking4l1p2rsica5untry4pon0s4rses6pa2r0edit0card4union9icket5own3s1uise0s6u0isinella9v1w1x1y0mru3ou3z2dad1nce3ta1e1ing3sun4y2clk3ds2e0al0er2s3gree4livery5l1oitte5ta3mocrat6ntal2ist5si0gn4v2hl2iamonds6et2gital5rect0ory7scount3ver5h2y2j1k1m1np2o0cs1tor4g1mains5t1wnload7rive4tv2ubai3nlop4pont4rban5vag2r2z2earth3t2c0o2deka3u0cation8e1g1mail3erck5nergy4gineer0ing9terprises10pson4quipment8r0icsson6ni3s0q1tate5t1u0rovision8s2vents5xchange6pert3osed4ress5traspace10fage2il1rwinds6th3mily4n0s2rm0ers5shion4t3edex3edback6rrari3ero6i0delity5o2lm2nal1nce1ial7re0stone6mdale6sh0ing5t0ness6j1k1lickr3ghts4r2orist4wers5y2m1o0o0d1tball6rd1ex2sale4um3undation8x2r0ee1senius7l1ogans4ntier7tr2ujitsu5n0d2rniture7tbol5yi3ga0l0lery3o1up4me0s3p1rden4y2b0iz3d0n2e0a1nt0ing5orge5f1g0ee3h1i0ft0s3ves2ing5l0ass3e1obal2o4m0ail3bh2o1x2n1odaddy5ld0point6f2o0dyear5g0le4p1t1v2p1q1r0ainger5phics5tis4een3ipe3ocery4up4s1t1u0cci3ge2ide2tars5ru3w1y2hair2mburg5ngout5us3bo2dfc0bank7ealth0care8lp1sinki6re1mes5iphop4samitsu7tachi5v2k0t2m1n1ockey4ldings5iday5medepot5goods5s0ense7nda3rse3spital5t0ing5t0els3mail5use3w2r1sbc3t1u0ghes5yatt3undai7ibm2cbc2e1u2d1e0ee3fm2kano4l1m0amat4db2mo0bilien9n0c1dustries8finiti5o2g1k1stitute6urance4e4t0ernational10uit4vestments10o1piranga7q1r0ish4s0maili5t0anbul7t0au2v3jaguar4va3cb2e0ep2tzt3welry6io2ll2m0p2nj2o0bs1urg4t1y2p0morgan6rs3uegos4niper7kaufen5ddi3e0rryhotels6logistics9properties14fh2g1h1i0a1ds2m1ndle4tchen5wi3m1n1oeln3matsu5sher5p0mg2n2r0d1ed3uokgroup8w1y0oto4z2la0caixa5mborghini8er3ncaster6d0rover6xess5salle5t0ino3robe5w0yer5b1c1ds2ease3clerc5frak4gal2o2xus4gbt3i0dl2fe0insurance9style7ghting6ke2lly3mited4o2ncoln4k2psy3ve1ing5k1lc1p2oan0s3cker3us3l1ndon4tte1o3ve3pl0financial11r1s1t0d0a3u0ndbeck6xe1ury5v1y2ma0drid4if1son4keup4n0agement7go3p1rket0ing3s4riott5shalls7ttel5ba2c0kinsey7d1e0d0ia3et2lbourne7me1orial6n0u2rckmsd7g1h1iami3crosoft7l1ni1t2t0subishi9k1l0b1s2m0a2n1o0bi0le4da2e1i1m1nash3ey2ster5rmon3tgage6scow4to0rcycles9v0ie4p1q1r1s0d2t0n1r2u0seum3ic4v1w1x1y1z2na0b1goya4me2vy3ba2c1e0c1t0bank4flix4work5ustar5w0s2xt0direct7us4f0l2g0o2hk2i0co2ke1on3nja3ssan1y5l1o0kia3rton4w0ruz3tv4p1r0a1w2tt2u1yc2z2obi1server7ffice5kinawa6layan0group9lo3m0ega4ne1g1l0ine5oo2pen3racle3nge4g0anic5igins6saka4tsuka4t2vh3pa0ge2nasonic7ris2s1tners4s1y3y2ccw3e0t2f0izer5g1h0armacy6d1ilips5one2to0graphy6s4ysio5ics1tet2ures6d1n0g1k2oneer5zza4k1l0ace2y0station9umbing5s3m1n0c2ohl2ker3litie5rn2st3r0america6xi3ess3ime3o0d0uctions8f1gressive8mo2perties3y5tection8u0dential9s1t1ub2w0c2y2qa1pon3uebec3st5racing4dio4e0ad1lestate6tor2y4cipes5d0stone5umbrella9hab3ise0n3t2liance6n0t0als5pair3ort3ublican8st0aurant8view0s5xroth6ich0ardli6oh3l1o1p2o0cks3deo3gers4om3s0vp3u0gby3hr2n2w0e2yukyu6sa0arland6fe0ty4kura4le1on3msclub4ung5ndvik0coromant12ofi4p1rl2s1ve2xo3b0i1s2c0b1haeffler7midt4olarships8ol3ule3warz5ience5ot3d1e0arch3t2cure1ity6ek2lect4ner3rvices6ven3w1x0y3fr2g1h0angrila6rp3ell3ia1ksha5oes2p0ping5uji3w3i0lk2na1gles5te3j1k0i0n2y0pe4l0ing4m0art3ile4n0cf3o0ccer3ial4ftbank4ware6hu2lar2utions7ng1y2y2pa0ce3ort2t3r0l2s1t0ada2ples4r1tebank4farm7c0group6ockholm6rage3e3ream4udio2y3yle4u0cks3pplies3y2ort5rf1gery5zuki5v1watch4iss4x1y0dney4stems6z2tab1ipei4lk2obao4rget4tamotors6r2too4x0i3c0i2d0k2eam2ch0nology8l1masek5nnis4va3f1g1h0d1eater2re6iaa2ckets5enda4ps2res2ol4j0maxx4x2k0maxx5l1m0all4n1o0day3kyo3ols3p1ray3shiba5tal3urs3wn2yota3s3r0ade1ing4ining5vel0ers0insurance16ust3v2t1ube2i1nes3shu4v0s2w1z2ua1bank3s2g1k1nicom3versity8o2ol2ps2s1y1z2va0cations7na1guard7c1e0gas3ntures6risign5mögensberater2ung14sicherung10t2g1i0ajes4deo3g1king4llas4n1p1rgin4sa1ion4va1o3laanderen9n1odka3lvo3te1ing3o2yage5u2wales2mart4ter4ng0gou5tch0es6eather0channel12bcam3er2site5d0ding5ibo2r3f1hoswho6ien2ki2lliamhill9n0dows4e1ners6me2olterskluwer11odside6rk0s2ld3w2s1tc1f3xbox3erox4ihuan4n2xx2yz3yachts4hoo3maxun5ndex5e1odobashi7ga2kohama6u0tube6t1un3za0ppos4ra3ero3ip2m1one3uerich6w2", rl = "ελ1υ2бг1ел3дети4ею2католик6ом3мкд2он1сква6онлайн5рг3рус2ф2сайт3рб3укр3қаз3հայ3ישראל5קום3ابوظبي5رامكو5لاردن4بحرين5جزائر5سعودية6عليان5مغرب5مارات5یران5بارت2زار4يتك3ھارت5تونس4سودان3رية5شبكة4عراق2ب2مان4فلسطين6قطر3كاثوليك6وم3مصر2ليسيا5وريتانيا7قع4همراه5پاکستان7ڀارت4कॉम3नेट3भारत0म्3ोत5संगठन5বাংলা5ভারত2ৰত4ਭਾਰਤ4ભારત4ଭାରତ4இந்தியா6லங்கை6சிங்கப்பூர்11భారత్5ಭಾರತ4ഭാരതം5ලංකා4คอม3ไทย3ລາວ3გე2みんな3アマゾン4クラウド4グーグル4コム2ストア3セール3ファッション6ポイント4世界2中信1国1國1文网3亚马逊3企业2佛山2信息2健康2八卦2公司1益2台湾1灣2商城1店1标2嘉里0大酒店5在线2大拿2天主教3娱乐2家電2广东2微博2慈善2我爱你3手机2招聘2政务1府2新加坡2闻2时尚2書籍2机构2淡马锡3游戏2澳門2点看2移动2组织机构4网址1店1站1络2联通2谷歌2购物2通販2集团2電訊盈科4飞利浦3食品2餐厅2香格里拉3港2닷넷1컴2삼성2한국2", Fe = (e, f) => {
   for (const t in f)
     e[t] = f[t];
   return e;
-}, kt = "numeric", Nt = "ascii", Dt = "alpha", kf = "asciinumeric", Mf = "alphanumeric", jt = "domain", ta = "emoji", ul = "scheme", cl = "slashscheme", Nn = "whitespace";
+}, kt = "numeric", Nt = "ascii", Dt = "alpha", kf = "asciinumeric", Mf = "alphanumeric", jt = "domain", ta = "emoji", ul = "scheme", cl = "slashscheme", Dn = "whitespace";
 function dl(e, f) {
   return e in f || (f[e] = []), f[e];
 }
@@ -15303,9 +15311,9 @@ fe.prototype = {
     if (t)
       return t;
     for (let n = 0; n < f.jr.length; n++) {
-      const a = f.jr[n][0], s = f.jr[n][1];
-      if (s && a.test(e))
-        return s;
+      const a = f.jr[n][0], A = f.jr[n][1];
+      if (A && a.test(e))
+        return A;
     }
     return f.jd;
   },
@@ -15357,12 +15365,12 @@ fe.prototype = {
    */
   ts(e, f, t, n) {
     let a = this;
-    const s = e.length;
-    if (!s)
+    const A = e.length;
+    if (!A)
       return a;
-    for (let A = 0; A < s - 1; A++)
-      a = a.tt(e[A]);
-    return a.tt(e[s - 1], f, t, n);
+    for (let s = 0; s < A - 1; s++)
+      a = a.tt(e[s]);
+    return a.tt(e[A - 1], f, t, n);
   },
   /**
    * Short for "take transition", this is a method for building/working with
@@ -15395,20 +15403,20 @@ fe.prototype = {
     const a = this;
     if (f && f.j)
       return a.j[e] = f, f;
-    const s = f;
-    let A, i = a.go(e);
-    if (i ? (A = new fe(), Fe(A.j, i.j), A.jr.push.apply(A.jr, i.jr), A.jd = i.jd, A.t = i.t) : A = new fe(), s) {
+    const A = f;
+    let s, i = a.go(e);
+    if (i ? (s = new fe(), Fe(s.j, i.j), s.jr.push.apply(s.jr, i.jr), s.jd = i.jd, s.t = i.t) : s = new fe(), A) {
       if (n)
-        if (A.t && typeof A.t == "string") {
-          const o = Fe(gl(A.t, n), t);
-          xe(s, o, n);
-        } else t && xe(s, t, n);
-      A.t = s;
+        if (s.t && typeof s.t == "string") {
+          const l = Fe(gl(s.t, n), t);
+          xe(A, l, n);
+        } else t && xe(A, t, n);
+      s.t = A;
     }
-    return a.j[e] = A, A;
+    return a.j[e] = s, s;
   }
 };
-const T = (e, f, t, n, a) => e.ta(f, t, n, a), ne = (e, f, t, n, a) => e.tr(f, t, n, a), Dn = (e, f, t, n, a) => e.ts(f, t, n, a), v = (e, f, t, n, a) => e.tt(f, t, n, a), Me = "WORD", Et = "UWORD", Af = "LOCALHOST", Tt = "TLD", Vt = "UTLD", Nf = "SCHEME", Ue = "SLASH_SCHEME", Pt = "NUM", na = "WS", $t = "NL", Xe = "OPENBRACE", ef = "CLOSEBRACE", Tf = "OPENBRACKET", Vf = "CLOSEBRACKET", xf = "OPENPAREN", Sf = "CLOSEPAREN", zf = "OPENANGLEBRACKET", Of = "CLOSEANGLEBRACKET", Cf = "FULLWIDTHLEFTPAREN", Lf = "FULLWIDTHRIGHTPAREN", Uf = "LEFTCORNERBRACKET", Bf = "RIGHTCORNERBRACKET", Qf = "LEFTWHITECORNERBRACKET", Rf = "RIGHTWHITECORNERBRACKET", Yf = "FULLWIDTHLESSTHAN", qf = "FULLWIDTHGREATERTHAN", Hf = "AMPERSAND", Ff = "APOSTROPHE", Pf = "ASTERISK", ve = "AT", $f = "BACKSLASH", Wf = "BACKTICK", Kf = "CARET", Ie = "COLON", Wt = "COMMA", Jf = "DOLLAR", re = "DOT", Gf = "EQUALS", Kt = "EXCLAMATION", ue = "HYPHEN", Zf = "PERCENT", Xf = "PIPE", et = "PLUS", ft = "POUND", tt = "QUERY", Jt = "QUOTE", aa = "FULLWIDTHMIDDLEDOT", Gt = "SEMI", ce = "SLASH", ff = "TILDE", nt = "UNDERSCORE", Aa = "EMOJI", at = "SYM";
+const V = (e, f, t, n, a) => e.ta(f, t, n, a), ne = (e, f, t, n, a) => e.tr(f, t, n, a), jn = (e, f, t, n, a) => e.ts(f, t, n, a), v = (e, f, t, n, a) => e.tt(f, t, n, a), Me = "WORD", Et = "UWORD", Af = "LOCALHOST", Tt = "TLD", Vt = "UTLD", Nf = "SCHEME", Ue = "SLASH_SCHEME", $t = "NUM", na = "WS", Wt = "NL", Xe = "OPENBRACE", ef = "CLOSEBRACE", Tf = "OPENBRACKET", Vf = "CLOSEBRACKET", xf = "OPENPAREN", Sf = "CLOSEPAREN", zf = "OPENANGLEBRACKET", Of = "CLOSEANGLEBRACKET", Cf = "FULLWIDTHLEFTPAREN", Lf = "FULLWIDTHRIGHTPAREN", Uf = "LEFTCORNERBRACKET", Bf = "RIGHTCORNERBRACKET", Qf = "LEFTWHITECORNERBRACKET", Rf = "RIGHTWHITECORNERBRACKET", Yf = "FULLWIDTHLESSTHAN", qf = "FULLWIDTHGREATERTHAN", Hf = "AMPERSAND", Ff = "APOSTROPHE", Pf = "ASTERISK", ve = "AT", $f = "BACKSLASH", Wf = "BACKTICK", Kf = "CARET", Ie = "COLON", Kt = "COMMA", Jf = "DOLLAR", re = "DOT", Gf = "EQUALS", Jt = "EXCLAMATION", ue = "HYPHEN", Zf = "PERCENT", Xf = "PIPE", et = "PLUS", ft = "POUND", tt = "QUERY", Gt = "QUOTE", aa = "FULLWIDTHMIDDLEDOT", Zt = "SEMI", ce = "SLASH", ff = "TILDE", nt = "UNDERSCORE", Aa = "EMOJI", at = "SYM";
 var sa = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   WORD: Me,
@@ -15418,9 +15426,9 @@ var sa = /* @__PURE__ */ Object.freeze({
   UTLD: Vt,
   SCHEME: Nf,
   SLASH_SCHEME: Ue,
-  NUM: Pt,
+  NUM: $t,
   WS: na,
-  NL: $t,
+  NL: Wt,
   OPENBRACE: Xe,
   CLOSEBRACE: ef,
   OPENBRACKET: Tf,
@@ -15445,35 +15453,35 @@ var sa = /* @__PURE__ */ Object.freeze({
   BACKTICK: Wf,
   CARET: Kf,
   COLON: Ie,
-  COMMA: Wt,
+  COMMA: Kt,
   DOLLAR: Jf,
   DOT: re,
   EQUALS: Gf,
-  EXCLAMATION: Kt,
+  EXCLAMATION: Jt,
   HYPHEN: ue,
   PERCENT: Zf,
   PIPE: Xf,
   PLUS: et,
   POUND: ft,
   QUERY: tt,
-  QUOTE: Jt,
+  QUOTE: Gt,
   FULLWIDTHMIDDLEDOT: aa,
-  SEMI: Gt,
+  SEMI: Zt,
   SLASH: ce,
   TILDE: ff,
   UNDERSCORE: nt,
   EMOJI: Aa,
   SYM: at
 });
-const Le = /[a-z]/, ht = new RegExp("\\p{L}", "u"), Mt = new RegExp("\\p{Emoji}", "u"), yt = /\d/, jn = /\s/, En = `
+const Le = /[a-z]/, ht = new RegExp("\\p{L}", "u"), Mt = new RegExp("\\p{Emoji}", "u"), yt = /\d/, En = /\s/, Tn = `
 `, ml = "️", pl = "‍";
 let yf = null, bf = null;
 function hl(e = []) {
   const f = {};
   fe.groups = f;
   const t = new fe();
-  yf == null && (yf = Tn(ll)), bf == null && (bf = Tn(rl)), v(t, "'", Ff), v(t, "{", Xe), v(t, "}", ef), v(t, "[", Tf), v(t, "]", Vf), v(t, "(", xf), v(t, ")", Sf), v(t, "<", zf), v(t, ">", Of), v(t, "（", Cf), v(t, "）", Lf), v(t, "「", Uf), v(t, "」", Bf), v(t, "『", Qf), v(t, "』", Rf), v(t, "＜", Yf), v(t, "＞", qf), v(t, "&", Hf), v(t, "*", Pf), v(t, "@", ve), v(t, "`", Wf), v(t, "^", Kf), v(t, ":", Ie), v(t, ",", Wt), v(t, "$", Jf), v(t, ".", re), v(t, "=", Gf), v(t, "!", Kt), v(t, "-", ue), v(t, "%", Zf), v(t, "|", Xf), v(t, "+", et), v(t, "#", ft), v(t, "?", tt), v(t, '"', Jt), v(t, "/", ce), v(t, ";", Gt), v(t, "~", ff), v(t, "_", nt), v(t, "\\", $f), v(t, "・", aa);
-  const n = ne(t, yt, Pt, {
+  yf == null && (yf = Vn(ll)), bf == null && (bf = Vn(rl)), v(t, "'", Ff), v(t, "{", Xe), v(t, "}", ef), v(t, "[", Tf), v(t, "]", Vf), v(t, "(", xf), v(t, ")", Sf), v(t, "<", zf), v(t, ">", Of), v(t, "（", Cf), v(t, "）", Lf), v(t, "「", Uf), v(t, "」", Bf), v(t, "『", Qf), v(t, "』", Rf), v(t, "＜", Yf), v(t, "＞", qf), v(t, "&", Hf), v(t, "*", Pf), v(t, "@", ve), v(t, "`", Wf), v(t, "^", Kf), v(t, ":", Ie), v(t, ",", Kt), v(t, "$", Jf), v(t, ".", re), v(t, "=", Gf), v(t, "!", Jt), v(t, "-", ue), v(t, "%", Zf), v(t, "|", Xf), v(t, "+", et), v(t, "#", ft), v(t, "?", tt), v(t, '"', Gt), v(t, "/", ce), v(t, ";", Zt), v(t, "~", ff), v(t, "_", nt), v(t, "\\", $f), v(t, "・", aa);
+  const n = ne(t, yt, $t, {
     [kt]: !0
   });
   ne(n, yt, n);
@@ -15481,49 +15489,49 @@ function hl(e = []) {
     [Nt]: !0
   });
   ne(a, Le, a);
-  const s = ne(t, ht, Et, {
+  const A = ne(t, ht, Et, {
     [Dt]: !0
   });
-  ne(s, Le), ne(s, ht, s);
-  const A = ne(t, jn, na, {
-    [Nn]: !0
+  ne(A, Le), ne(A, ht, A);
+  const s = ne(t, En, na, {
+    [Dn]: !0
   });
-  v(t, En, $t, {
-    [Nn]: !0
-  }), v(A, En), ne(A, jn, A);
+  v(t, Tn, Wt, {
+    [Dn]: !0
+  }), v(s, Tn), ne(s, En, s);
   const i = ne(t, Mt, Aa, {
     [ta]: !0
   });
   ne(i, Mt, i), v(i, ml, i);
-  const o = v(i, pl);
-  ne(o, Mt, i);
-  const u = [[Le, a]], g = [[Le, null], [ht, s]];
-  for (let r = 0; r < yf.length; r++)
-    be(t, yf[r], Tt, Me, u);
-  for (let r = 0; r < bf.length; r++)
-    be(t, bf[r], Vt, Et, g);
+  const l = v(i, pl);
+  ne(l, Mt, i);
+  const r = [[Le, a]], g = [[Le, null], [ht, A]];
+  for (let u = 0; u < yf.length; u++)
+    be(t, yf[u], Tt, Me, r);
+  for (let u = 0; u < bf.length; u++)
+    be(t, bf[u], Vt, Et, g);
   xe(Tt, {
     tld: !0,
     ascii: !0
   }, f), xe(Vt, {
     utld: !0,
     alpha: !0
-  }, f), be(t, "file", Nf, Me, u), be(t, "mailto", Nf, Me, u), be(t, "http", Ue, Me, u), be(t, "https", Ue, Me, u), be(t, "ftp", Ue, Me, u), be(t, "ftps", Ue, Me, u), xe(Nf, {
+  }, f), be(t, "file", Nf, Me, r), be(t, "mailto", Nf, Me, r), be(t, "http", Ue, Me, r), be(t, "https", Ue, Me, r), be(t, "ftp", Ue, Me, r), be(t, "ftps", Ue, Me, r), xe(Nf, {
     scheme: !0,
     ascii: !0
   }, f), xe(Ue, {
     slashscheme: !0,
     ascii: !0
-  }, f), e = e.sort((r, m) => r[0] > m[0] ? 1 : -1);
-  for (let r = 0; r < e.length; r++) {
-    const m = e[r][0], M = e[r][1] ? {
+  }, f), e = e.sort((u, m) => u[0] > m[0] ? 1 : -1);
+  for (let u = 0; u < e.length; u++) {
+    const m = e[u][0], h = e[u][1] ? {
       [ul]: !0
     } : {
       [cl]: !0
     };
-    m.indexOf("-") >= 0 ? M[jt] = !0 : Le.test(m) ? yt.test(m) ? M[kf] = !0 : M[Nt] = !0 : M[kt] = !0, Dn(t, m, m, M);
+    m.indexOf("-") >= 0 ? h[jt] = !0 : Le.test(m) ? yt.test(m) ? h[kf] = !0 : h[Nt] = !0 : h[kt] = !0, jn(t, m, m, h);
   }
-  return Dn(t, "localhost", Af, {
+  return jn(t, "localhost", Af, {
     ascii: !0
   }), t.jd = new fe(at), {
     start: t,
@@ -15534,19 +15542,19 @@ function hl(e = []) {
 }
 function ia(e, f) {
   const t = Ml(f.replace(/[A-Z]/g, (i) => i.toLowerCase())), n = t.length, a = [];
-  let s = 0, A = 0;
-  for (; A < n; ) {
-    let i = e, o = null, u = 0, g = null, r = -1, m = -1;
-    for (; A < n && (o = i.go(t[A])); )
-      i = o, i.accepts() ? (r = 0, m = 0, g = i) : r >= 0 && (r += t[A].length, m++), u += t[A].length, s += t[A].length, A++;
-    s -= r, A -= m, u -= r, a.push({
+  let A = 0, s = 0;
+  for (; s < n; ) {
+    let i = e, l = null, r = 0, g = null, u = -1, m = -1;
+    for (; s < n && (l = i.go(t[s])); )
+      i = l, i.accepts() ? (u = 0, m = 0, g = i) : u >= 0 && (u += t[s].length, m++), r += t[s].length, A += t[s].length, s++;
+    A -= u, s -= m, r -= u, a.push({
       t: g.t,
       // token type/name
-      v: f.slice(s - u, s),
+      v: f.slice(A - r, A),
       // string value
-      s: s - u,
+      s: A - r,
       // start index
-      e: s
+      e: A
       // end index (excluding)
     });
   }
@@ -15556,32 +15564,32 @@ function Ml(e) {
   const f = [], t = e.length;
   let n = 0;
   for (; n < t; ) {
-    let a = e.charCodeAt(n), s, A = a < 55296 || a > 56319 || n + 1 === t || (s = e.charCodeAt(n + 1)) < 56320 || s > 57343 ? e[n] : e.slice(n, n + 2);
-    f.push(A), n += A.length;
+    let a = e.charCodeAt(n), A, s = a < 55296 || a > 56319 || n + 1 === t || (A = e.charCodeAt(n + 1)) < 56320 || A > 57343 ? e[n] : e.slice(n, n + 2);
+    f.push(s), n += s.length;
   }
   return f;
 }
 function be(e, f, t, n, a) {
-  let s;
-  const A = f.length;
-  for (let i = 0; i < A - 1; i++) {
-    const o = f[i];
-    e.j[o] ? s = e.j[o] : (s = new fe(n), s.jr = a.slice(), e.j[o] = s), e = s;
+  let A;
+  const s = f.length;
+  for (let i = 0; i < s - 1; i++) {
+    const l = f[i];
+    e.j[l] ? A = e.j[l] : (A = new fe(n), A.jr = a.slice(), e.j[l] = A), e = A;
   }
-  return s = new fe(t), s.jr = a.slice(), e.j[f[A - 1]] = s, s;
+  return A = new fe(t), A.jr = a.slice(), e.j[f[s - 1]] = A, A;
 }
-function Tn(e) {
+function Vn(e) {
   const f = [], t = [];
   let n = 0, a = "0123456789";
   for (; n < e.length; ) {
-    let s = 0;
-    for (; a.indexOf(e[n + s]) >= 0; )
-      s++;
-    if (s > 0) {
+    let A = 0;
+    for (; a.indexOf(e[n + A]) >= 0; )
+      A++;
+    if (A > 0) {
       f.push(t.join(""));
-      for (let A = parseInt(e.substring(n, n + s), 10); A > 0; A--)
+      for (let s = parseInt(e.substring(n, n + A), 10); s > 0; s--)
         t.pop();
-      n += s;
+      n += A;
     } else
       t.push(e[n]), n++;
   }
@@ -15590,8 +15598,8 @@ function Tn(e) {
 const sf = {
   defaultProtocol: "http",
   events: null,
-  format: Vn,
-  formatHref: Vn,
+  format: xn,
+  formatHref: xn,
   nl2br: !1,
   tagName: "a",
   target: null,
@@ -15603,15 +15611,15 @@ const sf = {
   ignoreTags: [],
   render: null
 };
-function Zt(e, f = null) {
+function Xt(e, f = null) {
   let t = Fe({}, sf);
-  e && (t = Fe(t, e instanceof Zt ? e.o : e));
+  e && (t = Fe(t, e instanceof Xt ? e.o : e));
   const n = t.ignoreTags, a = [];
-  for (let s = 0; s < n.length; s++)
-    a.push(n[s].toUpperCase());
+  for (let A = 0; A < n.length; A++)
+    a.push(n[A].toUpperCase());
   this.o = t, f && (this.defaultRender = f), this.ignoreTags = a;
 }
-Zt.prototype = {
+Xt.prototype = {
   o: sf,
   /**
    * @type string[]
@@ -15673,7 +15681,7 @@ Zt.prototype = {
     return (this.get("render", null, e) || this.defaultRender)(f, e.t, e);
   }
 };
-function Vn(e) {
+function xn(e) {
   return e;
 }
 function oa(e, f) {
@@ -15774,31 +15782,31 @@ oa.prototype = {
    * @param {Options} options Formattinng options
    */
   render(e) {
-    const f = this, t = this.toHref(e.get("defaultProtocol")), n = e.get("formatHref", t, this), a = e.get("tagName", t, f), s = this.toFormattedString(e), A = {}, i = e.get("className", t, f), o = e.get("target", t, f), u = e.get("rel", t, f), g = e.getObj("attributes", t, f), r = e.getObj("events", t, f);
-    return A.href = n, i && (A.class = i), o && (A.target = o), u && (A.rel = u), g && Fe(A, g), {
+    const f = this, t = this.toHref(e.get("defaultProtocol")), n = e.get("formatHref", t, this), a = e.get("tagName", t, f), A = this.toFormattedString(e), s = {}, i = e.get("className", t, f), l = e.get("target", t, f), r = e.get("rel", t, f), g = e.getObj("attributes", t, f), u = e.getObj("events", t, f);
+    return s.href = n, i && (s.class = i), l && (s.target = l), r && (s.rel = r), g && Fe(s, g), {
       tagName: a,
-      attributes: A,
-      content: s,
-      eventListeners: r
+      attributes: s,
+      content: A,
+      eventListeners: u
     };
   }
 };
 function ot(e, f) {
   class t extends oa {
-    constructor(a, s) {
-      super(a, s), this.t = e;
+    constructor(a, A) {
+      super(a, A), this.t = e;
     }
   }
   for (const n in f)
     t.prototype[n] = f[n];
   return t.t = e, t;
 }
-const xn = ot("email", {
+const Sn = ot("email", {
   isLink: !0,
   toHref() {
     return "mailto:" + this.toString();
   }
-}), Sn = ot("text"), yl = ot("nl"), vf = ot("url", {
+}), zn = ot("text"), yl = ot("nl"), vf = ot("url", {
   isLink: !0,
   /**
   	Lowercases relevant parts of the domain and adds the protocol if
@@ -15822,34 +15830,34 @@ const xn = ot("email", {
 function bl({
   groups: e
 }) {
-  const f = e.domain.concat([Hf, Pf, ve, $f, Wf, Kf, Jf, Gf, ue, Pt, Zf, Xf, et, ft, ce, at, ff, nt]), t = [Ff, Ie, Wt, re, Kt, tt, Jt, Gt, zf, Of, Xe, ef, Vf, Tf, xf, Sf, Cf, Lf, Uf, Bf, Qf, Rf, Yf, qf], n = [Hf, Ff, Pf, $f, Wf, Kf, Jf, Gf, ue, Xe, ef, Zf, Xf, et, ft, tt, ce, at, ff, nt], a = ae(), s = v(a, ff);
-  T(s, n, s), T(s, e.domain, s);
-  const A = ae(), i = ae(), o = ae();
-  T(a, e.domain, A), T(a, e.scheme, i), T(a, e.slashscheme, o), T(A, n, s), T(A, e.domain, A);
-  const u = v(A, ve);
-  v(s, ve, u), v(i, ve, u), v(o, ve, u);
-  const g = v(s, re);
-  T(g, n, s), T(g, e.domain, s);
-  const r = ae();
-  T(u, e.domain, r), T(r, e.domain, r);
-  const m = v(r, re);
-  T(m, e.domain, r);
-  const p = ae(xn);
-  T(m, e.tld, p), T(m, e.utld, p), v(u, Af, p);
-  const M = v(r, ue);
-  T(M, e.domain, r), T(p, e.domain, r), v(p, re, m), v(p, ue, M);
-  const h = v(p, Ie);
-  T(h, e.numeric, xn);
-  const y = v(A, ue), _ = v(A, re);
-  T(y, e.domain, A), T(_, n, s), T(_, e.domain, A);
+  const f = e.domain.concat([Hf, Pf, ve, $f, Wf, Kf, Jf, Gf, ue, $t, Zf, Xf, et, ft, ce, at, ff, nt]), t = [Ff, Ie, Kt, re, Jt, tt, Gt, Zt, zf, Of, Xe, ef, Vf, Tf, xf, Sf, Cf, Lf, Uf, Bf, Qf, Rf, Yf, qf], n = [Hf, Ff, Pf, $f, Wf, Kf, Jf, Gf, ue, Xe, ef, Zf, Xf, et, ft, tt, ce, at, ff, nt], a = ae(), A = v(a, ff);
+  V(A, n, A), V(A, e.domain, A);
+  const s = ae(), i = ae(), l = ae();
+  V(a, e.domain, s), V(a, e.scheme, i), V(a, e.slashscheme, l), V(s, n, A), V(s, e.domain, s);
+  const r = v(s, ve);
+  v(A, ve, r), v(i, ve, r), v(l, ve, r);
+  const g = v(A, re);
+  V(g, n, A), V(g, e.domain, A);
+  const u = ae();
+  V(r, e.domain, u), V(u, e.domain, u);
+  const m = v(u, re);
+  V(m, e.domain, u);
+  const p = ae(Sn);
+  V(m, e.tld, p), V(m, e.utld, p), v(r, Af, p);
+  const h = v(u, ue);
+  V(h, e.domain, u), V(p, e.domain, u), v(p, re, m), v(p, ue, h);
+  const M = v(p, Ie);
+  V(M, e.numeric, Sn);
+  const y = v(s, ue), _ = v(s, re);
+  V(y, e.domain, s), V(_, n, A), V(_, e.domain, s);
   const k = ae(vf);
-  T(_, e.tld, k), T(_, e.utld, k), T(k, e.domain, A), T(k, n, s), v(k, re, _), v(k, ue, y), v(k, ve, u);
+  V(_, e.tld, k), V(_, e.utld, k), V(k, e.domain, s), V(k, n, A), v(k, re, _), v(k, ue, y), v(k, ve, r);
   const D = v(k, Ie), N = ae(vf);
-  T(D, e.numeric, N);
-  const j = ae(vf), x = ae();
-  T(j, f, j), T(j, t, x), T(x, f, j), T(x, t, x), v(k, ce, j), v(N, ce, j);
-  const E = v(i, Ie), z = v(o, Ie), Q = v(z, ce), O = v(Q, ce);
-  T(i, e.domain, A), v(i, re, _), v(i, ue, y), T(o, e.domain, A), v(o, re, _), v(o, ue, y), T(E, e.domain, j), v(E, ce, j), T(O, e.domain, j), T(O, f, j), v(O, ce, j);
+  V(D, e.numeric, N);
+  const E = ae(vf), S = ae();
+  V(E, f, E), V(E, t, S), V(S, f, E), V(S, t, S), v(k, ce, E), v(N, ce, E);
+  const T = v(i, Ie), O = v(l, Ie), Q = v(O, ce), C = v(Q, ce);
+  V(i, e.domain, s), v(i, re, _), v(i, ue, y), V(l, e.domain, s), v(l, re, _), v(l, ue, y), V(T, e.domain, E), v(T, ce, E), V(C, e.domain, E), V(C, f, E), v(C, ce, E);
   const B = [
     [Xe, ef],
     // {}
@@ -15869,39 +15877,39 @@ function bl({
     // ＜＞
   ];
   for (let R = 0; R < B.length; R++) {
-    const [te, pe] = B[R], le = v(j, te);
-    v(x, te, le), v(le, pe, j);
+    const [te, pe] = B[R], le = v(E, te);
+    v(S, te, le), v(le, pe, E);
     const Y = ae(vf);
-    T(le, f, Y);
+    V(le, f, Y);
     const W = ae();
-    T(le, t), T(Y, f, Y), T(Y, t, W), T(W, f, Y), T(W, t, W), v(Y, pe, j), v(W, pe, j);
+    V(le, t), V(Y, f, Y), V(Y, t, W), V(W, f, Y), V(W, t, W), v(Y, pe, E), v(W, pe, E);
   }
-  return v(a, Af, k), v(a, $t, yl), {
+  return v(a, Af, k), v(a, Wt, yl), {
     start: a,
     tokens: sa
   };
 }
 function vl(e, f, t) {
-  let n = t.length, a = 0, s = [], A = [];
+  let n = t.length, a = 0, A = [], s = [];
   for (; a < n; ) {
-    let i = e, o = null, u = null, g = 0, r = null, m = -1;
-    for (; a < n && !(o = i.go(t[a].t)); )
-      A.push(t[a++]);
-    for (; a < n && (u = o || i.go(t[a].t)); )
-      o = null, i = u, i.accepts() ? (m = 0, r = i) : m >= 0 && m++, a++, g++;
+    let i = e, l = null, r = null, g = 0, u = null, m = -1;
+    for (; a < n && !(l = i.go(t[a].t)); )
+      s.push(t[a++]);
+    for (; a < n && (r = l || i.go(t[a].t)); )
+      l = null, i = r, i.accepts() ? (m = 0, u = i) : m >= 0 && m++, a++, g++;
     if (m < 0)
-      a -= g, a < n && (A.push(t[a]), a++);
+      a -= g, a < n && (s.push(t[a]), a++);
     else {
-      A.length > 0 && (s.push(bt(Sn, f, A)), A = []), a -= m, g -= m;
-      const p = r.t, M = t.slice(a - g, a);
-      s.push(bt(p, f, M));
+      s.length > 0 && (A.push(bt(zn, f, s)), s = []), a -= m, g -= m;
+      const p = u.t, h = t.slice(a - g, a);
+      A.push(bt(p, f, h));
     }
   }
-  return A.length > 0 && s.push(bt(Sn, f, A)), s;
+  return s.length > 0 && A.push(bt(zn, f, s)), A;
 }
 function bt(e, f, t) {
-  const n = t[0].s, a = t[t.length - 1].e, s = f.slice(n, a);
-  return new e(s, t);
+  const n = t[0].s, a = t[t.length - 1].e, A = f.slice(n, a);
+  return new e(A, t);
 }
 const J = {
   scanner: null,
@@ -15951,12 +15959,12 @@ function kl({
   return `<${e} ${wl(f)}>${ra(t)}</${e}>`;
 }
 function ua(e, f = {}) {
-  f = new Zt(f, kl);
+  f = new Xt(f, kl);
   const t = la(e), n = [];
   for (let a = 0; a < t.length; a++) {
-    const s = t[a];
-    s.t === "nl" && f.get("nl2br") ? n.push(`<br>
-`) : !s.isLink || !f.check(s) ? n.push(ra(s.toString())) : n.push(f.render(s));
+    const A = t[a];
+    A.t === "nl" && f.get("nl2br") ? n.push(`<br>
+`) : !A.isLink || !f.check(A) ? n.push(ra(A.toString())) : n.push(f.render(A));
   }
   return n.join("");
 }
@@ -15985,34 +15993,34 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
   },
   emits: ["action"],
   setup(e, { emit: f }) {
-    const t = e, n = f, a = I(!1), s = I(!1), A = I("");
+    const t = e, n = f, a = I(!1), A = I(!1), s = I("");
     Oe(
       () => t.message.text,
       () => {
-        A.value = ua(t.message.text);
+        s.value = ua(t.message.text);
       },
       { immediate: !0 }
     );
-    function i(M) {
-      M.preventDefault(), M.target.href && window.open(M.target.href, "_blank");
+    function i(h) {
+      h.preventDefault(), h.target.href && window.open(h.target.href, "_blank");
     }
-    const o = () => {
-      s.value = !0;
-    }, u = () => {
-      s.value = !1, a.value = !1;
-    }, g = U(() => $e(t.message.status)), r = (M) => {
-      u(), n("action", { messageId: t.message.messageId, type: "menu", ...M });
+    const l = () => {
+      A.value = !0;
+    }, r = () => {
+      A.value = !1, a.value = !1;
+    }, g = U(() => $e(t.message.status)), u = (h) => {
+      r(), n("action", { messageId: t.message.messageId, type: "menu", ...h });
     }, m = () => {
-      u(), n("action", { messageId: t.message.messageId, type: "views" });
+      r(), n("action", { messageId: t.message.messageId, type: "views" });
     };
-    function p(M) {
-      return M.position === "left" ? "text-message__left" : "text-message__right";
+    function p(h) {
+      return h.position === "left" ? "text-message__left" : "text-message__right";
     }
-    return (M, h) => (c(), d("div", Nl, [
-      l("div", {
-        class: C(p(e.message)),
+    return (h, M) => (c(), d("div", Nl, [
+      o("div", {
+        class: x(p(e.message)),
         messageId: e.message.messageId,
-        onMouseleave: u
+        onMouseleave: r
       }, [
         e.message.avatar ? (c(), d("img", {
           key: 0,
@@ -16023,47 +16031,47 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
           style: P({ gridRow: e.message.subText ? "2" : "1" })
         }, null, 12, jl)) : b("", !0),
         e.message.subText ? (c(), d("p", El, w(e.message.subText), 1)) : b("", !0),
-        l("div", {
+        o("div", {
           class: "text-message__content",
-          onMouseenter: o
+          onMouseenter: l
         }, [
-          l("p", {
-            innerHTML: A.value,
+          o("p", {
+            innerHTML: s.value,
             class: "text-message__text",
             onClick: i
           }, null, 8, Tl),
-          l("div", Vl, [
+          o("div", Vl, [
             e.message.views ? (c(), d("div", {
               key: 0,
               class: "text-message__views",
               onClick: m
             }, [
-              h[1] || (h[1] = l("span", { class: "pi pi-eye" }, null, -1)),
-              l("p", null, w(e.message.views), 1)
+              M[1] || (M[1] = o("span", { class: "pi pi-eye" }, null, -1)),
+              o("p", null, w(e.message.views), 1)
             ])) : b("", !0),
             e.message.time ? (c(), d("span", xl, w(e.message.time), 1)) : b("", !0),
-            p(e.message) === "text-message__right" && V(Pe).includes(e.message.status) ? (c(), d("div", {
+            p(e.message) === "text-message__right" && j(Pe).includes(e.message.status) ? (c(), d("div", {
               key: 2,
-              class: C(["text-message__status", g.value])
+              class: x(["text-message__status", g.value])
             }, [
               e.message.status !== "sent" ? (c(), d("span", Sl)) : b("", !0),
-              h[2] || (h[2] = l("span", { class: "pi pi-check" }, null, -1))
+              M[2] || (M[2] = o("span", { class: "pi pi-check" }, null, -1))
             ], 2)) : b("", !0)
           ]),
-          s.value && e.message.actions ? (c(), d("button", {
+          A.value && e.message.actions ? (c(), d("button", {
             key: 0,
             class: "text-message__menu-button",
-            onClick: h[0] || (h[0] = (y) => a.value = !a.value)
-          }, h[3] || (h[3] = [
-            l("span", { class: "pi pi-ellipsis-h" }, null, -1)
+            onClick: M[0] || (M[0] = (y) => a.value = !a.value)
+          }, M[3] || (M[3] = [
+            o("span", { class: "pi pi-ellipsis-h" }, null, -1)
           ]))) : b("", !0),
           L(q, null, {
             default: H(() => [
-              a.value && e.message.actions ? (c(), F(V(je), {
+              a.value && e.message.actions ? (c(), F(j(je), {
                 key: 0,
                 class: "text-message__context-menu",
                 actions: e.message.actions,
-                onClick: r
+                onClick: u
               }, null, 8, ["actions"])) : b("", !0)
             ]),
             _: 1
@@ -16072,7 +16080,7 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
       ], 42, Dl)
     ]));
   }
-}), Ol = /* @__PURE__ */ S(zl, [["__scopeId", "data-v-8acbeea8"]]), Cl = ["messageId"], Ll = ["src"], Ul = {
+}), Ol = /* @__PURE__ */ z(zl, [["__scopeId", "data-v-8acbeea8"]]), Cl = ["messageId"], Ll = ["src"], Ul = {
   key: 1,
   class: "audio-message__subtext"
 }, Bl = ["src"], Ql = { class: "audio-message__progress-bar-container" }, Rl = { class: "audio-message__remaining-time" }, Yl = { class: "audio-message__info-container" }, ql = { class: "audio-message__time" }, Hl = {
@@ -16090,19 +16098,19 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
     }
   },
   setup(e) {
-    const f = e, t = I(), n = I(!1), a = I(0), s = I(0), A = I(!1), i = I(!1), o = () => {
+    const f = e, t = I(), n = I(!1), a = I(0), A = I(0), s = I(!1), i = I(!1), l = () => {
       i.value = !0;
-    }, u = () => {
-      i.value = !1, A.value = !1;
+    }, r = () => {
+      i.value = !1, s.value = !1;
     }, g = () => {
-    }, r = U(() => $e(f.message.status));
+    }, u = U(() => $e(f.message.status));
     function m() {
       t.value && (n.value ? t.value.pause() : t.value.play(), n.value = !n.value);
     }
     const p = (k) => {
       const D = Math.floor(k / 60), N = Math.floor(k % 60);
       return `${D.toString().padStart(2, "0")}:${N.toString().padStart(2, "0")}`;
-    }, M = U(() => t.value ? p(s.value) : "0:00"), h = U(() => t.value ? p(a.value) : "0:00"), y = U(() => a.value > 0 ? s.value / a.value * 100 : 0);
+    }, h = U(() => t.value ? p(A.value) : "0:00"), M = U(() => t.value ? p(a.value) : "0:00"), y = U(() => a.value > 0 ? A.value / a.value * 100 : 0);
     function _(k) {
       return k.position === "left" ? "audio-message__left" : "audio-message__right";
     }
@@ -16110,12 +16118,12 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
       t.value != null && (t.value.addEventListener("loadedmetadata", () => {
         a.value = t.value != null ? t.value.duration : 0;
       }), t.value.addEventListener("timeupdate", () => {
-        s.value = t.value != null ? t.value.currentTime : 0;
+        A.value = t.value != null ? t.value.currentTime : 0;
       }));
     }), (k, D) => (c(), d("div", {
-      class: C(["audio-message", _(e.message)]),
+      class: x(["audio-message", _(e.message)]),
       messageId: e.message.messageId,
-      onMouseleave: u
+      onMouseleave: r
     }, [
       e.message.avatar ? (c(), d("img", {
         key: 0,
@@ -16126,66 +16134,66 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
         style: P({ gridRow: e.message.subText ? "2" : "1" })
       }, null, 12, Ll)) : b("", !0),
       e.message.subText ? (c(), d("p", Ul, w(e.message.subText), 1)) : b("", !0),
-      l("div", {
+      o("div", {
         class: "audio-message__content",
-        onMouseenter: o
+        onMouseenter: l
       }, [
-        l("audio", {
+        o("audio", {
           ref_key: "player",
           ref: t,
           src: e.message.url
         }, null, 8, Bl),
-        we(l("button", {
+        we(o("button", {
           class: "audio-message__play",
           onClick: m
         }, D[1] || (D[1] = [
-          l("span", { class: "pi pi-play" }, null, -1)
+          o("span", { class: "pi pi-play" }, null, -1)
         ]), 512), [
           [Df, !n.value]
         ]),
-        we(l("button", {
+        we(o("button", {
           class: "audio-message__pause",
           onClick: m
         }, D[2] || (D[2] = [
-          l("span", { class: "pi pi-pause" }, null, -1)
+          o("span", { class: "pi pi-pause" }, null, -1)
         ]), 512), [
           [Df, n.value]
         ]),
-        l("div", Ql, [
-          l("div", {
+        o("div", Ql, [
+          o("div", {
             class: "audio-message__progress-bar",
             style: P({ width: y.value + "%" })
           }, null, 4)
         ]),
-        l("p", Rl, w(`${M.value} / ${h.value}`), 1),
-        l("div", Yl, [
-          l("span", ql, w(e.message.time), 1),
-          _(e.message) === "audio-message__right" && V(Pe).includes(e.message.status) ? (c(), d("div", {
+        o("p", Rl, w(`${h.value} / ${M.value}`), 1),
+        o("div", Yl, [
+          o("span", ql, w(e.message.time), 1),
+          _(e.message) === "audio-message__right" && j(Pe).includes(e.message.status) ? (c(), d("div", {
             key: 0,
-            class: C(["audio-message__status", r.value])
+            class: x(["audio-message__status", u.value])
           }, [
             e.message.status !== "sent" ? (c(), d("span", Hl)) : b("", !0),
-            D[3] || (D[3] = l("span", { class: "pi pi-check" }, null, -1))
+            D[3] || (D[3] = o("span", { class: "pi pi-check" }, null, -1))
           ], 2)) : b("", !0)
         ]),
         i.value && e.message.actions ? (c(), d("button", {
           key: 0,
           class: "audio-message__menu-button",
-          onClick: D[0] || (D[0] = (N) => A.value = !A.value)
+          onClick: D[0] || (D[0] = (N) => s.value = !s.value)
         }, D[4] || (D[4] = [
-          l("span", { class: "pi pi-ellipsis-h" }, null, -1)
+          o("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : b("", !0),
-        l("a", {
+        o("a", {
           class: "audio-message__download-button",
           href: e.message.url,
           download: "",
           target: "_blank"
         }, D[5] || (D[5] = [
-          l("span", { class: "pi pi-download" }, null, -1)
+          o("span", { class: "pi pi-download" }, null, -1)
         ]), 8, Fl),
         L(q, null, {
           default: H(() => [
-            A.value && e.message.actions ? (c(), F(V(je), {
+            s.value && e.message.actions ? (c(), F(j(je), {
               key: 0,
               class: "audio-message__context-menu",
               actions: e.message.actions,
@@ -16195,12 +16203,12 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
           _: 1
         }),
         e.message.text ? (c(), d("div", Pl, [
-          l("p", null, w(e.message.text), 1)
+          o("p", null, w(e.message.text), 1)
         ])) : b("", !0)
       ], 32)
     ], 42, Cl));
   }
-}), Wl = /* @__PURE__ */ S($l, [["__scopeId", "data-v-d59f3c55"]]), Kl = { class: "date-message" }, Jl = { class: "date-message__container" }, Gl = { class: "date-message__text" }, Zl = /* @__PURE__ */ K({
+}), Wl = /* @__PURE__ */ z($l, [["__scopeId", "data-v-d59f3c55"]]), Kl = { class: "date-message" }, Jl = { class: "date-message__container" }, Gl = { class: "date-message__text" }, Zl = /* @__PURE__ */ K({
   __name: "DateMessage",
   props: {
     message: {
@@ -16212,12 +16220,12 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
   },
   setup(e) {
     return (f, t) => (c(), d("div", Kl, [
-      l("div", Jl, [
-        l("p", Gl, w(e.message.text), 1)
+      o("div", Jl, [
+        o("p", Gl, w(e.message.text), 1)
       ])
     ]));
   }
-}), Xl = /* @__PURE__ */ S(Zl, [["__scopeId", "data-v-b2b05bd8"]]), er = ["messageId"], fr = ["src"], tr = {
+}), Xl = /* @__PURE__ */ z(Zl, [["__scopeId", "data-v-b2b05bd8"]]), er = ["messageId"], fr = ["src"], tr = {
   key: 1,
   class: "video-message__subtext"
 }, nr = { class: "video-message__content" }, ar = ["src"], Ar = {
@@ -16245,23 +16253,23 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
   },
   setup(e) {
     const f = e;
-    function t(M) {
-      return M.position === "left" ? "video-message__left" : "video-message__right";
+    function t(h) {
+      return h.position === "left" ? "video-message__left" : "video-message__right";
     }
-    const n = I(), a = I(), s = I(!1), A = I(!1), i = I(!1), o = I(!1), u = () => {
+    const n = I(), a = I(), A = I(!1), s = I(!1), i = I(!1), l = I(!1), r = () => {
     }, g = () => {
-      i.value = !0, o.value = !0;
-    }, r = () => {
-      i.value = !1, A.value = !1;
+      i.value = !0, l.value = !0;
+    }, u = () => {
+      i.value = !1, s.value = !1;
     }, m = U(() => $e(f.message.status)), p = () => {
       a.value && (a.value.currentTime = 0, a.value.play());
     };
-    return Oe([n, a], ([M, h]) => {
-      M ? h && (h.pause(), h.currentTime = 0) : h && (h.play(), h.currentTime = 0);
-    }), (M, h) => (c(), d("div", {
-      class: C(["video-message", t(e.message)]),
+    return Oe([n, a], ([h, M]) => {
+      h ? M && (M.pause(), M.currentTime = 0) : M && (M.play(), M.currentTime = 0);
+    }), (h, M) => (c(), d("div", {
+      class: x(["video-message", t(e.message)]),
       messageId: e.message.messageId,
-      onMouseleave: r
+      onMouseleave: u
     }, [
       e.message.avatar ? (c(), d("img", {
         key: 0,
@@ -16271,14 +16279,14 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
         width: "32"
       }, null, 8, fr)) : b("", !0),
       e.message.subText ? (c(), d("p", tr, w(e.message.subText), 1)) : b("", !0),
-      l("div", nr, [
-        l("div", {
+      o("div", nr, [
+        o("div", {
           class: "video-message__preview-button",
-          onClick: h[0] || (h[0] = (y) => s.value = !0),
+          onClick: M[0] || (M[0] = (y) => A.value = !0),
           onMouseenter: g,
-          onMouseleave: h[1] || (h[1] = (y) => o.value = !o.value)
+          onMouseleave: M[1] || (M[1] = (y) => l.value = !l.value)
         }, [
-          l("video", {
+          o("video", {
             ref_key: "previewPlayer",
             ref: a,
             class: "video-message__video",
@@ -16290,18 +16298,18 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
           }, null, 44, ar),
           L(q, { name: "modal-fade" }, {
             default: H(() => [
-              o.value ? (c(), d("div", Ar, [
+              l.value ? (c(), d("div", Ar, [
                 e.message.views ? (c(), d("div", sr, [
-                  h[4] || (h[4] = l("span", { class: "pi pi-eye" }, null, -1)),
-                  l("p", null, w(e.message.views), 1)
+                  M[4] || (M[4] = o("span", { class: "pi pi-eye" }, null, -1)),
+                  o("p", null, w(e.message.views), 1)
                 ])) : b("", !0),
-                l("span", ir, w(e.message.time), 1),
-                t(e.message) === "video-message__right" && V(Pe).includes(e.message.status) ? (c(), d("div", {
+                o("span", ir, w(e.message.time), 1),
+                t(e.message) === "video-message__right" && j(Pe).includes(e.message.status) ? (c(), d("div", {
                   key: 1,
-                  class: C(["video-message__status", m.value])
+                  class: x(["video-message__status", m.value])
                 }, [
                   e.message.status !== "sent" ? (c(), d("span", or)) : b("", !0),
-                  h[5] || (h[5] = l("span", { class: "pi pi-check" }, null, -1))
+                  M[5] || (M[5] = o("span", { class: "pi pi-check" }, null, -1))
                 ], 2)) : b("", !0)
               ])) : b("", !0)
             ]),
@@ -16309,14 +16317,14 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
           }),
           L(q, { name: "modal-fade" }, {
             default: H(() => [
-              o.value ? (c(), d("a", {
+              l.value ? (c(), d("a", {
                 key: 0,
                 class: "video-message__download-button",
                 href: e.message.url,
                 download: "",
                 target: "_blank"
-              }, h[6] || (h[6] = [
-                l("span", { class: "pi pi-download" }, null, -1)
+              }, M[6] || (M[6] = [
+                o("span", { class: "pi pi-download" }, null, -1)
               ]), 8, lr)) : b("", !0)
             ]),
             _: 1
@@ -16327,42 +16335,42 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
             i.value && e.message.actions ? (c(), d("button", {
               key: 0,
               class: "video-message__menu-button",
-              onClick: h[2] || (h[2] = (y) => A.value = !A.value)
-            }, h[7] || (h[7] = [
-              l("span", { class: "pi pi-ellipsis-h" }, null, -1)
+              onClick: M[2] || (M[2] = (y) => s.value = !s.value)
+            }, M[7] || (M[7] = [
+              o("span", { class: "pi pi-ellipsis-h" }, null, -1)
             ]))) : b("", !0)
           ]),
           _: 1
         }),
         L(q, { name: "context-menu" }, {
           default: H(() => [
-            A.value && e.message.actions ? (c(), F(V(je), {
+            s.value && e.message.actions ? (c(), F(j(je), {
               key: 0,
               class: "video-message__context-menu",
               actions: e.message.actions,
-              onClick: u
+              onClick: r
             }, null, 8, ["actions"])) : b("", !0)
           ]),
           _: 1
         }),
         e.message.text ? (c(), d("div", rr, [
-          l("p", null, w(e.message.text), 1)
+          o("p", null, w(e.message.text), 1)
         ])) : b("", !0)
       ]),
-      (c(), F(zt, { to: "body" }, [
+      (c(), F(Ot, { to: "body" }, [
         L(q, { name: "modal-fade" }, {
           default: H(() => [
-            s.value ? (c(), d("div", ur, [
-              l("div", cr, [
-                l("button", {
+            A.value ? (c(), d("div", ur, [
+              o("div", cr, [
+                o("button", {
                   class: "video-message__modal-close-button",
-                  onClick: h[3] || (h[3] = (y) => s.value = !1)
-                }, h[8] || (h[8] = [
-                  l("span", null, [
-                    l("i", { class: "pi pi-times" })
+                  onClick: M[3] || (M[3] = (y) => A.value = !1)
+                }, M[8] || (M[8] = [
+                  o("span", null, [
+                    o("i", { class: "pi pi-times" })
                   ], -1)
                 ])),
-                l("video", {
+                o("video", {
                   ref_key: "player",
                   ref: n,
                   class: "video-message__modal-video",
@@ -16379,7 +16387,7 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
       ]))
     ], 42, er));
   }
-}), mr = /* @__PURE__ */ S(gr, [["__scopeId", "data-v-f71bed08"]]), pr = { class: "call-message" }, hr = ["messageId"], Mr = ["src"], yr = {
+}), mr = /* @__PURE__ */ z(gr, [["__scopeId", "data-v-f71bed08"]]), pr = { class: "call-message" }, hr = ["messageId"], Mr = ["src"], yr = {
   key: 1,
   class: "call-message__subtext"
 }, br = { class: "call-message__content" }, vr = {
@@ -16410,8 +16418,8 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
       return t.position === "left" ? "call-message__left" : "call-message__right";
     }
     return (t, n) => (c(), d("div", pr, [
-      l("div", {
-        class: C(f(e.message)),
+      o("div", {
+        class: x(f(e.message)),
         messageId: e.message.messageId
       }, [
         e.message.avatar ? (c(), d("img", {
@@ -16423,21 +16431,21 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
           style: P({ gridRow: e.message.subText ? "2" : "1" })
         }, null, 12, Mr)) : b("", !0),
         e.message.subText ? (c(), d("p", yr, w(e.message.subText), 1)) : b("", !0),
-        l("div", br, [
-          l("span", {
+        o("div", br, [
+          o("span", {
             class: "call-message__icon pi pi-phone",
             style: P({ color: e.message.isMissedCall ? "var(--p-red-500)" : "var(--neutral-100)" })
           }, null, 4),
           e.message.isMissedCall ? (c(), d("span", Ir, "Пропущенный аудиозвонок")) : (c(), d("span", vr, "Аудиозвонок")),
           e.message.callDuration ? (c(), d("span", _r, w(e.message.callDuration), 1)) : !e.message.callDuration && e.message.isMissedCall ? (c(), d("span", wr, "Нажмите, чтобы перезвонить")) : (c(), d("span", kr, "Нет ответа")),
-          l("div", Nr, [
-            l("span", Dr, w(e.message.time), 1)
+          o("div", Nr, [
+            o("span", Dr, w(e.message.time), 1)
           ])
         ])
       ], 10, hr)
     ]));
   }
-}), Er = /* @__PURE__ */ S(jr, [["__scopeId", "data-v-c2897961"]]), Tr = { class: "system-message" }, Vr = { class: "system-message__container" }, xr = { class: "system-message__text" }, Sr = /* @__PURE__ */ K({
+}), Er = /* @__PURE__ */ z(jr, [["__scopeId", "data-v-c2897961"]]), Tr = { class: "system-message" }, Vr = { class: "system-message__container" }, xr = { class: "system-message__text" }, Sr = /* @__PURE__ */ K({
   __name: "SystemMessage",
   props: {
     message: {
@@ -16447,12 +16455,12 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
   },
   setup(e) {
     return (f, t) => (c(), d("div", Tr, [
-      l("div", Vr, [
-        l("p", xr, w(e.message.text), 1)
+      o("div", Vr, [
+        o("p", xr, w(e.message.text), 1)
       ])
     ]));
   }
-}), zr = /* @__PURE__ */ S(Sr, [["__scopeId", "data-v-d0876c1e"]]), Or = { class: "typing-message" }, Cr = { class: "typing-message__container" }, Lr = ["src"], Ur = {
+}), zr = /* @__PURE__ */ z(Sr, [["__scopeId", "data-v-d0876c1e"]]), Or = { class: "typing-message" }, Cr = { class: "typing-message__container" }, Lr = ["src"], Ur = {
   key: 1,
   class: "typing-message__subtext"
 }, Br = /* @__PURE__ */ K({
@@ -16465,7 +16473,7 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
   },
   setup(e) {
     return (f, t) => (c(), d("div", Or, [
-      l("div", Cr, [
+      o("div", Cr, [
         e.message.avatar ? (c(), d("img", {
           key: 0,
           class: "typing-message__avatar",
@@ -16475,13 +16483,13 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
           style: P({ gridRow: e.message.subText ? "2" : "1" })
         }, null, 12, Lr)) : b("", !0),
         e.message.subText ? (c(), d("p", Ur, w(e.message.subText), 1)) : b("", !0),
-        t[0] || (t[0] = l("div", { class: "typing-message__loader-container" }, [
-          l("div", { class: "typing-message__loader" })
+        t[0] || (t[0] = o("div", { class: "typing-message__loader-container" }, [
+          o("div", { class: "typing-message__loader" })
         ], -1))
       ])
     ]));
   }
-}), zn = /* @__PURE__ */ S(Br, [["__scopeId", "data-v-88389095"]]), Qr = { class: "modal-backdrop" }, Rr = {
+}), On = /* @__PURE__ */ z(Br, [["__scopeId", "data-v-88389095"]]), Qr = { class: "modal-backdrop" }, Rr = {
   class: "modal",
   role: "dialog",
   "aria-labelledby": "modalTitle",
@@ -16493,28 +16501,28 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
   __name: "Modal",
   emits: ["close", "submit"],
   setup(e, { emit: f }) {
-    const t = f, n = (s) => {
-      t("submit", s);
+    const t = f, n = (A) => {
+      t("submit", A);
     }, a = I(null);
-    return (s, A) => (c(), F(q, { name: "modal-fade" }, {
+    return (A, s) => (c(), F(q, { name: "modal-fade" }, {
       default: H(() => [
-        l("div", Qr, [
-          l("div", Rr, [
-            l("div", Yr, [
-              G(s.$slots, "default", {}, void 0, !0)
+        o("div", Qr, [
+          o("div", Rr, [
+            o("div", Yr, [
+              G(A.$slots, "default", {}, void 0, !0)
             ]),
-            l("div", qr, [
-              l("button", {
+            o("div", qr, [
+              o("button", {
                 type: "button",
                 class: "btn-green",
                 "aria-label": "Close modal",
-                onClick: A[0] || (A[0] = (i) => n(a.value))
+                onClick: s[0] || (s[0] = (i) => n(a.value))
               }, " OK "),
-              l("button", {
+              o("button", {
                 type: "button",
                 class: "btn-green",
                 "aria-label": "Close modal",
-                onClick: A[1] || (A[1] = (i) => s.$emit("close"))
+                onClick: s[1] || (s[1] = (i) => A.$emit("close"))
               }, " Cancel ")
             ])
           ])
@@ -16523,28 +16531,28 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
       _: 3
     }));
   }
-}, Fr = /* @__PURE__ */ S(Hr, [["__scopeId", "data-v-d48a1772"]]);
-function Xt({ component: e, attrs: f }) {
+}, Fr = /* @__PURE__ */ z(Hr, [["__scopeId", "data-v-d48a1772"]]);
+function en({ component: e, attrs: f }) {
   return new Promise((t) => {
     const n = document.createElement("div");
     document.body.appendChild(n);
-    const a = I({}), s = () => {
-      u.unmount(), document.body.removeChild(n);
-    }, A = () => {
-      s(), t(a.value);
+    const a = I({}), A = () => {
+      r.unmount(), document.body.removeChild(n);
+    }, s = () => {
+      A(), t(a.value);
     }, i = (g) => {
-      const r = Object.keys(g)[0];
-      a.value[r] = g[r];
-    }, o = K({
+      const u = Object.keys(g)[0];
+      a.value[u] = g[u];
+    }, l = K({
       render() {
-        return rn(
+        return un(
           Fr,
           {
-            onSubmit: A,
-            onClose: s
+            onSubmit: s,
+            onClose: A
           },
           {
-            default: () => rn(
+            default: () => un(
               Da(() => e),
               {
                 ...f,
@@ -16554,14 +16562,14 @@ function Xt({ component: e, attrs: f }) {
           }
         );
       }
-    }), u = ja(o);
-    u.mount(n);
+    }), r = ja(l);
+    r.mount(n);
   });
 }
 const xu = async (e, f) => {
-  const t = await Xt({
+  const t = await en({
     //в component должен быть встроен emit change(key: value)
-    component: import("./SelectUser2-B3hBqgk7.js"),
+    component: import("./SelectUser2-DyHGD8g8.js"),
     attrs: {
       title: e,
       users: f
@@ -16569,7 +16577,7 @@ const xu = async (e, f) => {
   });
   return console.log("data", t), t;
 }, Su = async (e) => {
-  const f = await Xt({
+  const f = await en({
     //в component должен быть встроен emit change(key: value)
     component: import("./CreateChat-fkFKBxtQ.js"),
     attrs: {
@@ -16577,7 +16585,7 @@ const xu = async (e, f) => {
     }
   });
   return console.log("data", f), f;
-}, zu = async (e) => await Xt({
+}, zu = async (e) => await en({
   //в component должен быть встроен emit change(key: value)
   component: import("./CreateChat2-DgUQ2F5L.js"),
   attrs: {
@@ -16590,12 +16598,12 @@ const xu = async (e, f) => {
     width: String
   },
   setup(e) {
-    const f = Cn();
-    return Ot("chatAppId", f), (t, n) => (c(), d("div", {
+    const f = St();
+    return Ct("chatAppId", f), (t, n) => (c(), d("div", {
       class: "base",
-      id: V(f)
+      id: j(f)
     }, [
-      l("div", {
+      o("div", {
         class: "base__container",
         style: P({ height: e.height, width: e.width })
       }, [
@@ -16623,29 +16631,18 @@ const xu = async (e, f) => {
   },
   emits: ["close-window", "get-size"],
   setup(e, { emit: f }) {
-    const t = e, n = I({ x: 0, y: 0 }), a = I(null), s = I(null), A = I(!1), i = I(0), o = I(0), u = I(0), g = Cn();
-    Ot("chatAppId", g);
-    const r = () => {
-      if (a.value) {
-        const h = window.innerWidth, y = window.innerHeight, _ = a.value.offsetWidth, k = a.value.offsetHeight;
-        n.value.x = (h - _) / 2, n.value.y = (y - k) / 2;
-      }
-    }, m = (h) => {
-      A.value = !0, i.value = h.clientX - a.value.offsetLeft, o.value = h.clientY - a.value.offsetTop;
-    }, p = () => A.value = !1, M = (h) => {
-      if (A.value) {
-        const y = h.clientX - i.value, _ = h.clientY - o.value;
-        n.value.x = Math.max(
-          0,
-          Math.min(y, window.innerWidth - a.value.offsetWidth)
-        ), n.value.y = Math.max(
-          0,
-          Math.min(_, window.innerHeight - a.value.offsetHeight)
-        );
+    const t = e, n = I({ x: 0, y: 0 }), a = I(null), A = I(null), s = I(!1), i = I(0), l = I(0), r = I(0), g = St();
+    Ct("chatAppId", g);
+    const u = (h) => {
+      s.value = !0, i.value = h.clientX - a.value.offsetLeft, l.value = h.clientY - a.value.offsetTop;
+    }, m = () => s.value = !1, p = (h) => {
+      if (s.value) {
+        const M = h.clientX - i.value, y = h.clientY - l.value;
+        n.value.x = M, n.value.y = y;
       }
     };
     return Ne(() => {
-      r(), document.addEventListener("mousemove", M), window.addEventListener("resize", () => {
+      document.addEventListener("mousemove", p), window.addEventListener("resize", () => {
         n.value.x = Math.max(
           0,
           Math.min(
@@ -16659,30 +16656,30 @@ const xu = async (e, f) => {
             window.innerHeight - a.value.offsetHeight
           )
         );
-      }), u.value = a.value.offsetHeight - s.value.offsetHeight;
-    }), (h, y) => (c(), d("div", {
+      }), r.value = a.value.offsetHeight - A.value.offsetHeight;
+    }), (h, M) => (c(), d("div", {
       ref_key: "element",
       ref: a,
       class: "float-window",
-      id: V(g),
+      id: j(g),
       style: P({
         left: n.value.x + "px",
         top: n.value.y + "px",
-        userSelect: A.value ? "none" : "auto",
+        userSelect: s.value ? "none" : "auto",
         height: e.height,
         width: e.width,
         display: "flex"
       })
     }, [
-      l("div", Wr, [
-        l("div", {
+      o("div", Wr, [
+        o("div", {
           ref_key: "container",
-          ref: s,
+          ref: A,
           class: "float-window__controls",
           style: P({ backgroundColor: t.colorTitle ? t.colorTitle : "" }),
-          onMousedown: m,
-          onMouseup: p,
-          onMouseleave: p
+          onMousedown: u,
+          onMouseup: m,
+          onMouseleave: m
         }, [
           t.avatar ? (c(), d("img", {
             key: 0,
@@ -16690,79 +16687,79 @@ const xu = async (e, f) => {
             src: t.avatar,
             alt: t.title
           }, null, 8, Kr)) : b("", !0),
-          l("p", Jr, w(t.title), 1),
-          l("button", {
+          o("p", Jr, w(t.title), 1),
+          o("button", {
             class: "float-window__close-button",
-            onClick: y[0] || (y[0] = (_) => h.$emit("close-window"))
-          }, y[1] || (y[1] = [
-            l("span", { class: "pi pi-times" }, null, -1)
+            onClick: M[0] || (M[0] = (y) => h.$emit("close-window"))
+          }, M[1] || (M[1] = [
+            o("span", { class: "pi pi-times" }, null, -1)
           ]))
         ], 36),
-        l("div", {
+        o("div", {
           class: "float-window__content",
-          style: P({ height: u.value + "px" })
+          style: P({ height: r.value + "px" })
         }, [
           G(h.$slots, "default", {}, void 0, !0)
         ], 4)
       ])
     ], 12, $r));
   }
-}, Cu = /* @__PURE__ */ S(Gr, [["__scopeId", "data-v-fd6a6e32"]]), Zr = {}, Xr = { class: "base-layout__container" }, eu = { class: "base-layout__first-col" }, fu = { class: "base-layout__second-col" };
+}, Cu = /* @__PURE__ */ z(Gr, [["__scopeId", "data-v-efd0f13a"]]), Zr = {}, Xr = { class: "base-layout__container" }, eu = { class: "base-layout__first-col" }, fu = { class: "base-layout__second-col" };
 function tu(e, f) {
   return c(), d("div", Xr, [
-    l("div", eu, [
+    o("div", eu, [
       G(e.$slots, "first-col", {}, void 0, !0)
     ]),
-    l("div", fu, [
+    o("div", fu, [
       G(e.$slots, "second-col", {}, void 0, !0)
     ])
   ]);
 }
-const Lu = /* @__PURE__ */ S(Zr, [["render", tu], ["__scopeId", "data-v-93dc265d"]]), nu = { class: "extend-layout__container" }, au = { class: "extend-layout__first-col" }, Au = { class: "extend-layout__third-col" }, su = {
+const Lu = /* @__PURE__ */ z(Zr, [["render", tu], ["__scopeId", "data-v-93dc265d"]]), nu = { class: "extend-layout__container" }, au = { class: "extend-layout__first-col" }, Au = { class: "extend-layout__third-col" }, su = {
   __name: "ExtendedLayout",
   setup(e) {
     const f = I(null);
-    let t = I(!1), n = I(0), a = I(0), s = I(0);
-    const A = (u) => {
-      u.offsetX >= f.value.offsetWidth - 20 && (t.value = !0, n.value = f.value.offsetWidth, a.value = u.clientX, s.value = u.clientX, document.addEventListener("mousemove", i));
-    }, i = (u) => {
+    let t = I(!1), n = I(0), a = I(0), A = I(0);
+    const s = (r) => {
+      r.offsetX >= f.value.offsetWidth - 20 && (t.value = !0, n.value = f.value.offsetWidth, a.value = r.clientX, A.value = r.clientX, document.addEventListener("mousemove", i));
+    }, i = (r) => {
       if (t.value) {
-        const g = n.value + (u.clientX - s.value);
+        const g = n.value + (r.clientX - A.value);
         f.value.style.width = `${Math.max(270, g)}px`;
       }
-    }, o = () => {
+    }, l = () => {
       t.value = !1, document.removeEventListener("mousemove", i);
     };
     return Ne(() => {
       f.value && (f.value.style.width = "350px");
-    }), (u, g) => (c(), d("div", nu, [
-      l("div", au, [
-        G(u.$slots, "first-col", {}, void 0, !0)
+    }), (r, g) => (c(), d("div", nu, [
+      o("div", au, [
+        G(r.$slots, "first-col", {}, void 0, !0)
       ]),
-      l("div", {
+      o("div", {
         ref_key: "resizableDiv",
         ref: f,
         class: "extend-layout__second-col resizable-div",
-        style: P({ userSelect: V(t) ? "none" : "auto" }),
-        onMousedown: A,
-        onMouseup: o
+        style: P({ userSelect: j(t) ? "none" : "auto" }),
+        onMousedown: s,
+        onMouseup: l
       }, [
-        G(u.$slots, "second-col", {}, void 0, !0)
+        G(r.$slots, "second-col", {}, void 0, !0)
       ], 36),
-      l("div", Au, [
-        G(u.$slots, "third-col", {}, void 0, !0)
+      o("div", Au, [
+        G(r.$slots, "third-col", {}, void 0, !0)
       ])
     ]));
   }
-}, Uu = /* @__PURE__ */ S(su, [["__scopeId", "data-v-7c3b977d"]]), iu = {}, ou = { class: "base-layout__container" }, lu = { class: "base-layout__first-col" };
+}, Uu = /* @__PURE__ */ z(su, [["__scopeId", "data-v-7c3b977d"]]), iu = {}, ou = { class: "base-layout__container" }, lu = { class: "base-layout__first-col" };
 function ru(e, f) {
   return c(), d("div", ou, [
-    l("div", lu, [
+    o("div", lu, [
       G(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Bu = /* @__PURE__ */ S(iu, [["render", ru], ["__scopeId", "data-v-e71ea0ed"]]), uu = { class: "chat-wrapper" }, cu = {
+const Bu = /* @__PURE__ */ z(iu, [["render", ru], ["__scopeId", "data-v-e71ea0ed"]]), uu = { class: "chat-wrapper" }, cu = {
   key: 0,
   class: "chat-wrapper__selected-chat"
 }, du = {
@@ -16785,7 +16782,7 @@ const Bu = /* @__PURE__ */ S(iu, [["render", ru], ["__scopeId", "data-v-e71ea0ed
       e.isSelectedChat ? (c(), d("div", cu, [
         G(f.$slots, "default", {}, void 0, !0)
       ])) : (c(), d("div", du, [
-        l("p", null, w(V(Se)("layout.ChatWrapper.noSelectedChat")), 1)
+        o("p", null, w(j(Se)("layout.ChatWrapper.noSelectedChat")), 1)
       ])),
       e.isOpenChatPanel ? (c(), d("div", {
         key: 2,
@@ -16796,7 +16793,7 @@ const Bu = /* @__PURE__ */ S(iu, [["render", ru], ["__scopeId", "data-v-e71ea0ed
       ], 4)) : b("", !0)
     ]));
   }
-}), Qu = /* @__PURE__ */ S(gu, [["__scopeId", "data-v-12c6a622"]]);
+}), Qu = /* @__PURE__ */ z(gu, [["__scopeId", "data-v-12c6a622"]]);
 export {
   Wl as A,
   Un as B,
@@ -16807,15 +16804,15 @@ export {
   _u as G,
   wu as H,
   ol as I,
-  cn as J,
+  dn as J,
   Pe as K,
   $e as L,
   zr as S,
   Ol as T,
   bu as U,
   mr as V,
-  S as _,
-  zn as a,
+  z as _,
+  On as a,
   pu as b,
   hu as c,
   Mu as d,