@mobilon-dev/chotto 0.0.61 → 0.0.62

package/dist/{index-vVBUsikk.js → index-BeqiaU7v.js}

@@ -753,7 +753,7 @@ const Q = (e, f) => {
       ])
     ])) : b("", !0);
   }
-}, nc = /* @__PURE__ */ Q(ss, [["__scopeId", "data-v-26bb16be"]]), _e = I([]), Mf = (e) => {
+}, tc = /* @__PURE__ */ Q(ss, [["__scopeId", "data-v-26bb16be"]]), _e = I([]), Mf = (e) => {
   const f = I(0);
   let t = _e.value.find(({ id: l }) => l == e);
   t != null ? f.value = _e.value.indexOf(t) : (_e.value.push({
@@ -896,7 +896,7 @@ const rs = { class: "chat-input" }, us = { class: "chat-input__container" }, cs
       ])
     ]));
   }
-}), ac = /* @__PURE__ */ Q(ps, [["__scopeId", "data-v-51a488f2"]]), hs = { class: "chat-list" }, ys = { class: "chat-list__title" }, Ms = {
+}), nc = /* @__PURE__ */ Q(ps, [["__scopeId", "data-v-51a488f2"]]), hs = { class: "chat-list" }, ys = { class: "chat-list__title" }, Ms = {
   key: 0,
   class: "pi pi-minus"
 }, vs = {
@@ -999,7 +999,7 @@ const rs = { class: "chat-input" }, us = { class: "chat-input__container" }, cs
       ])
     ]));
   }
-}, sc = /* @__PURE__ */ Q(ks, [["__scopeId", "data-v-ba9fb868"]]), Ns = ["id"], Ds = { class: "message-feed__container" }, js = {
+}, ac = /* @__PURE__ */ Q(ks, [["__scopeId", "data-v-ba9fb868"]]), Ns = ["id"], Ds = { class: "message-feed__container" }, js = {
   key: 0,
   class: "message-feed__unread-amount"
 }, Es = /* @__PURE__ */ Z({
@@ -1031,14 +1031,14 @@ const rs = { class: "chat-input" }, us = { class: "chat-input__container" }, cs
       const v = C(n);
       v.scrollHeight - v.scrollTop - v.clientHeight < 100 ? a.value = !1 : a.value = !0, v.scrollTop === 0 && y && i("loadMore");
     }, u = (y) => ({
-      "message.text": pr,
+      "message.text": mr,
       "message.image": Ar,
       "message.file": $1,
-      "message.audio": Sr,
-      "message.video": eu,
-      "message.call": pu,
-      "message.system": bu,
-      "system.date": Ur,
+      "message.audio": xr,
+      "message.video": Xr,
+      "message.call": mu,
+      "message.system": vu,
+      "system.date": Lr,
       "message.typing": Qn
     })[y];
     function g() {
@@ -1111,7 +1111,7 @@ const rs = { class: "chat-input" }, us = { class: "chat-input__container" }, cs
       })
     ], 40, Ns));
   }
-}), Ac = /* @__PURE__ */ Q(Es, [["__scopeId", "data-v-6729c8ab"]]), Ts = { class: "profile" }, Vs = {
+}), sc = /* @__PURE__ */ Q(Es, [["__scopeId", "data-v-6729c8ab"]]), Ts = { class: "profile" }, Vs = {
   key: 0,
   class: "profile__container"
 }, xs = {
@@ -1145,7 +1145,7 @@ const rs = { class: "chat-input" }, us = { class: "chat-input__container" }, cs
       ])) : b("", !0)
     ]));
   }
-}, ic = /* @__PURE__ */ Q(Ls, [["__scopeId", "data-v-04a5ab7d"]]), Us = ["id"], Bs = {
+}, Ac = /* @__PURE__ */ Q(Ls, [["__scopeId", "data-v-04a5ab7d"]]), Us = ["id"], Bs = {
   __name: "ButtonContextMenu",
   props: {
     actions: {
@@ -1245,12 +1245,12 @@ const rs = { class: "chat-input" }, us = { class: "chat-input__container" }, cs
     ], 8, Us));
   }
 }, fa = /* @__PURE__ */ Q(Bs, [["__scopeId", "data-v-a6a945c1"]]);
-function oc(e) {
+function ic(e) {
   if (!e || e === "") return;
   const f = +new Date(Number(e) * 1e3), t = +/* @__PURE__ */ new Date(), n = Math.floor((t - f) / 1e3), a = Math.floor(n / 60), s = Math.floor(a / 60), A = Math.floor(s / 24);
   return A > 30 ? new Date(f).toLocaleDateString("ru-RU") : A > 0 ? `${A} ${A === 1 ? "день" : "дня"} назад` : s > 0 ? `${s} ${s === 1 ? "час" : "часа"} назад` : a > 0 ? `${a} ${a === 1 ? "минута" : "минуты"} назад` : n > 0 ? `${n} ${n === 1 ? "секунда" : "секунды"} назад` : "Только что";
 }
-const lc = (e) => {
+const oc = (e) => {
   const f = [];
   let t = null;
   for (let n = 0; n < e.length; n++) {
@@ -1264,7 +1264,7 @@ const lc = (e) => {
     }), t = s), f.push(a);
   }
   return f;
-}, rc = async () => {
+}, lc = async () => {
   try {
     if (await navigator.mediaDevices.getUserMedia({ audio: !0 })) {
       const f = new Audio();
@@ -1273,7 +1273,7 @@ const lc = (e) => {
   } catch {
     console.log("no audio permissions");
   }
-}, uc = (e) => e.sort((f, t) => Number(f.timestamp) < Number(t.timestamp) ? -1 : Number(f.timestamp) > Number(t.timestamp) ? 1 : 0), Nn = (e) => {
+}, rc = (e) => e.sort((f, t) => Number(f.timestamp) < Number(t.timestamp) ? -1 : Number(f.timestamp) > Number(t.timestamp) ? 1 : 0), Nn = (e) => {
   let f = "file";
   return e.startsWith("image/") ? f = "image" : e.startsWith("video/") ? f = "video" : e.startsWith("audio/") && (f = "audio"), f;
 }, Ke = ["read", "received", "sent"], Je = (e) => {
@@ -1476,7 +1476,7 @@ const lc = (e) => {
       ], 8, ["to"])) : b("", !0)
     ], 64));
   }
