@mobilon-dev/chotto 0.0.30 → 0.0.31

package/dist/{index-Cw1wzfkG.js → index-djMh3aE2.js}

@@ -1,4 +1,4 @@
-import { openBlock as r, createElementBlock as d, createElementVNode as o, Fragment as B, renderList as R, createCommentVNode as y, toDisplayString as _, ref as v, computed as x, normalizeClass as E, normalizeStyle as Q, createTextVNode as bn, createVNode as S, Transition as H, withCtx as K, createBlock as L, Teleport as yn, onMounted as _e, withDirectives as ae, vShow as pe, renderSlot as W, defineComponent as ce, inject as Pe, getCurrentInstance as vn, toRaw as Jf, watch as Ze, onBeforeUnmount as In, provide as _n, reactive as wn, readonly as Dn, vModelText as Wf, resolveComponent as Fe, onUnmounted as Nn, withModifiers as kn, mergeModels as Ef, useModel as jn, unref as me, withKeys as Vn, onUpdated as En, resolveDynamicComponent as Tn, nextTick as Hf, toRef as xn, vModelCheckbox as Sn, h as Tf, defineAsyncComponent as zn, createApp as On } from "vue";
+import { openBlock as r, createElementBlock as d, createElementVNode as o, Fragment as B, renderList as R, createCommentVNode as y, toDisplayString as _, ref as v, computed as x, normalizeClass as E, normalizeStyle as U, createTextVNode as bn, createVNode as S, Transition as H, withCtx as K, createBlock as Q, Teleport as yn, onMounted as _e, withDirectives as ae, vShow as pe, renderSlot as W, defineComponent as ce, inject as Pe, getCurrentInstance as vn, toRaw as Jf, watch as Ze, onBeforeUnmount as In, provide as _n, reactive as wn, readonly as Dn, vModelText as Wf, resolveComponent as Fe, onUnmounted as Nn, withModifiers as kn, mergeModels as Ef, useModel as jn, unref as me, withKeys as Vn, onUpdated as En, resolveDynamicComponent as Tn, nextTick as Hf, toRef as xn, vModelCheckbox as Sn, h as Tf, defineAsyncComponent as zn, createApp as On } from "vue";
 const N = (e, f) => {
   const n = e.__vccOpts || e;
   for (const [a, A] of f)
@@ -82,7 +82,7 @@ const N = (e, f) => {
         src: e.message.avatar,
         height: "32",
         width: "32",
-        style: Q({ gridRow: e.message.subText ? "2" : "1" })
+        style: U({ gridRow: e.message.subText ? "2" : "1" })
       }, null, 12, qn)) : y("", !0),
       e.message.subText ? (r(), d("p", Fn, _(e.message.subText), 1)) : y("", !0),
       o("div", {
@@ -117,7 +117,7 @@ const N = (e, f) => {
         ]))) : y("", !0),
         S(H, null, {
           default: K(() => [
-            n.value && e.message.actions ? (r(), L(de, {
+            n.value && e.message.actions ? (r(), Q(de, {
               key: 0,
               class: "file-message__context-menu",
               actions: e.message.actions,
@@ -176,7 +176,7 @@ const N = (e, f) => {
         src: e.message.avatar,
         height: "32",
         width: "32",
-        style: Q({ gridRow: e.message.subText ? "2" : "1" })
+        style: U({ gridRow: e.message.subText ? "2" : "1" })
       }, null, 12, Gn)) : y("", !0),
       e.message.subText ? (r(), d("p", Xn, _(e.message.subText), 1)) : y("", !0),
       o("div", {
@@ -203,7 +203,7 @@ const N = (e, f) => {
             ], 2)) : y("", !0)
           ])
         ]),
-        (r(), L(yn, { to: "body" }, [
+        (r(), Q(yn, { to: "body" }, [
           S(H, { name: "modal-fade" }, {
             default: K(() => [
               n.value ? (r(), d("div", Aa, [
@@ -236,7 +236,7 @@ const N = (e, f) => {
         ]))) : y("", !0),
         S(H, { name: "context-menu" }, {
           default: K(() => [
-            a.value && e.message.actions ? (r(), L(de, {
+            a.value && e.message.actions ? (r(), Q(de, {
               key: 0,
               class: "image-message__context-menu",
               actions: e.message.actions,
@@ -248,7 +248,7 @@ const N = (e, f) => {
       ], 32)
     ], 42, $n));
   }
-}, oa = /* @__PURE__ */ N(ia, [["__scopeId", "data-v-e0bd5efe"]]), ua = { class: "text-message" }, ra = ["messageId"], la = ["src"], ca = {
+}, oa = /* @__PURE__ */ N(ia, [["__scopeId", "data-v-fc3ad917"]]), ua = { class: "text-message" }, ra = ["messageId"], la = ["src"], ca = {
   key: 1,
   class: "text-message__subtext"
 }, da = { class: "text-message__text" }, ga = { class: "text-message__info-container" }, ma = {
@@ -299,7 +299,7 @@ const N = (e, f) => {
           src: e.message.avatar,
           height: "32",
           width: "32",
-          style: Q({ gridRow: e.message.subText ? "2" : "1" })
+          style: U({ gridRow: e.message.subText ? "2" : "1" })
         }, null, 12, la)) : y("", !0),
         e.message.subText ? (r(), d("p", ca, _(e.message.subText), 1)) : y("", !0),
         o("div", {
@@ -326,7 +326,7 @@ const N = (e, f) => {
           ]))) : y("", !0),
           S(H, null, {
             default: K(() => [
-              A.value && e.message.actions ? (r(), L(de, {
+              A.value && e.message.actions ? (r(), Q(de, {
                 key: 0,
                 class: "text-message__context-menu",
                 actions: e.message.actions,
@@ -339,7 +339,7 @@ const N = (e, f) => {
       ], 42, ra)
     ]));
   }
-}, ha = /* @__PURE__ */ N(Ma, [["__scopeId", "data-v-a5a4367e"]]), ba = ["messageId"], ya = ["src"], va = {
+}, ha = /* @__PURE__ */ N(Ma, [["__scopeId", "data-v-2c4395f4"]]), ba = ["messageId"], ya = ["src"], va = {
   key: 1,
   class: "audio-message__subtext"
 }, Ia = ["src"], _a = { class: "audio-message__progress-bar-container" }, wa = { class: "audio-message__remaining-time" }, Da = { class: "audio-message__info-container" }, Na = { class: "audio-message__time" }, ka = {
@@ -395,7 +395,7 @@ const N = (e, f) => {
         src: e.message.avatar,
         height: "32",
         width: "32",
-        style: Q({ gridRow: e.message.subText ? "2" : "1" })
+        style: U({ gridRow: e.message.subText ? "2" : "1" })
       }, null, 12, ya)) : y("", !0),
       e.message.subText ? (r(), d("p", va, _(e.message.subText), 1)) : y("", !0),
       o("div", {
@@ -426,7 +426,7 @@ const N = (e, f) => {
         o("div", _a, [
           o("div", {
             class: "audio-message__progress-bar",
-            style: Q({ width: p.value + "%" })
+            style: U({ width: p.value + "%" })
           }, null, 4)
         ]),
         o("p", wa, _(`${m.value} / ${h.value}`), 1),
@@ -449,7 +449,7 @@ const N = (e, f) => {
         ]))) : y("", !0),
         S(H, null, {
           default: K(() => [
-            t.value && e.message.actions ? (r(), L(de, {
+            t.value && e.message.actions ? (r(), Q(de, {
               key: 0,
               class: "audio-message__context-menu",
               actions: e.message.actions,
@@ -516,7 +516,7 @@ const N = (e, f) => {
       ])
     ])) : y("", !0);
   }
-}, fo = /* @__PURE__ */ N(qa, [["__scopeId", "data-v-d3892a42"]]), Kf = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", Pf = {
+}, eo = /* @__PURE__ */ N(qa, [["__scopeId", "data-v-d3892a42"]]), Kf = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", Pf = {
   recent: "Recently used",
   smileys_people: "Smiles & People",
   animals_nature: "Animals & Nature",
@@ -12989,8 +12989,8 @@ function Lf(e) {
     var j = Oe(n), V = "clientHeight", z = "clientWidth";
     if (j === X(n) && (j = se(n), ne(j).position !== "static" && i === "absolute" && (V = "scrollHeight", z = "scrollWidth")), j = j, A === q || (A === F || A === $) && s === xe) {
       D = Z;
-      var U = g && T.visualViewport ? T.visualViewport.height : j[V];
-      M -= U - a.height, M *= u ? 1 : -1;
+      var L = g && T.visualViewport ? T.visualViewport.height : j[V];
+      M -= L - a.height, M *= u ? 1 : -1;
     }
     if (A === F || (A === q || A === Z) && s === xe) {
       k = $;
@@ -13205,9 +13205,9 @@ function Se(e, f) {
     bottom: V.bottom - k.bottom + b.bottom,
     left: k.left - V.left + b.left,
     right: V.right - k.right + b.right
-  }, U = e.modifiersData.offset;
-  if (c === je && U) {
-    var O = U[A];
+  }, L = e.modifiersData.offset;
+  if (c === je && L) {
+    var O = L[A];
     Object.keys(z).forEach(function(C) {
       var Y = [$, Z].indexOf(C) >= 0 ? 1 : -1, ie = [q, Z].indexOf(C) >= 0 ? "y" : "x";
       z[C] += O[ie] * Y;
@@ -13253,7 +13253,7 @@ function tt(e) {
         flipVariations: p,
         allowedAutoPlacements: b
       }) : Ae);
-    }, []), T = f.rects.reference, j = f.rects.popper, V = /* @__PURE__ */ new Map(), z = !0, U = D[0], O = 0; O < D.length; O++) {
+    }, []), T = f.rects.reference, j = f.rects.popper, V = /* @__PURE__ */ new Map(), z = !0, L = D[0], O = 0; O < D.length; O++) {
       var C = D[O], Y = ee(C), ie = Ie(C) === he, we = [q, Z].indexOf(Y) >= 0, De = we ? "width" : "height", J = Se(f, {
         placement: C,
         boundary: c,
@@ -13266,7 +13266,7 @@ function tt(e) {
       if (s && oe.push(J[Y] <= 0), i && oe.push(J[G] <= 0, J[Ue] <= 0), oe.every(function(ge) {
         return ge;
       })) {
-        U = C, z = !1;
+        L = C, z = !1;
         break;
       }
       V.set(C, oe);
@@ -13281,13 +13281,13 @@ function tt(e) {
             });
         });
         if (ke)
-          return U = ke, "break";
+          return L = ke, "break";
       }, Ne = Le; Ne > 0; Ne--) {
         var Qe = Xe(Ne);
         if (Qe === "break")
           break;
       }
-    f.placement !== U && (f.modifiersData[a]._skip = !0, f.placement = U, f.reset = !0);
+    f.placement !== L && (f.modifiersData[a]._skip = !0, f.placement = L, f.reset = !0);
   }
 }
 var st = {
@@ -13389,15 +13389,15 @@ function mt(e) {
     rootBoundary: l,
     padding: g,
     altBoundary: c
-  }), I = ee(f.placement), w = Ie(f.placement), k = !w, D = Mf(I), T = gt(D), j = f.modifiersData.popperOffsets, V = f.rects.reference, z = f.rects.popper, U = typeof b == "function" ? b(Object.assign({}, f.rects, {
+  }), I = ee(f.placement), w = Ie(f.placement), k = !w, D = Mf(I), T = gt(D), j = f.modifiersData.popperOffsets, V = f.rects.reference, z = f.rects.popper, L = typeof b == "function" ? b(Object.assign({}, f.rects, {
     placement: f.placement
-  })) : b, O = typeof U == "number" ? {
-    mainAxis: U,
-    altAxis: U
+  })) : b, O = typeof L == "number" ? {
+    mainAxis: L,
+    altAxis: L
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, U), C = f.modifiersData.offset ? f.modifiersData.offset[f.placement] : null, Y = {
+  }, L), C = f.modifiersData.offset ? f.modifiersData.offset[f.placement] : null, Y = {
     x: 0,
     y: 0
   };
@@ -13557,11 +13557,11 @@ function Dt(e) {
                 c.reset = !1, D = -1;
                 continue;
               }
-              var T = c.orderedModifiers[D], j = T.fn, V = T.options, z = V === void 0 ? {} : V, U = T.name;
+              var T = c.orderedModifiers[D], j = T.fn, V = T.options, z = V === void 0 ? {} : V, L = T.name;
               typeof j == "function" && (c = j({
                 state: c,
                 options: z,
-                name: U,
+                name: L,
                 instance: h
               }) || c);
             }
@@ -14192,7 +14192,7 @@ const v1 = ce({
 });
 function I1(e, f, n, a, A, s) {
   const t = Fe("picker-root");
-  return r(), L(t, {
+  return r(), Q(t, {
     type: e.type,
     text: e.input,
     onSelect: f[0] || (f[0] = (i) => e.$emit("select", i)),
@@ -14323,7 +14323,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
       o("div", U1, [
         S(H, null, {
           default: K(() => [
-            i.value ? (r(), L(me(_1), {
+            i.value ? (r(), Q(me(_1), {
               key: 0,
               class: "chat-input__emoji",
               native: !0,
@@ -14365,7 +14365,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
       ])
     ]));
   }
-}, no = /* @__PURE__ */ N(L1, [["__scopeId", "data-v-91dd8fda"]]), Q1 = { class: "chat-item__avatar-container" }, B1 = ["src"], Y1 = {
+}, fo = /* @__PURE__ */ N(L1, [["__scopeId", "data-v-91dd8fda"]]), Q1 = { class: "chat-item__avatar-container" }, B1 = ["src"], Y1 = {
   key: 1,
   class: "pi pi-user"
 }, R1 = { class: "chat-item__info-container" }, q1 = { class: "chat-item__name" }, F1 = {
@@ -14411,7 +14411,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
         o("div", Q1, [
           o("span", {
             class: "chat-item__status",
-            style: Q({ backgroundColor: n.chat.status })
+            style: U({ backgroundColor: n.chat.status })
           }, null, 4),
           n.chat.avatar ? (r(), d("img", {
             key: 0,
@@ -14438,7 +14438,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
         ]),
         S(H, null, {
           default: K(() => [
-            i.value && e.chat.actions ? (r(), L(de, {
+            i.value && e.chat.actions ? (r(), Q(de, {
               key: 0,
               class: "chat-item__context-menu",
               actions: e.chat.actions,
@@ -14531,7 +14531,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
         ])) : y("", !0),
         S(H, null, {
           default: K(() => [
-            a.value && e.actions ? (r(), L(de, {
+            a.value && e.actions ? (r(), Q(de, {
               key: 0,
               actions: e.actions,
               class: "chat-list__context-menu",
@@ -14541,14 +14541,14 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
           _: 1
         })
       ], 32),
-      e.filterEnabled ? (r(), L(X1, {
+      e.filterEnabled ? (r(), Q(X1, {
         key: 0,
         class: "chat-list__filter",
         onUpdate: l
       })) : y("", !0),
       o("div", As, [
         o("div", ts, [
-          (r(!0), d(B, null, R(u().filter((h) => h.isFixedTop), (h) => (r(), L(sf, {
+          (r(!0), d(B, null, R(u().filter((h) => h.isFixedTop), (h) => (r(), Q(sf, {
             key: h.chatId,
             class: "chat-list__item",
             chat: h,
@@ -14557,7 +14557,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
           }, null, 8, ["chat"]))), 128))
         ]),
         o("div", ss, [
-          (r(!0), d(B, null, R(u().filter((h) => !h.isFixedBottom && !h.isFixedTop), (h) => (r(), L(sf, {
+          (r(!0), d(B, null, R(u().filter((h) => !h.isFixedBottom && !h.isFixedTop), (h) => (r(), Q(sf, {
             key: h.chatId,
             class: "chat-list__item",
             chat: h,
@@ -14566,7 +14566,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
           }, null, 8, ["chat"]))), 128))
         ]),
         o("div", is, [
-          (r(!0), d(B, null, R(u().filter((h) => h.isFixedBottom), (h) => (r(), L(sf, {
+          (r(!0), d(B, null, R(u().filter((h) => h.isFixedBottom), (h) => (r(), Q(sf, {
             key: h.chatId,
             class: "chat-list__item",
             chat: h,
@@ -14577,7 +14577,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
       ])
     ]));
   }
-}, ao = /* @__PURE__ */ N(os, [["__scopeId", "data-v-d1933558"]]), us = ["messageId"], rs = ["src"], ls = ["src"], cs = { class: "video-message__controls" }, ds = { class: "video-message__remaining-time" }, gs = { class: "video-message__info-container" }, ms = { class: "video-message__time" }, ps = {
+}, no = /* @__PURE__ */ N(os, [["__scopeId", "data-v-d1933558"]]), us = ["messageId"], rs = ["src"], ls = ["src"], cs = { class: "video-message__controls" }, ds = { class: "video-message__remaining-time" }, gs = { class: "video-message__info-container" }, ms = { class: "video-message__time" }, ps = {
   key: 0,
   class: "pi pi-check"
 }, Ms = {
@@ -14640,7 +14640,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
         src: e.message.avatar,
         height: "32",
         width: "32",
-        style: Q({ gridRow: e.message.subText ? "2" : "1" })
+        style: U({ gridRow: e.message.subText ? "2" : "1" })
       }, null, 12, rs)) : y("", !0),
       o("div", {
         class: "video-message__content",
@@ -14682,7 +14682,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
         ]))) : y("", !0),
         S(H, null, {
           default: K(() => [
-            i.value && e.message.actions ? (r(), L(de, {
+            i.value && e.message.actions ? (r(), Q(de, {
               key: 0,
               class: "video-message__context-menu",
               actions: e.message.actions,
@@ -14705,7 +14705,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
       ], 32)
     ], 42, us));
   }
-}, hs = /* @__PURE__ */ N(Ms, [["__scopeId", "data-v-a83d34a0"]]), bs = { class: "call-message" }, ys = ["messageId"], vs = ["src"], Is = {
+}, hs = /* @__PURE__ */ N(Ms, [["__scopeId", "data-v-0677bf37"]]), bs = { class: "call-message" }, ys = ["messageId"], vs = ["src"], Is = {
   key: 1,
   class: "call-message__subtext"
 }, _s = { class: "call-message__content" }, ws = {
@@ -14746,13 +14746,13 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
           src: e.message.avatar,
           height: "32",
           width: "32",
-          style: Q({ gridRow: e.message.subText ? "2" : "1" })
+          style: U({ gridRow: e.message.subText ? "2" : "1" })
         }, null, 12, vs)) : y("", !0),
         e.message.subText ? (r(), d("p", Is, _(e.message.subText), 1)) : y("", !0),
         o("div", _s, [
           o("span", {
             class: "call-message__icon pi pi-phone",
-            style: Q({ color: e.message.isMissedCall ? "var(--call-message-color-icon-error)" : "var(--neutral-100)" })
+            style: U({ color: e.message.isMissedCall ? "var(--call-message-color-icon-error)" : "var(--neutral-100)" })
           }, null, 4),
           e.message.isMissedCall ? (r(), d("span", Ds, "Пропущенный аудиозвонок")) : (r(), d("span", ws, "Аудиозвонок")),
           e.message.callDuration ? (r(), d("span", Ns, _(e.message.callDuration), 1)) : !e.message.callDuration && e.message.isMissedCall ? (r(), d("span", ks, "Нажмите, чтобы перезвонить")) : (r(), d("span", js, "Нет ответа")),
@@ -14820,7 +14820,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
       onScroll: t
     }, [
       o("div", Ls, [
-        (r(!0), d(B, null, R(e.objects, (m) => (r(), L(Tn(i(m.type)), {
+        (r(!0), d(B, null, R(e.objects, (m) => (r(), Q(Tn(i(m.type)), {
           key: m.messageId,
           class: "message-feed__message",
           message: m,
@@ -14841,7 +14841,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
       })
     ], 544));
   }
-}, Ao = /* @__PURE__ */ N(Qs, [["__scopeId", "data-v-6ca6c792"]]), Bs = { class: "profile" }, Ys = {
+}, ao = /* @__PURE__ */ N(Qs, [["__scopeId", "data-v-e822ec1a"]]), Bs = { class: "profile" }, Ys = {
   key: 0,
   class: "profile__container"
 }, Rs = {
@@ -14861,7 +14861,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
         e.user.avatar ? (r(), d("div", Rs, [
           o("span", {
             class: "profile__status",
-            style: Q({ backgroundColor: e.user.status })
+            style: U({ backgroundColor: e.user.status })
           }, null, 4),
           o("img", {
             src: e.user.avatar,
@@ -14875,7 +14875,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
       ])) : y("", !0)
     ]));
   }
-}, to = /* @__PURE__ */ N(Hs, [["__scopeId", "data-v-7ee94d00"]]), Ks = {
+}, Ao = /* @__PURE__ */ N(Hs, [["__scopeId", "data-v-7ee94d00"]]), Ks = {
   key: 0,
   class: "chat-input__button-file"
 }, Ps = { key: 1 }, Zs = { key: 2 }, $s = { key: 3 }, Gs = {
@@ -14965,7 +14965,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
       ], 32)
     ]));
   }
-}, so = /* @__PURE__ */ N(fi, [["__scopeId", "data-v-31f5b643"]]), ni = { class: "sidebar" }, ai = { class: "sidebar__container" }, Ai = { class: "sidebar__list" }, ti = ["onClick"], si = ["src", "alt"], ii = { key: 1 }, oi = { class: "sidebar__list-fixed" }, ui = ["onClick"], ri = ["src", "alt"], li = { key: 1 }, ci = {
+}, to = /* @__PURE__ */ N(fi, [["__scopeId", "data-v-31f5b643"]]), ni = { class: "sidebar" }, ai = { class: "sidebar__container" }, Ai = { class: "sidebar__list" }, ti = ["onClick"], si = ["src", "alt"], ii = { key: 1 }, oi = { class: "sidebar__list-fixed" }, ui = ["onClick"], ri = ["src", "alt"], li = { key: 1 }, ci = {
   __name: "SideBar",
   props: {
     sidebarItems: {
@@ -14998,7 +14998,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
             }, null, 10, si),
             l.notificationCount ? (r(), d("span", {
               key: 0,
-              style: Q({ backgroundColor: l.notificationColor ? l.notificationColor : "red" })
+              style: U({ backgroundColor: l.notificationColor ? l.notificationColor : "red" })
             }, _(l.notificationCount > 99 ? "99+" : l.notificationCount), 5)) : y("", !0),
             l.name ? (r(), d("p", ii, _(t(l.name)), 1)) : y("", !0)
           ], 8, ti))), 128))
@@ -15016,7 +15016,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
             }, null, 10, ri),
             l.notificationCount ? (r(), d("span", {
               key: 0,
-              style: Q({ backgroundColor: l.notificationColor ? l.notificationColor : "red" })
+              style: U({ backgroundColor: l.notificationColor ? l.notificationColor : "red" })
             }, _(l.notificationCount > 99 ? "99+" : l.notificationCount), 5)) : y("", !0),
             l.name ? (r(), d("p", li, _(t(l.name)), 1)) : y("", !0)
           ], 8, ui))), 128))
@@ -15024,7 +15024,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
       ])
     ]));
   }
-}, io = /* @__PURE__ */ N(ci, [["__scopeId", "data-v-62babd62"]]), di = { class: "chat-panel" }, gi = { class: "chat-panel__title-container" }, mi = {
+}, so = /* @__PURE__ */ N(ci, [["__scopeId", "data-v-62babd62"]]), di = { class: "chat-panel" }, gi = { class: "chat-panel__title-container" }, mi = {
   key: 0,
   class: "chat-panel__title"
 }, pi = {
@@ -15053,7 +15053,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
       ])
     ]));
   }
-}, oo = /* @__PURE__ */ N(pi, [["__scopeId", "data-v-9de7ea0a"]]), Mi = {
+}, io = /* @__PURE__ */ N(pi, [["__scopeId", "data-v-9de7ea0a"]]), Mi = {
   key: 0,
   class: "new-chat-modal"
 }, hi = { class: "modal-content" }, bi = { class: "participant-list" }, yi = ["id", "value"], vi = ["for"], Ii = {
@@ -15109,7 +15109,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
       ])) : y("", !0)
     ]));
   }
-}, uo = /* @__PURE__ */ N(Ii, [["__scopeId", "data-v-828088fc"]]), _i = { class: "modal-backdrop" }, wi = {
+}, oo = /* @__PURE__ */ N(Ii, [["__scopeId", "data-v-828088fc"]]), _i = { class: "modal-backdrop" }, wi = {
   class: "modal",
   role: "dialog",
   "aria-labelledby": "modalTitle",
@@ -15124,7 +15124,7 @@ const w1 = { class: "channels__container" }, D1 = { class: "channels__title-cont
     const n = f, a = (s) => {
       n("submit", s);
     }, A = v(null);
-    return (s, t) => (r(), L(H, { name: "modal-fade" }, {
+    return (s, t) => (r(), Q(H, { name: "modal-fade" }, {
       default: K(() => [
         o("div", _i, [
           o("div", wi, [
@@ -15186,17 +15186,17 @@ function cn({ component: e, attrs: f }) {
     l.mount(a);
   });
 }
-const ro = async (e, f) => {
+const uo = async (e, f) => {
   const n = await cn({
     //в component должен быть встроен emit change(key: value)
-    component: import("./SelectUser2--XWnEiMk.js"),
+    component: import("./SelectUser2-KxonPEPA.js"),
     attrs: {
       title: e,
       users: f
     }
   });
   return console.log("data", n), n;
-}, lo = async (e) => {
+}, ro = async (e) => {
   const f = await cn({
     //в component должен быть встроен emit change(key: value)
     component: import("./CreateChat-fkFKBxtQ.js"),
@@ -15218,15 +15218,12 @@ const ro = async (e, f) => {
       f.theme && (document.documentElement.dataset.theme = f.theme);
     }), (n, a) => (r(), d("div", {
       class: "base__container",
-      style: Q({ height: e.height, width: e.width })
+      style: U({ height: e.height, width: e.width })
     }, [
       W(n.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}, co = /* @__PURE__ */ N(Vi, [["__scopeId", "data-v-3c8f7ff9"]]), Ei = { class: "float-window__container" }, Ti = ["src", "alt"], xi = { class: "float-window__title" }, Si = {
-  class: "float-window__content",
-  style: { height: "70%", width: "100%", display: "flex" }
-}, zi = {
+}, lo = /* @__PURE__ */ N(Vi, [["__scopeId", "data-v-3c8f7ff9"]]), Ei = { class: "float-window__container" }, Ti = ["src", "alt"], xi = { class: "float-window__title" }, Si = {
   __name: "FloatContainer",
   props: {
     title: {
@@ -15285,7 +15282,7 @@ const ro = async (e, f) => {
       ref_key: "element",
       ref: A,
       class: "float-window",
-      style: Q({
+      style: U({
         left: a.value.x + "px",
         top: a.value.y + "px",
         userSelect: t.value ? "none" : "auto"
@@ -15296,7 +15293,7 @@ const ro = async (e, f) => {
           ref_key: "container",
           ref: s,
           class: "float-window__controls",
-          style: Q({ backgroundColor: n.colorTitle ? n.colorTitle : "" }),
+          style: U({ backgroundColor: n.colorTitle ? n.colorTitle : "" }),
           onMousedown: g,
           onMouseup: m,
           onMouseleave: m
@@ -15315,52 +15312,55 @@ const ro = async (e, f) => {
             o("span", { class: "pi pi-times" }, null, -1)
           ]))
         ], 36),
-        o("div", Si, [
+        o("div", {
+          class: "float-window__content",
+          style: U({ height: l.value + "px" })
+        }, [
           W(p.$slots, "default", {}, void 0, !0)
-        ])
+        ], 4)
       ])
     ], 4));
   }
-}, go = /* @__PURE__ */ N(zi, [["__scopeId", "data-v-951702f6"]]), Oi = {}, Ci = { class: "base-layout__container" }, Ui = { class: "base-layout__first-col" }, Li = { class: "base-layout__second-col" };
-function Qi(e, f) {
-  return r(), d("div", Ci, [
-    o("div", Ui, [
+}, co = /* @__PURE__ */ N(Si, [["__scopeId", "data-v-c8191c68"]]), zi = {}, Oi = { class: "base-layout__container" }, Ci = { class: "base-layout__first-col" }, Ui = { class: "base-layout__second-col" };
+function Li(e, f) {
+  return r(), d("div", Oi, [
+    o("div", Ci, [
       W(e.$slots, "first-col", {}, void 0, !0)
     ]),
-    o("div", Li, [
+    o("div", Ui, [
       W(e.$slots, "second-col", {}, void 0, !0)
     ])
   ]);
 }
-const mo = /* @__PURE__ */ N(Oi, [["render", Qi], ["__scopeId", "data-v-fe2b8eac"]]), Bi = {}, Yi = { class: "extend-layout__container" }, Ri = { class: "extend-layout__first-col" }, qi = { class: "extend-layout__second-col" }, Fi = { class: "extend-layout__third-col" };
-function Ji(e, f) {
-  return r(), d("div", Yi, [
-    o("div", Ri, [
+const go = /* @__PURE__ */ N(zi, [["render", Li], ["__scopeId", "data-v-fe2b8eac"]]), Qi = {}, Bi = { class: "extend-layout__container" }, Yi = { class: "extend-layout__first-col" }, Ri = { class: "extend-layout__second-col" }, qi = { class: "extend-layout__third-col" };
+function Fi(e, f) {
+  return r(), d("div", Bi, [
+    o("div", Yi, [
       W(e.$slots, "first-col", {}, void 0, !0)
     ]),
-    o("div", qi, [
+    o("div", Ri, [
       W(e.$slots, "second-col", {}, void 0, !0)
     ]),
-    o("div", Fi, [
+    o("div", qi, [
       W(e.$slots, "third-col", {}, void 0, !0)
     ])
   ]);
 }
-const po = /* @__PURE__ */ N(Bi, [["render", Ji], ["__scopeId", "data-v-96841dcf"]]), Wi = {}, Hi = { class: "base-layout__container" }, Ki = { class: "base-layout__first-col" };
-function Pi(e, f) {
-  return r(), d("div", Hi, [
-    o("div", Ki, [
+const mo = /* @__PURE__ */ N(Qi, [["render", Fi], ["__scopeId", "data-v-96841dcf"]]), Ji = {}, Wi = { class: "base-layout__container" }, Hi = { class: "base-layout__first-col" };
+function Ki(e, f) {
+  return r(), d("div", Wi, [
+    o("div", Hi, [
       W(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Mo = /* @__PURE__ */ N(Wi, [["render", Pi], ["__scopeId", "data-v-e59dbf95"]]), Zi = { style: { display: "flex", height: "100%", width: "100%", "align-items": "stretch" } }, $i = {
+const po = /* @__PURE__ */ N(Ji, [["render", Ki], ["__scopeId", "data-v-e59dbf95"]]), Pi = { style: { display: "flex", height: "100%", width: "100%", "align-items": "stretch" } }, Zi = {
   key: 0,
   style: { height: "100%", width: "100%", display: "flex", "flex-direction": "column", "align-items": "stretch" }
-}, Gi = {
+}, $i = {
   key: 1,
   style: { width: "100%" }
-}, Xi = /* @__PURE__ */ ce({
+}, Gi = /* @__PURE__ */ ce({
   __name: "ChatWrapper",
   props: {
     isOpenChatPanel: {
@@ -15373,28 +15373,28 @@ const Mo = /* @__PURE__ */ N(Wi, [["render", Pi], ["__scopeId", "data-v-e59dbf95
     }
   },
   setup(e) {
-    return (f, n) => (r(), d("div", Zi, [
-      e.isSelectedChat ? (r(), d("div", $i, [
+    return (f, n) => (r(), d("div", Pi, [
+      e.isSelectedChat ? (r(), d("div", Zi, [
         W(f.$slots, "default", {}, void 0, !0)
-      ])) : (r(), d("div", Gi, n[0] || (n[0] = [
+      ])) : (r(), d("div", $i, n[0] || (n[0] = [
         o("p", null, " Выберите контакт для начала общения ", -1)
       ]))),
       e.isOpenChatPanel ? (r(), d("div", {
         key: 2,
-        style: Q({ "flex-basis": e.isOpenChatPanel ? "40%" : "0%" }),
+        style: U({ "flex-basis": e.isOpenChatPanel ? "40%" : "0%" }),
         class: "chatpanel"
       }, [
         W(f.$slots, "chatpanel", {}, void 0, !0)
       ], 4)) : y("", !0)
     ]));
   }
-}), ho = /* @__PURE__ */ N(Xi, [["__scopeId", "data-v-72786275"]]);
-function bo(e) {
+}), Mo = /* @__PURE__ */ N(Gi, [["__scopeId", "data-v-72786275"]]);
+function ho(e) {
   if (!e || e === "") return;
   const f = +new Date(Number(e) * 1e3), n = +/* @__PURE__ */ new Date(), a = Math.floor((n - f) / 1e3), A = Math.floor(a / 60), s = Math.floor(A / 60), t = Math.floor(s / 24);
   return t > 30 ? f.toLocaleString() : t > 0 ? `${t} ${t === 1 ? "день" : "дня"} назад` : s > 0 ? `${s} ${s === 1 ? "час" : "часа"} назад` : A > 0 ? `${A} ${A === 1 ? "минута" : "минуты"} назад` : a > 0 ? `${a} ${a === 1 ? "секунда" : "секунды"} назад` : "Только что";
 }
-const yo = (e) => {
+const bo = (e) => {
   const f = [];
   let n = null;
   for (let a = 0; a < e.length; a++) {
@@ -15408,7 +15408,7 @@ const yo = (e) => {
     }), n = s), f.push(A);
   }
   return f;
-}, vo = async () => {
+}, yo = async () => {
   try {
     if (await navigator.mediaDevices.getUserMedia({ audio: !0 })) {
       const f = new Audio();
@@ -15417,37 +15417,37 @@ const yo = (e) => {
   } catch {
     console.log("no audio permissions");
   }
-}, Io = (e) => e.sort((f, n) => Number(f.timestamp) < Number(n.timestamp) ? -1 : Number(f.timestamp) > Number(n.timestamp) ? 1 : 0);
+}, vo = (e) => e.sort((f, n) => Number(f.timestamp) < Number(n.timestamp) ? -1 : Number(f.timestamp) > Number(n.timestamp) ? 1 : 0);
 export {
   Va as A,
-  co as B,
-  fo as C,
+  lo as B,
+  eo as C,
   za as D,
-  po as E,
+  mo as E,
   Zn as F,
   oa as I,
-  io as S,
+  so as S,
   ha as T,
-  to as U,
+  Ao as U,
   N as _,
-  no as a,
-  ao as b,
-  Ao as c,
+  fo as a,
+  no as b,
+  ao as c,
   Xs as d,
-  so as e,
-  oo as f,
+  to as e,
+  io as f,
   O1 as g,
   sf as h,
   X1 as i,
-  uo as j,
-  lo as k,
-  go as l,
-  mo as m,
-  Mo as n,
-  ho as o,
-  bo as p,
-  yo as q,
-  vo as r,
-  Io as s,
-  ro as u
+  oo as j,
+  ro as k,
+  co as l,
+  go as m,
+  po as n,
+  Mo as o,
+  ho as p,
+  bo as q,
+  yo as r,
+  vo as s,
+  uo as u
 };