@mobilon-dev/chotto 0.0.54 → 0.0.56

package/dist/{index-Bsz7oFjl.js → index-oipx7Bp5.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 l, toDisplayString as w, createCommentVNode as b, renderSlot as G, ref as I, inject as ye, watch as Oe, nextTick as vt, unref as j, withDirectives as ke, withKeys as Ma, vModelText as xt, normalizeClass as x, createVNode as L, Transition as q, withCtx as H, createBlock as F, Fragment as $, renderList as Z, defineComponent as K, onUpdated as ya, resolveDynamicComponent as ba, normalizeStyle as P, useId as St, onMounted as Ne, onUnmounted as zt, computed as U, Teleport as Ot, toRef as va, vModelRadio as Ia, getCurrentInstance as _a, toRaw as Cn, onBeforeUnmount as wa, provide as Ct, reactive as ka, readonly as Na, vShow as Df, resolveComponent as If, h as un, defineAsyncComponent as Da, createApp as ja } from "vue";
 const z = (e, f) => {
   const t = e.__vccOpts || e;
   for (const [n, a] of f)
@@ -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, [
+      l("div", Ta, [
         t.chat.avatar ? (c(), d("img", {
           key: 0,
           src: t.chat.avatar,
@@ -33,18 +33,18 @@ const z = (e, f) => {
           height: "48"
         }, null, 8, Va)) : (c(), d("span", xa))
       ]),
-      o("div", Sa, [
-        o("h2", za, w(e.chat.name), 1),
+      l("div", Sa, [
+        l("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, [
+      l("div", Ca, [
         G(n.$slots, "actions", {}, void 0, !0)
       ])
     ])) : b("", !0);
   }
-}, pu = /* @__PURE__ */ z(La, [["__scopeId", "data-v-e1d212c7"]]), he = I([]), At = (e) => {
+}, pu = /* @__PURE__ */ z(La, [["__scopeId", "data-v-26bb16be"]]), he = I([]), At = (e) => {
   const f = I(0);
-  let t = he.value.find(({ id: l }) => l == e);
+  let t = he.value.find(({ id: o }) => o == e);
   t != null ? f.value = he.value.indexOf(t) : (he.value.push({
     id: e,
     text: "",
@@ -56,17 +56,17 @@ const z = (e, f) => {
       text: "",
       file: void 0
     };
-  }, a = (l) => {
+  }, a = (o) => {
     he.value[f.value] = {
       id: i().id,
-      text: l,
+      text: o,
       file: i().file
     };
-  }, A = (l) => {
+  }, A = (o) => {
     he.value[f.value] = {
       id: i().id,
       text: i().text,
-      file: l
+      file: o
     };
   }, s = () => {
     he.value[f.value] = {
@@ -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 = ye("chatAppId"), { resetMessage: a, getMessage: A, setMessageText: s } = At(n), i = I(null);
     Oe(
       () => A().text,
       () => {
@@ -138,7 +138,7 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
         });
       }
     );
-    const l = (u) => {
+    const o = (u) => {
       t("typing", u.target.value);
     }, r = (u) => {
       if (u.ctrlKey) {
@@ -162,31 +162,31 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
       }
     };
     return (u, m) => (c(), d("div", Ya, [
-      o("div", qa, [
-        o("div", {
+      l("div", qa, [
+        l("div", {
           id: "chat-input-first-line-" + j(n),
           class: "chat-input__first-line"
         }, null, 8, Ha),
-        o("div", Fa, [
-          we(o("textarea", {
+        l("div", Fa, [
+          ke(l("textarea", {
             ref_key: "refInput",
             ref: i,
             "onUpdate:modelValue": m[0] || (m[0] = (p) => j(A)().text = p),
             class: "chat-input__input",
             placeholder: j(Se)("component.ChatInput.InputPlaceholder"),
             onKeydown: Ma(r, ["enter"]),
-            onInput: l
+            onInput: o
           }, null, 40, Pa), [
             [xt, j(A)().text]
           ]),
-          o("button", {
+          l("button", {
             class: x(["chat-input__button-send", { "chat-input__button-send-disabled": j(A)().text == "" && !j(A)().file }]),
             onClick: g
           }, m[1] || (m[1] = [
-            o("span", { class: "pi pi-send" }, null, -1)
+            l("span", { class: "pi pi-send" }, null, -1)
           ]), 2)
         ]),
-        o("div", $a, [
+        l("div", $a, [
           G(u.$slots, "buttons", {}, void 0, !0)
         ])
       ])
@@ -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;
@@ -235,11 +235,11 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
       t.value = u;
     }, g = (u) => s("action", u);
     return (u, m) => (c(), d("div", Ka, [
-      o("div", {
+      l("div", {
         class: "chat-list__title-container",
         onMouseleave: a
       }, [
-        o("h2", Ja, w(j(Se)("component.ChatList.Title")), 1),
+        l("h2", Ja, w(j(Se)("component.ChatList.Title")), 1),
         e.actions.length ? (c(), d("button", {
           key: 0,
           class: "chat-list__button-actions",
@@ -264,9 +264,9 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
         class: "chat-list__filter",
         onUpdate: r
       })) : b("", !0),
-      o("div", Xa, [
-        o("div", eA, [
-          (c(!0), d($, null, Z(l().filter((p) => p.isFixedTop), (p) => (c(), F(j(dt), {
+      l("div", Xa, [
+        l("div", eA, [
+          (c(!0), d($, null, Z(o().filter((p) => p.isFixedTop), (p) => (c(), F(j(dt), {
             key: p.chatId,
             class: "chat-list__item",
             chat: p,
@@ -274,8 +274,8 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
             onAction: g
           }, null, 8, ["chat"]))), 128))
         ]),
-        o("div", fA, [
-          (c(!0), d($, null, Z(l().filter((p) => !p.isFixedBottom && !p.isFixedTop), (p) => (c(), F(j(dt), {
+        l("div", fA, [
+          (c(!0), d($, null, Z(o().filter((p) => !p.isFixedBottom && !p.isFixedTop), (p) => (c(), F(j(dt), {
             key: p.chatId,
             class: "chat-list__item",
             chat: p,
@@ -283,8 +283,8 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
             onAction: g
           }, null, 8, ["chat"]))), 128))
         ]),
-        o("div", tA, [
-          (c(!0), d($, null, Z(l().filter((p) => p.isFixedBottom), (p) => (c(), F(j(dt), {
+        l("div", tA, [
+          (c(!0), d($, null, Z(o().filter((p) => p.isFixedBottom), (p) => (c(), F(j(dt), {
             key: p.chatId,
             class: "chat-list__item",
             chat: p,
@@ -295,7 +295,7 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
       ])
     ]));
   }
-}, Mu = /* @__PURE__ */ z(nA, [["__scopeId", "data-v-05a7f886"]]), aA = { class: "message-feed__container" }, AA = {
+}, Mu = /* @__PURE__ */ z(nA, [["__scopeId", "data-v-ba9fb868"]]), aA = { class: "message-feed__container" }, AA = {
   key: 0,
   class: "message-feed__unread-amount"
 }, sA = /* @__PURE__ */ K({
@@ -337,7 +337,7 @@ 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);
         u.scrollTop = u.scrollHeight;
@@ -349,7 +349,7 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
         u.scrollTop = u.scrollHeight;
       });
     }
-    ya(() => l), Oe(() => a.objects, l);
+    ya(() => o), Oe(() => a.objects, o);
     const g = (u) => {
       A("messageAction", u);
     };
@@ -359,7 +359,7 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
       class: "message-feed",
       onScroll: s
     }, [
-      o("div", aA, [
+      l("div", aA, [
         (c(!0), d($, null, Z(e.objects, (p) => (c(), F(ba(i(p.type)), {
           key: p.messageId,
           class: "message-feed__message",
@@ -382,7 +382,7 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
             onClick: r
           }, [
             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] = l("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
           ])) : b("", !0)
         ]),
         _: 1
@@ -407,19 +407,19 @@ 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", {
+          l("span", {
             class: "profile__status",
             style: P({ backgroundColor: e.user.status })
           }, null, 4),
-          o("img", {
+          l("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)
+        l("h2", uA, w(e.user.name), 1),
+        l("p", cA, w(e.user.email), 1),
+        l("p", dA, w(e.user.phone), 1)
       ])) : b("", !0)
     ]));
   }
@@ -460,7 +460,7 @@ 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 = () => {
       t.mode == "hover" && !t.disabled && (A.value.$el.style.display = "inherit");
@@ -498,15 +498,15 @@ const Ya = { class: "chat-input" }, qa = { class: "chat-input__container" }, Ha
       ref: s,
       style: { position: "relative", width: "fit-content" }
     }, [
-      o("div", {
+      l("div", {
         class: x(["button", {
           "disabled-button": e.disabled
         }]),
-        onClick: l,
+        onClick: o,
         onMouseover: r,
         onMouseout: g
       }, [
-        o("span", {
+        l("span", {
           class: x(e.buttonClass)
         }, w(e.buttonTitle), 3)
       ], 34),
@@ -597,36 +597,36 @@ const Iu = (e) => {
       n("reset");
     }
     return (A, s) => (c(), d("div", hA, [
-      o("div", MA, [
+      l("div", MA, [
         t.isImage ? (c(), d("div", yA, [
-          o("img", {
+          l("img", {
             src: e.previewUrl,
             alt: "Image Preview",
             class: "preview__image"
           }, null, 8, bA)
         ])) : t.isVideo ? (c(), d("div", vA, [
-          o("video", {
+          l("video", {
             src: e.previewUrl,
             class: "preview__video"
           }, null, 8, IA)
         ])) : t.isAudio ? (c(), d("div", _A, s[0] || (s[0] = [
-          o("span", {
+          l("span", {
             class: "pi pi-headphones",
             style: { "font-size": "2.5rem" }
           }, null, -1)
         ]))) : (c(), d("div", wA, s[1] || (s[1] = [
-          o("span", {
+          l("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)
+      l("div", kA, [
+        l("div", NA, [
+          l("span", DA, w(e.fileName), 1),
+          l("span", jA, w(e.fileSize), 1)
         ]),
-        o("span", {
+        l("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), r = I(null), g = I(""), u = ye("chatAppId"), { setMessageFile: m, resetMessageFile: p, getMessage: h } = At(u), M = [
       {
         action: "audio/*",
         title: "Аудио",
@@ -674,7 +674,7 @@ const Iu = (e) => {
       _(), console.log("onFileSelected", T.target.files[0]), n.value = T.target.files[0], n.value && (D(), N());
     }, D = () => {
       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;
@@ -714,11 +714,11 @@ const Iu = (e) => {
       r.value && y && t.state == "active" && r.value.click();
     };
     return (T, O) => (c(), d($, null, [
-      o("div", VA, [
+      l("div", VA, [
         a.value === "uploading" ? (c(), d("div", xA, O[0] || (O[0] = [
-          o("p", null, "Загрузка файла...", -1)
+          l("p", null, "Загрузка файла...", -1)
         ]))) : a.value === "error" ? (c(), d("div", SA, O[1] || (O[1] = [
-          o("p", null, "Ошибка при загрузке файла.", -1)
+          l("p", null, "Ошибка при загрузке файла.", -1)
         ]))) : (c(), F(Un, {
           key: 2,
           actions: M,
@@ -729,7 +729,7 @@ const Iu = (e) => {
           onClick: E,
           onButtonClick: S
         }, null, 8, ["disabled"])),
-        o("input", {
+        l("input", {
           ref_key: "fileInput",
           ref: r,
           style: { display: "none" },
@@ -745,7 +745,7 @@ const Iu = (e) => {
           "preview-url": A.value,
           "is-image": s.value,
           "is-video": i.value,
-          "is-audio": l.value,
+          "is-audio": o.value,
           "file-name": j(h)().file.name,
           "file-size": g.value,
           onReset: _
@@ -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 = ye("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))
+      const s = n();
+      A(s);
+    }), (s, i) => e.show ? (c(), d("div", OA, [
+      l("select", {
+        onChange: i[0] || (i[0] = (o) => a(o))
       }, [
-        (c(!0), d($, null, Z(f.themes, (i, l) => (c(), d("option", {
-          key: l,
-          value: i.code,
-          selected: i.default === !0
-        }, w(i.name), 9, CA))), 128))
+        (c(!0), d($, null, Z(f.themes, (o, r) => (c(), d("option", {
+          key: r,
+          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 = {
+}, Nu = /* @__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,21 +799,21 @@ 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((r) => r.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, [
+    return (i, o) => (c(), d("div", UA, [
+      l("div", BA, [
+        l("ul", QA, [
           (c(!0), d($, null, Z(n.value.filter((r) => !r.isFixedBottom), (r, g) => (c(), d("li", {
             key: g,
             class: "sidebar__item",
             onClick: (u) => A(r.itemId)
           }, [
-            o("img", {
+            l("img", {
               src: r.icon,
               alt: r.name,
               class: x(["sidebar__image", { "sidebar__image--active": r.selected === !0 }])
@@ -825,13 +825,13 @@ const Iu = (e) => {
             r.name ? (c(), d("p", qA, w(s(r.name)), 1)) : b("", !0)
           ], 8, RA))), 128))
         ]),
-        o("ul", HA, [
+        l("ul", HA, [
           (c(!0), d($, null, Z(n.value.filter((r) => r.isFixedBottom), (r, g) => (c(), d("li", {
             key: g,
             class: "sidebar__item",
             onClick: (u) => A(r.itemId)
           }, [
-            o("img", {
+            l("img", {
               src: r.icon,
               alt: r.name,
               class: x(["sidebar__image", { "sidebar__image--active": r.selected === !0 }])
@@ -861,16 +861,16 @@ const Iu = (e) => {
   emits: ["close-panel"],
   setup(e, { emit: f }) {
     return (t, n) => (c(), d("div", KA, [
-      o("div", JA, [
+      l("div", JA, [
         e.title ? (c(), d("p", GA, w(e.title), 1)) : b("", !0),
-        o("button", {
+        l("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)
+          l("span", { class: "pi pi-times" }, null, -1)
         ]))
       ]),
-      o("div", null, [
+      l("div", null, [
         G(t.$slots, "content", {}, void 0, !0)
       ])
     ]));
@@ -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, [
+      l("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", {
+            l("img", {
               src: A.value.icon
             }, null, 8, ts)
           ])) : b("", !0),
-          o("span", ns, w(A.value.title), 1)
+          l("span", ns, w(A.value.title), 1)
         ])) : (c(), d("span", as, "Канал не выбран")),
         L(Un, {
           actions: e.channels,
@@ -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), r = () => {
+      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,13 +984,13 @@ const Iu = (e) => {
       class: x(A()),
       onClick: a
     }, [
-      o("div", {
+      l("div", {
         class: "chat-item__container",
         onMouseenter: r,
         onMouseleave: g
       }, [
-        o("div", ss, [
-          o("span", {
+        l("div", ss, [
+          l("span", {
             class: "chat-item__status-user",
             style: P({ backgroundColor: t.chat.status })
           }, null, 4),
@@ -1001,19 +1001,19 @@ const Iu = (e) => {
             width: "48"
           }, null, 8, is)) : (c(), d("span", os))
         ]),
-        o("div", ls, [
-          o("div", rs, w(e.chat.name), 1),
+        l("div", ls, [
+          l("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),
+        l("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)
+            l("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", {
@@ -1021,7 +1021,7 @@ const Iu = (e) => {
               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] = l("span", { class: "pi pi-check" }, null, -1))
             ], 2)) : b("", !0),
             e.chat.isFixedTop || e.chat.isFixedBottom ? (c(), d("span", hs)) : b("", !0)
           ])) : b("", !0)
@@ -1049,8 +1049,8 @@ const Iu = (e) => {
       n("update", A.value);
     };
     return (A, s) => (c(), d("div", ys, [
-      o("div", bs, [
-        o("input", {
+      l("div", bs, [
+        l("input", {
           ref_key: "refInput",
           ref: t,
           class: "chat-filter__input",
@@ -1089,10 +1089,10 @@ 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 = ye("chatAppId"), { setMessageText: a } = At(n), A = () => {
+      s("closeTemplateWindow"), a(o.value.template);
+    }, s = f, i = I(null), o = I(null), r = 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(() => {
@@ -1100,27 +1100,27 @@ const Iu = (e) => {
       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", {
+      l("div", ks, [
+        l("button", Ns, [
+          l("span", {
             class: "pi pi-times",
             onClick: M[0] || (M[0] = (y) => h.$emit("closeTemplateWindow"))
           })
         ]),
-        o("ul", Ds, [
+        l("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, [
+            l("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", {
+              ke(l("input", {
                 id: _,
                 "onUpdate:modelValue": M[1] || (M[1] = (k) => i.value = k),
                 value: y,
@@ -1129,12 +1129,12 @@ const Iu = (e) => {
               }, null, 8, Ts), [
                 [Ia, i.value]
               ]),
-              o("span", null, w(y.title), 1)
+              l("span", null, w(y.title), 1)
             ])
           ], 2))), 128))
         ]),
-        o("div", Vs, [
-          we(o("input", {
+        l("div", Vs, [
+          ke(l("input", {
             "onUpdate:modelValue": M[2] || (M[2] = (y) => r.value = y),
             class: "template-selector__searching-input",
             type: "text",
@@ -1143,29 +1143,29 @@ const Iu = (e) => {
             [xt, r.value]
           ])
         ]),
-        o("div", xs, [
+        l("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)
+              l("div", Os, [
+                l("p", Cs, w(y.title), 1),
+                l("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))
+        l("div", Bs, [
+          o.value ? (c(), d("div", Qs, [
+            l("div", Rs, [
+              l("p", Ys, w(o.value.template), 1),
+              M[3] || (M[3] = l("p", { class: "template-selector__preview-time" }, " 22:22 ", -1))
             ])
           ])) : (c(), d("p", qs, " Предпросмотр шаблона "))
         ]),
-        o("button", {
+        l("button", {
           class: "template-selector__button-paste",
           onClick: A
         }, " Вставить ")
@@ -1204,7 +1204,7 @@ const Iu = (e) => {
       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 = () => {
+    }, o = () => {
       n.value.style.display = "none";
     };
     return Ne(() => {
@@ -1212,7 +1212,7 @@ const Iu = (e) => {
     }), zt(() => {
       document.removeEventListener("click", i);
     }), (r, g) => (c(), d($, null, [
-      o("button", {
+      l("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)
+        l("span", { class: "pi pi-objects-column" }, null, -1)
       ]), 34),
       L(q, null, {
         default: H(() => [
-          o("div", {
+          l("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)
         ]),
@@ -13268,7 +13268,7 @@ function gi(e) {
     const a = () => {
       e.removeEventListener("success", A), e.removeEventListener("error", s);
     }, A = () => {
-      t(_e(e.result)), a();
+      t(we(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 we(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]), we(n);
   } : di().includes(e) ? function(...f) {
-    return e.apply(mt(this), f), _e(Yn.get(this));
+    return e.apply(mt(this), f), we(Yn.get(this));
   } : function(...f) {
-    return _e(e.apply(mt(this), f));
+    return we(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 we(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 = we(s);
+  return n && s.addEventListener("upgradeneeded", (o) => {
+    n(we(s.result), o.oldVersion, o.newVersion, we(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", (r) => a(r.oldVersion, r.newVersion, r));
   }).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;
+    const o = this.transaction(s, a ? "readwrite" : "readonly");
+    let r = o.store;
     return n && (r = r.index(i.shift())), (await Promise.all([
       r[t](...i),
-      a && l.done
+      a && o.done
     ]))[0];
   };
   return pt.set(f, A), A;
@@ -13460,7 +13460,7 @@ 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() {
@@ -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, r) {
+        return o[r] = "", 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), r = [ee, ie].indexOf(i) >= 0, g = r ? "height" : "width";
   if (!(!A || !s)) {
-    var u = qi(a.padding, t), m = Yt(A), p = l === "y" ? X : ee, h = l === "y" ? se : ie, M = t.rects.reference[g] + t.rects.reference[l] - s[l] - t.rects.popper[g], y = s[l] - t.rects.reference[l], _ = lf(A), k = _ ? l === "y" ? _.clientHeight || 0 : _.clientWidth || 0 : 0, D = M / 2 - y / 2, N = u[p], E = k - m[g] - u[h], S = k / 2 - m[g] / 2 + D, T = Ge(N, S, E), O = l;
+    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, 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 = 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;
+  var f, t = e.popper, n = e.popperRect, a = e.placement, A = e.variation, s = e.offsets, i = e.position, o = e.gpuAcceleration, r = e.adaptive, g = e.roundOffsets, u = e.isFixed, m = g === !0 ? Wi(s) : typeof g == "function" ? g(s) : s, p = m.x, h = p === void 0 ? 0 : p, M = m.y, y = M === void 0 ? 0 : M, _ = s.hasOwnProperty("x"), k = s.hasOwnProperty("y"), D = ee, N = X, E = window;
   if (r) {
     var S = lf(t), T = "clientHeight", O = "clientWidth";
     if (S === oe(t) && (S = De(t), me(S).position !== "static" && i === "absolute" && (T = "scrollHeight", O = "scrollWidth")), S = S, a === X || (a === ee || a === ie) && A === nf) {
       N = se;
       var Q = 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;
       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) {
+  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, (f = {}, f[N] = k ? y + "px" : "", f[D] = _ ? h + "px" : "", f.transform = "", f));
 }
 function Ki(e) {
-  var f = e.state, t = e.options, n = t.gpuAcceleration, a = n === void 0 ? !0 : n, 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, r = {
     placement: de(f.placement),
     variation: He(f.placement),
     popper: f.elements.popper,
@@ -13745,12 +13745,12 @@ function Ki(e) {
     offsets: f.modifiersData.popperOffsets,
     position: f.options.strategy,
     adaptive: s,
-    roundOffsets: l
+    roundOffsets: o
   })))), f.modifiersData.arrow != null && (f.styles.arrow = Object.assign({}, f.styles.arrow, bn(Object.assign({}, r, {
     offsets: f.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
-    roundOffsets: 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);
+  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), r = [].concat(f.scrollParents.reference, f.scrollParents.popper);
   return A && r.forEach(function(g) {
     g.addEventListener("scroll", t.update, hf);
-  }), i && l.addEventListener("resize", t.update, hf), function() {
+  }), i && o.addEventListener("resize", t.update, hf), function() {
     A && r.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,41 +13865,41 @@ 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);
+  var n = f === "clippingParents" ? ao(e) : [].concat(f), a = [].concat(n, [t]), A = a[0], s = a.reduce(function(i, o) {
+    var r = In(e, o);
     return i.top = ze(r.top, i.top), i.right = Ef(r.right, i.right), i.bottom = Ef(r.bottom, i.bottom), i.left = ze(r.left, i.left), i;
   }, In(e, A));
   return s.width = s.right - s.left, s.height = s.bottom - s.top, s.x = s.left, s.y = s.top, s;
 }
 function Zn(e) {
-  var f = e.reference, t = e.element, n = e.placement, a = n ? de(n) : null, 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
       };
@@ -13909,18 +13909,18 @@ function Zn(e) {
     var g = r === "y" ? "height" : "width";
     switch (A) {
       case Qe:
-        l[r] = l[r] - (f[g] / 2 - t[g] / 2);
+        o[r] = o[r] - (f[g] / 2 - t[g] / 2);
         break;
       case nf:
-        l[r] = l[r] + (f[g] / 2 - t[g] / 2);
+        o[r] = o[r] + (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, 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, o), N = qe(e.elements.reference), E = Zn({
     reference: N,
     element: _,
     strategy: "absolute",
@@ -13942,7 +13942,7 @@ 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, r = 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;
@@ -13969,15 +13969,15 @@ 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, 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 = o || (k || !h ? [_f(y)] : io(y)), N = [y].concat(D).reduce(function(Ce, be) {
+      return Ce.concat(de(be) === Rt ? so(f, {
+        placement: be,
         boundary: g,
         rootBoundary: u,
         padding: r,
         flipVariations: h,
         allowedAutoPlacements: M
-      }) : ye);
+      }) : be);
     }, []), E = f.rects.reference, S = f.rects.popper, T = /* @__PURE__ */ new Map(), O = !0, Q = N[0], C = 0; C < N.length; C++) {
       var B = N[C], R = de(B), te = He(B) === Qe, pe = [X, se].indexOf(R) >= 0, le = pe ? "width" : "height", Y = af(f, {
         placement: B,
@@ -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(be) {
         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, be).every(function(rt) {
               return rt;
             });
         });
@@ -14046,9 +14046,9 @@ 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), r = _n(i, a, A), g = wn(o), u = wn(r);
   f.modifiersData[t] = {
-    referenceClippingOffsets: l,
+    referenceClippingOffsets: o,
     popperEscapeOffsets: r,
     isReferenceHidden: g,
     hasPopperEscaped: u
@@ -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, r = i.y;
+  f.modifiersData.popperOffsets != null && (f.modifiersData.popperOffsets.x += o, f.modifiersData.popperOffsets.y += r), f.modifiersData[n] = s;
 }
 var mo = {
   name: "offset",
@@ -14109,8 +14109,8 @@ 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,
+  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, 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: o,
     rootBoundary: r,
     padding: u,
     altBoundary: g
@@ -14131,7 +14131,7 @@ function yo(e) {
       var te, pe = N === "y" ? X : ee, le = N === "y" ? se : ie, Y = N === "y" ? "height" : "width", W = S[N], uf = W + y[pe], Ee = W - y[le], cf = p ? -O[Y] / 2 : 0, lt = k === Qe ? T[Y] : O[Y], We = k === Qe ? -O[Y] : -T[Y], df = f.elements.arrow, Ce = p && df ? Yt(df) : {
         width: 0,
         height: 0
-      }, ye = f.modifiersData["arrow#persistent"] ? f.modifiersData["arrow#persistent"].padding : Wn(), Ke = ye[pe], gf = ye[le], Te = Ge(0, 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);
+      }, be = f.modifiersData["arrow#persistent"] ? f.modifiersData["arrow#persistent"].padding : Wn(), Ke = be[pe], gf = be[le], Te = Ge(0, T[Y], Ce[Y]), rt = D ? T[Y] / 2 - cf - Te - Ke - C.mainAxis : lt - Te - Ke - C.mainAxis, ca = D ? -T[Y] / 2 + cf + Te + gf + C.mainAxis : We + Te + gf + C.mainAxis, ut = f.elements.arrow && lf(f.elements.arrow), da = ut ? N === "y" ? ut.clientTop || 0 : ut.clientLeft || 0 : 0, fn = (te = B == null ? void 0 : B[N]) != null ? te : 0, ga = W + rt - fn - da, ma = W + ca - fn, tn = Ge(p ? Ef(uf, ga) : uf, W, p ? ze(Ee, ma) : Ee);
       S[N] = tn, R[N] = tn - W;
     }
     if (i) {
@@ -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,7 +14241,7 @@ 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) {
+  return function(i, o, r) {
     r === void 0 && (r = A);
     var g = {
       placement: "bottom",
@@ -14250,7 +14250,7 @@ function Eo(e) {
       modifiersData: {},
       elements: {
         reference: i,
-        popper: l
+        popper: o
       },
       attributes: {},
       styles: {}
@@ -14260,7 +14260,7 @@ 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) {
@@ -14302,7 +14302,7 @@ 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);
@@ -14343,11 +14343,11 @@ 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];
         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]);
@@ -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 } = ye("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), r = e.orderedGroupKeys;
     e.options.additionalGroups && Object.keys(e.options.additionalGroups).map((h) => {
-      e.options.groupNames[h] ? l[h] = e.options.groupNames[h] : l[h] = fa(h);
+      e.options.groupNames[h] ? o[h] = e.options.groupNames[h] : o[h] = fa(h);
     });
     const g = ea() ? "is-mac" : "";
     function u(h) {
@@ -14429,7 +14429,7 @@ const So = K({
       hasGroupNames: s,
       isSticky: i,
       platform: g,
-      groupNames: l,
+      groupNames: o,
       orderedKeys: r
     };
   }
@@ -14439,7 +14439,7 @@ const So = K({
 };
 function Ro(e, f, t, n, a, A) {
   return c(), d("div", zo, [
-    o("div", {
+    l("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 ? ke((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, [
+        ke(l("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,9 +14479,9 @@ 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 } = ye("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 = [
@@ -14497,7 +14497,7 @@ const Go = K({
     }), {
       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", {
+        l("span", {
           title: s.title,
           class: "v3-icon"
         }, [
-          o("img", {
+          l("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", {
+      ke(l("input", {
         "onUpdate:modelValue": f[0] || (f[0] = (s) => e.searchValue = s),
         type: "text",
         placeholder: e.placeholder
@@ -14567,9 +14567,9 @@ 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 } = ye("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"
     }));
@@ -14588,7 +14588,7 @@ const o1 = K({
         n.value = !1;
       }
     ), {
-      emoji: l,
+      emoji: o,
       SKIN_TONES: Xs,
       updateSkinToneState: r,
       skinTone: t,
@@ -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", {
+    l("div", l1, [
+      l("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)
+      l("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", {
+      l("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", {
+        l("span", d1, w(e.skinToneText), 1),
+        l("span", {
           class: x(`v3-icon v3-tone-${e.stateSkinTone}`)
         }, null, 2)
       ]),
-      o("div", {
+      l("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: r } = ye("store"), g = U(() => r.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);
+        _ === "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 _;
@@ -14749,9 +14749,9 @@ 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, [
+    l("div", y1, [
       e.type === "input" ? (c(), d("input", {
         key: 0,
         ref: "elem",
@@ -14768,27 +14768,27 @@ function _1(e, f, t, n, a, A) {
         onInput: f[2] || (f[2] = (...r) => e.onChangeText && e.onChangeText(...r)),
         onBlur: f[3] || (f[3] = (...r) => e.updateCursor && e.updateCursor(...r))
       }, null, 40, v1)),
-      o("div", {
+      l("div", {
         class: x(["v3-input-picker-wrap", e.open ? "v3-picker-is-open" : ""])
       }, [
-        o("button", {
+        l("button", {
           ref: "button",
           type: "button",
           class: "v3-input-picker-icon",
           onClick: f[4] || (f[4] = (r) => e.open = !e.open)
         }, [
-          o("img", {
+          l("img", {
             src: e.face,
             alt: ""
           }, null, 8, I1)
         ], 512),
-        o("div", {
+        l("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]]);
@@ -14939,10 +14939,10 @@ 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 = ye("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 = () => {
       f.mode == "click" && f.state == "active" && (t.value.style.display = "inherit");
@@ -14958,7 +14958,7 @@ const j1 = {
     }), zt(() => {
       document.removeEventListener("click", m);
     }), (p, h) => (c(), d($, null, [
-      o("div", {
+      l("div", {
         ref_key: "emojiButton",
         ref: n,
         class: x(["button", { "button-disabled": e.state == "disabled" }]),
@@ -14966,11 +14966,11 @@ const j1 = {
         onMouseover: g,
         onMouseout: u
       }, h[0] || (h[0] = [
-        o("span", { class: "pi pi-face-smile" }, null, -1)
+        l("span", { class: "pi pi-face-smile" }, null, -1)
       ]), 34),
       L(q, null, {
         default: H(() => [
-          o("div", {
+          l("div", {
             ref_key: "emoji",
             ref: t,
             class: "emoji",
@@ -14981,7 +14981,7 @@ const j1 = {
               native: !0,
               theme: i.value,
               "picker-type": "",
-              onSelect: l
+              onSelect: o
             }, null, 8, ["theme"])
           ], 544)
         ]),
@@ -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,
+      l("div", T1, [
+        l("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: (r) => 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)
+            l("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) {
+    function o(r) {
       return r.position === "left" ? "file-message__left" : "file-message__right";
     }
     return (r, g) => (c(), d("div", {
-      class: x(["file-message", l(e.message)]),
+      class: x(["file-message", o(e.message)]),
       messageId: e.message.messageId,
       onMouseleave: s
     }, [
@@ -15067,27 +15067,27 @@ const j1 = {
         style: P({ gridRow: e.message.subText ? "2" : "1" })
       }, null, 12, C1)) : b("", !0),
       e.message.subText ? (c(), d("p", L1, w(e.message.subText), 1)) : b("", !0),
-      o("div", {
+      l("div", {
         class: "file-message__content",
         onMouseenter: A
       }, [
-        o("a", {
+        l("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] = l("span", { class: "pi pi-file" }, null, -1)),
+          l("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", {
+        l("div", Q1, [
+          l("span", R1, w(e.message.time), 1),
+          o(e.message) === "file-message__right" && j(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] = l("span", { class: "pi pi-check" }, null, -1))
           ], 2)) : b("", !0)
         ]),
         n.value && e.message.actions ? (c(), d("button", {
@@ -15095,15 +15095,15 @@ 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)
+          l("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : b("", !0),
-        o("a", {
+        l("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)
+          l("span", { class: "pi pi-download" }, null, -1)
         ]), 8, q1),
         L(q, null, {
           default: H(() => [
@@ -15117,7 +15117,7 @@ const j1 = {
           _: 1
         }),
         e.message.text ? (c(), d("div", H1, [
-          o("p", null, w(e.message.text), 1)
+          l("p", null, w(e.message.text), 1)
         ])) : b("", !0)
       ], 32)
     ], 42, O1));
@@ -15152,7 +15152,7 @@ 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));
     function g(u) {
@@ -15161,7 +15161,7 @@ const j1 = {
     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,14 +15171,14 @@ const j1 = {
         width: "32"
       }, null, 8, W1)) : b("", !0),
       e.message.subText ? (c(), d("p", K1, w(e.message.subText), 1)) : b("", !0),
-      o("div", J1, [
-        o("div", {
+      l("div", J1, [
+        l("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", {
+          l("img", {
             class: "image-message__preview-image",
             style: P({ borderRadius: e.message.text ? "8px 8px 0 0" : "8px" }),
             src: e.message.url,
@@ -15188,16 +15188,16 @@ const j1 = {
             default: H(() => [
               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] = l("span", { class: "pi pi-eye" }, null, -1)),
+                  l("p", null, w(e.message.views), 1)
                 ])) : b("", !0),
-                o("span", el, w(e.message.time), 1),
+                l("span", el, w(e.message.time), 1),
                 g(e.message) === "image-message__right" && j(Pe).includes(e.message.status) ? (c(), d("div", {
                   key: 1,
                   class: x(["image-message__status", r.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] = l("span", { class: "pi pi-check" }, null, -1))
                 ], 2)) : b("", !0)
               ])) : b("", !0)
             ]),
@@ -15212,7 +15212,7 @@ const j1 = {
                 download: "",
                 target: "_blank"
               }, m[6] || (m[6] = [
-                o("span", { class: "pi pi-download" }, null, -1)
+                l("span", { class: "pi pi-download" }, null, -1)
               ]), 8, tl)) : b("", !0)
             ]),
             _: 1
@@ -15225,7 +15225,7 @@ const j1 = {
               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)
+              l("span", { class: "pi pi-ellipsis-h" }, null, -1)
             ]))) : b("", !0)
           ]),
           _: 1
@@ -15242,23 +15242,23 @@ const j1 = {
           _: 1
         }),
         e.message.text ? (c(), d("div", nl, [
-          o("p", null, w(e.message.text), 1)
+          l("p", null, w(e.message.text), 1)
         ])) : b("", !0)
       ]),
       (c(), F(Ot, { to: "body" }, [
         L(q, { name: "modal-fade" }, {
           default: H(() => [
             t.value ? (c(), d("div", al, [
-              o("div", Al, [
-                o("button", {
+              l("div", Al, [
+                l("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" })
+                  l("span", null, [
+                    l("i", { class: "pi pi-times" })
                   ], -1)
                 ])),
-                o("img", {
+                l("img", {
                   class: "image-message__modal-image",
                   src: e.message.url,
                   alt: e.message.alt
@@ -15408,15 +15408,15 @@ 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), 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", Ie = "AT", $f = "BACKSLASH", Wf = "BACKTICK", Kf = "CARET", _e = "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,
@@ -15448,11 +15448,11 @@ var sa = /* @__PURE__ */ Object.freeze({
   AMPERSAND: Hf,
   APOSTROPHE: Ff,
   ASTERISK: Pf,
-  AT: ve,
+  AT: Ie,
   BACKSLASH: $f,
   BACKTICK: Wf,
   CARET: Kf,
-  COLON: Ie,
+  COLON: _e,
   COMMA: Kt,
   DOLLAR: Jf,
   DOT: re,
@@ -15480,7 +15480,7 @@ 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, "@", Ie), v(t, "`", Wf), v(t, "^", Kf), v(t, ":", _e), 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
   });
@@ -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 o = v(i, pl);
+  ne(o, Mt, i);
   const r = [[Le, a]], g = [[Le, null], [ht, A]];
   for (let u = 0; u < yf.length; u++)
-    be(t, yf[u], Tt, Me, r);
+    ve(t, yf[u], Tt, Me, r);
   for (let u = 0; u < bf.length; u++)
-    be(t, bf[u], Vt, Et, g);
+    ve(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), ve(t, "file", Nf, Me, r), ve(t, "mailto", Nf, Me, r), ve(t, "http", Ue, Me, r), ve(t, "https", Ue, Me, r), ve(t, "ftp", Ue, Me, r), ve(t, "ftps", Ue, Me, r), xe(Nf, {
     scheme: !0,
     ascii: !0
   }, f), xe(Ue, {
@@ -15544,9 +15544,9 @@ 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++;
+    let i = e, o = null, r = 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++), r += t[s].length, A += t[s].length, s++;
     A -= u, s -= m, r -= u, a.push({
       t: g.t,
       // token type/name
@@ -15569,12 +15569,12 @@ function Ml(e) {
   }
   return f;
 }
-function be(e, f, t, n, a) {
+function ve(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), 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), o && (s.target = o), r && (s.rel = r), g && Fe(s, g), {
       tagName: a,
       attributes: s,
       content: A,
@@ -15824,18 +15824,18 @@ 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 === _e;
   }
 }), 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, Ie, $f, Wf, Kf, Jf, Gf, ue, $t, Zf, Xf, et, ft, ce, at, ff, nt]), t = [Ff, _e, 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 r = v(s, Ie);
+  v(A, Ie, r), v(i, Ie, r), v(o, Ie, r);
   const g = v(A, re);
   V(g, n, A), V(g, e.domain, A);
   const u = ae();
@@ -15846,18 +15846,18 @@ function bl({
   V(m, e.tld, p), V(m, e.utld, p), v(r, Af, p);
   const h = v(u, ue);
   V(h, e.domain, u), V(p, e.domain, u), v(p, re, m), v(p, ue, h);
-  const M = v(p, Ie);
+  const M = v(p, _e);
   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(_, 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, Ie, r);
+  const D = v(k, _e), N = ae(vf);
   V(D, e.numeric, N);
   const E = ae(vf), S = ae();
   V(E, f, E), V(E, t, S), V(S, f, E), V(S, t, S), v(k, ce, E), v(N, ce, E);
-  const T = v(i, Ie), O = v(l, Ie), Q = v(O, ce), C = v(Q, ce);
-  V(i, e.domain, s), v(i, re, _), v(i, ue, y), V(l, e.domain, s), v(l, re, _), v(l, ue, y), V(T, e.domain, E), v(T, ce, E), V(C, e.domain, E), V(C, f, E), v(C, ce, E);
+  const T = v(i, _e), O = v(o, _e), 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],
     // {}
@@ -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, r = 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 && (r = o || i.go(t[a].t)); )
+      o = null, i = r, 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,7 +16004,7 @@ 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 = () => {
       A.value = !1, a.value = !1;
@@ -16017,7 +16017,7 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
       return h.position === "left" ? "text-message__left" : "text-message__right";
     }
     return (h, M) => (c(), d("div", Nl, [
-      o("div", {
+      l("div", {
         class: x(p(e.message)),
         messageId: e.message.messageId,
         onMouseleave: r
@@ -16031,23 +16031,23 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
           style: P({ gridRow: e.message.subText ? "2" : "1" })
         }, null, 12, jl)) : b("", !0),
         e.message.subText ? (c(), d("p", El, w(e.message.subText), 1)) : b("", !0),
-        o("div", {
+        l("div", {
           class: "text-message__content",
-          onMouseenter: l
+          onMouseenter: o
         }, [
-          o("p", {
+          l("p", {
             innerHTML: s.value,
             class: "text-message__text",
             onClick: i
           }, null, 8, Tl),
-          o("div", Vl, [
+          l("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] = l("span", { class: "pi pi-eye" }, null, -1)),
+              l("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", {
@@ -16055,7 +16055,7 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
               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] = l("span", { class: "pi pi-check" }, null, -1))
             ], 2)) : b("", !0)
           ]),
           A.value && e.message.actions ? (c(), d("button", {
@@ -16063,7 +16063,7 @@ 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)
+            l("span", { class: "pi pi-ellipsis-h" }, null, -1)
           ]))) : b("", !0),
           L(q, null, {
             default: H(() => [
@@ -16098,7 +16098,7 @@ 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 = () => {
       i.value = !1, s.value = !1;
@@ -16134,46 +16134,46 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
         style: P({ gridRow: e.message.subText ? "2" : "1" })
       }, null, 12, Ll)) : b("", !0),
       e.message.subText ? (c(), d("p", Ul, w(e.message.subText), 1)) : b("", !0),
-      o("div", {
+      l("div", {
         class: "audio-message__content",
-        onMouseenter: l
+        onMouseenter: o
       }, [
-        o("audio", {
+        l("audio", {
           ref_key: "player",
           ref: t,
           src: e.message.url
         }, null, 8, Bl),
-        we(o("button", {
+        ke(l("button", {
           class: "audio-message__play",
           onClick: m
         }, D[1] || (D[1] = [
-          o("span", { class: "pi pi-play" }, null, -1)
+          l("span", { class: "pi pi-play" }, null, -1)
         ]), 512), [
           [Df, !n.value]
         ]),
-        we(o("button", {
+        ke(l("button", {
           class: "audio-message__pause",
           onClick: m
         }, D[2] || (D[2] = [
-          o("span", { class: "pi pi-pause" }, null, -1)
+          l("span", { class: "pi pi-pause" }, null, -1)
         ]), 512), [
           [Df, n.value]
         ]),
-        o("div", Ql, [
-          o("div", {
+        l("div", Ql, [
+          l("div", {
             class: "audio-message__progress-bar",
             style: P({ 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),
+        l("p", Rl, w(`${h.value} / ${M.value}`), 1),
+        l("div", Yl, [
+          l("span", ql, w(e.message.time), 1),
           _(e.message) === "audio-message__right" && j(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))
+            D[3] || (D[3] = l("span", { class: "pi pi-check" }, null, -1))
           ], 2)) : b("", !0)
         ]),
         i.value && e.message.actions ? (c(), d("button", {
@@ -16181,15 +16181,15 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
           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)
+          l("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : b("", !0),
-        o("a", {
+        l("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)
+          l("span", { class: "pi pi-download" }, null, -1)
         ]), 8, Fl),
         L(q, null, {
           default: H(() => [
@@ -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)
+          l("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)
+      l("div", Jl, [
+        l("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), r = () => {
     }, 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,14 +16279,14 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
         width: "32"
       }, null, 8, fr)) : b("", !0),
       e.message.subText ? (c(), d("p", tr, w(e.message.subText), 1)) : b("", !0),
-      o("div", nr, [
-        o("div", {
+      l("div", nr, [
+        l("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", {
+          l("video", {
             ref_key: "previewPlayer",
             ref: a,
             class: "video-message__video",
@@ -16298,18 +16298,18 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
           }, null, 44, ar),
           L(q, { name: "modal-fade" }, {
             default: H(() => [
-              l.value ? (c(), d("div", Ar, [
+              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] = l("span", { class: "pi pi-eye" }, null, -1)),
+                  l("p", null, w(e.message.views), 1)
                 ])) : b("", !0),
-                o("span", ir, w(e.message.time), 1),
+                l("span", ir, w(e.message.time), 1),
                 t(e.message) === "video-message__right" && j(Pe).includes(e.message.status) ? (c(), d("div", {
                   key: 1,
                   class: 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] = l("span", { class: "pi pi-check" }, null, -1))
                 ], 2)) : b("", !0)
               ])) : b("", !0)
             ]),
@@ -16317,14 +16317,14 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
           }),
           L(q, { name: "modal-fade" }, {
             default: H(() => [
-              l.value ? (c(), d("a", {
+              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)
+                l("span", { class: "pi pi-download" }, null, -1)
               ]), 8, lr)) : b("", !0)
             ]),
             _: 1
@@ -16337,7 +16337,7 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
               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)
+              l("span", { class: "pi pi-ellipsis-h" }, null, -1)
             ]))) : b("", !0)
           ]),
           _: 1
@@ -16354,23 +16354,23 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
           _: 1
         }),
         e.message.text ? (c(), d("div", rr, [
-          o("p", null, w(e.message.text), 1)
+          l("p", null, w(e.message.text), 1)
         ])) : b("", !0)
       ]),
       (c(), F(Ot, { to: "body" }, [
         L(q, { name: "modal-fade" }, {
           default: H(() => [
             A.value ? (c(), d("div", ur, [
-              o("div", cr, [
-                o("button", {
+              l("div", cr, [
+                l("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" })
+                  l("span", null, [
+                    l("i", { class: "pi pi-times" })
                   ], -1)
                 ])),
-                o("video", {
+                l("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", {
+      l("div", {
         class: x(f(e.message)),
         messageId: e.message.messageId
       }, [
@@ -16431,15 +16431,15 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
           style: P({ gridRow: e.message.subText ? "2" : "1" })
         }, null, 12, Mr)) : b("", !0),
         e.message.subText ? (c(), d("p", yr, w(e.message.subText), 1)) : b("", !0),
-        o("div", br, [
-          o("span", {
+        l("div", br, [
+          l("span", {
             class: "call-message__icon pi pi-phone",
             style: P({ color: e.message.isMissedCall ? "var(--p-red-500)" : "var(--neutral-100)" })
           }, null, 4),
           e.message.isMissedCall ? (c(), d("span", Ir, "Пропущенный аудиозвонок")) : (c(), d("span", vr, "Аудиозвонок")),
           e.message.callDuration ? (c(), d("span", _r, w(e.message.callDuration), 1)) : !e.message.callDuration && e.message.isMissedCall ? (c(), d("span", wr, "Нажмите, чтобы перезвонить")) : (c(), d("span", kr, "Нет ответа")),
-          o("div", Nr, [
-            o("span", Dr, w(e.message.time), 1)
+          l("div", Nr, [
+            l("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)
+      l("div", Vr, [
+        l("p", xr, w(e.message.text), 1)
       ])
     ]));
   }
@@ -16473,7 +16473,7 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
   },
   setup(e) {
     return (f, t) => (c(), d("div", Or, [
-      o("div", Cr, [
+      l("div", Cr, [
         e.message.avatar ? (c(), d("img", {
           key: 0,
           class: "typing-message__avatar",
@@ -16483,8 +16483,8 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
           style: P({ gridRow: e.message.subText ? "2" : "1" })
         }, null, 12, Lr)) : b("", !0),
         e.message.subText ? (c(), d("p", Ur, w(e.message.subText), 1)) : b("", !0),
-        t[0] || (t[0] = o("div", { class: "typing-message__loader-container" }, [
-          o("div", { class: "typing-message__loader" })
+        t[0] || (t[0] = l("div", { class: "typing-message__loader-container" }, [
+          l("div", { class: "typing-message__loader" })
         ], -1))
       ])
     ]));
@@ -16506,19 +16506,19 @@ const Nl = { class: "text-message" }, Dl = ["messageId"], jl = ["src"], El = {
     }, a = I(null);
     return (A, s) => (c(), F(q, { name: "modal-fade" }, {
       default: H(() => [
-        o("div", Qr, [
-          o("div", Rr, [
-            o("div", Yr, [
+        l("div", Qr, [
+          l("div", Rr, [
+            l("div", Yr, [
               G(A.$slots, "default", {}, void 0, !0)
             ]),
-            o("div", qr, [
-              o("button", {
+            l("div", qr, [
+              l("button", {
                 type: "button",
                 class: "btn-green",
                 "aria-label": "Close modal",
                 onClick: s[0] || (s[0] = (i) => n(a.value))
               }, " OK "),
-              o("button", {
+              l("button", {
                 type: "button",
                 class: "btn-green",
                 "aria-label": "Close modal",
@@ -16543,7 +16543,7 @@ function en({ component: e, attrs: f }) {
     }, i = (g) => {
       const u = Object.keys(g)[0];
       a.value[u] = g[u];
-    }, l = K({
+    }, o = K({
       render() {
         return un(
           Fr,
@@ -16562,14 +16562,14 @@ function en({ component: e, attrs: f }) {
           }
         );
       }
-    }), r = ja(l);
+    }), r = ja(o);
     r.mount(n);
   });
 }
 const xu = async (e, f) => {
   const t = await en({
     //в component должен быть встроен emit change(key: value)
-    component: import("./SelectUser2-DyHGD8g8.js"),
+    component: import("./SelectUser2-Babd7Ddg.js"),
     attrs: {
       title: e,
       users: f
@@ -16603,7 +16603,7 @@ const xu = async (e, f) => {
       class: "base",
       id: j(f)
     }, [
-      o("div", {
+      l("div", {
         class: "base__container",
         style: P({ height: e.height, width: e.width })
       }, [
@@ -16631,13 +16631,13 @@ const xu = async (e, f) => {
   },
   emits: ["close-window", "get-size"],
   setup(e, { emit: f }) {
-    const t = e, n = I({ x: 0, y: 0 }), a = I(null), 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), r = I(0), g = St();
     Ct("chatAppId", g);
     const u = (h) => {
-      s.value = !0, i.value = h.clientX - a.value.offsetLeft, l.value = h.clientY - a.value.offsetTop;
+      s.value = !0, i.value = h.clientX - a.value.offsetLeft, o.value = h.clientY - a.value.offsetTop;
     }, m = () => s.value = !1, p = (h) => {
       if (s.value) {
-        const M = h.clientX - i.value, y = h.clientY - l.value;
+        const M = h.clientX - i.value, y = h.clientY - o.value;
         n.value.x = M, n.value.y = y;
       }
     };
@@ -16671,8 +16671,8 @@ const xu = async (e, f) => {
         display: "flex"
       })
     }, [
-      o("div", Wr, [
-        o("div", {
+      l("div", Wr, [
+        l("div", {
           ref_key: "container",
           ref: A,
           class: "float-window__controls",
@@ -16687,15 +16687,15 @@ 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", {
+          l("p", Jr, w(t.title), 1),
+          l("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)
+            l("span", { class: "pi pi-times" }, null, -1)
           ]))
         ], 36),
-        o("div", {
+        l("div", {
           class: "float-window__content",
           style: P({ height: r.value + "px" })
         }, [
@@ -16707,15 +16707,15 @@ const xu = async (e, f) => {
 }, 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, [
+    l("div", eu, [
       G(e.$slots, "first-col", {}, void 0, !0)
     ]),
-    o("div", fu, [
+    l("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 = {
+const Lu = /* @__PURE__ */ z(Zr, [["render", tu], ["__scopeId", "data-v-a5df3fcf"]]), nu = { class: "extend-layout__container" }, au = { class: "extend-layout__first-col" }, Au = { class: "extend-layout__third-col" }, su = {
   __name: "ExtendedLayout",
   setup(e) {
     const f = I(null);
@@ -16727,26 +16727,26 @@ const Lu = /* @__PURE__ */ z(Zr, [["render", tu], ["__scopeId", "data-v-93dc265d
         const g = n.value + (r.clientX - A.value);
         f.value.style.width = `${Math.max(270, g)}px`;
       }
-    }, l = () => {
+    }, o = () => {
       t.value = !1, document.removeEventListener("mousemove", i);
     };
     return Ne(() => {
       f.value && (f.value.style.width = "350px");
     }), (r, g) => (c(), d("div", nu, [
-      o("div", au, [
+      l("div", au, [
         G(r.$slots, "first-col", {}, void 0, !0)
       ]),
-      o("div", {
+      l("div", {
         ref_key: "resizableDiv",
         ref: f,
         class: "extend-layout__second-col resizable-div",
         style: P({ userSelect: j(t) ? "none" : "auto" }),
         onMousedown: s,
-        onMouseup: l
+        onMouseup: o
       }, [
         G(r.$slots, "second-col", {}, void 0, !0)
       ], 36),
-      o("div", Au, [
+      l("div", Au, [
         G(r.$slots, "third-col", {}, void 0, !0)
       ])
     ]));
@@ -16754,7 +16754,7 @@ const Lu = /* @__PURE__ */ z(Zr, [["render", tu], ["__scopeId", "data-v-93dc265d
 }, 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, [
+    l("div", lu, [
       G(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
@@ -16782,7 +16782,7 @@ const Bu = /* @__PURE__ */ z(iu, [["render", ru], ["__scopeId", "data-v-e71ea0ed
       e.isSelectedChat ? (c(), d("div", cu, [
         G(f.$slots, "default", {}, void 0, !0)
       ])) : (c(), d("div", du, [
-        o("p", null, w(j(Se)("layout.ChatWrapper.noSelectedChat")), 1)
+        l("p", null, w(j(Se)("layout.ChatWrapper.noSelectedChat")), 1)
       ])),
       e.isOpenChatPanel ? (c(), d("div", {
         key: 2,