@oneb/ui-vue 0.0.89 → 0.0.91

package/dist/layout/index.js

@@ -1,10 +1,10 @@
-import { openBlock as s, createElementBlock as l, createElementVNode as e, defineComponent as s1, computed as $, ref as _, resolveComponent as M1, Fragment as U, normalizeClass as x, createBlock as m, resolveDynamicComponent as g, createCommentVNode as n, toDisplayString as i, unref as b, withModifiers as e1, withCtx as t1, renderList as Q, watch as l1, onMounted as T1, onBeforeUnmount as z1, watchEffect as O1, shallowRef as E1, normalizeStyle as H1, withDirectives as $1, vShow as S1, createVNode as S, createTextVNode as P1, renderSlot as B1 } from "vue";
-import { r as X, c as Y, d as F1, O as N1, b as W1 } from "../OneBrowserMenu-8cf71483.js";
-import { _ as o1 } from "../_plugin-vue_export-helper-dad06003.js";
-import { _ as j1, S as q1 } from "../index-ab76dea6.js";
-import { r as R1 } from "../XMarkIcon-51ef0691.js";
+import { openBlock as t, createElementBlock as l, createElementVNode as e, defineComponent as n1, computed as k, ref as _, resolveComponent as O1, Fragment as Z, toDisplayString as d, createCommentVNode as n, normalizeClass as x, createBlock as m, resolveDynamicComponent as g, unref as b, withModifiers as l1, withCtx as o1, renderList as e1, watch as a1, onMounted as j1, onBeforeUnmount as I1, watchEffect as A1, shallowRef as H1, normalizeStyle as P1, withDirectives as S1, vShow as B1, createVNode as V, createTextVNode as F1, onUnmounted as N1, renderSlot as M1 } from "vue";
+import { r as t1, c as s1, d as W1, O as q1, b as R1 } from "../OneBrowserMenu-8cf71483.js";
+import { _ as r1 } from "../_plugin-vue_export-helper-dad06003.js";
+import { _ as T1, S as U1 } from "../index-ab76dea6.js";
+import { r as Z1 } from "../XMarkIcon-51ef0691.js";
 import "../common/index.js";