-}, cc = /* @__PURE__ */ Q(nA, [["__scopeId", "data-v-1cdabe09"]]), aA = { key: 0 }, sA = ["value", "selected"], AA = {
+}, uc = /* @__PURE__ */ Q(nA, [["__scopeId", "data-v-1cdabe09"]]), aA = { key: 0 }, sA = ["value", "selected"], AA = {
   __name: "ThemeMode",
   props: {
     themes: {
@@ -1510,7 +1510,7 @@ const lc = (e) => {
       ], 32)
     ])) : b("", !0);
   }
-}, dc = /* @__PURE__ */ Q(AA, [["__scopeId", "data-v-a950b8eb"]]), iA = { class: "sidebar" }, oA = { class: "sidebar__container" }, lA = { class: "sidebar__list" }, rA = ["onClick"], uA = ["src", "alt"], cA = { key: 1 }, dA = { class: "sidebar__list-fixed" }, gA = ["onClick"], mA = ["src", "alt"], pA = { key: 1 }, hA = {
+}, cc = /* @__PURE__ */ Q(AA, [["__scopeId", "data-v-a950b8eb"]]), iA = { class: "sidebar" }, oA = { class: "sidebar__container" }, lA = { class: "sidebar__list" }, rA = ["onClick"], uA = ["src", "alt"], cA = { key: 1 }, dA = { class: "sidebar__list-fixed" }, gA = ["onClick"], mA = ["src", "alt"], pA = { key: 1 }, hA = {
   __name: "SideBar",
   props: {
     sidebarItems: {
@@ -1569,7 +1569,7 @@ const lc = (e) => {
       ])
     ]));
   }
-}, gc = /* @__PURE__ */ Q(hA, [["__scopeId", "data-v-5e22516c"]]), yA = { class: "chat-panel" }, MA = { class: "chat-panel__title-container" }, vA = {
+}, dc = /* @__PURE__ */ Q(hA, [["__scopeId", "data-v-5e22516c"]]), yA = { class: "chat-panel" }, MA = { class: "chat-panel__title-container" }, vA = {
   key: 0,
   class: "chat-panel__title"
 }, bA = {
@@ -1598,7 +1598,7 @@ const lc = (e) => {
       ])
     ]));
   }
-}, mc = /* @__PURE__ */ Q(bA, [["__scopeId", "data-v-1f6ac199"]]), _A = { class: "channels" }, IA = {
+}, gc = /* @__PURE__ */ Q(bA, [["__scopeId", "data-v-1f6ac199"]]), _A = { class: "channels" }, IA = {
   key: 0,
   class: "channels__selected"
 }, wA = {
@@ -1653,7 +1653,7 @@ const lc = (e) => {
       ], 2)
     ]));
   }
-}, pc = /* @__PURE__ */ Q(jA, [["__scopeId", "data-v-018ec6fe"]]), EA = { class: "chat-item__avatar-container" }, TA = ["src"], VA = {
+}, mc = /* @__PURE__ */ Q(jA, [["__scopeId", "data-v-018ec6fe"]]), EA = { class: "chat-item__avatar-container" }, TA = ["src"], VA = {
   key: 1,
   class: "pi pi-user"
 }, xA = { class: "chat-item__info-container" }, SA = { class: "chat-item__name" }, CA = {
@@ -1964,7 +1964,7 @@ const lc = (e) => {
       })
     ], 64));
   }
-}, hc = /* @__PURE__ */ Q(mi, [["__scopeId", "data-v-8d6cf607"]]), pi = {
+}, pc = /* @__PURE__ */ Q(mi, [["__scopeId", "data-v-8d6cf607"]]), pi = {
   __name: "PlaceholderComponent",
   props: {
     index: {
@@ -2244,7 +2244,7 @@ const lc = (e) => {
       ], 544)
     ], 64));
   }
-}, yc = /* @__PURE__ */ Q(qi, [["__scopeId", "data-v-78800319"]]), ta = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", na = {
+}, hc = /* @__PURE__ */ Q(qi, [["__scopeId", "data-v-78800319"]]), ta = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", na = {
   recent: "Recently used",
   smileys_people: "Smiles & People",
   animals_nature: "Animals & Nature",
@@ -15992,7 +15992,7 @@ const k1 = {
       })
     ], 64));
   }
-}, Mc = /* @__PURE__ */ Q(k1, [["__scopeId", "data-v-a6a1f980"]]), N1 = { class: "context-menu" }, D1 = { class: "context-menu__container" }, j1 = { class: "context-menu__list" }, E1 = ["onClick"], T1 = ["src"], V1 = {
+}, yc = /* @__PURE__ */ Q(k1, [["__scopeId", "data-v-a6a1f980"]]), N1 = { class: "context-menu" }, D1 = { class: "context-menu__container" }, j1 = { class: "context-menu__list" }, E1 = ["onClick"], T1 = ["src"], V1 = {
   __name: "ContextMenu",
   props: {
     actions: {
@@ -16319,16 +16319,16 @@ const k1 = {
       ]))
     ], 42, H1));
   }
