@mobilon-dev/chotto 0.0.78 → 0.0.80

package/dist/{index-IEb8iF6k.js → index-vtlGxUsL.js}

@@ -590,11 +590,11 @@ function Ga({
   Y(E, e.tld, T), Y(E, e.utld, T), Y(T, e.domain, i), Y(T, n, s), _(T, _e, E), _(T, me, h), _(T, Se, A);
   const U = _(T, Ce), V = de(Ct);
   Y(U, e.numeric, V);
-  const k = de(Ct), j = de();
-  Y(k, t, k), Y(k, f, j), Y(j, t, k), Y(j, f, j), _(T, Ie, k), _(V, Ie, k);
-  const I = _(l, Ce), w = _(u, Ce), D = _(w, Ie), x = _(D, Ie);
-  Y(l, e.domain, i), _(l, _e, E), _(l, me, h), Y(u, e.domain, i), _(u, _e, E), _(u, me, h), Y(I, e.domain, k), _(I, Ie, k), _(I, gt, k), Y(x, e.domain, k), Y(x, t, k), _(x, Ie, k);
-  const Q = [
+  const w = de(Ct), j = de();
+  Y(w, t, w), Y(w, f, j), Y(j, t, w), Y(j, f, j), _(T, Ie, w), _(V, Ie, w);
+  const I = _(l, Ce), k = _(u, Ce), D = _(k, Ie), x = _(D, Ie);
+  Y(l, e.domain, i), _(l, _e, E), _(l, me, h), Y(u, e.domain, i), _(u, _e, E), _(u, me, h), Y(I, e.domain, w), _(I, Ie, w), _(I, gt, w), Y(x, e.domain, w), Y(x, t, w), _(x, Ie, w);
+  const B = [
     [ut, ct],
     // {}
     [Rt, Yt],
@@ -612,13 +612,13 @@ function Ga({
     [Xt, ef]
     // ＜＞
   ];
-  for (let H = 0; H < Q.length; H++) {
-    const [te, ce] = Q[H], le = _(k, te);
-    _(j, te, le), _(le, ce, k);
+  for (let H = 0; H < B.length; H++) {
+    const [te, ce] = B[H], le = _(w, te);
+    _(j, te, le), _(le, ce, w);
     const S = de(Ct);
     Y(le, t, S);
     const L = de();
-    Y(le, f), Y(S, t, S), Y(S, f, L), Y(L, t, S), Y(L, f, L), _(S, ce, k), _(L, ce, k);
+    Y(le, f), Y(S, t, S), Y(S, f, L), Y(L, t, S), Y(L, f, L), _(S, ce, w), _(L, ce, w);
   }
   return _(a, bt, T), _(a, Hf, Ja), {
     start: a,
@@ -761,7 +761,7 @@ const z = (e, t) => {
       ], 8, cs)
     ])) : b("", !0);
   }
-}, hd = /* @__PURE__ */ z(ds, [["__scopeId", "data-v-4eacd5b4"]]), ge = M([]), $e = (e) => {
+}, yd = /* @__PURE__ */ z(ds, [["__scopeId", "data-v-4eacd5b4"]]), ge = M([]), $e = (e) => {
   const t = M(0);
   let f = ge.value.find(({ id: d }) => d == e);
   f != null ? t.value = ge.value.indexOf(f) : (ge.value.push({
@@ -986,7 +986,7 @@ const vs = { class: "chat-input__container" }, bs = ["id"], Ms = ["id"], _s = {
       ])
     ]));
   }
-}), yd = /* @__PURE__ */ z(ws, [["__scopeId", "data-v-da991df5"]]), Ns = { class: "chat-list" }, Ds = { class: "chat-list__title" }, js = {
+}), vd = /* @__PURE__ */ z(ws, [["__scopeId", "data-v-da991df5"]]), Ns = { class: "chat-list" }, Ds = { class: "chat-list__title" }, js = {
   key: 0,
   class: "pi pi-minus"
 }, Es = {
@@ -1089,7 +1089,7 @@ const vs = { class: "chat-input__container" }, bs = ["id"], Ms = ["id"], _s = {
       ])
     ]));
   }
