@mobilon-dev/chotto 0.0.43 → 0.0.44

package/dist/{index-DBRE6h4G.js → index-BfynLkS7.js}

@@ -1,5 +1,5 @@
-import { openBlock as l, createElementBlock as c, createElementVNode as o, Fragment as B, renderList as Y, normalizeClass as D, createCommentVNode as y, toDisplayString as w, ref as b, computed as x, normalizeStyle as z, createTextVNode as wn, unref as q, createVNode as S, Transition as H, withCtx as K, createBlock as L, Teleport as kn, onMounted as Ie, withDirectives as te, vShow as pe, renderSlot as J, defineComponent as de, inject as Ge, getCurrentInstance as Nn, toRaw as Zf, watch as we, onBeforeUnmount as Dn, provide as jn, reactive as Vn, readonly as En, vModelText as Gf, resolveComponent as Je, onUnmounted as Tn, mergeModels as zf, useModel as xn, withKeys as Sn, onUpdated as zn, resolveDynamicComponent as On, nextTick as uf, toRef as Cn, vModelCheckbox as Un, h as Of, defineAsyncComponent as Ln, createApp as Qn } from "vue";
-const j = (e, f) => {
+import { openBlock as l, createElementBlock as c, createElementVNode as i, Fragment as Q, renderList as R, normalizeClass as V, createCommentVNode as y, toDisplayString as I, ref as v, computed as x, normalizeStyle as z, createTextVNode as wn, unref as Y, createVNode as S, Transition as H, withCtx as K, createBlock as C, Teleport as kn, onMounted as Ie, withDirectives as te, vShow as pe, renderSlot as F, defineComponent as de, inject as Ge, getCurrentInstance as Nn, toRaw as Pf, watch as we, onBeforeUnmount as Dn, provide as jn, reactive as Vn, readonly as En, vModelText as Zf, resolveComponent as Je, onUnmounted as Tn, isRef as xn, withKeys as Sn, onUpdated as zn, resolveDynamicComponent as On, nextTick as uf, toRef as Cn, vModelCheckbox as Un, h as zf, defineAsyncComponent as Ln, createApp as Qn } from "vue";
+const D = (e, f) => {
   const n = e.__vccOpts || e;
   for (const [a, t] of f)
     n[a] = t;
@@ -19,35 +19,35 @@ const j = (e, f) => {
       a("click", A);
     };
     return (s, A) => (l(), c("div", Bn, [
-      o("div", Yn, [
-        o("ul", Rn, [
-          (l(!0), c(B, null, Y(n.actions, (i, u) => (l(), c("li", {
+      i("div", Yn, [
+        i("ul", Rn, [
+          (l(!0), c(Q, null, R(n.actions, (o, u) => (l(), c("li", {
             key: u,
             class: "context-menu__item",
             onClick: (r) => t(u)
           }, [
-            i.icon ? (l(), c("img", {
+            o.icon ? (l(), c("img", {
               key: 0,
-              src: i.icon,
+              src: o.icon,
               width: "18",
               height: "18"
-            }, null, 8, Fn)) : i.prime ? (l(), c("i", {
+            }, null, 8, Fn)) : o.prime ? (l(), c("i", {
               key: 1,
-              class: D("pi pi-" + i.prime)
+              class: V("pi pi-" + o.prime)
             }, null, 2)) : y("", !0),
-            o("span", null, w(i.title), 1)
+            i("span", null, I(o.title), 1)
           ], 8, qn))), 128))
         ])
       ])
     ]));
   }
-}, ge = /* @__PURE__ */ j($n, [["__scopeId", "data-v-54c29e54"]]);
-function P1(e) {
+}, ge = /* @__PURE__ */ D($n, [["__scopeId", "data-v-54c29e54"]]);
+function X1(e) {
   if (!e || e === "") return;
   const f = +new Date(Number(e) * 1e3), n = +/* @__PURE__ */ new Date(), a = Math.floor((n - f) / 1e3), t = Math.floor(a / 60), s = Math.floor(t / 60), A = Math.floor(s / 24);
   return A > 30 ? f.toLocaleString() : A > 0 ? `${A} ${A === 1 ? "день" : "дня"} назад` : s > 0 ? `${s} ${s === 1 ? "час" : "часа"} назад` : t > 0 ? `${t} ${t === 1 ? "минута" : "минуты"} назад` : a > 0 ? `${a} ${a === 1 ? "секунда" : "секунды"} назад` : "Только что";
 }
-const Z1 = (e) => {
+const el = (e) => {
   const f = [];
   let n = null;
   for (let a = 0; a < e.length; a++) {
@@ -61,7 +61,7 @@ const Z1 = (e) => {
     }), n = s), f.push(t);
   }
   return f;
-}, G1 = async () => {
+}, fl = async () => {
   try {
     if (await navigator.mediaDevices.getUserMedia({ audio: !0 })) {
       const f = new Audio();
@@ -70,7 +70,7 @@ const Z1 = (e) => {
   } catch {
     console.log("no audio permissions");
   }
-}, X1 = (e) => e.sort((f, n) => Number(f.timestamp) < Number(n.timestamp) ? -1 : Number(f.timestamp) > Number(n.timestamp) ? 1 : 0), Cf = (e) => {
+}, nl = (e) => e.sort((f, n) => Number(f.timestamp) < Number(n.timestamp) ? -1 : Number(f.timestamp) > Number(n.timestamp) ? 1 : 0), Of = (e) => {
   let f = "file";
   return e.startsWith("image/") ? f = "image" : e.startsWith("video/") ? f = "video" : e.startsWith("audio/") && (f = "audio"), f;
 }, ke = ["read", "received", "send"], Ne = (e) => {
@@ -97,16 +97,16 @@ const Z1 = (e) => {
     }
   },
   setup(e) {
-    const f = e, n = b(!1), a = b(!1), t = () => {
+    const f = e, n = v(!1), a = v(!1), t = () => {
       a.value = !0;
     }, s = () => {
       a.value = !1, n.value = !1;
     }, A = x(() => Ne(f.message.status));
-    function i(u) {
+    function o(u) {
       return u.position === "left" ? "file-message__left" : "file-message__right";
     }
     return (u, r) => (l(), c("div", {
-      class: D(["file-message", i(e.message)]),
+      class: V(["file-message", o(e.message)]),
       messageId: e.message.messageId,
       onMouseleave: s
     }, [
@@ -118,28 +118,28 @@ const Z1 = (e) => {
         width: "32",
         style: z({ gridRow: e.message.subText ? "2" : "1" })
       }, null, 12, Jn)) : y("", !0),
-      e.message.subText ? (l(), c("p", Hn, w(e.message.subText), 1)) : y("", !0),
-      o("div", {
+      e.message.subText ? (l(), c("p", Hn, I(e.message.subText), 1)) : y("", !0),
+      i("div", {
         class: "file-message__content",
         onMouseenter: t
       }, [
-        o("a", {
+        i("a", {
           class: "file-message__link",
           href: e.message.url,
           download: "",
           target: "_blank"
         }, [
-          r[1] || (r[1] = o("span", { class: "pi pi-file" }, null, -1)),
-          wn(" " + w(e.message.filename), 1)
+          r[1] || (r[1] = i("span", { class: "pi pi-file" }, null, -1)),
+          wn(" " + I(e.message.filename), 1)
         ], 8, Kn),
-        o("div", Pn, [
-          o("span", Zn, w(e.message.time), 1),
-          i(e.message) === "file-message__right" && q(ke).includes(e.message.status) ? (l(), c("div", {
+        i("div", Pn, [
+          i("span", Zn, I(e.message.time), 1),
+          o(e.message) === "file-message__right" && Y(ke).includes(e.message.status) ? (l(), c("div", {
             key: 0,
-            class: D(["file-message__status", A.value])
+            class: V(["file-message__status", A.value])
           }, [
             e.message.status !== "sent" ? (l(), c("span", Gn)) : y("", !0),
-            r[2] || (r[2] = o("span", { class: "pi pi-check" }, null, -1))
+            r[2] || (r[2] = i("span", { class: "pi pi-check" }, null, -1))
           ], 2)) : y("", !0)
         ]),
         a.value && e.message.actions ? (l(), c("button", {
@@ -147,19 +147,19 @@ const Z1 = (e) => {
           class: "file-message__menu-button",
           onClick: r[0] || (r[0] = (g) => n.value = !n.value)
         }, r[3] || (r[3] = [
-          o("span", { class: "pi pi-ellipsis-h" }, null, -1)
+          i("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : y("", !0),
-        o("a", {
+        i("a", {
           class: "file-message__download-button",
           href: e.message.url,
           download: "",
           target: "_blank"
         }, r[4] || (r[4] = [
-          o("span", { class: "pi pi-download" }, null, -1)
+          i("span", { class: "pi pi-download" }, null, -1)
         ]), 8, Xn),
         S(H, null, {
           default: K(() => [
-            n.value && e.message.actions ? (l(), L(ge, {
+            n.value && e.message.actions ? (l(), C(ge, {
               key: 0,
               class: "file-message__context-menu",
               actions: e.message.actions,
@@ -171,7 +171,7 @@ const Z1 = (e) => {
       ], 32)
     ], 42, Wn));
   }
-}, fa = /* @__PURE__ */ j(ea, [["__scopeId", "data-v-466aa00c"]]), na = ["messageId"], aa = ["src"], ta = {
+}, fa = /* @__PURE__ */ D(ea, [["__scopeId", "data-v-466aa00c"]]), na = ["messageId"], aa = ["src"], ta = {
   key: 1,
   class: "image-message__subtext"
 }, Aa = ["src", "alt"], sa = { class: "image-message__info-container" }, ia = {
@@ -192,16 +192,16 @@ const Z1 = (e) => {
     }
   },
   setup(e) {
-    const f = e, n = b(!1), a = b(!1), t = b(!1), s = () => {
+    const f = e, n = v(!1), a = v(!1), t = v(!1), s = () => {
       t.value = !0;
     }, A = () => {
       t.value = !1, a.value = !1;
-    }, i = x(() => Ne(f.message.status));
+    }, o = x(() => Ne(f.message.status));
     function u(r) {
       return r.position === "left" ? "image-message__left" : "image-message__right";
     }
     return (r, g) => (l(), c("div", {
-      class: D(["image-message", u(e.message)]),
+      class: V(["image-message", u(e.message)]),
       messageId: e.message.messageId,
       onMouseleave: A
     }, [
@@ -213,57 +213,57 @@ const Z1 = (e) => {
         width: "32",
         style: z({ gridRow: e.message.subText ? "2" : "1" })
       }, null, 12, aa)) : y("", !0),
-      e.message.subText ? (l(), c("p", ta, w(e.message.subText), 1)) : y("", !0),
-      o("div", {
+      e.message.subText ? (l(), c("p", ta, I(e.message.subText), 1)) : y("", !0),
+      i("div", {
         class: "image-message__content",
         onMouseenter: s
       }, [
-        o("div", {
+        i("div", {
           class: "image-message__preview-button",
           onClick: g[0] || (g[0] = (d) => n.value = !0)
         }, [
-          o("img", {
+          i("img", {
             class: "image-message__preview-image",
             src: e.message.url,
             alt: e.message.alt
           }, null, 8, Aa),
-          o("div", sa, [
+          i("div", sa, [
             e.message.views ? (l(), c("div", ia, [
-              g[3] || (g[3] = o("span", { class: "pi pi-eye" }, null, -1)),
-              o("p", null, w(e.message.views), 1)
+              g[3] || (g[3] = i("span", { class: "pi pi-eye" }, null, -1)),
+              i("p", null, I(e.message.views), 1)
             ])) : y("", !0),
-            o("span", oa, w(e.message.time), 1),
-            u(e.message) === "image-message__right" && q(ke).includes(e.message.status) ? (l(), c("div", {
+            i("span", oa, I(e.message.time), 1),
+            u(e.message) === "image-message__right" && Y(ke).includes(e.message.status) ? (l(), c("div", {
               key: 1,
-              class: D(["image-message__status", i.value])
+              class: V(["image-message__status", o.value])
             }, [
               e.message.status !== "sent" ? (l(), c("span", la)) : y("", !0),
-              g[4] || (g[4] = o("span", { class: "pi pi-check" }, null, -1))
+              g[4] || (g[4] = i("span", { class: "pi pi-check" }, null, -1))
             ], 2)) : y("", !0)
           ]),
-          o("a", {
+          i("a", {
             class: "image-message__download-button",
             href: e.message.url,
             download: "",
             target: "_blank"
           }, g[5] || (g[5] = [
-            o("span", { class: "pi pi-download" }, null, -1)
+            i("span", { class: "pi pi-download" }, null, -1)
           ]), 8, ua)
         ]),
-        (l(), L(kn, { to: "body" }, [
+        (l(), C(kn, { to: "body" }, [
           S(H, { name: "modal-fade" }, {
             default: K(() => [
               n.value ? (l(), c("div", ra, [
-                o("div", ca, [
-                  o("button", {
+                i("div", ca, [
+                  i("button", {
                     class: "image-message__modal-close-button",
                     onClick: g[1] || (g[1] = (d) => n.value = !1)
                   }, g[6] || (g[6] = [
-                    o("span", null, [
-                      o("i", { class: "pi pi-times" })
+                    i("span", null, [
+                      i("i", { class: "pi pi-times" })
                     ], -1)
                   ])),
-                  o("img", {
+                  i("img", {
                     class: "image-message__modal-image",
                     src: e.message.url,
                     alt: e.message.alt
@@ -279,11 +279,11 @@ const Z1 = (e) => {
           class: "image-message__menu-button",
           onClick: g[2] || (g[2] = (d) => a.value = !a.value)
         }, g[7] || (g[7] = [
-          o("span", { class: "pi pi-ellipsis-h" }, null, -1)
+          i("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : y("", !0),
         S(H, { name: "context-menu" }, {
           default: K(() => [
-            a.value && e.message.actions ? (l(), L(ge, {
+            a.value && e.message.actions ? (l(), C(ge, {
               key: 0,
               class: "image-message__context-menu",
               actions: e.message.actions,
@@ -295,7 +295,7 @@ const Z1 = (e) => {
       ], 32)
     ], 42, na));
   }
-}, ma = /* @__PURE__ */ j(ga, [["__scopeId", "data-v-199dd630"]]), pa = { class: "text-message" }, Ma = ["messageId"], ha = ["src"], ya = {
+}, ma = /* @__PURE__ */ D(ga, [["__scopeId", "data-v-199dd630"]]), pa = { class: "text-message" }, Ma = ["messageId"], ha = ["src"], ya = {
   key: 1,
   class: "text-message__subtext"
 }, ba = { class: "text-message__text" }, va = { class: "text-message__info-container" }, _a = {
@@ -314,23 +314,23 @@ const Z1 = (e) => {
   },
   emits: ["action"],
   setup(e, { emit: f }) {
-    const n = e, a = f, t = b(!1), s = b(!1), A = () => {
+    const n = e, a = f, t = v(!1), s = v(!1), A = () => {
       s.value = !0;
-    }, i = () => {
+    }, o = () => {
       s.value = !1, t.value = !1;
     }, u = x(() => Ne(n.message.status)), r = (m) => {
-      i(), a("action", { messageId: n.message.messageId, type: "menu", ...m });
+      o(), a("action", { messageId: n.message.messageId, type: "menu", ...m });
     }, g = () => {
-      i(), a("action", { messageId: n.message.messageId, type: "views" });
+      o(), a("action", { messageId: n.message.messageId, type: "views" });
     };
     function d(m) {
       return m.position === "left" ? "text-message__left" : "text-message__right";
     }
     return (m, p) => (l(), c("div", pa, [
-      o("div", {
-        class: D(d(e.message)),
+      i("div", {
+        class: V(d(e.message)),
         messageId: e.message.messageId,
-        onMouseleave: i
+        onMouseleave: o
       }, [
         e.message.avatar ? (l(), c("img", {
           key: 0,
@@ -340,28 +340,28 @@ const Z1 = (e) => {
           width: "32",
           style: z({ gridRow: e.message.subText ? "2" : "1" })
         }, null, 12, ha)) : y("", !0),
-        e.message.subText ? (l(), c("p", ya, w(e.message.subText), 1)) : y("", !0),
-        o("div", {
+        e.message.subText ? (l(), c("p", ya, I(e.message.subText), 1)) : y("", !0),
+        i("div", {
           class: "text-message__content",
           onMouseenter: A
         }, [
-          o("p", ba, w(e.message.text), 1),
-          o("div", va, [
+          i("p", ba, I(e.message.text), 1),
+          i("div", va, [
             e.message.views ? (l(), c("div", {
               key: 0,
               class: "text-message__views",
               onClick: g
             }, [
-              p[1] || (p[1] = o("span", { class: "pi pi-eye" }, null, -1)),
-              o("p", null, w(e.message.views), 1)
+              p[1] || (p[1] = i("span", { class: "pi pi-eye" }, null, -1)),
+              i("p", null, I(e.message.views), 1)
             ])) : y("", !0),
-            e.message.time ? (l(), c("span", _a, w(e.message.time), 1)) : y("", !0),
-            d(e.message) === "text-message__right" && q(ke).includes(e.message.status) ? (l(), c("div", {
+            e.message.time ? (l(), c("span", _a, I(e.message.time), 1)) : y("", !0),
+            d(e.message) === "text-message__right" && Y(ke).includes(e.message.status) ? (l(), c("div", {
               key: 2,
-              class: D(["text-message__status", u.value])
+              class: V(["text-message__status", u.value])
             }, [
               e.message.status !== "send" ? (l(), c("span", Ia)) : y("", !0),
-              p[2] || (p[2] = o("span", { class: "pi pi-check" }, null, -1))
+              p[2] || (p[2] = i("span", { class: "pi pi-check" }, null, -1))
             ], 2)) : y("", !0)
           ]),
           s.value && e.message.actions ? (l(), c("button", {
@@ -369,11 +369,11 @@ const Z1 = (e) => {
             class: "text-message__menu-button",
             onClick: p[0] || (p[0] = (h) => t.value = !t.value)
           }, p[3] || (p[3] = [
-            o("span", { class: "pi pi-ellipsis-h" }, null, -1)
+            i("span", { class: "pi pi-ellipsis-h" }, null, -1)
           ]))) : y("", !0),
           S(H, null, {
             default: K(() => [
-              t.value && e.message.actions ? (l(), L(ge, {
+              t.value && e.message.actions ? (l(), C(ge, {
                 key: 0,
                 class: "text-message__context-menu",
                 actions: e.message.actions,
@@ -386,7 +386,7 @@ const Z1 = (e) => {
       ], 42, Ma)
     ]));
   }
-}, ka = /* @__PURE__ */ j(wa, [["__scopeId", "data-v-f8d9da21"]]), Na = ["messageId"], Da = ["src"], ja = {
+}, ka = /* @__PURE__ */ D(wa, [["__scopeId", "data-v-f8d9da21"]]), Na = ["messageId"], Da = ["src"], ja = {
   key: 1,
   class: "audio-message__subtext"
 }, Va = ["src"], Ea = { class: "audio-message__progress-bar-container" }, Ta = { class: "audio-message__remaining-time" }, xa = { class: "audio-message__info-container" }, Sa = { class: "audio-message__time" }, za = {
@@ -401,20 +401,20 @@ const Z1 = (e) => {
     }
   },
   setup(e) {
-    const f = e, n = b(null), a = b(!1), t = b(0), s = b(0), A = b(!1), i = b(!1), u = () => {
-      i.value = !0;
+    const f = e, n = v(null), a = v(!1), t = v(0), s = v(0), A = v(!1), o = v(!1), u = () => {
+      o.value = !0;
     }, r = () => {
-      i.value = !1, A.value = !1;
+      o.value = !1, A.value = !1;
     }, g = x(() => Ne(f.message.status));
     function d() {
       n.value && (a.value ? n.value.pause() : n.value.play(), a.value = !a.value);
     }
-    const m = (k) => {
-      const v = Math.floor(k / 60), _ = Math.floor(k % 60);
-      return `${v.toString().padStart(2, "0")}:${_.toString().padStart(2, "0")}`;
-    }, p = x(() => n.value ? m(s.value) : "0:00"), h = x(() => n.value ? m(t.value) : "0:00"), I = x(() => t.value > 0 ? s.value / t.value * 100 : 0);
-    function M(k) {
-      return k.position === "left" ? "audio-message__left" : "audio-message__right";
+    const m = (b) => {
+      const w = Math.floor(b / 60), N = Math.floor(b % 60);
+      return `${w.toString().padStart(2, "0")}:${N.toString().padStart(2, "0")}`;
+    }, p = x(() => n.value ? m(s.value) : "0:00"), h = x(() => n.value ? m(t.value) : "0:00"), _ = x(() => t.value > 0 ? s.value / t.value * 100 : 0);
+    function M(b) {
+      return b.position === "left" ? "audio-message__left" : "audio-message__right";
     }
     return Ie(() => {
       n.value.addEventListener("loadedmetadata", () => {
@@ -422,8 +422,8 @@ const Z1 = (e) => {
       }), n.value.addEventListener("timeupdate", () => {
         s.value = n.value.currentTime;
       });
-    }), (k, v) => (l(), c("div", {
-      class: D(["audio-message", M(e.message)]),
+    }), (b, w) => (l(), c("div", {
+      class: V(["audio-message", M(e.message)]),
       messageId: e.message.messageId,
       onMouseleave: r
     }, [
@@ -435,71 +435,71 @@ const Z1 = (e) => {
         width: "32",
         style: z({ gridRow: e.message.subText ? "2" : "1" })
       }, null, 12, Da)) : y("", !0),
-      e.message.subText ? (l(), c("p", ja, w(e.message.subText), 1)) : y("", !0),
-      o("div", {
+      e.message.subText ? (l(), c("p", ja, I(e.message.subText), 1)) : y("", !0),
+      i("div", {
         class: "audio-message__content",
         onMouseenter: u
       }, [
-        o("audio", {
+        i("audio", {
           ref_key: "player",
           ref: n,
           src: e.message.url
         }, null, 8, Va),
-        te(o("button", {
+        te(i("button", {
           class: "audio-message__play",
           onClick: d
-        }, v[1] || (v[1] = [
-          o("span", { class: "pi pi-play" }, null, -1)
+        }, w[1] || (w[1] = [
+          i("span", { class: "pi pi-play" }, null, -1)
         ]), 512), [
           [pe, !a.value]
         ]),
-        te(o("button", {
+        te(i("button", {
           class: "audio-message__pause",
           onClick: d
-        }, v[2] || (v[2] = [
-          o("span", { class: "pi pi-pause" }, null, -1)
+        }, w[2] || (w[2] = [
+          i("span", { class: "pi pi-pause" }, null, -1)
         ]), 512), [
           [pe, a.value]
         ]),
-        o("div", Ea, [
-          o("div", {
+        i("div", Ea, [
+          i("div", {
             class: "audio-message__progress-bar",
-            style: z({ width: I.value + "%" })
+            style: z({ width: _.value + "%" })
           }, null, 4)
         ]),
-        o("p", Ta, w(`${p.value} / ${h.value}`), 1),
-        o("div", xa, [
-          o("span", Sa, w(e.message.time), 1),
-          M(e.message) === "audio-message__right" && q(ke).includes(e.message.status) ? (l(), c("div", {
+        i("p", Ta, I(`${p.value} / ${h.value}`), 1),
+        i("div", xa, [
+          i("span", Sa, I(e.message.time), 1),
+          M(e.message) === "audio-message__right" && Y(ke).includes(e.message.status) ? (l(), c("div", {
             key: 0,
-            class: D(["audio-message__status", g.value])
+            class: V(["audio-message__status", g.value])
           }, [
             e.message.status !== "sent" ? (l(), c("span", za)) : y("", !0),
-            v[3] || (v[3] = o("span", { class: "pi pi-check" }, null, -1))
+            w[3] || (w[3] = i("span", { class: "pi pi-check" }, null, -1))
           ], 2)) : y("", !0)
         ]),
-        i.value && e.message.actions ? (l(), c("button", {
+        o.value && e.message.actions ? (l(), c("button", {
           key: 0,
           class: "audio-message__menu-button",
-          onClick: v[0] || (v[0] = (_) => A.value = !A.value)
-        }, v[4] || (v[4] = [
-          o("span", { class: "pi pi-ellipsis-h" }, null, -1)
+          onClick: w[0] || (w[0] = (N) => A.value = !A.value)
+        }, w[4] || (w[4] = [
+          i("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : y("", !0),
-        o("a", {
+        i("a", {
           class: "audio-message__download-button",
           href: e.message.url,
           download: "",
           target: "_blank"
-        }, v[5] || (v[5] = [
-          o("span", { class: "pi pi-download" }, null, -1)
+        }, w[5] || (w[5] = [
+          i("span", { class: "pi pi-download" }, null, -1)
         ]), 8, Oa),
         S(H, null, {
           default: K(() => [
-            A.value && e.message.actions ? (l(), L(ge, {
+            A.value && e.message.actions ? (l(), C(ge, {
               key: 0,
               class: "audio-message__context-menu",
               actions: e.message.actions,
-              onClick: k.clickAction
+              onClick: b.clickAction
             }, null, 8, ["actions", "onClick"])) : y("", !0)
           ]),
           _: 1
@@ -507,7 +507,7 @@ const Z1 = (e) => {
       ], 32)
     ], 42, Na));
   }
-}, Ua = /* @__PURE__ */ j(Ca, [["__scopeId", "data-v-27fb9d86"]]), La = { class: "date-message" }, Qa = { class: "date-message__container" }, Ba = { class: "date-message__text" }, Ya = {
+}, Ua = /* @__PURE__ */ D(Ca, [["__scopeId", "data-v-27fb9d86"]]), La = { class: "date-message" }, Qa = { class: "date-message__container" }, Ba = { class: "date-message__text" }, Ya = {
   __name: "DateMessage",
   props: {
     message: {
@@ -519,12 +519,12 @@ const Z1 = (e) => {
   },
   setup(e) {
     return (f, n) => (l(), c("div", La, [
-      o("div", Qa, [
-        o("p", Ba, w(e.message.text), 1)
+      i("div", Qa, [
+        i("p", Ba, I(e.message.text), 1)
       ])
     ]));
   }
-}, Ra = /* @__PURE__ */ j(Ya, [["__scopeId", "data-v-d20acba5"]]), qa = {
+}, Ra = /* @__PURE__ */ D(Ya, [["__scopeId", "data-v-d20acba5"]]), qa = {
   key: 0,
   class: "chat-info__container"
 }, Fa = { class: "chat-info__avatar-container" }, $a = ["src"], Wa = {
@@ -545,7 +545,7 @@ const Z1 = (e) => {
   setup(e, { emit: f }) {
     const n = e;
     return (a, t) => e.chat ? (l(), c("div", qa, [
-      o("div", Fa, [
+      i("div", Fa, [
         n.chat.avatar ? (l(), c("img", {
           key: 0,
           src: n.chat.avatar,
@@ -553,16 +553,16 @@ const Z1 = (e) => {
           height: "48"
         }, null, 8, $a)) : (l(), c("span", Wa))
       ]),
-      o("div", Ja, [
-        o("h2", Ha, w(e.chat.name), 1),
-        e.chat["lastActivity.time"] ? (l(), c("p", Ka, w(e.chat["lastActivity.time"]), 1)) : y("", !0)
+      i("div", Ja, [
+        i("h2", Ha, I(e.chat.name), 1),
+        e.chat["lastActivity.time"] ? (l(), c("p", Ka, I(e.chat["lastActivity.time"]), 1)) : y("", !0)
       ]),
-      o("div", Pa, [
-        J(a.$slots, "actions", {}, void 0, !0)
+      i("div", Pa, [
+        F(a.$slots, "actions", {}, void 0, !0)
       ])
     ])) : y("", !0);
   }
-}, el = /* @__PURE__ */ j(Za, [["__scopeId", "data-v-e1d212c7"]]), Ga = { class: "preview__container" }, Xa = { class: "preview__block" }, et = { key: 0 }, ft = ["src"], nt = { key: 1 }, at = ["src"], tt = { key: 2 }, At = { key: 3 }, st = { class: "preview__control-block" }, it = { class: "preview__information" }, ot = { class: "preview__name" }, lt = { class: "preview__size" }, ut = {
+}, al = /* @__PURE__ */ D(Za, [["__scopeId", "data-v-e1d212c7"]]), Ga = { class: "preview__container" }, Xa = { class: "preview__block" }, et = { key: 0 }, ft = ["src"], nt = { key: 1 }, at = ["src"], tt = { key: 2 }, At = { key: 3 }, st = { class: "preview__control-block" }, it = { class: "preview__information" }, ot = { class: "preview__name" }, lt = { class: "preview__size" }, ut = {
   __name: "FilePreview",
   props: {
     previewUrl: {
@@ -597,36 +597,36 @@ const Z1 = (e) => {
       a("reset");
     }
     return (s, A) => (l(), c("div", Ga, [
-      o("div", Xa, [
+      i("div", Xa, [
         n.isImage ? (l(), c("div", et, [
-          o("img", {
+          i("img", {
             src: e.previewUrl,
             alt: "Image Preview",
             class: "preview__image"
           }, null, 8, ft)
         ])) : n.isVideo ? (l(), c("div", nt, [
-          o("video", {
+          i("video", {
             src: e.previewUrl,
             class: "preview__video"
           }, null, 8, at)
         ])) : n.isAudio ? (l(), c("div", tt, A[0] || (A[0] = [
-          o("span", {
+          i("span", {
             class: "pi pi-headphones",
             style: { "font-size": "2.5rem" }
           }, null, -1)
         ]))) : (l(), c("div", At, A[1] || (A[1] = [
-          o("span", {
+          i("span", {
             class: "pi pi-file",
             style: { "font-size": "2.5rem" }
           }, null, -1)
         ])))
       ]),
-      o("div", st, [
-        o("div", it, [
-          o("span", ot, w(e.fileName), 1),
-          o("span", lt, w(e.fileSize), 1)
+      i("div", st, [
+        i("div", it, [
+          i("span", ot, I(e.fileName), 1),
+          i("span", lt, I(e.fileSize), 1)
         ]),
-        o("span", {
+        i("span", {
           class: "pi pi-times preview__reset",
           style: { "font-size": "1rem" },
           onClick: t
@@ -634,7 +634,7 @@ const Z1 = (e) => {
       ])
     ]));
   }
-}, rt = /* @__PURE__ */ j(ut, [["__scopeId", "data-v-c4e18bbf"]]), Xf = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", en = {
+}, rt = /* @__PURE__ */ D(ut, [["__scopeId", "data-v-c4e18bbf"]]), Gf = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", Xf = {
   recent: "Recently used",
   smileys_people: "Smiles & People",
   animals_nature: "Animals & Nature",
@@ -644,9 +644,9 @@ const Z1 = (e) => {
   objects: "Objects",
   symbols: "Symbols",
   flags: "Flags"
-}, fn = "u", Xe = "n", $e = "v", ze = "r", ct = {
+}, en = "u", Xe = "n", $e = "v", ze = "r", ct = {
   [Xe]: ["grinning face", "grinning"],
-  [fn]: "1f600",
+  [en]: "1f600",
   [ze]: "1f600"
 }, Pe = "neutral", dt = "1f3fb", gt = "1f3fc", mt = "1f3fd", pt = "1f3fe", Mt = "1f3ff", ht = [
   Pe,
@@ -12590,7 +12590,7 @@ var Vt = {
   objects: Nt,
   symbols: Dt,
   flags: jt
-}, Uf = [
+}, Cf = [
   {
     key: "recent",
     title: "Recently Used",
@@ -12638,9 +12638,9 @@ var Vt = {
   }
 ];
 const Et = (e, f) => f.some((n) => e instanceof n);
-let Lf, Qf;
+let Uf, Lf;
 function Tt() {
-  return Lf || (Lf = [
+  return Uf || (Uf = [
     IDBDatabase,
     IDBObjectStore,
     IDBIndex,
@@ -12649,13 +12649,13 @@ function Tt() {
   ]);
 }
 function xt() {
-  return Qf || (Qf = [
+  return Lf || (Lf = [
     IDBCursor.prototype.advance,
     IDBCursor.prototype.continue,
     IDBCursor.prototype.continuePrimaryKey
   ]);
 }
-const nn = /* @__PURE__ */ new WeakMap(), rf = /* @__PURE__ */ new WeakMap(), an = /* @__PURE__ */ new WeakMap(), Af = /* @__PURE__ */ new WeakMap(), gf = /* @__PURE__ */ new WeakMap();
+const fn = /* @__PURE__ */ new WeakMap(), rf = /* @__PURE__ */ new WeakMap(), nn = /* @__PURE__ */ new WeakMap(), Af = /* @__PURE__ */ new WeakMap(), gf = /* @__PURE__ */ new WeakMap();
 function St(e) {
   const f = new Promise((n, a) => {
     const t = () => {
@@ -12668,7 +12668,7 @@ function St(e) {
     e.addEventListener("success", s), e.addEventListener("error", A);
   });
   return f.then((n) => {
-    n instanceof IDBCursor && nn.set(n, e);
+    n instanceof IDBCursor && fn.set(n, e);
   }).catch(() => {
   }), gf.set(f, e), f;
 }
@@ -12693,7 +12693,7 @@ let cf = {
       if (f === "done")
         return rf.get(e);
       if (f === "objectStoreNames")
-        return e.objectStoreNames || an.get(e);
+        return e.objectStoreNames || nn.get(e);
       if (f === "store")
         return n.objectStoreNames[1] ? void 0 : n.objectStore(n.objectStoreNames[0]);
     }
@@ -12712,9 +12712,9 @@ function Ot(e) {
 function Ct(e) {
   return e === IDBDatabase.prototype.transaction && !("objectStoreNames" in IDBTransaction.prototype) ? function(f, ...n) {
     const a = e.call(sf(this), f, ...n);
-    return an.set(a, f.sort ? f.sort() : [f]), se(a);
+    return nn.set(a, f.sort ? f.sort() : [f]), se(a);
   } : xt().includes(e) ? function(...f) {
-    return e.apply(sf(this), f), se(nn.get(this));
+    return e.apply(sf(this), f), se(fn.get(this));
   } : function(...f) {
     return se(e.apply(sf(this), f));
   };
@@ -12732,20 +12732,20 @@ function se(e) {
 }
 const sf = (e) => gf.get(e);
 function mf(e, f, { blocked: n, upgrade: a, blocking: t, terminated: s } = {}) {
-  const A = indexedDB.open(e, f), i = se(A);
+  const A = indexedDB.open(e, f), o = se(A);
   return a && A.addEventListener("upgradeneeded", (u) => {
     a(se(A.result), u.oldVersion, u.newVersion, se(A.transaction), u);
   }), n && A.addEventListener("blocked", (u) => n(
     u.oldVersion,
     u.newVersion,
     u
-  )), i.then((u) => {
+  )), o.then((u) => {
     s && u.addEventListener("close", () => s()), t && u.addEventListener("versionchange", (r) => t(r.oldVersion, r.newVersion, r));
   }).catch(() => {
-  }), i;
+  }), o;
 }
 const Lt = ["get", "getKey", "getAll", "getAllKeys", "count"], Qt = ["put", "add", "delete", "clear"], of = /* @__PURE__ */ new Map();
-function Bf(e, f) {
+function Qf(e, f) {
   if (!(e instanceof IDBDatabase && !(f in e) && typeof f == "string"))
     return;
   if (of.get(f))
@@ -12753,11 +12753,11 @@ function Bf(e, f) {
   const n = f.replace(/FromIndex$/, ""), a = f !== n, t = Qt.includes(n);
   if (!(n in (a ? IDBIndex : IDBObjectStore).prototype) || !(t || Lt.includes(n)))
     return;
-  const s = async function(A, ...i) {
+  const s = async function(A, ...o) {
     const u = this.transaction(A, t ? "readwrite" : "readonly");
     let r = u.store;
-    return a && (r = r.index(i.shift())), (await Promise.all([
-      r[n](...i),
+    return a && (r = r.index(o.shift())), (await Promise.all([
+      r[n](...o),
       t && u.done
     ]))[0];
   };
@@ -12765,8 +12765,8 @@ function Bf(e, f) {
 }
 Ot((e) => ({
   ...e,
-  get: (f, n, a) => Bf(f, n) || e.get(f, n, a),
-  has: (f, n) => !!Bf(f, n) || e.has(f, n)
+  get: (f, n, a) => Qf(f, n) || e.get(f, n, a),
+  has: (f, n) => !!Qf(f, n) || e.has(f, n)
 }));
 const pf = "EMJ", Me = "emojis", Mf = 3;
 async function Bt() {
@@ -12819,7 +12819,7 @@ function qt() {
       return this.options.displayRecent || (d = ["recent", ...d]), d;
     },
     get groups() {
-      return Uf.filter(
+      return Cf.filter(
         (d) => !this.disabled.includes(d.key)
       );
     },
@@ -12827,7 +12827,7 @@ function qt() {
       const d = [
         ...this.options.groupOrder,
         ...Object.keys(this.options.additionalGroups),
-        ...Uf.map((m) => m.key)
+        ...Cf.map((m) => m.key)
       ];
       return [...new Set(d)].filter((m) => !this.disabled.includes(m));
     }
@@ -12851,7 +12851,7 @@ function qt() {
     e.emoji = d;
   }, A = (d) => {
     e.activeGroup = d;
-  }, i = (d = Pe) => {
+  }, o = (d = Pe) => {
     e.skinTone = d;
   }, u = (d) => {
     e.options = Object.assign({}, e.options, d), f();
@@ -12868,7 +12868,7 @@ function qt() {
     const m = e.recent.findIndex((h) => h.u === d.u);
     if (m > 0 && e.recent.splice(m, 1), m === 0)
       return;
-    const p = { u: d.u, n: Zf(d.n) };
+    const p = { u: d.u, n: Pf(d.n) };
     e.recent = [p, ...e.recent], e.recent.length > 24 && (e.recent.length = 24), r();
   };
   return {
@@ -12876,14 +12876,14 @@ function qt() {
     updateSearch: t,
     updateEmoji: s,
     updateActiveGroup: A,
-    updateSkinTone: i,
+    updateSkinTone: o,
     updateOptions: u,
     updateSelect: g
   };
 }
-var F = "top", Z = "bottom", G = "right", $ = "left", hf = "auto", Ue = [F, Z, G, $], he = "start", Oe = "end", Ft = "clippingParents", tn = "viewport", Te = "popper", $t = "reference", Yf = /* @__PURE__ */ Ue.reduce(function(e, f) {
+var $ = "top", Z = "bottom", G = "right", W = "left", hf = "auto", Ue = [$, Z, G, W], he = "start", Oe = "end", Ft = "clippingParents", an = "viewport", Te = "popper", $t = "reference", Bf = /* @__PURE__ */ Ue.reduce(function(e, f) {
   return e.concat([f + "-" + he, f + "-" + Oe]);
-}, []), An = /* @__PURE__ */ [].concat(Ue, [hf]).reduce(function(e, f) {
+}, []), tn = /* @__PURE__ */ [].concat(Ue, [hf]).reduce(function(e, f) {
   return e.concat([f, f + "-" + he, f + "-" + Oe]);
 }, []), Wt = "beforeRead", Jt = "read", Ht = "afterRead", Kt = "beforeMain", Pt = "main", Zt = "afterMain", Gt = "beforeWrite", Xt = "write", eA = "afterWrite", fA = [Wt, Jt, Ht, Kt, Pt, Zt, Gt, Xt, eA];
 function ne(e) {
@@ -12906,7 +12906,7 @@ function P(e) {
   var f = ee(e).HTMLElement;
   return e instanceof f || e instanceof HTMLElement;
 }
-function sn(e) {
+function An(e) {
   if (typeof ShadowRoot > "u")
     return !1;
   var f = ee(e).ShadowRoot;
@@ -12917,8 +12917,8 @@ function nA(e) {
   Object.keys(f.elements).forEach(function(n) {
     var a = f.styles[n] || {}, t = f.attributes[n] || {}, s = f.elements[n];
     !P(s) || !ne(s) || (Object.assign(s.style, a), Object.keys(t).forEach(function(A) {
-      var i = t[A];
-      i === !1 ? s.removeAttribute(A) : s.setAttribute(A, i === !0 ? "" : i);
+      var o = t[A];
+      o === !1 ? s.removeAttribute(A) : s.setAttribute(A, o === !0 ? "" : o);
     }));
   });
 }
@@ -12937,10 +12937,10 @@ function aA(e) {
   };
   return Object.assign(f.elements.popper.style, n.popper), f.styles = n, f.elements.arrow && Object.assign(f.elements.arrow.style, n.arrow), function() {
     Object.keys(f.elements).forEach(function(a) {
-      var t = f.elements[a], s = f.attributes[a] || {}, A = Object.keys(f.styles.hasOwnProperty(a) ? f.styles[a] : n[a]), i = A.reduce(function(u, r) {
+      var t = f.elements[a], s = f.attributes[a] || {}, A = Object.keys(f.styles.hasOwnProperty(a) ? f.styles[a] : n[a]), o = A.reduce(function(u, r) {
         return u[r] = "", u;
       }, {});
-      !P(t) || !ne(t) || (Object.assign(t.style, i), Object.keys(s).forEach(function(u) {
+      !P(t) || !ne(t) || (Object.assign(t.style, o), Object.keys(s).forEach(function(u) {
         t.removeAttribute(u);
       }));
     });
@@ -12985,11 +12985,11 @@ function yf(e) {
     height: a
   };
 }
-function on(e, f) {
+function sn(e, f) {
   var n = f.getRootNode && f.getRootNode();
   if (e.contains(f))
     return !0;
-  if (n && sn(n)) {
+  if (n && An(n)) {
     var a = f;
     do {
       if (a && e.isSameNode(a))
@@ -13009,9 +13009,9 @@ function ie(e) {
   return ((ye(e) ? e.ownerDocument : e.document) || window.document).documentElement;
 }
 function ef(e) {
-  return ne(e) === "html" ? e : e.assignedSlot || e.parentNode || (sn(e) ? e.host : null) || ie(e);
+  return ne(e) === "html" ? e : e.assignedSlot || e.parentNode || (An(e) ? e.host : null) || ie(e);
 }
-function Rf(e) {
+function Yf(e) {
   return !P(e) || ae(e).position === "fixed" ? null : e.offsetParent;
 }
 function sA(e) {
@@ -13030,8 +13030,8 @@ function sA(e) {
   return null;
 }
 function Le(e) {
-  for (var f = ee(e), n = Rf(e); n && AA(n) && ae(n).position === "static"; )
-    n = Rf(n);
+  for (var f = ee(e), n = Yf(e); n && AA(n) && ae(n).position === "static"; )
+    n = Yf(n);
   return n && (ne(n) === "html" || ne(n) === "body" && ae(n).position === "static") ? f : n || sA(e) || f;
 }
 function bf(e) {
@@ -13044,7 +13044,7 @@ function iA(e, f, n) {
   var a = xe(e, f, n);
   return a > n ? n : a;
 }
-function ln() {
+function on() {
   return {
     top: 0,
     right: 0,
@@ -13052,10 +13052,10 @@ function ln() {
     left: 0
   };
 }
-function un(e) {
-  return Object.assign({}, ln(), e);
+function ln(e) {
+  return Object.assign({}, on(), e);
 }
-function rn(e, f) {
+function un(e, f) {
   return f.reduce(function(n, a) {
     return n[a] = e, n;
   }, {});
@@ -13063,18 +13063,18 @@ function rn(e, f) {
 var oA = function(f, n) {
   return f = typeof f == "function" ? f(Object.assign({}, n.rects, {
     placement: n.placement
-  })) : f, un(typeof f != "number" ? f : rn(f, Ue));
+  })) : f, ln(typeof f != "number" ? f : un(f, Ue));
 };
 function lA(e) {
-  var f, n = e.state, a = e.name, t = e.options, s = n.elements.arrow, A = n.modifiersData.popperOffsets, i = fe(n.placement), u = bf(i), r = [$, G].indexOf(i) >= 0, g = r ? "height" : "width";
+  var f, n = e.state, a = e.name, t = e.options, s = n.elements.arrow, A = n.modifiersData.popperOffsets, o = fe(n.placement), u = bf(o), r = [W, G].indexOf(o) >= 0, g = r ? "height" : "width";
   if (!(!s || !A)) {
-    var d = oA(t.padding, n), m = yf(s), p = u === "y" ? F : $, h = u === "y" ? Z : G, I = n.rects.reference[g] + n.rects.reference[u] - A[u] - n.rects.popper[g], M = A[u] - n.rects.reference[u], k = Le(s), v = k ? u === "y" ? k.clientHeight || 0 : k.clientWidth || 0 : 0, _ = I / 2 - M / 2, N = d[p], E = v - m[g] - d[h], V = v / 2 - m[g] / 2 + _, T = xe(N, V, E), O = u;
-    n.modifiersData[a] = (f = {}, f[O] = T, f.centerOffset = T - V, f);
+    var d = oA(t.padding, n), m = yf(s), p = u === "y" ? $ : W, h = u === "y" ? Z : G, _ = n.rects.reference[g] + n.rects.reference[u] - A[u] - n.rects.popper[g], M = A[u] - n.rects.reference[u], b = Le(s), w = b ? u === "y" ? b.clientHeight || 0 : b.clientWidth || 0 : 0, N = _ / 2 - M / 2, k = d[p], E = w - m[g] - d[h], j = w / 2 - m[g] / 2 + N, T = xe(k, j, E), O = u;
+    n.modifiersData[a] = (f = {}, f[O] = T, f.centerOffset = T - j, f);
   }
 }
 function uA(e) {
   var f = e.state, n = e.options, a = n.element, t = a === void 0 ? "[data-popper-arrow]" : a;
-  t != null && (typeof t == "string" && (t = f.elements.popper.querySelector(t), !t) || on(f.elements.popper, t) && (f.elements.arrow = t));
+  t != null && (typeof t == "string" && (t = f.elements.popper.querySelector(t), !t) || sn(f.elements.popper, t) && (f.elements.arrow = t));
 }
 var rA = {
   name: "arrow",
@@ -13101,32 +13101,32 @@ function dA(e) {
     y: be(n * t) / t || 0
   };
 }
-function qf(e) {
-  var f, n = e.popper, a = e.popperRect, t = e.placement, s = e.variation, A = e.offsets, i = e.position, u = e.gpuAcceleration, r = e.adaptive, g = e.roundOffsets, d = e.isFixed, m = g === !0 ? dA(A) : typeof g == "function" ? g(A) : A, p = m.x, h = p === void 0 ? 0 : p, I = m.y, M = I === void 0 ? 0 : I, k = A.hasOwnProperty("x"), v = A.hasOwnProperty("y"), _ = $, N = F, E = window;
+function Rf(e) {
+  var f, n = e.popper, a = e.popperRect, t = e.placement, s = e.variation, A = e.offsets, o = e.position, u = e.gpuAcceleration, r = e.adaptive, g = e.roundOffsets, d = e.isFixed, m = g === !0 ? dA(A) : typeof g == "function" ? g(A) : A, p = m.x, h = p === void 0 ? 0 : p, _ = m.y, M = _ === void 0 ? 0 : _, b = A.hasOwnProperty("x"), w = A.hasOwnProperty("y"), N = W, k = $, E = window;
   if (r) {
-    var V = Le(n), T = "clientHeight", O = "clientWidth";
-    if (V === ee(n) && (V = ie(n), ae(V).position !== "static" && i === "absolute" && (T = "scrollHeight", O = "scrollWidth")), V = V, t === F || (t === $ || t === G) && s === Oe) {
-      N = Z;
-      var Q = d && E.visualViewport ? E.visualViewport.height : V[T];
-      M -= Q - a.height, M *= u ? 1 : -1;
+    var j = Le(n), T = "clientHeight", O = "clientWidth";
+    if (j === ee(n) && (j = ie(n), ae(j).position !== "static" && o === "absolute" && (T = "scrollHeight", O = "scrollWidth")), j = j, t === $ || (t === W || t === G) && s === Oe) {
+      k = Z;
+      var B = d && E.visualViewport ? E.visualViewport.height : j[T];
+      M -= B - a.height, M *= u ? 1 : -1;
     }
-    if (t === $ || (t === F || t === Z) && s === Oe) {
-      _ = G;
-      var C = d && E.visualViewport ? E.visualViewport.width : V[O];
-      h -= C - a.width, h *= u ? 1 : -1;
+    if (t === W || (t === $ || t === Z) && s === Oe) {
+      N = G;
+      var U = d && E.visualViewport ? E.visualViewport.width : j[O];
+      h -= U - a.width, h *= u ? 1 : -1;
     }
   }
-  var U = Object.assign({
-    position: i
+  var L = Object.assign({
+    position: o
   }, r && cA);
   if (u) {
-    var R;
-    return Object.assign({}, U, (R = {}, R[N] = v ? "0" : "", R[_] = k ? "0" : "", R.transform = (E.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + M + "px)" : "translate3d(" + h + "px, " + M + "px, 0)", R));
+    var q;
+    return Object.assign({}, L, (q = {}, q[k] = w ? "0" : "", q[N] = b ? "0" : "", q.transform = (E.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + M + "px)" : "translate3d(" + h + "px, " + M + "px, 0)", q));
   }
-  return Object.assign({}, U, (f = {}, f[N] = v ? M + "px" : "", f[_] = k ? h + "px" : "", f.transform = "", f));
+  return Object.assign({}, L, (f = {}, f[k] = w ? M + "px" : "", f[N] = b ? h + "px" : "", f.transform = "", f));
 }
 function gA(e) {
-  var f = e.state, n = e.options, a = n.gpuAcceleration, t = a === void 0 ? !0 : a, s = n.adaptive, A = s === void 0 ? !0 : s, i = n.roundOffsets, u = i === void 0 ? !0 : i, r = {
+  var f = e.state, n = e.options, a = n.gpuAcceleration, t = a === void 0 ? !0 : a, s = n.adaptive, A = s === void 0 ? !0 : s, o = n.roundOffsets, u = o === void 0 ? !0 : o, r = {
     placement: fe(f.placement),
     variation: _e(f.placement),
     popper: f.elements.popper,
@@ -13134,12 +13134,12 @@ function gA(e) {
     gpuAcceleration: t,
     isFixed: f.options.strategy === "fixed"
   };
-  f.modifiersData.popperOffsets != null && (f.styles.popper = Object.assign({}, f.styles.popper, qf(Object.assign({}, r, {
+  f.modifiersData.popperOffsets != null && (f.styles.popper = Object.assign({}, f.styles.popper, Rf(Object.assign({}, r, {
     offsets: f.modifiersData.popperOffsets,
     position: f.options.strategy,
     adaptive: A,
     roundOffsets: u
-  })))), f.modifiersData.arrow != null && (f.styles.arrow = Object.assign({}, f.styles.arrow, qf(Object.assign({}, r, {
+  })))), f.modifiersData.arrow != null && (f.styles.arrow = Object.assign({}, f.styles.arrow, Rf(Object.assign({}, r, {
     offsets: f.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
@@ -13158,13 +13158,13 @@ var mA = {
   passive: !0
 };
 function pA(e) {
-  var f = e.state, n = e.instance, a = e.options, t = a.scroll, s = t === void 0 ? !0 : t, A = a.resize, i = A === void 0 ? !0 : A, u = ee(f.elements.popper), r = [].concat(f.scrollParents.reference, f.scrollParents.popper);
+  var f = e.state, n = e.instance, a = e.options, t = a.scroll, s = t === void 0 ? !0 : t, A = a.resize, o = A === void 0 ? !0 : A, u = ee(f.elements.popper), r = [].concat(f.scrollParents.reference, f.scrollParents.popper);
   return s && r.forEach(function(g) {
     g.addEventListener("scroll", n.update, We);
-  }), i && u.addEventListener("resize", n.update, We), function() {
+  }), o && u.addEventListener("resize", n.update, We), function() {
     s && r.forEach(function(g) {
       g.removeEventListener("scroll", n.update, We);
-    }), i && u.removeEventListener("resize", n.update, We);
+    }), o && u.removeEventListener("resize", n.update, We);
   };
 }
 var MA = {
@@ -13190,7 +13190,7 @@ var yA = {
   start: "end",
   end: "start"
 };
-function Ff(e) {
+function qf(e) {
   return e.replace(/start|end/g, function(f) {
     return yA[f];
   });
@@ -13206,20 +13206,20 @@ function _f(e) {
   return ve(ie(e)).left + vf(e).scrollLeft;
 }
 function bA(e) {
-  var f = ee(e), n = ie(e), a = f.visualViewport, t = n.clientWidth, s = n.clientHeight, A = 0, i = 0;
-  return a && (t = a.width, s = a.height, /^((?!chrome|android).)*safari/i.test(navigator.userAgent) || (A = a.offsetLeft, i = a.offsetTop)), {
+  var f = ee(e), n = ie(e), a = f.visualViewport, t = n.clientWidth, s = n.clientHeight, A = 0, o = 0;
+  return a && (t = a.width, s = a.height, /^((?!chrome|android).)*safari/i.test(navigator.userAgent) || (A = a.offsetLeft, o = a.offsetTop)), {
     width: t,
     height: s,
     x: A + _f(e),
-    y: i
+    y: o
   };
 }
 function vA(e) {
-  var f, n = ie(e), a = vf(e), t = (f = e.ownerDocument) == null ? void 0 : f.body, s = ce(n.scrollWidth, n.clientWidth, t ? t.scrollWidth : 0, t ? t.clientWidth : 0), A = ce(n.scrollHeight, n.clientHeight, t ? t.scrollHeight : 0, t ? t.clientHeight : 0), i = -a.scrollLeft + _f(e), u = -a.scrollTop;
-  return ae(t || n).direction === "rtl" && (i += ce(n.clientWidth, t ? t.clientWidth : 0) - s), {
+  var f, n = ie(e), a = vf(e), t = (f = e.ownerDocument) == null ? void 0 : f.body, s = ce(n.scrollWidth, n.clientWidth, t ? t.scrollWidth : 0, t ? t.clientWidth : 0), A = ce(n.scrollHeight, n.clientHeight, t ? t.scrollHeight : 0, t ? t.clientHeight : 0), o = -a.scrollLeft + _f(e), u = -a.scrollTop;
+  return ae(t || n).direction === "rtl" && (o += ce(n.clientWidth, t ? t.clientWidth : 0) - s), {
     width: s,
     height: A,
-    x: i,
+    x: o,
     y: u
   };
 }
@@ -13227,14 +13227,14 @@ function If(e) {
   var f = ae(e), n = f.overflow, a = f.overflowX, t = f.overflowY;
   return /auto|scroll|overlay|hidden/.test(n + t + a);
 }
-function cn(e) {
-  return ["html", "body", "#document"].indexOf(ne(e)) >= 0 ? e.ownerDocument.body : P(e) && If(e) ? e : cn(ef(e));
+function rn(e) {
+  return ["html", "body", "#document"].indexOf(ne(e)) >= 0 ? e.ownerDocument.body : P(e) && If(e) ? e : rn(ef(e));
 }
 function Se(e, f) {
   var n;
   f === void 0 && (f = []);
-  var a = cn(e), t = a === ((n = e.ownerDocument) == null ? void 0 : n.body), s = ee(a), A = t ? [s].concat(s.visualViewport || [], If(a) ? a : []) : a, i = f.concat(A);
-  return t ? i : i.concat(Se(ef(A)));
+  var a = rn(e), t = a === ((n = e.ownerDocument) == null ? void 0 : n.body), s = ee(a), A = t ? [s].concat(s.visualViewport || [], If(a) ? a : []) : a, o = f.concat(A);
+  return t ? o : o.concat(Se(ef(A)));
 }
 function df(e) {
   return Object.assign({}, e, {
@@ -13248,26 +13248,26 @@ function _A(e) {
   var f = ve(e);
   return f.top = f.top + e.clientTop, f.left = f.left + e.clientLeft, f.bottom = f.top + e.clientHeight, f.right = f.left + e.clientWidth, f.width = e.clientWidth, f.height = e.clientHeight, f.x = f.left, f.y = f.top, f;
 }
-function $f(e, f) {
-  return f === tn ? df(bA(e)) : ye(f) ? _A(f) : df(vA(ie(e)));
+function Ff(e, f) {
+  return f === an ? df(bA(e)) : ye(f) ? _A(f) : df(vA(ie(e)));
 }
 function IA(e) {
   var f = Se(ef(e)), n = ["absolute", "fixed"].indexOf(ae(e).position) >= 0, a = n && P(e) ? Le(e) : e;
   return ye(a) ? f.filter(function(t) {
-    return ye(t) && on(t, a) && ne(t) !== "body" && (n ? ae(t).position !== "static" : !0);
+    return ye(t) && sn(t, a) && ne(t) !== "body" && (n ? ae(t).position !== "static" : !0);
   }) : [];
 }
 function wA(e, f, n) {
-  var a = f === "clippingParents" ? IA(e) : [].concat(f), t = [].concat(a, [n]), s = t[0], A = t.reduce(function(i, u) {
-    var r = $f(e, u);
-    return i.top = ce(r.top, i.top), i.right = Ze(r.right, i.right), i.bottom = Ze(r.bottom, i.bottom), i.left = ce(r.left, i.left), i;
-  }, $f(e, s));
+  var a = f === "clippingParents" ? IA(e) : [].concat(f), t = [].concat(a, [n]), s = t[0], A = t.reduce(function(o, u) {
+    var r = Ff(e, u);
+    return o.top = ce(r.top, o.top), o.right = Ze(r.right, o.right), o.bottom = Ze(r.bottom, o.bottom), o.left = ce(r.left, o.left), o;
+  }, Ff(e, s));
   return A.width = A.right - A.left, A.height = A.bottom - A.top, A.x = A.left, A.y = A.top, A;
 }
-function dn(e) {
-  var f = e.reference, n = e.element, a = e.placement, t = a ? fe(a) : null, s = a ? _e(a) : null, A = f.x + f.width / 2 - n.width / 2, i = f.y + f.height / 2 - n.height / 2, u;
+function cn(e) {
+  var f = e.reference, n = e.element, a = e.placement, t = a ? fe(a) : null, s = a ? _e(a) : null, A = f.x + f.width / 2 - n.width / 2, o = f.y + f.height / 2 - n.height / 2, u;
   switch (t) {
-    case F:
+    case $:
       u = {
         x: A,
         y: f.y - n.height
@@ -13282,13 +13282,13 @@ function dn(e) {
     case G:
       u = {
         x: f.x + f.width,
-        y: i
+        y: o
       };
       break;
-    case $:
+    case W:
       u = {
         x: f.x - n.width,
-        y: i
+        y: o
       };
       break;
     default:
@@ -13313,85 +13313,85 @@ function dn(e) {
 }
 function Ce(e, f) {
   f === void 0 && (f = {});
-  var n = f, a = n.placement, t = a === void 0 ? e.placement : a, s = n.boundary, A = s === void 0 ? Ft : s, i = n.rootBoundary, u = i === void 0 ? tn : i, r = n.elementContext, g = r === void 0 ? Te : r, d = n.altBoundary, m = d === void 0 ? !1 : d, p = n.padding, h = p === void 0 ? 0 : p, I = un(typeof h != "number" ? h : rn(h, Ue)), M = g === Te ? $t : Te, k = e.rects.popper, v = e.elements[m ? M : g], _ = wA(ye(v) ? v : v.contextElement || ie(e.elements.popper), A, u), N = ve(e.elements.reference), E = dn({
-    reference: N,
-    element: k,
+  var n = f, a = n.placement, t = a === void 0 ? e.placement : a, s = n.boundary, A = s === void 0 ? Ft : s, o = n.rootBoundary, u = o === void 0 ? an : o, r = n.elementContext, g = r === void 0 ? Te : r, d = n.altBoundary, m = d === void 0 ? !1 : d, p = n.padding, h = p === void 0 ? 0 : p, _ = ln(typeof h != "number" ? h : un(h, Ue)), M = g === Te ? $t : Te, b = e.rects.popper, w = e.elements[m ? M : g], N = wA(ye(w) ? w : w.contextElement || ie(e.elements.popper), A, u), k = ve(e.elements.reference), E = cn({
+    reference: k,
+    element: b,
     strategy: "absolute",
     placement: t
-  }), V = df(Object.assign({}, k, E)), T = g === Te ? V : N, O = {
-    top: _.top - T.top + I.top,
-    bottom: T.bottom - _.bottom + I.bottom,
-    left: _.left - T.left + I.left,
-    right: T.right - _.right + I.right
-  }, Q = e.modifiersData.offset;
-  if (g === Te && Q) {
-    var C = Q[t];
-    Object.keys(O).forEach(function(U) {
-      var R = [G, Z].indexOf(U) >= 0 ? 1 : -1, oe = [F, Z].indexOf(U) >= 0 ? "y" : "x";
-      O[U] += C[oe] * R;
+  }), j = df(Object.assign({}, b, E)), T = g === Te ? j : k, O = {
+    top: N.top - T.top + _.top,
+    bottom: T.bottom - N.bottom + _.bottom,
+    left: N.left - T.left + _.left,
+    right: T.right - N.right + _.right
+  }, B = e.modifiersData.offset;
+  if (g === Te && B) {
+    var U = B[t];
+    Object.keys(O).forEach(function(L) {
+      var q = [G, Z].indexOf(L) >= 0 ? 1 : -1, oe = [$, Z].indexOf(L) >= 0 ? "y" : "x";
+      O[L] += U[oe] * q;
     });
   }
   return O;
 }
 function kA(e, f) {
   f === void 0 && (f = {});
-  var n = f, a = n.placement, t = n.boundary, s = n.rootBoundary, A = n.padding, i = n.flipVariations, u = n.allowedAutoPlacements, r = u === void 0 ? An : u, g = _e(a), d = g ? i ? Yf : Yf.filter(function(h) {
+  var n = f, a = n.placement, t = n.boundary, s = n.rootBoundary, A = n.padding, o = n.flipVariations, u = n.allowedAutoPlacements, r = u === void 0 ? tn : u, g = _e(a), d = g ? o ? Bf : Bf.filter(function(h) {
     return _e(h) === g;
   }) : Ue, m = d.filter(function(h) {
     return r.indexOf(h) >= 0;
   });
   m.length === 0 && (m = d);
-  var p = m.reduce(function(h, I) {
-    return h[I] = Ce(e, {
-      placement: I,
+  var p = m.reduce(function(h, _) {
+    return h[_] = Ce(e, {
+      placement: _,
       boundary: t,
       rootBoundary: s,
       padding: A
-    })[fe(I)], h;
+    })[fe(_)], h;
   }, {});
-  return Object.keys(p).sort(function(h, I) {
-    return p[h] - p[I];
+  return Object.keys(p).sort(function(h, _) {
+    return p[h] - p[_];
   });
 }
 function NA(e) {
   if (fe(e) === hf)
     return [];
   var f = He(e);
-  return [Ff(e), f, Ff(f)];
+  return [qf(e), f, qf(f)];
 }
 function DA(e) {
   var f = e.state, n = e.options, a = e.name;
   if (!f.modifiersData[a]._skip) {
-    for (var t = n.mainAxis, s = t === void 0 ? !0 : t, A = n.altAxis, i = A === void 0 ? !0 : A, u = n.fallbackPlacements, r = n.padding, g = n.boundary, d = n.rootBoundary, m = n.altBoundary, p = n.flipVariations, h = p === void 0 ? !0 : p, I = n.allowedAutoPlacements, M = f.options.placement, k = fe(M), v = k === M, _ = u || (v || !h ? [He(M)] : NA(M)), N = [M].concat(_).reduce(function(me, Ae) {
+    for (var t = n.mainAxis, s = t === void 0 ? !0 : t, A = n.altAxis, o = A === void 0 ? !0 : A, u = n.fallbackPlacements, r = n.padding, g = n.boundary, d = n.rootBoundary, m = n.altBoundary, p = n.flipVariations, h = p === void 0 ? !0 : p, _ = n.allowedAutoPlacements, M = f.options.placement, b = fe(M), w = b === M, N = u || (w || !h ? [He(M)] : NA(M)), k = [M].concat(N).reduce(function(me, Ae) {
       return me.concat(fe(Ae) === hf ? kA(f, {
         placement: Ae,
         boundary: g,
         rootBoundary: d,
         padding: r,
         flipVariations: h,
-        allowedAutoPlacements: I
+        allowedAutoPlacements: _
       }) : Ae);
-    }, []), E = f.rects.reference, V = f.rects.popper, T = /* @__PURE__ */ new Map(), O = !0, Q = N[0], C = 0; C < N.length; C++) {
-      var U = N[C], R = fe(U), oe = _e(U) === he, De = [F, Z].indexOf(R) >= 0, je = De ? "width" : "height", W = Ce(f, {
-        placement: U,
+    }, []), E = f.rects.reference, j = f.rects.popper, T = /* @__PURE__ */ new Map(), O = !0, B = k[0], U = 0; U < k.length; U++) {
+      var L = k[U], q = fe(L), oe = _e(L) === he, De = [$, Z].indexOf(q) >= 0, je = De ? "width" : "height", J = Ce(f, {
+        placement: L,
         boundary: g,
         rootBoundary: d,
         altBoundary: m,
         padding: r
-      }), X = De ? oe ? G : $ : oe ? Z : F;
-      E[je] > V[je] && (X = He(X));
+      }), X = De ? oe ? G : W : oe ? Z : $;
+      E[je] > j[je] && (X = He(X));
       var Be = He(X), le = [];
-      if (s && le.push(W[R] <= 0), i && le.push(W[X] <= 0, W[Be] <= 0), le.every(function(me) {
+      if (s && le.push(J[q] <= 0), o && le.push(J[X] <= 0, J[Be] <= 0), le.every(function(me) {
         return me;
       })) {
-        Q = U, O = !1;
+        B = L, O = !1;
         break;
       }
-      T.set(U, le);
+      T.set(L, le);
     }
     if (O)
       for (var Ye = h ? 3 : 1, ff = function(Ae) {
-        var Ee = N.find(function(qe) {
+        var Ee = k.find(function(qe) {
           var ue = T.get(qe);
           if (ue)
             return ue.slice(0, Ae).every(function(nf) {
@@ -13399,13 +13399,13 @@ function DA(e) {
             });
         });
         if (Ee)
-          return Q = Ee, "break";
+          return B = Ee, "break";
       }, Ve = Ye; Ve > 0; Ve--) {
         var Re = ff(Ve);
         if (Re === "break")
           break;
       }
-    f.placement !== Q && (f.modifiersData[a]._skip = !0, f.placement = Q, f.reset = !0);
+    f.placement !== B && (f.modifiersData[a]._skip = !0, f.placement = B, f.reset = !0);
   }
 }
 var jA = {
@@ -13418,7 +13418,7 @@ var jA = {
     _skip: !1
   }
 };
-function Wf(e, f, n) {
+function $f(e, f, n) {
   return n === void 0 && (n = {
     x: 0,
     y: 0
@@ -13429,17 +13429,17 @@ function Wf(e, f, n) {
     left: e.left - f.width - n.x
   };
 }
-function Jf(e) {
-  return [F, G, Z, $].some(function(f) {
+function Wf(e) {
+  return [$, G, Z, W].some(function(f) {
     return e[f] >= 0;
   });
 }
 function VA(e) {
   var f = e.state, n = e.name, a = f.rects.reference, t = f.rects.popper, s = f.modifiersData.preventOverflow, A = Ce(f, {
     elementContext: "reference"
-  }), i = Ce(f, {
+  }), o = Ce(f, {
     altBoundary: !0
-  }), u = Wf(A, a), r = Wf(i, t, s), g = Jf(u), d = Jf(r);
+  }), u = $f(A, a), r = $f(o, t, s), g = Wf(u), d = Wf(r);
   f.modifiersData[n] = {
     referenceClippingOffsets: u,
     popperEscapeOffsets: r,
@@ -13458,21 +13458,21 @@ var EA = {
   fn: VA
 };
 function TA(e, f, n) {
-  var a = fe(e), t = [$, F].indexOf(a) >= 0 ? -1 : 1, s = typeof n == "function" ? n(Object.assign({}, f, {
+  var a = fe(e), t = [W, $].indexOf(a) >= 0 ? -1 : 1, s = typeof n == "function" ? n(Object.assign({}, f, {
     placement: e
-  })) : n, A = s[0], i = s[1];
-  return A = A || 0, i = (i || 0) * t, [$, G].indexOf(a) >= 0 ? {
-    x: i,
+  })) : n, A = s[0], o = s[1];
+  return A = A || 0, o = (o || 0) * t, [W, G].indexOf(a) >= 0 ? {
+    x: o,
     y: A
   } : {
     x: A,
-    y: i
+    y: o
   };
 }
 function xA(e) {
-  var f = e.state, n = e.options, a = e.name, t = n.offset, s = t === void 0 ? [0, 0] : t, A = An.reduce(function(g, d) {
+  var f = e.state, n = e.options, a = e.name, t = n.offset, s = t === void 0 ? [0, 0] : t, A = tn.reduce(function(g, d) {
     return g[d] = TA(d, f.rects, s), g;
-  }, {}), i = A[f.placement], u = i.x, r = i.y;
+  }, {}), o = A[f.placement], u = o.x, r = o.y;
   f.modifiersData.popperOffsets != null && (f.modifiersData.popperOffsets.x += u, f.modifiersData.popperOffsets.y += r), f.modifiersData[a] = A;
 }
 var SA = {
@@ -13484,7 +13484,7 @@ var SA = {
 };
 function zA(e) {
   var f = e.state, n = e.name;
-  f.modifiersData[n] = dn({
+  f.modifiersData[n] = cn({
     reference: f.rects.reference,
     element: f.rects.popper,
     strategy: "absolute",
@@ -13502,36 +13502,36 @@ function CA(e) {
   return e === "x" ? "y" : "x";
 }
 function UA(e) {
-  var f = e.state, n = e.options, a = e.name, t = n.mainAxis, s = t === void 0 ? !0 : t, A = n.altAxis, i = A === void 0 ? !1 : A, u = n.boundary, r = n.rootBoundary, g = n.altBoundary, d = n.padding, m = n.tether, p = m === void 0 ? !0 : m, h = n.tetherOffset, I = h === void 0 ? 0 : h, M = Ce(f, {
+  var f = e.state, n = e.options, a = e.name, t = n.mainAxis, s = t === void 0 ? !0 : t, A = n.altAxis, o = A === void 0 ? !1 : A, u = n.boundary, r = n.rootBoundary, g = n.altBoundary, d = n.padding, m = n.tether, p = m === void 0 ? !0 : m, h = n.tetherOffset, _ = h === void 0 ? 0 : h, M = Ce(f, {
     boundary: u,
     rootBoundary: r,
     padding: d,
     altBoundary: g
-  }), k = fe(f.placement), v = _e(f.placement), _ = !v, N = bf(k), E = CA(N), V = f.modifiersData.popperOffsets, T = f.rects.reference, O = f.rects.popper, Q = typeof I == "function" ? I(Object.assign({}, f.rects, {
+  }), b = fe(f.placement), w = _e(f.placement), N = !w, k = bf(b), E = CA(k), j = f.modifiersData.popperOffsets, T = f.rects.reference, O = f.rects.popper, B = typeof _ == "function" ? _(Object.assign({}, f.rects, {
     placement: f.placement
-  })) : I, C = typeof Q == "number" ? {
-    mainAxis: Q,
-    altAxis: Q
+  })) : _, U = typeof B == "number" ? {
+    mainAxis: B,
+    altAxis: B
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, Q), U = f.modifiersData.offset ? f.modifiersData.offset[f.placement] : null, R = {
+  }, B), L = f.modifiersData.offset ? f.modifiersData.offset[f.placement] : null, q = {
     x: 0,
     y: 0
   };
-  if (V) {
+  if (j) {
     if (s) {
-      var oe, De = N === "y" ? F : $, je = N === "y" ? Z : G, W = N === "y" ? "height" : "width", X = V[N], Be = X + M[De], le = X - M[je], Ye = p ? -O[W] / 2 : 0, ff = v === he ? T[W] : O[W], Ve = v === he ? -O[W] : -T[W], Re = f.elements.arrow, me = p && Re ? yf(Re) : {
+      var oe, De = k === "y" ? $ : W, je = k === "y" ? Z : G, J = k === "y" ? "height" : "width", X = j[k], Be = X + M[De], le = X - M[je], Ye = p ? -O[J] / 2 : 0, ff = w === he ? T[J] : O[J], Ve = w === he ? -O[J] : -T[J], Re = f.elements.arrow, me = p && Re ? yf(Re) : {
         width: 0,
         height: 0
-      }, Ae = f.modifiersData["arrow#persistent"] ? f.modifiersData["arrow#persistent"].padding : ln(), Ee = Ae[De], qe = Ae[je], ue = xe(0, T[W], me[W]), nf = _ ? T[W] / 2 - Ye - ue - Ee - C.mainAxis : ff - ue - Ee - C.mainAxis, hn = _ ? -T[W] / 2 + Ye + ue + qe + C.mainAxis : Ve + ue + qe + C.mainAxis, af = f.elements.arrow && Le(f.elements.arrow), yn = af ? N === "y" ? af.clientTop || 0 : af.clientLeft || 0 : 0, kf = (oe = U == null ? void 0 : U[N]) != null ? oe : 0, bn = X + nf - kf - yn, vn = X + hn - kf, Nf = xe(p ? Ze(Be, bn) : Be, X, p ? ce(le, vn) : le);
-      V[N] = Nf, R[N] = Nf - X;
+      }, Ae = f.modifiersData["arrow#persistent"] ? f.modifiersData["arrow#persistent"].padding : on(), Ee = Ae[De], qe = Ae[je], ue = xe(0, T[J], me[J]), nf = N ? T[J] / 2 - Ye - ue - Ee - U.mainAxis : ff - ue - Ee - U.mainAxis, hn = N ? -T[J] / 2 + Ye + ue + qe + U.mainAxis : Ve + ue + qe + U.mainAxis, af = f.elements.arrow && Le(f.elements.arrow), yn = af ? k === "y" ? af.clientTop || 0 : af.clientLeft || 0 : 0, kf = (oe = L == null ? void 0 : L[k]) != null ? oe : 0, bn = X + nf - kf - yn, vn = X + hn - kf, Nf = xe(p ? Ze(Be, bn) : Be, X, p ? ce(le, vn) : le);
+      j[k] = Nf, q[k] = Nf - X;
     }
-    if (i) {
-      var Df, _n = N === "x" ? F : $, In = N === "x" ? Z : G, re = V[E], Fe = E === "y" ? "height" : "width", jf = re + M[_n], Vf = re - M[In], tf = [F, $].indexOf(k) !== -1, Ef = (Df = U == null ? void 0 : U[E]) != null ? Df : 0, Tf = tf ? jf : re - T[Fe] - O[Fe] - Ef + C.altAxis, xf = tf ? re + T[Fe] + O[Fe] - Ef - C.altAxis : Vf, Sf = p && tf ? iA(Tf, re, xf) : xe(p ? Tf : jf, re, p ? xf : Vf);
-      V[E] = Sf, R[E] = Sf - re;
+    if (o) {
+      var Df, _n = k === "x" ? $ : W, In = k === "x" ? Z : G, re = j[E], Fe = E === "y" ? "height" : "width", jf = re + M[_n], Vf = re - M[In], tf = [$, W].indexOf(b) !== -1, Ef = (Df = L == null ? void 0 : L[E]) != null ? Df : 0, Tf = tf ? jf : re - T[Fe] - O[Fe] - Ef + U.altAxis, xf = tf ? re + T[Fe] + O[Fe] - Ef - U.altAxis : Vf, Sf = p && tf ? iA(Tf, re, xf) : xe(p ? Tf : jf, re, p ? xf : Vf);
+      j[E] = Sf, q[E] = Sf - re;
     }
-    f.modifiersData[a] = R;
+    f.modifiersData[a] = q;
   }
 }
 var LA = {
@@ -13556,16 +13556,16 @@ function YA(e) {
 }
 function RA(e, f, n) {
   n === void 0 && (n = !1);
-  var a = P(f), t = P(f) && YA(f), s = ie(f), A = ve(e, t), i = {
+  var a = P(f), t = P(f) && YA(f), s = ie(f), A = ve(e, t), o = {
     scrollLeft: 0,
     scrollTop: 0
   }, u = {
     x: 0,
     y: 0
   };
-  return (a || !a && !n) && ((ne(f) !== "body" || If(s)) && (i = BA(f)), P(f) ? (u = ve(f, !0), u.x += f.clientLeft, u.y += f.clientTop) : s && (u.x = _f(s))), {
-    x: A.left + i.scrollLeft - u.x,
-    y: A.top + i.scrollTop - u.y,
+  return (a || !a && !n) && ((ne(f) !== "body" || If(s)) && (o = BA(f)), P(f) ? (u = ve(f, !0), u.x += f.clientLeft, u.y += f.clientTop) : s && (u.x = _f(s))), {
+    x: A.left + o.scrollLeft - u.x,
+    y: A.top + o.scrollTop - u.y,
     width: A.width,
     height: A.height
   };
@@ -13578,9 +13578,9 @@ function qA(e) {
   function t(s) {
     n.add(s.name);
     var A = [].concat(s.requires || [], s.requiresIfExists || []);
-    A.forEach(function(i) {
-      if (!n.has(i)) {
-        var u = f.get(i);
+    A.forEach(function(o) {
+      if (!n.has(o)) {
+        var u = f.get(o);
         u && t(u);
       }
     }), a.push(s);
@@ -13619,12 +13619,12 @@ function WA(e) {
     return f[n];
   });
 }
-var Hf = {
+var Jf = {
   placement: "bottom",
   modifiers: [],
   strategy: "absolute"
 };
-function Kf() {
+function Hf() {
   for (var e = arguments.length, f = new Array(e), n = 0; n < e; n++)
     f[n] = arguments[n];
   return !f.some(function(a) {
@@ -13633,53 +13633,53 @@ function Kf() {
 }
 function JA(e) {
   e === void 0 && (e = {});
-  var f = e, n = f.defaultModifiers, a = n === void 0 ? [] : n, t = f.defaultOptions, s = t === void 0 ? Hf : t;
-  return function(i, u, r) {
+  var f = e, n = f.defaultModifiers, a = n === void 0 ? [] : n, t = f.defaultOptions, s = t === void 0 ? Jf : t;
+  return function(o, u, r) {
     r === void 0 && (r = s);
     var g = {
       placement: "bottom",
       orderedModifiers: [],
-      options: Object.assign({}, Hf, s),
+      options: Object.assign({}, Jf, s),
       modifiersData: {},
       elements: {
-        reference: i,
+        reference: o,
         popper: u
       },
       attributes: {},
       styles: {}
     }, d = [], m = !1, p = {
       state: g,
-      setOptions: function(k) {
-        var v = typeof k == "function" ? k(g.options) : k;
-        I(), g.options = Object.assign({}, s, g.options, v), g.scrollParents = {
-          reference: ye(i) ? Se(i) : i.contextElement ? Se(i.contextElement) : [],
+      setOptions: function(b) {
+        var w = typeof b == "function" ? b(g.options) : b;
+        _(), g.options = Object.assign({}, s, g.options, w), g.scrollParents = {
+          reference: ye(o) ? Se(o) : o.contextElement ? Se(o.contextElement) : [],
           popper: Se(u)
         };
-        var _ = FA(WA([].concat(a, g.options.modifiers)));
-        return g.orderedModifiers = _.filter(function(N) {
-          return N.enabled;
+        var N = FA(WA([].concat(a, g.options.modifiers)));
+        return g.orderedModifiers = N.filter(function(k) {
+          return k.enabled;
         }), h(), p.update();
       },
       forceUpdate: function() {
         if (!m) {
-          var k = g.elements, v = k.reference, _ = k.popper;
-          if (Kf(v, _)) {
+          var b = g.elements, w = b.reference, N = b.popper;
+          if (Hf(w, N)) {
             g.rects = {
-              reference: RA(v, Le(_), g.options.strategy === "fixed"),
-              popper: yf(_)
-            }, g.reset = !1, g.placement = g.options.placement, g.orderedModifiers.forEach(function(C) {
-              return g.modifiersData[C.name] = Object.assign({}, C.data);
+              reference: RA(w, Le(N), g.options.strategy === "fixed"),
+              popper: yf(N)
+            }, g.reset = !1, g.placement = g.options.placement, g.orderedModifiers.forEach(function(U) {
+              return g.modifiersData[U.name] = Object.assign({}, U.data);
             });
-            for (var N = 0; N < g.orderedModifiers.length; N++) {
+            for (var k = 0; k < g.orderedModifiers.length; k++) {
               if (g.reset === !0) {
-                g.reset = !1, N = -1;
+                g.reset = !1, k = -1;
                 continue;
               }
-              var E = g.orderedModifiers[N], V = E.fn, T = E.options, O = T === void 0 ? {} : T, Q = E.name;
-              typeof V == "function" && (g = V({
+              var E = g.orderedModifiers[k], j = E.fn, T = E.options, O = T === void 0 ? {} : T, B = E.name;
+              typeof j == "function" && (g = j({
                 state: g,
                 options: O,
-                name: Q,
+                name: B,
                 instance: p
               }) || g);
             }
@@ -13692,30 +13692,30 @@ function JA(e) {
         });
       }),
       destroy: function() {
-        I(), m = !0;
+        _(), m = !0;
       }
     };
-    if (!Kf(i, u))
+    if (!Hf(o, u))
       return p;
     p.setOptions(r).then(function(M) {
       !m && r.onFirstUpdate && r.onFirstUpdate(M);
     });
     function h() {
       g.orderedModifiers.forEach(function(M) {
-        var k = M.name, v = M.options, _ = v === void 0 ? {} : v, N = M.effect;
-        if (typeof N == "function") {
-          var E = N({
+        var b = M.name, w = M.options, N = w === void 0 ? {} : w, k = M.effect;
+        if (typeof k == "function") {
+          var E = k({
             state: g,
-            name: k,
+            name: b,
             instance: p,
-            options: _
-          }), V = function() {
+            options: N
+          }), j = function() {
           };
-          d.push(E || V);
+          d.push(E || j);
         }
       });
     }
-    function I() {
+    function _() {
       d.forEach(function(M) {
         return M();
       }), d = [];
@@ -13725,7 +13725,7 @@ function JA(e) {
 }
 var HA = [MA, OA, mA, tA, SA, jA, LA, rA, EA], KA = /* @__PURE__ */ JA({
   defaultModifiers: HA
-}), gn = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgOS4zODI4MTMgNCA0IDkuMzgyODEzIDQgMTYgQyA0IDIyLjYxNzE4OCA5LjM4MjgxMyAyOCAxNiAyOCBDIDIyLjYxNzE4OCAyOCAyOCAyMi42MTcxODggMjggMTYgQyAyOCA5LjM4MjgxMyAyMi42MTcxODggNCAxNiA0IFogTSAxNiA2IEMgMjEuNTM1MTU2IDYgMjYgMTAuNDY0ODQ0IDI2IDE2IEMgMjYgMjEuNTM1MTU2IDIxLjUzNTE1NiAyNiAxNiAyNiBDIDEwLjQ2NDg0NCAyNiA2IDIxLjUzNTE1NiA2IDE2IEMgNiAxMC40NjQ4NDQgMTAuNDY0ODQ0IDYgMTYgNiBaIE0gMTEuNSAxMiBDIDEwLjY3MTg3NSAxMiAxMCAxMi42NzE4NzUgMTAgMTMuNSBDIDEwIDE0LjMyODEyNSAxMC42NzE4NzUgMTUgMTEuNSAxNSBDIDEyLjMyODEyNSAxNSAxMyAxNC4zMjgxMjUgMTMgMTMuNSBDIDEzIDEyLjY3MTg3NSAxMi4zMjgxMjUgMTIgMTEuNSAxMiBaIE0gMjAuNSAxMiBDIDE5LjY3MTg3NSAxMiAxOSAxMi42NzE4NzUgMTkgMTMuNSBDIDE5IDE0LjMyODEyNSAxOS42NzE4NzUgMTUgMjAuNSAxNSBDIDIxLjMyODEyNSAxNSAyMiAxNC4zMjgxMjUgMjIgMTMuNSBDIDIyIDEyLjY3MTg3NSAyMS4zMjgxMjUgMTIgMjAuNSAxMiBaIE0gMTAuODEyNSAxOSBMIDkuMDkzNzUgMjAgQyAxMC40NzY1NjMgMjIuMzg2NzE5IDEzLjA0Njg3NSAyNCAxNiAyNCBDIDE4Ljk1MzEyNSAyNCAyMS41MjM0MzggMjIuMzg2NzE5IDIyLjkwNjI1IDIwIEwgMjEuMTg3NSAxOSBDIDIwLjE0ODQzOCAyMC43OTI5NjkgMTguMjI2NTYzIDIyIDE2IDIyIEMgMTMuNzczNDM4IDIyIDExLjg1MTU2MyAyMC43OTI5NjkgMTAuODEyNSAxOSBaIi8+PC9zdmc+";
+}), dn = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNiA0IEMgOS4zODI4MTMgNCA0IDkuMzgyODEzIDQgMTYgQyA0IDIyLjYxNzE4OCA5LjM4MjgxMyAyOCAxNiAyOCBDIDIyLjYxNzE4OCAyOCAyOCAyMi42MTcxODggMjggMTYgQyAyOCA5LjM4MjgxMyAyMi42MTcxODggNCAxNiA0IFogTSAxNiA2IEMgMjEuNTM1MTU2IDYgMjYgMTAuNDY0ODQ0IDI2IDE2IEMgMjYgMjEuNTM1MTU2IDIxLjUzNTE1NiAyNiAxNiAyNiBDIDEwLjQ2NDg0NCAyNiA2IDIxLjUzNTE1NiA2IDE2IEMgNiAxMC40NjQ4NDQgMTAuNDY0ODQ0IDYgMTYgNiBaIE0gMTEuNSAxMiBDIDEwLjY3MTg3NSAxMiAxMCAxMi42NzE4NzUgMTAgMTMuNSBDIDEwIDE0LjMyODEyNSAxMC42NzE4NzUgMTUgMTEuNSAxNSBDIDEyLjMyODEyNSAxNSAxMyAxNC4zMjgxMjUgMTMgMTMuNSBDIDEzIDEyLjY3MTg3NSAxMi4zMjgxMjUgMTIgMTEuNSAxMiBaIE0gMjAuNSAxMiBDIDE5LjY3MTg3NSAxMiAxOSAxMi42NzE4NzUgMTkgMTMuNSBDIDE5IDE0LjMyODEyNSAxOS42NzE4NzUgMTUgMjAuNSAxNSBDIDIxLjMyODEyNSAxNSAyMiAxNC4zMjgxMjUgMjIgMTMuNSBDIDIyIDEyLjY3MTg3NSAyMS4zMjgxMjUgMTIgMjAuNSAxMiBaIE0gMTAuODEyNSAxOSBMIDkuMDkzNzUgMjAgQyAxMC40NzY1NjMgMjIuMzg2NzE5IDEzLjA0Njg3NSAyNCAxNiAyNCBDIDE4Ljk1MzEyNSAyNCAyMS41MjM0MzggMjIuMzg2NzE5IDIyLjkwNjI1IDIwIEwgMjEuMTg3NSAxOSBDIDIwLjE0ODQzOCAyMC43OTI5NjkgMTguMjI2NTYzIDIyIDE2IDIyIEMgMTMuNzczNDM4IDIyIDExLjg1MTU2MyAyMC43OTI5NjkgMTAuODEyNSAxOSBaIi8+PC9zdmc+";
 function Ke(e) {
   return e.split("-").map((f) => parseInt(f, 16)).map((f) => String.fromCodePoint(f)).join("");
 }
@@ -13735,29 +13735,29 @@ function PA(e, f, n, a = []) {
     if (a.includes(s))
       return;
     const A = [];
-    e[s].forEach((i) => {
+    e[s].forEach((o) => {
       var u;
-      if (i[Xe][0].includes(f.toLocaleLowerCase())) {
-        let r = i[fn];
-        if (n !== Pe && Array.isArray(i[$e])) {
-          const g = ((u = i[$e]) == null ? void 0 : u.findIndex(
+      if (o[Xe][0].includes(f.toLocaleLowerCase())) {
+        let r = o[en];
+        if (n !== Pe && Array.isArray(o[$e])) {
+          const g = ((u = o[$e]) == null ? void 0 : u.findIndex(
             (d) => d.includes(n)
           )) || -1;
-          g !== -1 && i[$e] && (r = i[$e][g]);
+          g !== -1 && o[$e] && (r = o[$e][g]);
         }
         return A.push({
-          ...i,
+          ...o,
           [ze]: r
         });
       }
     }), A.length && (t[s] = A);
   }), t;
 }
-function mn() {
+function gn() {
   var e;
   return (((e = navigator == null ? void 0 : navigator.userAgentData) == null ? void 0 : e.platform) || (navigator == null ? void 0 : navigator.platform) || "unknown").toUpperCase().indexOf("MAC") !== -1;
 }
-function pn(e) {
+function mn(e) {
   return e.replace(
     /^_*(.)|_+(.)/g,
     (f, n, a) => n ? n.toUpperCase() : " " + a.toUpperCase()
@@ -13775,16 +13775,16 @@ const ZA = de({
     select: (e) => !0
   },
   setup() {
-    const { state: e, updateEmoji: f, updateSelect: n } = Ge("store"), a = b(null), t = x(() => PA(
+    const { state: e, updateEmoji: f, updateSelect: n } = Ge("store"), a = v(null), t = x(() => PA(
       e.emojis,
       e.search,
       e.skinTone,
       e.options.disabledGroups
-    )), s = Nn(), A = x(() => !e.options.hideGroupNames), i = x(() => !e.options.disableStickyGroupNames), u = Zf(e.options.groupNames), r = e.orderedGroupKeys;
+    )), s = Nn(), A = x(() => !e.options.hideGroupNames), o = x(() => !e.options.disableStickyGroupNames), u = Pf(e.options.groupNames), r = e.orderedGroupKeys;
     e.options.additionalGroups && Object.keys(e.options.additionalGroups).map((h) => {
-      e.options.groupNames[h] ? u[h] = e.options.groupNames[h] : u[h] = pn(h);
+      e.options.groupNames[h] ? u[h] = e.options.groupNames[h] : u[h] = mn(h);
     });
-    const g = mn() ? "is-mac" : "";
+    const g = gn() ? "is-mac" : "";
     function d(h) {
       f(h);
     }
@@ -13795,23 +13795,23 @@ const ZA = de({
         i: Ke(h.r)
       });
     }
-    function p(h, I) {
+    function p(h, _) {
       var M;
-      const k = (M = h == null ? void 0 : h.target) == null ? void 0 : M.closest("button");
-      k && (k.innerHTML = `<span>${Ke(I)}</span>`);
+      const b = (M = h == null ? void 0 : h.target) == null ? void 0 : M.closest("button");
+      b && (b.innerHTML = `<span>${Ke(_)}</span>`);
     }
     return we(
       () => e.activeGroup,
       () => {
         var h;
-        const I = (h = a.value) == null ? void 0 : h.querySelector("#" + e.activeGroup);
-        I && (I.parentNode.scrollTop = I.offsetTop - I.parentNode.offsetTop);
+        const _ = (h = a.value) == null ? void 0 : h.querySelector("#" + e.activeGroup);
+        _ && (_.parentNode.scrollTop = _.offsetTop - _.parentNode.offsetTop);
       }
     ), {
       emojis: t,
       bodyInner: a,
-      EMOJI_REMOTE_SRC: Xf,
-      GROUP_NAMES: en,
+      EMOJI_REMOTE_SRC: Gf,
+      GROUP_NAMES: Xf,
       handleClick: m,
       handleError: p,
       handleMouseEnter: d,
@@ -13820,7 +13820,7 @@ const ZA = de({
       EMOJI_RESULT_KEY: ze,
       EMOJI_NAME_KEY: Xe,
       hasGroupNames: A,
-      isSticky: i,
+      isSticky: o,
       platform: g,
       groupNames: u,
       orderedKeys: r
@@ -13832,33 +13832,33 @@ const ZA = de({
 };
 function As(e, f, n, a, t, s) {
   return l(), c("div", GA, [
-    o("div", {
+    i("div", {
       ref: "bodyInner",
-      class: D([e.platform, "v3-body-inner"])
+      class: V([e.platform, "v3-body-inner"])
     }, [
-      e.orderedKeys.length ? (l(!0), c(B, { key: 0 }, Y(e.orderedKeys, (A) => (l(), c("div", {
+      e.orderedKeys.length ? (l(!0), c(Q, { key: 0 }, R(e.orderedKeys, (A) => (l(), c("div", {
         id: A,
         key: A,
         class: "v3-group"
       }, [
         e.hasGroupNames ? te((l(), c("h5", {
           key: 0,
-          class: D(e.isSticky ? "v3-sticky" : "")
-        }, w(e.groupNames[A]), 3)), [
+          class: V(e.isSticky ? "v3-sticky" : "")
+        }, I(e.groupNames[A]), 3)), [
           [pe, e.emojis[A]]
         ]) : y("", !0),
-        te(o("div", es, [
-          (l(!0), c(B, null, Y(e.emojis[A], (i) => (l(), c("button", {
-            key: i.r,
+        te(i("div", es, [
+          (l(!0), c(Q, null, R(e.emojis[A], (o) => (l(), c("button", {
+            key: o.r,
             type: "button",
-            onMouseenter: (u) => e.handleMouseEnter(i),
-            onClick: (u) => e.handleClick(i)
+            onMouseenter: (u) => e.handleMouseEnter(o),
+            onClick: (u) => e.handleClick(o)
           }, [
-            e.native ? (l(), c("span", ns, w(e.unicodeToEmoji(i.r)), 1)) : (l(), c("img", {
+            e.native ? (l(), c("span", ns, I(e.unicodeToEmoji(o.r)), 1)) : (l(), c("img", {
               key: 1,
-              src: e.EMOJI_REMOTE_SRC + `/${i.r}.png`,
-              alt: i.n[0],
-              onError: (u) => e.handleError(u, i.r)
+              src: e.EMOJI_REMOTE_SRC + `/${o.r}.png`,
+              alt: o.n[0],
+              onError: (u) => e.handleError(u, o.r)
             }, null, 40, as))
           ], 40, fs))), 128))
         ], 512), [
@@ -13872,7 +13872,7 @@ var ss = /* @__PURE__ */ Qe(ZA, [["render", As]]), is = "data:image/svg+xml;base
 const ms = de({
   name: "Header",
   setup(e) {
-    const { state: f, updateSearch: n, updateActiveGroup: a } = Ge("store"), t = x(() => !f.options.hideSearch), s = x(() => !f.options.hideGroupIcons), A = JSON.parse(JSON.stringify(f.orderedGroupKeys)), i = x(
+    const { state: f, updateSearch: n, updateActiveGroup: a } = Ge("store"), t = x(() => !f.options.hideSearch), s = x(() => !f.options.hideGroupIcons), A = JSON.parse(JSON.stringify(f.orderedGroupKeys)), o = x(
       () => f.options.staticTexts.placeholder || ""
     ), u = x({
       get: () => f.search,
@@ -13881,7 +13881,7 @@ const ms = de({
       ...f.groups,
       ...Object.keys(f.options.additionalGroups).map((d) => ({
         key: d,
-        title: f.options.groupNames[d] ? f.options.groupNames[d] : pn(d)
+        title: f.options.groupNames[d] ? f.options.groupNames[d] : mn(d)
       }))
     ], g = [];
     return A.forEach((d) => {
@@ -13894,9 +13894,9 @@ const ms = de({
       updateActiveGroup: a,
       hasSearch: t,
       hasGroupIcons: s,
-      placeholder: i,
+      placeholder: o,
       icons: {
-        smileys_people: gn,
+        smileys_people: dn,
         animals_nature: is,
         food_drink: os,
         activities: ls,
@@ -13925,19 +13925,19 @@ const ms = de({
 function ws(e, f, n, a, t, s) {
   return e.hasGroupIcons || e.hasSearch ? (l(), c("div", ps, [
     e.hasGroupIcons ? (l(), c("div", Ms, [
-      (l(!0), c(B, null, Y(e.orderedGroups, (A) => (l(), c("button", {
+      (l(!0), c(Q, null, R(e.orderedGroups, (A) => (l(), c("button", {
         key: A.key,
         type: "button",
-        class: D(["v3-group", {
+        class: V(["v3-group", {
           "v3-is-hidden": !e.icons[A.key]
         }]),
-        onClick: (i) => e.updateActiveGroup(A.key)
+        onClick: (o) => e.updateActiveGroup(A.key)
       }, [
-        o("span", {
+        i("span", {
           title: A.title,
           class: "v3-icon"
         }, [
-          o("img", {
+          i("img", {
             src: e.icons[A.key],
             alt: ""
           }, null, 8, bs)
@@ -13946,12 +13946,12 @@ function ws(e, f, n, a, t, s) {
     ])) : y("", !0),
     e.hasGroupIcons && e.hasSearch ? (l(), c("div", vs)) : y("", !0),
     e.hasSearch ? (l(), c("div", _s, [
-      te(o("input", {
+      te(i("input", {
         "onUpdate:modelValue": f[0] || (f[0] = (A) => e.searchValue = A),
         type: "text",
         placeholder: e.placeholder
       }, null, 8, Is), [
-        [Gf, e.searchValue]
+        [Zf, e.searchValue]
       ])
     ])) : y("", !0)
   ])) : y("", !0);
@@ -13960,11 +13960,11 @@ var ks = /* @__PURE__ */ Qe(ms, [["render", ws]]);
 const Ns = de({
   name: "Header",
   setup() {
-    const { state: e, updateSkinTone: f } = Ge("store"), n = b(!1), a = b(!1), t = x(() => e.skinTone), s = x(
+    const { state: e, updateSkinTone: f } = Ge("store"), n = v(!1), a = v(!1), t = x(() => e.skinTone), s = x(
       () => e.options.staticTexts.skinTone || "Skin tone"
-    ), A = x(() => !e.options.disableSkinTones), i = mn() ? "is-mac" : "", u = x(() => ({
+    ), A = x(() => !e.options.disableSkinTones), o = gn() ? "is-mac" : "", u = x(() => ({
       ...e.emoji,
-      src: Xf + "/" + e.emoji[ze] + ".png"
+      src: Gf + "/" + e.emoji[ze] + ".png"
     }));
     function r(m = !0) {
       n.value = m;
@@ -13994,7 +13994,7 @@ const Ns = de({
       hasSkinTones: A,
       native: e.options.native,
       unicodeToEmoji: Ke,
-      platform: i,
+      platform: o,
       hasError: a
     };
   }
@@ -14004,38 +14004,38 @@ function Ss(e, f, n, a, t, s) {
     class: "v3-footer",
     onMouseleave: f[2] || (f[2] = (A) => e.updateSkinToneState(!1))
   }, [
-    o("div", Ds, [
-      o("span", {
-        class: D([e.platform, "v3-icon"])
+    i("div", Ds, [
+      i("span", {
+        class: V([e.platform, "v3-icon"])
       }, [
-        e.native || e.hasError ? (l(), c("span", js, w(e.unicodeToEmoji(e.emoji.r)), 1)) : (l(), c("img", {
+        e.native || e.hasError ? (l(), c("span", js, I(e.unicodeToEmoji(e.emoji.r)), 1)) : (l(), c("img", {
           key: 1,
           alt: e.unicodeToEmoji(e.emoji.r),
           src: e.emoji.src,
           onError: f[0] || (f[0] = (A) => e.hasError = !0)
         }, null, 40, Vs))
       ], 2),
-      o("span", Es, " :" + w(e.emoji[e.EMOJI_NAME_KEY][1] || e.emoji[e.EMOJI_NAME_KEY][0]) + ": ", 1)
+      i("span", Es, " :" + I(e.emoji[e.EMOJI_NAME_KEY][1] || e.emoji[e.EMOJI_NAME_KEY][0]) + ": ", 1)
     ]),
-    e.hasSkinTones ? (l(), c(B, { key: 0 }, [
-      o("button", {
+    e.hasSkinTones ? (l(), c(Q, { key: 0 }, [
+      i("button", {
         type: "button",
         class: "v3-tone",
         onClick: f[1] || (f[1] = (...A) => e.toggleSkinToneState && e.toggleSkinToneState(...A))
       }, [
-        o("span", Ts, w(e.skinToneText), 1),
-        o("span", {
-          class: D(`v3-icon v3-tone-${e.stateSkinTone}`)
+        i("span", Ts, I(e.skinToneText), 1),
+        i("span", {
+          class: V(`v3-icon v3-tone-${e.stateSkinTone}`)
         }, null, 2)
       ]),
-      o("div", {
-        class: D([e.skinTone ? "v3-is-open" : "", "v3-skin-tones"])
+      i("div", {
+        class: V([e.skinTone ? "v3-is-open" : "", "v3-skin-tones"])
       }, [
-        (l(!0), c(B, null, Y(e.SKIN_TONES, (A) => (l(), c("button", {
+        (l(!0), c(Q, null, R(e.SKIN_TONES, (A) => (l(), c("button", {
           key: A,
           type: "button",
-          class: D(["v3-skin-tone-" + A, "v3-skin-tone"]),
-          onClick: (i) => e.selectSkinTone(A)
+          class: V(["v3-skin-tone-" + A, "v3-skin-tone"]),
+          onClick: (o) => e.selectSkinTone(A)
         }, null, 10, xs))), 128))
       ], 2)
     ], 64)) : y("", !0)
@@ -14080,13 +14080,13 @@ const Os = de({
     "update:text": (e) => !0
   },
   setup(e, { emit: f }) {
-    const n = b(), a = b(), t = b(), s = b(!1), A = b(e.text), i = e.type === "input" || e.type === "textarea";
+    const n = v(), a = v(), t = v(), s = v(!1), A = v(e.text), o = e.type === "input" || e.type === "textarea";
     let u = -1;
     const { state: r } = Ge("store"), g = x(() => r.options.colorTheme);
     function d(M) {
-      if (i) {
-        const k = r.options.mode;
-        k === "prepend" ? A.value = M.i + A.value : k === "insert" && u !== -1 ? (A.value = `${A.value.slice(0, u)}${M.i}${A.value.slice(u)}`, u += M.i.length) : A.value += M.i, f("update:text", A.value);
+      if (o) {
+        const b = r.options.mode;
+        b === "prepend" ? A.value = M.i + A.value : b === "insert" && u !== -1 ? (A.value = `${A.value.slice(0, u)}${M.i}${A.value.slice(u)}`, u += M.i.length) : A.value += M.i, f("update:text", A.value);
       }
       f("select", M);
     }
@@ -14095,13 +14095,13 @@ const Os = de({
       n.value && (u = ((M = n.value) == null ? void 0 : M.selectionEnd) || -1);
     }
     function p(M) {
-      var k;
-      !((k = M.target) != null && k.closest(
+      var b;
+      !((b = M.target) != null && b.closest(
         ".v3-input-picker-wrap"
       )) && s.value && (s.value = !1);
     }
     function h() {
-      if (a.value && t.value && i) {
+      if (a.value && t.value && o) {
         let M = r.options.offset;
         typeof M != "number" && (M = 6), KA(a.value, t.value, {
           placement: "bottom-end",
@@ -14116,7 +14116,7 @@ const Os = de({
         }), document.body.addEventListener("click", p);
       }
     }
-    function I(M) {
+    function _(M) {
       A.value = M.target.value || "", f("update:text", A.value);
     }
     return Ie(() => {
@@ -14124,7 +14124,7 @@ const Os = de({
     }), Dn(() => {
       document.body.removeEventListener("click", p);
     }), {
-      face: gn,
+      face: dn,
       open: s,
       onSelect: d,
       input: A,
@@ -14132,8 +14132,8 @@ const Os = de({
       updateCursor: m,
       button: a,
       picker: t,
-      isInputType: i,
-      onChangeText: I,
+      isInputType: o,
+      onChangeText: _,
       colorTheme: g
     };
   }
@@ -14142,9 +14142,9 @@ const Os = de({
   class: "v3-input-emoji-picker"
 }, Us = { class: "v3-input-picker-root" }, Ls = ["value"], Qs = ["value"], Bs = ["src"];
 function Ys(e, f, n, a, t, s) {
-  const A = Je("Header"), i = Je("Body"), u = Je("Footer");
+  const A = Je("Header"), o = Je("Body"), u = Je("Footer");
   return e.isInputType ? (l(), c("div", Cs, [
-    o("div", Us, [
+    i("div", Us, [
       e.type === "input" ? (l(), c("input", {
         key: 0,
         ref: "elem",
@@ -14161,36 +14161,36 @@ function Ys(e, f, n, a, t, s) {
         onInput: f[2] || (f[2] = (...r) => e.onChangeText && e.onChangeText(...r)),
         onBlur: f[3] || (f[3] = (...r) => e.updateCursor && e.updateCursor(...r))
       }, null, 40, Qs)),
-      o("div", {
-        class: D(["v3-input-picker-wrap", e.open ? "v3-picker-is-open" : ""])
+      i("div", {
+        class: V(["v3-input-picker-wrap", e.open ? "v3-picker-is-open" : ""])
       }, [
-        o("button", {
+        i("button", {
           ref: "button",
           type: "button",
           class: "v3-input-picker-icon",
           onClick: f[4] || (f[4] = (r) => e.open = !e.open)
         }, [
-          o("img", {
+          i("img", {
             src: e.face,
             alt: ""
           }, null, 8, Bs)
         ], 512),
-        o("div", {
+        i("div", {
           ref: "picker",
-          class: D(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
+          class: V(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
         }, [
           S(A),
-          S(i, { onSelect: e.onSelect }, null, 8, ["onSelect"]),
+          S(o, { onSelect: e.onSelect }, null, 8, ["onSelect"]),
           S(u)
         ], 2)
       ], 2)
     ])
   ])) : (l(), c("div", {
     key: 1,
-    class: D(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
+    class: V(["v3-emoji-picker", "v3-color-theme-" + e.colorTheme])
   }, [
     S(A),
-    S(i, { onSelect: e.onSelect }, null, 8, ["onSelect"]),
+    S(o, { onSelect: e.onSelect }, null, 8, ["onSelect"]),
     S(u)
   ], 2));
 }
@@ -14279,7 +14279,7 @@ const qs = de({
     select: (e) => !0
   },
   setup(e, { emit: f }) {
-    const n = b(e.text);
+    const n = v(e.text);
     function a(s) {
       n.value = s || "", f("update:text", n.value);
     }
@@ -14292,7 +14292,7 @@ const qs = de({
       staticTexts: { ...yt, ...e.staticTexts },
       disableStickyGroupNames: e.disableStickyGroupNames,
       disabledGroups: e.disabledGroups,
-      groupNames: { ...en, ...e.groupNames },
+      groupNames: { ...Xf, ...e.groupNames },
       disableSkinTones: e.disableSkinTones,
       displayRecent: e.displayRecent,
       additionalGroups: e.additionalGroups,
@@ -14310,10 +14310,10 @@ const qs = de({
 });
 function Fs(e, f, n, a, t, s) {
   const A = Je("picker-root");
-  return l(), L(A, {
+  return l(), C(A, {
     type: e.type,
     text: e.input,
-    onSelect: f[0] || (f[0] = (i) => e.$emit("select", i)),
+    onSelect: f[0] || (f[0] = (o) => e.$emit("select", o)),
     "onUpdate:text": e.onChangeText
   }, null, 8, ["type", "text", "onUpdate:text"]);
 }
@@ -14352,19 +14352,14 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
     contextMenuKey: {
       type: String,
       default: "key"
-    },
-    storybook: {
-      type: Boolean,
-      required: !1,
-      default: !1
     }
   },
   emits: ["click", "buttonClick"],
   setup(e, { emit: f }) {
-    const n = e, a = f, t = b(null), s = b(null), A = (d) => {
+    const n = e, a = f, t = v(null), s = v(null), A = (d) => {
       const m = n.actions[d];
       t.value.style.display = "none", a("click", m);
-    }, i = () => {
+    }, o = () => {
       n.disabled || (n.mode == "click" && (t.value.style.display = "inherit"), a("buttonClick"));
     }, u = () => {
       n.mode == "hover" && !n.disabled && (t.value.style.display = "inherit");
@@ -14400,22 +14395,21 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
       id: "container-" + n.contextMenuKey,
       ref_key: "actionScope",
       ref: s,
-      style: { position: "relative", width: "fit-content" },
-      class: D({ "storybook-container": e.storybook })
+      style: { position: "relative", width: "fit-content" }
     }, [
-      o("button", {
-        class: D(["button", {
+      i("div", {
+        class: V(["button", {
           "disabled-button": e.disabled
         }]),
-        onClick: i,
+        onClick: o,
         onMouseover: u,
         onMouseout: r
       }, [
-        o("span", {
-          class: D(e.buttonClass)
-        }, w(e.buttonTitle), 3)
+        i("span", {
+          class: V(e.buttonClass)
+        }, I(e.buttonTitle), 3)
       ], 34),
-      o("div", {
+      i("div", {
         id: "context-menu-" + n.contextMenuKey,
         ref_key: "contextMenu",
         ref: t,
@@ -14423,12 +14417,12 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
         onMouseover: u,
         onMouseout: r
       }, [
-        o("div", Hs, [
-          o("ul", Ks, [
-            (l(!0), c(B, null, Y(n.actions, (p, h) => (l(), c("li", {
+        i("div", Hs, [
+          i("ul", Ks, [
+            (l(!0), c(Q, null, R(n.actions, (p, h) => (l(), c("li", {
               key: h,
               class: "context-menu__item",
-              onClick: (I) => A(h)
+              onClick: (_) => A(h)
             }, [
               p.icon ? (l(), c("img", {
                 key: 0,
@@ -14437,16 +14431,16 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
                 height: "18"
               }, null, 8, Zs)) : p.prime ? (l(), c("i", {
                 key: 1,
-                class: D("pi pi-" + p.prime)
+                class: V("pi pi-" + p.prime)
               }, null, 2)) : y("", !0),
-              o("span", null, w(p.title), 1)
+              i("span", null, I(p.title), 1)
             ], 8, Ps))), 128))
           ])
         ])
       ], 40, Js)
-    ], 10, Ws));
+    ], 8, Ws));
   }
-}, Mn = /* @__PURE__ */ j(Gs, [["__scopeId", "data-v-2eb2dd26"]]), Xs = { class: "channels__container" }, ei = {
+}, pn = /* @__PURE__ */ D(Gs, [["__scopeId", "data-v-d5c83269"]]), Xs = { class: "channels__container" }, ei = {
   key: 0,
   class: "channels__selected"
 }, fi = {
@@ -14466,7 +14460,7 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
   },
   emits: ["selectChannel"],
   setup(e, { emit: f }) {
-    const n = b(null), a = e, t = f, A = b(a.channels.find((u) => u.type === "default")), i = (u) => {
+    const n = v(null), a = e, t = f, A = v(a.channels.find((u) => u.type === "default")), o = (u) => {
       A.value = u, t("selectChannel", A.value);
     };
     return (u, r) => (l(), c("div", {
@@ -14474,33 +14468,33 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
       ref: n,
       class: "channels"
     }, [
-      o("div", Xs, [
+      i("div", Xs, [
         A.value ? (l(), c("div", ei, [
           A.value.icon ? (l(), c("span", fi, [
-            o("img", {
+            i("img", {
               src: A.value.icon
             }, null, 8, ni)
           ])) : y("", !0),
-          o("span", ai, w(A.value.title), 1)
+          i("span", ai, I(A.value.title), 1)
         ])) : (l(), c("span", ti, "Канал не выбран")),
-        S(Mn, {
+        S(pn, {
           actions: e.channels,
           mode: "hover",
           "button-class": "pi pi-list",
           "menu-side": "top",
           "context-menu-key": "channels",
-          onClick: i
+          onClick: o
         }, null, 8, ["actions"])
       ])
     ], 512));
   }
-}, si = /* @__PURE__ */ j(Ai, [["__scopeId", "data-v-80cc8217"]]), ii = { class: "template-selector" }, oi = { class: "template-selector__container" }, li = { class: "template-selector__button-close" }, ui = { class: "template-selector__list" }, ri = ["onClick"], ci = { class: "template-selector__item-group" }, di = { class: "template-selector__item-template" }, gi = { class: "template-selector__item-title" }, mi = { class: "template-selector__item-text" }, pi = { class: "template-selector__preview-container" }, Mi = {
+}, si = /* @__PURE__ */ D(Ai, [["__scopeId", "data-v-80cc8217"]]), ii = v(""), Mn = () => ii, oi = { class: "template-selector" }, li = { class: "template-selector__container" }, ui = { class: "template-selector__button-close" }, ri = { class: "template-selector__list" }, ci = ["onClick"], di = { class: "template-selector__item-group" }, gi = { class: "template-selector__item-template" }, mi = { class: "template-selector__item-title" }, pi = { class: "template-selector__item-text" }, Mi = { class: "template-selector__preview-container" }, hi = {
   key: 0,
   class: "template-selector__preview"
-}, hi = { class: "template-selector__preview-wrapper" }, yi = { class: "template-selector__preview-text" }, bi = {
+}, yi = { class: "template-selector__preview-wrapper" }, bi = { class: "template-selector__preview-text" }, vi = {
   key: 1,
   class: "template-selector__preview-title"
-}, vi = {
+}, _i = {
   __name: "TemplateSelector",
   props: {
     templates: {
@@ -14511,53 +14505,55 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
   },
   emits: ["closeTemplateWindow", "pasteTemplate"],
   setup(e, { emit: f }) {
-    const n = e, a = (s) => {
-      n.templates.forEach((i) => i.isSelected = !1);
-      const A = n.templates.find((i) => i.templateId === s.templateId);
-      A.isSelected = !0;
-    }, t = x(() => n.templates.find((s) => s.isSelected));
-    return (s, A) => (l(), c("div", ii, [
-      o("div", oi, [
-        o("button", li, [
-          o("span", {
+    const n = e, a = Mn(), t = () => {
+      s("closeTemplateWindow"), a.value = o.value.template;
+    }, s = f, A = (u) => {
+      n.templates.forEach((g) => g.isSelected = !1);
+      const r = n.templates.find((g) => g.templateId === u.templateId);
+      r.isSelected = !0;
+    }, o = x(() => n.templates.find((u) => u.isSelected));
+    return (u, r) => (l(), c("div", oi, [
+      i("div", li, [
+        i("button", ui, [
+          i("span", {
             class: "pi pi-times",
-            onClick: A[0] || (A[0] = (i) => s.$emit("closeTemplateWindow"))
+            onClick: r[0] || (r[0] = (g) => u.$emit("closeTemplateWindow"))
           })
         ]),
-        o("ul", ui, [
-          (l(!0), c(B, null, Y(e.templates, (i, u) => (l(), c("li", {
-            key: u,
-            class: D(["template-selector__item", { "template-selector__item-selected": i.isSelected }]),
-            onClick: (r) => a(i)
+        i("ul", ri, [
+          (l(!0), c(Q, null, R(e.templates, (g, d) => (l(), c("li", {
+            key: d,
+            class: V(["template-selector__item", { "template-selector__item-selected": g.isSelected }]),
+            onClick: (m) => A(g)
           }, [
-            o("p", ci, w(i.groupId), 1),
-            o("div", di, [
-              o("p", gi, w(i.title), 1),
-              o("p", mi, w(i.template), 1)
+            i("p", di, I(g.groupId), 1),
+            i("div", gi, [
+              i("p", mi, I(g.title), 1),
+              i("p", pi, I(g.template), 1)
             ])
-          ], 10, ri))), 128))
+          ], 10, ci))), 128))
         ]),
-        o("div", pi, [
-          t.value ? (l(), c("div", Mi, [
-            o("div", hi, [
-              o("p", yi, w(t.value.template), 1),
-              A[2] || (A[2] = o("p", { class: "template-selector__preview-time" }, " 22:22 ", -1))
+        i("div", Mi, [
+          o.value ? (l(), c("div", hi, [
+            i("div", yi, [
+              i("p", bi, I(o.value.template), 1),
+              r[1] || (r[1] = i("p", { class: "template-selector__preview-time" }, " 22:22 ", -1))
             ])
-          ])) : (l(), c("p", bi, " Предпросмотр шаблона "))
+          ])) : (l(), c("p", vi, " Предпросмотр шаблона "))
         ]),
-        o("button", {
+        i("button", {
           class: "template-selector__button-paste",
-          onClick: A[1] || (A[1] = (i) => s.$emit("pasteTemplate", t.value.template))
+          onClick: t
         }, " Вставить ")
       ])
     ]));
   }
-}, _i = /* @__PURE__ */ j(vi, [["__scopeId", "data-v-a6888541"]]), Ii = { class: "chat-input" }, wi = { class: "chat-input__container" }, ki = {
+}, Ii = /* @__PURE__ */ D(_i, [["__scopeId", "data-v-7e077013"]]), wi = { class: "chat-input" }, ki = { class: "chat-input__container" }, Ni = {
   key: 0,
   class: "chat-input__first-line"
-}, Ni = { class: "chat-input__second-line" }, Di = { class: "chat-input__third-line" }, ji = {
+}, Di = { class: "chat-input__second-line" }, ji = { class: "chat-input__third-line" }, Vi = {
   __name: "ChatInput",
-  props: /* @__PURE__ */ zf({
+  props: {
     enableEmoji: {
       type: Boolean,
       required: !1,
@@ -14576,51 +14572,46 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
     filebumpUrl: {
       type: String
     }
-  }, {
-    modelValue: { type: String },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ zf(["send", "typing", "selectChannel"], ["update:modelValue"]),
+  },
+  emits: ["send", "typing", "selectChannel"],
   setup(e, { emit: f }) {
-    const n = f, a = xn(e, "modelValue"), t = b(null), s = b(null), A = b(""), i = b(!1), u = (v) => {
-      a.value = v, i.value = !i.value;
-    }, r = x(() => !s.value || s.value === "");
+    const n = f, a = Mn(), t = v(null), s = v(null), A = v(""), o = x(() => !s.value || s.value === "");
     we(
       () => a.value,
       () => {
         t.value.style.height = "auto", t.value.style.height = t.value.scrollHeight + "px";
       }
     );
-    const g = ["б", "Кб", "Мб", "Гб"], d = (v) => {
-      if (console.log("fileUploaded", v), v) {
-        let _ = v.selectedFile.size, N = 0;
-        for (; _ > 1024; )
-          _ = _ / 1024, N++;
-        _ = _.toFixed(2) + g[N], A.value = _;
+    const u = ["б", "Кб", "Мб", "Гб"], r = (M) => {
+      if (console.log("fileUploaded", M), M) {
+        let b = M.selectedFile.size, w = 0;
+        for (; b > 1024; )
+          b = b / 1024, w++;
+        b = b.toFixed(2) + u[w], A.value = b;
       }
-      s.value = v;
-    }, m = () => {
+      s.value = M;
+    }, g = () => {
       console.log("reset uploaded file"), s.value = null;
-    }, p = (v) => {
-      n("typing", v.target.value);
-    }, h = (v) => {
-      n("selectChannel", v);
-    }, I = () => {
-      var _;
-      const v = {
+    }, d = (M) => {
+      n("typing", M.target.value);
+    }, m = (M) => {
+      n("selectChannel", M);
+    }, p = () => {
+      var b;
+      const M = {
         type: null,
         text: null
       };
-      s.value ? (v.type = "message." + s.value.type, v.url = s.value.url, v.filename = s.value.filename, v.size = s.value.size, v.text = (_ = a == null ? void 0 : a.value) == null ? void 0 : _.trim()) : (v.type = "message.text", v.text = a.value.trim()), n("send", v), s.value = !1, a.value = null, q(t).focus();
-    }, M = x(() => {
+      s.value ? (M.type = "message." + s.value.type, M.url = s.value.url, M.filename = s.value.filename, M.size = s.value.size, M.text = (b = a == null ? void 0 : a.value) == null ? void 0 : b.trim()) : (M.type = "message.text", M.text = a.value.trim()), n("send", M), s.value = !1, a.value = null, Y(t).focus();
+    }, h = x(() => {
       if (document.documentElement.classList.contains("dark"))
         return "dark";
-    }), k = (v) => {
-      a.value = (a.value ? a.value : "") + v.i;
+    }), _ = (M) => {
+      a.value = (a.value ? a.value : "") + M.i;
     };
-    return (v, _) => (l(), c("div", Ii, [
-      o("div", wi, [
-        s.value ? (l(), c("div", ki, [
+    return (M, b) => (l(), c("div", wi, [
+      i("div", ki, [
+        s.value ? (l(), c("div", Ni, [
           S(rt, {
             "preview-url": s.value.previewUrl,
             "is-image": s.value.isImage,
@@ -14628,99 +14619,85 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
             "is-audio": s.value.isAudio,
             "file-name": s.value.selectedFile.name,
             "file-size": A.value,
-            onReset: m
+            onReset: g
           }, null, 8, ["preview-url", "is-image", "is-video", "is-audio", "file-name", "file-size"])
         ])) : y("", !0),
-        o("div", Ni, [
-          te(o("textarea", {
+        i("div", Di, [
+          te(i("textarea", {
             ref_key: "refInput",
             ref: t,
-            "onUpdate:modelValue": _[0] || (_[0] = (N) => a.value = N),
+            "onUpdate:modelValue": b[0] || (b[0] = (w) => xn(a) ? a.value = w : null),
             class: "chat-input__input",
             placeholder: "Type a message...",
-            onKeydown: Sn(I, ["enter"]),
-            onInput: p
+            onKeydown: Sn(p, ["enter"]),
+            onInput: d
           }, null, 544), [
-            [Gf, a.value]
+            [Zf, Y(a)]
           ]),
-          o("button", {
+          i("button", {
             class: "chat-input__button-send",
-            onClick: I
-          }, _[4] || (_[4] = [
-            o("span", { class: "pi pi-send" }, null, -1)
+            onClick: p
+          }, b[2] || (b[2] = [
+            i("span", { class: "pi pi-send" }, null, -1)
           ]))
         ]),
-        o("div", Di, [
-          S(q(Po), {
-            "can-upload-file": r.value,
+        i("div", ji, [
+          S(Y(Go), {
+            style: { "margin-top": "9px" },
             "filebump-url": e.filebumpUrl,
-            onFileUploaded: d
-          }, null, 8, ["can-upload-file", "filebump-url"]),
-          o("button", {
+            "can-upload-file": o.value,
+            onFileUploaded: r
+          }, null, 8, ["filebump-url", "can-upload-file"]),
+          i("button", {
             class: "chat-input__button-emoji",
-            onClick: _[1] || (_[1] = (...N) => v.toogleDialogEmoji && v.toogleDialogEmoji(...N))
-          }, _[5] || (_[5] = [
-            o("span", { class: "pi pi-face-smile" }, null, -1)
+            onClick: b[1] || (b[1] = (...w) => M.toogleDialogEmoji && M.toogleDialogEmoji(...w))
+          }, b[3] || (b[3] = [
+            i("span", { class: "pi pi-face-smile" }, null, -1)
           ])),
           S(H, null, {
             default: K(() => [
-              S(q($s), {
+              S(Y($s), {
                 class: "chat-input__emoji",
                 native: !0,
-                theme: M.value,
+                theme: h.value,
                 "picker-type": "",
-                onSelect: k
+                onSelect: _
               }, null, 8, ["theme"])
             ]),
             _: 1
           }),
-          o("button", {
-            class: "chat-input__button-template",
-            onClick: _[2] || (_[2] = (N) => i.value = !i.value)
-          }, _[6] || (_[6] = [
-            o("span", { class: "pi pi-objects-column" }, null, -1)
-          ])),
-          S(H, null, {
-            default: K(() => [
-              i.value ? (l(), L(_i, {
-                key: 0,
-                templates: e.templates.templates,
-                onCloseTemplateWindow: _[3] || (_[3] = (N) => i.value = !i.value),
-                onPasteTemplate: u
-              }, null, 8, ["templates"])) : y("", !0)
-            ]),
-            _: 1
-          }),
+          F(M.$slots, "buttons", {}, void 0, !0),
           S(si, {
+            style: { "margin-top": "9px" },
             channels: e.channels,
-            onSelectChannel: h
+            onSelectChannel: m
           }, null, 8, ["channels"])
         ])
       ])
     ]));
   }
-}, fl = /* @__PURE__ */ j(ji, [["__scopeId", "data-v-255a3a21"]]), Vi = { class: "chat-item__avatar-container" }, Ei = ["src"], Ti = {
+}, tl = /* @__PURE__ */ D(Vi, [["__scopeId", "data-v-2d973fc3"]]), Ei = { class: "chat-item__avatar-container" }, Ti = ["src"], xi = {
   key: 1,
   class: "pi pi-user"
-}, xi = { class: "chat-item__info-container" }, Si = { class: "chat-item__name" }, zi = {
+}, Si = { class: "chat-item__info-container" }, zi = { class: "chat-item__name" }, Oi = {
   key: 0,
   class: "chat-item__last-message"
-}, Oi = { class: "chat-item__details-container" }, Ci = {
+}, Ci = { class: "chat-item__details-container" }, Ui = {
   key: 0,
   class: "chat-item__time"
-}, Ui = {
+}, Li = {
   key: 1,
   class: "chat-item__unread"
-}, Li = {
+}, Qi = {
   key: 3,
   class: "chat-item__status-chat-container"
-}, Qi = {
+}, Bi = {
   key: 0,
   class: "pi pi-check"
-}, Bi = {
+}, Yi = {
   key: 1,
   class: "chat-item__fixed pi pi-thumbtack"
-}, Yi = {
+}, Ri = {
   __name: "ChatItem",
   props: {
     chat: {
@@ -14734,13 +14711,13 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
       a("select", n.chat);
     }, s = () => n.chat.isSelected ? "chat-item__selected" : "chat-item", A = (M) => {
       g(), a("action", { chatId: n.chat.chatId, ...M });
-    }, i = b(!1), u = b(!1), r = () => {
+    }, o = v(!1), u = v(!1), r = () => {
       u.value = !0;
     }, g = () => {
-      u.value = !1, i.value = !1;
+      u.value = !1, o.value = !1;
     }, d = x(() => Ne(n.chat["lastMessage.status"]));
     let m;
-    const p = b(0), h = ["typing.", "typing..", "typing..."], I = x(() => n.chat.typing ? h[p.value] : n.chat.lastMessage);
+    const p = v(0), h = ["typing.", "typing..", "typing..."], _ = x(() => n.chat.typing ? h[p.value] : n.chat.lastMessage);
     return we(
       () => n.chat.typing,
       () => {
@@ -14749,17 +14726,17 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
         }, 1e3) : (p.value = 0, clearInterval(m));
       },
       { immediate: !0 }
-    ), (M, k) => (l(), c("div", {
-      class: D(s()),
+    ), (M, b) => (l(), c("div", {
+      class: V(s()),
       onClick: t
     }, [
-      o("div", {
+      i("div", {
         class: "chat-item__container",
         onMouseenter: r,
         onMouseleave: g
       }, [
-        o("div", Vi, [
-          o("span", {
+        i("div", Ei, [
+          i("span", {
             class: "chat-item__status-user",
             style: z({ backgroundColor: n.chat.status })
           }, null, 4),
@@ -14768,36 +14745,36 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
             src: n.chat.avatar,
             height: "48",
             width: "48"
-          }, null, 8, Ei)) : (l(), c("span", Ti))
+          }, null, 8, Ti)) : (l(), c("span", xi))
         ]),
-        o("div", xi, [
-          o("div", Si, w(e.chat.name), 1),
-          e.chat.lastMessage || e.chat.typing ? (l(), c("div", zi, w(I.value), 1)) : y("", !0)
+        i("div", Si, [
+          i("div", zi, I(e.chat.name), 1),
+          e.chat.lastMessage || e.chat.typing ? (l(), c("div", Oi, I(_.value), 1)) : y("", !0)
         ]),
-        o("div", Oi, [
-          e.chat["lastActivity.time"] ? (l(), c("div", Ci, w(e.chat["lastActivity.time"]), 1)) : y("", !0),
-          e.chat.countUnread > 0 ? (l(), c("div", Ui, w(e.chat.countUnread > 99 ? "99+" : e.chat.countUnread), 1)) : y("", !0),
+        i("div", Ci, [
+          e.chat["lastActivity.time"] ? (l(), c("div", Ui, I(e.chat["lastActivity.time"]), 1)) : y("", !0),
+          e.chat.countUnread > 0 ? (l(), c("div", Li, I(e.chat.countUnread > 99 ? "99+" : e.chat.countUnread), 1)) : y("", !0),
           u.value && e.chat.actions ? (l(), c("button", {
             key: 2,
             class: "chat-item__menu-button",
-            onClick: k[0] || (k[0] = (v) => i.value = !i.value)
-          }, k[1] || (k[1] = [
-            o("span", { class: "pi pi-ellipsis-h" }, null, -1)
+            onClick: b[0] || (b[0] = (w) => o.value = !o.value)
+          }, b[1] || (b[1] = [
+            i("span", { class: "pi pi-ellipsis-h" }, null, -1)
           ]))) : y("", !0),
-          e.chat.countUnread < 1 ? (l(), c("div", Li, [
-            q(ke).includes(e.chat["lastMessage.status"]) ? (l(), c("div", {
+          e.chat.countUnread < 1 ? (l(), c("div", Qi, [
+            Y(ke).includes(e.chat["lastMessage.status"]) ? (l(), c("div", {
               key: 0,
-              class: D(["chat-item__status-message", d.value])
+              class: V(["chat-item__status-message", d.value])
             }, [
-              e.chat["lastMessage.status"] !== "send" ? (l(), c("span", Qi)) : y("", !0),
-              k[2] || (k[2] = o("span", { class: "pi pi-check" }, null, -1))
+              e.chat["lastMessage.status"] !== "send" ? (l(), c("span", Bi)) : y("", !0),
+              b[2] || (b[2] = i("span", { class: "pi pi-check" }, null, -1))
             ], 2)) : y("", !0),
-            e.chat.isFixedTop || e.chat.isFixedBottom ? (l(), c("span", Bi)) : y("", !0)
+            e.chat.isFixedTop || e.chat.isFixedBottom ? (l(), c("span", Yi)) : y("", !0)
           ])) : y("", !0)
         ]),
         S(H, { name: "menu" }, {
           default: K(() => [
-            i.value && e.chat.actions ? (l(), L(ge, {
+            o.value && e.chat.actions ? (l(), C(ge, {
               key: 0,
               class: "chat-item__context-menu",
               actions: e.chat.actions,
@@ -14809,17 +14786,17 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
       ], 32)
     ], 2));
   }
-}, lf = /* @__PURE__ */ j(Yi, [["__scopeId", "data-v-e2ad67d9"]]), Ri = { class: "chat-filter" }, qi = { class: "chat-filter__container" }, Fi = {
+}, lf = /* @__PURE__ */ D(Ri, [["__scopeId", "data-v-e2ad67d9"]]), qi = { class: "chat-filter" }, Fi = { class: "chat-filter__container" }, $i = {
   __name: "ChatFilter",
   emits: ["update"],
   setup(e, { emit: f }) {
-    const n = b(""), a = f, t = () => {
-      const s = q(n);
+    const n = v(""), a = f, t = () => {
+      const s = Y(n);
       a("update", s.value);
     };
-    return (s, A) => (l(), c("div", Ri, [
-      o("div", qi, [
-        o("input", {
+    return (s, A) => (l(), c("div", qi, [
+      i("div", Fi, [
+        i("input", {
           ref_key: "refInput",
           ref: n,
           class: "chat-filter__input",
@@ -14830,16 +14807,16 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
       ])
     ]));
   }
-}, $i = /* @__PURE__ */ j(Fi, [["__scopeId", "data-v-f043bb19"]]), Wi = { class: "chat-list" }, Ji = {
+}, Wi = /* @__PURE__ */ D($i, [["__scopeId", "data-v-f043bb19"]]), Ji = { class: "chat-list" }, Hi = {
   key: 0,
   class: "chat-list__title"
-}, Hi = {
+}, Ki = {
   key: 0,
   class: "pi pi-minus"
-}, Ki = {
+}, Pi = {
   key: 1,
   class: "pi pi-plus"
-}, Pi = { class: "chat-list__items" }, Zi = { class: "chat-list__fixed-items-top" }, Gi = { class: "chat-list__scrollable-items" }, Xi = { class: "chat-list__fixed-items-bottom" }, eo = {
+}, Zi = { class: "chat-list__items" }, Gi = { class: "chat-list__fixed-items-top" }, Xi = { class: "chat-list__scrollable-items" }, eo = { class: "chat-list__fixed-items-bottom" }, fo = {
   __name: "ChatList",
   props: {
     title: {
@@ -14862,9 +14839,9 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
   },
   emits: ["select", "action"],
   setup(e, { emit: f }) {
-    const n = b(""), a = b(!1), t = () => {
+    const n = v(""), a = v(!1), t = () => {
       a.value = !1;
-    }, s = e, A = f, i = (d) => {
+    }, s = e, A = f, o = (d) => {
       s.chats.forEach((p) => p.isSelected = !1);
       const m = s.chats.find((p) => p.chatId === d.chatId);
       m.isSelected = !0, A("select", d);
@@ -14879,22 +14856,22 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
     }).filter((d) => d.name.includes(n.value) || d.metadata.includes(n.value)), r = (d) => {
       n.value = d;
     }, g = (d) => A("action", d);
-    return (d, m) => (l(), c("div", Wi, [
-      o("div", {
+    return (d, m) => (l(), c("div", Ji, [
+      i("div", {
         class: "chat-list__title-container",
         onMouseleave: t
       }, [
-        e.title ? (l(), c("h2", Ji, w(e.title), 1)) : y("", !0),
+        e.title ? (l(), c("h2", Hi, I(e.title), 1)) : y("", !0),
         e.actions.length ? (l(), c("button", {
           key: 1,
           class: "chat-list__button-actions",
           onClick: m[0] || (m[0] = (p) => a.value = !a.value)
         }, [
-          a.value ? (l(), c("span", Hi)) : (l(), c("span", Ki))
+          a.value ? (l(), c("span", Ki)) : (l(), c("span", Pi))
         ])) : y("", !0),
         S(H, null, {
           default: K(() => [
-            a.value && e.actions ? (l(), L(ge, {
+            a.value && e.actions ? (l(), C(ge, {
               key: 0,
               actions: e.actions,
               class: "chat-list__context-menu",
@@ -14904,46 +14881,46 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
           _: 1
         })
       ], 32),
-      e.filterEnabled ? (l(), L($i, {
+      e.filterEnabled ? (l(), C(Wi, {
         key: 0,
         class: "chat-list__filter",
         onUpdate: r
       })) : y("", !0),
-      o("div", Pi, [
-        o("div", Zi, [
-          (l(!0), c(B, null, Y(u().filter((p) => p.isFixedTop), (p) => (l(), L(lf, {
+      i("div", Zi, [
+        i("div", Gi, [
+          (l(!0), c(Q, null, R(u().filter((p) => p.isFixedTop), (p) => (l(), C(lf, {
             key: p.chatId,
             class: "chat-list__item",
             chat: p,
-            onSelect: i,
+            onSelect: o,
             onAction: g
           }, null, 8, ["chat"]))), 128))
         ]),
-        o("div", Gi, [
-          (l(!0), c(B, null, Y(u().filter((p) => !p.isFixedBottom && !p.isFixedTop), (p) => (l(), L(lf, {
+        i("div", Xi, [
+          (l(!0), c(Q, null, R(u().filter((p) => !p.isFixedBottom && !p.isFixedTop), (p) => (l(), C(lf, {
             key: p.chatId,
             class: "chat-list__item",
             chat: p,
-            onSelect: i,
+            onSelect: o,
             onAction: g
           }, null, 8, ["chat"]))), 128))
         ]),
-        o("div", Xi, [
-          (l(!0), c(B, null, Y(u().filter((p) => p.isFixedBottom), (p) => (l(), L(lf, {
+        i("div", eo, [
+          (l(!0), c(Q, null, R(u().filter((p) => p.isFixedBottom), (p) => (l(), C(lf, {
             key: p.chatId,
             class: "chat-list__item",
             chat: p,
-            onSelect: i,
+            onSelect: o,
             onAction: g
           }, null, 8, ["chat"]))), 128))
         ])
       ])
     ]));
   }
-}, nl = /* @__PURE__ */ j(eo, [["__scopeId", "data-v-56d1c0f8"]]), fo = ["messageId"], no = ["src"], ao = ["src"], to = { class: "video-message__controls" }, Ao = { class: "video-message__remaining-time" }, so = { class: "video-message__info-container" }, io = { class: "video-message__time" }, oo = {
+}, Al = /* @__PURE__ */ D(fo, [["__scopeId", "data-v-56d1c0f8"]]), no = ["messageId"], ao = ["src"], to = ["src"], Ao = { class: "video-message__controls" }, so = { class: "video-message__remaining-time" }, io = { class: "video-message__info-container" }, oo = { class: "video-message__time" }, lo = {
   key: 0,
   class: "pi pi-check"
-}, lo = ["href"], uo = {
+}, uo = ["href"], ro = {
   __name: "VideoMessage",
   props: {
     message: {
@@ -14953,27 +14930,27 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
   },
   setup(e) {
     const f = e;
-    function n(I) {
-      return I.position === "left" ? "video-message__left" : "video-message__right";
+    function n(_) {
+      return _.position === "left" ? "video-message__left" : "video-message__right";
     }
-    const a = b(null), t = b(!1), s = b(0), A = b(0), i = b(!1), u = b(!1), r = () => {
+    const a = v(null), t = v(!1), s = v(0), A = v(0), o = v(!1), u = v(!1), r = () => {
       u.value = !0;
     }, g = () => {
-      u.value = !1, i.value = !1;
+      u.value = !1, o.value = !1;
     }, d = x(() => Ne(f.message.status));
     function m() {
       a.value && (t.value ? a.value.pause() : a.value.play(), t.value = !t.value);
     }
-    const p = (I) => {
-      const M = Math.floor(I / 60), k = Math.floor(I % 60);
-      return `${M.toString().padStart(2, "0")}:${k.toString().padStart(2, "0")}`;
+    const p = (_) => {
+      const M = Math.floor(_ / 60), b = Math.floor(_ % 60);
+      return `${M.toString().padStart(2, "0")}:${b.toString().padStart(2, "0")}`;
     }, h = x(() => {
       if (a.value) {
         if (A.value >= s.value)
           return t.value = !1, "00:00";
         {
-          const I = s.value - A.value;
-          return p(I);
+          const _ = s.value - A.value;
+          return p(_);
         }
       } else
         return "";
@@ -14984,8 +14961,8 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
       }), a.value.addEventListener("timeupdate", () => {
         A.value = a.value.currentTime;
       });
-    }), (I, M) => (l(), c("div", {
-      class: D(["video-message", n(e.message)]),
+    }), (_, M) => (l(), c("div", {
+      class: V(["video-message", n(e.message)]),
       messageId: e.message.messageId,
       onMouseleave: g
     }, [
@@ -14996,32 +14973,32 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
         height: "32",
         width: "32",
         style: z({ gridRow: e.message.subText ? "2" : "1" })
-      }, null, 12, no)) : y("", !0),
-      o("div", {
+      }, null, 12, ao)) : y("", !0),
+      i("div", {
         class: "video-message__content",
         onMouseenter: r
       }, [
-        o("video", {
+        i("video", {
           ref_key: "player",
           ref: a,
           class: "video-message__video",
           src: e.message.url
-        }, null, 8, ao),
-        o("div", to, [
+        }, null, 8, to),
+        i("div", Ao, [
           S(H, null, {
             default: K(() => [
-              te(o("button", {
+              te(i("button", {
                 class: "video-message__play",
                 onClick: m
               }, M[1] || (M[1] = [
-                o("span", { class: "pi pi-play" }, null, -1)
+                i("span", { class: "pi pi-play" }, null, -1)
               ]), 512), [
                 [pe, !t.value]
               ])
             ]),
             _: 1
           }),
-          te(o("button", {
+          te(i("button", {
             class: "video-message__pause",
             onClick: m
           }, null, 512), [
@@ -15031,62 +15008,62 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
         u.value && e.message.actions ? (l(), c("button", {
           key: 0,
           class: "video-message__menu-button",
-          onClick: M[0] || (M[0] = (k) => i.value = !i.value)
+          onClick: M[0] || (M[0] = (b) => o.value = !o.value)
         }, M[2] || (M[2] = [
-          o("span", { class: "pi pi-ellipsis-h" }, null, -1)
+          i("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : y("", !0),
         S(H, null, {
           default: K(() => [
-            i.value && e.message.actions ? (l(), L(ge, {
+            o.value && e.message.actions ? (l(), C(ge, {
               key: 0,
               class: "video-message__context-menu",
               actions: e.message.actions,
-              onClick: I.clickAction
+              onClick: _.clickAction
             }, null, 8, ["actions", "onClick"])) : y("", !0)
           ]),
           _: 1
         }),
-        o("p", Ao, w(`${h.value}`), 1),
-        o("div", so, [
-          o("span", io, w(e.message.time), 1),
-          n(e.message) === "video-message__right" && q(ke).includes(e.message.status) ? (l(), c("div", {
+        i("p", so, I(`${h.value}`), 1),
+        i("div", io, [
+          i("span", oo, I(e.message.time), 1),
+          n(e.message) === "video-message__right" && Y(ke).includes(e.message.status) ? (l(), c("div", {
             key: 0,
-            class: D(["video-message__status", d.value])
+            class: V(["video-message__status", d.value])
           }, [
-            e.message.status !== "sent" ? (l(), c("span", oo)) : y("", !0),
-            M[3] || (M[3] = o("span", { class: "pi pi-check" }, null, -1))
+            e.message.status !== "sent" ? (l(), c("span", lo)) : y("", !0),
+            M[3] || (M[3] = i("span", { class: "pi pi-check" }, null, -1))
           ], 2)) : y("", !0)
         ]),
-        o("a", {
+        i("a", {
           class: "video-message__download-button",
           href: e.message.url,
           download: "",
           target: "_blank"
         }, M[4] || (M[4] = [
-          o("span", { class: "pi pi-download" }, null, -1)
-        ]), 8, lo)
+          i("span", { class: "pi pi-download" }, null, -1)
+        ]), 8, uo)
       ], 32)
-    ], 42, fo));
+    ], 42, no));
   }
-}, ro = /* @__PURE__ */ j(uo, [["__scopeId", "data-v-c2e27925"]]), co = { class: "call-message" }, go = ["messageId"], mo = ["src"], po = {
+}, co = /* @__PURE__ */ D(ro, [["__scopeId", "data-v-c2e27925"]]), go = { class: "call-message" }, mo = ["messageId"], po = ["src"], Mo = {
   key: 1,
   class: "call-message__subtext"
-}, Mo = { class: "call-message__content" }, ho = {
+}, ho = { class: "call-message__content" }, yo = {
   key: 0,
   class: "call-message__title"
-}, yo = {
+}, bo = {
   key: 1,
   class: "call-message__title"
-}, bo = {
+}, vo = {
   key: 2,
   class: "call-message__duration"
-}, vo = {
+}, _o = {
   key: 3,
   class: "call-message__duration"
-}, _o = {
+}, Io = {
   key: 4,
   class: "call-message__duration"
-}, Io = { class: "call-message__info-container" }, wo = { class: "call-message__time" }, ko = {
+}, wo = { class: "call-message__info-container" }, ko = { class: "call-message__time" }, No = {
   __name: "CallMessage",
   props: {
     message: {
@@ -15098,9 +15075,9 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
     function f(n) {
       return n.position === "left" ? "call-message__left" : "call-message__right";
     }
-    return (n, a) => (l(), c("div", co, [
-      o("div", {
-        class: D(f(e.message)),
+    return (n, a) => (l(), c("div", go, [
+      i("div", {
+        class: V(f(e.message)),
         messageId: e.message.messageId
       }, [
         e.message.avatar ? (l(), c("img", {
@@ -15110,23 +15087,23 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
           height: "32",
           width: "32",
           style: z({ gridRow: e.message.subText ? "2" : "1" })
-        }, null, 12, mo)) : y("", !0),
-        e.message.subText ? (l(), c("p", po, w(e.message.subText), 1)) : y("", !0),
-        o("div", Mo, [
-          o("span", {
+        }, null, 12, po)) : y("", !0),
+        e.message.subText ? (l(), c("p", Mo, I(e.message.subText), 1)) : y("", !0),
+        i("div", ho, [
+          i("span", {
             class: "call-message__icon pi pi-phone",
             style: z({ color: e.message.isMissedCall ? "var(--p-red-500)" : "var(--neutral-100)" })
           }, null, 4),
-          e.message.isMissedCall ? (l(), c("span", yo, "Пропущенный аудиозвонок")) : (l(), c("span", ho, "Аудиозвонок")),
-          e.message.callDuration ? (l(), c("span", bo, w(e.message.callDuration), 1)) : !e.message.callDuration && e.message.isMissedCall ? (l(), c("span", vo, "Нажмите, чтобы перезвонить")) : (l(), c("span", _o, "Нет ответа")),
-          o("div", Io, [
-            o("span", wo, w(e.message.time), 1)
+          e.message.isMissedCall ? (l(), c("span", bo, "Пропущенный аудиозвонок")) : (l(), c("span", yo, "Аудиозвонок")),
+          e.message.callDuration ? (l(), c("span", vo, I(e.message.callDuration), 1)) : !e.message.callDuration && e.message.isMissedCall ? (l(), c("span", _o, "Нажмите, чтобы перезвонить")) : (l(), c("span", Io, "Нет ответа")),
+          i("div", wo, [
+            i("span", ko, I(e.message.time), 1)
           ])
         ])
-      ], 10, go)
+      ], 10, mo)
     ]));
   }
-}, No = /* @__PURE__ */ j(ko, [["__scopeId", "data-v-8790e89d"]]), Do = { class: "system-message" }, jo = { class: "system-message__container" }, Vo = { class: "system-message__text" }, Eo = {
+}, Do = /* @__PURE__ */ D(No, [["__scopeId", "data-v-8790e89d"]]), jo = { class: "system-message" }, Vo = { class: "system-message__container" }, Eo = { class: "system-message__text" }, To = {
   __name: "SystemMessage",
   props: {
     message: {
@@ -15135,16 +15112,16 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
     }
   },
   setup(e) {
-    return (f, n) => (l(), c("div", Do, [
-      o("div", jo, [
-        o("p", Vo, w(e.message.text), 1)
+    return (f, n) => (l(), c("div", jo, [
+      i("div", Vo, [
+        i("p", Eo, I(e.message.text), 1)
       ])
     ]));
   }
-}, To = /* @__PURE__ */ j(Eo, [["__scopeId", "data-v-b17746f3"]]), xo = { class: "typing-message" }, So = { class: "typing-message__container" }, zo = ["src"], Oo = {
+}, xo = /* @__PURE__ */ D(To, [["__scopeId", "data-v-b17746f3"]]), So = { class: "typing-message" }, zo = { class: "typing-message__container" }, Oo = ["src"], Co = {
   key: 1,
   class: "typing-message__subtext"
-}, Co = {
+}, Uo = {
   __name: "TypingMessage",
   props: {
     message: {
@@ -15153,8 +15130,8 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
     }
   },
   setup(e) {
-    return (f, n) => (l(), c("div", xo, [
-      o("div", So, [
+    return (f, n) => (l(), c("div", So, [
+      i("div", zo, [
         e.message.avatar ? (l(), c("img", {
           key: 0,
           class: "typing-message__avatar",
@@ -15162,15 +15139,15 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
           height: "32",
           width: "32",
           style: z({ gridRow: e.message.subText ? "2" : "1" })
-        }, null, 12, zo)) : y("", !0),
-        e.message.subText ? (l(), c("p", Oo, w(e.message.subText), 1)) : y("", !0),
-        n[0] || (n[0] = o("div", { class: "typing-message__loader-container" }, [
-          o("div", { class: "typing-message__loader" })
+        }, null, 12, Oo)) : y("", !0),
+        e.message.subText ? (l(), c("p", Co, I(e.message.subText), 1)) : y("", !0),
+        n[0] || (n[0] = i("div", { class: "typing-message__loader-container" }, [
+          i("div", { class: "typing-message__loader" })
         ], -1))
       ])
     ]));
   }
-}, Pf = /* @__PURE__ */ j(Co, [["__scopeId", "data-v-6ffe329a"]]), Uo = { class: "message-feed__container" }, Lo = {
+}, Kf = /* @__PURE__ */ D(Uo, [["__scopeId", "data-v-6ffe329a"]]), Lo = { class: "message-feed__container" }, Qo = {
   __name: "Feed",
   props: {
     objects: {
@@ -15195,29 +15172,29 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
   },
   emits: ["messageAction", "loadMore"],
   setup(e, { emit: f }) {
-    const n = b(), a = b(!1), t = e, s = f, A = () => {
-      const d = q(n);
+    const n = v(), a = v(!1), t = e, s = f, A = () => {
+      const d = Y(n);
       d.scrollHeight - d.scrollTop - d.clientHeight < 100 ? a.value = !1 : a.value = !0, d.scrollTop === 0 && s("loadMore");
-    }, i = (d) => ({
+    }, o = (d) => ({
       "message.text": ka,
       "message.image": ma,
       "message.file": fa,
       "message.audio": Ua,
-      "message.video": ro,
-      "message.call": No,
-      "message.system": To,
+      "message.video": co,
+      "message.call": Do,
+      "message.system": xo,
       "system.date": Ra,
-      "message.typing": Pf
+      "message.typing": Kf
     })[d];
     function u() {
       t.isScrollToBottomOnUpdateObjectsEnabled && uf(function() {
-        const d = q(n);
+        const d = Y(n);
         d.scrollTop = d.scrollHeight;
       });
     }
     function r() {
       uf(function() {
-        const d = q(n);
+        const d = Y(n);
         d.scrollTop = d.scrollHeight;
       });
     }
@@ -15231,15 +15208,15 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
       class: "message-feed",
       onScroll: A
     }, [
-      o("div", Uo, [
-        (l(!0), c(B, null, Y(e.objects, (p) => (l(), L(On(i(p.type)), {
+      i("div", Lo, [
+        (l(!0), c(Q, null, R(e.objects, (p) => (l(), C(On(o(p.type)), {
           key: p.messageId,
           class: "message-feed__message",
           message: p,
           onAction: g
         }, null, 40, ["message"]))), 128))
       ]),
-      e.typing ? (l(), L(Pf, {
+      e.typing ? (l(), C(Kf, {
         key: 0,
         message: {
           subText: e.typing.title,
@@ -15257,21 +15234,21 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
               key: 0,
               style: z({ backgroundColor: e.buttonParams.color }),
               class: "message-feed__unread-amount"
-            }, w(e.buttonParams.unreadAmount), 5)) : y("", !0),
-            m[0] || (m[0] = o("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
+            }, I(e.buttonParams.unreadAmount), 5)) : y("", !0),
+            m[0] || (m[0] = i("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
           ])) : y("", !0)
         ]),
         _: 1
       })
     ], 544));
   }
-}, al = /* @__PURE__ */ j(Lo, [["__scopeId", "data-v-7101e238"]]), Qo = { class: "profile" }, Bo = {
+}, sl = /* @__PURE__ */ D(Qo, [["__scopeId", "data-v-7101e238"]]), Bo = { class: "profile" }, Yo = {
   key: 0,
   class: "profile__container"
-}, Yo = {
+}, Ro = {
   key: 0,
   class: "profile__avatar-container"
-}, Ro = ["src"], qo = { class: "profile__name" }, Fo = { class: "profile__email" }, $o = { class: "profile__phone" }, Wo = {
+}, qo = ["src"], Fo = { class: "profile__name" }, $o = { class: "profile__email" }, Wo = { class: "profile__phone" }, Jo = {
   __name: "UserProfile",
   props: {
     user: {
@@ -15280,26 +15257,26 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
     }
   },
   setup(e) {
-    return (f, n) => (l(), c("div", Qo, [
-      e.user ? (l(), c("div", Bo, [
-        e.user.avatar ? (l(), c("div", Yo, [
-          o("span", {
+    return (f, n) => (l(), c("div", Bo, [
+      e.user ? (l(), c("div", Yo, [
+        e.user.avatar ? (l(), c("div", Ro, [
+          i("span", {
             class: "profile__status",
             style: z({ backgroundColor: e.user.status })
           }, null, 4),
-          o("img", {
+          i("img", {
             src: e.user.avatar,
             height: "48",
             width: "48"
-          }, null, 8, Ro)
+          }, null, 8, qo)
         ])) : y("", !0),
-        o("h2", qo, w(e.user.name), 1),
-        o("p", Fo, w(e.user.email), 1),
-        o("p", $o, w(e.user.phone), 1)
+        i("h2", Fo, I(e.user.name), 1),
+        i("p", $o, I(e.user.email), 1),
+        i("p", Wo, I(e.user.phone), 1)
       ])) : y("", !0)
     ]));
   }
-}, tl = /* @__PURE__ */ j(Wo, [["__scopeId", "data-v-db3ba19b"]]), Jo = { key: 0 }, Ho = { key: 1 }, Ko = {
+}, il = /* @__PURE__ */ D(Jo, [["__scopeId", "data-v-db3ba19b"]]), Ho = { class: "uploader-container" }, Ko = { key: 0 }, Po = { key: 1 }, Zo = {
   __name: "FileUploader",
   props: {
     canUploadFile: {
@@ -15307,17 +15284,13 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
       required: !0,
       default: !0
     },
-    storybook: {
-      type: Boolean,
-      default: !1
-    },
     filebumpUrl: {
       type: String
     }
   },
   emits: ["fileUploaded"],
   setup(e, { emit: f }) {
-    const n = e, a = b(null), t = b(""), s = b(""), A = b(""), i = b(!1), u = b(!1), r = b(!1), g = b(null), d = [
+    const n = e, a = v(null), t = v(""), s = v(""), A = v(""), o = v(!1), u = v(!1), r = v(!1), g = v(null), d = [
       {
         action: "audio/*",
         title: "Аудио",
@@ -15349,80 +15322,75 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
     );
     const p = () => {
       a.value = null, m("fileUploaded", null), s.value = null, A.value = "", t.value = "";
-    }, h = (_) => {
-      p(), console.log("onFileSelected", _.target.files[0]), a.value = _.target.files[0], a.value && (I(), M());
-    }, I = () => {
-      const _ = a.value, N = Cf(_.type);
-      if (i.value = !1, u.value = !1, r.value = !1, N === "image" ? i.value = !0 : N === "video" ? u.value = !0 : N === "audio" && (r.value = !0), i.value || u.value) {
+    }, h = (N) => {
+      p(), console.log("onFileSelected", N.target.files[0]), a.value = N.target.files[0], a.value && (_(), M());
+    }, _ = () => {
+      const N = a.value, k = Of(N.type);
+      if (o.value = !1, u.value = !1, r.value = !1, k === "image" ? o.value = !0 : k === "video" ? u.value = !0 : k === "audio" && (r.value = !0), o.value || u.value) {
         const E = new FileReader();
-        E.onload = (V) => {
-          A.value = V.target.result;
-        }, E.readAsDataURL(_);
+        E.onload = (j) => {
+          A.value = j.target.result;
+        }, E.readAsDataURL(N);
       } else
         A.value = "";
     }, M = async () => {
       t.value = "uploading";
-      const _ = new FormData();
-      _.append("file", a.value);
+      const N = new FormData();
+      N.append("file", a.value);
       const E = (n.filebumpUrl ? n.filebumpUrl : "https://filebump2.services.mobilon.ru") + "/upload";
       try {
         const T = await (await fetch(
           E,
           {
             method: "POST",
-            body: _
+            body: N
           }
         )).json();
         s.value = T.url, t.value = "success", m("fileUploaded", {
           url: T.url,
-          type: Cf(a.value.type),
+          type: Of(a.value.type),
           filename: a.value.name,
           size: a.value.size,
           previewUrl: A.value,
-          isImage: i.value,
+          isImage: o.value,
           isVideo: u.value,
           isAudio: r.value,
           selectedFile: a.value
         });
-      } catch (V) {
-        console.error("Ошибка при загрузке файла:", V), t.value = "error";
+      } catch (j) {
+        console.error("Ошибка при загрузке файла:", j), t.value = "error";
       }
-    }, k = (_) => {
-      g.value && n.canUploadFile && (g.value.accept = _.action, g.value.click());
-    }, v = () => {
+    }, b = (N) => {
+      g.value && n.canUploadFile && (g.value.accept = N.action, g.value.click());
+    }, w = () => {
       g.value && n.canUploadFile && g.value.click();
     };
-    return (_, N) => (l(), c("div", {
-      class: D(["uploader-container", { "storybook-container": e.storybook }])
-    }, [
-      t.value === "uploading" ? (l(), c("div", Jo, N[0] || (N[0] = [
-        o("p", null, "Загрузка файла...", -1)
-      ]))) : t.value === "error" ? (l(), c("div", Ho, N[1] || (N[1] = [
-        o("p", null, "Ошибка при загрузке файла.", -1)
-      ]))) : (l(), c("div", {
+    return (N, k) => (l(), c("div", Ho, [
+      t.value === "uploading" ? (l(), c("div", Ko, k[0] || (k[0] = [
+        i("p", null, "Загрузка файла...", -1)
+      ]))) : t.value === "error" ? (l(), c("div", Po, k[1] || (k[1] = [
+        i("p", null, "Ошибка при загрузке файла.", -1)
+      ]))) : (l(), C(pn, {
         key: 2,
-        class: D(["chat-input__button-file", { "chat-input__button-file-disabled": !e.canUploadFile }])
-      }, [
-        o("input", {
-          ref_key: "fileInput",
-          ref: g,
-          type: "file",
-          onChange: h
-        }, null, 544),
-        S(Mn, {
-          actions: d,
-          mode: "hover",
-          "button-class": "pi pi-file-arrow-up",
-          "menu-side": "top",
-          "context-menu-key": "file-uploader",
-          disabled: !e.canUploadFile,
-          onClick: k,
-          onButtonClick: v
-        }, null, 8, ["disabled"])
-      ], 2))
-    ], 2));
+        actions: d,
+        mode: "hover",
+        "button-class": "pi pi-file-arrow-up",
+        "menu-side": "top",
+        "context-menu-key": "file-uploader",
+        disabled: !e.canUploadFile,
+        onClick: b,
+        onButtonClick: w
+      }, null, 8, ["disabled"])),
+      i("input", {
+        style: { display: "none" },
+        ref_key: "fileInput",
+        ref: g,
+        type: "file",
+        onChange: h
+      }, null, 544)
+    ]));
   }
-}, Po = /* @__PURE__ */ j(Ko, [["__scopeId", "data-v-1cc69f33"]]), Zo = { key: 0 }, Go = ["value", "selected"], Xo = {
+}, Go = /* @__PURE__ */ D(Zo, [["__scopeId", "data-v-cf607c73"]]), Xo = { key: 0 }, e1 = ["value", "selected"], f1 = {
   __name: "ThemeMode",
   props: {
     themes: {
@@ -15444,19 +15412,19 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
     return Ie(() => {
       const s = n();
       t(s);
-    }), (s, A) => e.show ? (l(), c("div", Zo, [
-      o("select", {
-        onChange: A[0] || (A[0] = (i) => a(i))
+    }), (s, A) => e.show ? (l(), c("div", Xo, [
+      i("select", {
+        onChange: A[0] || (A[0] = (o) => a(o))
       }, [
-        (l(!0), c(B, null, Y(f.themes, (i, u) => (l(), c("option", {
+        (l(!0), c(Q, null, R(f.themes, (o, u) => (l(), c("option", {
           key: u,
-          value: i.code,
-          selected: i.default === !0
-        }, w(i.name), 9, Go))), 128))
+          value: o.code,
+          selected: o.default === !0
+        }, I(o.name), 9, e1))), 128))
       ], 32)
     ])) : y("", !0);
   }
-}, Al = /* @__PURE__ */ j(Xo, [["__scopeId", "data-v-be17a762"]]), e1 = { class: "sidebar" }, f1 = { class: "sidebar__container" }, n1 = { class: "sidebar__list" }, a1 = ["onClick"], t1 = ["src", "alt"], A1 = { key: 1 }, s1 = { class: "sidebar__list-fixed" }, i1 = ["onClick"], o1 = ["src", "alt"], l1 = { key: 1 }, u1 = {
+}, ol = /* @__PURE__ */ D(f1, [["__scopeId", "data-v-be17a762"]]), n1 = { class: "sidebar" }, a1 = { class: "sidebar__container" }, t1 = { class: "sidebar__list" }, A1 = ["onClick"], s1 = ["src", "alt"], i1 = { key: 1 }, o1 = { class: "sidebar__list-fixed" }, l1 = ["onClick"], u1 = ["src", "alt"], r1 = { key: 1 }, c1 = {
   __name: "SideBar",
   props: {
     sidebarItems: {
@@ -15467,58 +15435,58 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
   },
   emits: ["selectItem"],
   setup(e, { emit: f }) {
-    const a = Cn(e, "sidebarItems"), t = f, s = (i) => {
-      const u = a.value.find((r) => r.itemId === i);
+    const a = Cn(e, "sidebarItems"), t = f, s = (o) => {
+      const u = a.value.find((r) => r.itemId === o);
       t("selectItem", u);
-    }, A = (i) => {
-      const u = i.split(" ");
-      return u.length > 2 ? u.slice(0, 2).join(" ") : i;
+    }, A = (o) => {
+      const u = o.split(" ");
+      return u.length > 2 ? u.slice(0, 2).join(" ") : o;
     };
-    return (i, u) => (l(), c("div", e1, [
-      o("div", f1, [
-        o("ul", n1, [
-          (l(!0), c(B, null, Y(a.value.filter((r) => !r.isFixedBottom), (r, g) => (l(), c("li", {
+    return (o, u) => (l(), c("div", n1, [
+      i("div", a1, [
+        i("ul", t1, [
+          (l(!0), c(Q, null, R(a.value.filter((r) => !r.isFixedBottom), (r, g) => (l(), c("li", {
             key: g,
             class: "sidebar__item",
             onClick: (d) => s(r.itemId)
           }, [
-            o("img", {
+            i("img", {
               src: r.icon,
               alt: r.name,
-              class: D(["sidebar__image", { "sidebar__image--active": r.selected === !0 }])
-            }, null, 10, t1),
+              class: V(["sidebar__image", { "sidebar__image--active": r.selected === !0 }])
+            }, null, 10, s1),
             r.notificationCount ? (l(), c("span", {
               key: 0,
               style: z({ backgroundColor: r.notificationColor ? r.notificationColor : "red" })
-            }, w(r.notificationCount > 99 ? "99+" : r.notificationCount), 5)) : y("", !0),
-            r.name ? (l(), c("p", A1, w(A(r.name)), 1)) : y("", !0)
-          ], 8, a1))), 128))
+            }, I(r.notificationCount > 99 ? "99+" : r.notificationCount), 5)) : y("", !0),
+            r.name ? (l(), c("p", i1, I(A(r.name)), 1)) : y("", !0)
+          ], 8, A1))), 128))
         ]),
-        o("ul", s1, [
-          (l(!0), c(B, null, Y(a.value.filter((r) => r.isFixedBottom), (r, g) => (l(), c("li", {
+        i("ul", o1, [
+          (l(!0), c(Q, null, R(a.value.filter((r) => r.isFixedBottom), (r, g) => (l(), c("li", {
             key: g,
             class: "sidebar__item",
             onClick: (d) => s(r.itemId)
           }, [
-            o("img", {
+            i("img", {
               src: r.icon,
               alt: r.name,
-              class: D(["sidebar__image", { "sidebar__image--active": r.selected === !0 }])
-            }, null, 10, o1),
+              class: V(["sidebar__image", { "sidebar__image--active": r.selected === !0 }])
+            }, null, 10, u1),
             r.notificationCount ? (l(), c("span", {
               key: 0,
               style: z({ backgroundColor: r.notificationColor ? r.notificationColor : "red" })
-            }, w(r.notificationCount > 99 ? "99+" : r.notificationCount), 5)) : y("", !0),
-            r.name ? (l(), c("p", l1, w(A(r.name)), 1)) : y("", !0)
-          ], 8, i1))), 128))
+            }, I(r.notificationCount > 99 ? "99+" : r.notificationCount), 5)) : y("", !0),
+            r.name ? (l(), c("p", r1, I(A(r.name)), 1)) : y("", !0)
+          ], 8, l1))), 128))
         ])
       ])
     ]));
   }
-}, sl = /* @__PURE__ */ j(u1, [["__scopeId", "data-v-5e22516c"]]), r1 = { class: "chat-panel" }, c1 = { class: "chat-panel__title-container" }, d1 = {
+}, ll = /* @__PURE__ */ D(c1, [["__scopeId", "data-v-5e22516c"]]), d1 = { class: "chat-panel" }, g1 = { class: "chat-panel__title-container" }, m1 = {
   key: 0,
   class: "chat-panel__title"
-}, g1 = {
+}, p1 = {
   __name: "ChatPanel",
   props: {
     title: {
@@ -15529,25 +15497,55 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
   },
   emits: ["close-panel"],
   setup(e, { emit: f }) {
-    return (n, a) => (l(), c("div", r1, [
-      o("div", c1, [
-        e.title ? (l(), c("p", d1, w(e.title), 1)) : y("", !0),
-        o("button", {
+    return (n, a) => (l(), c("div", d1, [
+      i("div", g1, [
+        e.title ? (l(), c("p", m1, I(e.title), 1)) : y("", !0),
+        i("button", {
           class: "chat-panel__button-close",
           onClick: a[0] || (a[0] = (t) => n.$emit("close-panel"))
         }, a[1] || (a[1] = [
-          o("span", { class: "pi pi-times" }, null, -1)
+          i("span", { class: "pi pi-times" }, null, -1)
         ]))
       ]),
-      o("div", null, [
-        J(n.$slots, "content", {}, void 0, !0)
+      i("div", null, [
+        F(n.$slots, "content", {}, void 0, !0)
       ])
     ]));
   }
-}, il = /* @__PURE__ */ j(g1, [["__scopeId", "data-v-1f6ac199"]]), m1 = {
+}, ul = /* @__PURE__ */ D(p1, [["__scopeId", "data-v-1f6ac199"]]), M1 = {
+  __name: "ButtonTemplateSelector",
+  props: {
+    templates: {
+      type: Array,
+      required: !1,
+      default: () => []
+    }
+  },
+  setup(e) {
+    const f = v(!1);
+    return (n, a) => (l(), c(Q, null, [
+      i("button", {
+        class: "button-template",
+        onClick: a[0] || (a[0] = (t) => f.value = !f.value)
+      }, a[2] || (a[2] = [
+        i("span", { class: "pi pi-objects-column" }, null, -1)
+      ])),
+      S(H, null, {
+        default: K(() => [
+          f.value ? (l(), C(Ii, {
+            key: 0,
+            templates: e.templates,
+            onCloseTemplateWindow: a[1] || (a[1] = (t) => f.value = !f.value)
+          }, null, 8, ["templates"])) : y("", !0)
+        ]),
+        _: 1
+      })
+    ], 64));
+  }
+}, rl = /* @__PURE__ */ D(M1, [["__scopeId", "data-v-ac43c113"]]), h1 = {
   key: 0,
   class: "new-chat-modal"
-}, p1 = { class: "modal-content" }, M1 = { class: "participant-list" }, h1 = ["id", "value"], y1 = ["for"], b1 = {
+}, y1 = { class: "modal-content" }, b1 = { class: "participant-list" }, v1 = ["id", "value"], _1 = ["for"], I1 = {
   __name: "SelectUser",
   props: {
     users: {
@@ -15561,79 +15559,79 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
   },
   emits: ["confirm", "close"],
   setup(e, { emit: f }) {
-    const n = b(!0), a = b([]), t = f, s = async () => {
-      t("confirm", a.value), A(), i();
+    const n = v(!0), a = v([]), t = f, s = async () => {
+      t("confirm", a.value), A(), o();
     }, A = () => {
       t("close"), n.value = !1;
-    }, i = () => {
+    }, o = () => {
       a.value = [];
     }, u = () => {
-      A(), i();
+      A(), o();
     };
     return (r, g) => (l(), c("div", null, [
-      n.value ? (l(), c("div", m1, [
-        o("div", p1, [
-          o("h2", null, w(e.title), 1),
-          o("div", M1, [
-            (l(!0), c(B, null, Y(e.users, (d) => (l(), c("div", {
+      n.value ? (l(), c("div", h1, [
+        i("div", y1, [
+          i("h2", null, I(e.title), 1),
+          i("div", b1, [
+            (l(!0), c(Q, null, R(e.users, (d) => (l(), c("div", {
               key: d.userId,
               class: "participant-item"
             }, [
-              te(o("input", {
+              te(i("input", {
                 id: d.userId,
                 "onUpdate:modelValue": g[0] || (g[0] = (m) => a.value = m),
                 type: "checkbox",
                 value: d.userId
-              }, null, 8, h1), [
+              }, null, 8, v1), [
                 [Un, a.value]
               ]),
-              o("label", {
+              i("label", {
                 for: d.userId
-              }, w(d.name || "unknown username"), 9, y1)
+              }, I(d.name || "unknown username"), 9, _1)
             ]))), 128))
           ]),
-          o("div", { class: "modal-actions" }, [
-            o("button", { onClick: s }, " ОК "),
-            o("button", { onClick: u }, " Отмена ")
+          i("div", { class: "modal-actions" }, [
+            i("button", { onClick: s }, " ОК "),
+            i("button", { onClick: u }, " Отмена ")
           ])
         ])
       ])) : y("", !0)
     ]));
   }
-}, ol = /* @__PURE__ */ j(b1, [["__scopeId", "data-v-66249b80"]]), v1 = { class: "modal-backdrop" }, _1 = {
+}, cl = /* @__PURE__ */ D(I1, [["__scopeId", "data-v-66249b80"]]), w1 = { class: "modal-backdrop" }, k1 = {
   class: "modal",
   role: "dialog",
   "aria-labelledby": "modalTitle",
   "aria-describedby": "modalDescription"
-}, I1 = {
+}, N1 = {
   id: "modalDescription",
   class: "modal-body"
-}, w1 = { class: "buttons" }, k1 = {
+}, D1 = { class: "buttons" }, j1 = {
   __name: "Modal",
   emits: ["close", "submit"],
   setup(e, { emit: f }) {
     const n = f, a = (s) => {
       n("submit", s);
-    }, t = b(null);
-    return (s, A) => (l(), L(H, { name: "modal-fade" }, {
+    }, t = v(null);
+    return (s, A) => (l(), C(H, { name: "modal-fade" }, {
       default: K(() => [
-        o("div", v1, [
-          o("div", _1, [
-            o("div", I1, [
-              J(s.$slots, "default", {}, void 0, !0)
+        i("div", w1, [
+          i("div", k1, [
+            i("div", N1, [
+              F(s.$slots, "default", {}, void 0, !0)
             ]),
-            o("div", w1, [
-              o("button", {
+            i("div", D1, [
+              i("button", {
                 type: "button",
                 class: "btn-green",
                 "aria-label": "Close modal",
-                onClick: A[0] || (A[0] = (i) => a(t.value))
+                onClick: A[0] || (A[0] = (o) => a(t.value))
               }, " OK "),
-              o("button", {
+              i("button", {
                 type: "button",
                 class: "btn-green",
                 "aria-label": "Close modal",
-                onClick: A[1] || (A[1] = (i) => s.$emit("close"))
+                onClick: A[1] || (A[1] = (o) => s.$emit("close"))
               }, " Cancel ")
             ])
           ])
@@ -15642,32 +15640,32 @@ const Ws = ["id"], Js = ["id"], Hs = { class: "context-menu__container" }, Ks =
       _: 3
     }));
   }
-}, N1 = /* @__PURE__ */ j(k1, [["__scopeId", "data-v-d48a1772"]]);
+}, V1 = /* @__PURE__ */ D(j1, [["__scopeId", "data-v-d48a1772"]]);
 function wf({ component: e, attrs: f }) {
   return new Promise((n) => {
     const a = document.createElement("div");
     document.body.appendChild(a);
-    const t = b({}), s = () => {
+    const t = v({}), s = () => {
       r.unmount(), document.body.removeChild(a);
     }, A = () => {
       s(), n(t.value);
-    }, i = (g) => {
+    }, o = (g) => {
       const d = Object.keys(g)[0];
       t.value[d] = g[d];
     }, u = de({
       render() {
-        return Of(
-          N1,
+        return zf(
+          V1,
           {
             onSubmit: A,
             onClose: s
           },
           {
-            default: () => Of(
+            default: () => zf(
               Ln(() => e),
               {
                 ...f,
-                onChange: i
+                onChange: o
               }
             )
           }
@@ -15677,17 +15675,17 @@ function wf({ component: e, attrs: f }) {
     r.mount(a);
   });
 }
-const ll = async (e, f) => {
+const dl = async (e, f) => {
   const n = await wf({
     //в component должен быть встроен emit change(key: value)
-    component: import("./SelectUser2-Ct3qMxtV.js"),
+    component: import("./SelectUser2-D3gb4hUF.js"),
     attrs: {
       title: e,
       users: f
     }
   });
   return console.log("data", n), n;
-}, ul = async (e) => {
+}, gl = async (e) => {
   const f = await wf({
     //в component должен быть встроен emit change(key: value)
     component: import("./CreateChat-fkFKBxtQ.js"),
@@ -15696,29 +15694,29 @@ const ll = async (e, f) => {
     }
   });
   return console.log("data", f), f;
-}, rl = async (e) => await wf({
+}, ml = async (e) => await wf({
   //в component должен быть встроен emit change(key: value)
   component: import("./CreateChat2-DgUQ2F5L.js"),
   attrs: {
     title: e
   }
-}), D1 = { class: "base" }, cl = {
+}), E1 = { class: "base" }, pl = {
   __name: "BaseContainer",
   props: {
     height: String,
     width: String
   },
   setup(e) {
-    return (f, n) => (l(), c("div", D1, [
-      o("div", {
+    return (f, n) => (l(), c("div", E1, [
+      i("div", {
         class: "base__container",
         style: z({ height: e.height, width: e.width })
       }, [
-        J(f.$slots, "default")
+        F(f.$slots, "default")
       ], 4)
     ]));
   }
-}, j1 = { class: "float-window__container" }, V1 = ["src", "alt"], E1 = { class: "float-window__title" }, T1 = {
+}, T1 = { class: "float-window__container" }, x1 = ["src", "alt"], S1 = { class: "float-window__title" }, z1 = {
   __name: "FloatContainer",
   props: {
     title: {
@@ -15738,19 +15736,19 @@ const ll = async (e, f) => {
   },
   emits: ["close-window", "get-size"],
   setup(e, { emit: f }) {
-    const n = e, a = b({ x: 0, y: 0 }), t = b(null), s = b(null), A = b(!1), i = b(0), u = b(0), r = b(0), g = () => {
+    const n = e, a = v({ x: 0, y: 0 }), t = v(null), s = v(null), A = v(!1), o = v(0), u = v(0), r = v(0), g = () => {
       if (t.value) {
-        const h = window.innerWidth, I = window.innerHeight, M = t.value.offsetWidth, k = t.value.offsetHeight;
-        a.value.x = (h - M) / 2, a.value.y = (I - k) / 2;
+        const h = window.innerWidth, _ = window.innerHeight, M = t.value.offsetWidth, b = t.value.offsetHeight;
+        a.value.x = (h - M) / 2, a.value.y = (_ - b) / 2;
       }
     }, d = (h) => {
-      A.value = !0, i.value = h.clientX - t.value.offsetLeft, u.value = h.clientY - t.value.offsetTop;
+      A.value = !0, o.value = h.clientX - t.value.offsetLeft, u.value = h.clientY - t.value.offsetTop;
     }, m = () => A.value = !1, p = (h) => {
       if (A.value) {
-        const I = h.clientX - i.value, M = h.clientY - u.value;
+        const _ = h.clientX - o.value, M = h.clientY - u.value;
         a.value.x = Math.max(
           0,
-          Math.min(I, window.innerWidth - t.value.offsetWidth)
+          Math.min(_, window.innerWidth - t.value.offsetWidth)
         ), a.value.y = Math.max(
           0,
           Math.min(M, window.innerHeight - t.value.offsetHeight)
@@ -15773,7 +15771,7 @@ const ll = async (e, f) => {
           )
         );
       }), r.value = t.value.offsetHeight - s.value.offsetHeight;
-    }), (h, I) => (l(), c("div", {
+    }), (h, _) => (l(), c("div", {
       ref_key: "element",
       ref: t,
       class: "float-window",
@@ -15786,8 +15784,8 @@ const ll = async (e, f) => {
         display: h.flex
       })
     }, [
-      o("div", j1, [
-        o("div", {
+      i("div", T1, [
+        i("div", {
           ref_key: "container",
           ref: s,
           class: "float-window__controls",
@@ -15801,84 +15799,84 @@ const ll = async (e, f) => {
             class: "float-window__avatar",
             src: n.avatar,
             alt: n.title
-          }, null, 8, V1)) : y("", !0),
-          o("p", E1, w(n.title), 1),
-          o("button", {
+          }, null, 8, x1)) : y("", !0),
+          i("p", S1, I(n.title), 1),
+          i("button", {
             class: "float-window__close-button",
-            onClick: I[0] || (I[0] = (M) => h.$emit("close-window"))
-          }, I[1] || (I[1] = [
-            o("span", { class: "pi pi-times" }, null, -1)
+            onClick: _[0] || (_[0] = (M) => h.$emit("close-window"))
+          }, _[1] || (_[1] = [
+            i("span", { class: "pi pi-times" }, null, -1)
           ]))
         ], 36),
-        o("div", {
+        i("div", {
           class: "float-window__content",
           style: z({ height: r.value + "px" })
         }, [
-          J(h.$slots, "default", {}, void 0, !0)
+          F(h.$slots, "default", {}, void 0, !0)
         ], 4)
       ])
     ], 4));
   }
-}, dl = /* @__PURE__ */ j(T1, [["__scopeId", "data-v-9a949e0f"]]), x1 = {}, S1 = { class: "base-layout__container" }, z1 = { class: "base-layout__first-col" }, O1 = { class: "base-layout__second-col" };
-function C1(e, f) {
-  return l(), c("div", S1, [
-    o("div", z1, [
-      J(e.$slots, "first-col", {}, void 0, !0)
+}, Ml = /* @__PURE__ */ D(z1, [["__scopeId", "data-v-9a949e0f"]]), O1 = {}, C1 = { class: "base-layout__container" }, U1 = { class: "base-layout__first-col" }, L1 = { class: "base-layout__second-col" };
+function Q1(e, f) {
+  return l(), c("div", C1, [
+    i("div", U1, [
+      F(e.$slots, "first-col", {}, void 0, !0)
     ]),
-    o("div", O1, [
-      J(e.$slots, "second-col", {}, void 0, !0)
+    i("div", L1, [
+      F(e.$slots, "second-col", {}, void 0, !0)
     ])
   ]);
 }
-const gl = /* @__PURE__ */ j(x1, [["render", C1], ["__scopeId", "data-v-93dc265d"]]), U1 = { class: "extend-layout__container" }, L1 = { class: "extend-layout__first-col" }, Q1 = { class: "extend-layout__third-col" }, B1 = {
+const hl = /* @__PURE__ */ D(O1, [["render", Q1], ["__scopeId", "data-v-93dc265d"]]), B1 = { class: "extend-layout__container" }, Y1 = { class: "extend-layout__first-col" }, R1 = { class: "extend-layout__third-col" }, q1 = {
   __name: "ExtendedLayout",
   setup(e) {
-    const f = b(null);
-    let n = b(!1), a = b(0), t = b(0), s = b(0);
+    const f = v(null);
+    let n = v(!1), a = v(0), t = v(0), s = v(0);
     const A = (r) => {
-      r.offsetX >= f.value.offsetWidth - 10 && (n.value = !0, a.value = f.value.offsetWidth, t.value = r.clientX, s.value = r.clientX, document.addEventListener("mousemove", i));
-    }, i = (r) => {
+      r.offsetX >= f.value.offsetWidth - 10 && (n.value = !0, a.value = f.value.offsetWidth, t.value = r.clientX, s.value = r.clientX, document.addEventListener("mousemove", o));
+    }, o = (r) => {
       if (n.value) {
         const g = a.value + (r.clientX - s.value);
         f.value.style.width = `${Math.max(270, g)}px`;
       }
     }, u = () => {
-      n.value = !1, document.removeEventListener("mousemove", i);
+      n.value = !1, document.removeEventListener("mousemove", o);
     };
-    return (r, g) => (l(), c("div", U1, [
-      o("div", L1, [
-        J(r.$slots, "first-col", {}, void 0, !0)
+    return (r, g) => (l(), c("div", B1, [
+      i("div", Y1, [
+        F(r.$slots, "first-col", {}, void 0, !0)
       ]),
-      o("div", {
+      i("div", {
         ref_key: "resizableDiv",
         ref: f,
         class: "extend-layout__second-col resizable-div",
-        style: z({ userSelect: q(n) ? "none" : "auto" }),
+        style: z({ userSelect: Y(n) ? "none" : "auto" }),
         onMousedown: A,
         onMouseup: u
       }, [
-        J(r.$slots, "second-col", {}, void 0, !0)
+        F(r.$slots, "second-col", {}, void 0, !0)
       ], 36),
-      o("div", Q1, [
-        J(r.$slots, "third-col", {}, void 0, !0)
+      i("div", R1, [
+        F(r.$slots, "third-col", {}, void 0, !0)
       ])
     ]));
   }
-}, ml = /* @__PURE__ */ j(B1, [["__scopeId", "data-v-cacc56ec"]]), Y1 = {}, R1 = { class: "base-layout__container" }, q1 = { class: "base-layout__first-col" };
-function F1(e, f) {
-  return l(), c("div", R1, [
-    o("div", q1, [
-      J(e.$slots, "default", {}, void 0, !0)
+}, yl = /* @__PURE__ */ D(q1, [["__scopeId", "data-v-cacc56ec"]]), F1 = {}, $1 = { class: "base-layout__container" }, W1 = { class: "base-layout__first-col" };
+function J1(e, f) {
+  return l(), c("div", $1, [
+    i("div", W1, [
+      F(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const pl = /* @__PURE__ */ j(Y1, [["render", F1], ["__scopeId", "data-v-e71ea0ed"]]), $1 = { class: "chat-wrapper" }, W1 = {
+const bl = /* @__PURE__ */ D(F1, [["render", J1], ["__scopeId", "data-v-e71ea0ed"]]), H1 = { class: "chat-wrapper" }, K1 = {
   key: 0,
   class: "chat-wrapper__selected-chat"
-}, J1 = {
+}, P1 = {
   key: 1,
   style: { width: "100%" }
-}, H1 = /* @__PURE__ */ de({
+}, Z1 = /* @__PURE__ */ de({
   __name: "ChatWrapper",
   props: {
     isOpenChatPanel: {
@@ -15891,58 +15889,59 @@ const pl = /* @__PURE__ */ j(Y1, [["render", F1], ["__scopeId", "data-v-e71ea0ed
     }
   },
   setup(e) {
-    return (f, n) => (l(), c("div", $1, [
-      e.isSelectedChat ? (l(), c("div", W1, [
-        J(f.$slots, "default", {}, void 0, !0)
-      ])) : (l(), c("div", J1, n[0] || (n[0] = [
-        o("p", null, " Выберите контакт для начала общения ", -1)
+    return (f, n) => (l(), c("div", H1, [
+      e.isSelectedChat ? (l(), c("div", K1, [
+        F(f.$slots, "default", {}, void 0, !0)
+      ])) : (l(), c("div", P1, n[0] || (n[0] = [
+        i("p", null, " Выберите контакт для начала общения ", -1)
       ]))),
       e.isOpenChatPanel ? (l(), c("div", {
         key: 2,
         class: "chat-wrapper__chat-panel",
         style: z({ "flex-basis": e.isOpenChatPanel ? "40%" : "0%" })
       }, [
-        J(f.$slots, "chatpanel", {}, void 0, !0)
+        F(f.$slots, "chatpanel", {}, void 0, !0)
       ], 4)) : y("", !0)
     ]));
   }
-}), Ml = /* @__PURE__ */ j(H1, [["__scopeId", "data-v-885e7d38"]]);
+}), vl = /* @__PURE__ */ D(Z1, [["__scopeId", "data-v-885e7d38"]]);
 export {
   Ua as A,
-  Mn as B,
-  el as C,
+  pn as B,
+  al as C,
   Ra as D,
-  ml as E,
+  yl as E,
   fa as F,
+  Ne as G,
   ma as I,
-  sl as S,
+  ll as S,
   ka as T,
-  tl as U,
-  j as _,
-  fl as a,
-  nl as b,
-  al as c,
-  Po as d,
-  Al as e,
-  il as f,
+  il as U,
+  D as _,
+  tl as a,
+  Al as b,
+  sl as c,
+  Go as d,
+  ol as e,
+  ul as f,
   si as g,
   lf as h,
-  $i as i,
-  _i as j,
-  ol as k,
-  ul as l,
-  rl as m,
-  cl as n,
-  dl as o,
-  gl as p,
-  pl as q,
-  Ml as r,
-  P1 as s,
-  Z1 as t,
-  ll as u,
-  G1 as v,
-  X1 as w,
-  Cf as x,
-  ke as y,
-  Ne as z
+  Wi as i,
+  Ii as j,
+  rl as k,
+  cl as l,
+  gl as m,
+  ml as n,
+  pl as o,
+  Ml as p,
+  hl as q,
+  bl as r,
+  vl as s,
+  X1 as t,
+  dl as u,
+  el as v,
+  fl as w,
+  nl as x,
+  Of as y,
+  ke as z
 };