-}), Ar = /* @__PURE__ */ Q(sr, [["__scopeId", "data-v-0c152b1c"]]), ir = { class: "text-message" }, or = ["messageId"], lr = ["src"], rr = {
+}), Ar = /* @__PURE__ */ Q(sr, [["__scopeId", "data-v-0c152b1c"]]), ir = ["messageId"], or = ["src"], lr = {
   key: 1,
   class: "text-message__subtext"
-}, ur = ["innerHTML"], cr = { class: "text-message__info-container" }, dr = {
+}, rr = ["innerHTML"], ur = { class: "text-message__info-container" }, cr = {
   key: 1,
   class: "text-message__time"
-}, gr = {
+}, dr = {
   key: 0,
   class: "pi pi-check"
-}, mr = /* @__PURE__ */ Z({
+}, gr = /* @__PURE__ */ Z({
   __name: "TextMessage",
   props: {
     message: {
@@ -16361,86 +16361,84 @@ const k1 = {
     function m(h) {
       return h.position === "left" ? "text-message__left" : "text-message__right";
     }
-    return (h, M) => (r(), c("div", ir, [
+    return (h, M) => (r(), c("div", {
+      class: L(["text-message", m(e.message)]),
+      messageId: e.message.messageId,
+      onMouseleave: u
+    }, [
+      e.message.avatar ? (r(), c("img", {
+        key: 0,
+        class: "text-message__avatar",
+        src: e.message.avatar,
+        height: "32",
+        width: "32",
+        style: J({ gridRow: e.message.subText ? "2" : "1" })
+      }, null, 12, or)) : b("", !0),
+      e.message.subText ? (r(), c("p", lr, D(e.message.subText), 1)) : b("", !0),
       o("div", {
-        class: L(m(e.message)),
-        messageId: e.message.messageId,
-        onMouseleave: u
+        class: "text-message__content",
+        onMouseenter: l
       }, [
-        e.message.avatar ? (r(), c("img", {
+        o("p", {
+          innerHTML: A.value,
+          class: "text-message__text",
+          onClick: i
+        }, null, 8, rr),
+        o("div", ur, [
+          e.message.views ? (r(), c("div", {
+            key: 0,
+            class: "text-message__views",
+            onClick: p
+          }, [
+            M[1] || (M[1] = o("span", { class: "pi pi-eye" }, null, -1)),
+            o("p", null, D(e.message.views), 1)
+          ])) : b("", !0),
+          e.message.time ? (r(), c("span", cr, D(e.message.time), 1)) : b("", !0),
+          m(e.message) === "text-message__right" && C(Ke).includes(e.message.status) ? (r(), c("div", {
+            key: 2,
+            class: L(["text-message__status", g.value])
+          }, [
+            e.message.status !== "sent" ? (r(), c("span", dr)) : b("", !0),
+            M[2] || (M[2] = o("span", { class: "pi pi-check" }, null, -1))
+          ], 2)) : b("", !0)
+        ]),
+        s.value && e.message.actions ? (r(), c("button", {
           key: 0,
-          class: "text-message__avatar",
-          src: e.message.avatar,
-          height: "32",
-          width: "32",
-          style: J({ gridRow: e.message.subText ? "2" : "1" })
-        }, null, 12, lr)) : b("", !0),
-        e.message.subText ? (r(), c("p", rr, D(e.message.subText), 1)) : b("", !0),
-        o("div", {
-          class: "text-message__content",
-          onMouseenter: l
-        }, [
-          o("p", {
-            innerHTML: A.value,
-            class: "text-message__text",
-            onClick: i
-          }, null, 8, ur),
-          o("div", cr, [
-            e.message.views ? (r(), c("div", {
+          class: "text-message__menu-button",
+          onClick: M[0] || (M[0] = (y) => a.value = !a.value)
+        }, M[3] || (M[3] = [
+          o("span", { class: "pi pi-ellipsis-h" }, null, -1)
+        ]))) : b("", !0),
+        R(P, null, {
+          default: W(() => [
+            a.value && e.message.actions ? (r(), K(C(Ve), {
               key: 0,
-              class: "text-message__views",
-              onClick: p
-            }, [
-              M[1] || (M[1] = o("span", { class: "pi pi-eye" }, null, -1)),
-              o("p", null, D(e.message.views), 1)
-            ])) : b("", !0),
-            e.message.time ? (r(), c("span", dr, D(e.message.time), 1)) : b("", !0),
-            m(e.message) === "text-message__right" && C(Ke).includes(e.message.status) ? (r(), c("div", {
-              key: 2,
-              class: L(["text-message__status", g.value])
-            }, [
-              e.message.status !== "sent" ? (r(), c("span", gr)) : b("", !0),
-              M[2] || (M[2] = o("span", { class: "pi pi-check" }, null, -1))
-            ], 2)) : b("", !0)
+              class: "text-message__context-menu",
+              actions: e.message.actions,
+              onClick: d
+            }, null, 8, ["actions"])) : b("", !0)
           ]),
-          s.value && e.message.actions ? (r(), c("button", {
-            key: 0,
-            class: "text-message__menu-button",
-            onClick: M[0] || (M[0] = (y) => a.value = !a.value)
-          }, M[3] || (M[3] = [
-            o("span", { class: "pi pi-ellipsis-h" }, null, -1)
-          ]))) : b("", !0),
-          R(P, null, {
-            default: W(() => [
-              a.value && e.message.actions ? (r(), K(C(Ve), {
-                key: 0,
-                class: "text-message__context-menu",
-                actions: e.message.actions,
-                onClick: d
-              }, null, 8, ["actions"])) : b("", !0)
-            ]),
-            _: 1
-          })
-        ], 32)
-      ], 42, or)
-    ]));
+          _: 1
+        })
+      ], 32)
+    ], 42, ir));
   }
-}), pr = /* @__PURE__ */ Q(mr, [["__scopeId", "data-v-8acbeea8"]]), hr = ["messageId"], yr = ["src"], Mr = {
+}), mr = /* @__PURE__ */ Q(gr, [["__scopeId", "data-v-329a2e3c"]]), pr = ["messageId"], hr = ["src"], yr = {
   key: 1,
   class: "audio-message__subtext"
-}, vr = ["src"], br = { class: "audio-message__progress-bar-container" }, _r = { class: "audio-message__remaining-time" }, Ir = { class: "audio-message__info-container" }, wr = { class: "audio-message__time" }, kr = {
+}, Mr = ["src"], vr = { class: "audio-message__progress-bar-container" }, br = { class: "audio-message__remaining-time" }, _r = { class: "audio-message__info-container" }, Ir = { class: "audio-message__time" }, wr = {
   key: 0,
   class: "pi pi-check"
-}, Nr = ["href"], Dr = {
+}, kr = ["href"], Nr = {
   key: 1,
   class: "audio-message__transcript-container"
-}, jr = {
+}, Dr = {
   key: 0,
   class: "audio-message__modal-overlay"
-}, Er = { class: "audio-message__modal" }, Tr = {
+}, jr = { class: "audio-message__modal" }, Er = {
   key: 2,
   class: "audio-message__text-container"
-}, Vr = ["innerHTML"], xr = /* @__PURE__ */ Z({
+}, Tr = ["innerHTML"], Vr = /* @__PURE__ */ Z({
   __name: "AudioMessage",
   props: {
     message: {
@@ -16499,8 +16497,8 @@ const k1 = {
           height: "32",
           width: "32",
           style: J({ gridRow: e.message.subText ? "2" : "1" })
-        }, null, 12, yr)) : b("", !0),
-        e.message.subText ? (r(), c("p", Mr, D(e.message.subText), 1)) : b("", !0),
+        }, null, 12, hr)) : b("", !0),
+        e.message.subText ? (r(), c("p", yr, D(e.message.subText), 1)) : b("", !0),
         o("div", {
           class: "audio-message__content",
           onMouseenter: m
@@ -16509,7 +16507,7 @@ const k1 = {
             ref_key: "player",
             ref: a,
             src: e.message.url
-          }, null, 8, vr),
+          }, null, 8, Mr),
           ce(o("button", {
             class: "audio-message__play",
             onClick: k
@@ -16526,14 +16524,14 @@ const k1 = {
           ]), 512), [
             [Lf, s.value]
           ]),
-          o("div", br, [
+          o("div", vr, [
             o("div", {
               class: "audio-message__progress-bar",
               style: J({ width: B.value + "%" })
             }, null, 4)
           ]),
-          o("p", _r, D(`${w.value} / ${j.value}`), 1),
-          o("div", Ir, [
+          o("p", br, D(`${w.value} / ${j.value}`), 1),
+          o("div", _r, [
             e.message.views ? (r(), c("div", {
               key: 0,
               onClick: M,
@@ -16542,12 +16540,12 @@ const k1 = {
               T[5] || (T[5] = o("span", { class: "pi pi-eye" }, null, -1)),
               o("p", null, D(e.message.views), 1)
             ])) : b("", !0),
-            o("span", wr, D(e.message.time), 1),
+            o("span", Ir, D(e.message.time), 1),
             E(e.message) === "audio-message__right" && C(Ke).includes(e.message.status) ? (r(), c("div", {
               key: 1,
               class: L(["audio-message__status", v.value])
             }, [
-              e.message.status !== "sent" ? (r(), c("span", kr)) : b("", !0),
+              e.message.status !== "sent" ? (r(), c("span", wr)) : b("", !0),
               T[6] || (T[6] = o("span", { class: "pi pi-check" }, null, -1))
             ], 2)) : b("", !0)
           ]),
@@ -16566,7 +16564,7 @@ const k1 = {
             target: "_blank"
           }, T[8] || (T[8] = [
             o("span", { class: "pi pi-download" }, null, -1)
-          ]), 8, Nr),
+          ]), 8, kr),
           R(P, null, {
             default: W(() => [
               l.value && e.message.actions ? (r(), K(C(Ve), {
@@ -16578,7 +16576,7 @@ const k1 = {
             ]),
             _: 1
           }),
-          (U = e.message.transcript) != null && U.text ? (r(), c("div", Dr, [
+          (U = e.message.transcript) != null && U.text ? (r(), c("div", Nr, [
             o("p", {
               onClick: T[1] || (T[1] = (N) => d.value = !d.value)
             }, D(e.message.transcript.text), 1)
@@ -16588,8 +16586,8 @@ const k1 = {
               default: W(() => {
                 var N;
                 return [
-                  d.value ? (r(), c("div", jr, [
-                    o("div", Er, [
+                  d.value ? (r(), c("div", Dr, [
+                    o("div", jr, [
                       o("button", {
                         class: "audio-message__modal-close-button",
                         onClick: T[2] || (T[2] = (V) => d.value = !1)
@@ -16606,17 +16604,17 @@ const k1 = {
               _: 1
             })
           ])),
-          e.message.text ? (r(), c("div", Tr, [
+          e.message.text ? (r(), c("div", Er, [
             o("p", {
               innerHTML: g.value,
               onClick: p
-            }, null, 8, Vr)
+            }, null, 8, Tr)
           ])) : b("", !0)
         ], 32)
-      ], 42, hr);
+      ], 42, pr);
     };
   }
-}), Sr = /* @__PURE__ */ Q(xr, [["__scopeId", "data-v-1e745361"]]), Cr = { class: "date-message" }, zr = { class: "date-message__container" }, Or = { class: "date-message__text" }, Lr = /* @__PURE__ */ Z({
+}), xr = /* @__PURE__ */ Q(Vr, [["__scopeId", "data-v-1e745361"]]), Sr = { class: "date-message" }, Cr = { class: "date-message__container" }, zr = { class: "date-message__text" }, Or = /* @__PURE__ */ Z({
   __name: "DateMessage",
   props: {
     message: {
@@ -16627,28 +16625,28 @@ const k1 = {
     }
   },
   setup(e) {
-    return (f, t) => (r(), c("div", Cr, [
-      o("div", zr, [
-        o("p", Or, D(e.message.text), 1)
+    return (f, t) => (r(), c("div", Sr, [
+      o("div", Cr, [
+        o("p", zr, D(e.message.text), 1)
       ])
     ]));
   }
-}), Ur = /* @__PURE__ */ Q(Lr, [["__scopeId", "data-v-b2b05bd8"]]), Br = ["messageId"], Qr = ["src"], Rr = {
+}), Lr = /* @__PURE__ */ Q(Or, [["__scopeId", "data-v-b2b05bd8"]]), Ur = ["messageId"], Br = ["src"], Qr = {
   key: 1,
   class: "video-message__subtext"
-}, Yr = { class: "video-message__content" }, qr = ["src"], $r = {
+}, Rr = { class: "video-message__content" }, Yr = ["src"], qr = {
   key: 0,
   class: "video-message__info-container"
-}, Hr = { class: "video-message__time" }, Fr = {
+}, $r = { class: "video-message__time" }, Hr = {
   key: 0,
   class: "pi pi-check"
-}, Pr = ["href"], Wr = {
+}, Fr = ["href"], Pr = {
   key: 0,
   class: "video-message__text-container"
-}, Kr = ["innerHTML"], Jr = {
+}, Wr = ["innerHTML"], Kr = {
   key: 0,
   class: "video-message__modal-overlay"
-}, Gr = { class: "video-message__modal" }, Zr = ["src", "alt"], Xr = /* @__PURE__ */ Z({
+}, Jr = { class: "video-message__modal" }, Gr = ["src", "alt"], Zr = /* @__PURE__ */ Z({
   __name: "VideoMessage",
   props: {
     message: {
@@ -16696,9 +16694,9 @@ const k1 = {
         src: e.message.avatar,
         height: "32",
         width: "32"
-      }, null, 8, Qr)) : b("", !0),
-      e.message.subText ? (r(), c("p", Rr, D(e.message.subText), 1)) : b("", !0),
-      o("div", Yr, [
+      }, null, 8, Br)) : b("", !0),
+      e.message.subText ? (r(), c("p", Qr, D(e.message.subText), 1)) : b("", !0),
+      o("div", Rr, [
         o("div", {
           class: "video-message__preview-button",
           onClick: w[0] || (w[0] = (j) => i.value = !0),
@@ -16714,10 +16712,10 @@ const k1 = {
             src: e.message.url,
             muted: !0,
             autoplay: ""
-          }, null, 44, qr),
+          }, null, 44, Yr),
           R(P, { name: "modal-fade" }, {
             default: W(() => [
-              g.value ? (r(), c("div", $r, [
+              g.value ? (r(), c("div", qr, [
                 e.message.views ? (r(), c("div", {
                   key: 0,
                   onClick: Qe(m, ["stop"]),
@@ -16726,12 +16724,12 @@ const k1 = {
                   w[4] || (w[4] = o("span", { class: "pi pi-eye" }, null, -1)),
                   o("p", null, D(e.message.views), 1)
                 ])) : b("", !0),
-                o("span", Hr, D(e.message.time), 1),
+                o("span", $r, D(e.message.time), 1),
                 a(e.message) === "video-message__right" && C(Ke).includes(e.message.status) ? (r(), c("div", {
                   key: 1,
                   class: L(["video-message__status", v.value])
                 }, [
-                  e.message.status !== "sent" ? (r(), c("span", Fr)) : b("", !0),
+                  e.message.status !== "sent" ? (r(), c("span", Hr)) : b("", !0),
                   w[5] || (w[5] = o("span", { class: "pi pi-check" }, null, -1))
                 ], 2)) : b("", !0)
               ])) : b("", !0)
@@ -16749,7 +16747,7 @@ const k1 = {
                 target: "_blank"
               }, w[6] || (w[6] = [
                 o("span", { class: "pi pi-download" }, null, -1)
-              ]), 8, Pr)) : b("", !0)
+              ]), 8, Fr)) : b("", !0)
             ]),
             _: 1
           })
@@ -16777,18 +16775,18 @@ const k1 = {
           ]),
           _: 1
         }),
-        e.message.text ? (r(), c("div", Wr, [
+        e.message.text ? (r(), c("div", Pr, [
           o("p", {
             innerHTML: d.value,
             onClick: p
-          }, null, 8, Kr)
+          }, null, 8, Wr)
         ])) : b("", !0)
       ]),
       (r(), K(yf, { to: "body" }, [
         R(P, { name: "modal-fade" }, {
           default: W(() => [
-            i.value ? (r(), c("div", Jr, [
-              o("div", Gr, [
+            i.value ? (r(), c("div", Kr, [
+              o("div", Jr, [
                 o("button", {
                   class: "video-message__modal-close-button",
                   onClick: w[3] || (w[3] = (j) => i.value = !1)
@@ -16805,37 +16803,37 @@ const k1 = {
                   alt: e.message.alt,
                   controls: "",
                   autoplay: ""
-                }, null, 8, Zr)
+                }, null, 8, Gr)
               ])
             ])) : b("", !0)
           ]),
           _: 1
         })
       ]))
-    ], 42, Br));
+    ], 42, Ur));
   }
-}), eu = /* @__PURE__ */ Q(Xr, [["__scopeId", "data-v-e3f7949f"]]), fu = { class: "call-message" }, tu = ["messageId"], nu = ["src"], au = {
+}), Xr = /* @__PURE__ */ Q(Zr, [["__scopeId", "data-v-e3f7949f"]]), eu = { class: "call-message" }, fu = ["messageId"], tu = ["src"], nu = {
   key: 1,
   class: "call-message__subtext"
-}, su = { class: "call-message__content" }, Au = {
+}, au = { class: "call-message__content" }, su = {
   key: 0,
   class: "call-message__title"
-}, iu = {
+}, Au = {
   key: 1,
   class: "call-message__title"
-}, ou = {
+}, iu = {
   key: 2,
   class: "call-message__duration"
-}, lu = {
+}, ou = {
   key: 3,
   class: "call-message__duration"
-}, ru = {
+}, lu = {
   key: 4,
   class: "call-message__duration"
-}, uu = { class: "call-message__info-container" }, cu = { class: "call-message__time" }, du = {
+}, ru = { class: "call-message__info-container" }, uu = { class: "call-message__time" }, cu = {
   key: 0,
   class: "call-message__modal-overlay"
-}, gu = { class: "call-message__modal" }, mu = /* @__PURE__ */ Z({
+}, du = { class: "call-message__modal" }, gu = /* @__PURE__ */ Z({
   __name: "CallMessage",
   props: {
     message: {
@@ -16861,7 +16859,7 @@ const k1 = {
     }
     return (a, s) => {
       var A;
-      return r(), c("div", fu, [
+      return r(), c("div", eu, [
         o("div", {
           class: L(n(e.message, t.message)),
           messageId: e.message.messageId
@@ -16873,17 +16871,17 @@ const k1 = {
             height: "32",
             width: "32",
             style: J({ gridRow: e.message.subText ? "2" : "1" })
-          }, null, 12, nu)) : b("", !0),
-          e.message.subText ? (r(), c("p", au, D(e.message.subText), 1)) : b("", !0),
-          o("div", su, [
+          }, null, 12, tu)) : b("", !0),
+          e.message.subText ? (r(), c("p", nu, D(e.message.subText), 1)) : b("", !0),
+          o("div", au, [
             o("span", {
               class: "call-message__icon pi pi-phone",
               style: J({ color: e.message.isMissedCall ? "var(--p-red-500)" : "var(--neutral-100)" })
             }, null, 4),
-            e.message.isMissedCall ? (r(), c("span", iu, "Пропущенный аудиозвонок")) : (r(), c("span", Au, "Аудиозвонок")),
-            e.message.callDuration ? (r(), c("span", ou, D(e.message.callDuration), 1)) : !e.message.callDuration && e.message.isMissedCall ? (r(), c("span", lu, "Нажмите, чтобы перезвонить")) : (r(), c("span", ru, "Нет ответа")),
-            o("div", uu, [
-              o("span", cu, D(e.message.time), 1)
+            e.message.isMissedCall ? (r(), c("span", Au, "Пропущенный аудиозвонок")) : (r(), c("span", su, "Аудиозвонок")),
+            e.message.callDuration ? (r(), c("span", iu, D(e.message.callDuration), 1)) : !e.message.callDuration && e.message.isMissedCall ? (r(), c("span", ou, "Нажмите, чтобы перезвонить")) : (r(), c("span", lu, "Нет ответа")),
+            o("div", ru, [
+              o("span", uu, D(e.message.time), 1)
             ]),
             (A = e.message.transcript) != null && A.dialog ? (r(), c("button", {
               key: 5,
@@ -16897,8 +16895,8 @@ const k1 = {
                 default: W(() => {
                   var i;
                   return [
-                    f.value ? (r(), c("div", du, [
-                      o("div", gu, [
+                    f.value ? (r(), c("div", cu, [
+                      o("div", du, [
                         o("button", {
                           class: "call-message__modal-close-button",
                           onClick: s[1] || (s[1] = (l) => f.value = !1)
@@ -16921,11 +16919,11 @@ const k1 = {
               })
             ]))
           ])
-        ], 10, tu)
+        ], 10, fu)
       ]);
     };
   }
-}), pu = /* @__PURE__ */ Q(mu, [["__scopeId", "data-v-8307ae2a"]]), hu = { class: "system-message" }, yu = { class: "system-message__container" }, Mu = { class: "system-message__text" }, vu = /* @__PURE__ */ Z({
+}), mu = /* @__PURE__ */ Q(gu, [["__scopeId", "data-v-8307ae2a"]]), pu = { class: "system-message" }, hu = { class: "system-message__container" }, yu = { class: "system-message__text" }, Mu = /* @__PURE__ */ Z({
   __name: "SystemMessage",
   props: {
     message: {
@@ -16934,16 +16932,16 @@ const k1 = {
     }
   },
   setup(e) {
-    return (f, t) => (r(), c("div", hu, [
-      o("div", yu, [
-        o("p", Mu, D(e.message.text), 1)
+    return (f, t) => (r(), c("div", pu, [
+      o("div", hu, [
+        o("p", yu, D(e.message.text), 1)
       ])
     ]));
   }
-}), bu = /* @__PURE__ */ Q(vu, [["__scopeId", "data-v-d0876c1e"]]), _u = { class: "typing-message" }, Iu = { class: "typing-message__container" }, wu = ["src"], ku = {
+}), vu = /* @__PURE__ */ Q(Mu, [["__scopeId", "data-v-d0876c1e"]]), bu = { class: "typing-message" }, _u = { class: "typing-message__container" }, Iu = ["src"], wu = {
   key: 1,
   class: "typing-message__subtext"
-}, Nu = /* @__PURE__ */ Z({
+}, ku = /* @__PURE__ */ Z({
   __name: "TypingMessage",
   props: {
     message: {
@@ -16952,8 +16950,8 @@ const k1 = {
     }
   },
   setup(e) {
-    return (f, t) => (r(), c("div", _u, [
-      o("div", Iu, [
+    return (f, t) => (r(), c("div", bu, [
+      o("div", _u, [
         e.message.avatar ? (r(), c("img", {
           key: 0,
           class: "typing-message__avatar",
@@ -16961,23 +16959,23 @@ const k1 = {
           height: "32",
           width: "32",
           style: J({ gridRow: e.message.subText ? "2" : "1" })
-        }, null, 12, wu)) : b("", !0),
-        e.message.subText ? (r(), c("p", ku, D(e.message.subText), 1)) : b("", !0),
+        }, null, 12, Iu)) : b("", !0),
+        e.message.subText ? (r(), c("p", wu, D(e.message.subText), 1)) : b("", !0),
         t[0] || (t[0] = o("div", { class: "typing-message__loader-container" }, [
           o("div", { class: "typing-message__loader" })
         ], -1))
       ])
     ]));
   }
-}), Qn = /* @__PURE__ */ Q(Nu, [["__scopeId", "data-v-88389095"]]), Du = { class: "modal-backdrop" }, ju = {
+}), Qn = /* @__PURE__ */ Q(ku, [["__scopeId", "data-v-88389095"]]), Nu = { class: "modal-backdrop" }, Du = {
   class: "modal",
   role: "dialog",
   "aria-labelledby": "modalTitle",
   "aria-describedby": "modalDescription"
-}, Eu = {
+}, ju = {
   id: "modalDescription",
   class: "modal-body"
-}, Tu = { class: "buttons" }, Vu = {
+}, Eu = { class: "buttons" }, Tu = {
   __name: "Modal",
   emits: ["close", "submit"],
   setup(e, { emit: f }) {
@@ -16986,12 +16984,12 @@ const k1 = {
     }, a = I(null);
     return (s, A) => (r(), K(P, { name: "modal-fade" }, {
       default: W(() => [
-        o("div", Du, [
-          o("div", ju, [
-            o("div", Eu, [
+        o("div", Nu, [
+          o("div", Du, [
+            o("div", ju, [
               te(s.$slots, "default", {}, void 0, !0)
             ]),
-            o("div", Tu, [
+            o("div", Eu, [
               o("button", {
                 type: "button",
                 class: "btn-green",
@@ -17011,7 +17009,7 @@ const k1 = {
       _: 3
     }));
   }
-}, xu = /* @__PURE__ */ Q(Vu, [["__scopeId", "data-v-d48a1772"]]);
+}, Vu = /* @__PURE__ */ Q(Tu, [["__scopeId", "data-v-d48a1772"]]);
 function on({ component: e, attrs: f }) {
   return new Promise((t) => {
     const n = document.createElement("div");
@@ -17026,7 +17024,7 @@ function on({ component: e, attrs: f }) {
     }, l = Z({
       render() {
         return yn(
-          xu,
+          Vu,
           {
             onSubmit: A,
             onClose: s
@@ -17046,17 +17044,17 @@ function on({ component: e, attrs: f }) {
     u.mount(n);
   });
 }
-const vc = async (e, f) => {
+const Mc = async (e, f) => {
   const t = await on({
     //в component должен быть встроен emit change(key: value)
-    component: import("./SelectUser2-BEc8U26U.js"),
+    component: import("./SelectUser2-CUi7WZKk.js"),
     attrs: {
       title: e,
       users: f
     }
   });
   return console.log("data", t), t;
-}, bc = async (e) => {
+}, vc = async (e) => {
   const f = await on({
     //в component должен быть встроен emit change(key: value)
     component: import("./CreateChat-fkFKBxtQ.js"),
@@ -17065,13 +17063,13 @@ const vc = async (e, f) => {
     }
   });
   return console.log("data", f), f;
-}, _c = async (e) => await on({
+}, bc = async (e) => await on({
   //в component должен быть встроен emit change(key: value)
   component: import("./CreateChat2-DgUQ2F5L.js"),
   attrs: {
     title: e
   }
-}), Su = ["id"], Ic = {
+}), xu = ["id"], _c = {
   __name: "BaseContainer",
   props: {
     height: String,
@@ -17089,9 +17087,9 @@ const vc = async (e, f) => {
       }, [
         te(t.$slots, "default")
       ], 4)
-    ], 8, Su));
+    ], 8, xu));
   }
-}, Cu = ["id"], zu = { class: "float-window__container" }, Ou = ["src", "alt"], Lu = { class: "float-window__title" }, Uu = {
+}, Su = ["id"], Cu = { class: "float-window__container" }, zu = ["src", "alt"], Ou = { class: "float-window__title" }, Lu = {
   __name: "FloatContainer",
   props: {
     title: {
@@ -17151,7 +17149,7 @@ const vc = async (e, f) => {
         display: "flex"
       })
     }, [
-      o("div", zu, [
+      o("div", Cu, [
         o("div", {
           ref_key: "container",
           ref: s,
@@ -17166,8 +17164,8 @@ const vc = async (e, f) => {
             class: "float-window__avatar",
             src: t.avatar,
             alt: t.title
-          }, null, 8, Ou)) : b("", !0),
-          o("p", Lu, D(t.title), 1),
+          }, null, 8, zu)) : b("", !0),
+          o("p", Ou, D(t.title), 1),
           o("button", {
             class: "float-window__close-button",
             onClick: M[0] || (M[0] = (y) => h.$emit("close-window"))
@@ -17182,20 +17180,20 @@ const vc = async (e, f) => {
           te(h.$slots, "default", {}, void 0, !0)
         ], 4)
       ])
-    ], 12, Cu));
+    ], 12, Su));
   }
-}, wc = /* @__PURE__ */ Q(Uu, [["__scopeId", "data-v-b0994783"]]), Bu = {}, Qu = { class: "base-layout__container" }, Ru = { class: "base-layout__first-col" }, Yu = { class: "base-layout__second-col" };
-function qu(e, f) {
-  return r(), c("div", Qu, [
-    o("div", Ru, [
+}, Ic = /* @__PURE__ */ Q(Lu, [["__scopeId", "data-v-b0994783"]]), Uu = {}, Bu = { class: "base-layout__container" }, Qu = { class: "base-layout__first-col" }, Ru = { class: "base-layout__second-col" };
+function Yu(e, f) {
+  return r(), c("div", Bu, [
+    o("div", Qu, [
       te(e.$slots, "first-col", {}, void 0, !0)
     ]),
-    o("div", Yu, [
+    o("div", Ru, [
       te(e.$slots, "second-col", {}, void 0, !0)
     ])
   ]);
 }
-const kc = /* @__PURE__ */ Q(Bu, [["render", qu], ["__scopeId", "data-v-a5df3fcf"]]), $u = { class: "extend-layout__container" }, Hu = { class: "extend-layout__first-col" }, Fu = { class: "extend-layout__third-col" }, Pu = {
+const wc = /* @__PURE__ */ Q(Uu, [["render", Yu], ["__scopeId", "data-v-a5df3fcf"]]), qu = { class: "extend-layout__container" }, $u = { class: "extend-layout__first-col" }, Hu = { class: "extend-layout__third-col" }, Fu = {
   __name: "ExtendedLayout",
   setup(e) {
     const f = I(null);
@@ -17212,8 +17210,8 @@ const kc = /* @__PURE__ */ Q(Bu, [["render", qu], ["__scopeId", "data-v-a5df3fcf
     };
     return we(() => {
       f.value && (f.value.style.width = "350px");
-    }), (u, g) => (r(), c("div", $u, [
-      o("div", Hu, [
+    }), (u, g) => (r(), c("div", qu, [
+      o("div", $u, [
         te(u.$slots, "first-col", {}, void 0, !0)
       ]),
       o("div", {
@@ -17226,26 +17224,26 @@ const kc = /* @__PURE__ */ Q(Bu, [["render", qu], ["__scopeId", "data-v-a5df3fcf
       }, [
         te(u.$slots, "second-col", {}, void 0, !0)
       ], 36),
-      o("div", Fu, [
+      o("div", Hu, [
         te(u.$slots, "third-col", {}, void 0, !0)
       ])
     ]));
   }
-}, Nc = /* @__PURE__ */ Q(Pu, [["__scopeId", "data-v-7c3b977d"]]), Wu = {}, Ku = { class: "base-layout__container" }, Ju = { class: "base-layout__first-col" };
-function Gu(e, f) {
-  return r(), c("div", Ku, [
-    o("div", Ju, [
+}, kc = /* @__PURE__ */ Q(Fu, [["__scopeId", "data-v-7c3b977d"]]), Pu = {}, Wu = { class: "base-layout__container" }, Ku = { class: "base-layout__first-col" };
+function Ju(e, f) {
+  return r(), c("div", Wu, [
+    o("div", Ku, [
       te(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Dc = /* @__PURE__ */ Q(Wu, [["render", Gu], ["__scopeId", "data-v-e71ea0ed"]]), Zu = { class: "chat-wrapper" }, Xu = {
+const Nc = /* @__PURE__ */ Q(Pu, [["render", Ju], ["__scopeId", "data-v-e71ea0ed"]]), Gu = { class: "chat-wrapper" }, Zu = {
   key: 0,
   class: "chat-wrapper__selected-chat"
-}, ec = {
+}, Xu = {
   key: 1,
   style: { width: "100%" }
-}, fc = /* @__PURE__ */ Z({
+}, ec = /* @__PURE__ */ Z({
   __name: "ChatWrapper",
   props: {
     isOpenChatPanel: {
@@ -17258,10 +17256,10 @@ const Dc = /* @__PURE__ */ Q(Wu, [["render", Gu], ["__scopeId", "data-v-e71ea0ed
     }
   },
   setup(e) {
-    return (f, t) => (r(), c("div", Zu, [
-      e.isSelectedChat ? (r(), c("div", Xu, [
+    return (f, t) => (r(), c("div", Gu, [
+      e.isSelectedChat ? (r(), c("div", Zu, [
         te(f.$slots, "default", {}, void 0, !0)
-      ])) : (r(), c("div", ec, [
+      ])) : (r(), c("div", Xu, [
         o("p", null, D(C(Oe)("layout.ChatWrapper.noSelectedChat")), 1)
       ])),
       e.isOpenChatPanel ? (r(), c("div", {
@@ -17273,50 +17271,50 @@ const Dc = /* @__PURE__ */ Q(Wu, [["render", Gu], ["__scopeId", "data-v-e71ea0ed
       ], 4)) : b("", !0)
     ]));
   }
-}), jc = /* @__PURE__ */ Q(fc, [["__scopeId", "data-v-12c6a622"]]);
+}), Dc = /* @__PURE__ */ Q(ec, [["__scopeId", "data-v-12c6a622"]]);
 export {
-  Sr as A,
+  xr as A,
   fa as B,
-  pu as C,
-  Ur as D,
-  Nc as E,
+  mu as C,
+  Lr as D,
+  kc as E,
   $1 as F,
-  lc as G,
-  rc as H,
+  oc as G,
+  lc as H,
   Ar as I,
-  uc as J,
+  rc as J,
   Nn as K,
   Ke as L,
   Je as M,
-  bu as S,
-  pr as T,
-  ic as U,
-  eu as V,
+  vu as S,
+  mr as T,
+  Ac as U,
+  Xr as V,
   Q as _,
   Qn as a,
-  nc as b,
-  ac as c,
-  sc as d,
-  Ac as e,
-  cc as f,
-  dc as g,
-  gc as h,
-  mc as i,
-  pc as j,
+  tc as b,
+  nc as c,
+  ac as d,
+  sc as e,
+  uc as f,
+  cc as g,
+  dc as h,
+  gc as i,
+  mc as j,
   Nt as k,
   FA as l,
   gi as m,
-  hc as n,
-  yc as o,
-  Mc as p,
+  pc as n,
+  hc as o,
+  yc as p,
   Ve as q,
-  bc as r,
-  _c as s,
-  Ic as t,
-  vc as u,
-  wc as v,
-  kc as w,
-  Dc as x,
-  jc as y,
-  oc as z
+  vc as r,
+  bc as s,
+  _c as t,
+  Mc as u,
+  Ic as v,
+  wc as w,
+  Nc as x,
+  Dc as y,
+  ic as z
 };