@mobilon-dev/chotto 0.0.54 → 0.0.55

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

@@ -1,4 +1,4 @@
-import { openBlock as c, createElementBlock as d, createElementVNode as o, toDisplayString as w, createCommentVNode as b, renderSlot as G, ref as I, inject as ke, watch as Oe, nextTick as vt, unref as j, withDirectives as we, withKeys as Ma, vModelText as xt, normalizeClass as x, createVNode as L, Transition as q, withCtx as H, createBlock as F, Fragment as $, renderList as Z, defineComponent as K, onUpdated as ya, resolveDynamicComponent as ba, normalizeStyle as P, useId as St, onMounted as Ne, onUnmounted as zt, computed as U, Teleport as Ot, toRef as va, vModelRadio as Ia, getCurrentInstance as _a, toRaw as Cn, onBeforeUnmount as wa, provide as Ct, reactive as ka, readonly as Na, vShow as Df, resolveComponent as If, h as un, defineAsyncComponent as Da, createApp as ja } from "vue";
+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)
@@ -25,7 +25,7 @@ const z = (e, f) => {
   setup(e, { emit: f }) {
     const t = e;
     return (n, a) => e.chat ? (c(), d("div", Ea, [
-      o("div", Ta, [
+      r("div", Ta, [
         t.chat.avatar ? (c(), d("img", {
           key: 0,
           src: t.chat.avatar,
@@ -33,50 +33,50 @@ const z = (e, f) => {
           height: "48"
         }, null, 8, Va)) : (c(), d("span", xa))
       ]),
-      o("div", Sa, [
-        o("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)
       ]),
-      o("div", Ca, [
+      r("div", Ca, [
         G(n.$slots, "actions", {}, void 0, !0)
       ])
     ])) : b("", !0);
   }
-}, pu = /* @__PURE__ */ z(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: l }) => l == 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 = (l) => {
-    he.value[f.value] = {
+  }, a = (o) => {
+    Me.value[f.value] = {
       id: i().id,
-      text: l,
+      text: o,
       file: i().file
     };
-  }, A = (l) => {
-    he.value[f.value] = {
+  }, A = (o) => {
+    Me.value[f.value] = {
       id: i().id,
       text: i().text,
-      file: l
+      file: o
     };
   }, s = () => {
-    he.value[f.value] = {
+    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: A, resetMessageFile: s, setMessageText: a };
 }, Ua = {
@@ -129,7 +129,7 @@ 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: A, setMessageText: s } = At(n), i = I(null);
+    const t = f, n = be("chatAppId"), { resetMessage: a, getMessage: A, setMessageText: s } = At(n), i = I(null);
     Oe(
       () => A().text,
       () => {
@@ -138,9 +138,9 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
         });
       }
     );
-    const l = (u) => {
+    const o = (u) => {
       t("typing", u.target.value);
-    }, r = (u) => {
+    }, l = (u) => {
       if (u.ctrlKey) {
         let m = u.target.selectionStart;
         u.target.setRangeText(`
@@ -158,41 +158,41 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
           filename: null,
           size: null
         };
-        u.value.file ? (p.type = "message." + u.value.file.type, p.url = u.value.file.url, p.filename = u.value.file.name, p.size = u.value.file.size, p.text = (m = u == null ? void 0 : u.value) == null ? void 0 : m.text.trim()) : (p.type = "message.text", p.text = u.value.text.trim()), t("send", p), a(), j(i).focus();
+        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 (u, m) => (c(), d("div", Ya, [
-      o("div", qa, [
-        o("div", {
-          id: "chat-input-first-line-" + j(n),
+      r("div", qa, [
+        r("div", {
+          id: "chat-input-first-line-" + D(n),
           class: "chat-input__first-line"
         }, null, 8, Ha),
-        o("div", Fa, [
-          we(o("textarea", {
+        r("div", Fa, [
+          Ne(r("textarea", {
             ref_key: "refInput",
             ref: i,
-            "onUpdate:modelValue": m[0] || (m[0] = (p) => j(A)().text = p),
+            "onUpdate:modelValue": m[0] || (m[0] = (p) => D(A)().text = p),
             class: "chat-input__input",
-            placeholder: j(Se)("component.ChatInput.InputPlaceholder"),
-            onKeydown: Ma(r, ["enter"]),
-            onInput: l
+            placeholder: D(Se)("component.ChatInput.InputPlaceholder"),
+            onKeydown: Ma(l, ["enter"]),
+            onInput: o
           }, null, 40, Pa), [
-            [xt, j(A)().text]
+            [xt, D(A)().text]
           ]),
-          o("button", {
-            class: x(["chat-input__button-send", { "chat-input__button-send-disabled": j(A)().text == "" && !j(A)().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] = [
-            o("span", { class: "pi pi-send" }, null, -1)
+            r("span", { class: "pi pi-send" }, null, -1)
           ]), 2)
         ]),
-        o("div", $a, [
+        r("div", $a, [
           G(u.$slots, "buttons", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}, hu = /* @__PURE__ */ z(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 = {
@@ -223,7 +223,7 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
       A.chats.forEach((p) => p.isSelected = !1);
       const m = A.chats.find((p) => p.chatId === u.chatId);
       m.isSelected = !0, s("select", u);
-    }, l = () => A.chats.toSorted((u, m) => {
+    }, 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;
@@ -231,15 +231,15 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
       if (u.countUnread > m.countUnread) return -1;
       if (u.countUnread < m.countUnread) return 1;
       if (u.countUnread == m.countUnread) return 0;
-    }).filter((u) => u.name.includes(t.value) || u.metadata.includes(t.value)), r = (u) => {
+    }).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, [
-      o("div", {
+      r("div", {
         class: "chat-list__title-container",
         onMouseleave: a
       }, [
-        o("h2", Ja, w(j(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(j(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(j(_s), {
+      e.filterEnabled ? (c(), P(D(_s), {
         key: 0,
         class: "chat-list__filter",
-        onUpdate: r
+        onUpdate: l
       })) : b("", !0),
-      o("div", Xa, [
-        o("div", eA, [
-          (c(!0), d($, null, Z(l().filter((p) => p.isFixedTop), (p) => (c(), F(j(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))
         ]),
-        o("div", fA, [
-          (c(!0), d($, null, Z(l().filter((p) => !p.isFixedBottom && !p.isFixedTop), (p) => (c(), F(j(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))
         ]),
-        o("div", tA, [
-          (c(!0), d($, null, Z(l().filter((p) => p.isFixedBottom), (p) => (c(), F(j(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__ */ z(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({
@@ -324,7 +324,7 @@ 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, A = f, s = () => {
-      const u = j(t);
+      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,
@@ -337,19 +337,19 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
       "system.date": Xl,
       "message.typing": On
     })[u];
-    function l() {
+    function o() {
       a.isScrollToBottomOnUpdateObjectsEnabled && vt(function() {
-        const u = j(t);
+        const u = D(t);
         u.scrollTop = u.scrollHeight;
       });
     }
-    function r() {
+    function l() {
       vt(function() {
-        const u = j(t);
+        const u = D(t);
         u.scrollTop = u.scrollHeight;
       });
     }
-    ya(() => l), Oe(() => a.objects, l);
+    ya(() => o), Oe(() => a.objects, o);
     const g = (u) => {
       A("messageAction", u);
     };
@@ -359,37 +359,37 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
       class: "message-feed",
       onScroll: s
     }, [
-      o("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(j(On), {
+      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: r
+            onClick: l
           }, [
             e.buttonParams ? (c(), d("div", AA, w(e.buttonParams.unreadAmount), 1)) : b("", !0),
-            m[0] || (m[0] = o("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__ */ z(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, [
-          o("span", {
+          r("span", {
             class: "profile__status",
-            style: P({ backgroundColor: e.user.status })
+            style: q({ backgroundColor: e.user.status })
           }, null, 4),
-          o("img", {
+          r("img", {
             src: e.user.avatar,
             height: "48",
             width: "48"
           }, null, 8, rA)
         ])) : b("", !0),
-        o("h2", uA, w(e.user.name), 1),
-        o("p", cA, w(e.user.email), 1),
-        o("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__ */ z(gA, [["__scopeId", "data-v-04a5ab7d"]]), mA = ["id"], pA = {
+}, Mu = /* @__PURE__ */ z(gA, [["__scopeId", "data-v-04a5ab7d"]]), mA = ["id"], pA = {
   __name: "ButtonContextMenu",
   props: {
     actions: {
@@ -460,16 +460,16 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
   setup(e, { emit: f }) {
     const t = e, n = St(), a = f, A = I(null), s = I(null), i = (m) => {
       A.value.$el.style.display = "none", a("click", m);
-    }, l = () => {
+    }, o = () => {
       t.disabled || (t.mode == "click" && (A.value.$el.style.display = "inherit"), a("buttonClick"));
-    }, r = () => {
+    }, 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(() => {
+    return pe(() => {
       const m = {
         top: {
           h: -1,
@@ -493,41 +493,41 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
     }), zt(() => {
       document.removeEventListener("click", u);
     }), (m, p) => (c(), d("div", {
-      id: "container-" + j(n),
+      id: "container-" + D(n),
       ref_key: "actionScope",
       ref: s,
       style: { position: "relative", width: "fit-content" }
     }, [
-      o("div", {
+      r("div", {
         class: x(["button", {
           "disabled-button": e.disabled
         }]),
-        onClick: l,
-        onMouseover: r,
+        onClick: o,
+        onMouseover: l,
         onMouseout: g
       }, [
-        o("span", {
+        r("span", {
           class: x(e.buttonClass)
         }, w(e.buttonTitle), 3)
       ], 34),
-      L(j(je), {
-        id: "context-menu-" + j(n),
+      L(D(je), {
+        id: "context-menu-" + D(n),
         ref_key: "contextMenu",
         ref: A,
         actions: e.actions,
-        onMouseover: r,
+        onMouseover: l,
         onMouseout: g,
         onClick: i
       }, null, 8, ["id", "actions"])
     ], 8, mA));
   }
 }, Un = /* @__PURE__ */ z(pA, [["__scopeId", "data-v-febe2c45"]]);
-function vu(e) {
+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), 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++) {
@@ -541,7 +541,7 @@ const Iu = (e) => {
     }), t = A), f.push(a);
   }
   return f;
-}, _u = async () => {
+}, vu = async () => {
   try {
     if (await navigator.mediaDevices.getUserMedia({ audio: !0 })) {
       const f = new Audio();
@@ -550,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), dn = (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) => {
@@ -597,36 +597,36 @@ const Iu = (e) => {
       n("reset");
     }
     return (A, s) => (c(), d("div", hA, [
-      o("div", MA, [
+      r("div", MA, [
         t.isImage ? (c(), d("div", yA, [
-          o("img", {
+          r("img", {
             src: e.previewUrl,
             alt: "Image Preview",
             class: "preview__image"
           }, null, 8, bA)
         ])) : t.isVideo ? (c(), d("div", vA, [
-          o("video", {
+          r("video", {
             src: e.previewUrl,
             class: "preview__video"
           }, null, 8, IA)
         ])) : t.isAudio ? (c(), d("div", _A, s[0] || (s[0] = [
-          o("span", {
+          r("span", {
             class: "pi pi-headphones",
             style: { "font-size": "2.5rem" }
           }, null, -1)
         ]))) : (c(), d("div", wA, s[1] || (s[1] = [
-          o("span", {
+          r("span", {
             class: "pi pi-file",
             style: { "font-size": "2.5rem" }
           }, null, -1)
         ])))
       ]),
-      o("div", kA, [
-        o("div", NA, [
-          o("span", DA, w(e.fileName), 1),
-          o("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)
         ]),
-        o("span", {
+        r("span", {
           class: "pi pi-times preview__reset",
           style: { "font-size": "1rem" },
           onClick: a
@@ -647,7 +647,7 @@ const Iu = (e) => {
   },
   emits: ["fileUploaded"],
   setup(e, { emit: f }) {
-    const t = e, n = I(null), a = I(""), A = I(""), s = I(!1), i = I(!1), l = I(!1), r = I(null), g = I(""), u = ke("chatAppId"), { setMessageFile: m, resetMessageFile: p, getMessage: h } = At(u), M = [
+    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: "Аудио",
@@ -671,10 +671,10 @@ const Iu = (e) => {
     ], y = U(() => !h().file), _ = () => {
       n.value = null, p(), A.value = "", a.value = "";
     }, k = (T) => {
-      _(), console.log("onFileSelected", T.target.files[0]), n.value = T.target.files[0], n.value && (D(), N());
-    }, D = () => {
+      _(), 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, l.value = !1, O === "image" ? s.value = !0 : O === "video" ? i.value = !0 : O === "audio" && (l.value = !0), s.value || i.value) {
+      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) => {
           A.value = te.target.result;
@@ -709,17 +709,17 @@ const Iu = (e) => {
         console.error("Ошибка при загрузке файла:", C), a.value = "error";
       }
     }, E = (T) => {
-      r.value && y && (r.value.accept = T.action, r.value.click());
+      l.value && y && (l.value.accept = T.action, l.value.click());
     }, S = () => {
-      r.value && y && t.state == "active" && r.value.click();
+      l.value && y && t.state == "active" && l.value.click();
     };
     return (T, O) => (c(), d($, null, [
-      o("div", VA, [
+      r("div", VA, [
         a.value === "uploading" ? (c(), d("div", xA, O[0] || (O[0] = [
-          o("p", null, "Загрузка файла...", -1)
+          r("p", null, "Загрузка файла...", -1)
         ]))) : a.value === "error" ? (c(), d("div", SA, O[1] || (O[1] = [
-          o("p", null, "Ошибка при загрузке файла.", -1)
-        ]))) : (c(), F(Un, {
+          r("p", null, "Ошибка при загрузке файла.", -1)
+        ]))) : (c(), P(Un, {
           key: 2,
           actions: M,
           mode: "hover",
@@ -729,31 +729,31 @@ const Iu = (e) => {
           onClick: E,
           onButtonClick: S
         }, null, 8, ["disabled"])),
-        o("input", {
+        r("input", {
           ref_key: "fileInput",
-          ref: r,
+          ref: l,
           style: { display: "none" },
           type: "file",
           onChange: k
         }, null, 544)
       ]),
-      j(h)().file ? (c(), F(Ot, {
+      D(h)().file ? (c(), P(Ot, {
         key: 0,
-        to: "#chat-input-first-line-" + j(u)
+        to: "#chat-input-first-line-" + D(u)
       }, [
         L(TA, {
           "preview-url": A.value,
           "is-image": s.value,
           "is-video": i.value,
-          "is-audio": l.value,
-          "file-name": j(h)().file.name,
+          "is-audio": o.value,
+          "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__ */ z(zA, [["__scopeId", "data-v-1cdabe09"]]), 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: {
@@ -763,31 +763,31 @@ const Iu = (e) => {
     show: Boolean
   },
   setup(e) {
-    const f = e, t = () => {
-      const A = f.themes.find((s) => s.default === !0);
-      return A ? A.code : f.themes[0].code;
-    }, n = (A) => {
-      const s = A.target.value;
-      a(s);
-    }, a = (A) => {
-      document.documentElement.dataset.theme = A;
+    const f = e, t = be("chatAppId"), n = () => {
+      const s = f.themes.find((i) => i.default === !0);
+      return s ? s.code : f.themes[0].code;
+    }, a = (s) => {
+      const i = s.target.value;
+      A(i);
+    }, A = (s) => {
+      document.getElementById(t).dataset.theme = s;
     };
-    return Ne(() => {
-      const A = t();
-      a(A);
-    }), (A, s) => e.show ? (c(), d("div", OA, [
-      o("select", {
-        onChange: s[0] || (s[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, l) => (c(), d("option", {
+        (c(!0), d($, null, Z(f.themes, (o, l) => (c(), d("option", {
           key: l,
-          value: i.code,
-          selected: i.default === !0
-        }, w(i.name), 9, CA))), 128))
+          value: o.code,
+          selected: o.default === !0
+        }, w(o.name), 9, CA))), 128))
       ], 32)
     ])) : b("", !0);
   }
-}, Nu = /* @__PURE__ */ z(LA, [["__scopeId", "data-v-be17a762"]]), UA = { class: "sidebar" }, BA = { class: "sidebar__container" }, QA = { class: "sidebar__list" }, RA = ["onClick"], YA = ["src", "alt"], qA = { key: 1 }, HA = { class: "sidebar__list-fixed" }, FA = ["onClick"], PA = ["src", "alt"], $A = { key: 1 }, WA = {
+}, 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: {
@@ -799,54 +799,54 @@ const Iu = (e) => {
   emits: ["selectItem"],
   setup(e, { emit: f }) {
     const n = va(e, "sidebarItems"), a = f, A = (i) => {
-      const l = n.value.find((r) => r.itemId === i);
-      a("selectItem", l);
+      const o = n.value.find((l) => l.itemId === i);
+      a("selectItem", o);
     }, s = (i) => {
-      const l = i.split(" ");
-      return l.length > 2 ? l.slice(0, 2).join(" ") : i;
+      const o = i.split(" ");
+      return o.length > 2 ? o.slice(0, 2).join(" ") : i;
     };
-    return (i, l) => (c(), d("div", UA, [
-      o("div", BA, [
-        o("ul", QA, [
-          (c(!0), d($, null, Z(n.value.filter((r) => !r.isFixedBottom), (r, g) => (c(), d("li", {
+    return (i, o) => (c(), d("div", UA, [
+      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: (u) => A(r.itemId)
+            onClick: (u) => A(l.itemId)
           }, [
-            o("img", {
-              src: r.icon,
-              alt: r.name,
-              class: x(["sidebar__image", { "sidebar__image--active": r.selected === !0 }])
+            r("img", {
+              src: l.icon,
+              alt: l.name,
+              class: x(["sidebar__image", { "sidebar__image--active": l.selected === !0 }])
             }, null, 10, YA),
-            r.notificationCount ? (c(), d("span", {
+            l.notificationCount ? (c(), d("span", {
               key: 0,
-              style: P({ backgroundColor: r.notificationColor ? r.notificationColor : "red" })
-            }, w(r.notificationCount > 99 ? "99+" : r.notificationCount), 5)) : b("", !0),
-            r.name ? (c(), d("p", qA, w(s(r.name)), 1)) : b("", !0)
+              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))
         ]),
-        o("ul", HA, [
-          (c(!0), d($, null, Z(n.value.filter((r) => r.isFixedBottom), (r, 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: (u) => A(r.itemId)
+            onClick: (u) => A(l.itemId)
           }, [
-            o("img", {
-              src: r.icon,
-              alt: r.name,
-              class: x(["sidebar__image", { "sidebar__image--active": r.selected === !0 }])
+            r("img", {
+              src: l.icon,
+              alt: l.name,
+              class: x(["sidebar__image", { "sidebar__image--active": l.selected === !0 }])
             }, null, 10, PA),
-            r.notificationCount ? (c(), d("span", {
+            l.notificationCount ? (c(), d("span", {
               key: 0,
-              style: P({ backgroundColor: r.notificationColor ? r.notificationColor : "red" })
-            }, w(r.notificationCount > 99 ? "99+" : r.notificationCount), 5)) : b("", !0),
-            r.name ? (c(), d("p", $A, w(s(r.name)), 1)) : b("", !0)
+              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__ */ z(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 = {
@@ -861,21 +861,21 @@ const Iu = (e) => {
   emits: ["close-panel"],
   setup(e, { emit: f }) {
     return (t, n) => (c(), d("div", KA, [
-      o("div", JA, [
+      r("div", JA, [
         e.title ? (c(), d("p", GA, w(e.title), 1)) : b("", !0),
-        o("button", {
+        r("button", {
           class: "chat-panel__button-close",
           onClick: n[0] || (n[0] = (a) => t.$emit("close-panel"))
         }, n[1] || (n[1] = [
-          o("span", { class: "pi pi-times" }, null, -1)
+          r("span", { class: "pi pi-times" }, null, -1)
         ]))
       ]),
-      o("div", null, [
+      r("div", null, [
         G(t.$slots, "content", {}, void 0, !0)
       ])
     ]));
   }
-}, ju = /* @__PURE__ */ z(ZA, [["__scopeId", "data-v-1f6ac199"]]), XA = { class: "channels" }, es = {
+}, Nu = /* @__PURE__ */ z(ZA, [["__scopeId", "data-v-1f6ac199"]]), XA = { class: "channels" }, es = {
   key: 0,
   class: "channels__selected"
 }, fs = {
@@ -907,17 +907,17 @@ const Iu = (e) => {
     const t = e, n = f, A = I(t.channels.find((i) => i.type === "default")), s = (i) => {
       A.value = i, n("selectChannel", A.value);
     };
-    return (i, l) => (c(), d("div", XA, [
-      o("div", {
+    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, [
-            o("img", {
+            r("img", {
               src: A.value.icon
             }, null, 8, ts)
           ])) : b("", !0),
-          o("span", ns, w(A.value.title), 1)
+          r("span", ns, w(A.value.title), 1)
         ])) : (c(), d("span", as, "Канал не выбран")),
         L(Un, {
           actions: e.channels,
@@ -930,7 +930,7 @@ const Iu = (e) => {
       ], 2)
     ]));
   }
-}, Eu = /* @__PURE__ */ z(As, [["__scopeId", "data-v-018ec6fe"]]), 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 = {
@@ -965,10 +965,10 @@ const Iu = (e) => {
       n("select", t.chat);
     }, A = () => t.chat.isSelected ? "chat-item__selected" : "chat-item", s = (y) => {
       g(), n("action", { chatId: t.chat.chatId, ...y });
-    }, i = I(!1), l = I(!1), r = () => {
-      l.value = !0;
+    }, i = I(!1), o = I(!1), l = () => {
+      o.value = !0;
     }, g = () => {
-      l.value = !1, i.value = !1;
+      o.value = !1, i.value = !1;
     }, 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);
@@ -984,15 +984,15 @@ const Iu = (e) => {
       class: x(A()),
       onClick: a
     }, [
-      o("div", {
+      r("div", {
         class: "chat-item__container",
-        onMouseenter: r,
+        onMouseenter: l,
         onMouseleave: g
       }, [
-        o("div", ss, [
-          o("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,34 +1001,34 @@ const Iu = (e) => {
             width: "48"
           }, null, 8, is)) : (c(), d("span", os))
         ]),
-        o("div", ls, [
-          o("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)
         ]),
-        o("div", cs, [
-          e.chat["lastActivity.time"] && !l.value ? (c(), d("div", ds, w(e.chat["lastActivity.time"]), 1)) : b("", !0),
+        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),
-          l.value && e.chat.actions ? (c(), d("button", {
+          o.value && e.chat.actions ? (c(), d("button", {
             key: 2,
             class: "chat-item__menu-button",
             onClick: _[0] || (_[0] = (k) => i.value = !i.value)
           }, _[1] || (_[1] = [
-            o("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, [
-            j(Pe).includes(e.chat["lastMessage.status"]) ? (c(), d("div", {
+            D(Pe).includes(e.chat["lastMessage.status"]) ? (c(), d("div", {
               key: 0,
               class: x(["chat-item__status-message", u.value])
             }, [
               e.chat["lastMessage.status"] !== "sent" ? (c(), d("span", ps)) : b("", !0),
-              _[2] || (_[2] = o("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(j(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,
@@ -1045,17 +1045,17 @@ const Iu = (e) => {
   emits: ["update"],
   setup(e, { emit: f }) {
     const t = I(""), n = f, a = () => {
-      const A = j(t);
+      const A = D(t);
       n("update", A.value);
     };
     return (A, s) => (c(), d("div", ys, [
-      o("div", bs, [
-        o("input", {
+      r("div", bs, [
+        r("input", {
           ref_key: "refInput",
           ref: t,
           class: "chat-filter__input",
           type: "text",
-          placeholder: j(Se)("component.ChatFilter.InputPlaceholder"),
+          placeholder: D(Se)("component.ChatFilter.InputPlaceholder"),
           onInput: a
         }, null, 40, vs)
       ])
@@ -1089,38 +1089,38 @@ const Iu = (e) => {
   },
   emits: ["closeTemplateWindow", "pasteTemplate"],
   setup(e, { emit: f }) {
-    const t = e, n = ke("chatAppId"), { setMessageText: a } = At(n), A = () => {
-      s("closeTemplateWindow"), a(l.value.template);
-    }, s = f, i = I(null), l = I(null), r = I(""), g = (h) => {
-      t.templates.forEach((M) => M.isSelected = !1), h.isSelected = !0, l.value = h;
+    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;
     }, u = () => {
       t.templates.forEach((h) => h.isSelected = !1);
     }, m = U(() => i.value ? t.templates.filter((h) => h.groupId === i.value.groupId) : t.templates), p = U(() => {
-      const h = r.value.trim().toLowerCase();
+      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, [
-      o("div", ks, [
-        o("button", Ns, [
-          o("span", {
+      r("div", ks, [
+        r("button", Ns, [
+          r("span", {
             class: "pi pi-times",
             onClick: M[0] || (M[0] = (y) => h.$emit("closeTemplateWindow"))
           })
         ]),
-        o("ul", Ds, [
+        r("ul", Ds, [
           (c(!0), d($, null, Z(e.groupTemplates, (y, _) => (c(), d("li", {
             key: _,
             class: x(["template-selector__item-group", { "template-selector__item-selected": i.value === y }]),
             onClick: u
           }, [
-            o("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(o("input", {
+              Ne(r("input", {
                 id: _,
                 "onUpdate:modelValue": M[1] || (M[1] = (k) => i.value = k),
                 value: y,
@@ -1129,43 +1129,43 @@ const Iu = (e) => {
               }, null, 8, Ts), [
                 [Ia, i.value]
               ]),
-              o("span", null, w(y.title), 1)
+              r("span", null, w(y.title), 1)
             ])
           ], 2))), 128))
         ]),
-        o("div", Vs, [
-          we(o("input", {
-            "onUpdate:modelValue": M[2] || (M[2] = (y) => r.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, r.value]
+            [xt, l.value]
           ])
         ]),
-        o("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: x(["template-selector__item-template", { "template-selector__item-selected": y.isSelected }]),
               onClick: (k) => g(y)
             }, [
-              o("div", Os, [
-                o("p", Cs, w(y.title), 1),
-                o("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, " Шаблоны отсутствуют "))
         ]),
-        o("div", Bs, [
-          l.value ? (c(), d("div", Qs, [
-            o("div", Rs, [
-              o("p", Ys, w(l.value.template), 1),
-              M[3] || (M[3] = o("p", { class: "template-selector__preview-time" }, " 22:22 ", -1))
+        r("div", Bs, [
+          o.value ? (c(), d("div", Qs, [
+            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, " Предпросмотр шаблона "))
         ]),
-        o("button", {
+        r("button", {
           class: "template-selector__button-paste",
           onClick: A
         }, " Вставить ")
@@ -1202,17 +1202,17 @@ const Iu = (e) => {
       f.mode == "hover" && f.state == "active" && (n.value.style.display = "inherit");
     }, s = () => {
       f.mode == "hover" && f.state == "active" && (n.value.style.display = "none");
-    }, i = (r) => {
-      f.mode == "click" && !t.value.contains(r.target) && !n.value.contains(r.target) && (n.value.style.display = "none");
-    }, l = () => {
+    }, 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);
     }), zt(() => {
       document.removeEventListener("click", i);
-    }), (r, g) => (c(), d($, null, [
-      o("button", {
+    }), (l, g) => (c(), d($, null, [
+      r("button", {
         ref_key: "templateButton",
         ref: t,
         class: x(["button-template", { "button-template-disabled": e.state == "disabled" }]),
@@ -1220,11 +1220,11 @@ const Iu = (e) => {
         onMouseover: A,
         onMouseout: s
       }, g[0] || (g[0] = [
-        o("span", { class: "pi pi-objects-column" }, null, -1)
+        r("span", { class: "pi pi-objects-column" }, null, -1)
       ]), 34),
-      L(q, null, {
-        default: H(() => [
-          o("div", {
+      L(H, null, {
+        default: F(() => [
+          r("div", {
             ref_key: "template",
             ref: n,
             onMouseover: A,
@@ -1233,7 +1233,7 @@ const Iu = (e) => {
             L(Fs, {
               templates: e.templates,
               "group-templates": e.groupTemplates,
-              onCloseTemplateWindow: l
+              onCloseTemplateWindow: o
             }, null, 8, ["templates", "group-templates"])
           ], 544)
         ]),
@@ -1241,7 +1241,7 @@ const Iu = (e) => {
       })
     ], 64));
   }
-}, Tu = /* @__PURE__ */ z(Ps, [["__scopeId", "data-v-8d6cf607"]]), 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",
@@ -13268,7 +13268,7 @@ function gi(e) {
     const a = () => {
       e.removeEventListener("success", A), e.removeEventListener("error", s);
     }, A = () => {
-      t(_e(e.result)), a();
+      t(ke(e.result)), a();
     }, s = () => {
       n(e.error), a();
     };
@@ -13304,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;
@@ -13319,17 +13319,17 @@ 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))
@@ -13339,15 +13339,15 @@ function _e(e) {
 }
 const mt = (e) => Lt.get(e);
 function Ut(e, f, { blocked: t, upgrade: n, blocking: a, terminated: A } = {}) {
-  const s = indexedDB.open(e, f), i = _e(s);
-  return n && s.addEventListener("upgradeneeded", (l) => {
-    n(_e(s.result), l.oldVersion, l.newVersion, _e(s.transaction), l);
-  }), t && s.addEventListener("blocked", (l) => t(
-    l.oldVersion,
-    l.newVersion,
-    l
-  )), i.then((l) => {
-    A && l.addEventListener("close", () => A()), a && l.addEventListener("versionchange", (r) => a(r.oldVersion, r.newVersion, r));
+  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) => {
+    A && o.addEventListener("close", () => A()), a && o.addEventListener("versionchange", (l) => a(l.oldVersion, l.newVersion, l));
   }).catch(() => {
   }), i;
 }
@@ -13361,11 +13361,11 @@ function hn(e, f) {
   if (!(t in (n ? IDBIndex : IDBObjectStore).prototype) || !(a || yi.includes(t)))
     return;
   const A = async function(s, ...i) {
-    const l = this.transaction(s, a ? "readwrite" : "readonly");
-    let r = l.store;
-    return n && (r = r.index(i.shift())), (await Promise.all([
-      r[t](...i),
-      a && l.done
+    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, A), A;
@@ -13449,7 +13449,7 @@ function wi() {
   }
   function n() {
     t().then((u) => {
-      e.recent = u, r();
+      e.recent = u, l();
     });
   }
   const a = (u) => {
@@ -13460,10 +13460,10 @@ function wi() {
     e.activeGroup = u;
   }, i = (u = jf) => {
     e.skinTone = u;
-  }, l = (u) => {
+  }, o = (u) => {
     e.options = Object.assign({}, e.options, u), f();
   };
-  async function r() {
+  async function l() {
     (await Ut(Bt, Qt)).transaction(Be, "readwrite").objectStore(Be).put({
       id: 0,
       value: JSON.stringify(e.recent)
@@ -13476,7 +13476,7 @@ function wi() {
     if (m > 0 && e.recent.splice(m, 1), m === 0)
       return;
     const p = { u: u.u, n: Cn(u.n) };
-    e.recent = [p, ...e.recent], e.recent.length > 24 && (e.recent.length = 24), r();
+    e.recent = [p, ...e.recent], e.recent.length > 24 && (e.recent.length = 24), l();
   };
   return {
     state: Na(e),
@@ -13484,7 +13484,7 @@ function wi() {
     updateEmoji: A,
     updateActiveGroup: s,
     updateSkinTone: i,
-    updateOptions: l,
+    updateOptions: o,
     updateSelect: g
   };
 }
@@ -13544,11 +13544,11 @@ function Ui(e) {
   };
   return Object.assign(f.elements.popper.style, t.popper), f.styles = t, f.elements.arrow && Object.assign(f.elements.arrow.style, t.arrow), function() {
     Object.keys(f.elements).forEach(function(n) {
-      var a = f.elements[n], A = f.attributes[n] || {}, s = Object.keys(f.styles.hasOwnProperty(n) ? f.styles[n] : t[n]), i = s.reduce(function(l, r) {
-        return l[r] = "", l;
+      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(A).forEach(function(l) {
-        a.removeAttribute(l);
+      !Ae(a) || !ge(a) || (Object.assign(a.style, i), Object.keys(A).forEach(function(o) {
+        a.removeAttribute(o);
       }));
     });
   };
@@ -13673,9 +13673,9 @@ 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, A = t.elements.arrow, s = t.modifiersData.popperOffsets, i = de(t.placement), l = qt(i), r = [ee, ie].indexOf(i) >= 0, g = r ? "height" : "width";
+  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 = l === "y" ? X : ee, h = l === "y" ? se : ie, M = t.rects.reference[g] + t.rects.reference[l] - s[l] - t.rects.popper[g], y = s[l] - t.rects.reference[l], _ = lf(A), k = _ ? l === "y" ? _.clientHeight || 0 : _.clientWidth || 0 : 0, D = M / 2 - y / 2, N = u[p], E = k - m[g] - u[h], S = k / 2 - m[g] / 2 + D, T = Ge(N, S, E), O = l;
+    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);
   }
 }
@@ -13709,31 +13709,31 @@ function Wi(e) {
   };
 }
 function bn(e) {
-  var f, t = e.popper, n = e.popperRect, a = e.placement, A = e.variation, s = e.offsets, i = e.position, l = e.gpuAcceleration, r = e.adaptive, g = e.roundOffsets, u = e.isFixed, m = g === !0 ? Wi(s) : typeof g == "function" ? g(s) : s, p = m.x, h = p === void 0 ? 0 : p, M = m.y, y = M === void 0 ? 0 : M, _ = s.hasOwnProperty("x"), k = s.hasOwnProperty("y"), D = ee, N = X, E = window;
-  if (r) {
+  var 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 = u && E.visualViewport ? E.visualViewport.height : S[T];
-      y -= Q - n.height, y *= l ? 1 : -1;
+      y -= Q - n.height, y *= o ? 1 : -1;
     }
     if (a === ee || (a === X || a === se) && A === nf) {
-      D = ie;
+      j = ie;
       var C = u && E.visualViewport ? E.visualViewport.width : S[O];
-      h -= C - n.width, h *= l ? 1 : -1;
+      h -= C - n.width, h *= o ? 1 : -1;
     }
   }
   var B = Object.assign({
     position: i
-  }, r && $i);
-  if (l) {
+  }, l && $i);
+  if (o) {
     var R;
-    return Object.assign({}, B, (R = {}, R[N] = k ? "0" : "", R[D] = _ ? "0" : "", R.transform = (E.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + y + "px)" : "translate3d(" + h + "px, " + y + "px, 0)", R));
+    return Object.assign({}, B, (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, A = t.adaptive, s = A === void 0 ? !0 : A, i = t.roundOffsets, l = i === void 0 ? !0 : i, r = {
+  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,
@@ -13741,16 +13741,16 @@ function Ki(e) {
     gpuAcceleration: a,
     isFixed: f.options.strategy === "fixed"
   };
-  f.modifiersData.popperOffsets != null && (f.styles.popper = Object.assign({}, f.styles.popper, bn(Object.assign({}, r, {
+  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: s,
-    roundOffsets: l
-  })))), f.modifiersData.arrow != null && (f.styles.arrow = Object.assign({}, f.styles.arrow, bn(Object.assign({}, r, {
+    roundOffsets: o
+  })))), f.modifiersData.arrow != null && (f.styles.arrow = Object.assign({}, f.styles.arrow, bn(Object.assign({}, l, {
     offsets: f.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
-    roundOffsets: l
+    roundOffsets: o
   })))), f.attributes.popper = Object.assign({}, f.attributes.popper, {
     "data-popper-placement": f.placement
   });
@@ -13765,13 +13765,13 @@ var Ji = {
   passive: !0
 };
 function Gi(e) {
-  var f = e.state, t = e.instance, n = e.options, a = n.scroll, A = a === void 0 ? !0 : a, s = n.resize, i = s === void 0 ? !0 : s, l = oe(f.elements.popper), r = [].concat(f.scrollParents.reference, f.scrollParents.popper);
-  return A && r.forEach(function(g) {
+  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 && l.addEventListener("resize", t.update, hf), function() {
-    A && r.forEach(function(g) {
+  }), i && o.addEventListener("resize", t.update, hf), function() {
+    A && l.forEach(function(g) {
       g.removeEventListener("scroll", t.update, hf);
-    }), i && l.removeEventListener("resize", t.update, hf);
+    }), i && o.removeEventListener("resize", t.update, hf);
   };
 }
 var Zi = {
@@ -13822,12 +13822,12 @@ function fo(e) {
   };
 }
 function to(e) {
-  var f, t = De(e), n = Ht(e), a = (f = e.ownerDocument) == null ? void 0 : f.body, A = ze(t.scrollWidth, t.clientWidth, a ? a.scrollWidth : 0, a ? a.clientWidth : 0), s = ze(t.scrollHeight, t.clientHeight, a ? a.scrollHeight : 0, a ? a.clientHeight : 0), i = -n.scrollLeft + Ft(e), l = -n.scrollTop;
+  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: l
+    y: o
   };
 }
 function Pt(e) {
@@ -13865,71 +13865,71 @@ function ao(e) {
   }) : [];
 }
 function Ao(e, f, t) {
-  var n = f === "clippingParents" ? ao(e) : [].concat(f), a = [].concat(n, [t]), A = a[0], s = a.reduce(function(i, l) {
-    var r = In(e, l);
-    return i.top = ze(r.top, i.top), i.right = Ef(r.right, i.right), i.bottom = Ef(r.bottom, i.bottom), i.left = ze(r.left, i.left), i;
+  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, A = n ? He(n) : null, s = f.x + f.width / 2 - t.width / 2, i = f.y + f.height / 2 - t.height / 2, l;
+  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:
-      l = {
+      o = {
         x: s,
         y: f.y - t.height
       };
       break;
     case se:
-      l = {
+      o = {
         x: s,
         y: f.y + f.height
       };
       break;
     case ie:
-      l = {
+      o = {
         x: f.x + f.width,
         y: i
       };
       break;
     case ee:
-      l = {
+      o = {
         x: f.x - t.width,
         y: i
       };
       break;
     default:
-      l = {
+      o = {
         x: f.x,
         y: f.y
       };
   }
-  var r = a ? qt(a) : null;
-  if (r != null) {
-    var g = r === "y" ? "height" : "width";
+  var l = a ? qt(a) : null;
+  if (l != null) {
+    var g = l === "y" ? "height" : "width";
     switch (A) {
       case Qe:
-        l[r] = l[r] - (f[g] / 2 - t[g] / 2);
+        o[l] = o[l] - (f[g] / 2 - t[g] / 2);
         break;
       case nf:
-        l[r] = l[r] + (f[g] / 2 - t[g] / 2);
+        o[l] = o[l] + (f[g] / 2 - t[g] / 2);
         break;
     }
   }
-  return l;
+  return o;
 }
 function af(e, f) {
   f === void 0 && (f = {});
-  var t = f, n = t.placement, a = n === void 0 ? e.placement : n, A = t.boundary, s = A === void 0 ? ki : A, i = t.rootBoundary, l = i === void 0 ? Hn : i, r = t.elementContext, g = r === void 0 ? Je : r, u = t.altBoundary, m = u === void 0 ? !1 : u, p = t.padding, h = p === void 0 ? 0 : p, M = Kn(typeof h != "number" ? h : Jn(h, of)), y = g === Je ? Ni : Je, _ = e.rects.popper, k = e.elements[m ? y : g], D = Ao(Re(k) ? k : k.contextElement || De(e.elements.popper), s, l), N = qe(e.elements.reference), E = Zn({
+  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
   }), S = wt(Object.assign({}, _, E)), T = g === Je ? S : N, O = {
-    top: D.top - T.top + M.top,
-    bottom: T.bottom - D.bottom + M.bottom,
-    left: D.left - T.left + M.left,
-    right: T.right - D.right + M.right
+    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 C = Q[a];
@@ -13942,10 +13942,10 @@ function af(e, f) {
 }
 function so(e, f) {
   f === void 0 && (f = {});
-  var t = f, n = t.placement, a = t.boundary, A = t.rootBoundary, s = t.padding, i = t.flipVariations, l = t.allowedAutoPlacements, r = l === void 0 ? Fn : l, g = He(n), u = g ? i ? Mn : Mn.filter(function(h) {
+  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 = u.filter(function(h) {
-    return r.indexOf(h) >= 0;
+    return l.indexOf(h) >= 0;
   });
   m.length === 0 && (m = u);
   var p = m.reduce(function(h, M) {
@@ -13969,23 +13969,23 @@ function io(e) {
 function oo(e) {
   var f = e.state, t = e.options, n = e.name;
   if (!f.modifiersData[n]._skip) {
-    for (var a = t.mainAxis, A = a === void 0 ? !0 : a, s = t.altAxis, i = s === void 0 ? !0 : s, l = t.fallbackPlacements, r = t.padding, g = t.boundary, u = t.rootBoundary, m = t.altBoundary, p = t.flipVariations, h = p === void 0 ? !0 : p, M = t.allowedAutoPlacements, y = f.options.placement, _ = de(y), k = _ === y, D = l || (k || !h ? [_f(y)] : io(y)), N = [y].concat(D).reduce(function(Ce, ye) {
-      return Ce.concat(de(ye) === Rt ? so(f, {
-        placement: ye,
+    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: u,
-        padding: r,
+        padding: l,
         flipVariations: h,
         allowedAutoPlacements: M
-      }) : ye);
+      }) : 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, pe = [X, se].indexOf(R) >= 0, le = pe ? "width" : "height", Y = af(f, {
+      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: u,
         altBoundary: m,
-        padding: r
-      }), W = pe ? te ? ie : ee : te ? se : X;
+        padding: l
+      }), W = he ? te ? ie : ee : te ? se : X;
       E[le] > S[le] && (W = _f(W));
       var uf = _f(W), Ee = [];
       if (A && Ee.push(Y[R] <= 0), i && Ee.push(Y[W] <= 0, Y[uf] <= 0), Ee.every(function(Ce) {
@@ -13997,11 +13997,11 @@ function oo(e) {
       T.set(B, Ee);
     }
     if (O)
-      for (var cf = h ? 3 : 1, lt = function(ye) {
+      for (var cf = h ? 3 : 1, lt = function(ve) {
         var Ke = N.find(function(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;
             });
         });
@@ -14046,10 +14046,10 @@ function ro(e) {
     elementContext: "reference"
   }), i = af(f, {
     altBoundary: !0
-  }), l = _n(s, n), r = _n(i, a, A), g = wn(l), u = wn(r);
+  }), o = _n(s, n), l = _n(i, a, A), g = wn(o), u = wn(l);
   f.modifiersData[t] = {
-    referenceClippingOffsets: l,
-    popperEscapeOffsets: r,
+    referenceClippingOffsets: o,
+    popperEscapeOffsets: l,
     isReferenceHidden: g,
     hasPopperEscaped: u
   }, f.attributes.popper = Object.assign({}, f.attributes.popper, {
@@ -14079,8 +14079,8 @@ function co(e, f, t) {
 function go(e) {
   var f = e.state, t = e.options, n = e.name, a = t.offset, A = a === void 0 ? [0, 0] : a, s = Fn.reduce(function(g, u) {
     return g[u] = co(u, f.rects, A), g;
-  }, {}), i = s[f.placement], l = i.x, r = i.y;
-  f.modifiersData.popperOffsets != null && (f.modifiersData.popperOffsets.x += l, f.modifiersData.popperOffsets.y += r), f.modifiersData[n] = s;
+  }, {}), 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",
@@ -14109,12 +14109,12 @@ function Mo(e) {
   return e === "x" ? "y" : "x";
 }
 function yo(e) {
-  var f = e.state, t = e.options, n = e.name, a = t.mainAxis, A = a === void 0 ? !0 : a, s = t.altAxis, i = s === void 0 ? !1 : s, l = t.boundary, r = t.rootBoundary, g = t.altBoundary, u = t.padding, m = t.tether, p = m === void 0 ? !0 : m, h = t.tetherOffset, M = h === void 0 ? 0 : h, y = af(f, {
-    boundary: l,
-    rootBoundary: r,
+  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: l,
     padding: u,
     altBoundary: g
-  }), _ = de(f.placement), k = He(f.placement), D = !k, N = qt(_), E = Mo(N), S = f.modifiersData.popperOffsets, T = f.rects.reference, O = f.rects.popper, Q = typeof M == "function" ? M(Object.assign({}, f.rects, {
+  }), _ = 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, C = typeof Q == "number" ? {
     mainAxis: Q,
@@ -14128,10 +14128,10 @@ function yo(e) {
   };
   if (S) {
     if (A) {
-      var te, pe = N === "y" ? X : ee, le = N === "y" ? se : ie, Y = N === "y" ? "height" : "width", W = S[N], uf = W + y[pe], Ee = W - y[le], cf = p ? -O[Y] / 2 : 0, lt = k === Qe ? T[Y] : O[Y], We = k === Qe ? -O[Y] : -T[Y], df = f.elements.arrow, Ce = p && df ? Yt(df) : {
+      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, T[Y], Ce[Y]), rt = D ? T[Y] / 2 - cf - Te - Ke - C.mainAxis : lt - Te - Ke - C.mainAxis, ca = D ? -T[Y] / 2 + cf + Te + gf + C.mainAxis : We + Te + gf + C.mainAxis, ut = f.elements.arrow && lf(f.elements.arrow), da = ut ? N === "y" ? ut.clientTop || 0 : ut.clientLeft || 0 : 0, fn = (te = B == null ? void 0 : B[N]) != null ? te : 0, ga = W + rt - fn - da, ma = W + ca - fn, tn = Ge(p ? Ef(uf, ga) : uf, W, p ? ze(Ee, ma) : Ee);
+      }, 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) {
@@ -14166,13 +14166,13 @@ function wo(e, f, t) {
   var n = Ae(f), a = Ae(f) && _o(f), A = De(f), s = qe(e, a), i = {
     scrollLeft: 0,
     scrollTop: 0
-  }, l = {
+  }, o = {
     x: 0,
     y: 0
   };
-  return (n || !n && !t) && ((ge(f) !== "body" || Pt(A)) && (i = Io(f)), Ae(f) ? (l = qe(f, !0), l.x += f.clientLeft, l.y += f.clientTop) : A && (l.x = Ft(A))), {
-    x: s.left + i.scrollLeft - l.x,
-    y: s.top + i.scrollTop - l.y,
+  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
   };
@@ -14187,8 +14187,8 @@ function ko(e) {
     var s = [].concat(A.requires || [], A.requiresIfExists || []);
     s.forEach(function(i) {
       if (!t.has(i)) {
-        var l = f.get(i);
-        l && a(l);
+        var o = f.get(i);
+        o && a(o);
       }
     }), n.push(A);
   }
@@ -14241,8 +14241,8 @@ function Nn() {
 function Eo(e) {
   e === void 0 && (e = {});
   var f = e, t = f.defaultModifiers, n = t === void 0 ? [] : t, a = f.defaultOptions, A = a === void 0 ? kn : a;
-  return function(i, l, r) {
-    r === void 0 && (r = A);
+  return function(i, o, l) {
+    l === void 0 && (l = A);
     var g = {
       placement: "bottom",
       orderedModifiers: [],
@@ -14250,7 +14250,7 @@ function Eo(e) {
       modifiersData: {},
       elements: {
         reference: i,
-        popper: l
+        popper: o
       },
       attributes: {},
       styles: {}
@@ -14260,20 +14260,20 @@ function Eo(e) {
         var k = typeof _ == "function" ? _(g.options) : _;
         M(), g.options = Object.assign({}, A, g.options, k), g.scrollParents = {
           reference: Re(i) ? Ze(i) : i.contextElement ? Ze(i.contextElement) : [],
-          popper: Ze(l)
+          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 (Nn(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: Yt(D)
+              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);
             });
@@ -14302,20 +14302,20 @@ function Eo(e) {
         M(), m = !0;
       }
     };
-    if (!Nn(i, l))
+    if (!Nn(i, o))
       return p;
-    p.setOptions(r).then(function(y) {
-      !m && r.onFirstUpdate && r.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 E = N({
             state: g,
             name: _,
             instance: p,
-            options: D
+            options: j
           }), S = function() {
           };
           u.push(E || S);
@@ -14343,18 +14343,18 @@ function xo(e, f, t, n = []) {
       return;
     const s = [];
     e[A].forEach((i) => {
-      var l;
+      var o;
       if (i[st][0].includes(f.toLocaleLowerCase())) {
-        let r = i[Rn];
+        let l = i[Rn];
         if (t !== jf && Array.isArray(i[pf])) {
-          const g = ((l = i[pf]) == null ? void 0 : l.findIndex(
+          const g = ((o = i[pf]) == null ? void 0 : o.findIndex(
             (u) => u.includes(t)
           )) || -1;
-          g !== -1 && i[pf] && (r = i[pf][g]);
+          g !== -1 && i[pf] && (l = i[pf][g]);
         }
         return s.push({
           ...i,
-          [tf]: r
+          [tf]: l
         });
       }
     }), s.length && (a[A] = s);
@@ -14382,14 +14382,14 @@ 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
-    )), A = _a(), s = U(() => !e.options.hideGroupNames), i = U(() => !e.options.disableStickyGroupNames), l = Cn(e.options.groupNames), r = 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] ? l[h] = e.options.groupNames[h] : l[h] = fa(h);
+      e.options.groupNames[h] ? o[h] = e.options.groupNames[h] : o[h] = fa(h);
     });
     const g = ea() ? "is-mac" : "";
     function u(h) {
@@ -14429,8 +14429,8 @@ const So = K({
       hasGroupNames: s,
       isSticky: i,
       platform: g,
-      groupNames: l,
-      orderedKeys: r
+      groupNames: o,
+      orderedKeys: l
     };
   }
 }), zo = { class: "v3-body" }, Oo = ["id"], Co = { class: "v3-emojis" }, Lo = ["onMouseenter", "onClick"], Uo = { key: 0 }, Bo = ["src", "alt", "onError"], Qo = {
@@ -14439,7 +14439,7 @@ const So = K({
 };
 function Ro(e, f, t, n, a, A) {
   return c(), d("div", zo, [
-    o("div", {
+    r("div", {
       ref: "bodyInner",
       class: x([e.platform, "v3-body-inner"])
     }, [
@@ -14448,24 +14448,24 @@ function Ro(e, f, t, n, a, A) {
         key: s,
         class: "v3-group"
       }, [
-        e.hasGroupNames ? we((c(), d("h5", {
+        e.hasGroupNames ? Ne((c(), d("h5", {
           key: 0,
           class: x(e.isSticky ? "v3-sticky" : "")
         }, w(e.groupNames[s]), 3)), [
           [Df, e.emojis[s]]
         ]) : b("", !0),
-        we(o("div", Co, [
+        Ne(r("div", Co, [
           (c(!0), d($, null, Z(e.emojis[s], (i) => (c(), d("button", {
             key: i.r,
             type: "button",
-            onMouseenter: (l) => e.handleMouseEnter(i),
-            onClick: (l) => e.handleClick(i)
+            onMouseenter: (o) => e.handleMouseEnter(i),
+            onClick: (o) => e.handleClick(i)
           }, [
             e.native ? (c(), d("span", Uo, w(e.unicodeToEmoji(i.r)), 1)) : (c(), d("img", {
               key: 1,
               src: e.EMOJI_REMOTE_SRC + `/${i.r}.png`,
               alt: i.n[0],
-              onError: (l) => e.handleError(l, i.r)
+              onError: (o) => e.handleError(o, i.r)
             }, null, 40, Bo))
           ], 40, Lo))), 128))
         ], 512), [
@@ -14479,12 +14479,12 @@ 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), A = U(() => !f.options.hideGroupIcons), s = 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 || ""
-    ), l = U({
+    ), o = U({
       get: () => f.search,
       set: (u) => t(u)
-    }), r = [
+    }), l = [
       ...f.groups,
       ...Object.keys(f.options.additionalGroups).map((u) => ({
         key: u,
@@ -14492,12 +14492,12 @@ const Go = K({
       }))
     ], g = [];
     return s.forEach((u) => {
-      const m = r.findIndex((p) => p.key === u);
-      m !== -1 && (g.push(r[m]), r.splice(m, 1));
+      const m = l.findIndex((p) => p.key === u);
+      m !== -1 && (g.push(l[m]), l.splice(m, 1));
     }), {
       orderedGroups: g,
       orderedKeys: s,
-      searchValue: l,
+      searchValue: o,
       updateActiveGroup: n,
       hasSearch: a,
       hasGroupIcons: A,
@@ -14540,11 +14540,11 @@ function s1(e, f, t, n, a, A) {
         }]),
         onClick: (i) => e.updateActiveGroup(s.key)
       }, [
-        o("span", {
+        r("span", {
           title: s.title,
           class: "v3-icon"
         }, [
-          o("img", {
+          r("img", {
             src: e.icons[s.key],
             alt: ""
           }, null, 8, t1)
@@ -14553,7 +14553,7 @@ function s1(e, f, t, n, a, A) {
     ])) : b("", !0),
     e.hasGroupIcons && e.hasSearch ? (c(), d("div", n1)) : b("", !0),
     e.hasSearch ? (c(), d("div", a1, [
-      we(o("input", {
+      Ne(r("input", {
         "onUpdate:modelValue": f[0] || (f[0] = (s) => e.searchValue = s),
         type: "text",
         placeholder: e.placeholder
@@ -14567,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), A = 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"
-    ), s = U(() => !e.options.disableSkinTones), i = ea() ? "is-mac" : "", l = U(() => ({
+    ), s = U(() => !e.options.disableSkinTones), i = ea() ? "is-mac" : "", o = U(() => ({
       ...e.emoji,
       src: Bn + "/" + e.emoji[tf] + ".png"
     }));
-    function r(m = !0) {
+    function l(m = !0) {
       t.value = m;
     }
     function g() {
       t.value = !t.value;
     }
     function u(m) {
-      f(m), r(!1);
+      f(m), l(!1);
     }
     return Oe(
       () => e.emoji,
@@ -14588,9 +14588,9 @@ const o1 = K({
         n.value = !1;
       }
     ), {
-      emoji: l,
+      emoji: o,
       SKIN_TONES: Xs,
-      updateSkinToneState: r,
+      updateSkinToneState: l,
       skinTone: t,
       stateSkinTone: a,
       selectSkinTone: u,
@@ -14611,8 +14611,8 @@ function m1(e, f, t, n, a, A) {
     class: "v3-footer",
     onMouseleave: f[2] || (f[2] = (s) => e.updateSkinToneState(!1))
   }, [
-    o("div", l1, [
-      o("span", {
+    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", {
@@ -14622,20 +14622,20 @@ function m1(e, f, t, n, a, A) {
           onError: f[0] || (f[0] = (s) => e.hasError = !0)
         }, null, 40, u1))
       ], 2),
-      o("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 }, [
-      o("button", {
+      r("button", {
         type: "button",
         class: "v3-tone",
         onClick: f[1] || (f[1] = (...s) => e.toggleSkinToneState && e.toggleSkinToneState(...s))
       }, [
-        o("span", d1, w(e.skinToneText), 1),
-        o("span", {
+        r("span", d1, w(e.skinToneText), 1),
+        r("span", {
           class: x(`v3-icon v3-tone-${e.stateSkinTone}`)
         }, null, 2)
       ]),
-      o("div", {
+      r("div", {
         class: x([e.skinTone ? "v3-is-open" : "", "v3-skin-tones"])
       }, [
         (c(!0), d($, null, Z(e.SKIN_TONES, (s) => (c(), d("button", {
@@ -14688,18 +14688,18 @@ const h1 = K({
   },
   setup(e, { emit: f }) {
     const t = I(), n = I(), a = I(), A = I(!1), s = I(e.text), i = e.type === "input" || e.type === "textarea";
-    let l = -1;
-    const { state: r } = ke("store"), g = U(() => r.options.colorTheme);
+    let o = -1;
+    const { state: l } = be("store"), g = U(() => l.options.colorTheme);
     function u(y) {
       if (i) {
-        const _ = r.options.mode;
-        _ === "prepend" ? s.value = y.i + s.value : _ === "insert" && l !== -1 ? (s.value = `${s.value.slice(0, l)}${y.i}${s.value.slice(l)}`, l += y.i.length) : s.value += y.i, f("update:text", s.value);
+        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);
     }
     function m() {
       var y;
-      t.value && (l = ((y = t.value) == null ? void 0 : y.selectionEnd) || -1);
+      t.value && (o = ((y = t.value) == null ? void 0 : y.selectionEnd) || -1);
     }
     function p(y) {
       var _;
@@ -14709,7 +14709,7 @@ const h1 = K({
     }
     function h() {
       if (n.value && a.value && i) {
-        let y = r.options.offset;
+        let y = l.options.offset;
         typeof y != "number" && (y = 6), Vo(n.value, a.value, {
           placement: "bottom-end",
           modifiers: [
@@ -14726,7 +14726,7 @@ const h1 = K({
     function M(y) {
       s.value = y.target.value || "", f("update:text", s.value);
     }
-    return Ne(() => {
+    return pe(() => {
       h();
     }), wa(() => {
       document.body.removeEventListener("click", p);
@@ -14749,46 +14749,46 @@ const h1 = K({
   class: "v3-input-emoji-picker"
 }, y1 = { class: "v3-input-picker-root" }, b1 = ["value"], v1 = ["value"], I1 = ["src"];
 function _1(e, f, t, n, a, A) {
-  const s = If("Header"), i = If("Body"), l = If("Footer");
+  const s = If("Header"), i = If("Body"), o = If("Footer");
   return e.isInputType ? (c(), d("div", M1, [
-    o("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] = (...r) => e.onChangeText && e.onChangeText(...r)),
-        onBlur: f[1] || (f[1] = (...r) => e.updateCursor && e.updateCursor(...r))
+        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] = (...r) => e.onChangeText && e.onChangeText(...r)),
-        onBlur: f[3] || (f[3] = (...r) => e.updateCursor && e.updateCursor(...r))
+        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)),
-      o("div", {
+      r("div", {
         class: x(["v3-input-picker-wrap", e.open ? "v3-picker-is-open" : ""])
       }, [
-        o("button", {
+        r("button", {
           ref: "button",
           type: "button",
           class: "v3-input-picker-icon",
-          onClick: f[4] || (f[4] = (r) => e.open = !e.open)
+          onClick: f[4] || (f[4] = (l) => e.open = !e.open)
         }, [
-          o("img", {
+          r("img", {
             src: e.face,
             alt: ""
           }, null, 8, I1)
         ], 512),
-        o("div", {
+        r("div", {
           ref: "picker",
           class: x(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
         }, [
           L(s),
           L(i, { onSelect: e.onSelect }, null, 8, ["onSelect"]),
-          L(l)
+          L(o)
         ], 2)
       ], 2)
     ])
@@ -14798,7 +14798,7 @@ function _1(e, f, t, n, a, A) {
   }, [
     L(s),
     L(i, { onSelect: e.onSelect }, null, 8, ["onSelect"]),
-    L(l)
+    L(o)
   ], 2));
 }
 var w1 = /* @__PURE__ */ rf(h1, [["render", _1]]);
@@ -14917,7 +14917,7 @@ const k1 = K({
 });
 function N1(e, f, t, n, a, A) {
   const s = If("picker-root");
-  return c(), F(s, {
+  return c(), P(s, {
     type: e.type,
     text: e.input,
     onSelect: f[0] || (f[0] = (i) => e.$emit("select", i)),
@@ -14939,12 +14939,12 @@ const j1 = {
     }
   },
   setup(e) {
-    const f = e, t = I(null), n = I(null), a = ke("chatAppId"), { setMessageText: A, getMessage: s } = 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";
-    }), l = (p) => {
+    }), o = (p) => {
       A(s().text + p.i);
-    }, r = () => {
+    }, l = () => {
       f.mode == "click" && f.state == "active" && (t.value.style.display = "inherit");
     }, g = () => {
       f.mode == "hover" && f.state == "active" && (t.value.style.display = "inherit");
@@ -14953,35 +14953,35 @@ const j1 = {
     }, 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);
     }), zt(() => {
       document.removeEventListener("click", m);
     }), (p, h) => (c(), d($, null, [
-      o("div", {
+      r("div", {
         ref_key: "emojiButton",
         ref: n,
         class: x(["button", { "button-disabled": e.state == "disabled" }]),
-        onClick: r,
+        onClick: l,
         onMouseover: g,
         onMouseout: u
       }, h[0] || (h[0] = [
-        o("span", { class: "pi pi-face-smile" }, null, -1)
+        r("span", { class: "pi pi-face-smile" }, null, -1)
       ]), 34),
-      L(q, null, {
-        default: H(() => [
-          o("div", {
+      L(H, null, {
+        default: F(() => [
+          r("div", {
             ref_key: "emoji",
             ref: t,
             class: "emoji",
             onMouseover: g,
             onMouseout: u
           }, [
-            L(j(D1), {
+            L(D(D1), {
               native: !0,
               theme: i.value,
               "picker-type": "",
-              onSelect: l
+              onSelect: o
             }, null, 8, ["theme"])
           ], 544)
         ]),
@@ -14989,7 +14989,7 @@ const j1 = {
       })
     ], 64));
   }
-}, Vu = /* @__PURE__ */ z(j1, [["__scopeId", "data-v-116254cb"]]), E1 = { class: "context-menu" }, T1 = { class: "context-menu__container" }, V1 = { class: "context-menu__list" }, x1 = ["onClick"], S1 = ["src"], z1 = {
+}, 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: {
@@ -15004,12 +15004,12 @@ const j1 = {
       n("click", s);
     };
     return (A, s) => (c(), d("div", E1, [
-      o("div", T1, [
-        o("ul", V1, [
-          (c(!0), d($, null, Z(t.actions, (i, l) => (c(), d("li", {
-            key: l,
+      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: (r) => a(l)
+            onClick: (l) => a(o)
           }, [
             i.icon ? (c(), d("img", {
               key: 0,
@@ -15020,7 +15020,7 @@ const j1 = {
               key: 1,
               class: x("pi pi-" + i.prime)
             }, null, 2)) : b("", !0),
-            o("span", null, w(i.title), 1)
+            r("span", null, w(i.title), 1)
           ], 8, x1))), 128))
         ])
       ])
@@ -15050,11 +15050,11 @@ const j1 = {
     }, s = () => {
       n.value = !1, t.value = !1;
     }, i = U(() => $e(f.message.status));
-    function l(r) {
-      return r.position === "left" ? "file-message__left" : "file-message__right";
+    function o(l) {
+      return l.position === "left" ? "file-message__left" : "file-message__right";
     }
-    return (r, g) => (c(), d("div", {
-      class: x(["file-message", l(e.message)]),
+    return (l, g) => (c(), d("div", {
+      class: x(["file-message", o(e.message)]),
       messageId: e.message.messageId,
       onMouseleave: s
     }, [
@@ -15064,30 +15064,30 @@ 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),
-      o("div", {
+      r("div", {
         class: "file-message__content",
         onMouseenter: A
       }, [
-        o("a", {
+        r("a", {
           class: "file-message__link",
           href: e.message.url,
           download: "",
           target: "_blank"
         }, [
-          g[1] || (g[1] = o("span", { class: "pi pi-file" }, null, -1)),
-          o("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),
-        o("div", Q1, [
-          o("span", R1, w(e.message.time), 1),
-          l(e.message) === "file-message__right" && j(Pe).includes(e.message.status) ? (c(), d("div", {
+        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: x(["file-message__status", i.value])
           }, [
             e.message.status !== "sent" ? (c(), d("span", Y1)) : b("", !0),
-            g[2] || (g[2] = o("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", {
@@ -15095,19 +15095,19 @@ const j1 = {
           class: "file-message__menu-button",
           onClick: g[0] || (g[0] = (u) => t.value = !t.value)
         }, g[3] || (g[3] = [
-          o("span", { class: "pi pi-ellipsis-h" }, null, -1)
+          r("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : b("", !0),
-        o("a", {
+        r("a", {
           class: "file-message__download-button",
           href: e.message.url,
           download: "",
           target: "_blank"
         }, g[4] || (g[4] = [
-          o("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(j(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,
@@ -15117,7 +15117,7 @@ const j1 = {
           _: 1
         }),
         e.message.text ? (c(), d("div", H1, [
-          o("p", null, w(e.message.text), 1)
+          r("p", null, w(e.message.text), 1)
         ])) : b("", !0)
       ], 32)
     ], 42, O1));
@@ -15152,16 +15152,16 @@ const j1 = {
     const f = e, t = I(!1), n = I(!1), a = I(!1), A = I(!1), s = () => {
     }, i = () => {
       a.value = !0, A.value = !0;
-    }, l = () => {
+    }, o = () => {
       a.value = !1, n.value = !1;
-    }, r = U(() => $e(f.message.status));
+    }, l = U(() => $e(f.message.status));
     function g(u) {
       return u.position === "left" ? "image-message__left" : "image-message__right";
     }
     return (u, m) => (c(), d("div", {
       class: x(["image-message", g(e.message)]),
       messageId: e.message.messageId,
-      onMouseleave: l
+      onMouseleave: o
     }, [
       e.message.avatar ? (c(), d("img", {
         key: 0,
@@ -15171,40 +15171,40 @@ const j1 = {
         width: "32"
       }, null, 8, W1)) : b("", !0),
       e.message.subText ? (c(), d("p", K1, w(e.message.subText), 1)) : b("", !0),
-      o("div", J1, [
-        o("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) => A.value = !A.value)
         }, [
-          o("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(() => [
+          L(H, { name: "modal-fade" }, {
+            default: F(() => [
               A.value ? (c(), d("div", Z1, [
                 e.message.views ? (c(), d("div", X1, [
-                  m[4] || (m[4] = o("span", { class: "pi pi-eye" }, null, -1)),
-                  o("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),
-                o("span", el, w(e.message.time), 1),
-                g(e.message) === "image-message__right" && j(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: x(["image-message__status", r.value])
+                  class: x(["image-message__status", l.value])
                 }, [
                   e.message.status !== "sent" ? (c(), d("span", fl)) : b("", !0),
-                  m[5] || (m[5] = o("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(() => [
               A.value ? (c(), d("a", {
                 key: 0,
                 class: "image-message__download-button",
@@ -15212,27 +15212,27 @@ const j1 = {
                 download: "",
                 target: "_blank"
               }, m[6] || (m[6] = [
-                o("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] = [
-              o("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(j(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,
@@ -15242,23 +15242,23 @@ const j1 = {
           _: 1
         }),
         e.message.text ? (c(), d("div", nl, [
-          o("p", null, w(e.message.text), 1)
+          r("p", null, w(e.message.text), 1)
         ])) : b("", !0)
       ]),
-      (c(), F(Ot, { 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, [
-              o("div", Al, [
-                o("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] = [
-                  o("span", null, [
-                    o("i", { class: "pi pi-times" })
+                  r("span", null, [
+                    r("i", { class: "pi pi-times" })
                   ], -1)
                 ])),
-                o("img", {
+                r("img", {
                   class: "image-message__modal-image",
                   src: e.message.url,
                   alt: e.message.alt
@@ -15408,18 +15408,18 @@ fe.prototype = {
     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 (s.t && typeof s.t == "string") {
-          const l = Fe(gl(s.t, n), t);
-          xe(A, l, n);
+          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] = s, s;
   }
 };
-const V = (e, f, t, n, a) => e.ta(f, t, n, a), ne = (e, f, t, n, a) => e.tr(f, t, n, a), jn = (e, f, t, n, a) => e.ts(f, t, n, a), v = (e, f, t, n, a) => e.tt(f, t, n, a), Me = "WORD", Et = "UWORD", Af = "LOCALHOST", Tt = "TLD", Vt = "UTLD", Nf = "SCHEME", Ue = "SLASH_SCHEME", $t = "NUM", na = "WS", Wt = "NL", Xe = "OPENBRACE", ef = "CLOSEBRACE", Tf = "OPENBRACKET", Vf = "CLOSEBRACKET", xf = "OPENPAREN", Sf = "CLOSEPAREN", zf = "OPENANGLEBRACKET", Of = "CLOSEANGLEBRACKET", Cf = "FULLWIDTHLEFTPAREN", Lf = "FULLWIDTHRIGHTPAREN", Uf = "LEFTCORNERBRACKET", Bf = "RIGHTCORNERBRACKET", Qf = "LEFTWHITECORNERBRACKET", Rf = "RIGHTWHITECORNERBRACKET", Yf = "FULLWIDTHLESSTHAN", qf = "FULLWIDTHGREATERTHAN", Hf = "AMPERSAND", Ff = "APOSTROPHE", Pf = "ASTERISK", ve = "AT", $f = "BACKSLASH", Wf = "BACKTICK", Kf = "CARET", Ie = "COLON", Kt = "COMMA", Jf = "DOLLAR", re = "DOT", Gf = "EQUALS", Jt = "EXCLAMATION", ue = "HYPHEN", Zf = "PERCENT", Xf = "PIPE", et = "PLUS", ft = "POUND", tt = "QUERY", Gt = "QUOTE", aa = "FULLWIDTHMIDDLEDOT", Zt = "SEMI", ce = "SLASH", ff = "TILDE", nt = "UNDERSCORE", Aa = "EMOJI", at = "SYM";
+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,
@@ -15448,11 +15448,11 @@ var sa = /* @__PURE__ */ Object.freeze({
   AMPERSAND: Hf,
   APOSTROPHE: Ff,
   ASTERISK: Pf,
-  AT: ve,
+  AT: _e,
   BACKSLASH: $f,
   BACKTICK: Wf,
   CARET: Kf,
-  COLON: Ie,
+  COLON: we,
   COMMA: Kt,
   DOLLAR: Jf,
   DOT: re,
@@ -15480,12 +15480,12 @@ function hl(e = []) {
   const f = {};
   fe.groups = f;
   const t = new fe();
-  yf == null && (yf = Vn(ll)), bf == null && (bf = Vn(rl)), v(t, "'", Ff), v(t, "{", Xe), v(t, "}", ef), v(t, "[", Tf), v(t, "]", Vf), v(t, "(", xf), v(t, ")", Sf), v(t, "<", zf), v(t, ">", Of), v(t, "（", Cf), v(t, "）", Lf), v(t, "「", Uf), v(t, "」", Bf), v(t, "『", Qf), v(t, "』", Rf), v(t, "＜", Yf), v(t, "＞", qf), v(t, "&", Hf), v(t, "*", Pf), v(t, "@", ve), v(t, "`", Wf), v(t, "^", Kf), v(t, ":", Ie), v(t, ",", Kt), v(t, "$", Jf), v(t, ".", re), v(t, "=", Gf), v(t, "!", Jt), v(t, "-", ue), v(t, "%", Zf), v(t, "|", Xf), v(t, "+", et), v(t, "#", ft), v(t, "?", tt), v(t, '"', Gt), v(t, "/", ce), v(t, ";", Zt), v(t, "~", ff), v(t, "_", nt), v(t, "\\", $f), v(t, "・", aa);
+  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);
@@ -15503,20 +15503,20 @@ function hl(e = []) {
     [ta]: !0
   });
   ne(i, Mt, i), v(i, ml, i);
-  const l = v(i, pl);
-  ne(l, Mt, i);
-  const r = [[Le, a]], g = [[Le, null], [ht, A]];
+  const o = v(i, pl);
+  ne(o, Mt, i);
+  const l = [[Le, a]], g = [[Le, null], [ht, A]];
   for (let u = 0; u < yf.length; u++)
-    be(t, yf[u], Tt, Me, r);
+    Ie(t, yf[u], Tt, ye, l);
   for (let u = 0; u < bf.length; u++)
-    be(t, bf[u], Vt, Et, g);
+    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, r), be(t, "mailto", Nf, Me, r), be(t, "http", Ue, Me, r), be(t, "https", Ue, Me, r), be(t, "ftp", Ue, Me, r), be(t, "ftps", Ue, Me, r), xe(Nf, {
+  }, 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, {
@@ -15544,15 +15544,15 @@ function ia(e, f) {
   const t = Ml(f.replace(/[A-Z]/g, (i) => i.toLowerCase())), n = t.length, a = [];
   let A = 0, s = 0;
   for (; s < n; ) {
-    let i = e, l = null, r = 0, g = null, u = -1, m = -1;
-    for (; s < n && (l = i.go(t[s])); )
-      i = l, i.accepts() ? (u = 0, m = 0, g = i) : u >= 0 && (u += t[s].length, m++), r += t[s].length, A += t[s].length, s++;
-    A -= u, s -= m, r -= u, a.push({
+    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(A - r, A),
+      v: f.slice(A - l, A),
       // string value
-      s: A - r,
+      s: A - l,
       // start index
       e: A
       // end index (excluding)
@@ -15569,12 +15569,12 @@ function Ml(e) {
   }
   return f;
 }
-function be(e, f, t, n, a) {
+function Ie(e, f, t, n, a) {
   let A;
   const s = f.length;
   for (let i = 0; i < s - 1; i++) {
-    const l = f[i];
-    e.j[l] ? A = e.j[l] : (A = new fe(n), A.jr = a.slice(), e.j[l] = A), e = A;
+    const o = f[i];
+    e.j[o] ? A = e.j[o] : (A = new fe(n), A.jr = a.slice(), e.j[o] = A), e = A;
   }
   return A = new fe(t), A.jr = a.slice(), e.j[f[s - 1]] = A, A;
 }
@@ -15782,8 +15782,8 @@ 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), A = this.toFormattedString(e), s = {}, i = e.get("className", t, f), l = e.get("target", t, f), r = e.get("rel", t, f), g = e.getObj("attributes", t, f), u = e.getObj("events", t, f);
-    return s.href = n, i && (s.class = i), l && (s.target = l), r && (s.rel = r), g && Fe(s, g), {
+    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: s,
       content: A,
@@ -15824,40 +15824,40 @@ const Sn = 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, $t, Zf, Xf, et, ft, ce, at, ff, nt]), t = [Ff, Ie, Kt, re, Jt, tt, Gt, Zt, zf, Of, Xe, ef, Vf, Tf, xf, Sf, Cf, Lf, Uf, Bf, Qf, Rf, Yf, qf], n = [Hf, Ff, Pf, $f, Wf, Kf, Jf, Gf, ue, Xe, ef, Zf, Xf, et, ft, tt, ce, at, ff, nt], a = ae(), A = v(a, ff);
+  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(), l = ae();
-  V(a, e.domain, s), V(a, e.scheme, i), V(a, e.slashscheme, l), V(s, n, A), V(s, e.domain, s);
-  const r = v(s, ve);
-  v(A, ve, r), v(i, ve, r), v(l, ve, r);
+  const 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(r, e.domain, u), V(u, e.domain, u);
+  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(r, Af, p);
+  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, Ie);
+  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);
-  V(_, e.tld, k), V(_, e.utld, k), V(k, e.domain, s), V(k, n, A), v(k, re, _), v(k, ue, y), v(k, ve, r);
-  const D = v(k, Ie), N = ae(vf);
-  V(D, e.numeric, N);
+  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, Ie), O = v(l, Ie), Q = v(O, ce), C = v(Q, ce);
-  V(i, e.domain, s), v(i, re, _), v(i, ue, y), V(l, e.domain, s), v(l, re, _), v(l, ue, y), V(T, e.domain, E), v(T, ce, E), V(C, e.domain, E), V(C, f, E), v(C, ce, E);
+  const 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],
     // {}
@@ -15877,12 +15877,12 @@ function bl({
     // ＜＞
   ];
   for (let R = 0; R < B.length; R++) {
-    const [te, pe] = B[R], le = v(E, te);
-    v(S, te, le), v(le, pe, E);
+    const [te, he] = B[R], le = v(E, te);
+    v(S, te, le), v(le, he, E);
     const Y = ae(vf);
     V(le, f, Y);
     const W = ae();
-    V(le, t), V(Y, f, Y), V(Y, t, W), V(W, f, Y), V(W, t, W), v(Y, pe, E), v(W, pe, E);
+    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, Wt, yl), {
     start: a,
@@ -15892,11 +15892,11 @@ function bl({
 function vl(e, f, t) {
   let n = t.length, a = 0, A = [], s = [];
   for (; a < n; ) {
-    let i = e, l = null, r = null, g = 0, u = null, m = -1;
-    for (; a < n && !(l = i.go(t[a].t)); )
+    let i = e, o = null, l = null, g = 0, u = null, m = -1;
+    for (; a < n && !(o = i.go(t[a].t)); )
       s.push(t[a++]);
-    for (; a < n && (r = l || i.go(t[a].t)); )
-      l = null, i = r, i.accepts() ? (m = 0, u = i) : m >= 0 && m++, a++, g++;
+    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 && (s.push(t[a]), a++);
     else {
@@ -16004,23 +16004,23 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
     function i(h) {
       h.preventDefault(), h.target.href && window.open(h.target.href, "_blank");
     }
-    const l = () => {
+    const o = () => {
       A.value = !0;
-    }, r = () => {
+    }, l = () => {
       A.value = !1, a.value = !1;
     }, g = U(() => $e(t.message.status)), u = (h) => {
-      r(), n("action", { messageId: t.message.messageId, type: "menu", ...h });
+      l(), n("action", { messageId: t.message.messageId, type: "menu", ...h });
     }, m = () => {
-      r(), 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, [
-      o("div", {
+      r("div", {
         class: x(p(e.message)),
         messageId: e.message.messageId,
-        onMouseleave: r
+        onMouseleave: l
       }, [
         e.message.avatar ? (c(), d("img", {
           key: 0,
@@ -16028,34 +16028,34 @@ 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),
-        o("div", {
+        r("div", {
           class: "text-message__content",
-          onMouseenter: l
+          onMouseenter: o
         }, [
-          o("p", {
+          r("p", {
             innerHTML: s.value,
             class: "text-message__text",
             onClick: i
           }, null, 8, Tl),
-          o("div", Vl, [
+          r("div", Vl, [
             e.message.views ? (c(), d("div", {
               key: 0,
               class: "text-message__views",
               onClick: m
             }, [
-              M[1] || (M[1] = o("span", { class: "pi pi-eye" }, null, -1)),
-              o("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" && j(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: x(["text-message__status", g.value])
             }, [
               e.message.status !== "sent" ? (c(), d("span", Sl)) : b("", !0),
-              M[2] || (M[2] = o("span", { class: "pi pi-check" }, null, -1))
+              M[2] || (M[2] = r("span", { class: "pi pi-check" }, null, -1))
             ], 2)) : b("", !0)
           ]),
           A.value && e.message.actions ? (c(), d("button", {
@@ -16063,11 +16063,11 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
             class: "text-message__menu-button",
             onClick: M[0] || (M[0] = (y) => a.value = !a.value)
           }, M[3] || (M[3] = [
-            o("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(j(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,
@@ -16098,9 +16098,9 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
     }
   },
   setup(e) {
-    const f = e, t = I(), n = I(!1), a = I(0), A = I(0), s = I(!1), i = I(!1), l = () => {
+    const f = e, t = I(), n = I(!1), a = I(0), A = I(0), s = I(!1), i = I(!1), o = () => {
       i.value = !0;
-    }, r = () => {
+    }, l = () => {
       i.value = !1, s.value = !1;
     }, g = () => {
     }, u = U(() => $e(f.message.status));
@@ -16108,22 +16108,22 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
       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")}`;
+      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", () => {
         A.value = t.value != null ? t.value.currentTime : 0;
       }));
-    }), (k, D) => (c(), d("div", {
+    }), (k, j) => (c(), d("div", {
       class: x(["audio-message", _(e.message)]),
       messageId: e.message.messageId,
-      onMouseleave: r
+      onMouseleave: l
     }, [
       e.message.avatar ? (c(), d("img", {
         key: 0,
@@ -16131,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),
-      o("div", {
+      r("div", {
         class: "audio-message__content",
-        onMouseenter: l
+        onMouseenter: o
       }, [
-        o("audio", {
+        r("audio", {
           ref_key: "player",
           ref: t,
           src: e.message.url
         }, null, 8, Bl),
-        we(o("button", {
+        Ne(r("button", {
           class: "audio-message__play",
           onClick: m
-        }, D[1] || (D[1] = [
-          o("span", { class: "pi pi-play" }, null, -1)
+        }, j[1] || (j[1] = [
+          r("span", { class: "pi pi-play" }, null, -1)
         ]), 512), [
           [Df, !n.value]
         ]),
-        we(o("button", {
+        Ne(r("button", {
           class: "audio-message__pause",
           onClick: m
-        }, D[2] || (D[2] = [
-          o("span", { class: "pi pi-pause" }, null, -1)
+        }, j[2] || (j[2] = [
+          r("span", { class: "pi pi-pause" }, null, -1)
         ]), 512), [
           [Df, n.value]
         ]),
-        o("div", Ql, [
-          o("div", {
+        r("div", Ql, [
+          r("div", {
             class: "audio-message__progress-bar",
-            style: P({ width: y.value + "%" })
+            style: q({ width: y.value + "%" })
           }, null, 4)
         ]),
-        o("p", Rl, w(`${h.value} / ${M.value}`), 1),
-        o("div", Yl, [
-          o("span", ql, w(e.message.time), 1),
-          _(e.message) === "audio-message__right" && j(Pe).includes(e.message.status) ? (c(), d("div", {
+        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: x(["audio-message__status", u.value])
           }, [
             e.message.status !== "sent" ? (c(), d("span", Hl)) : b("", !0),
-            D[3] || (D[3] = o("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) => s.value = !s.value)
-        }, D[4] || (D[4] = [
-          o("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),
-        o("a", {
+        r("a", {
           class: "audio-message__download-button",
           href: e.message.url,
           download: "",
           target: "_blank"
-        }, D[5] || (D[5] = [
-          o("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(() => [
-            s.value && e.message.actions ? (c(), F(j(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,
@@ -16203,7 +16203,7 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
           _: 1
         }),
         e.message.text ? (c(), d("div", Pl, [
-          o("p", null, w(e.message.text), 1)
+          r("p", null, w(e.message.text), 1)
         ])) : b("", !0)
       ], 32)
     ], 42, Cl));
@@ -16220,8 +16220,8 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
   },
   setup(e) {
     return (f, t) => (c(), d("div", Kl, [
-      o("div", Jl, [
-        o("p", Gl, w(e.message.text), 1)
+      r("div", Jl, [
+        r("p", Gl, w(e.message.text), 1)
       ])
     ]));
   }
@@ -16256,9 +16256,9 @@ 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(), A = I(!1), s = I(!1), i = I(!1), l = I(!1), r = () => {
+    const n = I(), a = I(), A = I(!1), s = I(!1), i = I(!1), o = I(!1), l = () => {
     }, g = () => {
-      i.value = !0, l.value = !0;
+      i.value = !0, o.value = !0;
     }, u = () => {
       i.value = !1, s.value = !1;
     }, m = U(() => $e(f.message.status)), p = () => {
@@ -16279,98 +16279,98 @@ 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),
-      o("div", nr, [
-        o("div", {
+      r("div", nr, [
+        r("div", {
           class: "video-message__preview-button",
           onClick: M[0] || (M[0] = (y) => A.value = !0),
           onMouseenter: g,
-          onMouseleave: M[1] || (M[1] = (y) => l.value = !l.value)
+          onMouseleave: M[1] || (M[1] = (y) => o.value = !o.value)
         }, [
-          o("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.value ? (c(), d("div", Ar, [
+          L(H, { name: "modal-fade" }, {
+            default: F(() => [
+              o.value ? (c(), d("div", Ar, [
                 e.message.views ? (c(), d("div", sr, [
-                  M[4] || (M[4] = o("span", { class: "pi pi-eye" }, null, -1)),
-                  o("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),
-                o("span", ir, w(e.message.time), 1),
-                t(e.message) === "video-message__right" && j(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: x(["video-message__status", m.value])
                 }, [
                   e.message.status !== "sent" ? (c(), d("span", or)) : b("", !0),
-                  M[5] || (M[5] = o("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.value ? (c(), d("a", {
+          L(H, { name: "modal-fade" }, {
+            default: F(() => [
+              o.value ? (c(), d("a", {
                 key: 0,
                 class: "video-message__download-button",
                 href: e.message.url,
                 download: "",
                 target: "_blank"
               }, M[6] || (M[6] = [
-                o("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) => s.value = !s.value)
             }, M[7] || (M[7] = [
-              o("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(() => [
-            s.value && e.message.actions ? (c(), F(j(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: r
+              onClick: l
             }, null, 8, ["actions"])) : b("", !0)
           ]),
           _: 1
         }),
         e.message.text ? (c(), d("div", rr, [
-          o("p", null, w(e.message.text), 1)
+          r("p", null, w(e.message.text), 1)
         ])) : b("", !0)
       ]),
-      (c(), F(Ot, { to: "body" }, [
-        L(q, { name: "modal-fade" }, {
-          default: H(() => [
+      (c(), P(Ot, { to: "body" }, [
+        L(H, { name: "modal-fade" }, {
+          default: F(() => [
             A.value ? (c(), d("div", ur, [
-              o("div", cr, [
-                o("button", {
+              r("div", cr, [
+                r("button", {
                   class: "video-message__modal-close-button",
                   onClick: M[3] || (M[3] = (y) => A.value = !1)
                 }, M[8] || (M[8] = [
-                  o("span", null, [
-                    o("i", { class: "pi pi-times" })
+                  r("span", null, [
+                    r("i", { class: "pi pi-times" })
                   ], -1)
                 ])),
-                o("video", {
+                r("video", {
                   ref_key: "player",
                   ref: n,
                   class: "video-message__modal-video",
@@ -16418,7 +16418,7 @@ 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, [
-      o("div", {
+      r("div", {
         class: x(f(e.message)),
         messageId: e.message.messageId
       }, [
@@ -16428,18 +16428,18 @@ 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),
-        o("div", br, [
-          o("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, "Нет ответа")),
-          o("div", Nr, [
-            o("span", Dr, w(e.message.time), 1)
+          r("div", Nr, [
+            r("span", Dr, w(e.message.time), 1)
           ])
         ])
       ], 10, hr)
@@ -16455,8 +16455,8 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
   },
   setup(e) {
     return (f, t) => (c(), d("div", Tr, [
-      o("div", Vr, [
-        o("p", xr, w(e.message.text), 1)
+      r("div", Vr, [
+        r("p", xr, w(e.message.text), 1)
       ])
     ]));
   }
@@ -16473,18 +16473,18 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
   },
   setup(e) {
     return (f, t) => (c(), d("div", Or, [
-      o("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] = o("div", { class: "typing-message__loader-container" }, [
-          o("div", { class: "typing-message__loader" })
+        t[0] || (t[0] = r("div", { class: "typing-message__loader-container" }, [
+          r("div", { class: "typing-message__loader" })
         ], -1))
       ])
     ]));
@@ -16504,21 +16504,21 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
     const t = f, n = (A) => {
       t("submit", A);
     }, a = I(null);
-    return (A, s) => (c(), F(q, { name: "modal-fade" }, {
-      default: H(() => [
-        o("div", Qr, [
-          o("div", Rr, [
-            o("div", Yr, [
+    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)
             ]),
-            o("div", qr, [
-              o("button", {
+            r("div", qr, [
+              r("button", {
                 type: "button",
                 class: "btn-green",
                 "aria-label": "Close modal",
                 onClick: s[0] || (s[0] = (i) => n(a.value))
               }, " OK "),
-              o("button", {
+              r("button", {
                 type: "button",
                 class: "btn-green",
                 "aria-label": "Close modal",
@@ -16537,13 +16537,13 @@ function en({ component: e, attrs: f }) {
     const n = document.createElement("div");
     document.body.appendChild(n);
     const a = I({}), A = () => {
-      r.unmount(), document.body.removeChild(n);
+      l.unmount(), document.body.removeChild(n);
     }, s = () => {
       A(), t(a.value);
     }, i = (g) => {
       const u = Object.keys(g)[0];
       a.value[u] = g[u];
-    }, l = K({
+    }, o = K({
       render() {
         return un(
           Fr,
@@ -16562,21 +16562,21 @@ function en({ component: e, attrs: f }) {
           }
         );
       }
-    }), r = ja(l);
-    r.mount(n);
+    }), l = ja(o);
+    l.mount(n);
   });
 }
-const xu = async (e, f) => {
+const Tu = async (e, f) => {
   const t = await en({
     //в component должен быть встроен emit change(key: value)
-    component: import("./SelectUser2-DyHGD8g8.js"),
+    component: import("./SelectUser2-JwrGlSc2.js"),
     attrs: {
       title: e,
       users: f
     }
   });
   return console.log("data", t), t;
-}, Su = async (e) => {
+}, Vu = async (e) => {
   const f = await en({
     //в component должен быть встроен emit change(key: value)
     component: import("./CreateChat-fkFKBxtQ.js"),
@@ -16585,29 +16585,56 @@ const xu = async (e, f) => {
     }
   });
   return console.log("data", f), f;
-}, zu = async (e) => await en({
+}, 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 = St();
-    return Ct("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: j(f)
+      id: D(t)
     }, [
-      o("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));
   }
@@ -16627,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), A = I(null), s = I(!1), i = I(0), l = I(0), r = I(0), g = St();
+    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 = (h) => {
-      s.value = !0, i.value = h.clientX - a.value.offsetLeft, l.value = h.clientY - a.value.offsetTop;
-    }, m = () => s.value = !1, p = (h) => {
+    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 M = h.clientX - i.value, y = h.clientY - l.value;
-        n.value.x = M, n.value.y = y;
+        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(
@@ -16656,13 +16705,15 @@ const xu = async (e, f) => {
             window.innerHeight - a.value.offsetHeight
           )
         );
-      }), r.value = a.value.offsetHeight - A.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: j(g),
-      style: P({
+      id: D(g),
+      style: q({
         left: n.value.x + "px",
         top: n.value.y + "px",
         userSelect: s.value ? "none" : "auto",
@@ -16671,15 +16722,15 @@ const xu = async (e, f) => {
         display: "flex"
       })
     }, [
-      o("div", Wr, [
-        o("div", {
+      r("div", Wr, [
+        r("div", {
           ref_key: "container",
           ref: A,
           class: "float-window__controls",
-          style: P({ backgroundColor: t.colorTitle ? t.colorTitle : "" }),
-          onMousedown: u,
-          onMouseup: m,
-          onMouseleave: m
+          style: q({ backgroundColor: t.colorTitle ? t.colorTitle : "" }),
+          onMousedown: m,
+          onMouseup: p,
+          onMouseleave: p
         }, [
           t.avatar ? (c(), d("img", {
             key: 0,
@@ -16687,85 +16738,107 @@ const xu = async (e, f) => {
             src: t.avatar,
             alt: t.title
           }, null, 8, Kr)) : b("", !0),
-          o("p", Jr, w(t.title), 1),
-          o("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] = [
-            o("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),
-        o("div", {
+        r("div", {
           class: "float-window__content",
-          style: P({ height: r.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__ */ z(Gr, [["__scopeId", "data-v-efd0f13a"]]), Zr = {}, Xr = { class: "base-layout__container" }, eu = { class: "base-layout__first-col" }, fu = { class: "base-layout__second-col" };
-function tu(e, f) {
-  return c(), d("div", Xr, [
-    o("div", eu, [
-      G(e.$slots, "first-col", {}, void 0, !0)
-    ]),
-    o("div", fu, [
-      G(e.$slots, "second-col", {}, void 0, !0)
-    ])
-  ]);
-}
-const Lu = /* @__PURE__ */ z(Zr, [["render", tu], ["__scopeId", "data-v-93dc265d"]]), nu = { class: "extend-layout__container" }, au = { class: "extend-layout__first-col" }, Au = { class: "extend-layout__third-col" }, su = {
+}, 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), A = I(0);
-    const s = (r) => {
-      r.offsetX >= f.value.offsetWidth - 20 && (t.value = !0, n.value = f.value.offsetWidth, a.value = r.clientX, A.value = r.clientX, document.addEventListener("mousemove", i));
-    }, i = (r) => {
+    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 + (r.clientX - A.value);
+        const g = n.value + (l.clientX - A.value);
         f.value.style.width = `${Math.max(270, g)}px`;
       }
-    }, l = () => {
+    }, o = () => {
       t.value = !1, document.removeEventListener("mousemove", i);
     };
-    return Ne(() => {
+    return pe(() => {
       f.value && (f.value.style.width = "350px");
-    }), (r, g) => (c(), d("div", nu, [
-      o("div", au, [
-        G(r.$slots, "first-col", {}, void 0, !0)
+    }), (l, g) => (c(), d("div", fu, [
+      r("div", tu, [
+        G(l.$slots, "first-col", {}, void 0, !0)
       ]),
-      o("div", {
+      r("div", {
         ref_key: "resizableDiv",
         ref: f,
         class: "extend-layout__second-col resizable-div",
-        style: P({ userSelect: j(t) ? "none" : "auto" }),
+        style: q({ userSelect: D(t) ? "none" : "auto" }),
         onMousedown: s,
-        onMouseup: l
+        onMouseup: o
       }, [
-        G(r.$slots, "second-col", {}, void 0, !0)
+        G(l.$slots, "second-col", {}, void 0, !0)
       ], 36),
-      o("div", Au, [
-        G(r.$slots, "third-col", {}, void 0, !0)
+      r("div", nu, [
+        G(l.$slots, "third-col", {}, void 0, !0)
       ])
     ]));
   }
-}, Uu = /* @__PURE__ */ z(su, [["__scopeId", "data-v-7c3b977d"]]), iu = {}, ou = { class: "base-layout__container" }, lu = { class: "base-layout__first-col" };
-function ru(e, f) {
-  return c(), d("div", ou, [
-    o("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__ */ z(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: {
@@ -16778,64 +16851,64 @@ const Bu = /* @__PURE__ */ z(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, [
-        o("p", null, w(j(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__ */ z(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,
   dn as J,
   Pe as K,
   $e as L,
   zr as S,
   Ol as T,
-  bu as U,
+  Mu as U,
   mr as V,
   z as _,
   On 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,
+  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
 };