-}, vd = /* @__PURE__ */ z(Cs, [["__scopeId", "data-v-ba9fb868"]]), Os = { class: "keyboard__container" }, zs = ["onClick"], Ls = /* @__PURE__ */ P({
+}, bd = /* @__PURE__ */ z(Cs, [["__scopeId", "data-v-ba9fb868"]]), Os = { class: "keyboard__container" }, zs = ["onClick"], Ls = /* @__PURE__ */ P({
   __name: "MessageKeyboard",
   props: {
     keyboard: {
@@ -1154,11 +1154,11 @@ const vs = { class: "chat-input__container" }, bs = ["id"], Ms = ["id"], _s = {
   ],
   setup(e, { emit: t }) {
     const f = M(), n = M(), a = M(), s = M(!1), i = M(!1), l = e, u = ie("chatAppId"), { setReply: A, getMessage: g } = $e(u), d = t, p = F(() => !!(i.value && l.objects.length > 0 && l.objects[l.objects.length - 1].keyboard)), m = (I = !0) => {
-      const w = C(n);
+      const k = C(n);
       let D = 0;
       a.value && (D = a.value.$el.clientHeight);
-      const x = 100, Q = w.scrollHeight - w.scrollTop - w.clientHeight;
-      Q < x + D ? (s.value = !1, i.value = !0) : (s.value = !0, i.value = !1), w.scrollTop === 0 && I && d("loadMore"), Q <= 0 && I && d("loadMoreDown");
+      const x = 100, B = k.scrollHeight - k.scrollTop - k.clientHeight;
+      B < x + D ? (s.value = !1, i.value = !0) : (s.value = !0, i.value = !1), k.scrollTop === 0 && I && d("loadMore"), B <= 0 && I && d("loadMoreDown");
     }, v = (I) => ({
       "message.text": ic,
       "message.image": Gu,
@@ -1187,23 +1187,23 @@ const vs = { class: "chat-input__container" }, bs = ["id"], Ms = ["id"], _s = {
       d("messageAction", I);
     }, T = (I) => {
       d("clickRepliedMessage", I);
-    }, U = (I, w) => {
-      l.enableDoubleClickReply && (I == null || I.preventDefault(), w.type.indexOf("system") == -1 && w.type.indexOf("typing") == -1 && A({
-        messageId: w.messageId,
-        type: w.type,
-        text: w.text,
-        filename: w.filename,
-        url: w.url
+    }, U = (I, k) => {
+      l.enableDoubleClickReply && (I == null || I.preventDefault(), k.type.indexOf("system") == -1 && k.type.indexOf("typing") == -1 && A({
+        messageId: k.messageId,
+        type: k.type,
+        text: k.text,
+        filename: k.filename,
+        url: k.url
       }));
     }, V = (I) => {
-      I.forEach((w) => {
-        w.isIntersecting && d("messageVisible", JSON.parse(w.target.id));
+      I.forEach((k) => {
+        k.isIntersecting && d("messageVisible", JSON.parse(k.target.id));
       });
-    }, k = {
+    }, w = {
       root: document.getElementById("feed-container-" + u),
       rootMargin: "5px",
       threshold: 0
-    }, j = new IntersectionObserver(V, k);
+    }, j = new IntersectionObserver(V, w);
     return J(
       () => l.objects,
       () => {
@@ -1215,24 +1215,22 @@ const vs = { class: "chat-input__container" }, bs = ["id"], Ms = ["id"], _s = {
     ), J(
       () => l.scrollTo,
       () => {
-        var I, w;
+        var I;
         if (l.scrollTo) {
-          const D = l.scrollTo;
-          (I = document.getElementById(D)) == null || I.scrollIntoView({
-            block: "center",
-            inline: "center"
-          }), (w = document.getElementById(D)) == null || w.children[0].classList.add("focused-message"), setTimeout(() => {
-            var x;
-            (x = document.getElementById(D)) == null || x.children[0].classList.remove("focused-message");
+          const k = l.scrollTo;
+          let D = document.getElementById(k), x = document.getElementById("feed-container-" + u);
+          D instanceof HTMLElement && x instanceof HTMLElement && (x.scrollTop = D.offsetTop + D.clientHeight / 2 - x.clientHeight / 2), (I = document.getElementById(k)) == null || I.children[0].classList.add("focused-message"), setTimeout(() => {
+            var B;
+            (B = document.getElementById(k)) == null || B.children[0].classList.remove("focused-message");
           }, 2e3);
         }
       }
-    ), (I, w) => (r(), c(q, null, [
+    ), (I, k) => (r(), c(q, null, [
       o("div", {
         ref_key: "refFeed",
         ref: n,
         class: "message-feed",
-        onScroll: w[0] || (w[0] = (D) => m()),
+        onScroll: k[0] || (k[0] = (D) => m()),
         id: "feed-container-" + C(u)
       }, [
         (r(!0), c(q, null, Z(e.objects, (D) => (r(), c("div", {
@@ -1275,7 +1273,7 @@ const vs = { class: "chat-input__container" }, bs = ["id"], Ms = ["id"], _s = {
               onClick: h
             }, [
               e.buttonParams ? (r(), c("div", Rs, N(e.buttonParams.unreadAmount), 1)) : b("", !0),
-              w[1] || (w[1] = o("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
+              k[1] || (k[1] = o("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
             ])) : b("", !0)
           ]),
           _: 1
@@ -1292,7 +1290,7 @@ const vs = { class: "chat-input__container" }, bs = ["id"], Ms = ["id"], _s = {
       ], 8, ["to"])) : b("", !0)
     ], 64));
   }
-}), bd = /* @__PURE__ */ z(Ys, [["__scopeId", "data-v-76c85e4e"]]), $s = {
+}), Md = /* @__PURE__ */ z(Ys, [["__scopeId", "data-v-43b9fb90"]]), $s = {
   key: 0,
   class: "profile__container"
 }, Fs = {
@@ -1324,7 +1322,7 @@ const vs = { class: "chat-input__container" }, bs = ["id"], Ms = ["id"], _s = {
       o("p", Ws, N(e.user.phone), 1)
     ])) : b("", !0);
   }
-}, Md = /* @__PURE__ */ z(Ks, [["__scopeId", "data-v-35f660dc"]]), Js = ["id"], Gs = {
+}, _d = /* @__PURE__ */ z(Ks, [["__scopeId", "data-v-35f660dc"]]), Js = ["id"], Gs = {
   __name: "ButtonContextMenu",
   props: {
     actions: {
@@ -1424,12 +1422,12 @@ const vs = { class: "chat-input__container" }, bs = ["id"], Ms = ["id"], _s = {
     ], 8, Js));
   }
 }, oa = /* @__PURE__ */ z(Gs, [["__scopeId", "data-v-879c7ba3"]]);
-function _d(e) {
+function Id(e) {
   if (!e || e === "") return;
   const t = +new Date(Number(e) * 1e3), f = +/* @__PURE__ */ new Date(), n = Math.floor((f - t) / 1e3), a = Math.floor(n / 60), s = Math.floor(a / 60), i = Math.floor(s / 24);
   return i > 30 ? new Date(t).toLocaleDateString("ru-RU") : i > 0 ? `${i} ${i === 1 ? "день" : "дня"} назад` : s > 0 ? `${s} ${s === 1 ? "час" : "часа"} назад` : a > 0 ? `${a} ${a === 1 ? "минута" : "минуты"} назад` : n > 0 ? `${n} ${n === 1 ? "секунда" : "секунды"} назад` : "Только что";
 }
-const Id = (e, t = null) => {
+const kd = (e, t = null) => {
   const f = [];
   let n = new Date(t * 1e3).toLocaleDateString();
   for (let a = 0; a < e.length; a++) {
@@ -1443,7 +1441,7 @@ const Id = (e, t = null) => {
     }), n = i), f.push(s);
   }
   return f;
-}, kd = async () => {
+}, wd = async () => {
   try {
     if (await navigator.mediaDevices.getUserMedia({ audio: !0 })) {
       const t = new Audio();
@@ -1452,7 +1450,7 @@ const Id = (e, t = null) => {
   } catch {
     console.log("no audio permissions");
   }
-}, wd = (e) => e.sort((t, f) => Number(t.timestamp) < Number(f.timestamp) ? -1 : Number(t.timestamp) > Number(f.timestamp) ? 1 : 0), gf = (e) => {
+}, Nd = (e) => e.sort((t, f) => Number(t.timestamp) < Number(f.timestamp) ? -1 : Number(t.timestamp) > Number(f.timestamp) ? 1 : 0), gf = (e) => {
   let t = "file";
   return e.startsWith("image/") ? t = "image" : e.startsWith("video/") ? t = "video" : e.startsWith("audio/") && (t = "audio"), t;
 }, tt = ["read", "received", "sent"], ft = (e) => {
@@ -1536,7 +1534,7 @@ const Id = (e, t = null) => {
       ])
     ]));
   }
-}, la = /* @__PURE__ */ z(ri, [["__scopeId", "data-v-63871541"]]), ui = { key: 0 }, ci = { key: 1 }, Nd = {
+}, la = /* @__PURE__ */ z(ri, [["__scopeId", "data-v-63871541"]]), ui = { key: 0 }, ci = { key: 1 }, Dd = {
   __name: "FileUploader",
   props: {
     filebumpUrl: {
@@ -1575,8 +1573,8 @@ const Id = (e, t = null) => {
     }, T = (I) => {
       E(), console.log("onFileSelected", I.target.files[0]), n.value = I.target.files[0], n.value && (U(), V());
     }, U = () => {
-      const I = n.value, w = gf(I.type);
-      if (i.value = !1, l.value = !1, u.value = !1, w === "image" ? i.value = !0 : w === "video" ? l.value = !0 : w === "audio" && (u.value = !0), i.value || l.value) {
+      const I = n.value, k = gf(I.type);
+      if (i.value = !1, l.value = !1, u.value = !1, k === "image" ? i.value = !0 : k === "video" ? l.value = !0 : k === "audio" && (u.value = !0), i.value || l.value) {
         const H = new FileReader();
         H.onload = (te) => {
           s.value = te.target.result;
@@ -1584,17 +1582,17 @@ const Id = (e, t = null) => {
       } else
         s.value = "";
       const D = ["б", "Кб", "Мб", "Гб"];
-      let x = I.size, Q = 0;
+      let x = I.size, B = 0;
       for (; x > 1024; )
-        x = x / 1024, Q++;
-      x = x.toFixed(2) + D[Q], g.value = x;
+        x = x / 1024, B++;
+      x = x.toFixed(2) + D[B], g.value = x;
     }, V = async () => {
       a.value = "uploading";
       const I = new FormData();
       I.append("file", n.value);
       const D = (f.filebumpUrl ? f.filebumpUrl : "https://filebump2.services.mobilon.ru") + "/upload";
       try {
-        const Q = await (await fetch(
+        const B = await (await fetch(
           D,
           {
             method: "POST",
@@ -1602,7 +1600,7 @@ const Id = (e, t = null) => {
           }
         )).json();
         a.value = "success", p({
-          url: Q.url,
+          url: B.url,
           name: n.value.name,
           size: n.value.size,
           type: gf(n.value.type)
@@ -1610,15 +1608,15 @@ const Id = (e, t = null) => {
       } catch (x) {
         console.error("Ошибка при загрузке файла:", x), a.value = "error";
       }
-    }, k = (I) => {
+    }, w = (I) => {
       A.value && h && (A.value.accept = I.action, A.value.click());
     }, j = () => {
       A.value && h && f.state == "active" && A.value.click();
     };
-    return (I, w) => (r(), c(q, null, [
-      a.value === "uploading" ? (r(), c("div", ui, w[0] || (w[0] = [
+    return (I, k) => (r(), c(q, null, [
+      a.value === "uploading" ? (r(), c("div", ui, k[0] || (k[0] = [
         o("p", null, "Загрузка файла...", -1)
-      ]))) : a.value === "error" ? (r(), c("div", ci, w[1] || (w[1] = [
+      ]))) : a.value === "error" ? (r(), c("div", ci, k[1] || (k[1] = [
         o("p", null, "Ошибка при загрузке файла.", -1)
       ]))) : (r(), R(oa, {
         key: 2,
@@ -1627,7 +1625,7 @@ const Id = (e, t = null) => {
         "button-class": "pi pi-file-arrow-up",
         "menu-side": "top",
         disabled: !h.value || e.state == "disabled",
-        onClick: k,
+        onClick: w,
         onButtonClick: j
       }, null, 8, ["disabled"])),
       o("input", {
@@ -1687,7 +1685,7 @@ const Id = (e, t = null) => {
       ], 32)
     ])) : b("", !0);
   }
-}, Dd = /* @__PURE__ */ z(mi, [["__scopeId", "data-v-a950b8eb"]]), pi = { class: "sidebar__container" }, hi = { class: "sidebar__list" }, yi = ["onClick"], vi = ["src", "alt"], bi = { key: 1 }, Mi = { class: "sidebar__list-fixed" }, _i = ["onClick"], Ii = ["src", "alt"], ki = { key: 1 }, wi = {
+}, jd = /* @__PURE__ */ z(mi, [["__scopeId", "data-v-a950b8eb"]]), pi = { class: "sidebar__container" }, hi = { class: "sidebar__list" }, yi = ["onClick"], vi = ["src", "alt"], bi = { key: 1 }, Mi = { class: "sidebar__list-fixed" }, _i = ["onClick"], Ii = ["src", "alt"], ki = { key: 1 }, wi = {
   __name: "SideBar",
   props: {
     sidebarItems: {
@@ -1744,7 +1742,7 @@ const Id = (e, t = null) => {
       ])
     ]));
   }
-}, jd = /* @__PURE__ */ z(wi, [["__scopeId", "data-v-8fc01d66"]]), Ni = { class: "chat-panel" }, Di = { class: "chat-panel__title-container" }, ji = {
+}, Ed = /* @__PURE__ */ z(wi, [["__scopeId", "data-v-0be33a79"]]), Ni = { class: "chat-panel" }, Di = { class: "chat-panel__title-container" }, ji = {
   key: 0,
   class: "chat-panel__title"
 }, Ei = {
@@ -1773,7 +1771,7 @@ const Id = (e, t = null) => {
       ])
     ]));
   }
-}, Ed = /* @__PURE__ */ z(Ei, [["__scopeId", "data-v-1f6ac199"]]), Ti = {
+}, Td = /* @__PURE__ */ z(Ei, [["__scopeId", "data-v-1f6ac199"]]), Ti = {
   key: 0,
   class: "channels__selected"
 }, xi = {
@@ -1826,7 +1824,7 @@ const Id = (e, t = null) => {
       }, null, 8, ["actions", "mode", "disabled"])
     ], 2));
   }
-}, Td = /* @__PURE__ */ z(Oi, [["__scopeId", "data-v-9eb1fd6b"]]), zi = { class: "chat-item__avatar-container" }, Li = ["src"], Ui = {
+}, xd = /* @__PURE__ */ z(Oi, [["__scopeId", "data-v-9eb1fd6b"]]), zi = { class: "chat-item__avatar-container" }, Li = ["src"], Ui = {
   key: 1,
   class: "pi pi-user"
 }, Bi = { class: "chat-item__info-container" }, Qi = { class: "chat-item__name" }, Ri = {
@@ -2125,7 +2123,7 @@ const Id = (e, t = null) => {
       })
     ], 64));
   }
-}, xd = /* @__PURE__ */ z(Mo, [["__scopeId", "data-v-5bb675f2"]]), _o = {
+}, Vd = /* @__PURE__ */ z(Mo, [["__scopeId", "data-v-5bb675f2"]]), _o = {
   __name: "PlaceholderComponent",
   props: {
     index: {
@@ -2188,11 +2186,11 @@ const Id = (e, t = null) => {
         icon: "pi pi-video"
       }
     }, h = (V) => {
-      const k = V.target.files[0];
-      if (k) {
+      const w = V.target.files[0];
+      if (w) {
         i.value = "";
-        const j = k.name.split(".");
-        y[f.type].accept.indexOf(j[j.length - 1]) == -1 ? i.value = y[f.type].error : k.size > y[f.type].maxSize ? i.value = "Файл слишком большого размера" : i.value || (a.value = k, E(), T());
+        const j = w.name.split(".");
+        y[f.type].accept.indexOf(j[j.length - 1]) == -1 ? i.value = y[f.type].error : w.size > y[f.type].maxSize ? i.value = "Файл слишком большого размера" : i.value || (a.value = w, E(), T());
       }
     }, E = async () => {
       if (a.value) {
@@ -2201,7 +2199,7 @@ const Id = (e, t = null) => {
         V.append("file", a.value);
         const j = (n.value ? n.value : "https://filebump2.services.mobilon.ru") + "/upload";
         try {
-          const w = await (await fetch(
+          const k = await (await fetch(
             j,
             {
               method: "POST",
@@ -2209,7 +2207,7 @@ const Id = (e, t = null) => {
             }
           )).json();
           l.value = "success", m("fileSelected", {
-            url: w.url,
+            url: k.url,
             filename: a.value.name,
             filesize: a.value.size,
             filetype: gf(a.value.type)
@@ -2221,20 +2219,20 @@ const Id = (e, t = null) => {
     }, T = () => {
       const V = a.value;
       if (V) {
-        const k = gf(V.type);
-        if (u.value = !1, A.value = !1, g.value = !1, k === "image" ? u.value = !0 : k === "video" ? A.value = !0 : k === "audio" && (g.value = !0), u.value || A.value) {
+        const w = gf(V.type);
+        if (u.value = !1, A.value = !1, g.value = !1, w === "image" ? u.value = !0 : w === "video" ? A.value = !0 : w === "audio" && (g.value = !0), u.value || A.value) {
           const D = new FileReader();
           D.onload = (x) => {
-            var Q;
-            (Q = x.target) != null && Q.result && (d.value = String(x.target.result));
+            var B;
+            (B = x.target) != null && B.result && (d.value = String(x.target.result));
           }, D.readAsDataURL(V);
         } else
           d.value = "";
         const j = ["б", "Кб", "Мб", "Гб"];
-        let I = V.size, w = 0;
+        let I = V.size, k = 0;
         for (; I > 1024; )
-          I = I / 1024, w++;
-        p.value = I.toFixed(2) + j[w];
+          I = I / 1024, k++;
+        p.value = I.toFixed(2) + j[k];
       }
     }, U = () => {
       a.value && (a.value = null, l.value = "");
@@ -2249,7 +2247,7 @@ const Id = (e, t = null) => {
       () => {
         l.value = "";
       }
-    ), (V, k) => {
+    ), (V, w) => {
       var j;
       return r(), c(q, null, [
         o("section", {
@@ -2269,9 +2267,9 @@ const Id = (e, t = null) => {
               onChange: h,
               accept: y[e.type].accept
             }, null, 40, ko),
-            k[1] || (k[1] = o("span", { class: "pi pi-paperclip file-upload-icon" }, null, -1)),
+            w[1] || (w[1] = o("span", { class: "pi pi-paperclip file-upload-icon" }, null, -1)),
             o("div", wo, [
-              k[0] || (k[0] = o("h2", { class: "attachment-title open-sans-bold" }, " Прикрепить файл ", -1)),
+              w[0] || (w[0] = o("h2", { class: "attachment-title open-sans-bold" }, " Прикрепить файл ", -1)),
               o("h2", No, N(y[e.type].text), 1)
             ])
           ])) : l.value === "success" ? (r(), R(la, {
@@ -2418,30 +2416,30 @@ const Id = (e, t = null) => {
     }, h = F(() => u.value ? f.wabaTemplates.filter((S) => S.groupId === u.value.groupId) : f.wabaTemplates), E = F(() => {
       const S = d.value.trim().toLowerCase();
       return h.value.filter((L) => L.title.toLowerCase().includes(S) || L.template.toLowerCase().includes(S));
-    }), T = Wn({}), U = M(!1), V = M(null), k = M(null), j = M(""), I = (S) => {
-      k.value = S, j.value = T[S] || "", U.value = !0;
-    }, w = () => {
-      U.value = !1, k.value = null, j.value = "";
+    }), T = Wn({}), U = M(!1), V = M(null), w = M(null), j = M(""), I = (S) => {
+      w.value = S, j.value = T[S] || "", U.value = !0;
+    }, k = () => {
+      U.value = !1, w.value = null, j.value = "";
     }, D = () => {
-      x(k.value, j.value), w();
+      x(w.value, j.value), k();
     }, x = (S, L) => {
       T[S] = L;
-    }, Q = F(() => {
+    }, B = F(() => {
       var ve;
       const S = (ve = A.value) == null ? void 0 : ve.template;
       if (!S) return [];
-      const L = [...S.matchAll(/{{\d+}}/g)], B = [];
+      const L = [...S.matchAll(/{{\d+}}/g)], Q = [];
       let X = 0;
       return L.forEach((De) => {
-        De.index > X && B.push(S.substring(X, De.index)), B.push({ index: parseInt(De[0].slice(2, -2)) }), X = De.index + De[0].length;
-      }), X < S.length && B.push(S.substring(X)), B;
+        De.index > X && Q.push(S.substring(X, De.index)), Q.push({ index: parseInt(De[0].slice(2, -2)) }), X = De.index + De[0].length;
+      }), X < S.length && Q.push(S.substring(X)), Q;
     }), H = F(() => {
-      var L, B;
+      var L, Q;
       if (!A.value)
         return !0;
       if (!((L = A.value) != null && L.template.match(/{{\d+}}/gi)))
         return !1;
-      const S = Object.keys(T).length !== ((B = A.value) == null ? void 0 : B.template.match(/{{\d+}}/gi).length);
+      const S = Object.keys(T).length !== ((Q = A.value) == null ? void 0 : Q.template.match(/{{\d+}}/gi).length);
       if (A.value.type === "TEXT")
         return S;
       if (A.value.type !== "TEXT")
@@ -2451,10 +2449,10 @@ const Id = (e, t = null) => {
         T[S] = "";
       }), g.value = null, A.value = null, y();
     }, ce = F(() => {
-      console.log(Q.value, A.value.buttons);
-      let S = Q.value.map((B) => typeof B == "string" ? B : T[B.index]).join(""), L = "";
-      return A.value.buttons && (L = A.value.buttons.map((B) => `
-| [` + B.text + "]").join("")), S.concat(L);
+      console.log(B.value, A.value.buttons);
+      let S = B.value.map((Q) => typeof Q == "string" ? Q : T[Q.index]).join(""), L = "";
+      return A.value.buttons && (L = A.value.buttons.map((Q) => `
+| [` + Q.text + "]").join("")), S.concat(L);
     }), le = F(() => {
       const S = [];
       for (const L in T)
@@ -2474,34 +2472,34 @@ const Id = (e, t = null) => {
           })
         ]),
         o("ul", Yo, [
-          (r(!0), c(q, null, Z(e.groupTemplates, (B, X) => (r(), c("li", {
+          (r(!0), c(q, null, Z(e.groupTemplates, (Q, X) => (r(), c("li", {
             key: X,
-            class: O(["template-selector__item-group", { "template-selector__item-selected": u.value === B }]),
+            class: O(["template-selector__item-group", { "template-selector__item-selected": u.value === Q }]),
             onClick: y
           }, [
             o("label", $o, [
-              B.iconUrl ? (r(), c("img", {
+              Q.iconUrl ? (r(), c("img", {
                 key: 0,
                 class: "template-selector__item-group-icon",
-                src: B.iconUrl,
-                alt: B.title
+                src: Q.iconUrl,
+                alt: Q.title
               }, null, 8, Fo)) : b("", !0),
               re(o("input", {
                 id: X,
                 "onUpdate:modelValue": L[0] || (L[0] = (ve) => u.value = ve),
-                value: B,
+                value: Q,
                 class: "template-selector__input-group",
                 type: "radio"
               }, null, 8, qo), [
                 [Pn, u.value]
               ]),
-              o("span", null, N(B.title), 1)
+              o("span", null, N(Q.title), 1)
             ])
           ], 2))), 128))
         ]),
         o("div", Po, [
           re(o("input", {
-            "onUpdate:modelValue": L[1] || (L[1] = (B) => d.value = B),
+            "onUpdate:modelValue": L[1] || (L[1] = (Q) => d.value = Q),
             class: "template-selector__searching-input",
             type: "text",
             placeholder: "Поиск шаблона"
@@ -2511,14 +2509,14 @@ const Id = (e, t = null) => {
         ]),
         o("div", Ho, [
           E.value.length !== 0 ? (r(), c("ul", Wo, [
-            (r(!0), c(q, null, Z(E.value, (B, X) => (r(), c("li", {
+            (r(!0), c(q, null, Z(E.value, (Q, X) => (r(), c("li", {
               key: X,
-              class: O(["template-selector__item-template", { "template-selector__item-selected": B.isSelected }]),
-              onClick: (ve) => v(B)
+              class: O(["template-selector__item-template", { "template-selector__item-selected": Q.isSelected }]),
+              onClick: (ve) => v(Q)
             }, [
               o("div", Jo, [
-                o("p", Go, N(B.title), 1),
-                o("p", Zo, N(B.template), 1)
+                o("p", Go, N(Q.title), 1),
+                o("p", Zo, N(Q.template), 1)
               ])
             ], 10, Ko))), 128))
           ])) : (r(), c("p", Xo, " Шаблоны отсутствуют "))
@@ -2528,7 +2526,7 @@ const Id = (e, t = null) => {
           ref: l,
           class: "template-selector__preview-container"
         }, [
-          Q.value.length > 0 ? (r(), c("div", el, [
+          B.value.length > 0 ? (r(), c("div", el, [
             o("div", tl, [
               A.value.type != "TEXT" ? (r(), R(Eo, {
                 key: 0,
@@ -2537,13 +2535,13 @@ const Id = (e, t = null) => {
                 onFileSelected: i
               }, null, 8, ["type", "template-id"])) : b("", !0),
               o("div", fl, [
-                (r(!0), c(q, null, Z(Q.value, (B, X) => (r(), c(q, { key: X }, [
-                  typeof B == "string" ? (r(), c("span", nl, N(B), 1)) : typeof B == "object" ? (r(), R(Io, {
+                (r(!0), c(q, null, Z(B.value, (Q, X) => (r(), c(q, { key: X }, [
+                  typeof Q == "string" ? (r(), c("span", nl, N(Q), 1)) : typeof Q == "object" ? (r(), R(Io, {
                     key: 1,
-                    index: B.index,
-                    value: T[B.index] || "Заполнить",
-                    "is-filled": !!T[B.index],
-                    onClick: (ve) => I(B.index)
+                    index: Q.index,
+                    value: T[Q.index] || "Заполнить",
+                    "is-filled": !!T[Q.index],
+                    onClick: (ve) => I(Q.index)
                   }, null, 8, ["index", "value", "is-filled", "onClick"])) : b("", !0)
                 ], 64))), 128))
               ]),
@@ -2572,7 +2570,7 @@ const Id = (e, t = null) => {
               re(o("input", {
                 ref_key: "inputRef",
                 ref: V,
-                "onUpdate:modelValue": L[2] || (L[2] = (B) => j.value = B),
+                "onUpdate:modelValue": L[2] || (L[2] = (Q) => j.value = Q),
                 type: "text",
                 placeholder: "Введите значение",
                 autofocus: U.value
@@ -2585,7 +2583,7 @@ const Id = (e, t = null) => {
               }, " Добавить "),
               o("button", {
                 class: "template-selector__modal-button-cancel",
-                onClick: w
+                onClick: k
               }, " Отменить ")
             ])) : b("", !0)
           ]),
@@ -2670,7 +2668,7 @@ const Id = (e, t = null) => {
       ], 544)
     ], 64));
   }
-}, Vd = /* @__PURE__ */ z(ul, [["__scopeId", "data-v-77f4b9a1"]]), Aa = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", ra = {
+}, Sd = /* @__PURE__ */ z(ul, [["__scopeId", "data-v-77f4b9a1"]]), Aa = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", ra = {
   recent: "Recently used",
   smileys_people: "Smiles & People",
   animals_nature: "Animals & Nature",
@@ -15104,8 +15102,8 @@ var lA = function(t, f) {
 function AA(e) {
   var t, f = e.state, n = e.name, a = e.options, s = f.elements.arrow, i = f.modifiersData.popperOffsets, l = ke(f.placement), u = on(l), A = [se, ye].indexOf(l) >= 0, g = A ? "height" : "width";
   if (!(!s || !i)) {
-    var d = lA(a.padding, f), p = sn(s), m = u === "y" ? ae : se, v = u === "y" ? he : ye, y = f.rects.reference[g] + f.rects.reference[u] - i[u] - f.rects.popper[g], h = i[u] - f.rects.reference[u], E = Nt(s), T = E ? u === "y" ? E.clientHeight || 0 : E.clientWidth || 0 : 0, U = y / 2 - h / 2, V = d[m], k = T - p[g] - d[v], j = T / 2 - p[g] / 2 + U, I = pt(V, j, k), w = u;
-    f.modifiersData[n] = (t = {}, t[w] = I, t.centerOffset = I - j, t);
+    var d = lA(a.padding, f), p = sn(s), m = u === "y" ? ae : se, v = u === "y" ? he : ye, y = f.rects.reference[g] + f.rects.reference[u] - i[u] - f.rects.popper[g], h = i[u] - f.rects.reference[u], E = Nt(s), T = E ? u === "y" ? E.clientHeight || 0 : E.clientWidth || 0 : 0, U = y / 2 - h / 2, V = d[m], w = T - p[g] - d[v], j = T / 2 - p[g] / 2 + U, I = pt(V, j, w), k = u;
+    f.modifiersData[n] = (t = {}, t[k] = I, t.centerOffset = I - j, t);
   }
 }
 function rA(e) {
@@ -15138,28 +15136,28 @@ function dA(e) {
   };
 }
 function On(e) {
-  var t, f = e.popper, n = e.popperRect, a = e.placement, s = e.variation, i = e.offsets, l = e.position, u = e.gpuAcceleration, A = e.adaptive, g = e.roundOffsets, d = e.isFixed, p = g === !0 ? dA(i) : typeof g == "function" ? g(i) : i, m = p.x, v = m === void 0 ? 0 : m, y = p.y, h = y === void 0 ? 0 : y, E = i.hasOwnProperty("x"), T = i.hasOwnProperty("y"), U = se, V = ae, k = window;
+  var t, f = e.popper, n = e.popperRect, a = e.placement, s = e.variation, i = e.offsets, l = e.position, u = e.gpuAcceleration, A = e.adaptive, g = e.roundOffsets, d = e.isFixed, p = g === !0 ? dA(i) : typeof g == "function" ? g(i) : i, m = p.x, v = m === void 0 ? 0 : m, y = p.y, h = y === void 0 ? 0 : y, E = i.hasOwnProperty("x"), T = i.hasOwnProperty("y"), U = se, V = ae, w = window;
   if (A) {
-    var j = Nt(f), I = "clientHeight", w = "clientWidth";
-    if (j === Me(f) && (j = Le(f), Ne(j).position !== "static" && l === "absolute" && (I = "scrollHeight", w = "scrollWidth")), j = j, a === ae || (a === se || a === ye) && s === It) {
+    var j = Nt(f), I = "clientHeight", k = "clientWidth";
+    if (j === Me(f) && (j = Le(f), Ne(j).position !== "static" && l === "absolute" && (I = "scrollHeight", k = "scrollWidth")), j = j, a === ae || (a === se || a === ye) && s === It) {
       V = he;
-      var D = d && k.visualViewport ? k.visualViewport.height : j[I];
+      var D = d && w.visualViewport ? w.visualViewport.height : j[I];
       h -= D - n.height, h *= u ? 1 : -1;
     }
     if (a === se || (a === ae || a === he) && s === It) {
       U = ye;
-      var x = d && k.visualViewport ? k.visualViewport.width : j[w];
+      var x = d && w.visualViewport ? w.visualViewport.width : j[k];
       v -= x - n.width, v *= u ? 1 : -1;
     }
   }
-  var Q = Object.assign({
+  var B = Object.assign({
     position: l
   }, A && cA);
   if (u) {
     var H;
-    return Object.assign({}, Q, (H = {}, H[V] = T ? "0" : "", H[U] = E ? "0" : "", H.transform = (k.devicePixelRatio || 1) <= 1 ? "translate(" + v + "px, " + h + "px)" : "translate3d(" + v + "px, " + h + "px, 0)", H));
+    return Object.assign({}, B, (H = {}, H[V] = T ? "0" : "", H[U] = E ? "0" : "", H.transform = (w.devicePixelRatio || 1) <= 1 ? "translate(" + v + "px, " + h + "px)" : "translate3d(" + v + "px, " + h + "px, 0)", H));
   }
-  return Object.assign({}, Q, (t = {}, t[V] = T ? h + "px" : "", t[U] = E ? v + "px" : "", t.transform = "", t));
+  return Object.assign({}, B, (t = {}, t[V] = T ? h + "px" : "", t[U] = E ? v + "px" : "", t.transform = "", t));
 }
 function gA(e) {
   var t = e.state, f = e.options, n = f.gpuAcceleration, a = n === void 0 ? !0 : n, s = f.adaptive, i = s === void 0 ? !0 : s, l = f.roundOffsets, u = l === void 0 ? !0 : l, A = {
@@ -15349,12 +15347,12 @@ function _a(e) {
 }
 function kt(e, t) {
   t === void 0 && (t = {});
-  var f = t, n = f.placement, a = n === void 0 ? e.placement : n, s = f.boundary, i = s === void 0 ? Fl : s, l = f.rootBoundary, u = l === void 0 ? ga : l, A = f.elementContext, g = A === void 0 ? ot : A, d = f.altBoundary, p = d === void 0 ? !1 : d, m = f.padding, v = m === void 0 ? 0 : m, y = va(typeof v != "number" ? v : ba(v, wt)), h = g === ot ? ql : ot, E = e.rects.popper, T = e.elements[p ? h : g], U = kA(Je(T) ? T : T.contextElement || Le(e.elements.popper), i, u), V = Ze(e.elements.reference), k = _a({
+  var f = t, n = f.placement, a = n === void 0 ? e.placement : n, s = f.boundary, i = s === void 0 ? Fl : s, l = f.rootBoundary, u = l === void 0 ? ga : l, A = f.elementContext, g = A === void 0 ? ot : A, d = f.altBoundary, p = d === void 0 ? !1 : d, m = f.padding, v = m === void 0 ? 0 : m, y = va(typeof v != "number" ? v : ba(v, wt)), h = g === ot ? ql : ot, E = e.rects.popper, T = e.elements[p ? h : g], U = kA(Je(T) ? T : T.contextElement || Le(e.elements.popper), i, u), V = Ze(e.elements.reference), w = _a({
     reference: V,
     element: E,
     strategy: "absolute",
     placement: a
-  }), j = Ff(Object.assign({}, E, k)), I = g === ot ? j : V, w = {
+  }), j = Ff(Object.assign({}, E, w)), I = g === ot ? j : V, k = {
     top: U.top - I.top + y.top,
     bottom: I.bottom - U.bottom + y.bottom,
     left: U.left - I.left + y.left,
@@ -15362,12 +15360,12 @@ function kt(e, t) {
   }, D = e.modifiersData.offset;
   if (g === ot && D) {
     var x = D[a];
-    Object.keys(w).forEach(function(Q) {
-      var H = [ye, he].indexOf(Q) >= 0 ? 1 : -1, te = [ae, he].indexOf(Q) >= 0 ? "y" : "x";
-      w[Q] += x[te] * H;
+    Object.keys(k).forEach(function(B) {
+      var H = [ye, he].indexOf(B) >= 0 ? 1 : -1, te = [ae, he].indexOf(B) >= 0 ? "y" : "x";
+      k[B] += x[te] * H;
     });
   }
-  return w;
+  return k;
 }
 function wA(e, t) {
   t === void 0 && (t = {});
@@ -15407,25 +15405,25 @@ function DA(e) {
         flipVariations: v,
         allowedAutoPlacements: y
       }) : xe);
-    }, []), k = t.rects.reference, j = t.rects.popper, I = /* @__PURE__ */ new Map(), w = !0, D = V[0], x = 0; x < V.length; x++) {
-      var Q = V[x], H = ke(Q), te = Xe(Q) === Ke, ce = [ae, he].indexOf(H) >= 0, le = ce ? "width" : "height", S = kt(t, {
-        placement: Q,
+    }, []), w = t.rects.reference, j = t.rects.popper, I = /* @__PURE__ */ new Map(), k = !0, D = V[0], x = 0; x < V.length; x++) {
+      var B = V[x], H = ke(B), te = Xe(B) === Ke, ce = [ae, he].indexOf(H) >= 0, le = ce ? "width" : "height", S = kt(t, {
+        placement: B,
         boundary: g,
         rootBoundary: d,
         altBoundary: p,
         padding: A
       }), L = ce ? te ? ye : se : te ? he : ae;
-      k[le] > j[le] && (L = Bt(L));
-      var B = Bt(L), X = [];
-      if (s && X.push(S[H] <= 0), l && X.push(S[L] <= 0, S[B] <= 0), X.every(function(Fe) {
+      w[le] > j[le] && (L = Bt(L));
+      var Q = Bt(L), X = [];
+      if (s && X.push(S[H] <= 0), l && X.push(S[L] <= 0, S[Q] <= 0), X.every(function(Fe) {
         return Fe;
       })) {
-        D = Q, w = !1;
+        D = B, k = !1;
         break;
       }
-      I.set(Q, X);
+      I.set(B, X);
     }
-    if (w)
+    if (k)
       for (var ve = v ? 3 : 1, De = function(xe) {
         var st = V.find(function(Tt) {
           var Be = I.get(Tt);
@@ -15543,7 +15541,7 @@ function LA(e) {
     rootBoundary: A,
     padding: d,
     altBoundary: g
-  }), E = ke(t.placement), T = Xe(t.placement), U = !T, V = on(E), k = zA(V), j = t.modifiersData.popperOffsets, I = t.rects.reference, w = t.rects.popper, D = typeof y == "function" ? y(Object.assign({}, t.rects, {
+  }), E = ke(t.placement), T = Xe(t.placement), U = !T, V = on(E), w = zA(V), j = t.modifiersData.popperOffsets, I = t.rects.reference, k = t.rects.popper, D = typeof y == "function" ? y(Object.assign({}, t.rects, {
     placement: t.placement
   })) : y, x = typeof D == "number" ? {
     mainAxis: D,
@@ -15551,21 +15549,21 @@ function LA(e) {
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, D), Q = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, H = {
+  }, D), B = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, H = {
     x: 0,
     y: 0
   };
   if (j) {
     if (s) {
-      var te, ce = V === "y" ? ae : se, le = V === "y" ? he : ye, S = V === "y" ? "height" : "width", L = j[V], B = L + h[ce], X = L - h[le], ve = m ? -w[S] / 2 : 0, De = T === Ke ? I[S] : w[S], at = T === Ke ? -w[S] : -I[S], Et = t.elements.arrow, Fe = m && Et ? sn(Et) : {
+      var te, ce = V === "y" ? ae : se, le = V === "y" ? he : ye, S = V === "y" ? "height" : "width", L = j[V], Q = L + h[ce], X = L - h[le], ve = m ? -k[S] / 2 : 0, De = T === Ke ? I[S] : k[S], at = T === Ke ? -k[S] : -I[S], Et = t.elements.arrow, Fe = m && Et ? sn(Et) : {
         width: 0,
         height: 0
-      }, xe = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : ya(), st = xe[ce], Tt = xe[le], Be = pt(0, I[S], Fe[S]), Mf = U ? I[S] / 2 - ve - Be - st - x.mainAxis : De - Be - st - x.mainAxis, Na = U ? -I[S] / 2 + ve + Be + Tt + x.mainAxis : at + Be + Tt + x.mainAxis, _f = t.elements.arrow && Nt(t.elements.arrow), Da = _f ? V === "y" ? _f.clientTop || 0 : _f.clientLeft || 0 : 0, cn = (te = Q == null ? void 0 : Q[V]) != null ? te : 0, ja = L + Mf - cn - Da, Ea = L + Na - cn, dn = pt(m ? pf(B, ja) : B, L, m ? Ye(X, Ea) : X);
+      }, xe = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : ya(), st = xe[ce], Tt = xe[le], Be = pt(0, I[S], Fe[S]), Mf = U ? I[S] / 2 - ve - Be - st - x.mainAxis : De - Be - st - x.mainAxis, Na = U ? -I[S] / 2 + ve + Be + Tt + x.mainAxis : at + Be + Tt + x.mainAxis, _f = t.elements.arrow && Nt(t.elements.arrow), Da = _f ? V === "y" ? _f.clientTop || 0 : _f.clientLeft || 0 : 0, cn = (te = B == null ? void 0 : B[V]) != null ? te : 0, ja = L + Mf - cn - Da, Ea = L + Na - cn, dn = pt(m ? pf(Q, ja) : Q, L, m ? Ye(X, Ea) : X);
       j[V] = dn, H[V] = dn - L;
     }
     if (l) {
-      var gn, Ta = V === "x" ? ae : se, xa = V === "x" ? he : ye, Qe = j[k], xt = k === "y" ? "height" : "width", mn = Qe + h[Ta], pn = Qe - h[xa], If = [ae, se].indexOf(E) !== -1, hn = (gn = Q == null ? void 0 : Q[k]) != null ? gn : 0, yn = If ? mn : Qe - I[xt] - w[xt] - hn + x.altAxis, vn = If ? Qe + I[xt] + w[xt] - hn - x.altAxis : pn, bn = m && If ? oA(yn, Qe, vn) : pt(m ? yn : mn, Qe, m ? vn : pn);
-      j[k] = bn, H[k] = bn - Qe;
+      var gn, Ta = V === "x" ? ae : se, xa = V === "x" ? he : ye, Qe = j[w], xt = w === "y" ? "height" : "width", mn = Qe + h[Ta], pn = Qe - h[xa], If = [ae, se].indexOf(E) !== -1, hn = (gn = B == null ? void 0 : B[w]) != null ? gn : 0, yn = If ? mn : Qe - I[xt] - k[xt] - hn + x.altAxis, vn = If ? Qe + I[xt] + k[xt] - hn - x.altAxis : pn, bn = m && If ? oA(yn, Qe, vn) : pt(m ? yn : mn, Qe, m ? vn : pn);
+      j[w] = bn, H[w] = bn - Qe;
     }
     t.modifiersData[n] = H;
   }
@@ -15711,10 +15709,10 @@ function HA(e) {
                 g.reset = !1, V = -1;
                 continue;
               }
-              var k = g.orderedModifiers[V], j = k.fn, I = k.options, w = I === void 0 ? {} : I, D = k.name;
+              var w = g.orderedModifiers[V], j = w.fn, I = w.options, k = I === void 0 ? {} : I, D = w.name;
               typeof j == "function" && (g = j({
                 state: g,
-                options: w,
+                options: k,
                 name: D,
                 instance: m
               }) || g);
@@ -15740,14 +15738,14 @@ function HA(e) {
       g.orderedModifiers.forEach(function(h) {
         var E = h.name, T = h.options, U = T === void 0 ? {} : T, V = h.effect;
         if (typeof V == "function") {
-          var k = V({
+          var w = V({
             state: g,
             name: E,
             instance: m,
             options: U
           }), j = function() {
           };
-          d.push(k || j);
+          d.push(w || j);
         }
       });
     }
@@ -16418,7 +16416,7 @@ const Pr = {
       })
     ], 64));
   }
-}, Sd = /* @__PURE__ */ z(Pr, [["__scopeId", "data-v-a6a1f980"]]), Hr = { class: "context-menu__container" }, Wr = { class: "context-menu__list" }, Kr = ["onClick"], Jr = ["src"], Gr = {
+}, Cd = /* @__PURE__ */ z(Pr, [["__scopeId", "data-v-a6a1f980"]]), Hr = { class: "context-menu__container" }, Wr = { class: "context-menu__list" }, Kr = ["onClick"], Jr = ["src"], Gr = {
   __name: "ContextMenu",
   props: {
     actions: {
@@ -16469,46 +16467,62 @@ function Zr(e, t = 500) {
 }
 const Xr = { class: "feed-search__container" }, eu = { style: { "line-height": "40px" } }, tu = ["placeholder"], fu = /* @__PURE__ */ P({
   __name: "FeedSearch",
-  emits: ["search", "cancel"],
+  props: {
+    isFeedLocation: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["search", "cancel", "switch"],
   setup(e, { emit: t }) {
-    const f = t, n = M(), a = Zr("", 500);
+    const f = t, n = e, a = M(), s = Zr("", 500), i = F(() => {
+      if (n.isFeedLocation) return "40px";
+      if (!n.isFeedLocation) return "20px";
+    });
     J(
-      () => a.value,
+      () => s.value,
       () => {
-        f("search", a.value);
+        f("search", s.value);
       }
     );
-    const s = () => {
-      const i = C(n);
-      i && (i.value = ""), f("cancel");
+    const l = () => {
+      const u = C(a);
+      u && (u.value = ""), f("cancel");
     };
     return oe(() => {
-      const i = C(n);
-      i == null || i.focus(), s(), f("search", i == null ? void 0 : i.value);
-    }), (i, l) => (r(), R(W, null, {
+      const u = C(a);
+      u == null || u.focus(), f("search", u == null ? void 0 : u.value);
+    }), (u, A) => (r(), R(W, null, {
       default: K(() => [
         o("div", Xr, [
           o("span", eu, N(C(ue)("component.FeedSearch.SearchLabel")), 1),
           re(o("input", {
             ref_key: "refInput",
-            ref: n,
+            ref: a,
             class: "feed-search__input",
             type: "text",
             placeholder: C(ue)("component.FeedSearch.SearchPlaceholder"),
-            "onUpdate:modelValue": l[0] || (l[0] = (u) => La(a) ? a.value = u : null)
+            "onUpdate:modelValue": A[0] || (A[0] = (g) => La(s) ? s.value = g : null)
           }, null, 8, tu), [
-            [Pe, C(a)]
+            [Pe, C(s)]
           ]),
           o("i", {
             class: "pi pi-times",
-            onClick: s
-          })
+            onClick: l,
+            style: ee({ right: i.value })
+          }, null, 4),
+          e.isFeedLocation ? (r(), c("span", {
+            key: 0,
+            class: "pi pi-refresh",
+            style: { "margin-left": "5px", "margin-top": "10px", cursor: "pointer" },
+            onClick: A[1] || (A[1] = (g) => f("switch"))
+          })) : b("", !0)
         ])
       ]),
       _: 1
     }));
   }
-}), Cd = /* @__PURE__ */ z(fu, [["__scopeId", "data-v-d3e5d72d"]]), nu = { class: "feed-found-item__avatar-container" }, au = ["src"], su = {
+}), Od = /* @__PURE__ */ z(fu, [["__scopeId", "data-v-52489317"]]), nu = { class: "feed-found-item__avatar-container" }, au = ["src"], su = {
   key: 1,
   class: "pi pi-user"
 }, iu = { class: "feed-found-item__info" }, ou = { class: "feed-found-item__first-line" }, lu = { class: "feed-found-item__name" }, Au = { class: "feed-found-item__time" }, ru = { class: "feed-found-item__second-line" }, uu = ["src"], cu = /* @__PURE__ */ P({
@@ -16596,7 +16610,7 @@ const Xr = { class: "feed-search__container" }, eu = { style: { "line-height": "
       A.messageId && (f("clickedSearch", A.messageId), s.value = A);
     }, u = () => {
       const A = C(a);
-      console.log(n.objects), A.scrollHeight - A.scrollTop - A.clientHeight <= 0 && f("loadMore");
+      A.scrollHeight - A.scrollTop - A.clientHeight <= 0 && f("loadMore");
     };
     return (A, g) => (r(), c(q, null, [
       o("h3", gu, N(C(ue)("component.FeedFoundObjects.results")) + ": " + N(e.foundAmount), 1),
@@ -16620,7 +16634,7 @@ const Xr = { class: "feed-search__container" }, eu = { style: { "line-height": "
       ])) : b("", !0)
     ], 64));
   }
-}), Od = /* @__PURE__ */ z(hu, [["__scopeId", "data-v-fcfd69e0"]]), nt = /* @__PURE__ */ P({
+}), zd = /* @__PURE__ */ z(hu, [["__scopeId", "data-v-c32de248"]]), nt = /* @__PURE__ */ P({
   __name: "BaseReplyMessage",
   props: {
     message: {
@@ -16848,11 +16862,11 @@ const Xr = { class: "feed-search__container" }, eu = { style: { "line-height": "
       },
       { immediate: !0 }
     );
-    const A = (k) => {
-      n("reply", k);
+    const A = (w) => {
+      n("reply", w);
     };
-    function g(k) {
-      k.preventDefault(), k.target.href && window.open(k.target.href, "_blank");
+    function g(w) {
+      w.preventDefault(), w.target.href && window.open(w.target.href, "_blank");
     }
     const d = () => {
       n("action", { messageId: f.message.messageId, type: "views" });
@@ -16862,19 +16876,19 @@ const Xr = { class: "feed-search__container" }, eu = { style: { "line-height": "
     }, v = () => {
       i.value = !1, s.value = !1;
     }, y = F(() => f.message.reply && f.message.text ? "0" : f.message.text ? "8px 8px 0 0" : f.message.reply ? "0 0 8px 8px" : "8px"), h = F(() => ft(f.message.status));
-    function E(k) {
-      return k.position === "left" ? "image-message__left" : "image-message__right";
+    function E(w) {
+      return w.position === "left" ? "image-message__left" : "image-message__right";
     }
-    const T = () => a.value = !1, U = (k) => {
-      k.target.classList.contains("image-message__modal-overlay") && T();
-    }, V = (k) => {
-      k.key === "Escape" && a.value && T();
+    const T = () => a.value = !1, U = (w) => {
+      w.target.classList.contains("image-message__modal-overlay") && T();
+    }, V = (w) => {
+      w.key === "Escape" && a.value && T();
     };
     return oe(() => {
       document.addEventListener("keydown", V);
     }), et(() => {
       document.removeEventListener("keydown", V);
-    }), (k, j) => (r(), c("div", {
+    }), (w, j) => (r(), c("div", {
       class: O(["image-message", E(e.message)]),
       messageId: e.message.messageId,
       onMouseleave: v
@@ -17181,10 +17195,10 @@ const Xr = { class: "feed-search__container" }, eu = { style: { "line-height": "
       a.value && (s.value ? a.value.pause() : a.value.play(), s.value = !s.value);
     }
     const V = (D) => {
-      const x = Math.floor(D / 60), Q = Math.floor(D % 60);
-      return `${x.toString().padStart(2, "0")}:${Q.toString().padStart(2, "0")}`;
-    }, k = F(() => a.value ? V(l.value) : "0:00"), j = F(() => a.value ? V(i.value) : "0:00"), I = F(() => i.value > 0 ? l.value / i.value * 100 : 0);
-    function w(D) {
+      const x = Math.floor(D / 60), B = Math.floor(D % 60);
+      return `${x.toString().padStart(2, "0")}:${B.toString().padStart(2, "0")}`;
+    }, w = F(() => a.value ? V(l.value) : "0:00"), j = F(() => a.value ? V(i.value) : "0:00"), I = F(() => i.value > 0 ? l.value / i.value * 100 : 0);
+    function k(D) {
       return D.position === "left" ? "audio-message__left" : "audio-message__right";
     }
     return oe(() => {
@@ -17194,9 +17208,9 @@ const Xr = { class: "feed-search__container" }, eu = { style: { "line-height": "
         l.value = a.value != null ? a.value.currentTime : 0;
       }));
     }), (D, x) => {
-      var Q;
+      var B;
       return r(), c("div", {
-        class: O(["audio-message", w(e.message)]),
+        class: O(["audio-message", k(e.message)]),
         messageId: e.message.messageId,
         onMouseleave: y
       }, [
@@ -17248,7 +17262,7 @@ const Xr = { class: "feed-search__container" }, eu = { style: { "line-height": "
                 style: ee({ width: I.value + "%" })
               }, null, 4)
             ]),
-            o("p", dc, N(`${k.value} / ${j.value}`), 1),
+            o("p", dc, N(`${w.value} / ${j.value}`), 1),
             o("a", {
               class: "audio-message__download-button",
               onClick: vt(() => "//Предотвращаем всплытие события клика", ["stop"]),
@@ -17259,7 +17273,7 @@ const Xr = { class: "feed-search__container" }, eu = { style: { "line-height": "
               o("span", { class: "pi pi-download" }, null, -1)
             ]), 8, gc)
           ]),
-          (Q = e.message.transcript) != null && Q.text ? (r(), c("div", mc, [
+          (B = e.message.transcript) != null && B.text ? (r(), c("div", mc, [
             o("p", {
               onClick: x[0] || (x[0] = (H) => d.value = !d.value)
             }, N(e.message.transcript.text), 1)
@@ -17285,7 +17299,7 @@ const Xr = { class: "feed-search__container" }, eu = { style: { "line-height": "
               o("p", null, N(e.message.views), 1)
             ])) : b("", !0),
             o("span", vc, N(e.message.time), 1),
-            w(e.message) === "audio-message__right" && C(tt).includes(e.message.status) ? (r(), c("div", {
+            k(e.message) === "audio-message__right" && C(tt).includes(e.message.status) ? (r(), c("div", {
               key: 1,
               class: O(["audio-message__status", T.value])
             }, [
@@ -17376,11 +17390,11 @@ const Xr = { class: "feed-search__container" }, eu = { style: { "line-height": "
   },
   emits: ["action", "reply"],
   setup(e, { emit: t }) {
-    const f = e, n = t, a = (w) => {
-      n("reply", w);
+    const f = e, n = t, a = (k) => {
+      n("reply", k);
     };
-    function s(w) {
-      return w.position === "left" ? "video-message__left" : "video-message__right";
+    function s(k) {
+      return k.position === "left" ? "video-message__left" : "video-message__right";
     }
     const i = M(), l = M(), u = M(!1), A = M(!1), g = M(!1), d = M(!1), p = M("");
     J(
@@ -17390,8 +17404,8 @@ const Xr = { class: "feed-search__container" }, eu = { style: { "line-height": "
       },
       { immediate: !0 }
     );
-    function m(w) {
-      w.preventDefault(), w.target.href && window.open(w.target.href, "_blank");
+    function m(k) {
+      k.preventDefault(), k.target.href && window.open(k.target.href, "_blank");
     }
     const v = () => {
       n("action", { messageId: f.message.messageId, type: "views" });
@@ -17403,19 +17417,19 @@ const Xr = { class: "feed-search__container" }, eu = { style: { "line-height": "
     }, T = F(() => ft(f.message.status)), U = () => {
       l.value && (l.value.currentTime = 0, l.value.play());
     };
-    J([i, l], ([w, D]) => {
-      w ? D && (D.pause(), D.currentTime = 0) : D && (D.play(), D.currentTime = 0);
+    J([i, l], ([k, D]) => {
+      k ? D && (D.pause(), D.currentTime = 0) : D && (D.play(), D.currentTime = 0);
     });
-    const V = F(() => f.message.reply && f.message.text ? "0" : f.message.text ? "8px 8px 0 0" : f.message.reply ? "0 0 8px 8px" : "8px"), k = () => u.value = !1, j = (w) => {
-      w.target.classList.contains("video-message__modal-overlay") && k();
-    }, I = (w) => {
-      w.key === "Escape" && u.value && k();
+    const V = F(() => f.message.reply && f.message.text ? "0" : f.message.text ? "8px 8px 0 0" : f.message.reply ? "0 0 8px 8px" : "8px"), w = () => u.value = !1, j = (k) => {
+      k.target.classList.contains("video-message__modal-overlay") && w();
+    }, I = (k) => {
+      k.key === "Escape" && u.value && w();
     };
     return oe(() => {
       document.addEventListener("keydown", I);
     }), et(() => {
       document.removeEventListener("keydown", I);
-    }), (w, D) => (r(), c(q, null, [
+    }), (k, D) => (r(), c(q, null, [
       o("div", {
         class: O(["video-message", s(e.message)]),
         messageId: e.message.messageId,
@@ -17539,7 +17553,7 @@ const Xr = { class: "feed-search__container" }, eu = { style: { "line-height": "
               o("div", Rc, [
                 o("button", {
                   class: "video-message__modal-close-button",
-                  onClick: k
+                  onClick: w
                 }, D[7] || (D[7] = [
                   o("span", null, [
                     o("i", { class: "pi pi-times" })
@@ -18053,17 +18067,17 @@ function un({ component: e, attrs: t }) {
     A.mount(n);
   });
 }
-const zd = async (e, t) => {
+const Ld = async (e, t) => {
   const f = await un({
     //в component должен быть встроен emit change(key: value)
-    component: import("./SelectUser2-BLSqC2or.js"),
+    component: import("./SelectUser2-CfoZO2-f.js"),
     attrs: {
       title: e,
       users: t
     }
   });
   return console.log("data", f), f;
-}, Ld = async (e) => {
+}, Ud = async (e) => {
   const t = await un({
     //в component должен быть встроен emit change(key: value)
     component: import("./CreateChat-fkFKBxtQ.js"),
@@ -18072,13 +18086,13 @@ const zd = async (e, t) => {
     }
   });
   return console.log("data", t), t;
-}, Ud = async (e) => await un({
+}, Bd = async (e) => await un({
   //в component должен быть встроен emit change(key: value)
   component: import("./CreateChat2-DgUQ2F5L.js"),
   attrs: {
     title: e
   }
-}), H1 = ["id"], Bd = {
+}), H1 = ["id"], Qd = {
   __name: "BaseContainer",
   props: {
     height: String,
@@ -18098,7 +18112,7 @@ const zd = async (e, t) => {
       ], 4)
     ], 8, H1));
   }
-}, W1 = ["id"], K1 = { class: "float-window__container" }, J1 = ["src", "alt"], G1 = { class: "float-window__title" }, Z1 = {
+}, W1 = ["id"], K1 = { class: "float-window__container" }, J1 = ["src", "alt"], G1 = { class: "float-window__title" }, Z1 = { style: { "margin-left": "auto", display: "flex" } }, X1 = {
   __name: "FloatContainer",
   props: {
     title: {
@@ -18130,7 +18144,7 @@ const zd = async (e, t) => {
     };
     return oe(() => {
       document.addEventListener("mousemove", m), window.addEventListener("resize", () => {
-        n.value.x = Math.max(
+        a.value && (n.value.x = Math.max(
           0,
           Math.min(
             n.value.x,
@@ -18142,7 +18156,7 @@ const zd = async (e, t) => {
             n.value.y,
             window.innerHeight - a.value.offsetHeight
           )
-        );
+        ));
       }), A.value = a.value.offsetHeight - s.value.offsetHeight;
     }), (v, y) => (r(), c("div", {
       id: C(g),
@@ -18175,12 +18189,15 @@ const zd = async (e, t) => {
             alt: f.title
           }, null, 8, J1)) : b("", !0),
           o("p", G1, N(f.title), 1),
-          o("button", {
-            class: "float-window__close-button",
-            onClick: y[0] || (y[0] = (h) => v.$emit("close-window"))
-          }, y[1] || (y[1] = [
-            o("span", { class: "pi pi-times" }, null, -1)
-          ]))
+          o("div", Z1, [
+            ne(v.$slots, "controls", {}, void 0, !0),
+            o("button", {
+              class: "float-window__close-button",
+              onClick: y[0] || (y[0] = (h) => v.$emit("close-window"))
+            }, y[1] || (y[1] = [
+              o("span", { class: "pi pi-times" }, null, -1)
+            ]))
+          ])
         ], 36),
         o("div", {
           class: "float-window__content",
@@ -18191,18 +18208,18 @@ const zd = async (e, t) => {
       ])
     ], 12, W1));
   }
-}, Qd = /* @__PURE__ */ z(Z1, [["__scopeId", "data-v-b0994783"]]), X1 = {}, ed = { class: "base-layout__container" }, td = { class: "base-layout__first-col" }, fd = { class: "base-layout__second-col" };
-function nd(e, t) {
-  return r(), c("div", ed, [
-    o("div", td, [
+}, Rd = /* @__PURE__ */ z(X1, [["__scopeId", "data-v-ad697d4f"]]), ed = {}, td = { class: "base-layout__container" }, fd = { class: "base-layout__first-col" }, nd = { class: "base-layout__second-col" };
+function ad(e, t) {
+  return r(), c("div", td, [
+    o("div", fd, [
       ne(e.$slots, "first-col", {}, void 0, !0)
     ]),
-    o("div", fd, [
+    o("div", nd, [
       ne(e.$slots, "second-col", {}, void 0, !0)
     ])
   ]);
 }
-const Rd = /* @__PURE__ */ z(X1, [["render", nd], ["__scopeId", "data-v-a5df3fcf"]]), ad = { class: "extend-layout__container" }, sd = { class: "extend-layout__first-col" }, id = { class: "extend-layout__third-col" }, od = {
+const Yd = /* @__PURE__ */ z(ed, [["render", ad], ["__scopeId", "data-v-a5df3fcf"]]), sd = { class: "extend-layout__container" }, id = { class: "extend-layout__first-col" }, od = { class: "extend-layout__third-col" }, ld = {
   __name: "ExtendedLayout",
   setup(e) {
     const t = M(null);
@@ -18219,8 +18236,8 @@ const Rd = /* @__PURE__ */ z(X1, [["render", nd], ["__scopeId", "data-v-a5df3fcf
     };
     return oe(() => {
       t.value && (t.value.style.width = "350px");
-    }), (A, g) => (r(), c("div", ad, [
-      o("div", sd, [
+    }), (A, g) => (r(), c("div", sd, [
+      o("div", id, [
         ne(A.$slots, "first-col", {}, void 0, !0)
       ]),
       o("div", {
@@ -18233,26 +18250,26 @@ const Rd = /* @__PURE__ */ z(X1, [["render", nd], ["__scopeId", "data-v-a5df3fcf
       }, [
         ne(A.$slots, "second-col", {}, void 0, !0)
       ], 36),
-      o("div", id, [
+      o("div", od, [
         ne(A.$slots, "third-col", {}, void 0, !0)
       ])
     ]));
   }
-}, Yd = /* @__PURE__ */ z(od, [["__scopeId", "data-v-7c3b977d"]]), ld = {}, Ad = { class: "base-layout__container" }, rd = { class: "base-layout__first-col" };
-function ud(e, t) {
-  return r(), c("div", Ad, [
-    o("div", rd, [
+}, $d = /* @__PURE__ */ z(ld, [["__scopeId", "data-v-7c3b977d"]]), Ad = {}, rd = { class: "base-layout__container" }, ud = { class: "base-layout__first-col" };
+function cd(e, t) {
+  return r(), c("div", rd, [
+    o("div", ud, [
       ne(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const $d = /* @__PURE__ */ z(ld, [["render", ud], ["__scopeId", "data-v-e71ea0ed"]]), cd = { class: "chat-wrapper" }, dd = {
+const Fd = /* @__PURE__ */ z(Ad, [["render", cd], ["__scopeId", "data-v-e71ea0ed"]]), dd = { class: "chat-wrapper" }, gd = {
   key: 0,
   class: "chat-wrapper__selected-chat"
-}, gd = {
+}, md = {
   key: 1,
   style: { width: "100%" }
-}, md = /* @__PURE__ */ P({
+}, pd = /* @__PURE__ */ P({
   __name: "ChatWrapper",
   props: {
     isOpenChatPanel: {
@@ -18265,10 +18282,10 @@ const $d = /* @__PURE__ */ z(ld, [["render", ud], ["__scopeId", "data-v-e71ea0ed
     }
   },
   setup(e) {
-    return (t, f) => (r(), c("div", cd, [
-      e.isSelectedChat ? (r(), c("div", dd, [
+    return (t, f) => (r(), c("div", dd, [
+      e.isSelectedChat ? (r(), c("div", gd, [
         ne(t.$slots, "default", {}, void 0, !0)
-      ])) : (r(), c("div", gd, [
+      ])) : (r(), c("div", md, [
         o("p", null, N(C(ue)("layout.ChatWrapper.noSelectedChat")), 1)
       ])),
       e.isOpenChatPanel ? (r(), c("div", {
@@ -18280,31 +18297,31 @@ const $d = /* @__PURE__ */ z(ld, [["render", ud], ["__scopeId", "data-v-e71ea0ed
       ], 4)) : b("", !0)
     ]));
   }
-}), Fd = /* @__PURE__ */ z(md, [["__scopeId", "data-v-12c6a622"]]);
+}), qd = /* @__PURE__ */ z(pd, [["__scopeId", "data-v-12c6a622"]]);
 export {
   wc as A,
   oa as B,
   s1 as C,
   Ec as D,
-  Ud as E,
+  Bd as E,
   zu as F,
-  Bd as G,
-  Qd as H,
+  Qd as G,
+  Rd as H,
   Gu as I,
-  Rd as J,
-  Yd as K,
+  Yd as J,
+  $d as K,
   jt as L,
-  $d as M,
-  Fd as N,
-  _d as O,
-  Id as P,
-  kd as Q,
+  Fd as M,
+  qd as N,
+  Id as O,
+  kd as P,
+  wd as Q,
   p1 as R,
   A1 as S,
   ic as T,
-  Md as U,
+  _d as U,
   Fc as V,
-  wd as W,
+  Nd as W,
   gf as X,
   tt as Y,
   ft as Z,
@@ -18315,24 +18332,24 @@ export {
   O1 as d,
   Q1 as e,
   nt as f,
-  hd as g,
-  yd as h,
-  vd as i,
-  bd as j,
-  Nd as k,
-  Dd as l,
-  jd as m,
-  Ed as n,
-  Td as o,
+  yd as g,
+  vd as h,
+  bd as i,
+  Md as j,
+  Dd as k,
+  jd as l,
+  Ed as m,
+  Td as n,
+  xd as o,
   Tf as p,
   Gi as q,
   bo as r,
-  xd as s,
-  Vd as t,
-  Sd as u,
+  Vd as s,
+  Sd as t,
+  Cd as u,
   Ue as v,
-  Cd as w,
-  Od as x,
-  zd as y,
-  Ld as z
+  Od as w,
+  zd as x,
+  Ld as y,
+  Ud as z
 };