-const A1 = {
+const z1 = {
   items: {
     required: !0,
     type: Array
@@ -24,7 +24,7 @@ const A1 = {
   news: {
     type: Object
   }
-}, U1 = {
+}, D1 = {
   route: {
     required: !1,
     type: [Object, String]
@@ -76,8 +76,8 @@ const A1 = {
     required: !1
     // Не обов'язковий, бо може бути відсутнім
   }
-}, Z1 = {
-  sidebarItems: A1.items,
+}, G1 = {
+  sidebarItems: z1.items,
   logoSrc: {
     type: String
   },
@@ -116,8 +116,8 @@ const A1 = {
     type: Object
   }
 };
-function D1(u, h) {
-  return s(), l("svg", {
+function J1(h, f) {
+  return t(), l("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -132,8 +132,8 @@ function D1(u, h) {
     })
   ]);
 }
-function G1(u, h) {
-  return s(), l("svg", {
+function K1(h, f) {
+  return t(), l("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -148,8 +148,8 @@ function G1(u, h) {
     })
   ]);
 }
-function J1(u, h) {
-  return s(), l("svg", {
+function Q1(h, f) {
+  return t(), l("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -164,8 +164,8 @@ function J1(u, h) {
     })
   ]);
 }
-function K1(u, h) {
-  return s(), l("svg", {
+function X1(h, f) {
+  return t(), l("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -180,141 +180,141 @@ function K1(u, h) {
     })
   ]);
 }
-const Q1 = ["href"], X1 = { class: "flex flex-nowrap items-center w-full h-[24px]" }, Y1 = {
+const Y1 = {
   key: 0,
-  class: "w-[44px] flex-shrink-0"
-}, ee = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, te = { class: "py-[8px] pl-0 pr-0" }, se = {
-  key: 1,
   style: { "font-size": "10px" },
   class: "text-[#979CA9] uppercase px-2 pt-2 font-medium"
-}, le = { class: "flex flex-nowrap items-center w-full h-[24px]" }, oe = {
+}, ee = ["href"], te = { class: "flex flex-nowrap items-center w-full h-[24px]" }, se = {
+  key: 0,
+  class: "w-[44px] flex-shrink-0"
+}, le = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, oe = { class: "py-[8px] pl-0 pr-0" }, ne = { class: "flex flex-nowrap items-center w-full h-[24px]" }, ae = {
   key: 0,
   class: "w-[44px] flex-shrink-0"
-}, ne = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, ae = { class: "py-[8px] pl-0 pr-0" }, re = {
+}, re = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, ie = { class: "py-[8px] pl-0 pr-0" }, de = {
   key: 1,
   class: "p-3"
-}, ie = { class: "flex flex-nowrap items-center w-full h-[24px] mb-0.5" }, pe = {
+}, pe = { class: "flex flex-nowrap items-center w-full h-[24px] mb-0.5" }, ue = {
   key: 0,
   class: "w-[44px] flex-shrink-0"
-}, de = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, ue = { class: "py-[8px] pl-0 pr-0" }, ce = {
+}, ce = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, he = { class: "py-[8px] pl-0 pr-0" }, fe = {
   key: 1,
   class: "p-3"
-}, he = ["href"], fe = { class: "flex items-center justify-between min-w-full h-[24px]" }, me = { class: "text-xs" }, ve = {
+}, ve = ["href"], me = { class: "flex items-center justify-between min-w-full h-[24px]" }, Ce = { class: "text-xs" }, we = {
   key: 0,
-  class: "pr-3"
-}, Ce = { class: "text-xs" }, we = {
+  class: "pr-1"
+}, xe = { class: "text-xs" }, be = {
   key: 0,
   class: "pr-3"
-}, xe = /* @__PURE__ */ s1({
+}, ye = /* @__PURE__ */ n1({
   __name: "OneSidebarLink",
-  props: U1,
+  props: D1,
   emits: ["update-collapsed"],
-  setup(u, { emit: h }) {
-    const a = u, p = $(() => a.href ?? !1), y = $(() => w(a)), w = (t) => t.route ? t.route : t.routeName ? { name: t.routeName } : "", d = _(a.open), L = () => {
-      d.value = !d.value;
-    }, A = (t) => {
-      a.subItems && a.subItems.length > 0 && (t.preventDefault(), L());
+  setup(h, { emit: f }) {
+    const a = h, p = k(() => a.href ?? !1), y = k(() => w(a)), w = (r) => r.route ? r.route : r.routeName ? { name: r.routeName } : "", u = _(a.open), L = () => {
+      u.value = !u.value;
+    }, $ = (r) => {
+      a.subItems && a.subItems.length > 0 && (r.preventDefault(), L());
     };
-    return (t, f) => {
-      const I = M1("RouterLink");
-      return s(), l(U, null, [
-        p.value ? (s(), l("a", {
-          key: 0,
+    return (r, D) => {
+      const O = O1("RouterLink");
+      return t(), l(Z, null, [
+        r.labelTop && !r.slim ? (t(), l("p", Y1, d(r.labelTop), 1)) : n("", !0),
+        p.value ? (t(), l("a", {
+          key: 1,
           href: p.value,
-          class: x(["flex items-center relative rounded-lg text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66] mb-0.5", [t.slim ? "w-[44px] h-[44px]" : "h-[44px] w-full"]]),
-          onClick: A
+          class: x(["flex items-center relative rounded-lg text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66] mb-0.5", [r.slim ? "w-[44px] h-[44px]" : "h-[44px] w-full"]]),
+          onClick: $
         }, [
-          e("div", X1, [
-            t.icon ? (s(), l("div", Y1, [
-              (s(), m(g(t.icon), { class: "w-[24px] h-[24px] mx-auto" }))
+          e("div", te, [
+            r.icon ? (t(), l("div", se, [
+              (t(), m(g(r.icon), { class: "w-[24px] h-[24px] mx-auto" }))
             ])) : n("", !0),
-            e("div", ee, [
-              e("span", te, i(t.label), 1)
+            e("div", le, [
+              e("span", oe, d(r.label), 1)
             ]),
-            a.subItems && a.subItems.length > 0 ? (s(), l("div", {
+            a.subItems && a.subItems.length > 0 ? (t(), l("div", {
               key: 1,
-              class: x(["ml-auto", [t.slim ? "hidden" : ""]])
+              class: x(["ml-auto", [r.slim ? "hidden" : ""]])
             }, [
-              (s(), m(g(d.value ? b(X) : b(Y)), { class: "w-[16px] h-[16px]" }))
+              (t(), m(g(u.value ? b(t1) : b(s1)), { class: "w-[16px] h-[16px]" }))
             ], 2)) : n("", !0)
           ])
-        ], 10, Q1)) : n("", !0),
-        t.labelTop && !t.slim ? (s(), l("p", se, i(t.labelTop), 1)) : n("", !0),
-        !p.value && y.value ? (s(), m(I, {
+        ], 10, ee)) : n("", !0),
+        !p.value && y.value ? (t(), m(O, {
           key: 2,
           to: y.value,
-          class: x(["relative flex items-center cursor-pointer rounded-lg text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66] mb-0.5", [t.slim ? "w-[44px] h-[44px]" : "h-[44px] w-full"]]),
+          class: x(["relative flex items-center cursor-pointer rounded-lg text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66] mb-0.5", [r.slim ? "w-[44px] h-[44px]" : "h-[44px] w-full"]]),
           "active-class": "bg-primary-10 !text-primary-base",
           "exact-active-class": "bg-primary-10 !text-primary-base",
-          exact: t.exact,
-          onClick: e1(A, ["prevent"])
+          exact: r.exact,
+          onClick: l1($, ["prevent"])
         }, {
-          default: t1(() => [
-            e("div", le, [
-              t.icon ? (s(), l("div", oe, [
-                (s(), m(g(t.icon), { class: "w-[24px] h-[24px] mx-auto" }))
+          default: o1(() => [
+            e("div", ne, [
+              r.icon ? (t(), l("div", ae, [
+                (t(), m(g(r.icon), { class: "w-[24px] h-[24px] mx-auto" }))
               ])) : n("", !0),
-              e("div", ne, [
-                e("span", ae, i(t.label), 1)
+              e("div", re, [
+                e("span", ie, d(r.label), 1)
               ]),
-              a.subItems && a.subItems.length > 0 && !t.slim ? (s(), l("div", re, [
-                (s(), m(g(d.value ? b(X) : b(Y)), { class: "w-[16px] h-[16px]" }))
+              a.subItems && a.subItems.length > 0 && !r.slim ? (t(), l("div", de, [
+                (t(), m(g(u.value ? b(t1) : b(s1)), { class: "w-[16px] h-[16px]" }))
               ])) : n("", !0)
             ])
           ]),
           _: 1
         }, 8, ["to", "exact", "class"])) : n("", !0),
-        !p.value && !y.value ? (s(), l("span", {
+        !p.value && !y.value ? (t(), l("span", {
           key: 3,
-          onClick: e1(A, ["prevent"]),
-          class: x([[t.slim ? "w-[44px] h-[44px]" : "h-[44px] w-full"], "mb-0.5 relative flex items-center cursor-pointer rounded-lg text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]"])
+          onClick: l1($, ["prevent"]),
+          class: x([[r.slim ? "w-[44px] h-[44px]" : "h-[44px] w-full"], "mb-0.5 relative flex items-center cursor-pointer rounded-lg text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]"])
         }, [
-          e("div", ie, [
-            t.icon ? (s(), l("div", pe, [
-              (s(), m(g(t.icon), { class: "w-[24px] h-[24px] mx-auto" }))
+          e("div", pe, [
+            r.icon ? (t(), l("div", ue, [
+              (t(), m(g(r.icon), { class: "w-[24px] h-[24px] mx-auto" }))
             ])) : n("", !0),
-            e("div", de, [
-              e("span", ue, i(t.label), 1)
+            e("div", ce, [
+              e("span", he, d(r.label), 1)
             ]),
-            a.subItems && a.subItems.length > 0 && !t.slim ? (s(), l("div", ce, [
-              (s(), m(g(d.value ? b(X) : b(Y)), { class: "w-[16px] h-[16px]" }))
+            a.subItems && a.subItems.length > 0 && !r.slim ? (t(), l("div", fe, [
+              (t(), m(g(u.value ? b(t1) : b(s1)), { class: "w-[16px] h-[16px]" }))
             ])) : n("", !0)
           ])
         ], 2)) : n("", !0),
-        d.value && a.subItems ? (s(), l("div", {
+        u.value && a.subItems ? (t(), l("div", {
           key: 4,
-          class: x([t.slim ? "hidden" : "pl-[36px] pr-3"])
+          class: x([r.slim ? "hidden" : "pl-[36px] pr-3"])
         }, [
           e("div", {
-            class: x([(t.slim, "")])
+            class: x([(r.slim, "")])
           }, [
-            (s(!0), l(U, null, Q(a.subItems, (v) => (s(), l("div", {
-              key: v.label,
-              class: x([(t.slim, "")])
+            (t(!0), l(Z, null, e1(a.subItems, (s) => (t(), l("div", {
+              key: s.label,
+              class: x([(r.slim, "")])
             }, [
-              v.href ? (s(), l("a", {
+              s.href ? (t(), l("a", {
                 key: 0,
-                href: v.href,
-                class: "flex items-center mb-0.5rounded-lg p-2 text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]"
+                href: s.href,
+                class: "flex items-center mb-0.5 rounded-lg p-2 text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]"
               }, [
-                e("div", fe, [
-                  e("span", me, i(v.label), 1),
-                  v.icon ? (s(), l("div", ve, [
-                    (s(), m(g(v.icon), { class: "w-[20px] h-[20px] mx-auto" }))
+                e("div", me, [
+                  e("span", Ce, d(s.label), 1),
+                  s.icon ? (t(), l("div", we, [
+                    (t(), m(g(s.icon), { class: "w-[15px] h-[15px] mx-auto" }))
                   ])) : n("", !0)
                 ])
-              ], 8, he)) : (s(), m(I, {
+              ], 8, ve)) : (t(), m(O, {
                 key: 1,
-                to: w(v),
+                to: w(s),
                 class: "flex items-center rounded-lg p-2 text-sm font-medium hover:bg-primary-10-hover mb-0.5 hover:text-primary-base transition-all text-[#525B66]",
-                exact: t.exact,
+                exact: r.exact,
                 "active-class": "bg-primary-10 !text-primary-base",
                 "exact-active-class": "bg-primary-10 !text-primary-base"
               }, {
-                default: t1(() => [
-                  e("span", Ce, i(v.label), 1),
-                  v.icon ? (s(), l("div", we, [
-                    (s(), m(g(v.icon), { class: "w-[20px] h-[20px] mx-auto" }))
+                default: o1(() => [
+                  e("span", xe, d(s.label), 1),
+                  s.icon ? (t(), l("div", be, [
+                    (t(), m(g(s.icon), { class: "w-[20px] h-[20px] mx-auto" }))
                   ])) : n("", !0)
                 ]),
                 _: 2
@@ -325,15 +325,15 @@ const Q1 = ["href"], X1 = { class: "flex flex-nowrap items-center w-full h-[24px
       ], 64);
     };
   }
-}), be = {}, ye = {
+}), ge = {}, _e = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none"
 };
-function ge(u, h) {
-  return s(), l("svg", ye, h[0] || (h[0] = [
+function Le(h, f) {
+  return t(), l("svg", _e, f[0] || (f[0] = [
     e("path", {
       d: "M9.27987 15.963H7.76282V9.97577C7.76282 9.67316 7.575 9.40658 7.29326 9.29851L6.7948 9.11839V8.57802V8.03766H8.10957C8.60081 8.03766 8.91867 8.12412 9.05592 8.30424C9.20763 8.48436 9.27987 8.8374 9.27987 9.36335V15.963Z",
       fill: "currentColor"
@@ -350,490 +350,491 @@ function ge(u, h) {
     }, null, -1)
   ]));
 }
-const I1 = /* @__PURE__ */ o1(be, [["render", ge]]), V1 = (u) => {
-  if (Array.isArray(u))
-    return u.map(b);
-  const h = b(u);
-  return Array.isArray(h) ? h : [h];
-}, _e = (u, h) => {
+const E1 = /* @__PURE__ */ r1(ge, [["render", Le]]), V1 = (h) => {
+  if (Array.isArray(h))
+    return h.map(b);
+  const f = b(h);
+  return Array.isArray(f) ? f : [f];
+}, ke = (h, f) => {
   let a;
   const p = (y) => {
     y.forEach((w) => {
-      const d = b(w);
-      if (d) {
-        if (!(d instanceof Element))
+      const u = b(w);
+      if (u) {
+        if (!(u instanceof Element))
           throw console.error("Vuestic: Trying to observe non-HTMLElement", {
-            target: d,
-            array: u
+            target: u,
+            array: h
           }), new Error("Vuestic: Unable to observe non-HTMLElement");
-        d && (a == null || a.observe(d));
+        u && (a == null || a.observe(u));
       }
     });
   };
-  return l1(u, (y) => {
+  return a1(h, (y) => {
     a == null || a.disconnect(), p(V1(y));
-  }), T1(() => {
-    a = new ResizeObserver(h), p(V1(u));
-  }), z1(() => a == null ? void 0 : a.disconnect()), a;
-}, Le = (u) => {
-  const h = _(null);
-  return _e([u], () => {
+  }), j1(() => {
+    a = new ResizeObserver(f), p(V1(h));
+  }), I1(() => a == null ? void 0 : a.disconnect()), a;
+}, $e = (h) => {
+  const f = _(null);
+  return ke([h], () => {
     var a;
-    h.value = ((a = u.value) == null ? void 0 : a.clientWidth) ?? null;
-  }), O1(() => {
+    f.value = ((a = h.value) == null ? void 0 : a.clientWidth) ?? null;
+  }), A1(() => {
     var a;
-    h.value = ((a = u.value) == null ? void 0 : a.clientWidth) ?? null;
-  }), h;
-}, ke = ["href"], $e = { class: "relative rounded-lg bg-[#FFF8E4] px-2 py-3" }, Se = { class: "w-[44px] mx-auto" }, Be = { class: "text-center text-xs pt-2" }, Ve = {
+    f.value = ((a = h.value) == null ? void 0 : a.clientWidth) ?? null;
+  }), f;
+}, Se = { class: "mt-auto shrink" }, Be = ["href"], Me = { class: "relative rounded-lg bg-[#FFF8E4] px-1 py-3" }, Ve = { class: "w-[44px] mx-auto" }, Oe = { class: "text-center text-xs pt-2" }, je = {
   key: 1,
   class: "flex justify-between border rounded-lg p-2 bg-[#F5F5F5] mb-3 w-full"
-}, Me = { class: "flex items-center space-x-2 text-[#525B66]" }, Oe = { class: "w-[24px] mx-auto" }, je = { class: "text-sm" }, Ae = { class: "text-xs" }, Ie = ["href"], Te = { class: "flex flex-nowrap items-center w-max h-[24px]" }, ze = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]" }, Ee = { class: "py-[8px] pl-0 pr-[8px]" }, He = ["href"], Pe = { class: "flex flex-nowrap items-center w-max h-[24px]" }, Fe = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, Ne = { class: "py-[8px] pl-0 pr-[8px]" }, We = {
+}, Ae = { class: "flex items-center space-x-2 text-[#525B66]" }, Te = { class: "w-[24px] mx-auto" }, ze = { class: "text-sm" }, Ee = { class: "text-xs" }, Ie = ["href"], He = { class: "flex flex-nowrap items-center w-max h-[24px]" }, Pe = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]" }, Fe = { class: "py-[8px] pl-0 pr-[8px]" }, Ne = ["href"], We = { class: "flex flex-nowrap items-center w-max h-[24px]" }, qe = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, Re = { class: "py-[8px] pl-0 pr-[8px]" }, Ue = {
   key: 4,
   class: "custom-select ml-3 w-full relative pt-3"
-}, qe = { class: "pl-2" }, Re = {
+}, Ze = { class: "pl-2" }, De = {
   key: 0,
   class: "dropdown w-[220px] z-10 text-[#525B66]"
-}, Ue = ["onClick"], Ze = {
+}, Ge = ["onClick"], Je = {
   key: 0,
   class: "mt-3 h-0 border-t border-secondary-stroke mb-3"
-}, De = { class: "flex flex-nowrap items-center w-full h-[24px]" }, Ge = { class: "w-[44px] flex-shrink-0 relative" }, Je = {
+}, Ke = { class: "flex flex-nowrap items-center w-full h-[24px]" }, Qe = { class: "w-[44px] flex-shrink-0 relative" }, Xe = {
   key: 0,
   class: "absolute top-0 right-1.5 w-2 h-2 bg-blue-600 text-white rounded-full animate-ping z-0"
-}, Ke = {
+}, Ye = {
   key: 1,
   class: "absolute top-0 right-1.5 w-2 h-2 bg-blue-500 text-white rounded-full z-10"
-}, Qe = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, Xe = { class: "py-[8px] pl-0 pr-[8px]" }, Ye = ["href"], e0 = { class: "flex flex-nowrap items-center w-full h-[24px]" }, t0 = { class: "w-[44px] flex-shrink-0 relative" }, s0 = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, l0 = { class: "py-[8px] pl-0 pr-[8px]" }, o0 = /* @__PURE__ */ s1({
+}, e0 = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, t0 = { class: "py-[8px] pl-0 pr-[8px]" }, s0 = ["href"], l0 = { class: "flex flex-nowrap items-center w-full h-[24px]" }, o0 = { class: "w-[44px] flex-shrink-0 relative" }, n0 = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, a0 = { class: "py-[8px] pl-0 pr-[8px]" }, r0 = /* @__PURE__ */ n1({
   __name: "OneSidebar",
-  props: A1,
+  props: z1,
   emits: ["show-news", "show-tariff", "select-language", "update-collapsed", "update:modelValue"],
-  setup(u, { emit: h }) {
-    var H, P, F;
-    const a = h, p = u, y = $(() => {
+  setup(h, { emit: f }) {
+    var T, z, E;
+    const a = f, p = h, y = k(() => {
       var o;
       return ((o = p.news) == null ? void 0 : o.unseenCount) || 0;
     }), w = () => {
       a("show-news");
-    }, d = _(!1), L = _(p.hoverable);
-    l1(p, () => {
+    }, u = _(!1), L = _(p.hoverable);
+    a1(p, () => {
       p.modelValue ? L.value = !0 : L.value = !1;
     }), p.modelValue && (L.value = !0);
-    const A = E1(), t = $(() => ""), f = $(() => "");
-    $(() => v.value ? p.minimizedWidth : p.width);
-    const I = (o) => {
-      d.value = L.value && o;
-    }, v = $(() => L.value && !d.value), k = $(() => !!v.value), T = _(), z = Le(T), E = $(() => p.modelValue === !0 || z.value === null ? !0 : z.value > 0), Z = _(), D = () => v.value ? p.minimizedWidth : p.width;
-    O1(() => {
-      const o = D();
+    const $ = H1(), r = k(() => s.value ? "" : "w-[260px]"), D = k(() => ""), O = (o) => {
+      u.value = L.value && o;
+    }, s = k(() => L.value && !u.value), c = k(() => !!s.value), G = _(), j = $e(G), A = k(() => p.modelValue === !0 || j.value === null ? !0 : j.value > 0), J = _(), K = () => s.value ? p.minimizedWidth : p.width;
+    A1(() => {
+      const o = K();
       setTimeout(() => {
-        Z.value = o;
+        J.value = o;
       });
     });
-    const B = _(!1), V = _((H = p.app) != null && H.availableLang && ((P = p.app) == null ? void 0 : P.availableLang.length) > 0 ? (F = p.app) == null ? void 0 : F.availableLang.find((o) => {
+    const S = _(!1), B = _((T = p.app) != null && T.availableLang && ((z = p.app) == null ? void 0 : z.availableLang.length) > 0 ? (E = p.app) == null ? void 0 : E.availableLang.find((o) => {
       var C;
       return o.id == ((C = p.app) == null ? void 0 : C.lang);
-    }) : null), G = () => {
-      B.value = !B.value;
-    }, J = (o) => {
-      V.value = o, B.value = !1, a("select-language", o);
-    }, K = () => {
-      var o, C, M, O;
-      console.log("Selected Plan URL:", (C = (o = p.app) == null ? void 0 : o.selectedPlan) == null ? void 0 : C.url), (O = (M = p.app) == null ? void 0 : M.selectedPlan) != null && O.url && (window.location.href = p.app.selectedPlan.url);
+    }) : null), Q = () => {
+      S.value = !S.value;
+    }, X = (o) => {
+      B.value = o, S.value = !1, a("select-language", o);
+    }, Y = () => {
+      var o, C;
+      (C = (o = p.app) == null ? void 0 : o.selectedPlan) != null && C.url && (window.location.href = p.app.selectedPlan.url);
     };
     return (o, C) => {
-      var M, O, N, W, q, r, j, R, n1, a1, r1, i1, p1, d1, u1, c1, h1, f1, m1, v1, C1, w1, x1, b1, y1, g1;
-      return s(), l("aside", {
+      var I, H, P, F, N, W, q, R, i, M, U, i1, d1, p1, u1, c1, h1, f1, v1, m1, C1, w1, x1, b1, y1, g1, _1;
+      return t(), l("aside", {
         ref_key: "rootElement",
-        ref: A,
-        class: x(["oneb-sidebar space-y-1 pt-[56px] p-2 cont", t.value]),
-        style: H1(f.value),
-        onMouseenter: C[0] || (C[0] = (c) => I(!0)),
-        onMouseleave: C[1] || (C[1] = (c) => I(!1))
+        ref: $,
+        class: x(["oneb-sidebar pt-[56px] p-2 cont max-w-[270px] flex flex-col", r.value]),
+        style: P1(D.value),
+        onMouseenter: C[0] || (C[0] = (v) => O(!0)),
+        onMouseleave: C[1] || (C[1] = (v) => O(!1))
       }, [
-        $1(e("div", {
-          class: "overflow-y-auto top-[56px] left-0 overflow-hidden bg-white lg:bg-transparent transition-all z-50",
+        S1(e("div", {
+          class: "overflow-y-auto top-[56px] left-0 overflow-hidden bg-white lg:bg-transparent transition-all z-50 pt-2 flex-grow",
           ref_key: "menu",
-          ref: T
+          ref: G
         }, [
-          e("div", null, [
-            (s(!0), l(U, null, Q(o.items, (c) => (s(), m(xe, {
-              key: c.label,
-              labelTop: c.labelTop,
-              subItemsVisible: c == null ? void 0 : c.subItemsVisible,
-              subItems: c.subItems,
-              open: c.open,
-              icon: c.icon,
-              label: c.label,
-              route: c.route,
-              href: c.href,
-              slim: k.value,
-              "route-name": c.routeName,
-              exact: c.exact || !1
-            }, null, 8, ["labelTop", "subItemsVisible", "subItems", "open", "icon", "label", "route", "href", "slim", "route-name", "exact"]))), 128))
-          ])
+          (t(!0), l(Z, null, e1(o.items, (v) => (t(), m(ye, {
+            key: v.label,
+            labelTop: v.labelTop,
+            subItems: v.subItems,
+            open: v.open,
+            icon: v.icon,
+            label: v.label,
+            route: v.route,
+            href: v.href,
+            slim: c.value,
+            "route-name": v.routeName,
+            exact: v.exact || !1
+          }, null, 8, ["labelTop", "subItems", "open", "icon", "label", "route", "href", "slim", "route-name", "exact"]))), 128))
         ], 512), [
-          [S1, E.value]
+          [B1, A.value]
         ]),
-        $1(e("div", null, [
+        S1(e("div", Se, [
           e("div", {
-            class: x([k.value ? "hidden" : "w-full"])
+            class: x([c.value ? "hidden" : "w-full hidden md:flex-col md:flex px-2"])
           }, [
-            (M = o.app) != null && M.offerPlan ? (s(), l("a", {
+            (I = o.app) != null && I.offerPlan ? (t(), l("a", {
               key: 0,
-              href: (O = o.app) == null ? void 0 : O.offerPlan.url,
+              href: (H = o.app) == null ? void 0 : H.offerPlan.url,
               class: "relative w-full border rounded-lg p-[1px] bg-[#FFF8E4] mb-3 block",
               target: "_blank",
               rel: "noopener noreferrer"
             }, [
               C[2] || (C[2] = e("div", { class: "absolute inset-0 rounded-lg bg-gradient-to-r from-[#E1A508] via-red-500 to-[#E04040]" }, null, -1)),
-              e("div", $e, [
-                e("div", Se, [
-                  (s(), m(g((N = o.app) == null ? void 0 : N.offerPlan.icon), { class: "w-[24px] h-[24px] mx-auto" }))
+              e("div", Me, [
+                e("div", Ve, [
+                  (t(), m(g((P = o.app) == null ? void 0 : P.offerPlan.icon), { class: "w-[24px] h-[24px] mx-auto" }))
                 ]),
-                e("p", Be, i((W = o.app) == null ? void 0 : W.offerPlan.title) + " «" + i((q = o.app) == null ? void 0 : q.offerPlan.name) + "» " + i((r = o.app) == null ? void 0 : r.offerPlan.title1), 1)
+                e("p", Oe, d((F = o.app) == null ? void 0 : F.offerPlan.title) + " «" + d((N = o.app) == null ? void 0 : N.offerPlan.name) + "» " + d((W = o.app) == null ? void 0 : W.offerPlan.title1), 1)
               ])
-            ], 8, ke)) : n("", !0),
-            (j = o.app) != null && j.selectedPlan ? (s(), l("div", Ve, [
-              e("div", Me, [
-                e("div", Oe, [
-                  (s(), m(g((R = o.app) == null ? void 0 : R.selectedPlan.icon), { class: "w-[24px] h-[24px]" }))
+            ], 8, Be)) : n("", !0),
+            (q = o.app) != null && q.selectedPlan && ((R = o.app) != null && R.selectedPlan.name) ? (t(), l("div", je, [
+              e("div", Ae, [
+                e("div", Te, [
+                  (t(), m(g((i = o.app) == null ? void 0 : i.selectedPlan.icon), { class: "w-[24px] h-[24px]" }))
                 ]),
                 e("div", null, [
-                  e("p", je, i(((n1 = o.app) == null ? void 0 : n1.selectedPlan.name) || "Free"), 1),
-                  e("p", Ae, i(((a1 = o.app) == null ? void 0 : a1.selectedPlan.title) || "Тарифний план"), 1)
+                  e("p", ze, d(((M = o.app) == null ? void 0 : M.selectedPlan.name) || ""), 1),
+                  e("p", Ee, d(((U = o.app) == null ? void 0 : U.selectedPlan.title) || ""), 1)
                 ])
               ]),
               e("div", null, [
-                S(j1, {
+                V(T1, {
                   class: "text-[#525B66] hover:text-[#4089E0]",
                   variant: "touch",
-                  icon: b(F1),
-                  onClick: K
+                  icon: b(W1),
+                  onClick: Y
                 }, null, 8, ["icon"])
               ])
             ])) : n("", !0),
-            (r1 = o.app) != null && r1.terms ? (s(), l("a", {
+            (i1 = o.app) != null && i1.terms ? (t(), l("a", {
               key: 2,
-              href: (i1 = o.app) == null ? void 0 : i1.terms.url,
+              href: (d1 = o.app) == null ? void 0 : d1.terms.url,
               target: "_blank",
               class: "ml-3 flex items-center rounded-lg text-xs hover:underline font-extralight"
             }, [
-              e("div", Te, [
-                e("div", ze, [
-                  e("span", Ee, i(((p1 = o.app) == null ? void 0 : p1.terms.label) || "Terms"), 1)
+              e("div", He, [
+                e("div", Pe, [
+                  e("span", Fe, d(((p1 = o.app) == null ? void 0 : p1.terms.label) || "Terms"), 1)
                 ])
               ])
             ], 8, Ie)) : n("", !0),
-            (d1 = o.app) != null && d1.offer ? (s(), l("a", {
+            (u1 = o.app) != null && u1.offer ? (t(), l("a", {
               key: 3,
-              href: (u1 = o.app) == null ? void 0 : u1.offer.url,
+              href: (c1 = o.app) == null ? void 0 : c1.offer.url,
               target: "_blank",
               class: "ml-3 flex items-center rounded-lg text-xs hover:underline text-[#525B66] font-extralight"
             }, [
-              e("div", Pe, [
-                e("div", Fe, [
-                  e("span", Ne, i(((c1 = o.app) == null ? void 0 : c1.offer.label) || "Offert"), 1)
+              e("div", We, [
+                e("div", qe, [
+                  e("span", Re, d(((h1 = o.app) == null ? void 0 : h1.offer.label) || "Offert"), 1)
                 ])
               ])
-            ], 8, He)) : n("", !0),
-            (f1 = (h1 = o.app) == null ? void 0 : h1.availableLang) != null && f1.length ? (s(), l("div", We, [
+            ], 8, Ne)) : n("", !0),
+            (v1 = (f1 = o.app) == null ? void 0 : f1.availableLang) != null && v1.length ? (t(), l("div", Ue, [
               e("div", {
                 class: "select-box flex gap-x-3 text-xs text-[#525B66] cursor-pointer",
-                onClick: G
+                onClick: Q
               }, [
-                S(b(J1), { class: "w-4" }),
-                P1(" " + i((m1 = V.value) == null ? void 0 : m1.name) + " ", 1),
-                e("span", qe, i(B.value ? "▲" : "▼"), 1)
+                V(b(Q1), { class: "w-4" }),
+                F1(" " + d((m1 = B.value) == null ? void 0 : m1.name) + " ", 1),
+                e("span", Ze, d(S.value ? "▲" : "▼"), 1)
               ]),
-              B.value ? (s(), l("div", Re, [
-                (s(!0), l(U, null, Q((v1 = o.app) == null ? void 0 : v1.availableLang, (c) => {
-                  var _1, L1;
-                  return s(), l("div", {
-                    key: c.id,
-                    class: x(["px-2", { "hover:bg-slate-200 rounded-lg cursor-pointer": c.id !== ((_1 = V.value) == null ? void 0 : _1.id), "text-gray-300": c.id === ((L1 = V.value) == null ? void 0 : L1.id) }]),
-                    onClick: (G0) => {
-                      var k1;
-                      return c.id !== ((k1 = V.value) == null ? void 0 : k1.id) && J(c);
+              S.value ? (t(), l("div", De, [
+                (t(!0), l(Z, null, e1((C1 = o.app) == null ? void 0 : C1.availableLang, (v) => {
+                  var L1, k1;
+                  return t(), l("div", {
+                    key: v.id,
+                    class: x(["px-2", { "hover:bg-slate-200 rounded-lg cursor-pointer": v.id !== ((L1 = B.value) == null ? void 0 : L1.id), "text-gray-300": v.id === ((k1 = B.value) == null ? void 0 : k1.id) }]),
+                    onClick: (Q0) => {
+                      var $1;
+                      return v.id !== (($1 = B.value) == null ? void 0 : $1.id) && X(v);
                     }
-                  }, i(c.name), 11, Ue);
+                  }, d(v.name), 11, Ge);
                 }), 128))
               ])) : n("", !0)
             ])) : n("", !0)
           ], 2),
-          k.value ? n("", !0) : (s(), l("div", Ze)),
+          c.value ? n("", !0) : (t(), l("div", Je)),
           e("div", {
-            class: x(["flex", [o.slim ? " grid" : "grid"]])
+            class: x(["flex", [(o.slim, "grid")]])
           }, [
-            o.news ? (s(), l("a", {
+            o.news ? (t(), l("a", {
               key: 0,
               href: "#",
-              class: x(["text-[#525B66] flex items-center rounded-lg text-sm tooltip hover:bg-primary-10-hover hover:text-primary-base transition-all", [k.value ? "w-[44px] h-[44px]" : "w-full h-[44px]"]]),
+              class: x(["text-[#525B66] flex items-center rounded-lg text-sm tooltip hover:bg-primary-10-hover hover:text-primary-base transition-all", [c.value ? "w-[44px] h-[44px]" : "w-full h-[44px]"]]),
               onClick: w
             }, [
-              e("div", De, [
-                e("div", Ge, [
+              e("div", Ke, [
+                e("div", Qe, [
                   e("div", null, [
-                    (s(), m(g(I1), { class: "w-[24px] h-[24px] mx-auto" }))
+                    (t(), m(g(E1), { class: "w-[24px] h-[24px] mx-auto" }))
                   ]),
-                  y.value > 0 ? (s(), l("span", Je)) : n("", !0),
-                  y.value > 0 ? (s(), l("span", Ke)) : n("", !0)
+                  y.value > 0 ? (t(), l("span", Xe)) : n("", !0),
+                  y.value > 0 ? (t(), l("span", Ye)) : n("", !0)
                 ]),
-                e("div", Qe, [
-                  e("span", Xe, i(o.news.menuLabel || "News"), 1)
+                e("div", e0, [
+                  e("span", t0, d(o.news.menuLabel || "News"), 1)
                 ])
               ])
             ], 2)) : n("", !0),
-            (C1 = o.app) != null && C1.support ? (s(), l("a", {
+            (w1 = o.app) != null && w1.support ? (t(), l("a", {
               key: 1,
-              href: (x1 = (w1 = o.app) == null ? void 0 : w1.support) == null ? void 0 : x1.url,
-              class: x(["text-[#525B66] flex items-center rounded-lg text-sm tooltip hover:bg-primary-10-hover hover:text-primary-base transition-all", [k.value ? "w-[44px] h-[44px]" : "w-full h-[44px]"]])
+              href: (b1 = (x1 = o.app) == null ? void 0 : x1.support) == null ? void 0 : b1.url,
+              class: x(["text-[#525B66] flex items-center rounded-lg text-sm tooltip hover:bg-primary-10-hover hover:text-primary-base transition-all", [c.value ? "w-[44px] h-[44px]" : "w-full h-[44px]"]])
             }, [
-              e("div", e0, [
-                e("div", t0, [
+              e("div", l0, [
+                e("div", o0, [
                   e("div", null, [
-                    (s(), m(g(b(G1)), { class: "w-[24px] h-[24px] mx-auto" }))
+                    (t(), m(g(b(K1)), { class: "w-[24px] h-[24px] mx-auto" }))
                   ])
                 ]),
-                e("div", s0, [
-                  e("span", l0, i(((y1 = (b1 = o.app) == null ? void 0 : b1.support) == null ? void 0 : y1.label) || "Support"), 1)
+                e("div", n0, [
+                  e("span", a0, d(((g1 = (y1 = o.app) == null ? void 0 : y1.support) == null ? void 0 : g1.label) || "Support"), 1)
                 ])
               ])
-            ], 10, Ye)) : n("", !0)
+            ], 10, s0)) : n("", !0)
           ], 2),
           e("p", {
-            class: x([[k.value ? "hidden" : "w-full"], "text-[8px] pl-3 text-[#979CA9] flex justify-between font-extralight"])
+            class: x([[c.value ? "hidden" : "w-full"], "text-[8px] pl-3 text-[#979CA9] flex justify-between font-extralight"])
           }, [
             C[3] || (C[3] = e("span", null, "Powered by OneB", -1)),
-            e("span", null, i((g1 = o.app) == null ? void 0 : g1.version), 1)
+            e("span", null, d((_1 = o.app) == null ? void 0 : _1.version), 1)
           ], 2)
         ], 512), [
-          [S1, E.value]
+          [B1, A.value]
         ])
       ], 38);
     };
   }
 });
-const n0 = /* @__PURE__ */ o1(o0, [["__scopeId", "data-v-22abc011"]]), a0 = { class: "h-full relative" }, r0 = {
+const i0 = /* @__PURE__ */ r1(r0, [["__scopeId", "data-v-481f41ac"]]), d0 = { class: "h-dvh relative" }, p0 = {
   class: "header h-[56px] flex items-center flex-nowrap fixed top-0 left-0 w-full z-50",
   style: { background: "rgba(245, 247, 251, 0.80)", "backdrop-filter": "blur(5px)" }
-}, i0 = { class: "p-2 flex-shrink-0" }, p0 = { class: "w-10 h-10 flex items-center flex-shrink-0" }, d0 = ["src"], u0 = { class: "whitespace-nowrap font-semibold text-xl" }, c0 = { class: "text-xs whitespace-nowrap" }, h0 = { class: "w-full" }, f0 = { class: "w-full flex justify-end pr-3" }, m0 = { class: "flex items-center space-x-1" }, v0 = {
+}, u0 = { class: "p-2 flex-shrink-0" }, c0 = { class: "w-10 h-10 flex items-center flex-shrink-0" }, h0 = ["src"], f0 = { class: "whitespace-nowrap font-semibold text-xl" }, v0 = { class: "text-xs whitespace-nowrap" }, m0 = { class: "w-full" }, C0 = { class: "w-full flex justify-end pr-3" }, w0 = { class: "flex items-center space-x-1" }, x0 = {
   key: 0,
   class: "module-border-wrap flex justify-center items-center"
-}, C0 = { class: "h-4 w-4" }, w0 = { class: "ml-2 hidden sm:flex" }, x0 = ["href"], b0 = { class: "flex h-full" }, y0 = { class: "content transition-all pt-[56px]" }, g0 = { key: 0 }, _0 = {
+}, b0 = { class: "h-4 w-4" }, y0 = { class: "ml-2 hidden sm:flex" }, g0 = ["href"], _0 = { class: "flex h-full" }, L0 = { class: "content transition-all pt-[56px]" }, k0 = { key: 0 }, $0 = {
   key: 0,
   class: "sm:w-[560px] w-full relative h-full"
-}, L0 = { class: "h-full relative" }, k0 = { class: "flex items-center p-3 space-x-1.5" }, $0 = {
+}, S0 = { class: "h-full relative" }, B0 = { class: "flex items-center p-3 space-x-1.5" }, M0 = {
   class: "overflow-auto",
   style: { height: "calc(100% - 62px)" }
-}, S0 = {
+}, V0 = {
   key: 0,
   class: "p-5"
-}, B0 = { key: 1 }, V0 = { class: "p-4 text-gray text-center" }, M0 = { key: 2 }, O0 = {
+}, O0 = { key: 1 }, j0 = { class: "p-4 text-gray text-center" }, A0 = { key: 2 }, T0 = {
   class: "p-3 space-y-1.5 rounded-lg",
   style: { "box-shadow": "0 0 6px #eaeaea" }
-}, j0 = { key: 0 }, A0 = {
+}, z0 = { key: 0 }, E0 = {
   key: 0,
   class: "text-xs px-2 py-1 rounded-md bg-green-600 text-white"
 }, I0 = {
   key: 1,
   class: "text-xs px-2 py-1 rounded-md bg-yellow-600 text-white"
-}, T0 = {
+}, H0 = {
   key: 2,
   class: "text-xs px-2 py-1 rounded-md bg-blue-600 text-white"
-}, z0 = {
+}, P0 = {
   key: 3,
   class: "text-xs px-2 py-1 rounded-md bg-gray-600 text-white"
-}, E0 = { class: "text-lg font-medium" }, H0 = { class: "text-sm text-gray-600" }, P0 = { key: 0 }, F0 = ["src"], N0 = { class: "text-sm whitespace-pre-wrap break-words" }, W0 = { key: 1 }, q0 = ["href"], R0 = { class: "text-sm flex items-center justify-between mt-1" }, U0 = { class: "text-gray-800" }, Z0 = ["href"], D0 = /* @__PURE__ */ s1({
+}, F0 = { class: "text-lg font-medium" }, N0 = { class: "text-sm text-gray-600" }, W0 = { key: 0 }, q0 = ["src"], R0 = { class: "text-sm whitespace-pre-wrap break-words" }, U0 = { key: 1 }, Z0 = ["href"], D0 = { class: "text-sm flex items-center justify-between mt-1" }, G0 = { class: "text-gray-800" }, J0 = ["href"], K0 = /* @__PURE__ */ n1({
   __name: "OneMainLayout",
-  props: Z1,
+  props: G1,
   emits: ["load-news", "load-tariff", "open-tariff"],
-  setup(u, { emit: h }) {
-    const a = h, p = u;
+  setup(h, { emit: f }) {
+    const a = f, p = h;
     let y = window.localStorage.getItem("sidebar-slim");
     window.document.body.offsetWidth < 1024 && (window.localStorage.getItem("sidebar-slim") == null && window.localStorage.setItem("sidebar-slim", "1"), y = "1");
     const w = _(y === "1");
-    _(!0), l1(w, (t) => {
-      window.localStorage.setItem("sidebar-slim", String(t ? 1 : 0));
+    _(!0), a1(w, (s) => {
+      window.localStorage.setItem("sidebar-slim", String(s ? 1 : 0));
     });
-    const d = _(!1), L = () => {
-      d.value = !d.value, d.value && a("load-news");
-    }, A = (t) => {
-      var f;
-      (f = p.handlers) == null || f.onSetLang(t);
+    const u = _(!1), L = () => {
+      u.value = !u.value, u.value && a("load-news");
+    }, $ = _(window.innerWidth), r = () => {
+      $.value = window.innerWidth;
+    }, D = k(() => $.value <= 768);
+    j1(() => {
+      window.addEventListener("resize", r);
+    }), N1(() => {
+      window.removeEventListener("resize", r);
+    });
+    const O = (s) => {
+      var c;
+      (c = p.handlers) == null || c.onSetLang(s);
     };
-    return (t, f) => {
-      var v, k, T, z, E, Z, D, B, V, G, J, K, H, P, F, o, C, M, O, N, W, q;
-      const I = M1("RouterLink");
-      return s(), l("div", a0, [
-        e("div", r0, [
-          e("div", i0, [
+    return (s, c) => {
+      var j, A, J, K, S, B, Q, X, Y, T, z, E, o, C, I, H, P, F, N, W, q, R;
+      const G = O1("RouterLink");
+      return t(), l("div", d0, [
+        e("div", p0, [
+          e("div", u0, [
             e("button", {
-              onClick: f[0] || (f[0] = (r) => w.value = !w.value),
+              onClick: c[0] || (c[0] = (i) => w.value = !w.value),
               class: "w-[44px] h-[44px] p-[8px] flex items-center justify-center rounded hover:bg-secondary-10 hover:text-blue-600"
             }, [
-              S(b(D1), { class: "w-[24px] h-[24px]" })
+              V(b(J1), { class: "w-[24px] h-[24px]" })
             ])
           ]),
-          e("div", p0, [
-            t.logoSrc != null ? (s(), l("img", {
+          e("div", c0, [
+            s.logoSrc != null ? (t(), l("img", {
               key: 0,
-              src: t.logoSrc,
+              src: s.logoSrc,
               class: "w-8 h-8 mx-auto",
               alt: "logo"
-            }, null, 8, d0)) : n("", !0)
+            }, null, 8, h0)) : n("", !0)
           ]),
-          t.app != null ? (s(), m(I, {
+          s.app != null ? (t(), m(G, {
             key: 0,
             to: "/",
             class: "pl-2 max-w-xs"
           }, {
-            default: t1(() => {
-              var r, j;
+            default: o1(() => {
+              var i, M;
               return [
-                e("div", u0, i(t.app.name), 1),
-                e("div", c0, i((j = (r = t.app) == null ? void 0 : r.workspace) == null ? void 0 : j.name), 1)
+                e("div", f0, d(s.app.name), 1),
+                e("div", v0, d((M = (i = s.app) == null ? void 0 : i.workspace) == null ? void 0 : M.name), 1)
               ];
             }),
             _: 1
           })) : n("", !0),
-          e("div", h0, [
-            e("div", f0, [
-              e("div", m0, [
-                B1(t.$slots, "before-header-menu", {}, void 0, !0),
-                t.improveTariff ? (s(), l("div", v0, [
+          e("div", m0, [
+            e("div", C0, [
+              e("div", w0, [
+                M1(s.$slots, "before-header-menu", {}, void 0, !0),
+                s.improveTariff ? (t(), l("div", x0, [
                   e("button", {
                     type: "button",
                     class: "cursor-pointer flex items-center h-full bg-[#FFF8E4] hover:bg-[#f2e3b8] rounded-full px-2 py-1 font-medium",
-                    onClick: f[1] || (f[1] = //@ts-ignore
-                    (...r) => {
-                      var j, R;
-                      return ((j = t.handlers) == null ? void 0 : j.onImproveTariff) && ((R = t.handlers) == null ? void 0 : R.onImproveTariff(...r));
+                    onClick: c[1] || (c[1] = //@ts-ignore
+                    (...i) => {
+                      var M, U;
+                      return ((M = s.handlers) == null ? void 0 : M.onImproveTariff) && ((U = s.handlers) == null ? void 0 : U.onImproveTariff(...i));
                     }),
                     style: { "font-size": "10px" }
                   }, [
-                    e("div", C0, [
-                      (s(), m(g((v = t.improveTariff) == null ? void 0 : v.icon), { class: "h-4 w-4 mx-auto" }))
+                    e("div", b0, [
+                      (t(), m(g((j = s.improveTariff) == null ? void 0 : j.icon), { class: "h-4 w-4 mx-auto" }))
                     ]),
-                    e("span", w0, i((k = t.improveTariff) == null ? void 0 : k.label), 1)
+                    e("span", y0, d((A = s.improveTariff) == null ? void 0 : A.label), 1)
                   ])
                 ])) : n("", !0),
-                (z = (T = t.app) == null ? void 0 : T.help) != null && z.url ? (s(), l("a", {
+                (K = (J = s.app) == null ? void 0 : J.help) != null && K.url ? (t(), l("a", {
                   key: 1,
-                  href: (Z = (E = t.app) == null ? void 0 : E.help) == null ? void 0 : Z.url,
+                  href: (B = (S = s.app) == null ? void 0 : S.help) == null ? void 0 : B.url,
                   target: "_blank",
                   title: "Help",
                   class: "p-1 rounded-md hover:bg-secondary-10 flex-shrink-0 hidden w-[44px] h-[44px] sm:flex items-center justify-center hover:text-blue-600"
                 }, [
-                  S(b(K1), { class: "text-secondary-base w-full p-1 hover:text-blue-600" })
-                ], 8, x0)) : n("", !0),
-                ((D = t.handlers) == null ? void 0 : D.onBrowse) != null ? (s(), m(N1, {
+                  V(b(X1), { class: "text-secondary-base w-full p-1 hover:text-blue-600" })
+                ], 8, g0)) : n("", !0),
+                ((Q = s.handlers) == null ? void 0 : Q.onBrowse) != null ? (t(), m(q1, {
                   key: 2,
-                  workspace: (B = t.app) == null ? void 0 : B.workspace,
-                  apps: ((V = t.app) == null ? void 0 : V.apps) || [],
-                  "change-label": ((G = t.labels) == null ? void 0 : G.change) || "Change",
-                  "apps-title": ((J = t.labels) == null ? void 0 : J.apps) || "Apps",
-                  "on-app": (K = t.handlers) == null ? void 0 : K.onApp,
-                  "on-change": (H = t.handlers) == null ? void 0 : H.onChange,
-                  onOpen: (P = t.handlers) == null ? void 0 : P.onBrowse
+                  workspace: (X = s.app) == null ? void 0 : X.workspace,
+                  apps: ((Y = s.app) == null ? void 0 : Y.apps) || [],
+                  "change-label": ((T = s.labels) == null ? void 0 : T.change) || "Change",
+                  "apps-title": ((z = s.labels) == null ? void 0 : z.apps) || "Apps",
+                  "on-app": (E = s.handlers) == null ? void 0 : E.onApp,
+                  "on-change": (o = s.handlers) == null ? void 0 : o.onChange,
+                  onOpen: (C = s.handlers) == null ? void 0 : C.onBrowse
                 }, null, 8, ["workspace", "apps", "change-label", "apps-title", "on-app", "on-change", "onOpen"])) : n("", !0),
-                S(W1, {
-                  user: t.user,
-                  app: t.app,
-                  "account-label": ((F = t.labels) == null ? void 0 : F.account) || "Account",
-                  "logout-label": ((o = t.labels) == null ? void 0 : o.logout) || "Logout",
-                  "version-label": ((C = t.labels) == null ? void 0 : C.version) || "",
-                  "on-account": (M = t.handlers) == null ? void 0 : M.onAccount,
-                  "on-logout": (O = t.handlers) == null ? void 0 : O.onLogout
+                V(R1, {
+                  user: s.user,
+                  app: s.app,
+                  "account-label": ((I = s.labels) == null ? void 0 : I.account) || "Account",
+                  "logout-label": ((H = s.labels) == null ? void 0 : H.logout) || "Logout",
+                  "version-label": ((P = s.labels) == null ? void 0 : P.version) || "",
+                  "on-account": (F = s.handlers) == null ? void 0 : F.onAccount,
+                  "on-logout": (N = s.handlers) == null ? void 0 : N.onLogout
                 }, null, 8, ["user", "app", "account-label", "logout-label", "version-label", "on-account", "on-logout"])
               ])
             ])
           ])
         ]),
-        e("div", b0, [
-          e("div", null, [
-            S(n0, {
-              slim: w.value,
-              app: t.app,
-              items: t.sidebarItems,
-              "with-news": t.news != null,
-              news: t.news,
-              modelValue: w.value,
-              "onUpdate:modelValue": f[2] || (f[2] = (r) => w.value = r),
-              onShowNews: L,
-              onSelectLanguage: A,
-              onUpdateCollapsed: f[3] || (f[3] = (r) => w.value = !w.value)
-            }, null, 8, ["slim", "app", "items", "with-news", "news", "modelValue"])
-          ]),
+        e("div", _0, [
+          !D.value || !w.value ? (t(), m(i0, {
+            key: 0,
+            app: s.app,
+            items: s.sidebarItems,
+            "with-news": s.news != null,
+            news: s.news,
+            modelValue: w.value,
+            "onUpdate:modelValue": c[2] || (c[2] = (i) => w.value = i),
+            onShowNews: L,
+            onSelectLanguage: O,
+            onUpdateCollapsed: c[3] || (c[3] = (i) => w.value = !w.value)
+          }, null, 8, ["app", "items", "with-news", "news", "modelValue"])) : n("", !0),
           e("div", {
             class: x([[w.value ? "" : "hidden lg:block"], "body w-full overflow-y-auto"])
           }, [
-            e("div", y0, [
-              B1(t.$slots, "default", {}, void 0, !0)
+            e("div", L0, [
+              M1(s.$slots, "default", {}, void 0, !0)
             ])
           ], 2)
         ]),
-        t.news ? (s(), l("div", g0, [
-          d.value ? (s(), l("div", {
+        s.news ? (t(), l("div", k0, [
+          u.value ? (t(), l("div", {
             key: 0,
-            class: "fixed top-0 left-0 h-screen w-screen bg-gray-100 bg-opacity-40 z-50",
-            onClick: f[4] || (f[4] = e1((r) => d.value = !1, ["self"]))
+            class: "fixed top-0 left-0 h-dvh w-screen bg-gray-100 bg-opacity-40 z-50",
+            onClick: c[4] || (c[4] = l1((i) => u.value = !1, ["self"]))
           })) : n("", !0),
           e("div", {
-            class: x(["opacity-100 shadow-lg transition-all fixed top-0 left-0 h-screen overflow-hidden z-50 bg-white", [d.value ? "sm:w-[560px] w-full" : "w-0"]])
+            class: x(["opacity-100 shadow-lg transition-all fixed top-0 left-0 h-dvh overflow-hidden z-50 bg-white", [u.value ? "sm:w-[560px] w-full" : "w-0"]])
           }, [
-            d.value ? (s(), l("div", _0, [
-              e("div", L0, [
-                e("div", k0, [
-                  S(I1, { class: "w-10 h-10" }),
-                  f[6] || (f[6] = e("div", { class: "w-full font-medium" }, "OneB News", -1)),
+            u.value ? (t(), l("div", $0, [
+              e("div", S0, [
+                e("div", B0, [
+                  V(E1, { class: "w-10 h-10" }),
+                  c[6] || (c[6] = e("div", { class: "w-full font-medium" }, "OneB News", -1)),
                   e("div", null, [
-                    S(j1, {
+                    V(T1, {
                       variant: "touch",
-                      icon: b(R1),
-                      onClick: f[5] || (f[5] = (r) => d.value = !1)
+                      icon: b(Z1),
+                      onClick: c[5] || (c[5] = (i) => u.value = !1)
                     }, null, 8, ["icon"])
                   ])
                 ]),
-                e("div", $0, [
-                  t.news.isLoading && ((N = t.news.items) == null ? void 0 : N.length) === 0 ? (s(), l("div", S0, [
-                    S(q1, { class: "w-6 h-6 text-gray-600 mx-auto" })
-                  ])) : ((W = t.news.items) == null ? void 0 : W.length) === 0 ? (s(), l("div", B0, [
-                    e("div", V0, i(t.news.emptyText), 1)
-                  ])) : ((q = t.news.items) == null ? void 0 : q.length) > 0 ? (s(), l("div", M0, [
-                    (s(!0), l(U, null, Q(t.news.items, (r) => (s(), l("div", {
-                      key: r.id,
+                e("div", M0, [
+                  s.news.isLoading && ((W = s.news.items) == null ? void 0 : W.length) === 0 ? (t(), l("div", V0, [
+                    V(U1, { class: "w-6 h-6 text-gray-600 mx-auto" })
+                  ])) : ((q = s.news.items) == null ? void 0 : q.length) === 0 ? (t(), l("div", O0, [
+                    e("div", j0, d(s.news.emptyText), 1)
+                  ])) : ((R = s.news.items) == null ? void 0 : R.length) > 0 ? (t(), l("div", A0, [
+                    (t(!0), l(Z, null, e1(s.news.items, (i) => (t(), l("div", {
+                      key: i.id,
                       class: "p-3"
                     }, [
-                      e("div", O0, [
+                      e("div", T0, [
                         e("div", null, [
-                          r.type ? (s(), l("div", j0, [
-                            r.type === 10 ? (s(), l("span", A0, "update")) : r.type === 11 ? (s(), l("span", I0, "warning")) : r.type === 12 ? (s(), l("span", T0, "notice")) : r.type === 13 ? (s(), l("span", z0, "ads")) : n("", !0)
+                          i.type ? (t(), l("div", z0, [
+                            i.type === 10 ? (t(), l("span", E0, "update")) : i.type === 11 ? (t(), l("span", I0, "warning")) : i.type === 12 ? (t(), l("span", H0, "notice")) : i.type === 13 ? (t(), l("span", P0, "ads")) : n("", !0)
                           ])) : n("", !0),
-                          e("div", E0, i(r.title), 1),
-                          e("div", H0, i(r.summary), 1)
+                          e("div", F0, d(i.title), 1),
+                          e("div", N0, d(i.summary), 1)
                         ]),
-                        r.image_url ? (s(), l("div", P0, [
+                        i.image_url ? (t(), l("div", W0, [
                           e("img", {
-                            src: r.image_url,
+                            src: i.image_url,
                             alt: "",
                             class: "w-full rounded-md"
-                          }, null, 8, F0)
+                          }, null, 8, q0)
                         ])) : n("", !0),
-                        e("div", N0, i(r.body), 1),
-                        r.video_url ? (s(), l("div", W0, [
+                        e("div", R0, d(i.body), 1),
+                        i.video_url ? (t(), l("div", U0, [
                           e("a", {
-                            href: r.video_url,
+                            href: i.video_url,
                             target: "_blank",
                             class: "text-blue-600 hover:text-blue-700 px-3 py-2 border rounded-md w-full block"
-                          }, i(t.news.openVideoText), 9, q0)
+                          }, d(s.news.openVideoText), 9, Z0)
                         ])) : n("", !0),
-                        e("div", R0, [
-                          e("span", U0, i(r.published), 1),
-                          r.post_url ? (s(), l("a", {
+                        e("div", D0, [
+                          e("span", G0, d(i.published), 1),
+                          i.post_url ? (t(), l("a", {
                             key: 0,
-                            href: r.post_url,
+                            href: i.post_url,
                             target: "_blank",
                             class: "text-blue-600 hover:text-blue-700 block"
-                          }, i(t.news.moreText), 9, Z0)) : n("", !0)
+                          }, d(s.news.moreText), 9, J0)) : n("", !0)
                         ])
                       ])
                     ]))), 128))
@@ -847,8 +848,8 @@ const n0 = /* @__PURE__ */ o1(o0, [["__scopeId", "data-v-22abc011"]]), a0 = { cl
     };
   }
 });
-const t9 = /* @__PURE__ */ o1(D0, [["__scopeId", "data-v-8d16a165"]]);
+const o9 = /* @__PURE__ */ r1(K0, [["__scopeId", "data-v-352a6fae"]]);
 export {
-  t9 as OneMainLayout,
-  n0 as OneSidebar
+  o9 as OneMainLayout,
+  i0 as OneSidebar
 };