@mobilon-dev/chotto 0.0.53 → 0.0.55

package/dist/{index-C_k4NBaT.js → index-CPyyPxgF.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 r, toDisplayString as w, createCommentVNode as b, renderSlot as G, ref as I, inject as be, watch as Oe, nextTick as vt, unref as D, withDirectives as Ne, withKeys as Ma, vModelText as xt, normalizeClass as x, createVNode as L, Transition as H, withCtx as F, createBlock as P, Fragment as $, renderList as Z, defineComponent as K, onUpdated as ya, resolveDynamicComponent as ba, normalizeStyle as q, useId as St, onMounted as pe, 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, [
+      r("div", Ta, [
         t.chat.avatar ? (c(), d("img", {
           key: 0,
           src: t.chat.avatar,
@@ -33,52 +33,52 @@ const S = (e, f) => {
           height: "48"
         }, null, 8, Va)) : (c(), d("span", xa))
       ]),
-      l("div", Sa, [
-        l("h2", za, w(e.chat.name), 1),
+      r("div", Sa, [
+        r("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, [
+      r("div", Ca, [
         G(n.$slots, "actions", {}, void 0, !0)
       ])
     ])) : b("", !0);
   }
-}, pu = /* @__PURE__ */ S(La, [["__scopeId", "data-v-e1d212c7"]]), he = I([]), At = (e) => {
+}, gu = /* @__PURE__ */ z(La, [["__scopeId", "data-v-e1d212c7"]]), Me = I([]), At = (e) => {
   const f = I(0);
-  let t = he.value.find(({ id: o }) => o == e);
-  t != null ? f.value = he.value.indexOf(t) : (he.value.push({
+  let t = Me.value.find(({ id: o }) => o == e);
+  t != null ? f.value = Me.value.indexOf(t) : (Me.value.push({
     id: e,
     text: "",
     file: void 0
-  }), f.value = he.value.length - 1);
+  }), f.value = Me.value.length - 1);
   const n = () => {
-    he.value[f.value] = {
+    Me.value[f.value] = {
       id: i().id,
       text: "",
       file: void 0
     };
   }, a = (o) => {
-    he.value[f.value] = {
+    Me.value[f.value] = {
       id: i().id,
       text: o,
       file: i().file
     };
-  }, s = (o) => {
-    he.value[f.value] = {
+  }, A = (o) => {
+    Me.value[f.value] = {
       id: i().id,
       text: i().text,
       file: o
     };
-  }, A = () => {
-    he.value[f.value] = {
+  }, s = () => {
+    Me.value[f.value] = {
       id: i().id,
       text: i().text,
       file: void 0
     };
   };
   function i() {
-    return he.value[f.value];
+    return Me.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 = be("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 o = (u) => {
+      t("typing", u.target.value);
+    }, l = (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(), D(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, [
+      r("div", qa, [
+        r("div", {
+          id: "chat-input-first-line-" + D(n),
           class: "chat-input__first-line"
         }, null, 8, Ha),
-        l("div", Fa, [
-          we(l("textarea", {
+        r("div", Fa, [
+          Ne(r("textarea", {
             ref_key: "refInput",
             ref: i,
-            "onUpdate:modelValue": m[0] || (m[0] = (p) => V(s)().text = p),
+            "onUpdate:modelValue": m[0] || (m[0] = (p) => D(A)().text = p),
             class: "chat-input__input",
-            placeholder: V(Se)("component.ChatInput.InputPlaceholder"),
-            onKeydown: Ma(u, ["enter"]),
+            placeholder: D(Se)("component.ChatInput.InputPlaceholder"),
+            onKeydown: Ma(l, ["enter"]),
             onInput: o
           }, null, 40, Pa), [
-            [xt, V(s)().text]
+            [xt, D(A)().text]
           ]),
-          l("button", {
-            class: C(["chat-input__button-send", { "chat-input__button-send-disabled": V(s)().text == "" && !V(s)().file }]),
+          r("button", {
+            class: x(["chat-input__button-send", { "chat-input__button-send-disabled": D(A)().text == "" && !D(A)().file }]),
             onClick: g
           }, m[1] || (m[1] = [
-            l("span", { class: "pi pi-send" }, null, -1)
+            r("span", { class: "pi pi-send" }, null, -1)
           ]), 2)
         ]),
-        l("div", $a, [
-          G(r.$slots, "buttons", {}, void 0, !0)
+        r("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 = {
+}, mu = /* @__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);
+    }, o = () => 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)), l = (u) => {
+      t.value = u;
+    }, g = (u) => s("action", u);
+    return (u, m) => (c(), d("div", Ka, [
+      r("div", {
         class: "chat-list__title-container",
         onMouseleave: a
       }, [
-        l("h2", Ja, w(V(Se)("component.ChatList.Title")), 1),
+        r("h2", Ja, w(D(Se)("component.ChatList.Title")), 1),
         e.actions.length ? (c(), d("button", {
           key: 0,
           class: "chat-list__button-actions",
@@ -247,9 +247,9 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
         }, [
           n.value ? (c(), d("span", Ga)) : (c(), d("span", Za))
         ])) : b("", !0),
-        L(q, null, {
-          default: H(() => [
-            n.value && e.actions ? (c(), F(V(je), {
+        L(H, null, {
+          default: F(() => [
+            n.value && e.actions ? (c(), P(D(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(), P(D(_s), {
         key: 0,
         class: "chat-list__filter",
-        onUpdate: u
+        onUpdate: l
       })) : b("", !0),
-      l("div", Xa, [
-        l("div", eA, [
-          (c(!0), d($, null, Z(o().filter((p) => p.isFixedTop), (p) => (c(), F(V(dt), {
+      r("div", Xa, [
+        r("div", eA, [
+          (c(!0), d($, null, Z(o().filter((p) => p.isFixedTop), (p) => (c(), P(D(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), {
+        r("div", fA, [
+          (c(!0), d($, null, Z(o().filter((p) => !p.isFixedBottom && !p.isFixedTop), (p) => (c(), P(D(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), {
+        r("div", tA, [
+          (c(!0), d($, null, Z(o().filter((p) => p.isFixedBottom), (p) => (c(), P(D(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 = {
+}, pu = /* @__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 = D(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,61 +335,61 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
       "message.call": Er,
       "message.system": zr,
       "system.date": Xl,
-      "message.typing": zn
-    })[r];
+      "message.typing": On
+    })[u];
     function o() {
       a.isScrollToBottomOnUpdateObjectsEnabled && vt(function() {
-        const r = V(t);
-        r.scrollTop = r.scrollHeight;
+        const u = D(t);
+        u.scrollTop = u.scrollHeight;
       });
     }
-    function u() {
+    function l() {
       vt(function() {
-        const r = V(t);
-        r.scrollTop = r.scrollHeight;
+        const u = D(t);
+        u.scrollTop = u.scrollHeight;
       });
     }
     ya(() => o), Oe(() => a.objects, o);
-    const g = (r) => {
-      s("messageAction", r);
+    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, [
-        (c(!0), d($, null, Z(e.objects, (p) => (c(), F(ba(i(p.type)), {
+      r("div", aA, [
+        (c(!0), d($, null, Z(e.objects, (p) => (c(), P(ba(i(p.type)), {
           key: p.messageId,
           class: "message-feed__message",
           message: p,
           onAction: g
         }, null, 40, ["message"]))), 128))
       ]),
-      e.typing ? (c(), F(V(zn), {
+      e.typing ? (c(), P(D(On), {
         key: 0,
         message: {
           subText: e.typing.title,
           avatar: e.typing.avatar
         }
       }, null, 8, ["message"])) : b("", !0),
-      L(q, null, {
-        default: H(() => [
+      L(H, null, {
+        default: F(() => [
           n.value ? (c(), d("button", {
             key: 0,
             class: "message-feed__button-down",
-            onClick: u
+            onClick: l
           }, [
             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] = r("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 = {
+}), hu = /* @__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", {
+          r("span", {
             class: "profile__status",
-            style: P({ backgroundColor: e.user.status })
+            style: q({ backgroundColor: e.user.status })
           }, null, 4),
-          l("img", {
+          r("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)
+        r("h2", uA, w(e.user.name), 1),
+        r("p", cA, w(e.user.email), 1),
+        r("p", dA, w(e.user.phone), 1)
       ])) : b("", !0)
     ]));
   }
-}, bu = /* @__PURE__ */ S(gA, [["__scopeId", "data-v-04a5ab7d"]]), mA = ["id"], pA = {
+}, Mu = /* @__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"));
+    const t = e, n = St(), a = f, A = I(null), s = I(null), i = (m) => {
+      A.value.$el.style.display = "none", a("click", m);
     }, 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");
+      t.disabled || (t.mode == "click" && (A.value.$el.style.display = "inherit"), a("buttonClick"));
+    }, l = () => {
+      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 = {
+    return pe(() => {
+      const m = {
         top: {
           h: -1,
           w: -0.25
@@ -493,60 +488,60 @@ 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-" + D(n),
       ref_key: "actionScope",
       ref: s,
       style: { position: "relative", width: "fit-content" }
     }, [
-      l("div", {
-        class: C(["button", {
+      r("div", {
+        class: x(["button", {
           "disabled-button": e.disabled
         }]),
-        onClick: i,
-        onMouseover: o,
-        onMouseout: u
+        onClick: o,
+        onMouseover: l,
+        onMouseout: g
       }, [
-        l("span", {
-          class: C(e.buttonClass)
+        r("span", {
+          class: x(e.buttonClass)
         }, w(e.buttonTitle), 3)
       ], 34),
-      L(V(je), {
-        id: "context-menu-" + t.contextMenuKey,
+      L(D(je), {
+        id: "context-menu-" + D(n),
         ref_key: "contextMenu",
-        ref: a,
+        ref: A,
         actions: e.actions,
-        onMouseover: o,
-        onMouseout: u,
-        onClick: A
+        onMouseover: l,
+        onMouseout: g,
+        onClick: i
       }, null, 8, ["id", "actions"])
     ], 8, mA));
   }
-}, Un = /* @__PURE__ */ S(pA, [["__scopeId", "data-v-13e9def7"]]);
-function vu(e) {
+}, Un = /* @__PURE__ */ z(pA, [["__scopeId", "data-v-febe2c45"]]);
+function yu(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 bu = (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 () => {
+}, vu = async () => {
   try {
     if (await navigator.mediaDevices.getUserMedia({ audio: !0 })) {
       const f = new Audio();
@@ -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) => {
+}, Iu = (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, [
+      r("div", MA, [
         t.isImage ? (c(), d("div", yA, [
-          l("img", {
+          r("img", {
             src: e.previewUrl,
             alt: "Image Preview",
             class: "preview__image"
           }, null, 8, bA)
         ])) : t.isVideo ? (c(), d("div", vA, [
-          l("video", {
+          r("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] = [
+          r("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] = [
+          r("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)
+      r("div", kA, [
+        r("div", NA, [
+          r("span", DA, w(e.fileName), 1),
+          r("span", jA, w(e.fileSize), 1)
         ]),
-        l("span", {
+        r("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: h } = At(r), M = [
+    const t = e, n = I(null), a = I(""), A = I(""), s = I(!1), i = I(!1), o = I(!1), l = I(null), g = I(""), u = be("chatAppId"), { setMessageFile: m, resetMessageFile: p, getMessage: h } = At(u), M = [
       {
         action: "audio/*",
         title: "Аудио",
@@ -670,92 +669,91 @@ const Iu = (e) => {
         prime: "file"
       }
     ], y = U(() => !h().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());
-    }, 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) {
+      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 && (j(), N());
+    }, j = () => {
+      const T = n.value, O = dn(T.type);
+      if (s.value = !1, i.value = !1, o.value = !1, O === "image" ? s.value = !0 : O === "video" ? i.value = !0 : O === "audio" && (o.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) => {
+      l.value && y && (l.value.accept = T.action, l.value.click());
+    }, S = () => {
+      l.value && y && t.state == "active" && l.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)
-        ]))) : (c(), F(Un, {
+    return (T, O) => (c(), d($, null, [
+      r("div", VA, [
+        a.value === "uploading" ? (c(), d("div", xA, O[0] || (O[0] = [
+          r("p", null, "Загрузка файла...", -1)
+        ]))) : a.value === "error" ? (c(), d("div", SA, O[1] || (O[1] = [
+          r("p", null, "Ошибка при загрузке файла.", -1)
+        ]))) : (c(), P(Un, {
           key: 2,
           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", {
+        r("input", {
           ref_key: "fileInput",
-          ref: u,
+          ref: l,
           style: { display: "none" },
           type: "file",
           onChange: k
         }, null, 544)
       ]),
-      V(h)().file ? (c(), F(zt, {
+      D(h)().file ? (c(), P(Ot, {
         key: 0,
-        to: "#chat-input-first-line-" + V(r)
+        to: "#chat-input-first-line-" + D(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(h)().file.name,
+          "file-name": D(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 = {
+}, _u = /* @__PURE__ */ z(zA, [["__scopeId", "data-v-1cdabe09"]]), OA = { key: 0 }, CA = ["value", "selected"], LA = {
   __name: "ThemeMode",
   props: {
     themes: {
@@ -765,31 +763,31 @@ const Iu = (e) => {
     show: Boolean
   },
   setup(e) {
-    const f = e, t = () => {
-      const s = f.themes.find((A) => A.default === !0);
+    const f = e, t = be("chatAppId"), n = () => {
+      const s = f.themes.find((i) => i.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 i = s.target.value;
+      A(i);
+    }, A = (s) => {
+      document.getElementById(t).dataset.theme = s;
     };
-    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))
+    return pe(() => {
+      const s = n();
+      A(s);
+    }), (s, i) => e.show ? (c(), d("div", OA, [
+      r("select", {
+        onChange: i[0] || (i[0] = (o) => a(o))
       }, [
-        (c(!0), d($, null, Z(f.themes, (i, o) => (c(), d("option", {
-          key: o,
-          value: i.code,
-          selected: i.default === !0
-        }, w(i.name), 9, CA))), 128))
+        (c(!0), d($, null, Z(f.themes, (o, l) => (c(), d("option", {
+          key: l,
+          value: o.code,
+          selected: o.default === !0
+        }, w(o.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 = {
+}, wu = /* @__PURE__ */ z(LA, [["__scopeId", "data-v-a950b8eb"]]), 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);
+    const n = va(e, "sidebarItems"), a = f, A = (i) => {
+      const o = n.value.find((l) => l.itemId === i);
       a("selectItem", o);
-    }, A = (i) => {
+    }, s = (i) => {
       const o = i.split(" ");
       return o.length > 2 ? o.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", {
+      r("div", BA, [
+        r("ul", QA, [
+          (c(!0), d($, null, Z(n.value.filter((l) => !l.isFixedBottom), (l, g) => (c(), d("li", {
             key: g,
             class: "sidebar__item",
-            onClick: (r) => s(u.itemId)
+            onClick: (u) => A(l.itemId)
           }, [
-            l("img", {
-              src: u.icon,
-              alt: u.name,
-              class: C(["sidebar__image", { "sidebar__image--active": u.selected === !0 }])
+            r("img", {
+              src: l.icon,
+              alt: l.name,
+              class: x(["sidebar__image", { "sidebar__image--active": l.selected === !0 }])
             }, null, 10, YA),
-            u.notificationCount ? (c(), d("span", {
+            l.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: q({ backgroundColor: l.notificationColor ? l.notificationColor : "red" })
+            }, w(l.notificationCount > 99 ? "99+" : l.notificationCount), 5)) : b("", !0),
+            l.name ? (c(), d("p", qA, w(s(l.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", {
+        r("ul", HA, [
+          (c(!0), d($, null, Z(n.value.filter((l) => l.isFixedBottom), (l, g) => (c(), d("li", {
             key: g,
             class: "sidebar__item",
-            onClick: (r) => s(u.itemId)
+            onClick: (u) => A(l.itemId)
           }, [
-            l("img", {
-              src: u.icon,
-              alt: u.name,
-              class: C(["sidebar__image", { "sidebar__image--active": u.selected === !0 }])
+            r("img", {
+              src: l.icon,
+              alt: l.name,
+              class: x(["sidebar__image", { "sidebar__image--active": l.selected === !0 }])
             }, null, 10, PA),
-            u.notificationCount ? (c(), d("span", {
+            l.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: q({ backgroundColor: l.notificationColor ? l.notificationColor : "red" })
+            }, w(l.notificationCount > 99 ? "99+" : l.notificationCount), 5)) : b("", !0),
+            l.name ? (c(), d("p", $A, w(s(l.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 = {
+}, ku = /* @__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, [
+      r("div", JA, [
         e.title ? (c(), d("p", GA, w(e.title), 1)) : b("", !0),
-        l("button", {
+        r("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)
+          r("span", { class: "pi pi-times" }, null, -1)
         ]))
       ]),
-      l("div", null, [
+      r("div", null, [
         G(t.$slots, "content", {}, void 0, !0)
       ])
     ]));
   }
-}, ju = /* @__PURE__ */ S(ZA, [["__scopeId", "data-v-1f6ac199"]]), XA = { class: "channels__container" }, es = {
+}, Nu = /* @__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, o) => (c(), d("div", XA, [
+      r("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", {
+            r("img", {
               src: A.value.icon
             }, null, 8, ts)
           ])) : b("", !0),
-          l("span", ns, w(A.value.title), 1)
+          r("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 = {
+}, Du = /* @__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,13 +963,13 @@ 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 = () => {
+    }, i = I(!1), o = I(!1), l = () => {
       o.value = !0;
     }, g = () => {
       o.value = !1, i.value = !1;
-    }, r = U(() => $e(t.chat["lastMessage.status"]));
+    }, u = U(() => $e(t.chat["lastMessage.status"]));
     let m;
     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(
@@ -981,18 +981,18 @@ const Iu = (e) => {
       },
       { immediate: !0 }
     ), (y, _) => (c(), d("div", {
-      class: C(s()),
+      class: x(A()),
       onClick: a
     }, [
-      l("div", {
+      r("div", {
         class: "chat-item__container",
-        onMouseenter: u,
+        onMouseenter: l,
         onMouseleave: g
       }, [
-        l("div", ss, [
-          l("span", {
+        r("div", ss, [
+          r("span", {
             class: "chat-item__status-user",
-            style: P({ backgroundColor: t.chat.status })
+            style: q({ backgroundColor: t.chat.status })
           }, null, 4),
           t.chat.avatar ? (c(), d("img", {
             key: 0,
@@ -1001,11 +1001,11 @@ const Iu = (e) => {
             width: "48"
           }, null, 8, is)) : (c(), d("span", os))
         ]),
-        l("div", ls, [
-          l("div", rs, w(e.chat.name), 1),
+        r("div", ls, [
+          r("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, [
+        r("div", cs, [
           e.chat["lastActivity.time"] && !o.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", {
@@ -1013,26 +1013,26 @@ const Iu = (e) => {
             class: "chat-item__menu-button",
             onClick: _[0] || (_[0] = (k) => i.value = !i.value)
           }, _[1] || (_[1] = [
-            l("span", { class: "pi pi-ellipsis-h" }, null, -1)
+            r("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", {
+            D(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] = r("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), {
+        L(H, { name: "menu" }, {
+          default: F(() => [
+            i.value && e.chat.actions ? (c(), P(D(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 = D(t);
+      n("update", A.value);
     };
-    return (s, A) => (c(), d("div", ys, [
-      l("div", bs, [
-        l("input", {
+    return (A, s) => (c(), d("div", ys, [
+      r("div", bs, [
+        r("input", {
           ref_key: "refInput",
           ref: t,
           class: "chat-filter__input",
           type: "text",
-          placeholder: V(Se)("component.ChatFilter.InputPlaceholder"),
+          placeholder: D(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,38 +1089,38 @@ 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 = (h) => {
+    const t = e, n = be("chatAppId"), { setMessageText: a } = At(n), A = () => {
+      s("closeTemplateWindow"), a(o.value.template);
+    }, s = f, i = I(null), o = I(null), l = I(""), g = (h) => {
       t.templates.forEach((M) => M.isSelected = !1), h.isSelected = !0, o.value = h;
-    }, r = () => {
+    }, 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 = u.value.trim().toLowerCase();
+      const h = l.value.trim().toLowerCase();
       return m.value.filter((M) => (console.log(M), M.title.toLowerCase().includes(h) || M.template.toLowerCase().includes(h)));
     });
     return (h, M) => (c(), d("div", ws, [
-      l("div", ks, [
-        l("button", Ns, [
-          l("span", {
+      r("div", ks, [
+        r("button", Ns, [
+          r("span", {
             class: "pi pi-times",
             onClick: M[0] || (M[0] = (y) => h.$emit("closeTemplateWindow"))
           })
         ]),
-        l("ul", Ds, [
+        r("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, [
+            r("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", {
+              Ne(r("input", {
                 id: _,
                 "onUpdate:modelValue": M[1] || (M[1] = (k) => i.value = k),
                 value: y,
@@ -1129,50 +1129,50 @@ const Iu = (e) => {
               }, null, 8, Ts), [
                 [Ia, i.value]
               ]),
-              l("span", null, w(y.title), 1)
+              r("span", null, w(y.title), 1)
             ])
           ], 2))), 128))
         ]),
-        l("div", Vs, [
-          we(l("input", {
-            "onUpdate:modelValue": M[2] || (M[2] = (y) => u.value = y),
+        r("div", Vs, [
+          Ne(r("input", {
+            "onUpdate:modelValue": M[2] || (M[2] = (y) => l.value = y),
             class: "template-selector__searching-input",
             type: "text",
             placeholder: "Поиск шаблона"
           }, null, 512), [
-            [xt, u.value]
+            [xt, l.value]
           ])
         ]),
-        l("div", xs, [
+        r("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)
+              r("div", Os, [
+                r("p", Cs, w(y.title), 1),
+                r("p", Ls, w(y.template), 1)
               ])
             ], 10, zs))), 128))
           ])) : (c(), d("p", Us, " Шаблоны отсутствуют "))
         ]),
-        l("div", Bs, [
+        r("div", Bs, [
           o.value ? (c(), d("div", Qs, [
-            l("div", Rs, [
-              l("p", Ys, w(o.value.template), 1),
-              M[3] || (M[3] = l("p", { class: "template-selector__preview-time" }, " 22:22 ", -1))
+            r("div", Rs, [
+              r("p", Ys, w(o.value.template), 1),
+              M[3] || (M[3] = r("p", { class: "template-selector__preview-time" }, " 22:22 ", -1))
             ])
           ])) : (c(), d("p", qs, " Предпросмотр шаблона "))
         ]),
-        l("button", {
+        r("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,42 +1189,46 @@ 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");
+      f.mode == "hover" && f.state == "active" && (n.value.style.display = "inherit");
+    }, s = () => {
+      f.mode == "hover" && f.state == "active" && (n.value.style.display = "none");
+    }, i = (l) => {
+      f.mode == "click" && !t.value.contains(l.target) && !n.value.contains(l.target) && (n.value.style.display = "none");
     }, o = () => {
       n.value.style.display = "none";
     };
-    return Ne(() => {
+    return pe(() => {
       n.value.style.display = "none", document.addEventListener("click", i);
-    }), St(() => {
+    }), zt(() => {
       document.removeEventListener("click", i);
-    }), (u, g) => (c(), d($, null, [
-      l("button", {
+    }), (l, g) => (c(), d($, null, [
+      r("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),
-      L(q, null, {
-        default: H(() => [
-          l("div", {
+        r("span", { class: "pi pi-objects-column" }, null, -1)
+      ]), 34),
+      L(H, null, {
+        default: F(() => [
+          r("div", {
             ref_key: "template",
             ref: n,
-            onMouseover: s,
-            onMouseout: A
+            onMouseover: A,
+            onMouseout: s
           }, [
             L(Fs, {
               templates: e.templates,
@@ -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 = {
+}, ju = /* @__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(ke(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);
 }
@@ -13300,7 +13304,7 @@ let _t = {
       if (f === "store")
         return t.objectStoreNames[1] ? void 0 : t.objectStore(t.objectStoreNames[0]);
     }
-    return _e(e[f]);
+    return ke(e[f]);
   },
   set(e, f, t) {
     return e[f] = t, !0;
@@ -13315,40 +13319,40 @@ function pi(e) {
 function hi(e) {
   return e === IDBDatabase.prototype.transaction && !("objectStoreNames" in IDBTransaction.prototype) ? function(f, ...t) {
     const n = e.call(mt(this), f, ...t);
-    return qn.set(n, f.sort ? f.sort() : [f]), _e(n);
+    return qn.set(n, f.sort ? f.sort() : [f]), ke(n);
   } : di().includes(e) ? function(...f) {
-    return e.apply(mt(this), f), _e(Yn.get(this));
+    return e.apply(mt(this), f), ke(Yn.get(this));
   } : function(...f) {
-    return _e(e.apply(mt(this), f));
+    return ke(e.apply(mt(this), f));
   };
 }
 function Mi(e) {
   return typeof e == "function" ? hi(e) : (e instanceof IDBTransaction && mi(e), ui(e, ci()) ? new Proxy(e, _t) : e);
 }
-function _e(e) {
+function ke(e) {
   if (e instanceof IDBRequest)
     return gi(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(
+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 = ke(s);
+  return n && s.addEventListener("upgradeneeded", (o) => {
+    n(ke(s.result), o.oldVersion, o.newVersion, ke(s.transaction), o);
+  }), t && s.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));
+    A && o.addEventListener("close", () => A()), a && o.addEventListener("versionchange", (l) => a(l.oldVersion, l.newVersion, l));
   }).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),
+  const A = async function(s, ...i) {
+    const o = this.transaction(s, a ? "readwrite" : "readonly");
+    let l = o.store;
+    return n && (l = l.index(i.shift())), (await Promise.all([
+      l[t](...i),
       a && o.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, l();
     });
   }
-  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;
+  }, o = (u) => {
+    e.options = Object.assign({}, e.options, u), f();
   };
-  async function u() {
-    (await Lt(Ut, Bt)).transaction(Be, "readwrite").objectStore(Be).put({
+  async function l() {
+    (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((h) => h.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), l();
   };
   return {
     state: Na(e),
     updateSearch: a,
-    updateEmoji: s,
-    updateActiveGroup: A,
+    updateEmoji: A,
+    updateActiveGroup: s,
     updateSkinTone: i,
     updateOptions: o,
     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,10 +13544,10 @@ 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(o, l) {
+        return o[l] = "", o;
       }, {});
-      !Ae(a) || !ge(a) || (Object.assign(a.style, i), Object.keys(s).forEach(function(o) {
+      !Ae(a) || !ge(a) || (Object.assign(a.style, i), Object.keys(A).forEach(function(o) {
         a.removeAttribute(o);
       }));
     });
@@ -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, h = o === "y" ? se : ie, M = 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 = M / 2 - y / 2, N = r[p], j = k - m[g] - r[h], 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), o = qt(i), l = [ee, ie].indexOf(i) >= 0, g = l ? "height" : "width";
+  if (!(!A || !s)) {
+    var u = qi(a.padding, t), m = Yt(A), p = o === "y" ? X : ee, h = o === "y" ? se : ie, M = t.rects.reference[g] + t.rects.reference[o] - s[o] - t.rects.popper[g], y = s[o] - t.rects.reference[o], _ = lf(A), k = _ ? o === "y" ? _.clientHeight || 0 : _.clientWidth || 0 : 0, j = M / 2 - y / 2, N = u[p], E = k - m[g] - u[h], S = k / 2 - m[g] / 2 + j, T = Ge(N, S, E), O = o;
+    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, h = p === void 0 ? 0 : p, M = m.y, y = M === void 0 ? 0 : M, _ = 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, o = e.gpuAcceleration, l = 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"), j = ee, N = X, E = window;
+  if (l) {
+    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];
+      var Q = u && E.visualViewport ? E.visualViewport.height : S[T];
       y -= Q - n.height, y *= o ? 1 : -1;
     }
-    if (a === ee || (a === X || a === se) && s === nf) {
-      D = ie;
-      var O = r && j.visualViewport ? j.visualViewport.width : x[z];
-      h -= O - n.width, h *= o ? 1 : -1;
+    if (a === ee || (a === X || a === se) && A === nf) {
+      j = ie;
+      var C = u && E.visualViewport ? E.visualViewport.width : S[O];
+      h -= C - n.width, h *= o ? 1 : -1;
     }
   }
   var B = Object.assign({
     position: i
-  }, u && $i);
+  }, l && $i);
   if (o) {
     var R;
-    return Object.assign({}, B, (R = {}, R[N] = k ? "0" : "", R[D] = _ ? "0" : "", R.transform = (j.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + y + "px)" : "translate3d(" + h + "px, " + y + "px, 0)", R));
+    return Object.assign({}, B, (R = {}, R[N] = k ? "0" : "", R[j] = _ ? "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] = _ ? h + "px" : "", f.transform = "", f));
+  return Object.assign({}, B, (f = {}, f[N] = k ? y + "px" : "", f[j] = _ ? 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, o = i === void 0 ? !0 : i, l = {
     placement: de(f.placement),
     variation: He(f.placement),
     popper: f.elements.popper,
@@ -13737,12 +13741,12 @@ 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({}, l, {
     offsets: f.modifiersData.popperOffsets,
     position: f.options.strategy,
-    adaptive: A,
+    adaptive: s,
     roundOffsets: o
-  })))), f.modifiersData.arrow != null && (f.styles.arrow = Object.assign({}, f.styles.arrow, yn(Object.assign({}, u, {
+  })))), f.modifiersData.arrow != null && (f.styles.arrow = Object.assign({}, f.styles.arrow, bn(Object.assign({}, l, {
     offsets: f.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
@@ -13761,11 +13765,11 @@ 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, o = oe(f.elements.popper), l = [].concat(f.scrollParents.reference, f.scrollParents.popper);
+  return A && l.forEach(function(g) {
     g.addEventListener("scroll", t.update, hf);
   }), i && o.addEventListener("resize", t.update, hf), function() {
-    s && u.forEach(function(g) {
+    A && l.forEach(function(g) {
       g.removeEventListener("scroll", t.update, hf);
     }), i && o.removeEventListener("resize", t.update, hf);
   };
@@ -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), o = -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
   };
 }
-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,24 +13865,24 @@ 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, o) {
+    var l = In(e, o);
+    return i.top = ze(l.top, i.top), i.right = Ef(l.right, i.right), i.bottom = Ef(l.bottom, i.bottom), i.left = ze(l.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, o;
   switch (a) {
     case X:
       o = {
-        x: A,
+        x: s,
         y: f.y - t.height
       };
       break;
     case se:
       o = {
-        x: A,
+        x: s,
         y: f.y + f.height
       };
       break;
@@ -13900,15 +13904,15 @@ function Zn(e) {
         y: f.y
       };
   }
-  var u = a ? Yt(a) : null;
-  if (u != null) {
-    var g = u === "y" ? "height" : "width";
-    switch (s) {
+  var l = a ? qt(a) : null;
+  if (l != null) {
+    var g = l === "y" ? "height" : "width";
+    switch (A) {
       case Qe:
-        o[u] = o[u] - (f[g] / 2 - t[g] / 2);
+        o[l] = o[l] - (f[g] / 2 - t[g] / 2);
         break;
       case nf:
-        o[u] = o[u] + (f[g] / 2 - t[g] / 2);
+        o[l] = o[l] + (f[g] / 2 - t[g] / 2);
         break;
     }
   }
@@ -13916,40 +13920,40 @@ function Zn(e) {
 }
 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, 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), 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, o = i === void 0 ? Hn : i, l = t.elementContext, g = l === void 0 ? Je : l, 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], j = Ao(Re(k) ? k : k.contextElement || De(e.elements.popper), s, o), 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 + M.top,
-    bottom: E.bottom - D.bottom + M.bottom,
-    left: D.left - E.left + M.left,
-    right: E.right - D.right + M.right
+  }), S = wt(Object.assign({}, _, E)), T = g === Je ? S : N, O = {
+    top: j.top - T.top + M.top,
+    bottom: T.bottom - j.bottom + M.bottom,
+    left: j.left - T.left + M.left,
+    right: T.right - j.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(h) {
+  var t = f, n = t.placement, a = t.boundary, A = t.rootBoundary, s = t.padding, i = t.flipVariations, o = t.allowedAutoPlacements, l = o === void 0 ? Fn : o, g = He(n), u = g ? i ? Mn : Mn.filter(function(h) {
     return He(h) === g;
-  }) : of, m = r.filter(function(h) {
-    return u.indexOf(h) >= 0;
+  }) : of, m = u.filter(function(h) {
+    return l.indexOf(h) >= 0;
   });
-  m.length === 0 && (m = r);
+  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
+      rootBoundary: A,
+      padding: s
     })[de(M)], h;
   }, {});
   return Object.keys(p).sort(function(h, M) {
@@ -13957,47 +13961,47 @@ function so(e, f) {
   });
 }
 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, h = p === void 0 ? !0 : p, M = t.allowedAutoPlacements, y = f.options.placement, _ = de(y), k = _ === y, D = o || (k || !h ? [_f(y)] : io(y)), N = [y].concat(D).reduce(function(Ce, ye) {
-      return Ce.concat(de(ye) === Qt ? so(f, {
-        placement: ye,
+    for (var a = t.mainAxis, A = a === void 0 ? !0 : a, s = t.altAxis, i = s === void 0 ? !0 : s, o = t.fallbackPlacements, l = 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, j = o || (k || !h ? [_f(y)] : io(y)), N = [y].concat(j).reduce(function(Ce, ve) {
+      return Ce.concat(de(ve) === Rt ? so(f, {
+        placement: ve,
         boundary: g,
-        rootBoundary: r,
-        padding: u,
+        rootBoundary: u,
+        padding: l,
         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, {
+      }) : ve);
+    }, []), 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, he = [X, se].indexOf(R) >= 0, le = he ? "width" : "height", Y = af(f, {
         placement: B,
         boundary: g,
-        rootBoundary: r,
+        rootBoundary: u,
         altBoundary: m,
-        padding: u
-      }), W = pe ? te ? ie : ee : te ? se : X;
-      j[le] > x[le] && (W = _f(W));
+        padding: l
+      }), W = he ? te ? ie : ee : te ? se : X;
+      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 = h ? 3 : 1, lt = function(ye) {
+    if (O)
+      for (var cf = h ? 3 : 1, lt = function(ve) {
         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 Te.slice(0, ve).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);
+  }), o = _n(s, n), l = _n(i, a, A), g = wn(o), u = wn(l);
   f.modifiersData[t] = {
     referenceClippingOffsets: o,
-    popperEscapeOffsets: u,
+    popperEscapeOffsets: l,
     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], o = i.x, l = i.y;
+  f.modifiersData.popperOffsets != null && (f.modifiersData.popperOffsets.x += o, f.modifiersData.popperOffsets.y += l), 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, h = t.tetherOffset, M = h === void 0 ? 0 : h, y = af(f, {
+  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, o = t.boundary, l = 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: o,
-    rootBoundary: u,
-    padding: r,
+    rootBoundary: l,
+    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 M == "function" ? M(Object.assign({}, f.rects, {
+  }), _ = de(f.placement), k = He(f.placement), j = !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
-  })) : M, 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, he = N === "y" ? X : ee, le = N === "y" ? se : ie, Y = N === "y" ? "height" : "width", W = S[N], uf = W + y[he], 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;
+      }, ve = f.modifiersData["arrow#persistent"] ? f.modifiersData["arrow#persistent"].padding : Wn(), Ke = ve[he], gf = ve[le], Te = Ge(0, T[Y], Ce[Y]), rt = j ? T[Y] / 2 - cf - Te - Ke - C.mainAxis : lt - Te - Ke - C.mainAxis, ca = j ? -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 = {
     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) ? (o = qe(f, !0), o.x += f.clientLeft, o.y += f.clientTop) : A && (o.x = Ft(A))), {
+    x: s.left + i.scrollLeft - o.x,
+    y: s.top + i.scrollTop - o.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);
       }
-    }), 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,13 +14240,13 @@ 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, o, l) {
+    l === void 0 && (l = A);
     var g = {
       placement: "bottom",
       orderedModifiers: [],
-      options: Object.assign({}, wn, s),
+      options: Object.assign({}, kn, A),
       modifiersData: {},
       elements: {
         reference: i,
@@ -14250,38 +14254,38 @@ function Eo(e) {
       },
       attributes: {},
       styles: {}
-    }, r = [], m = !1, p = {
+    }, u = [], m = !1, p = {
       state: g,
       setOptions: function(_) {
         var k = typeof _ == "function" ? _(g.options) : _;
-        M(), 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)
         };
-        var D = No(jo([].concat(n, g.options.modifiers)));
-        return g.orderedModifiers = D.filter(function(N) {
+        var j = No(jo([].concat(n, g.options.modifiers)));
+        return g.orderedModifiers = j.filter(function(N) {
           return N.enabled;
         }), h(), p.update();
       },
       forceUpdate: function() {
         if (!m) {
-          var _ = g.elements, k = _.reference, D = _.popper;
-          if (kn(k, D)) {
+          var _ = g.elements, k = _.reference, j = _.popper;
+          if (Nn(k, j)) {
             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);
+              reference: wo(k, lf(j), g.options.strategy === "fixed"),
+              popper: Yt(j)
+            }, 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);
@@ -14298,30 +14302,30 @@ function Eo(e) {
         M(), m = !0;
       }
     };
-    if (!kn(i, o))
+    if (!Nn(i, o))
       return p;
-    p.setOptions(u).then(function(y) {
-      !m && u.onFirstUpdate && u.onFirstUpdate(y);
+    p.setOptions(l).then(function(y) {
+      !m && l.onFirstUpdate && l.onFirstUpdate(y);
     });
     function h() {
       g.orderedModifiers.forEach(function(y) {
-        var _ = y.name, k = y.options, D = k === void 0 ? {} : k, N = y.effect;
+        var _ = y.name, k = y.options, j = 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() {
+            options: j
+          }), S = function() {
           };
-          r.push(j || x);
+          u.push(E || S);
         }
       });
     }
     function M() {
-      r.forEach(function(y) {
+      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) => {
+    const s = [];
+    e[A].forEach((i) => {
       var o;
       if (i[st][0].includes(f.toLocaleLowerCase())) {
-        let u = i[Rn];
+        let l = i[Rn];
         if (t !== jf && Array.isArray(i[pf])) {
           const g = ((o = i[pf]) == null ? void 0 : o.findIndex(
-            (r) => r.includes(t)
+            (u) => u.includes(t)
           )) || -1;
-          g !== -1 && i[pf] && (u = i[pf][g]);
+          g !== -1 && i[pf] && (l = i[pf][g]);
         }
-        return A.push({
+        return s.push({
           ...i,
-          [tf]: u
+          [tf]: l
         });
       }
-    }), A.length && (a[s] = A);
+    }), s.length && (a[A] = s);
   }), a;
 }
 function ea() {
@@ -14378,21 +14382,21 @@ const So = K({
     select: (e) => !0
   },
   setup() {
-    const { state: e, updateEmoji: f, updateSelect: t } = ke("store"), n = I(null), a = U(() => xo(
+    const { state: e, updateEmoji: f, updateSelect: t } = be("store"), n = I(null), a = U(() => xo(
       e.emojis,
       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;
+    )), A = _a(), s = U(() => !e.options.hideGroupNames), i = U(() => !e.options.disableStickyGroupNames), o = Cn(e.options.groupNames), l = e.orderedGroupKeys;
     e.options.additionalGroups && Object.keys(e.options.additionalGroups).map((h) => {
       e.options.groupNames[h] ? o[h] = e.options.groupNames[h] : o[h] = fa(h);
     });
     const g = ea() ? "is-mac" : "";
-    function r(h) {
+    function u(h) {
       f(h);
     }
     function m(h) {
-      t(h), s == null || s.emit("select", {
+      t(h), A == null || A.emit("select", {
         ...h,
         t: e.skinTone,
         i: wf(h.r)
@@ -14417,41 +14421,41 @@ 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
+      orderedKeys: l
     };
   }
 }), 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", {
+    r("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", {
+        e.hasGroupNames ? Ne((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", {
+        Ne(r("div", Co, [
+          (c(!0), d($, null, Z(e.emojis[s], (i) => (c(), d("button", {
             key: i.r,
             type: "button",
             onMouseenter: (o) => e.handleMouseEnter(i),
@@ -14465,7 +14469,7 @@ function Ro(e, f, t, n, a, s) {
             }, 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 } = be("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({
       get: () => f.search,
-      set: (r) => t(r)
-    }), u = [
+      set: (u) => t(u)
+    }), l = [
       ...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 = l.findIndex((p) => p.key === u);
+      m !== -1 && (g.push(l[m]), l.splice(m, 1));
     }), {
       orderedGroups: g,
-      orderedKeys: A,
+      orderedKeys: s,
       searchValue: o,
       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,
+        r("span", {
+          title: s.title,
           class: "v3-icon"
         }, [
-          l("img", {
-            src: e.icons[A.key],
+          r("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),
+      Ne(r("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 } = be("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" : "", o = U(() => ({
       ...e.emoji,
       src: Bn + "/" + e.emoji[tf] + ".png"
     }));
-    function u(m = !0) {
+    function l(m = !0) {
       t.value = m;
     }
     function g() {
       t.value = !t.value;
     }
-    function r(m) {
-      f(m), u(!1);
+    function u(m) {
+      f(m), l(!1);
     }
     return Oe(
       () => e.emoji,
@@ -14586,15 +14590,15 @@ const o1 = K({
     ), {
       emoji: o,
       SKIN_TONES: Xs,
-      updateSkinToneState: u,
+      updateSkinToneState: l,
       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"])
+    r("div", l1, [
+      r("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)
+      r("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", {
+      r("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}`)
+        r("span", d1, w(e.skinToneText), 1),
+        r("span", {
+          class: x(`v3-icon v3-tone-${e.stateSkinTone}`)
         }, null, 2)
       ]),
-      l("div", {
-        class: C([e.skinTone ? "v3-is-open" : "", "v3-skin-tones"])
+      r("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,13 +14687,13 @@ 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";
+    const t = I(), n = I(), a = I(), A = I(!1), s = 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 { state: l } = be("store"), g = U(() => l.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 _ = l.options.mode;
+        _ === "prepend" ? s.value = y.i + s.value : _ === "insert" && o !== -1 ? (s.value = `${s.value.slice(0, o)}${y.i}${s.value.slice(o)}`, o += y.i.length) : s.value += y.i, f("update:text", s.value);
       }
       f("select", y);
     }
@@ -14701,11 +14705,11 @@ const h1 = K({
       var _;
       !((_ = y.target) != null && _.closest(
         ".v3-input-picker-wrap"
-      )) && s.value && (s.value = !1);
+      )) && A.value && (A.value = !1);
     }
     function h() {
       if (n.value && a.value && i) {
-        let y = u.options.offset;
+        let y = l.options.offset;
         typeof y != "number" && (y = 6), Vo(n.value, a.value, {
           placement: "bottom-end",
           modifiers: [
@@ -14720,17 +14724,17 @@ const h1 = K({
       }
     }
     function M(y) {
-      A.value = y.target.value || "", f("update:text", A.value);
+      s.value = y.target.value || "", f("update:text", s.value);
     }
-    return Ne(() => {
+    return pe(() => {
       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,
@@ -14744,45 +14748,45 @@ 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"), o = If("Footer");
   return e.isInputType ? (c(), d("div", M1, [
-    l("div", y1, [
+    r("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] = (...l) => e.onChangeText && e.onChangeText(...l)),
+        onBlur: f[1] || (f[1] = (...l) => e.updateCursor && e.updateCursor(...l))
       }, 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] = (...l) => e.onChangeText && e.onChangeText(...l)),
+        onBlur: f[3] || (f[3] = (...l) => e.updateCursor && e.updateCursor(...l))
       }, null, 40, v1)),
-      l("div", {
-        class: C(["v3-input-picker-wrap", e.open ? "v3-picker-is-open" : ""])
+      r("div", {
+        class: x(["v3-input-picker-wrap", e.open ? "v3-picker-is-open" : ""])
       }, [
-        l("button", {
+        r("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] = (l) => e.open = !e.open)
         }, [
-          l("img", {
+          r("img", {
             src: e.face,
             alt: ""
           }, null, 8, I1)
         ], 512),
-        l("div", {
+        r("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)
         ], 2)
@@ -14790,9 +14794,9 @@ function _1(e, f, t, n, a, s) {
     ])
   ])) : (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)
   ], 2));
@@ -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(), P(s, {
     type: e.type,
     text: e.input,
     onSelect: f[0] || (f[0] = (i) => e.$emit("select", i)),
@@ -14928,48 +14932,52 @@ 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 = be("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");
+      A(s().text + p.i);
+    }, l = () => {
+      f.mode == "click" && f.state == "active" && (t.value.style.display = "inherit");
     }, g = () => {
-      f.mode == "hover" && (t.value.style.display = "inherit");
-    }, r = () => {
-      f.mode == "hover" && (t.value.style.display = "none");
+      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(() => {
+    return pe(() => {
       t.value.style.display = "none", document.addEventListener("click", m);
-    }), St(() => {
+    }), zt(() => {
       document.removeEventListener("click", m);
     }), (p, h) => (c(), d($, null, [
-      l("div", {
+      r("div", {
         ref_key: "emojiButton",
         ref: n,
-        class: "button",
-        onClick: u,
+        class: x(["button", { "button-disabled": e.state == "disabled" }]),
+        onClick: l,
         onMouseover: g,
-        onMouseout: r
+        onMouseout: u
       }, h[0] || (h[0] = [
-        l("span", { class: "pi pi-face-smile" }, null, -1)
-      ]), 544),
-      L(q, null, {
-        default: H(() => [
-          l("div", {
+        r("span", { class: "pi pi-face-smile" }, null, -1)
+      ]), 34),
+      L(H, null, {
+        default: F(() => [
+          r("div", {
             ref_key: "emoji",
             ref: t,
             class: "emoji",
             onMouseover: g,
-            onMouseout: r
+            onMouseout: u
           }, [
-            L(V(D1), {
+            L(D(D1), {
               native: !0,
               theme: i.value,
               "picker-type": "",
@@ -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 = {
+}, Eu = /* @__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, [
+    return (A, s) => (c(), d("div", E1, [
+      r("div", T1, [
+        r("ul", V1, [
           (c(!0), d($, null, Z(t.actions, (i, o) => (c(), d("li", {
             key: o,
             class: "context-menu__item",
-            onClick: (u) => a(o)
+            onClick: (l) => a(o)
           }, [
             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)
+            r("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 o(l) {
+      return l.position === "left" ? "file-message__left" : "file-message__right";
     }
-    return (u, g) => (c(), d("div", {
-      class: C(["file-message", o(e.message)]),
+    return (l, g) => (c(), d("div", {
+      class: x(["file-message", o(e.message)]),
       messageId: e.message.messageId,
-      onMouseleave: A
+      onMouseleave: s
     }, [
       e.message.avatar ? (c(), d("img", {
         key: 0,
@@ -15056,50 +15064,50 @@ const j1 = {
         src: e.message.avatar,
         height: "32",
         width: "32",
-        style: P({ gridRow: e.message.subText ? "2" : "1" })
+        style: q({ 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", {
+      r("div", {
         class: "file-message__content",
-        onMouseenter: s
+        onMouseenter: A
       }, [
-        l("a", {
+        r("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] = r("span", { class: "pi pi-file" }, null, -1)),
+          r("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", {
+        r("div", Q1, [
+          r("span", R1, w(e.message.time), 1),
+          o(e.message) === "file-message__right" && D(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] = r("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)
+          r("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : b("", !0),
-        l("a", {
+        r("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)
+          r("span", { class: "pi pi-download" }, null, -1)
         ]), 8, q1),
-        L(q, null, {
-          default: H(() => [
-            t.value && e.message.actions ? (c(), F(V(je), {
+        L(H, null, {
+          default: F(() => [
+            t.value && e.message.actions ? (c(), P(D(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)
+          r("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,17 +15149,17 @@ 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;
+      a.value = !0, A.value = !0;
     }, o = () => {
       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";
+    }, l = 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
     }, [
@@ -15163,94 +15171,94 @@ 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", {
+      r("div", J1, [
+        r("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", {
+          r("img", {
             class: "image-message__preview-image",
-            style: P({ borderRadius: e.message.text ? "8px 8px 0 0" : "8px" }),
+            style: q({ borderRadius: e.message.text ? "8px 8px 0 0" : "8px" }),
             src: e.message.url,
             alt: e.message.alt
           }, null, 12, G1),
-          L(q, { name: "modal-fade" }, {
-            default: H(() => [
-              s.value ? (c(), d("div", Z1, [
+          L(H, { name: "modal-fade" }, {
+            default: F(() => [
+              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] = r("span", { class: "pi pi-eye" }, null, -1)),
+                  r("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", {
+                r("span", el, w(e.message.time), 1),
+                g(e.message) === "image-message__right" && D(Pe).includes(e.message.status) ? (c(), d("div", {
                   key: 1,
-                  class: C(["image-message__status", u.value])
+                  class: x(["image-message__status", l.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] = r("span", { class: "pi pi-check" }, null, -1))
                 ], 2)) : b("", !0)
               ])) : b("", !0)
             ]),
             _: 1
           }),
-          L(q, { name: "modal-fade" }, {
-            default: H(() => [
-              s.value ? (c(), d("a", {
+          L(H, { name: "modal-fade" }, {
+            default: F(() => [
+              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)
+                r("span", { class: "pi pi-download" }, null, -1)
               ]), 8, tl)) : b("", !0)
             ]),
             _: 1
           })
         ], 32),
-        L(q, { name: "modal-fade" }, {
-          default: H(() => [
+        L(H, { name: "modal-fade" }, {
+          default: F(() => [
             a.value && e.message.actions ? (c(), d("button", {
               key: 0,
               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)
+              r("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), {
+        L(H, { name: "context-menu" }, {
+          default: F(() => [
+            n.value && e.message.actions ? (c(), P(D(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)
+          r("p", null, w(e.message.text), 1)
         ])) : b("", !0)
       ]),
-      (c(), F(zt, { to: "body" }, [
-        L(q, { name: "modal-fade" }, {
-          default: H(() => [
+      (c(), P(Ot, { to: "body" }, [
+        L(H, { name: "modal-fade" }, {
+          default: F(() => [
             t.value ? (c(), d("div", al, [
-              l("div", Al, [
-                l("button", {
+              r("div", Al, [
+                r("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" })
+                  r("span", null, [
+                    r("i", { class: "pi pi-times" })
                   ], -1)
                 ])),
-                l("img", {
+                r("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,32 +15403,32 @@ 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 o = Fe(gl(s.t, n), t);
+          xe(A, o, 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), ye = "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", _e = "AT", $f = "BACKSLASH", Wf = "BACKTICK", Kf = "CARET", we = "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,
+  WORD: ye,
   UWORD: Et,
   LOCALHOST: Af,
   TLD: Tt,
   UTLD: Vt,
   SCHEME: Nf,
   SLASH_SCHEME: Ue,
-  NUM: Pt,
+  NUM: $t,
   WS: na,
-  NL: $t,
+  NL: Wt,
   OPENBRACE: Xe,
   CLOSEBRACE: ef,
   OPENBRACKET: Tf,
@@ -15440,90 +15448,90 @@ var sa = /* @__PURE__ */ Object.freeze({
   AMPERSAND: Hf,
   APOSTROPHE: Ff,
   ASTERISK: Pf,
-  AT: ve,
+  AT: _e,
   BACKSLASH: $f,
   BACKTICK: Wf,
   CARET: Kf,
-  COLON: Ie,
-  COMMA: Wt,
+  COLON: we,
+  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, "@", _e), v(t, "`", Wf), v(t, "^", Kf), v(t, ":", we), 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);
-  const a = ne(t, Le, Me, {
+  const a = ne(t, Le, ye, {
     [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 = [[Le, a]], g = [[Le, null], [ht, A]];
+  for (let u = 0; u < yf.length; u++)
+    Ie(t, yf[u], Tt, ye, l);
+  for (let u = 0; u < bf.length; u++)
+    Ie(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), Ie(t, "file", Nf, ye, l), Ie(t, "mailto", Nf, ye, l), Ie(t, "http", Ue, ye, l), Ie(t, "https", Ue, ye, l), Ie(t, "ftp", Ue, ye, l), Ie(t, "ftps", Ue, ye, l), 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], h = 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 ? h[jt] = !0 : Le.test(m) ? yt.test(m) ? h[kf] = !0 : h[Nt] = !0 : h[kt] = !0, Dn(t, m, m, h);
+    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, o = null, l = 0, g = null, u = -1, m = -1;
+    for (; s < n && (o = i.go(t[s])); )
+      i = o, i.accepts() ? (u = 0, m = 0, g = i) : u >= 0 && (u += t[s].length, m++), l += t[s].length, A += t[s].length, s++;
+    A -= u, s -= m, l -= u, a.push({
       t: g.t,
       // token type/name
-      v: f.slice(s - u, s),
+      v: f.slice(A - l, A),
       // string value
-      s: s - u,
+      s: A - l,
       // 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++) {
+function Ie(e, f, t, n, a) {
+  let A;
+  const s = f.length;
+  for (let i = 0; i < s - 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;
+    e.j[o] ? A = e.j[o] : (A = new fe(n), A.jr = a.slice(), e.j[o] = 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), o = e.get("target", t, f), l = 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), o && (s.target = o), l && (s.rel = l), 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
@@ -15816,40 +15824,40 @@ const xn = ot("email", {
    */
   hasProtocol() {
     const e = this.tk;
-    return e.length >= 2 && e[0].t !== Af && e[1].t === Ie;
+    return e.length >= 2 && e[0].t !== Af && e[1].t === we;
   }
 }), ae = (e) => new fe(e);
 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 h = v(r, ue);
-  T(h, e.domain, r), T(p, e.domain, r), v(p, re, m), v(p, ue, h);
-  const M = v(p, Ie);
-  T(M, 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, _e, $f, Wf, Kf, Jf, Gf, ue, $t, Zf, Xf, et, ft, ce, at, ff, nt]), t = [Ff, we, 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(), o = ae();
+  V(a, e.domain, s), V(a, e.scheme, i), V(a, e.slashscheme, o), V(s, n, A), V(s, e.domain, s);
+  const l = v(s, _e);
+  v(A, _e, l), v(i, _e, l), v(o, _e, l);
+  const g = v(A, re);
+  V(g, n, A), V(g, e.domain, A);
+  const u = ae();
+  V(l, 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(l, 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, we);
+  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);
-  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(_, 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, _e, l);
+  const j = v(k, we), N = ae(vf);
+  V(j, 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, we), O = v(o, we), Q = v(O, ce), C = v(Q, ce);
+  V(i, e.domain, s), v(i, re, _), v(i, ue, y), V(o, e.domain, s), v(o, re, _), v(o, 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, he] = B[R], le = v(E, te);
+    v(S, te, le), v(le, he, 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, he, E), v(W, he, 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;
+    let i = e, o = null, l = null, g = 0, u = 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++;
+      s.push(t[a++]);
+    for (; a < n && (l = o || i.go(t[a].t)); )
+      o = null, i = l, 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, h = t.slice(a - g, a);
-      s.push(bt(p, f, h));
+      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,11 +15993,11 @@ 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 }
     );
@@ -15997,22 +16005,22 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
       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 = (h) => {
-      u(), n("action", { messageId: t.message.messageId, type: "menu", ...h });
+      A.value = !0;
+    }, l = () => {
+      A.value = !1, a.value = !1;
+    }, g = U(() => $e(t.message.status)), u = (h) => {
+      l(), n("action", { messageId: t.message.messageId, type: "menu", ...h });
     }, m = () => {
-      u(), n("action", { messageId: t.message.messageId, type: "views" });
+      l(), n("action", { messageId: t.message.messageId, type: "views" });
     };
     function p(h) {
       return h.position === "left" ? "text-message__left" : "text-message__right";
     }
     return (h, M) => (c(), d("div", Nl, [
-      l("div", {
-        class: C(p(e.message)),
+      r("div", {
+        class: x(p(e.message)),
         messageId: e.message.messageId,
-        onMouseleave: u
+        onMouseleave: l
       }, [
         e.message.avatar ? (c(), d("img", {
           key: 0,
@@ -16020,50 +16028,50 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
           src: e.message.avatar,
           height: "32",
           width: "32",
-          style: P({ gridRow: e.message.subText ? "2" : "1" })
+          style: q({ 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", {
+        r("div", {
           class: "text-message__content",
           onMouseenter: o
         }, [
-          l("p", {
-            innerHTML: A.value,
+          r("p", {
+            innerHTML: s.value,
             class: "text-message__text",
             onClick: i
           }, null, 8, Tl),
-          l("div", Vl, [
+          r("div", Vl, [
             e.message.views ? (c(), d("div", {
               key: 0,
               class: "text-message__views",
               onClick: m
             }, [
-              M[1] || (M[1] = l("span", { class: "pi pi-eye" }, null, -1)),
-              l("p", null, w(e.message.views), 1)
+              M[1] || (M[1] = r("span", { class: "pi pi-eye" }, null, -1)),
+              r("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" && D(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),
-              M[2] || (M[2] = l("span", { class: "pi pi-check" }, null, -1))
+              M[2] || (M[2] = r("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: M[0] || (M[0] = (y) => a.value = !a.value)
           }, M[3] || (M[3] = [
-            l("span", { class: "pi pi-ellipsis-h" }, null, -1)
+            r("span", { class: "pi pi-ellipsis-h" }, null, -1)
           ]))) : b("", !0),
-          L(q, null, {
-            default: H(() => [
-              a.value && e.message.actions ? (c(), F(V(je), {
+          L(H, null, {
+            default: F(() => [
+              a.value && e.message.actions ? (c(), P(D(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,32 +16098,32 @@ 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), o = () => {
       i.value = !0;
-    }, u = () => {
-      i.value = !1, A.value = !1;
+    }, l = () => {
+      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")}`;
-    }, h = U(() => t.value ? p(s.value) : "0:00"), M = U(() => t.value ? p(a.value) : "0:00"), y = U(() => a.value > 0 ? s.value / a.value * 100 : 0);
+      const j = Math.floor(k / 60), N = Math.floor(k % 60);
+      return `${j.toString().padStart(2, "0")}:${N.toString().padStart(2, "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";
     }
-    return Ne(() => {
+    return pe(() => {
       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)]),
+    }), (k, j) => (c(), d("div", {
+      class: x(["audio-message", _(e.message)]),
       messageId: e.message.messageId,
-      onMouseleave: u
+      onMouseleave: l
     }, [
       e.message.avatar ? (c(), d("img", {
         key: 0,
@@ -16123,69 +16131,69 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
         src: e.message.avatar,
         height: "32",
         width: "32",
-        style: P({ gridRow: e.message.subText ? "2" : "1" })
+        style: q({ 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", {
+      r("div", {
         class: "audio-message__content",
         onMouseenter: o
       }, [
-        l("audio", {
+        r("audio", {
           ref_key: "player",
           ref: t,
           src: e.message.url
         }, null, 8, Bl),
-        we(l("button", {
+        Ne(r("button", {
           class: "audio-message__play",
           onClick: m
-        }, D[1] || (D[1] = [
-          l("span", { class: "pi pi-play" }, null, -1)
+        }, j[1] || (j[1] = [
+          r("span", { class: "pi pi-play" }, null, -1)
         ]), 512), [
           [Df, !n.value]
         ]),
-        we(l("button", {
+        Ne(r("button", {
           class: "audio-message__pause",
           onClick: m
-        }, D[2] || (D[2] = [
-          l("span", { class: "pi pi-pause" }, null, -1)
+        }, j[2] || (j[2] = [
+          r("span", { class: "pi pi-pause" }, null, -1)
         ]), 512), [
           [Df, n.value]
         ]),
-        l("div", Ql, [
-          l("div", {
+        r("div", Ql, [
+          r("div", {
             class: "audio-message__progress-bar",
-            style: P({ width: y.value + "%" })
+            style: q({ width: y.value + "%" })
           }, null, 4)
         ]),
-        l("p", Rl, w(`${h.value} / ${M.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", {
+        r("p", Rl, w(`${h.value} / ${M.value}`), 1),
+        r("div", Yl, [
+          r("span", ql, w(e.message.time), 1),
+          _(e.message) === "audio-message__right" && D(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))
+            j[3] || (j[3] = r("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)
-        }, D[4] || (D[4] = [
-          l("span", { class: "pi pi-ellipsis-h" }, null, -1)
+          onClick: j[0] || (j[0] = (N) => s.value = !s.value)
+        }, j[4] || (j[4] = [
+          r("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : b("", !0),
-        l("a", {
+        r("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)
+        }, j[5] || (j[5] = [
+          r("span", { class: "pi pi-download" }, null, -1)
         ]), 8, Fl),
-        L(q, null, {
-          default: H(() => [
-            A.value && e.message.actions ? (c(), F(V(je), {
+        L(H, null, {
+          default: F(() => [
+            s.value && e.message.actions ? (c(), P(D(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)
+          r("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)
+      r("div", Jl, [
+        r("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 = {
@@ -16248,20 +16256,20 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
     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), o = I(!1), l = () => {
     }, g = () => {
       i.value = !0, o.value = !0;
-    }, r = () => {
-      i.value = !1, A.value = !1;
+    }, 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], ([h, M]) => {
       h ? M && (M.pause(), M.currentTime = 0) : M && (M.play(), M.currentTime = 0);
     }), (h, M) => (c(), d("div", {
-      class: C(["video-message", t(e.message)]),
+      class: x(["video-message", t(e.message)]),
       messageId: e.message.messageId,
-      onMouseleave: r
+      onMouseleave: u
     }, [
       e.message.avatar ? (c(), d("img", {
         key: 0,
@@ -16271,44 +16279,44 @@ 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", {
+      r("div", nr, [
+        r("div", {
           class: "video-message__preview-button",
-          onClick: M[0] || (M[0] = (y) => s.value = !0),
+          onClick: M[0] || (M[0] = (y) => A.value = !0),
           onMouseenter: g,
           onMouseleave: M[1] || (M[1] = (y) => o.value = !o.value)
         }, [
-          l("video", {
+          r("video", {
             ref_key: "previewPlayer",
             ref: a,
             class: "video-message__video",
-            style: P({ borderRadius: e.message.text ? "8px 8px 0 0" : "8px" }),
+            style: q({ borderRadius: e.message.text ? "8px 8px 0 0" : "8px" }),
             onEnded: p,
             src: e.message.url,
             muted: !0,
             autoplay: ""
           }, null, 44, ar),
-          L(q, { name: "modal-fade" }, {
-            default: H(() => [
+          L(H, { name: "modal-fade" }, {
+            default: F(() => [
               o.value ? (c(), d("div", Ar, [
                 e.message.views ? (c(), d("div", sr, [
-                  M[4] || (M[4] = l("span", { class: "pi pi-eye" }, null, -1)),
-                  l("p", null, w(e.message.views), 1)
+                  M[4] || (M[4] = r("span", { class: "pi pi-eye" }, null, -1)),
+                  r("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", {
+                r("span", ir, w(e.message.time), 1),
+                t(e.message) === "video-message__right" && D(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),
-                  M[5] || (M[5] = l("span", { class: "pi pi-check" }, null, -1))
+                  M[5] || (M[5] = r("span", { class: "pi pi-check" }, null, -1))
                 ], 2)) : b("", !0)
               ])) : b("", !0)
             ]),
             _: 1
           }),
-          L(q, { name: "modal-fade" }, {
-            default: H(() => [
+          L(H, { name: "modal-fade" }, {
+            default: F(() => [
               o.value ? (c(), d("a", {
                 key: 0,
                 class: "video-message__download-button",
@@ -16316,53 +16324,53 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
                 download: "",
                 target: "_blank"
               }, M[6] || (M[6] = [
-                l("span", { class: "pi pi-download" }, null, -1)
+                r("span", { class: "pi pi-download" }, null, -1)
               ]), 8, lr)) : b("", !0)
             ]),
             _: 1
           })
         ], 32),
-        L(q, { name: "modal-fade" }, {
-          default: H(() => [
+        L(H, { name: "modal-fade" }, {
+          default: F(() => [
             i.value && e.message.actions ? (c(), d("button", {
               key: 0,
               class: "video-message__menu-button",
-              onClick: M[2] || (M[2] = (y) => A.value = !A.value)
+              onClick: M[2] || (M[2] = (y) => s.value = !s.value)
             }, M[7] || (M[7] = [
-              l("span", { class: "pi pi-ellipsis-h" }, null, -1)
+              r("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), {
+        L(H, { name: "context-menu" }, {
+          default: F(() => [
+            s.value && e.message.actions ? (c(), P(D(je), {
               key: 0,
               class: "video-message__context-menu",
               actions: e.message.actions,
-              onClick: u
+              onClick: l
             }, null, 8, ["actions"])) : b("", !0)
           ]),
           _: 1
         }),
         e.message.text ? (c(), d("div", rr, [
-          l("p", null, w(e.message.text), 1)
+          r("p", null, w(e.message.text), 1)
         ])) : b("", !0)
       ]),
-      (c(), F(zt, { to: "body" }, [
-        L(q, { name: "modal-fade" }, {
-          default: H(() => [
-            s.value ? (c(), d("div", ur, [
-              l("div", cr, [
-                l("button", {
+      (c(), P(Ot, { to: "body" }, [
+        L(H, { name: "modal-fade" }, {
+          default: F(() => [
+            A.value ? (c(), d("div", ur, [
+              r("div", cr, [
+                r("button", {
                   class: "video-message__modal-close-button",
-                  onClick: M[3] || (M[3] = (y) => s.value = !1)
+                  onClick: M[3] || (M[3] = (y) => A.value = !1)
                 }, M[8] || (M[8] = [
-                  l("span", null, [
-                    l("i", { class: "pi pi-times" })
+                  r("span", null, [
+                    r("i", { class: "pi pi-times" })
                   ], -1)
                 ])),
-                l("video", {
+                r("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)),
+      r("div", {
+        class: x(f(e.message)),
         messageId: e.message.messageId
       }, [
         e.message.avatar ? (c(), d("img", {
@@ -16420,24 +16428,24 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
           src: e.message.avatar,
           height: "32",
           width: "32",
-          style: P({ gridRow: e.message.subText ? "2" : "1" })
+          style: q({ 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", {
+        r("div", br, [
+          r("span", {
             class: "call-message__icon pi pi-phone",
-            style: P({ color: e.message.isMissedCall ? "var(--p-red-500)" : "var(--neutral-100)" })
+            style: q({ 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)
+          r("div", Nr, [
+            r("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)
+      r("div", Vr, [
+        r("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,23 +16473,23 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
   },
   setup(e) {
     return (f, t) => (c(), d("div", Or, [
-      l("div", Cr, [
+      r("div", Cr, [
         e.message.avatar ? (c(), d("img", {
           key: 0,
           class: "typing-message__avatar",
           src: e.message.avatar,
           height: "32",
           width: "32",
-          style: P({ gridRow: e.message.subText ? "2" : "1" })
+          style: q({ 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] = r("div", { class: "typing-message__loader-container" }, [
+          r("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" }, {
-      default: H(() => [
-        l("div", Qr, [
-          l("div", Rr, [
-            l("div", Yr, [
-              G(s.$slots, "default", {}, void 0, !0)
+    return (A, s) => (c(), P(H, { name: "modal-fade" }, {
+      default: F(() => [
+        r("div", Qr, [
+          r("div", Rr, [
+            r("div", Yr, [
+              G(A.$slots, "default", {}, void 0, !0)
             ]),
-            l("div", qr, [
-              l("button", {
+            r("div", qr, [
+              r("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", {
+              r("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 = () => {
+      l.unmount(), document.body.removeChild(n);
+    }, s = () => {
+      A(), t(a.value);
     }, i = (g) => {
-      const r = Object.keys(g)[0];
-      a.value[r] = g[r];
+      const u = Object.keys(g)[0];
+      a.value[u] = g[u];
     }, o = K({
       render() {
-        return rn(
+        return un(
           Fr,
           {
-            onSubmit: A,
-            onClose: s
+            onSubmit: s,
+            onClose: A
           },
           {
-            default: () => rn(
+            default: () => un(
               Da(() => e),
               {
                 ...f,
@@ -16554,22 +16562,22 @@ function Xt({ component: e, attrs: f }) {
           }
         );
       }
-    }), u = ja(o);
-    u.mount(n);
+    }), l = ja(o);
+    l.mount(n);
   });
 }
-const xu = async (e, f) => {
-  const t = await Xt({
+const Tu = async (e, f) => {
+  const t = await en({
     //в component должен быть встроен emit change(key: value)
-    component: import("./SelectUser2-BzY9af0U.js"),
+    component: import("./SelectUser2-JwrGlSc2.js"),
     attrs: {
       title: e,
       users: f
     }
   });
   return console.log("data", t), t;
-}, Su = async (e) => {
-  const f = await Xt({
+}, Vu = async (e) => {
+  const f = await en({
     //в component должен быть встроен emit change(key: value)
     component: import("./CreateChat-fkFKBxtQ.js"),
     attrs: {
@@ -16577,29 +16585,56 @@ const xu = async (e, f) => {
     }
   });
   return console.log("data", f), f;
-}, zu = async (e) => await Xt({
+}, xu = async (e) => await en({
   //в component должен быть встроен emit change(key: value)
   component: import("./CreateChat2-DgUQ2F5L.js"),
   attrs: {
     title: e
   }
-}), Pr = ["id"], Ou = {
+}), Pr = ["id"], Su = {
   __name: "BaseContainer",
   props: {
     height: String,
-    width: String
+    width: String,
+    defaultTheme: {
+      type: String,
+      default: "green",
+      required: !1
+    }
   },
   setup(e) {
-    const f = Cn();
-    return Ot("chatAppId", f), (t, n) => (c(), d("div", {
+    const f = e, t = St();
+    Ct("chatAppId", t);
+    const n = [
+      {
+        code: "light",
+        name: "Light"
+      },
+      {
+        code: "dark",
+        name: "Dark"
+      },
+      {
+        code: "green",
+        name: "Green"
+      },
+      {
+        code: "diamond",
+        name: "Diamond"
+      }
+    ];
+    return pe(() => {
+      const a = n.find((A) => A.code === f.defaultTheme).code;
+      console.log(a), document.getElementById(t).dataset.theme = a;
+    }), (a, A) => (c(), d("div", {
       class: "base",
-      id: V(f)
+      id: D(t)
     }, [
-      l("div", {
+      r("div", {
         class: "base__container",
-        style: P({ height: e.height, width: e.width })
+        style: q({ height: e.height, width: e.width })
       }, [
-        G(t.$slots, "default")
+        G(a.$slots, "default")
       ], 4)
     ], 8, Pr));
   }
@@ -16619,22 +16654,44 @@ const xu = async (e, f) => {
       required: !0
     },
     height: String,
-    width: String
+    width: String,
+    defaultTheme: {
+      type: String,
+      default: "green",
+      required: !1
+    }
   },
   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 = (h) => {
-      A.value = !0, i.value = h.clientX - a.value.offsetLeft, o.value = h.clientY - a.value.offsetTop;
-    }, m = () => A.value = !1, p = (h) => {
-      if (A.value) {
-        const M = h.clientX - i.value, y = h.clientY - o.value;
-        n.value.x = M, n.value.y = y;
+    const t = e, n = I({ x: 0, y: 0 }), a = I(null), A = I(null), s = I(!1), i = I(0), o = I(0), l = I(0), g = St();
+    Ct("chatAppId", g);
+    const u = [
+      {
+        code: "light",
+        name: "Light"
+      },
+      {
+        code: "dark",
+        name: "Dark"
+      },
+      {
+        code: "green",
+        name: "Green"
+      },
+      {
+        code: "diamond",
+        name: "Diamond"
+      }
+    ], m = (M) => {
+      s.value = !0, i.value = M.clientX - a.value.offsetLeft, o.value = M.clientY - a.value.offsetTop;
+    }, p = () => s.value = !1, h = (M) => {
+      if (s.value) {
+        const y = M.clientX - i.value, _ = M.clientY - o.value;
+        n.value.x = y, n.value.y = _;
       }
     };
-    return Ne(() => {
-      document.addEventListener("mousemove", p), window.addEventListener("resize", () => {
+    return pe(() => {
+      document.addEventListener("mousemove", h), window.addEventListener("resize", () => {
         n.value.x = Math.max(
           0,
           Math.min(
@@ -16648,30 +16705,32 @@ const xu = async (e, f) => {
             window.innerHeight - a.value.offsetHeight
           )
         );
-      }), u.value = a.value.offsetHeight - s.value.offsetHeight;
-    }), (h, M) => (c(), d("div", {
+      }), l.value = a.value.offsetHeight - A.value.offsetHeight;
+      const M = u.find((y) => y.code === t.defaultTheme).code;
+      console.log(M), document.getElementById(g).dataset.theme = M;
+    }), (M, y) => (c(), d("div", {
       ref_key: "element",
       ref: a,
       class: "float-window",
-      id: V(g),
-      style: P({
+      id: D(g),
+      style: q({
         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", {
+      r("div", Wr, [
+        r("div", {
           ref_key: "container",
-          ref: s,
+          ref: A,
           class: "float-window__controls",
-          style: P({ backgroundColor: t.colorTitle ? t.colorTitle : "" }),
-          onMousedown: r,
-          onMouseup: m,
-          onMouseleave: m
+          style: q({ backgroundColor: t.colorTitle ? t.colorTitle : "" }),
+          onMousedown: m,
+          onMouseup: p,
+          onMouseleave: p
         }, [
           t.avatar ? (c(), d("img", {
             key: 0,
@@ -16679,85 +16738,107 @@ 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", {
+          r("p", Jr, w(t.title), 1),
+          r("button", {
             class: "float-window__close-button",
-            onClick: M[0] || (M[0] = (y) => h.$emit("close-window"))
-          }, M[1] || (M[1] = [
-            l("span", { class: "pi pi-times" }, null, -1)
+            onClick: y[0] || (y[0] = (_) => M.$emit("close-window"))
+          }, y[1] || (y[1] = [
+            r("span", { class: "pi pi-times" }, null, -1)
           ]))
         ], 36),
-        l("div", {
+        r("div", {
           class: "float-window__content",
-          style: P({ height: u.value + "px" })
+          style: q({ height: l.value + "px" })
         }, [
-          G(h.$slots, "default", {}, void 0, !0)
+          G(M.$slots, "default", {}, void 0, !0)
         ], 4)
       ])
     ], 12, $r));
   }
-}, Cu = /* @__PURE__ */ S(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, [
-      G(e.$slots, "first-col", {}, void 0, !0)
-    ]),
-    l("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 = {
+}, zu = /* @__PURE__ */ z(Gr, [["__scopeId", "data-v-3be75eeb"]]), Zr = { class: "base-layout__container" }, Xr = { class: "base-layout__second-col" }, eu = {
+  __name: "BaseLayout",
+  setup(e) {
+    const f = I(null);
+    let t = I(!1), n = I(0), a = I(0), A = I(0);
+    const s = (l) => {
+      l.offsetX >= f.value.offsetWidth - 20 && (t.value = !0, n.value = f.value.offsetWidth, a.value = l.clientX, A.value = l.clientX, document.addEventListener("mousemove", i));
+    }, i = (l) => {
+      if (t.value) {
+        const g = n.value + (l.clientX - A.value);
+        f.value.style.width = `${Math.max(270, g)}px`;
+      }
+    }, o = () => {
+      t.value = !1, document.removeEventListener("mousemove", i);
+    };
+    return pe(() => {
+      f.value && (f.value.style.width = "400px");
+    }), (l, g) => (c(), d("div", Zr, [
+      r("div", {
+        class: "base-layout__first-col resizable-div",
+        ref_key: "resizableDiv",
+        ref: f,
+        style: q({ userSelect: D(t) ? "none" : "auto" }),
+        onMousedown: s,
+        onMouseup: o
+      }, [
+        G(l.$slots, "first-col", {}, void 0, !0)
+      ], 36),
+      r("div", Xr, [
+        G(l.$slots, "second-col", {}, void 0, !0)
+      ])
+    ]));
+  }
+}, Ou = /* @__PURE__ */ z(eu, [["__scopeId", "data-v-88d3a852"]]), fu = { class: "extend-layout__container" }, tu = { class: "extend-layout__first-col" }, nu = { class: "extend-layout__third-col" }, au = {
   __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 = (l) => {
+      l.offsetX >= f.value.offsetWidth - 20 && (t.value = !0, n.value = f.value.offsetWidth, a.value = l.clientX, A.value = l.clientX, document.addEventListener("mousemove", i));
+    }, i = (l) => {
       if (t.value) {
-        const g = n.value + (u.clientX - s.value);
+        const g = n.value + (l.clientX - A.value);
         f.value.style.width = `${Math.max(270, g)}px`;
       }
     }, o = () => {
       t.value = !1, document.removeEventListener("mousemove", i);
     };
-    return Ne(() => {
+    return pe(() => {
       f.value && (f.value.style.width = "350px");
-    }), (u, g) => (c(), d("div", nu, [
-      l("div", au, [
-        G(u.$slots, "first-col", {}, void 0, !0)
+    }), (l, g) => (c(), d("div", fu, [
+      r("div", tu, [
+        G(l.$slots, "first-col", {}, void 0, !0)
       ]),
-      l("div", {
+      r("div", {
         ref_key: "resizableDiv",
         ref: f,
         class: "extend-layout__second-col resizable-div",
-        style: P({ userSelect: V(t) ? "none" : "auto" }),
-        onMousedown: A,
+        style: q({ userSelect: D(t) ? "none" : "auto" }),
+        onMousedown: s,
         onMouseup: o
       }, [
-        G(u.$slots, "second-col", {}, void 0, !0)
+        G(l.$slots, "second-col", {}, void 0, !0)
       ], 36),
-      l("div", Au, [
-        G(u.$slots, "third-col", {}, void 0, !0)
+      r("div", nu, [
+        G(l.$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" };
-function ru(e, f) {
-  return c(), d("div", ou, [
-    l("div", lu, [
+}, Cu = /* @__PURE__ */ z(au, [["__scopeId", "data-v-7c3b977d"]]), Au = {}, su = { class: "base-layout__container" }, iu = { class: "base-layout__first-col" };
+function ou(e, f) {
+  return c(), d("div", su, [
+    r("div", iu, [
       G(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Bu = /* @__PURE__ */ S(iu, [["render", ru], ["__scopeId", "data-v-e71ea0ed"]]), uu = { class: "chat-wrapper" }, cu = {
+const Lu = /* @__PURE__ */ z(Au, [["render", ou], ["__scopeId", "data-v-e71ea0ed"]]), lu = { class: "chat-wrapper" }, ru = {
   key: 0,
   class: "chat-wrapper__selected-chat"
-}, du = {
+}, uu = {
   key: 1,
   style: { width: "100%" }
-}, gu = /* @__PURE__ */ K({
+}, cu = /* @__PURE__ */ K({
   __name: "ChatWrapper",
   props: {
     isOpenChatPanel: {
@@ -16770,64 +16851,64 @@ const Bu = /* @__PURE__ */ S(iu, [["render", ru], ["__scopeId", "data-v-e71ea0ed
     }
   },
   setup(e) {
-    return (f, t) => (c(), d("div", uu, [
-      e.isSelectedChat ? (c(), d("div", cu, [
+    return (f, t) => (c(), d("div", lu, [
+      e.isSelectedChat ? (c(), d("div", ru, [
         G(f.$slots, "default", {}, void 0, !0)
-      ])) : (c(), d("div", du, [
-        l("p", null, w(V(Se)("layout.ChatWrapper.noSelectedChat")), 1)
+      ])) : (c(), d("div", uu, [
+        r("p", null, w(D(Se)("layout.ChatWrapper.noSelectedChat")), 1)
       ])),
       e.isOpenChatPanel ? (c(), d("div", {
         key: 2,
         class: "chat-wrapper__chat-panel",
-        style: P({ "flex-basis": e.isOpenChatPanel ? "40%" : "0%" })
+        style: q({ "flex-basis": e.isOpenChatPanel ? "40%" : "0%" })
       }, [
         G(f.$slots, "chatpanel", {}, void 0, !0)
       ], 4)) : b("", !0)
     ]));
   }
-}), Qu = /* @__PURE__ */ S(gu, [["__scopeId", "data-v-12c6a622"]]);
+}), Uu = /* @__PURE__ */ z(cu, [["__scopeId", "data-v-12c6a622"]]);
 export {
   Wl as A,
   Un as B,
   Er as C,
   Xl as D,
-  Uu as E,
+  Cu as E,
   P1 as F,
-  _u as G,
-  wu as H,
+  vu as G,
+  Iu 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,
+  Mu as U,
   mr as V,
-  S as _,
-  zn as a,
-  pu as b,
-  hu as c,
-  Mu as d,
-  yu as e,
-  ku as f,
-  Nu as g,
-  Du as h,
-  ju as i,
-  Eu as j,
+  z as _,
+  On as a,
+  gu as b,
+  mu as c,
+  pu as d,
+  hu as e,
+  _u as f,
+  wu as g,
+  ku as h,
+  Nu as i,
+  Du as j,
   dt as k,
   _s as l,
   Fs as m,
-  Tu as n,
-  Vu as o,
+  ju as n,
+  Eu as o,
   je as p,
-  Su as q,
-  zu as r,
-  Ou as s,
-  Cu as t,
-  xu as u,
-  Lu as v,
-  Bu as w,
-  Qu as x,
-  vu as y,
-  Iu as z
+  Vu as q,
+  xu as r,
+  Su as s,
+  zu as t,
+  Tu as u,
+  Ou as v,
+  Lu as w,
+  Uu as x,
+  yu as y,
+  bu as z
 };