@oneb/ui-vue 0.0.95 → 0.0.96

package/dist/layout/index.js

@@ -1,7 +1,7 @@
-import { openBlock as t, createElementBlock as l, createElementVNode as e, defineComponent as n1, computed as k, ref as g, resolveComponent as O1, Fragment as Z, toDisplayString as d, createCommentVNode as n, normalizeClass as x, createBlock as m, resolveDynamicComponent as _, 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 { openBlock as t, createElementBlock as s, createElementVNode as e, defineComponent as a1, computed as S, ref as L, resolveComponent as O1, Fragment as G, toDisplayString as p, createCommentVNode as n, normalizeClass as x, createBlock as C, resolveDynamicComponent as _, unref as b, withModifiers as e1, withCtx as n1, renderList as t1, watch as r1, onMounted as j1, onBeforeUnmount as I1, watchEffect as A1, shallowRef as H1, normalizeStyle as P1, withDirectives as S1, vShow as M1, createVNode as O, createTextVNode as F1, onUnmounted as N1, renderSlot as B1 } from "vue";
+import { r as l1, c as o1, d as W1, O as q1, b as U1 } from "../OneBrowserMenu-8cf71483.js";
+import { _ as i1 } from "../_plugin-vue_export-helper-dad06003.js";
+import { _ as T1, S as R1 } from "../index-ab76dea6.js";
 import { r as Z1 } from "../XMarkIcon-51ef0691.js";
 import "../common/index.js";
 const z1 = {
@@ -11,7 +11,11 @@ const z1 = {
   },
   slim: {
     type: Boolean,
-    default: !0
+    default: !1
+  },
+  isMobile: {
+    type: Boolean,
+    default: !1
   },
   app: {
     type: Object
@@ -41,6 +45,10 @@ const z1 = {
       };
     }
   },
+  isMobile: {
+    type: Boolean,
+    default: !1
+  },
   href: {
     type: String
   },
@@ -53,7 +61,7 @@ const z1 = {
   },
   labelTop: {
     type: String,
-    required: !0
+    default: ""
   },
   icon: {
     type: [Function, Object]
@@ -116,8 +124,8 @@ const z1 = {
     type: Object
   }
 };
-function J1(h, f) {
-  return t(), l("svg", {
+function J1(u, c) {
+  return t(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -132,8 +140,8 @@ function J1(h, f) {
     })
   ]);
 }
-function K1(h, f) {
-  return t(), l("svg", {
+function K1(u, c) {
+  return t(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -148,8 +156,8 @@ function K1(h, f) {
     })
   ]);
 }
-function Q1(h, f) {
-  return t(), l("svg", {
+function Q1(u, c) {
+  return t(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -164,8 +172,8 @@ function Q1(h, f) {
     })
   ]);
 }
-function X1(h, f) {
-  return t(), l("svg", {
+function X1(u, c) {
+  return t(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -205,116 +213,119 @@ const Y1 = {
 }, xe = { class: "text-xs" }, be = {
   key: 0,
   class: "pr-3"
-}, ye = /* @__PURE__ */ n1({
+}, ye = /* @__PURE__ */ a1({
   __name: "OneSidebarLink",
   props: D1,
   emits: ["update-collapsed"],
-  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 = g(a.open), L = () => {
-      u.value = !u.value;
-    }, $ = (r) => {
-      a.subItems && a.subItems.length > 0 && (r.preventDefault(), L());
+  setup(u, { emit: c }) {
+    const a = u, h = c, y = S(() => a.href ?? !1), w = S(() => f(a)), f = (r) => r.route ? r.route : r.routeName ? { name: r.routeName } : "", g = L(a.open), j = () => {
+      g.value = !g.value;
+    }, k = (r, $) => {
+      a.subItems && a.subItems.length > 0 && !$ && (r.preventDefault(), j()), a.isMobile && h("update-collapsed");
     };
-    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", {
+    return (r, $) => {
+      const l = O1("RouterLink");
+      return t(), s(G, null, [
+        r.labelTop && !r.slim ? (t(), s("p", Y1, p(r.labelTop), 1)) : n("", !0),
+        y.value ? (t(), s("a", {
           key: 1,
-          href: p.value,
+          href: y.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", [r.slim ? "w-[44px] h-[44px]" : "h-[44px] w-full"]]),
-          onClick: $
+          onClick: k
         }, [
           e("div", te, [
-            r.icon ? (t(), l("div", se, [
-              (t(), m(_(r.icon), { class: "w-[24px] h-[24px] mx-auto" }))
+            r.icon ? (t(), s("div", se, [
+              (t(), C(_(r.icon), { class: "w-[24px] h-[24px] mx-auto" }))
             ])) : n("", !0),
             e("div", le, [
-              e("span", oe, d(r.label), 1)
+              e("span", oe, p(r.label), 1)
             ]),
-            a.subItems && a.subItems.length > 0 ? (t(), l("div", {
+            a.subItems && a.subItems.length > 0 ? (t(), s("div", {
               key: 1,
               class: x(["ml-auto", [r.slim ? "hidden" : ""]])
             }, [
-              (t(), m(_(u.value ? b(t1) : b(s1)), { class: "w-[16px] h-[16px]" }))
+              (t(), C(_(g.value ? b(l1) : b(o1)), { class: "w-[16px] h-[16px]" }))
             ], 2)) : n("", !0)
           ])
         ], 10, ee)) : n("", !0),
-        !p.value && y.value ? (t(), m(O, {
+        !y.value && w.value ? (t(), C(l, {
           key: 2,
-          to: y.value,
+          to: w.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", [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: r.exact,
-          onClick: l1($, ["prevent"])
+          onClick: e1(k, ["prevent"])
         }, {
-          default: o1(() => [
+          default: n1(() => [
             e("div", ne, [
-              r.icon ? (t(), l("div", ae, [
-                (t(), m(_(r.icon), { class: "w-[24px] h-[24px] mx-auto" }))
+              r.icon ? (t(), s("div", ae, [
+                (t(), C(_(r.icon), { class: "w-[24px] h-[24px] mx-auto" }))
               ])) : n("", !0),
               e("div", re, [
-                e("span", ie, d(r.label), 1)
+                e("span", ie, p(r.label), 1)
               ]),
-              a.subItems && a.subItems.length > 0 && !r.slim ? (t(), l("div", de, [
-                (t(), m(_(u.value ? b(t1) : b(s1)), { class: "w-[16px] h-[16px]" }))
+              a.subItems && a.subItems.length > 0 && !r.slim ? (t(), s("div", de, [
+                (t(), C(_(g.value ? b(l1) : b(o1)), { class: "w-[16px] h-[16px]" }))
               ])) : n("", !0)
             ])
           ]),
           _: 1
         }, 8, ["to", "exact", "class"])) : n("", !0),
-        !p.value && !y.value ? (t(), l("span", {
+        !y.value && !w.value ? (t(), s("span", {
           key: 3,
-          onClick: l1($, ["prevent"]),
+          onClick: e1(k, ["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", pe, [
-            r.icon ? (t(), l("div", ue, [
-              (t(), m(_(r.icon), { class: "w-[24px] h-[24px] mx-auto" }))
+            r.icon ? (t(), s("div", ue, [
+              (t(), C(_(r.icon), { class: "w-[24px] h-[24px] mx-auto" }))
             ])) : n("", !0),
             e("div", ce, [
-              e("span", he, d(r.label), 1)
+              e("span", he, p(r.label), 1)
             ]),
-            a.subItems && a.subItems.length > 0 && !r.slim ? (t(), l("div", fe, [
-              (t(), m(_(u.value ? b(t1) : b(s1)), { class: "w-[16px] h-[16px]" }))
+            a.subItems && a.subItems.length > 0 && !r.slim ? (t(), s("div", fe, [
+              (t(), C(_(g.value ? b(l1) : b(o1)), { class: "w-[16px] h-[16px]" }))
             ])) : n("", !0)
           ])
         ], 2)) : n("", !0),
-        u.value && a.subItems ? (t(), l("div", {
+        g.value && a.subItems ? (t(), s("div", {
           key: 4,
           class: x([r.slim ? "hidden" : "pl-[36px] pr-3"])
         }, [
           e("div", {
             class: x([(r.slim, "")])
           }, [
-            (t(!0), l(Z, null, e1(a.subItems, (s) => (t(), l("div", {
-              key: s.label,
+            (t(!0), s(G, null, t1(a.subItems, (i) => (t(), s("div", {
+              key: i.label,
               class: x([(r.slim, "")])
             }, [
-              s.href ? (t(), l("a", {
+              i.href ? (t(), s("a", {
                 key: 0,
-                href: s.href,
+                href: i.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", me, [
-                  e("span", Ce, d(s.label), 1),
-                  s.icon ? (t(), l("div", we, [
-                    (t(), m(_(s.icon), { class: "w-[15px] h-[15px] mx-auto" }))
+                  e("span", Ce, p(i.label), 1),
+                  i.icon ? (t(), s("div", we, [
+                    (t(), C(_(i.icon), { class: "w-[15px] h-[15px] mx-auto" }))
                   ])) : n("", !0)
                 ])
-              ], 8, ve)) : (t(), m(O, {
+              ], 8, ve)) : (t(), C(l, {
                 key: 1,
-                to: w(s),
+                to: f(i),
+                onClick: $[0] || ($[0] = e1((A) => {
+                  k(A, !0);
+                }, ["prevent"])),
                 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: r.exact,
                 "active-class": "bg-primary-10 !text-primary-base",
                 "exact-active-class": "bg-primary-10 !text-primary-base"
               }, {
-                default: o1(() => [
-                  e("span", xe, d(s.label), 1),
-                  s.icon ? (t(), l("div", be, [
-                    (t(), m(_(s.icon), { class: "w-[20px] h-[20px] mx-auto" }))
+                default: n1(() => [
+                  e("span", xe, p(i.label), 1),
+                  i.icon ? (t(), s("div", be, [
+                    (t(), C(_(i.icon), { class: "w-[20px] h-[20px] mx-auto" }))
                   ])) : n("", !0)
                 ]),
                 _: 2
@@ -325,15 +336,15 @@ const Y1 = {
       ], 64);
     };
   }
-}), _e = {}, ge = {
+}), ge = {}, _e = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none"
 };
-function Le(h, f) {
-  return t(), l("svg", ge, f[0] || (f[0] = [
+function Le(u, c) {
+  return t(), s("svg", _e, c[0] || (c[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,44 +361,44 @@ function Le(h, f) {
     }, null, -1)
   ]));
 }
-const E1 = /* @__PURE__ */ r1(_e, [["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) => {
+const E1 = /* @__PURE__ */ i1(ge, [["render", Le]]), V1 = (u) => {
+  if (Array.isArray(u))
+    return u.map(b);
+  const c = b(u);
+  return Array.isArray(c) ? c : [c];
+}, ke = (u, c) => {
   let a;
-  const p = (y) => {
+  const h = (y) => {
     y.forEach((w) => {
-      const u = b(w);
-      if (u) {
-        if (!(u instanceof Element))
+      const f = b(w);
+      if (f) {
+        if (!(f instanceof Element))
           throw console.error("Vuestic: Trying to observe non-HTMLElement", {
-            target: u,
-            array: h
+            target: f,
+            array: u
           }), new Error("Vuestic: Unable to observe non-HTMLElement");
-        u && (a == null || a.observe(u));
+        f && (a == null || a.observe(f));
       }
     });
   };
-  return a1(h, (y) => {
-    a == null || a.disconnect(), p(V1(y));
+  return r1(u, (y) => {
+    a == null || a.disconnect(), h(V1(y));
   }), j1(() => {
-    a = new ResizeObserver(f), p(V1(h));
+    a = new ResizeObserver(c), h(V1(u));
   }), I1(() => a == null ? void 0 : a.disconnect()), a;
-}, $e = (h) => {
-  const f = g(null);
-  return ke([h], () => {
+}, $e = (u) => {
+  const c = L(null);
+  return ke([u], () => {
     var a;
-    f.value = ((a = h.value) == null ? void 0 : a.clientWidth) ?? null;
+    c.value = ((a = u.value) == null ? void 0 : a.clientWidth) ?? null;
   }), A1(() => {
     var a;
-    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 = {
+    c.value = ((a = u.value) == null ? void 0 : a.clientWidth) ?? null;
+  }), c;
+}, Se = { class: "mt-auto shrink" }, Me = ["href"], Be = { 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"
-}, 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 = {
+}, 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" }, Ue = { class: "py-[8px] pl-0 pr-[8px]" }, Re = {
   key: 4,
   class: "custom-select ml-3 w-full relative pt-3"
 }, Ze = { class: "pl-2" }, De = {
@@ -402,103 +413,105 @@ const E1 = /* @__PURE__ */ r1(_e, [["render", Le]]), V1 = (h) => {
 }, Ye = {
   key: 1,
   class: "absolute top-0 right-1.5 w-2 h-2 bg-blue-500 text-white rounded-full z-10"
-}, 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({
+}, 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__ */ a1({
   __name: "OneSidebar",
   props: z1,
   emits: ["show-news", "show-tariff", "select-language", "update-collapsed", "update:modelValue"],
-  setup(h, { emit: f }) {
-    var T, z, E;
-    const a = f, p = h, y = k(() => {
+  setup(u, { emit: c }) {
+    var E, I, H;
+    const a = c, h = u, y = S(() => {
       var o;
-      return ((o = p.news) == null ? void 0 : o.unseenCount) || 0;
+      return ((o = h.news) == null ? void 0 : o.unseenCount) || 0;
     }), w = () => {
       a("show-news");
-    }, u = g(!1), L = g(p.hoverable);
-    a1(p, () => {
-      p.modelValue ? L.value = !0 : L.value = !1;
-    }), p.modelValue && (L.value = !0);
-    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 = g(), j = $e(G), A = k(() => p.modelValue === !0 || j.value === null ? !0 : j.value > 0), J = g(), K = () => s.value ? p.minimizedWidth : p.width;
+    }, f = L(!1), g = L(h.hoverable);
+    r1(h, () => {
+      h.modelValue ? g.value = !0 : g.value = !1;
+    }), h.modelValue && (g.value = !0);
+    const j = H1(), k = S(() => l.value ? "" : "w-[260px]"), r = S(() => ""), $ = (o) => {
+      f.value = g.value && o;
+    }, l = S(() => g.value && !f.value), i = S(() => !!l.value), A = L(), T = $e(A), z = S(() => h.modelValue === !0 || T.value === null ? !0 : T.value > 0), J = L(), K = () => l.value ? h.minimizedWidth : h.width;
     A1(() => {
       const o = K();
       setTimeout(() => {
         J.value = o;
       });
     });
-    const S = g(!1), B = g((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);
+    const M = L(!1), B = L((E = h.app) != null && E.availableLang && ((I = h.app) == null ? void 0 : I.availableLang.length) > 0 ? (H = h.app) == null ? void 0 : H.availableLang.find((o) => {
+      var v;
+      return o.id == ((v = h.app) == null ? void 0 : v.lang);
     }) : null), Q = () => {
-      S.value = !S.value;
+      M.value = !M.value;
     }, X = (o) => {
-      B.value = o, S.value = !1, a("select-language", o);
+      B.value = o, M.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);
+      var o, v;
+      (v = (o = h.app) == null ? void 0 : o.selectedPlan) != null && v.url && (window.location.href = h.app.selectedPlan.url);
     };
-    return (o, C) => {
-      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, _1, g1;
-      return t(), l("aside", {
+    return (o, v) => {
+      var P, F, N, W, q, U, R, Z, d, V, D, d1, p1, u1, c1, h1, f1, v1, m1, C1, w1, x1, b1, y1, g1, _1, L1;
+      return t(), s("aside", {
         ref_key: "rootElement",
-        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))
+        ref: j,
+        class: x(["oneb-sidebar pt-[56px] p-2 cont max-w-[270px] flex flex-col", k.value]),
+        style: P1(r.value),
+        onMouseenter: v[1] || (v[1] = (m) => $(!0)),
+        onMouseleave: v[2] || (v[2] = (m) => $(!1))
       }, [
         S1(e("div", {
           class: "overflow-y-auto top-[56px] left-0 overflow-hidden lg:bg-transparent transition-all z-50 pt-2 flex-grow",
           ref_key: "menu",
-          ref: G
+          ref: A
         }, [
-          (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))
+          (t(!0), s(G, null, t1(o.items, (m) => (t(), C(ye, {
+            key: m.label,
+            labelTop: m.labelTop,
+            isMobile: o.isMobile,
+            subItems: m.subItems,
+            open: m.open,
+            icon: m.icon,
+            label: m.label,
+            route: m.route,
+            href: m.href,
+            slim: i.value,
+            "route-name": m.routeName,
+            exact: m.exact || !1,
+            onUpdateCollapsed: v[0] || (v[0] = (s1) => a("update-collapsed"))
+          }, null, 8, ["labelTop", "isMobile", "subItems", "open", "icon", "label", "route", "href", "slim", "route-name", "exact"]))), 128))
         ], 512), [
-          [B1, A.value]
+          [M1, z.value]
         ]),
         S1(e("div", Se, [
           e("div", {
-            class: x([c.value ? "hidden" : "w-full hidden md:flex-col md:flex px-2"])
+            class: x([i.value ? "hidden" : "w-full hidden md:flex-col md:flex px-2"])
           }, [
-            (I = o.app) != null && I.offerPlan ? (t(), l("a", {
+            (P = o.app) != null && P.offerPlan ? (t(), s("a", {
               key: 0,
-              href: (H = o.app) == null ? void 0 : H.offerPlan.url,
+              href: (F = o.app) == null ? void 0 : F.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", Me, [
+              v[3] || (v[3] = e("div", { class: "absolute inset-0 rounded-lg bg-gradient-to-r from-[#E1A508] via-red-500 to-[#E04040]" }, null, -1)),
+              e("div", Be, [
                 e("div", Ve, [
-                  (t(), m(_((P = o.app) == null ? void 0 : P.offerPlan.icon), { class: "w-[24px] h-[24px] mx-auto" }))
+                  (t(), C(_((N = o.app) == null ? void 0 : N.offerPlan.icon), { class: "w-[24px] h-[24px] mx-auto" }))
                 ]),
-                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)
+                e("p", Oe, p((W = o.app) == null ? void 0 : W.offerPlan.title) + " «" + p((q = o.app) == null ? void 0 : q.offerPlan.name) + "» " + p((U = o.app) == null ? void 0 : U.offerPlan.title1), 1)
               ])
-            ], 8, Be)) : n("", !0),
-            (q = o.app) != null && q.selectedPlan && ((R = o.app) != null && R.selectedPlan.name) ? (t(), l("div", je, [
+            ], 8, Me)) : n("", !0),
+            (R = o.app) != null && R.selectedPlan && ((Z = o.app) != null && Z.selectedPlan.name) ? (t(), s("div", je, [
               e("div", Ae, [
                 e("div", Te, [
-                  (t(), m(_((i = o.app) == null ? void 0 : i.selectedPlan.icon), { class: "w-[24px] h-[24px]" }))
+                  (t(), C(_((d = o.app) == null ? void 0 : d.selectedPlan.icon), { class: "w-[24px] h-[24px]" }))
                 ]),
                 e("div", null, [
-                  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("p", ze, p(((V = o.app) == null ? void 0 : V.selectedPlan.name) || ""), 1),
+                  e("p", Ee, p(((D = o.app) == null ? void 0 : D.selectedPlan.title) || ""), 1)
                 ])
               ]),
               e("div", null, [
-                V(T1, {
+                O(T1, {
                   class: "text-[#525B66] hover:text-[#4089E0]",
                   variant: "touch",
                   icon: b(W1),
@@ -506,117 +519,117 @@ const E1 = /* @__PURE__ */ r1(_e, [["render", Le]]), V1 = (h) => {
                 }, null, 8, ["icon"])
               ])
             ])) : n("", !0),
-            (i1 = o.app) != null && i1.terms ? (t(), l("a", {
+            (d1 = o.app) != null && d1.terms ? (t(), s("a", {
               key: 2,
-              href: (d1 = o.app) == null ? void 0 : d1.terms.url,
+              href: (p1 = o.app) == null ? void 0 : p1.terms.url,
               target: "_blank",
               class: "ml-3 flex items-center rounded-lg text-xs hover:underline font-extralight"
             }, [
               e("div", He, [
                 e("div", Pe, [
-                  e("span", Fe, d(((p1 = o.app) == null ? void 0 : p1.terms.label) || "Terms"), 1)
+                  e("span", Fe, p(((u1 = o.app) == null ? void 0 : u1.terms.label) || "Terms"), 1)
                 ])
               ])
             ], 8, Ie)) : n("", !0),
-            (u1 = o.app) != null && u1.offer ? (t(), l("a", {
+            (c1 = o.app) != null && c1.offer ? (t(), s("a", {
               key: 3,
-              href: (c1 = o.app) == null ? void 0 : c1.offer.url,
+              href: (h1 = o.app) == null ? void 0 : h1.offer.url,
               target: "_blank",
               class: "ml-3 flex items-center rounded-lg text-xs hover:underline text-[#525B66] font-extralight"
             }, [
               e("div", We, [
                 e("div", qe, [
-                  e("span", Re, d(((h1 = o.app) == null ? void 0 : h1.offer.label) || "Offert"), 1)
+                  e("span", Ue, p(((f1 = o.app) == null ? void 0 : f1.offer.label) || "Offert"), 1)
                 ])
               ])
             ], 8, Ne)) : n("", !0),
-            (v1 = (f1 = o.app) == null ? void 0 : f1.availableLang) != null && v1.length ? (t(), l("div", Ue, [
+            (m1 = (v1 = o.app) == null ? void 0 : v1.availableLang) != null && m1.length ? (t(), s("div", Re, [
               e("div", {
                 class: "select-box flex gap-x-3 text-xs text-[#525B66] cursor-pointer",
                 onClick: Q
               }, [
-                V(b(Q1), { class: "w-4" }),
-                F1(" " + d((m1 = B.value) == null ? void 0 : m1.name) + " ", 1),
-                e("span", Ze, d(S.value ? "▲" : "▼"), 1)
+                O(b(Q1), { class: "w-4" }),
+                F1(" " + p((C1 = B.value) == null ? void 0 : C1.name) + " ", 1),
+                e("span", Ze, p(M.value ? "▲" : "▼"), 1)
               ]),
-              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) }]),
+              M.value ? (t(), s("div", De, [
+                (t(!0), s(G, null, t1((w1 = o.app) == null ? void 0 : w1.availableLang, (m) => {
+                  var s1, k1;
+                  return t(), s("div", {
+                    key: m.id,
+                    class: x(["px-2", { "hover:bg-slate-200 rounded-lg cursor-pointer": m.id !== ((s1 = B.value) == null ? void 0 : s1.id), "text-gray-300": m.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);
+                      return m.id !== (($1 = B.value) == null ? void 0 : $1.id) && X(m);
                     }
-                  }, d(v.name), 11, Ge);
+                  }, p(m.name), 11, Ge);
                 }), 128))
               ])) : n("", !0)
             ])) : n("", !0)
           ], 2),
-          c.value ? n("", !0) : (t(), l("div", Je)),
+          i.value ? n("", !0) : (t(), s("div", Je)),
           e("div", {
             class: x(["flex", [(o.slim, "grid")]])
           }, [
-            o.news ? (t(), l("a", {
+            o.news ? (t(), s("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", [c.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", [i.value ? "w-[44px] h-[44px]" : "w-full h-[44px]"]]),
               onClick: w
             }, [
               e("div", Ke, [
                 e("div", Qe, [
                   e("div", null, [
-                    (t(), m(_(E1), { class: "w-[24px] h-[24px] mx-auto" }))
+                    (t(), C(_(E1), { class: "w-[24px] h-[24px] mx-auto" }))
                   ]),
-                  y.value > 0 ? (t(), l("span", Xe)) : n("", !0),
-                  y.value > 0 ? (t(), l("span", Ye)) : n("", !0)
+                  y.value > 0 ? (t(), s("span", Xe)) : n("", !0),
+                  y.value > 0 ? (t(), s("span", Ye)) : n("", !0)
                 ]),
                 e("div", e0, [
-                  e("span", t0, d(o.news.menuLabel || "News"), 1)
+                  e("span", t0, p(o.news.menuLabel || "News"), 1)
                 ])
               ])
             ], 2)) : n("", !0),
-            (w1 = o.app) != null && w1.support ? (t(), l("a", {
+            (x1 = o.app) != null && x1.support ? (t(), s("a", {
               key: 1,
-              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]"]])
+              href: (y1 = (b1 = o.app) == null ? void 0 : b1.support) == null ? void 0 : y1.url,
+              class: x(["text-[#525B66] flex items-center rounded-lg text-sm tooltip hover:bg-primary-10-hover hover:text-primary-base transition-all", [i.value ? "w-[44px] h-[44px]" : "w-full h-[44px]"]])
             }, [
               e("div", l0, [
                 e("div", o0, [
                   e("div", null, [
-                    (t(), m(_(b(K1)), { class: "w-[24px] h-[24px] mx-auto" }))
+                    (t(), C(_(b(K1)), { class: "w-[24px] h-[24px] mx-auto" }))
                   ])
                 ]),
                 e("div", n0, [
-                  e("span", a0, d(((_1 = (y1 = o.app) == null ? void 0 : y1.support) == null ? void 0 : _1.label) || "Support"), 1)
+                  e("span", a0, p(((_1 = (g1 = o.app) == null ? void 0 : g1.support) == null ? void 0 : _1.label) || "Support"), 1)
                 ])
               ])
             ], 10, s0)) : n("", !0)
           ], 2),
           e("p", {
-            class: x([[c.value ? "hidden" : "w-full"], "text-[8px] pl-3 text-[#979CA9] flex justify-between font-extralight"])
+            class: x([[i.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, d((g1 = o.app) == null ? void 0 : g1.version), 1)
+            v[4] || (v[4] = e("span", null, "Powered by OneB", -1)),
+            e("span", null, p((L1 = o.app) == null ? void 0 : L1.version), 1)
           ], 2)
         ], 512), [
-          [B1, A.value]
+          [M1, z.value]
         ])
       ], 38);
     };
   }
 });
-const i0 = /* @__PURE__ */ r1(r0, [["__scopeId", "data-v-7d50aa94"]]), d0 = { class: "h-dvh relative" }, p0 = {
+const i0 = /* @__PURE__ */ i1(r0, [["__scopeId", "data-v-069bf58b"]]), 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)" }
 }, 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"
-}, b0 = { class: "h-4 w-4" }, y0 = { class: "ml-2 hidden sm:flex" }, _0 = ["href"], g0 = { class: "flex h-full" }, L0 = { class: "content transition-all pt-[56px]" }, k0 = { 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"
-}, S0 = { class: "h-full relative" }, B0 = { class: "flex items-center p-3 space-x-1.5" }, M0 = {
+}, S0 = { class: "h-full relative" }, M0 = { class: "flex items-center p-3 space-x-1.5" }, B0 = {
   class: "overflow-auto",
   style: { height: "calc(100% - 62px)" }
 }, V0 = {
@@ -637,63 +650,63 @@ const i0 = /* @__PURE__ */ r1(r0, [["__scopeId", "data-v-7d50aa94"]]), d0 = { cl
 }, P0 = {
   key: 3,
   class: "text-xs px-2 py-1 rounded-md bg-gray-600 text-white"
-}, 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({
+}, F0 = { class: "text-lg font-medium" }, N0 = { class: "text-sm text-gray-600" }, W0 = { key: 0 }, q0 = ["src"], U0 = { class: "text-sm whitespace-pre-wrap break-words" }, R0 = { key: 1 }, Z0 = ["href"], D0 = { class: "text-sm flex items-center justify-between mt-1" }, G0 = { class: "text-gray-800" }, J0 = ["href"], K0 = /* @__PURE__ */ a1({
   __name: "OneMainLayout",
   props: G1,
   emits: ["load-news", "load-tariff", "open-tariff"],
-  setup(h, { emit: f }) {
-    const a = f, p = h;
+  setup(u, { emit: c }) {
+    const a = c, h = u;
     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 = g(y === "1");
-    g(!0), a1(w, (s) => {
-      window.localStorage.setItem("sidebar-slim", String(s ? 1 : 0));
+    const w = L(y === "1");
+    L(!0), r1(w, (l) => {
+      window.localStorage.setItem("sidebar-slim", String(l ? 1 : 0));
     });
-    const u = g(!1), L = () => {
-      u.value = !u.value, u.value && a("load-news");
-    }, $ = g(window.innerWidth), r = () => {
-      $.value = window.innerWidth;
-    }, D = k(() => $.value <= 768);
+    const f = L(!1), g = () => {
+      f.value = !f.value, f.value && a("load-news");
+    }, j = L(window.innerWidth), k = () => {
+      j.value = window.innerWidth;
+    }, r = S(() => j.value <= 768);
     j1(() => {
-      window.addEventListener("resize", r);
+      window.addEventListener("resize", k);
     }), N1(() => {
-      window.removeEventListener("resize", r);
+      window.removeEventListener("resize", k);
     });
-    const O = (s) => {
-      var c;
-      (c = p.handlers) == null || c.onSetLang(s);
+    const $ = (l) => {
+      var i;
+      (i = h.handlers) == null || i.onSetLang(l);
     };
-    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, [
+    return (l, i) => {
+      var T, z, J, K, M, B, Q, X, Y, E, I, H, o, v, P, F, N, W, q, U, R, Z;
+      const A = O1("RouterLink");
+      return t(), s("div", d0, [
         e("div", p0, [
           e("div", u0, [
             e("button", {
-              onClick: c[0] || (c[0] = (i) => w.value = !w.value),
+              onClick: i[0] || (i[0] = (d) => 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"
             }, [
-              V(b(J1), { class: "w-[24px] h-[24px]" })
+              O(b(J1), { class: "w-[24px] h-[24px]" })
             ])
           ]),
           e("div", c0, [
-            s.logoSrc != null ? (t(), l("img", {
+            l.logoSrc != null ? (t(), s("img", {
               key: 0,
-              src: s.logoSrc,
+              src: l.logoSrc,
               class: "w-8 h-8 mx-auto",
               alt: "logo"
             }, null, 8, h0)) : n("", !0)
           ]),
-          s.app != null ? (t(), m(G, {
+          l.app != null ? (t(), C(A, {
             key: 0,
             to: "/",
             class: "pl-2 max-w-xs"
           }, {
-            default: o1(() => {
-              var i, M;
+            default: n1(() => {
+              var d, V;
               return [
-                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)
+                e("div", f0, p(l.app.name), 1),
+                e("div", v0, p((V = (d = l.app) == null ? void 0 : d.workspace) == null ? void 0 : V.name), 1)
               ];
             }),
             _: 1
@@ -701,140 +714,141 @@ const i0 = /* @__PURE__ */ r1(r0, [["__scopeId", "data-v-7d50aa94"]]), d0 = { cl
           e("div", m0, [
             e("div", C0, [
               e("div", w0, [
-                M1(s.$slots, "before-header-menu", {}, void 0, !0),
-                s.improveTariff ? (t(), l("div", x0, [
+                B1(l.$slots, "before-header-menu", {}, void 0, !0),
+                l.improveTariff ? (t(), s("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: 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));
+                    onClick: i[1] || (i[1] = //@ts-ignore
+                    (...d) => {
+                      var V, D;
+                      return ((V = l.handlers) == null ? void 0 : V.onImproveTariff) && ((D = l.handlers) == null ? void 0 : D.onImproveTariff(...d));
                     }),
                     style: { "font-size": "10px" }
                   }, [
                     e("div", b0, [
-                      (t(), m(_((j = s.improveTariff) == null ? void 0 : j.icon), { class: "h-4 w-4 mx-auto" }))
+                      (t(), C(_((T = l.improveTariff) == null ? void 0 : T.icon), { class: "h-4 w-4 mx-auto" }))
                     ]),
-                    e("span", y0, d((A = s.improveTariff) == null ? void 0 : A.label), 1)
+                    e("span", y0, p((z = l.improveTariff) == null ? void 0 : z.label), 1)
                   ])
                 ])) : n("", !0),
-                (K = (J = s.app) == null ? void 0 : J.help) != null && K.url ? (t(), l("a", {
+                (K = (J = l.app) == null ? void 0 : J.help) != null && K.url ? (t(), s("a", {
                   key: 1,
-                  href: (B = (S = s.app) == null ? void 0 : S.help) == null ? void 0 : B.url,
+                  href: (B = (M = l.app) == null ? void 0 : M.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"
                 }, [
-                  V(b(X1), { class: "text-secondary-base w-full p-1 hover:text-blue-600" })
-                ], 8, _0)) : n("", !0),
-                ((Q = s.handlers) == null ? void 0 : Q.onBrowse) != null ? (t(), m(q1, {
+                  O(b(X1), { class: "text-secondary-base w-full p-1 hover:text-blue-600" })
+                ], 8, g0)) : n("", !0),
+                ((Q = l.handlers) == null ? void 0 : Q.onBrowse) != null ? (t(), C(q1, {
                   key: 2,
-                  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
+                  workspace: (X = l.app) == null ? void 0 : X.workspace,
+                  apps: ((Y = l.app) == null ? void 0 : Y.apps) || [],
+                  "change-label": ((E = l.labels) == null ? void 0 : E.change) || "Change",
+                  "apps-title": ((I = l.labels) == null ? void 0 : I.apps) || "Apps",
+                  "on-app": (H = l.handlers) == null ? void 0 : H.onApp,
+                  "on-change": (o = l.handlers) == null ? void 0 : o.onChange,
+                  onOpen: (v = l.handlers) == null ? void 0 : v.onBrowse
                 }, null, 8, ["workspace", "apps", "change-label", "apps-title", "on-app", "on-change", "onOpen"])) : n("", !0),
-                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
+                O(U1, {
+                  user: l.user,
+                  app: l.app,
+                  "account-label": ((P = l.labels) == null ? void 0 : P.account) || "Account",
+                  "logout-label": ((F = l.labels) == null ? void 0 : F.logout) || "Logout",
+                  "version-label": ((N = l.labels) == null ? void 0 : N.version) || "",
+                  "on-account": (W = l.handlers) == null ? void 0 : W.onAccount,
+                  "on-logout": (q = l.handlers) == null ? void 0 : q.onLogout
                 }, null, 8, ["user", "app", "account-label", "logout-label", "version-label", "on-account", "on-logout"])
               ])
             ])
           ])
         ]),
-        e("div", g0, [
-          !D.value || !w.value ? (t(), m(i0, {
+        e("div", _0, [
+          !r.value || !w.value ? (t(), C(i0, {
             key: 0,
-            app: s.app,
-            items: s.sidebarItems,
-            "with-news": s.news != null,
-            news: s.news,
+            app: l.app,
+            items: l.sidebarItems,
+            "with-news": l.news != null,
+            news: l.news,
+            isMobile: r.value,
             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),
+            "onUpdate:modelValue": i[2] || (i[2] = (d) => w.value = d),
+            onShowNews: g,
+            onSelectLanguage: $,
+            onUpdateCollapsed: i[3] || (i[3] = (d) => w.value = !w.value)
+          }, null, 8, ["app", "items", "with-news", "news", "isMobile", "modelValue"])) : n("", !0),
           e("div", {
             class: x([[w.value ? "" : "hidden lg:block"], "body scroll-body w-full overflow-y-auto"])
           }, [
             e("div", L0, [
-              M1(s.$slots, "default", {}, void 0, !0)
+              B1(l.$slots, "default", {}, void 0, !0)
             ])
           ], 2)
         ]),
-        s.news ? (t(), l("div", k0, [
-          u.value ? (t(), l("div", {
+        l.news ? (t(), s("div", k0, [
+          f.value ? (t(), s("div", {
             key: 0,
             class: "fixed top-0 left-0 h-screen h-dvh w-screen bg-gray-100 bg-opacity-40 z-50",
-            onClick: c[4] || (c[4] = l1((i) => u.value = !1, ["self"]))
+            onClick: i[4] || (i[4] = e1((d) => f.value = !1, ["self"]))
           })) : n("", !0),
           e("div", {
-            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"]])
+            class: x(["opacity-100 shadow-lg transition-all fixed top-0 left-0 h-dvh overflow-hidden z-50 bg-white", [f.value ? "sm:w-[560px] w-full" : "w-0"]])
           }, [
-            u.value ? (t(), l("div", $0, [
+            f.value ? (t(), s("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", M0, [
+                  O(E1, { class: "w-10 h-10" }),
+                  i[6] || (i[6] = e("div", { class: "w-full font-medium" }, "OneB News", -1)),
                   e("div", null, [
-                    V(T1, {
+                    O(T1, {
                       variant: "touch",
                       icon: b(Z1),
-                      onClick: c[5] || (c[5] = (i) => u.value = !1)
+                      onClick: i[5] || (i[5] = (d) => f.value = !1)
                     }, null, 8, ["icon"])
                   ])
                 ]),
-                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,
+                e("div", B0, [
+                  l.news.isLoading && ((U = l.news.items) == null ? void 0 : U.length) === 0 ? (t(), s("div", V0, [
+                    O(R1, { class: "w-6 h-6 text-gray-600 mx-auto" })
+                  ])) : ((R = l.news.items) == null ? void 0 : R.length) === 0 ? (t(), s("div", O0, [
+                    e("div", j0, p(l.news.emptyText), 1)
+                  ])) : ((Z = l.news.items) == null ? void 0 : Z.length) > 0 ? (t(), s("div", A0, [
+                    (t(!0), s(G, null, t1(l.news.items, (d) => (t(), s("div", {
+                      key: d.id,
                       class: "p-3"
                     }, [
                       e("div", T0, [
                         e("div", null, [
-                          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)
+                          d.type ? (t(), s("div", z0, [
+                            d.type === 10 ? (t(), s("span", E0, "update")) : d.type === 11 ? (t(), s("span", I0, "warning")) : d.type === 12 ? (t(), s("span", H0, "notice")) : d.type === 13 ? (t(), s("span", P0, "ads")) : n("", !0)
                           ])) : n("", !0),
-                          e("div", F0, d(i.title), 1),
-                          e("div", N0, d(i.summary), 1)
+                          e("div", F0, p(d.title), 1),
+                          e("div", N0, p(d.summary), 1)
                         ]),
-                        i.image_url ? (t(), l("div", W0, [
+                        d.image_url ? (t(), s("div", W0, [
                           e("img", {
-                            src: i.image_url,
+                            src: d.image_url,
                             alt: "",
                             class: "w-full rounded-md"
                           }, null, 8, q0)
                         ])) : n("", !0),
-                        e("div", R0, d(i.body), 1),
-                        i.video_url ? (t(), l("div", U0, [
+                        e("div", U0, p(d.body), 1),
+                        d.video_url ? (t(), s("div", R0, [
                           e("a", {
-                            href: i.video_url,
+                            href: d.video_url,
                             target: "_blank",
                             class: "text-blue-600 hover:text-blue-700 px-3 py-2 border rounded-md w-full block"
-                          }, d(s.news.openVideoText), 9, Z0)
+                          }, p(l.news.openVideoText), 9, Z0)
                         ])) : n("", !0),
                         e("div", D0, [
-                          e("span", G0, d(i.published), 1),
-                          i.post_url ? (t(), l("a", {
+                          e("span", G0, p(d.published), 1),
+                          d.post_url ? (t(), s("a", {
                             key: 0,
-                            href: i.post_url,
+                            href: d.post_url,
                             target: "_blank",
                             class: "text-blue-600 hover:text-blue-700 block"
-                          }, d(s.news.moreText), 9, J0)) : n("", !0)
+                          }, p(l.news.moreText), 9, J0)) : n("", !0)
                         ])
                       ])
                     ]))), 128))
@@ -848,7 +862,7 @@ const i0 = /* @__PURE__ */ r1(r0, [["__scopeId", "data-v-7d50aa94"]]), d0 = { cl
     };
   }
 });
-const o9 = /* @__PURE__ */ r1(K0, [["__scopeId", "data-v-5513bcbd"]]);
+const o9 = /* @__PURE__ */ i1(K0, [["__scopeId", "data-v-d6b70b18"]]);
 export {
   o9 as OneMainLayout,
   i0 as OneSidebar