@oneb/ui-vue 0.3.27 → 0.3.28

package/dist/layout/index.js

@@ -1,19 +1,19 @@
-import { openBlock as s, createElementBlock as l, createElementVNode as t, defineComponent as _e, computed as V, ref as j, resolveComponent as Qe, resolveDirective as p1, Fragment as R, toDisplayString as i, createCommentVNode as a, createBlock as m, withCtx as Z, resolveDynamicComponent as L, mergeProps as u1, renderList as D, withDirectives as ue, normalizeClass as b, unref as S, withModifiers as ce, watch as me, onMounted as ke, onBeforeUnmount as c1, watchEffect as Xe, shallowRef as h1, normalizeStyle as m1, vShow as $e, createVNode as _, createTextVNode as Ce, onUnmounted as Oe, renderSlot as he } from "vue";
+import { openBlock as s, createElementBlock as l, createElementVNode as t, defineComponent as Be, computed as j, ref as B, resolveComponent as Qe, resolveDirective as p1, Fragment as R, toDisplayString as i, createCommentVNode as a, createBlock as f, withCtx as Z, resolveDynamicComponent as L, mergeProps as u1, renderList as D, withDirectives as ce, normalizeClass as b, unref as S, withModifiers as he, watch as fe, onMounted as Le, onBeforeUnmount as c1, watchEffect as Xe, shallowRef as h1, normalizeStyle as m1, vShow as _e, createVNode as _, createTextVNode as ge, onUnmounted as ze, renderSlot as me } from "vue";
 import { _ as Ye, g as f1, c as e1, O as s1, b as t1 } from "../OneHelpMenu-df4e18a9.js";
-import { r as Me, a as v1 } from "../ChevronRightIcon-4549a26b.js";
-import { r as ge } from "../ChevronDownIcon-6805ce6c.js";
-import { _ as Se } from "../_plugin-vue_export-helper-dad06003.js";
-import { OneButton as je } from "../button/index.js";
+import { r as je, a as v1 } from "../ChevronRightIcon-4549a26b.js";
+import { r as xe } from "../ChevronDownIcon-6805ce6c.js";
+import { _ as Me } from "../_plugin-vue_export-helper-dad06003.js";
+import { OneButton as Te } from "../button/index.js";
 import { r as l1 } from "../XMarkIcon-51ef0691.js";
 import { S as o1 } from "../SpinnerIcon-74648c98.js";
 import { OneMarkdown as n1 } from "../common/index.js";
 import "../OneMarkdown.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import { _ as xe } from "../OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
+import { _ as $e } from "../OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
 import "@floating-ui/dom";
 import "@floating-ui/vue";
 import "../SpinnerIcon.vue_vue_type_style_index_0_lang-4ed993c7.js";
 import "vue-markdown-render";
-function a1(g, x) {
+function a1(x, k) {
   return s(), l("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -29,7 +29,7 @@ function a1(g, x) {
     })
   ]);
 }
-function w1(g, x) {
+function w1(x, k) {
   return s(), l("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -230,29 +230,29 @@ const r1 = {
 }, U1 = { class: "text-xs" }, Z1 = {
   key: 0,
   class: "pr-3"
-}, D1 = /* @__PURE__ */ _e({
+}, D1 = /* @__PURE__ */ Be({
   __name: "OneSidebarLink",
   props: y1,
   emits: ["update-collapsed"],
-  setup(g, { emit: x }) {
-    const r = g, d = x, z = (e) => e.route ? e.route : e.routeName ? { name: e.routeName } : null, k = V(() => z(r)), p = V(() => Array.isArray(r.subItems) && r.subItems.length > 0), M = V(() => p.value && r.subItems.some((e) => e.href)), T = V(() => r.href ? "a" : k.value ? "router-link" : "span"), J = V(() => r.href ? { href: r.href, title: p.value ? null : r.label } : k.value ? { to: k.value, title: p.value ? null : r.label } : { title: p.value ? null : r.label }), U = V(() => [
+  setup(x, { emit: k }) {
+    const r = x, p = k, M = (e) => e.route ? e.route : e.routeName ? { name: e.routeName } : null, $ = j(() => M(r)), c = j(() => Array.isArray(r.subItems) && r.subItems.length > 0), W = j(() => c.value && r.subItems.some((e) => e.href)), z = j(() => r.href ? "a" : $.value ? "router-link" : "span"), T = j(() => r.href ? { href: r.href, title: c.value ? null : r.label } : $.value ? { to: $.value, title: c.value ? null : r.label } : { title: c.value ? null : r.label }), J = j(() => [
       "flex items-center justify-center text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66] mb-0.5 rounded-10 w-[44px] h-[44px] cursor-pointer",
       r.active ? "bg-primary-10 !text-primary-base" : ""
-    ]), A = j(r.open), N = (e, c = r) => {
-      var o;
-      return (c == null ? void 0 : c.menuGroup) && (e == null ? void 0 : e.meta) && ((o = e.meta) == null ? void 0 : o.menuGroup) && e.meta.menuGroup && e.meta.menuGroup === c.menuGroup;
-    }, f = () => {
-      A.value = !A.value;
-    }, H = (e, c) => {
-      var o;
-      p.value && !c && !(r.slim && r.island) && ((o = e == null ? void 0 : e.preventDefault) == null || o.call(e), f()), (c || !p.value) && r.isMobile && d("update-collapsed");
+    ]), V = B(r.open), q = (e, h = r) => {
+      var A;
+      return (h == null ? void 0 : h.menuGroup) && (e == null ? void 0 : e.meta) && ((A = e.meta) == null ? void 0 : A.menuGroup) && e.meta.menuGroup && e.meta.menuGroup === h.menuGroup;
+    }, v = () => {
+      V.value = !V.value;
+    }, H = (e, h) => {
+      var A;
+      c.value && !h && !(r.slim && r.island) && ((A = e == null ? void 0 : e.preventDefault) == null || A.call(e), v()), (h || !c.value) && r.isMobile && p("update-collapsed");
     };
-    return (e, c) => {
-      var $, O;
-      const o = Qe("RouterLink"), u = p1("onetooltip");
+    return (e, h) => {
+      var d, C;
+      const A = Qe("RouterLink"), o = p1("onetooltip");
       return s(), l(R, null, [
         e.labelTop && e.slim ? (s(), l("div", b1)) : e.labelTop ? (s(), l("p", C1, i(e.labelTop), 1)) : a("", !0),
-        e.slim && e.island && p.value ? (s(), m(Ye, {
+        e.slim && e.island && c.value ? (s(), f(Ye, {
           key: 2,
           trigger: "hover",
           "append-body": !0,
@@ -260,14 +260,14 @@ const r1 = {
           offset: 12
         }, {
           button: Z(() => [
-            (s(), m(L(T.value), u1(J.value, {
-              class: U.value,
+            (s(), f(L(z.value), u1(T.value, {
+              class: J.value,
               onClick: H
             }), {
               default: Z(() => [
                 t("div", g1, [
                   e.icon ? (s(), l("div", x1, [
-                    (s(), m(L(e.icon), { class: "mx-auto w-5 h-5" }))
+                    (s(), f(L(e.icon), { class: "mx-auto w-5 h-5" }))
                   ])) : a("", !0)
                 ])
               ]),
@@ -277,30 +277,30 @@ const r1 = {
           menu: Z(() => [
             t("div", k1, [
               t("p", $1, i(e.label), 1),
-              M.value ? (s(!0), l(R, { key: 0 }, D(r.subItems, (v) => (s(), l("a", {
-                key: v.label,
-                href: v.href,
+              W.value ? (s(!0), l(R, { key: 0 }, D(r.subItems, (u) => (s(), l("a", {
+                key: u.label,
+                href: u.href,
                 class: "flex items-center gap-2 rounded-10 mx-1 px-3 py-2 text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]"
               }, [
-                v.icon ? (s(), m(L(v.icon), {
+                u.icon ? (s(), f(L(u.icon), {
                   key: 0,
                   class: "w-[15px] h-[15px] shrink-0"
                 })) : a("", !0),
-                t("span", _1, i(v.label), 1)
-              ], 8, L1))), 128)) : (s(!0), l(R, { key: 1 }, D(r.subItems, (v) => {
+                t("span", _1, i(u.label), 1)
+              ], 8, L1))), 128)) : (s(!0), l(R, { key: 1 }, D(r.subItems, (u) => {
                 var E, F;
-                return s(), m(o, {
-                  key: v.label,
-                  to: z(v),
+                return s(), f(A, {
+                  key: u.label,
+                  to: M(u),
                   class: "flex items-center gap-2 rounded-10 mx-1 px-3 py-2 text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]",
                   "active-class": (E = e.$route) != null && E.meta && ((F = e.$route.meta) != null && F.menuGroup) && e.$route.meta.menuGroup ? "" : "bg-primary-10 !text-primary-base"
                 }, {
                   default: Z(() => [
-                    v.icon ? (s(), m(L(v.icon), {
+                    u.icon ? (s(), f(L(u.icon), {
                       key: 0,
                       class: "w-[15px] h-[15px] shrink-0"
                     })) : a("", !0),
-                    t("span", S1, i(v.label), 1)
+                    t("span", S1, i(u.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["to", "active-class"]);
@@ -309,7 +309,7 @@ const r1 = {
           ]),
           _: 1
         })) : (s(), l(R, { key: 3 }, [
-          e.href ? ue((s(), l("a", {
+          e.href ? ce((s(), l("a", {
             key: 0,
             href: e.href,
             class: b(["flex items-center relative text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66] mb-0.5", [
@@ -324,33 +324,33 @@ const r1 = {
                 key: 0,
                 class: b(["flex-shrink-0", e.slim ? "w-auto" : "w-[44px]"])
               }, [
-                (s(), m(L(e.icon), {
+                (s(), f(L(e.icon), {
                   class: b(["mx-auto", e.slim ? "w-5 h-5" : "w-[24px] h-[24px]"])
                 }, null, 8, ["class"]))
               ], 2)) : a("", !0),
               e.slim ? a("", !0) : (s(), l("div", O1, [
                 t("span", j1, i(e.label), 1)
               ])),
-              p.value && !e.slim ? (s(), l("div", z1, [
-                (s(), m(L(A.value ? S(Me) : S(ge)), { class: "w-[16px] h-[16px]" }))
+              c.value && !e.slim ? (s(), l("div", z1, [
+                (s(), f(L(V.value ? S(je) : S(xe)), { class: "w-[16px] h-[16px]" }))
               ])) : a("", !0)
             ])
           ], 10, B1)), [
-            [u, e.slim && !p.value ? e.label : "", "right"]
+            [o, e.slim && !c.value ? e.label : "", "right"]
           ]) : a("", !0),
-          !e.href && k.value ? ue((s(), m(o, {
+          !e.href && $.value ? ce((s(), f(A, {
             key: 1,
-            to: k.value,
+            to: $.value,
             exact: e.exact,
             class: b(["relative flex items-center cursor-pointer text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66] mb-0.5", {
               "rounded-10": e.island,
               "rounded-xl": !e.island,
               "w-[44px] h-[44px] justify-center": e.slim,
               "h-[44px] w-full": !e.slim,
-              "bg-primary-10 !text-primary-base": e.active || N(e.$route)
+              "bg-primary-10 !text-primary-base": e.active || q(e.$route)
             }]),
-            "active-class": ($ = e.$route) != null && $.meta && ((O = e.$route.meta) != null && O.menuGroup) && e.$route.meta.menuGroup ? "" : "bg-primary-10 !text-primary-base",
-            onClick: ce(H, ["prevent"])
+            "active-class": (d = e.$route) != null && d.meta && ((C = e.$route.meta) != null && C.menuGroup) && e.$route.meta.menuGroup ? "" : "bg-primary-10 !text-primary-base",
+            onClick: he(H, ["prevent"])
           }, {
             default: Z(() => [
               t("div", T1, [
@@ -358,25 +358,25 @@ const r1 = {
                   key: 0,
                   class: b(["flex-shrink-0", e.slim ? "w-auto" : "w-[44px]"])
                 }, [
-                  (s(), m(L(e.icon), {
+                  (s(), f(L(e.icon), {
                     class: b(["mx-auto", e.slim ? "w-5 h-5" : "w-[24px] h-[24px]"])
                   }, null, 8, ["class"]))
                 ], 2)) : a("", !0),
                 e.slim ? a("", !0) : (s(), l("div", V1, [
                   t("span", H1, i(e.label), 1)
                 ])),
-                p.value && !e.slim ? (s(), l("div", A1, [
-                  (s(), m(L(A.value ? S(Me) : S(ge)), { class: "w-[16px] h-[16px]" }))
+                c.value && !e.slim ? (s(), l("div", A1, [
+                  (s(), f(L(V.value ? S(je) : S(xe)), { class: "w-[16px] h-[16px]" }))
                 ])) : a("", !0)
               ])
             ]),
             _: 1
           }, 8, ["to", "exact", "active-class", "class"])), [
-            [u, e.slim && !p.value ? e.label : "", "right"]
+            [o, e.slim && !c.value ? e.label : "", "right"]
           ]) : a("", !0),
-          !e.href && !k.value ? ue((s(), l("span", {
+          !e.href && !$.value ? ce((s(), l("span", {
             key: 2,
-            onClick: ce(H, ["prevent"]),
+            onClick: he(H, ["prevent"]),
             class: b(["mb-0.5 relative flex items-center cursor-pointer text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]", [
               e.island ? "rounded-10" : "rounded-xl",
               e.slim ? "w-[44px] h-[44px] justify-center" : "h-[44px] w-full",
@@ -388,50 +388,50 @@ const r1 = {
                 key: 0,
                 class: b(["flex-shrink-0", e.slim ? "w-auto" : "w-[44px]"])
               }, [
-                (s(), m(L(e.icon), {
+                (s(), f(L(e.icon), {
                   class: b(["mx-auto", e.slim ? "w-5 h-5" : "w-[24px] h-[24px]"])
                 }, null, 8, ["class"]))
               ], 2)) : a("", !0),
               e.slim ? a("", !0) : (s(), l("div", F1, [
                 t("span", P1, i(e.label), 1)
               ])),
-              p.value && !e.slim ? (s(), l("div", W1, [
-                (s(), m(L(A.value ? S(Me) : S(ge)), { class: "w-[16px] h-[16px]" }))
+              c.value && !e.slim ? (s(), l("div", W1, [
+                (s(), f(L(V.value ? S(je) : S(xe)), { class: "w-[16px] h-[16px]" }))
               ])) : a("", !0)
             ])
           ], 2)), [
-            [u, e.slim && !p.value ? e.label : "", "right"]
+            [o, e.slim && !c.value ? e.label : "", "right"]
           ]) : a("", !0),
-          A.value && p.value && !e.slim ? (s(), l("div", N1, [
-            (s(!0), l(R, null, D(r.subItems, (v) => {
+          V.value && c.value && !e.slim ? (s(), l("div", N1, [
+            (s(!0), l(R, null, D(r.subItems, (u) => {
               var E, F;
               return s(), l("div", {
-                key: v.label
+                key: u.label
               }, [
-                v.href ? (s(), l("a", {
+                u.href ? (s(), l("a", {
                   key: 0,
-                  href: v.href,
+                  href: u.href,
                   class: "flex items-center rounded-xl p-2 text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]"
                 }, [
                   t("div", I1, [
-                    t("span", R1, i(v.label), 1),
-                    v.icon ? (s(), l("div", q1, [
-                      (s(), m(L(v.icon), { class: "w-[15px] h-[15px] mx-auto" }))
+                    t("span", R1, i(u.label), 1),
+                    u.icon ? (s(), l("div", q1, [
+                      (s(), f(L(u.icon), { class: "w-[15px] h-[15px] mx-auto" }))
                     ])) : a("", !0)
                   ])
-                ], 8, G1)) : z(v) ? (s(), m(o, {
+                ], 8, G1)) : M(u) ? (s(), f(A, {
                   key: 1,
-                  to: z(v),
-                  onClick: c[0] || (c[0] = ce((q) => H(q, !0), ["prevent"])),
+                  to: M(u),
+                  onClick: h[0] || (h[0] = he((U) => H(U, !0), ["prevent"])),
                   class: b(["flex items-center rounded-xl p-2 text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66] h-[44px] w-full", {
-                    "bg-primary-10 !text-primary-base": N(e.$route, v)
+                    "bg-primary-10 !text-primary-base": q(e.$route, u)
                   }]),
                   "active-class": (E = e.$route) != null && E.meta && ((F = e.$route.meta) != null && F.menuGroup) && e.$route.meta.menuGroup ? "" : "bg-primary-10 !text-primary-base"
                 }, {
                   default: Z(() => [
-                    t("span", U1, i(v.label), 1),
-                    v.icon ? (s(), l("div", Z1, [
-                      (s(), m(L(v.icon), { class: "w-[20px] h-[20px] mx-auto" }))
+                    t("span", U1, i(u.label), 1),
+                    u.icon ? (s(), l("div", Z1, [
+                      (s(), f(L(u.icon), { class: "w-[20px] h-[20px] mx-auto" }))
                     ])) : a("", !0)
                   ]),
                   _: 2
@@ -450,8 +450,8 @@ const r1 = {
   viewBox: "0 0 24 24",
   fill: "none"
 };
-function Q1(g, x) {
-  return s(), l("svg", K1, [...x[0] || (x[0] = [
+function Q1(x, k) {
+  return s(), l("svg", K1, [...k[0] || (k[0] = [
     t("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"
@@ -468,8 +468,8 @@ function Q1(g, x) {
     }, null, -1)
   ])]);
 }
-const Le = /* @__PURE__ */ Se(J1, [["render", Q1]]);
-function X1(g, x) {
+const Se = /* @__PURE__ */ Me(J1, [["render", Q1]]);
+function X1(x, k) {
   return s(), l("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -490,40 +490,40 @@ function X1(g, x) {
     })
   ]);
 }
-const Ke = (g) => {
-  if (Array.isArray(g))
-    return g.map(S);
-  const x = S(g);
-  return Array.isArray(x) ? x : [x];
-}, Y1 = (g, x) => {
+const Ke = (x) => {
+  if (Array.isArray(x))
+    return x.map(S);
+  const k = S(x);
+  return Array.isArray(k) ? k : [k];
+}, Y1 = (x, k) => {
   let r;
-  const d = (z) => {
-    z.forEach((k) => {
-      const p = S(k);
-      if (p) {
-        if (!(p instanceof Element))
+  const p = (M) => {
+    M.forEach(($) => {
+      const c = S($);
+      if (c) {
+        if (!(c instanceof Element))
           throw console.error("Vuestic: Trying to observe non-HTMLElement", {
-            target: p,
-            array: g
+            target: c,
+            array: x
           }), new Error("Vuestic: Unable to observe non-HTMLElement");
-        p && (r == null || r.observe(p));
+        c && (r == null || r.observe(c));
       }
     });
   };
-  return me(g, (z) => {
-    r == null || r.disconnect(), d(Ke(z));
-  }), ke(() => {
-    r = new ResizeObserver(x), d(Ke(g));
+  return fe(x, (M) => {
+    r == null || r.disconnect(), p(Ke(M));
+  }), Le(() => {
+    r = new ResizeObserver(k), p(Ke(x));
   }), c1(() => r == null ? void 0 : r.disconnect()), r;
-}, es = (g) => {
-  const x = j(null);
-  return Y1([g], () => {
+}, es = (x) => {
+  const k = B(null);
+  return Y1([x], () => {
     var r;
-    x.value = ((r = g.value) == null ? void 0 : r.clientWidth) ?? null;
+    k.value = ((r = x.value) == null ? void 0 : r.clientWidth) ?? null;
   }), Xe(() => {
     var r;
-    x.value = ((r = g.value) == null ? void 0 : r.clientWidth) ?? null;
-  }), x;
+    k.value = ((r = x.value) == null ? void 0 : r.clientWidth) ?? null;
+  }), k;
 }, ss = {
   key: 0,
   class: "w-8 h-8 sm:w-10 sm:h-10 flex items-center flex-shrink-0"
@@ -569,7 +569,7 @@ const Ke = (g) => {
 }, Fs = { key: 0 }, Ps = {
   key: 2,
   class: "text-[8px] text-[#979CA9] font-light leading-[12px] flex items-center gap-1 mt-2 px-2"
-}, Ws = { key: 0 }, Ns = /* @__PURE__ */ _e({
+}, Ws = { key: 0 }, Ns = /* @__PURE__ */ Be({
   __name: "OneSidebar",
   props: r1,
   emits: [
@@ -581,73 +581,73 @@ const Ke = (g) => {
     "toggle-menu",
     "update:modelValue"
   ],
-  setup(g, { emit: x }) {
-    var q, K, Q;
-    const r = x, d = g, z = V(() => {
+  setup(x, { emit: k }) {
+    var U, K, Q;
+    const r = k, p = x, M = j(() => {
       var n;
-      return ((n = d.news) == null ? void 0 : n.unseenCount) || 0;
-    }), k = () => {
+      return ((n = p.news) == null ? void 0 : n.unseenCount) || 0;
+    }), $ = () => {
       r("show-news");
-    }, p = j(!1), M = j(d.hoverable);
-    me(d, () => {
-      d.modelValue ? M.value = !0 : M.value = !1;
-    }), d.modelValue && (M.value = !0);
-    const T = h1(), J = V(() => {
+    }, c = B(!1), W = B(p.hoverable);
+    fe(p, () => {
+      p.modelValue ? W.value = !0 : W.value = !1;
+    }), p.modelValue && (W.value = !0);
+    const z = h1(), T = j(() => {
       const n = [];
-      if (d.slim || n.push("fixed"), !N.value)
-        if (!d.isMobile)
+      if (p.slim || n.push("fixed"), !q.value)
+        if (!p.isMobile)
           n.push("w-[260px]");
         else
           return n.push("w-full");
       return n.join(" ");
-    }), U = V(() => ""), A = (n) => {
-      p.value = M.value && n;
-    }, N = V(() => M.value && !p.value), f = V(() => d.island ? d.modelValue !== !1 : !!N.value), H = j(), e = es(H), c = V(() => d.modelValue === !0 || e.value === null ? !0 : e.value > 0), o = j(), u = () => N.value ? d.minimizedWidth : d.width;
+    }), J = j(() => ""), V = (n) => {
+      c.value = W.value && n;
+    }, q = j(() => W.value && !c.value), v = j(() => p.island ? p.modelValue !== !1 : !!q.value), H = B(), e = es(H), h = j(() => p.modelValue === !0 || e.value === null ? !0 : e.value > 0), A = B(), o = () => q.value ? p.minimizedWidth : p.width;
     Xe(() => {
-      const n = u();
+      const n = o();
       setTimeout(() => {
-        o.value = n;
+        A.value = n;
       });
     });
-    const $ = j(!1), O = j(
-      (q = d.app) != null && q.availableLang && ((K = d.app) == null ? void 0 : K.availableLang.length) > 0 ? (Q = d.app) == null ? void 0 : Q.availableLang.find((n) => {
+    const d = B(!1), C = B(
+      (U = p.app) != null && U.availableLang && ((K = p.app) == null ? void 0 : K.availableLang.length) > 0 ? (Q = p.app) == null ? void 0 : Q.availableLang.find((n) => {
         var y;
-        return n.id == ((y = d.app) == null ? void 0 : y.lang);
+        return n.id == ((y = p.app) == null ? void 0 : y.lang);
       }) : null
-    ), v = () => {
-      $.value = !$.value;
+    ), u = () => {
+      d.value = !d.value;
     }, E = (n) => {
-      O.value = n, $.value = !1, r("select-language", n);
+      C.value = n, d.value = !1, r("select-language", n);
     }, F = () => {
       var n, y;
-      (y = (n = d.app) == null ? void 0 : n.selectedPlan) != null && y.url && (window.location.href = d.app.selectedPlan.url);
+      (y = (n = p.app) == null ? void 0 : n.selectedPlan) != null && y.url && (window.location.href = p.app.selectedPlan.url);
     };
     return (n, y) => {
-      var X, Y, ee, se, te, le, oe, ne, h, G, ae, fe, ve, we, ye, w, P, I, re, ie, de, B, be, W, pe, ze, Te, Ve, He, Ae, Ee, Fe, Pe, We, Ne, Ge, Ie, Re, qe, Ue, Ze;
+      var X, Y, ee, se, te, le, oe, ne, m, G, ae, ve, we, ye, be, Ce, w, P, I, re, ie, de, pe, O, ke, N, ue, Ve, He, Ae, Ee, Fe, Pe, We, Ne, Ge, Ie, Re, qe, Ue, Ze;
       return s(), l("aside", {
         ref_key: "rootElement",
-        ref: T,
+        ref: z,
         class: b(["oneb-sidebar cont flex flex-col", [
           n.island ? "island-mode bg-white rounded-10 py-2 shrink-0 transition-all" : "pt-[56px] pb-1 sidebar z-40",
-          n.island ? f.value ? "self-stretch w-[60px]" : "self-stretch w-[260px]" : J.value,
-          n.island ? "" : f.value ? "sm:max-w-[260px] w-full sm:w-max" : "sm:w-[260px] w-full"
+          n.island ? v.value ? "self-stretch w-[60px]" : "self-stretch w-[260px]" : T.value,
+          n.island ? "" : v.value ? "sm:max-w-[260px] w-full sm:w-max" : "sm:w-[260px] w-full"
         ]]),
-        style: m1(U.value),
-        onMouseenter: y[3] || (y[3] = (C) => A(!0)),
-        onMouseleave: y[4] || (y[4] = (C) => A(!1))
+        style: m1(J.value),
+        onMouseenter: y[3] || (y[3] = (g) => V(!0)),
+        onMouseleave: y[4] || (y[4] = (g) => V(!1))
       }, [
         n.island ? (s(), l("div", {
           key: 0,
-          class: b(["px-2 flex shrink-0", f.value ? "flex-col items-center gap-1" : "items-center justify-between"])
+          class: b(["px-2 flex shrink-0", v.value ? "flex-col items-center gap-1" : "items-center justify-between"])
         }, [
-          f.value && n.logoSrc ? (s(), l("div", ss, [
+          v.value && n.logoSrc ? (s(), l("div", ss, [
             t("img", {
               src: n.logoSrc,
               class: "w-8 h-8 mx-auto",
               alt: "logo"
             }, null, 8, ts)
           ])) : a("", !0),
-          !f.value && ((X = n.app) != null && X.name) ? (s(), l("div", ls, [
+          !v.value && ((X = n.app) != null && X.name) ? (s(), l("div", ls, [
             n.logoSrc ? (s(), l("div", os, [
               t("img", {
                 src: n.logoSrc,
@@ -665,54 +665,54 @@ const Ke = (g) => {
           t("button", {
             type: "button",
             class: "w-11 h-11 rounded-10 flex items-center justify-center text-secondary-base hover:bg-secondary-body-active transition-colors shrink-0",
-            onClick: y[0] || (y[0] = (C) => r("toggle-menu"))
+            onClick: y[0] || (y[0] = (g) => r("toggle-menu"))
           }, [
-            (s(), m(L(f.value ? S(a1) : S(X1)), { class: "w-5 h-5" }))
+            (s(), f(L(v.value ? S(a1) : S(X1)), { class: "w-5 h-5" }))
           ])
         ], 2)) : a("", !0),
-        ue(t("div", {
+        ce(t("div", {
           class: b(["overflow-y-auto overflow-hidden lg:bg-transparent transition-all flex-grow", [
-            n.island ? f.value ? "flex flex-col items-center gap-1 px-0 mx-0 mt-2" : "px-2 mt-2" : "top-[56px] left-0 z-50 px-1 ml-1 mr-1 mt-2"
+            n.island ? v.value ? "flex flex-col items-center gap-1 px-0 mx-0 mt-2" : "px-2 mt-2" : "top-[56px] left-0 z-50 px-1 ml-1 mr-1 mt-2"
           ]]),
           ref_key: "menu",
           ref: H
         }, [
-          (s(!0), l(R, null, D(n.items, (C) => (s(), m(D1, {
-            key: C.label,
-            labelTop: C.labelTop,
+          (s(!0), l(R, null, D(n.items, (g) => (s(), f(D1, {
+            key: g.label,
+            labelTop: g.labelTop,
             isMobile: n.isMobile,
-            subItems: C.subItems,
-            open: C.open,
-            icon: C.icon,
-            label: C.label,
-            route: C.route,
-            menuGroup: C == null ? void 0 : C.menuGroup,
-            href: C.href,
-            slim: f.value,
+            subItems: g.subItems,
+            open: g.open,
+            icon: g.icon,
+            label: g.label,
+            route: g.route,
+            menuGroup: g == null ? void 0 : g.menuGroup,
+            href: g.href,
+            slim: v.value,
             island: n.island,
-            active: C.active === !0,
-            "route-name": C.routeName,
-            exact: C.exact || !1,
-            onUpdateCollapsed: y[1] || (y[1] = (Be) => r("update-collapsed"))
+            active: g.active === !0,
+            "route-name": g.routeName,
+            exact: g.exact || !1,
+            onUpdateCollapsed: y[1] || (y[1] = (Oe) => r("update-collapsed"))
           }, null, 8, ["labelTop", "isMobile", "subItems", "open", "icon", "label", "route", "menuGroup", "href", "slim", "island", "active", "route-name", "exact"]))), 128))
         ], 2), [
-          [$e, c.value]
+          [_e, h.value]
         ]),
-        n.island && f.value ? (s(), l("div", ps, [
+        n.island && v.value ? (s(), l("div", ps, [
           t("button", {
             type: "button",
             class: "w-9 h-9 rounded-10 flex items-center justify-center hover:bg-secondary-body-active transition-colors",
-            onClick: y[2] || (y[2] = (C) => r("show-help"))
+            onClick: y[2] || (y[2] = (g) => r("show-help"))
           }, [
-            _(Le, { class: "w-6 h-6" })
+            _(Se, { class: "w-6 h-6" })
           ])
         ])) : a("", !0),
-        ue(t("div", {
-          class: b(["mt-auto shrink rounded-2xl mx-2", [f.value ? "" : "px-2 bg-white pt-2.5 py-2"]])
+        ce(t("div", {
+          class: b(["mt-auto shrink rounded-2xl mx-2", [v.value ? "" : "px-2 bg-white pt-2.5 py-2"]])
         }, [
           n.island ? a("", !0) : (s(), l("div", {
             key: 0,
-            class: b([f.value ? "hidden" : "w-full hidden md:flex-col md:flex"])
+            class: b([v.value ? "hidden" : "w-full hidden md:flex-col md:flex"])
           }, [
             (se = n.app) != null && se.offerPlan ? (s(), l("a", {
               key: 0,
@@ -723,28 +723,28 @@ const Ke = (g) => {
             }, [
               t("div", cs, [
                 t("div", hs, [
-                  (s(), m(L((le = n.app) == null ? void 0 : le.offerPlan.icon), { class: "w-[16px] h-[16px]" }))
+                  (s(), f(L((le = n.app) == null ? void 0 : le.offerPlan.icon), { class: "w-[16px] h-[16px]" }))
                 ]),
                 t("p", ms, [
                   t("strong", null, i((oe = n.app) == null ? void 0 : oe.offerPlan.title), 1),
-                  Ce(" «" + i((ne = n.app) == null ? void 0 : ne.offerPlan.name) + "» ", 1),
+                  ge(" «" + i((ne = n.app) == null ? void 0 : ne.offerPlan.name) + "» ", 1),
                   y[5] || (y[5] = t("br", null, null, -1)),
-                  Ce(i((h = n.app) == null ? void 0 : h.offerPlan.title1), 1)
+                  ge(i((m = n.app) == null ? void 0 : m.offerPlan.title1), 1)
                 ])
               ])
             ], 8, us)) : a("", !0),
             (G = n.app) != null && G.selectedPlan && ((ae = n.app) != null && ae.selectedPlan.name) ? (s(), l("div", fs, [
               t("div", vs, [
                 t("div", null, [
-                  (s(), m(L((fe = n.app) == null ? void 0 : fe.selectedPlan.icon), { class: "w-[16px] h-[16px]" }))
+                  (s(), f(L((ve = n.app) == null ? void 0 : ve.selectedPlan.icon), { class: "w-[16px] h-[16px]" }))
                 ]),
                 t("div", ws, [
-                  t("p", null, i(((ve = n.app) == null ? void 0 : ve.selectedPlan.name) || ""), 1),
-                  t("p", null, i(((we = n.app) == null ? void 0 : we.selectedPlan.title) || ""), 1)
+                  t("p", null, i(((we = n.app) == null ? void 0 : we.selectedPlan.name) || ""), 1),
+                  t("p", null, i(((ye = n.app) == null ? void 0 : ye.selectedPlan.title) || ""), 1)
                 ])
               ]),
               t("div", ys, [
-                _(je, {
+                _(Te, {
                   class: "text-[#525B66] hover:text-[#4089E0] !rounded-lg",
                   variant: "touch",
                   icon: S(v1),
@@ -752,128 +752,128 @@ const Ke = (g) => {
                 }, null, 8, ["icon"])
               ])
             ])) : a("", !0),
-            (ye = n.app) != null && ye.terms ? (s(), l("a", {
+            (be = n.app) != null && be.terms ? (s(), l("a", {
               key: 2,
-              href: (w = n.app) == null ? void 0 : w.terms.url,
+              href: (Ce = n.app) == null ? void 0 : Ce.terms.url,
               target: "_blank",
               class: "ml-1 flex items-center rounded-lg text-xs hover:underline font-extralight"
             }, [
               t("div", Cs, [
                 t("div", gs, [
-                  t("span", xs, i(((P = n.app) == null ? void 0 : P.terms.label) || "Terms"), 1)
+                  t("span", xs, i(((w = n.app) == null ? void 0 : w.terms.label) || "Terms"), 1)
                 ])
               ])
             ], 8, bs)) : a("", !0),
-            (I = n.app) != null && I.offer ? (s(), l("a", {
+            (P = n.app) != null && P.offer ? (s(), l("a", {
               key: 3,
-              href: (re = n.app) == null ? void 0 : re.offer.url,
+              href: (I = n.app) == null ? void 0 : I.offer.url,
               target: "_blank",
               class: "ml-1 flex items-center rounded-lg text-xs hover:underline text-[#525B66] font-extralight"
             }, [
               t("div", $s, [
                 t("div", Ls, [
-                  t("span", _s, i(((ie = n.app) == null ? void 0 : ie.offer.label) || "Offert"), 1)
+                  t("span", _s, i(((re = n.app) == null ? void 0 : re.offer.label) || "Offert"), 1)
                 ])
               ])
             ], 8, ks)) : a("", !0),
-            (B = (de = n.app) == null ? void 0 : de.availableLang) != null && B.length ? (s(), l("div", Ss, [
+            (de = (ie = n.app) == null ? void 0 : ie.availableLang) != null && de.length ? (s(), l("div", Ss, [
               t("div", {
                 class: "select-box flex gap-x-2 text-xs text-[#525B66] cursor-pointer",
-                onClick: v
+                onClick: u
               }, [
                 _(S(f1), { class: "w-4" }),
-                Ce(" " + i((be = O.value) == null ? void 0 : be.name) + " ", 1),
-                t("span", Bs, i($.value ? "▲" : "▼"), 1)
+                ge(" " + i((pe = C.value) == null ? void 0 : pe.name) + " ", 1),
+                t("span", Bs, i(d.value ? "▲" : "▼"), 1)
               ]),
-              $.value ? (s(), l("div", Ms, [
-                (s(!0), l(R, null, D((W = n.app) == null ? void 0 : W.availableLang, (C) => {
-                  var Be, De;
+              d.value ? (s(), l("div", Ms, [
+                (s(!0), l(R, null, D((O = n.app) == null ? void 0 : O.availableLang, (g) => {
+                  var Oe, De;
                   return s(), l("div", {
-                    key: C.id,
+                    key: g.id,
                     class: b(["px-2", {
-                      "hover:bg-slate-200 rounded-lg cursor-pointer": C.id !== ((Be = O.value) == null ? void 0 : Be.id),
-                      "text-gray-300": C.id === ((De = O.value) == null ? void 0 : De.id)
+                      "hover:bg-slate-200 rounded-lg cursor-pointer": g.id !== ((Oe = C.value) == null ? void 0 : Oe.id),
+                      "text-gray-300": g.id === ((De = C.value) == null ? void 0 : De.id)
                     }]),
                     onClick: (gl) => {
                       var Je;
-                      return C.id !== ((Je = O.value) == null ? void 0 : Je.id) && E(C);
+                      return g.id !== ((Je = C.value) == null ? void 0 : Je.id) && E(g);
                     }
-                  }, i(C.name), 11, Os);
+                  }, i(g.name), 11, Os);
                 }), 128))
               ])) : a("", !0)
             ])) : a("", !0)
           ], 2)),
-          !f.value && ((pe = n.app) != null && pe.offer || (Te = (ze = n.app) == null ? void 0 : ze.availableLang) != null && Te.length || (Ve = n.app) != null && Ve.selectedPlan && ((He = n.app) != null && He.selectedPlan.name) || (Ae = n.app) != null && Ae.offerPlan) ? (s(), l("div", js)) : a("", !0),
+          !v.value && ((ke = n.app) != null && ke.offer || (ue = (N = n.app) == null ? void 0 : N.availableLang) != null && ue.length || (Ve = n.app) != null && Ve.selectedPlan && ((He = n.app) != null && He.selectedPlan.name) || (Ae = n.app) != null && Ae.offerPlan) ? (s(), l("div", js)) : a("", !0),
           t("div", {
-            class: b([f.value ? "grid" : n.island ? "flex items-center gap-2" : "flex space-x-2"])
+            class: b([v.value ? "grid" : n.island ? "flex items-center gap-2" : "flex space-x-2"])
           }, [
             n.news ? (s(), l("a", {
               key: 0,
               href: "#",
-              class: b(["text-[#525B66] flex items-center rounded-lg text-sm tooltip hover:bg-primary-10-hover hover:text-primary-base transition-all bg-gray-100 px-1", [f.value ? "w-[44px] h-[44px] text-center" : "h-[36x] pr-2"]]),
-              onClick: k
+              class: b(["text-[#525B66] flex items-center rounded-lg text-sm tooltip hover:bg-primary-10-hover hover:text-primary-base transition-all bg-gray-100 px-1", [v.value ? "w-[44px] h-[44px] text-center" : "h-[36x] pr-2"]]),
+              onClick: $
             }, [
               n.news.menuLabel ? (s(), l("div", zs, i(n.news.menuLabel || "News"), 1)) : a("", !0),
               t("div", {
-                class: b(["w-full", [f.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
+                class: b(["w-full", [v.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
               }, [
                 t("div", {
-                  class: b(["relative items-center", [f.value ? "" : "flex flex-row space-x-1"]])
+                  class: b(["relative items-center", [v.value ? "" : "flex flex-row space-x-1"]])
                 }, [
                   t("div", null, [
-                    (s(), m(L(Le), { class: "w-[24px] h-[24px] mx-auto" }))
+                    (s(), f(L(Se), { class: "w-[24px] h-[24px] mx-auto" }))
                   ]),
-                  f.value ? a("", !0) : (s(), l("div", Ts, i(n.news.menuLabel || "News"), 1)),
-                  z.value > 0 ? (s(), l("span", Vs)) : a("", !0),
-                  z.value > 0 ? (s(), l("span", Hs)) : a("", !0)
+                  v.value ? a("", !0) : (s(), l("div", Ts, i(n.news.menuLabel || "News"), 1)),
+                  M.value > 0 ? (s(), l("span", Vs)) : a("", !0),
+                  M.value > 0 ? (s(), l("span", Hs)) : a("", !0)
                 ], 2)
               ], 2)
             ], 2)) : a("", !0),
             (Ee = n.app) != null && Ee.support ? (s(), l("a", {
               key: 1,
               href: (Pe = (Fe = n.app) == null ? void 0 : Fe.support) == null ? void 0 : Pe.url,
-              class: b(["text-[#525B66] flex items-center rounded-lg text-sm tooltip hover:bg-primary-10-hover hover:text-primary-base transition-all", [f.value ? "w-[44px] h-[44px] text-center" : "h-[36x]"]])
+              class: b(["text-[#525B66] flex items-center rounded-lg text-sm tooltip hover:bg-primary-10-hover hover:text-primary-base transition-all", [v.value ? "w-[44px] h-[44px] text-center" : "h-[36x]"]])
             }, [
               (Ne = (We = n.app) == null ? void 0 : We.support) != null && Ne.label ? (s(), l("div", Es, i(((Ie = (Ge = n.app) == null ? void 0 : Ge.support) == null ? void 0 : Ie.label) || "Support"), 1)) : a("", !0),
               t("div", {
-                class: b(["w-full", [f.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
+                class: b(["w-full", [v.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
               }, [
                 t("div", {
-                  class: b(["flex-shrink-0 relative", [f.value ? "mx-auto w-[36px] " : "flex space-x-2 px-1"]])
+                  class: b(["flex-shrink-0 relative", [v.value ? "mx-auto w-[36px] " : "flex space-x-2 px-1"]])
                 }, [
                   t("div", null, [
-                    (s(), m(L(S(w1)), { class: "w-[20px] h-[20px] mx-auto" }))
+                    (s(), f(L(S(w1)), { class: "w-[20px] h-[20px] mx-auto" }))
                   ]),
-                  f.value ? a("", !0) : (s(), l("div", Fs, i(((qe = (Re = n.app) == null ? void 0 : Re.support) == null ? void 0 : qe.label) || "Support"), 1))
+                  v.value ? a("", !0) : (s(), l("div", Fs, i(((qe = (Re = n.app) == null ? void 0 : Re.support) == null ? void 0 : qe.label) || "Support"), 1))
                 ], 2)
               ], 2)
             ], 10, As)) : a("", !0)
           ], 2),
-          n.island && !f.value ? (s(), l("div", Ps, [
+          n.island && !v.value ? (s(), l("div", Ps, [
             y[6] || (y[6] = t("span", null, [
-              Ce("Powered By "),
+              ge("Powered By "),
               t("span", { class: "capitalize" }, "OneB")
             ], -1)),
             (Ue = n.app) != null && Ue.version ? (s(), l("span", Ws, "V." + i(n.app.version), 1)) : a("", !0)
           ])) : a("", !0),
           n.island ? a("", !0) : (s(), l("p", {
             key: 3,
-            class: b([[f.value ? "hidden" : "w-full"], "text-[7px] pl-2 text-[#979CA9] flex justify-between font-extralight pt-1"])
+            class: b([[v.value ? "hidden" : "w-full"], "text-[7px] pl-2 text-[#979CA9] flex justify-between font-extralight pt-1"])
           }, [
             y[7] || (y[7] = t("span", null, [
-              Ce("Powered by "),
+              ge("Powered by "),
               t("span", { class: "text-blue-700" }, "OneB")
             ], -1)),
             t("span", null, i((Ze = n.app) == null ? void 0 : Ze.version), 1)
           ], 2))
         ], 2), [
-          [$e, c.value && (!n.island || !f.value)]
+          [_e, h.value && (!n.island || !v.value)]
         ])
       ], 38);
     };
   }
 });
-const d1 = /* @__PURE__ */ Se(Ns, [["__scopeId", "data-v-bcc0bd0f"]]), Gs = { class: "h-screen relative" }, Is = {
+const d1 = /* @__PURE__ */ Me(Ns, [["__scopeId", "data-v-bcc0bd0f"]]), Gs = { class: "h-screen relative" }, Is = {
   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.8)", "backdrop-filter": "blur(5px)" }
 }, Rs = { class: "sm:p-2 pl-2 flex-shrink-0" }, qs = { class: "w-8 h-8 sm:w-10 sm:h-10 flex items-center flex-shrink-0" }, Us = ["src"], Zs = { class: "whitespace-nowrap font-semibold sm:text-xl truncate" }, Ds = { class: "text-xs whitespace-nowrap truncate" }, Js = { class: "w-full pl-1" }, Ks = { class: "w-full flex justify-end sm:pr-4" }, Qs = { class: "flex items-center sm:space-x-1" }, Xs = {
@@ -903,54 +903,54 @@ const d1 = /* @__PURE__ */ Se(Ns, [["__scopeId", "data-v-bcc0bd0f"]]), Gs = { cl
 }, vt = {
   key: 3,
   class: "text-xs px-2 py-1 rounded-md bg-gray-600 text-white"
-}, wt = { class: "text-lg font-medium" }, yt = { class: "text-sm text-gray-600" }, bt = { key: 0 }, Ct = ["src"], gt = { class: "text-sm" }, xt = { key: 1 }, kt = ["href"], $t = { class: "text-sm flex items-center justify-between mt-1" }, Lt = { class: "text-gray-800" }, _t = ["href"], St = /* @__PURE__ */ _e({
+}, wt = { class: "text-lg font-medium" }, yt = { class: "text-sm text-gray-600" }, bt = { key: 0 }, Ct = ["src"], gt = { class: "text-sm" }, xt = { key: 1 }, kt = ["href"], $t = { class: "text-sm flex items-center justify-between mt-1" }, Lt = { class: "text-gray-800" }, _t = ["href"], St = /* @__PURE__ */ Be({
   __name: "OneMainLayout",
   props: i1,
   emits: ["load-news", "load-tariff", "open-tariff"],
-  setup(g, { emit: x }) {
-    const r = x, d = g;
-    let z = window.localStorage.getItem("sidebar-slim");
-    window.document.body.offsetWidth < 1024 && (window.localStorage.getItem("sidebar-slim") == null && window.localStorage.setItem("sidebar-slim", "1"), z = "1");
-    const k = j(z === "1");
-    j(!0), me(k, (e) => {
+  setup(x, { emit: k }) {
+    const r = k, p = x;
+    let M = window.localStorage.getItem("sidebar-slim");
+    window.document.body.offsetWidth < 1024 && (window.localStorage.getItem("sidebar-slim") == null && window.localStorage.setItem("sidebar-slim", "1"), M = "1");
+    const $ = B(M === "1");
+    B(!0), fe($, (e) => {
       window.localStorage.setItem("sidebar-slim", String(e ? 1 : 0));
     });
-    const p = j(!1), M = () => {
-      p.value = !p.value, p.value && r("load-news");
-    }, T = V(() => d.showHeadre);
-    me(
-      () => d.showHeadre,
+    const c = B(!1), W = () => {
+      c.value = !c.value, c.value && r("load-news");
+    }, z = j(() => p.showHeadre);
+    fe(
+      () => p.showHeadre,
       // Передаємо доступ до props
       () => {
-        T.value = d.showHeadre;
+        z.value = p.showHeadre;
       }
     );
-    const J = j(window.innerWidth), U = () => {
-      J.value = window.innerWidth;
-    }, A = V(() => J.value <= 768);
-    ke(() => {
-      window.addEventListener("resize", U);
-    }), Oe(() => {
-      window.removeEventListener("resize", U);
+    const T = B(window.innerWidth), J = () => {
+      T.value = window.innerWidth;
+    }, V = j(() => T.value <= 768);
+    Le(() => {
+      window.addEventListener("resize", J);
+    }), ze(() => {
+      window.removeEventListener("resize", J);
     });
-    const N = (e) => {
-      var c;
-      (c = d.handlers) == null || c.onSetLang(e);
-    }, f = j(!1), H = () => {
-      f.value = window.matchMedia("(min-width: 769px)").matches;
+    const q = (e) => {
+      var h;
+      (h = p.handlers) == null || h.onSetLang(e);
+    }, v = B(!1), H = () => {
+      v.value = window.matchMedia("(min-width: 769px)").matches;
     };
-    return ke(() => {
+    return Le(() => {
       H(), window.addEventListener("resize", H);
-    }), Oe(() => {
+    }), ze(() => {
       window.removeEventListener("resize", H);
-    }), (e, c) => {
-      var u, $, O, v, E, F, q, K, Q, n, y, X, Y, ee, se, te, le, oe, ne;
-      const o = Qe("RouterLink");
+    }), (e, h) => {
+      var o, d, C, u, E, F, U, K, Q, n, y, X, Y, ee, se, te, le, oe, ne;
+      const A = Qe("RouterLink");
       return s(), l("div", Gs, [
-        ue(t("div", Is, [
+        ce(t("div", Is, [
           t("div", Rs, [
             t("button", {
-              onClick: c[0] || (c[0] = (h) => k.value = !k.value),
+              onClick: h[0] || (h[0] = (m) => $.value = !$.value),
               class: "sm:w-[44px] sm:h-[44px] w-8 h-8 sm:p-[8px] flex items-center justify-center rounded hover:bg-secondary-10 hover:text-blue-600"
             }, [
               _(S(a1), { class: "sm:w-[24px] sm:h-[24px] w-6 h-6" })
@@ -964,51 +964,51 @@ const d1 = /* @__PURE__ */ Se(Ns, [["__scopeId", "data-v-bcc0bd0f"]]), Gs = { cl
               alt: "logo"
             }, null, 8, Us)) : a("", !0)
           ]),
-          e.app != null ? (s(), m(o, {
+          e.app != null ? (s(), f(A, {
             key: 0,
             to: "/",
             class: "sm:pl-2 pl-1 truncate w-full"
           }, {
             default: Z(() => {
-              var h, G;
+              var m, G;
               return [
                 t("div", Zs, i(e.app.name), 1),
-                t("div", Ds, i((G = (h = e.app) == null ? void 0 : h.workspace) == null ? void 0 : G.name), 1)
+                t("div", Ds, i((G = (m = e.app) == null ? void 0 : m.workspace) == null ? void 0 : G.name), 1)
               ];
             }),
             _: 1
           })) : a("", !0),
-          he(e.$slots, "head-left", {}, void 0, !0),
+          me(e.$slots, "head-left", {}, void 0, !0),
           t("div", Js, [
             t("div", Ks, [
               t("div", Qs, [
-                e.improveTariff && ((u = e.improveTariff) != null && u.label) && e.improveTariff.label ? (s(), l("div", Xs, [
+                e.improveTariff && ((o = e.improveTariff) != null && o.label) && e.improveTariff.label ? (s(), l("div", Xs, [
                   t("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
-                    (...h) => {
+                    onClick: h[1] || (h[1] = //@ts-ignore
+                    (...m) => {
                       var G, ae;
-                      return ((G = e.handlers) == null ? void 0 : G.onImproveTariff) && ((ae = e.handlers) == null ? void 0 : ae.onImproveTariff(...h));
+                      return ((G = e.handlers) == null ? void 0 : G.onImproveTariff) && ((ae = e.handlers) == null ? void 0 : ae.onImproveTariff(...m));
                     }),
                     style: { "font-size": "10px" }
                   }, [
                     t("div", Ys, [
-                      (s(), m(L(($ = e.improveTariff) == null ? void 0 : $.icon), { class: "h-4 w-4 mx-auto" }))
+                      (s(), f(L((d = e.improveTariff) == null ? void 0 : d.icon), { class: "h-4 w-4 mx-auto" }))
                     ]),
-                    t("span", et, i((O = e.improveTariff) == null ? void 0 : O.label), 1)
+                    t("span", et, i((C = e.improveTariff) == null ? void 0 : C.label), 1)
                   ])
                 ])) : a("", !0),
-                he(e.$slots, "head-right", {}, void 0, !0),
-                e.help ? (s(), m(e1, {
+                me(e.$slots, "head-right", {}, void 0, !0),
+                e.help ? (s(), f(e1, {
                   key: 1,
                   help: e.help
                 }, null, 8, ["help"])) : a("", !0),
-                ((v = e.handlers) == null ? void 0 : v.onBrowse) != null ? (s(), m(s1, {
+                ((u = e.handlers) == null ? void 0 : u.onBrowse) != null ? (s(), f(s1, {
                   key: 2,
                   workspace: (E = e.app) == null ? void 0 : E.workspace,
                   apps: ((F = e.app) == null ? void 0 : F.apps) || [],
-                  "change-label": ((q = e.labels) == null ? void 0 : q.change) || "Change",
+                  "change-label": ((U = e.labels) == null ? void 0 : U.change) || "Change",
                   "apps-title": ((K = e.labels) == null ? void 0 : K.apps) || "Apps",
                   "on-app": (Q = e.handlers) == null ? void 0 : Q.onApp,
                   "on-change": (n = e.handlers) == null ? void 0 : n.onChange,
@@ -1028,54 +1028,54 @@ const d1 = /* @__PURE__ */ Se(Ns, [["__scopeId", "data-v-bcc0bd0f"]]), Gs = { cl
             ])
           ])
         ], 512), [
-          [$e, T.value]
+          [_e, z.value]
         ]),
         t("div", st, [
-          !A.value || !k.value ? (s(), m(d1, {
+          !V.value || !$.value ? (s(), f(d1, {
             key: 0,
             app: e.app,
             items: e.sidebarItems,
             "with-news": e.news != null,
             news: e.news,
-            isMobile: A.value,
-            modelValue: k.value,
-            "onUpdate:modelValue": c[2] || (c[2] = (h) => k.value = h),
-            onShowNews: M,
-            onSelectLanguage: N,
-            onUpdateCollapsed: c[3] || (c[3] = (h) => k.value = !k.value)
+            isMobile: V.value,
+            modelValue: $.value,
+            "onUpdate:modelValue": h[2] || (h[2] = (m) => $.value = m),
+            onShowNews: W,
+            onSelectLanguage: q,
+            onUpdateCollapsed: h[3] || (h[3] = (m) => $.value = !$.value)
           }, null, 8, ["app", "items", "with-news", "news", "isMobile", "modelValue"])) : a("", !0),
           t("div", {
             class: b([[
-              k.value ? "" : "lg:ml-[260px] hidden sm:block",
-              f.value ? "ml-[60px]" : ""
+              $.value ? "" : "lg:ml-[260px] hidden sm:block",
+              v.value ? "ml-[60px]" : ""
             ], "body scroll-body w-full overflow-y-auto"])
           }, [
             t("div", {
-              class: b(["content transition-all", { "pt-[56px]": T.value }])
+              class: b(["content transition-all", { "pt-[56px]": z.value }])
             }, [
-              he(e.$slots, "default", {}, void 0, !0)
+              me(e.$slots, "default", {}, void 0, !0)
             ], 2)
           ], 2)
         ]),
         e.news ? (s(), l("div", tt, [
-          p.value ? (s(), l("div", {
+          c.value ? (s(), l("div", {
             key: 0,
             class: "fixed top-0 left-0 h-dvh w-screen bg-gray-100 bg-opacity-40 z-50",
-            onClick: c[4] || (c[4] = ce((h) => p.value = !1, ["self"]))
+            onClick: h[4] || (h[4] = he((m) => c.value = !1, ["self"]))
           })) : a("", !0),
           t("div", {
-            class: b(["opacity-100 shadow-lg transition-all fixed top-0 left-0 h-dvh overflow-hidden z-50 bg-white", [p.value ? "sm:w-[560px] w-full" : "w-0"]])
+            class: b(["opacity-100 shadow-lg transition-all fixed top-0 left-0 h-dvh overflow-hidden z-50 bg-white", [c.value ? "sm:w-[560px] w-full" : "w-0"]])
           }, [
-            p.value ? (s(), l("div", lt, [
+            c.value ? (s(), l("div", lt, [
               t("div", ot, [
                 t("div", nt, [
-                  _(Le, { class: "w-10 h-10" }),
-                  c[6] || (c[6] = t("div", { class: "w-full font-medium" }, "OneB News", -1)),
+                  _(Se, { class: "w-10 h-10" }),
+                  h[6] || (h[6] = t("div", { class: "w-full font-medium" }, "OneB News", -1)),
                   t("div", null, [
-                    _(je, {
+                    _(Te, {
                       variant: "touch",
                       icon: S(l1),
-                      onClick: c[5] || (c[5] = (h) => p.value = !1)
+                      onClick: h[5] || (h[5] = (m) => c.value = !1)
                     }, null, 8, ["icon"])
                   ])
                 ]),
@@ -1085,42 +1085,42 @@ const d1 = /* @__PURE__ */ Se(Ns, [["__scopeId", "data-v-bcc0bd0f"]]), Gs = { cl
                   ])) : ((oe = e.news.items) == null ? void 0 : oe.length) === 0 ? (s(), l("div", it, [
                     t("div", dt, i(e.news.emptyText), 1)
                   ])) : ((ne = e.news.items) == null ? void 0 : ne.length) > 0 ? (s(), l("div", pt, [
-                    (s(!0), l(R, null, D(e.news.items, (h) => (s(), l("div", {
-                      key: h.id,
+                    (s(!0), l(R, null, D(e.news.items, (m) => (s(), l("div", {
+                      key: m.id,
                       class: "p-3"
                     }, [
                       t("div", ut, [
                         t("div", null, [
-                          h.type ? (s(), l("div", ct, [
-                            h.type === 10 ? (s(), l("span", ht, "update")) : h.type === 11 ? (s(), l("span", mt, "warning")) : h.type === 12 ? (s(), l("span", ft, "notice")) : h.type === 13 ? (s(), l("span", vt, "ads")) : a("", !0)
+                          m.type ? (s(), l("div", ct, [
+                            m.type === 10 ? (s(), l("span", ht, "update")) : m.type === 11 ? (s(), l("span", mt, "warning")) : m.type === 12 ? (s(), l("span", ft, "notice")) : m.type === 13 ? (s(), l("span", vt, "ads")) : a("", !0)
                           ])) : a("", !0),
-                          t("div", wt, i(h.title), 1),
-                          t("div", yt, i(h.summary), 1)
+                          t("div", wt, i(m.title), 1),
+                          t("div", yt, i(m.summary), 1)
                         ]),
-                        h.image_url ? (s(), l("div", bt, [
+                        m.image_url ? (s(), l("div", bt, [
                           t("img", {
-                            src: h.image_url,
+                            src: m.image_url,
                             alt: "",
                             class: "w-full rounded-md"
                           }, null, 8, Ct)
                         ])) : a("", !0),
                         t("div", gt, [
                           _(n1, {
-                            text: h.body
+                            text: m.body
                           }, null, 8, ["text"])
                         ]),
-                        h.video_url ? (s(), l("div", xt, [
+                        m.video_url ? (s(), l("div", xt, [
                           t("a", {
-                            href: h.video_url,
+                            href: m.video_url,
                             target: "_blank",
                             class: "text-blue-600 hover:text-blue-700 px-3 py-2 border rounded-md w-full block"
                           }, i(e.news.openVideoText), 9, kt)
                         ])) : a("", !0),
                         t("div", $t, [
-                          t("span", Lt, i(h.published), 1),
-                          h.post_url ? (s(), l("a", {
+                          t("span", Lt, i(m.published), 1),
+                          m.post_url ? (s(), l("a", {
                             key: 0,
-                            href: h.post_url,
+                            href: m.post_url,
                             target: "_blank",
                             class: "text-blue-600 hover:text-blue-700 block"
                           }, i(e.news.moreText), 9, _t)) : a("", !0)
@@ -1137,7 +1137,7 @@ const d1 = /* @__PURE__ */ Se(Ns, [["__scopeId", "data-v-bcc0bd0f"]]), Gs = { cl
     };
   }
 });
-const El = /* @__PURE__ */ Se(St, [["__scopeId", "data-v-f5bf3126"]]), Bt = { class: "bg-secondary-body-island min-h-screen p-3" }, Mt = { class: "flex gap-3 items-stretch" }, Ot = { class: "flex-1 flex flex-col gap-3 min-w-0" }, jt = { class: "bg-white rounded-10 h-14 flex items-center justify-between pl-3 pr-3 shrink-0" }, zt = { class: "flex items-center min-w-0 gap-2" }, Tt = { class: "text-base text-black truncate" }, Vt = ["onClick"], Ht = { class: "text-base text-black truncate" }, At = { class: "w-[320px] py-2" }, Et = ["onClick"], Ft = { class: "text-sm" }, Pt = {
+const El = /* @__PURE__ */ Me(St, [["__scopeId", "data-v-f5bf3126"]]), Bt = { class: "bg-secondary-body-island min-h-screen p-3" }, Mt = { class: "flex gap-3 items-stretch" }, Ot = { class: "flex-1 flex flex-col gap-3 min-w-0" }, jt = { class: "bg-white rounded-10 h-14 flex items-center justify-between pl-3 pr-3 shrink-0" }, zt = { class: "flex items-center min-w-0 gap-2" }, Tt = { class: "text-base text-black truncate" }, Vt = ["onClick"], Ht = { class: "text-base text-black truncate" }, At = { class: "w-[320px] py-2" }, Et = ["onClick"], Ft = { class: "text-sm" }, Pt = {
   key: 0,
   class: "border-t border-secondary-stroke my-1"
 }, Wt = {
@@ -1170,54 +1170,57 @@ const El = /* @__PURE__ */ Se(St, [["__scopeId", "data-v-f5bf3126"]]), Bt = { cl
 }, dl = {
   key: 3,
   class: "text-xs px-2 py-1 rounded-md bg-gray-600 text-white"
-}, pl = { class: "text-lg font-medium" }, ul = { class: "text-sm text-gray-600" }, cl = { key: 0 }, hl = ["src"], ml = { class: "text-sm" }, fl = { key: 1 }, vl = ["href"], wl = { class: "text-sm flex items-center justify-between mt-1" }, yl = { class: "text-gray-800" }, bl = ["href"], Cl = /* @__PURE__ */ _e({
+}, pl = { class: "text-lg font-medium" }, ul = { class: "text-sm text-gray-600" }, cl = { key: 0 }, hl = ["src"], ml = { class: "text-sm" }, fl = { key: 1 }, vl = ["href"], wl = { class: "text-sm flex items-center justify-between mt-1" }, yl = { class: "text-gray-800" }, bl = ["href"], Cl = /* @__PURE__ */ Be({
   __name: "OneIslandLayout",
   props: i1,
-  emits: ["load-news", "load-tariff", "open-tariff", "browse", "workspace-click"],
-  setup(g, { emit: x }) {
-    const r = x, d = g, z = () => {
-      var o, u;
-      r("browse"), (u = (o = d.handlers) == null ? void 0 : o.onBrowse) == null || u.call(o);
-    }, k = () => {
-      var o, u;
-      r("workspace-click"), (u = (o = d.handlers) == null ? void 0 : o.onWorkspace) == null || u.call(o);
+  emits: ["load-news", "load-tariff", "open-tariff", "browse", "workspace-click", "manage-workspaces"],
+  setup(x, { emit: k }) {
+    const r = k, p = x, M = () => {
+      var o, d;
+      r("browse"), (d = (o = p.handlers) == null ? void 0 : o.onBrowse) == null || d.call(o);
+    }, $ = () => {
+      var o, d;
+      r("workspace-click"), (d = (o = p.handlers) == null ? void 0 : o.onWorkspace) == null || d.call(o);
+    }, c = () => {
+      var o, d, C;
+      r("manage-workspaces"), (o = p.handlers) != null && o.onManageWorkspaces ? p.handlers.onManageWorkspaces() : (C = (d = p.handlers) == null ? void 0 : d.onChange) == null || C.call(d);
     };
-    let p = window.localStorage.getItem("island-sidebar-slim");
-    window.document.body.offsetWidth < 1024 && (window.localStorage.getItem("island-sidebar-slim") == null && window.localStorage.setItem("island-sidebar-slim", "1"), p = "1");
-    const M = j(p === "1");
-    me(M, (o) => {
+    let W = window.localStorage.getItem("island-sidebar-slim");
+    window.document.body.offsetWidth < 1024 && (window.localStorage.getItem("island-sidebar-slim") == null && window.localStorage.setItem("island-sidebar-slim", "1"), W = "1");
+    const z = B(W === "1");
+    fe(z, (o) => {
       window.localStorage.setItem("island-sidebar-slim", String(o ? 1 : 0));
     });
-    const T = j(!1), J = () => {
+    const T = B(!1), J = () => {
       T.value = !T.value, T.value && r("load-news");
-    }, U = j(null), A = () => {
-      var u, $, O;
-      const o = (O = ($ = (u = U.value) == null ? void 0 : u.$el) == null ? void 0 : $.querySelector) == null ? void 0 : O.call($, "button");
+    }, V = B(null), q = () => {
+      var d, C, u;
+      const o = (u = (C = (d = V.value) == null ? void 0 : d.$el) == null ? void 0 : C.querySelector) == null ? void 0 : u.call(C, "button");
       o == null || o.click();
-    }, N = V(() => d.showHeadre);
-    me(
-      () => d.showHeadre,
+    }, v = j(() => p.showHeadre);
+    fe(
+      () => p.showHeadre,
       () => {
-        N.value = d.showHeadre;
+        v.value = p.showHeadre;
       }
     );
-    const f = j(window.innerWidth), H = () => {
-      f.value = window.innerWidth;
-    }, e = V(() => f.value <= 768);
-    ke(() => {
-      window.addEventListener("resize", H);
-    }), Oe(() => {
-      window.removeEventListener("resize", H);
+    const H = B(window.innerWidth), e = () => {
+      H.value = window.innerWidth;
+    }, h = j(() => H.value <= 768);
+    Le(() => {
+      window.addEventListener("resize", e);
+    }), ze(() => {
+      window.removeEventListener("resize", e);
     });
-    const c = (o) => {
-      var u, $;
-      ($ = (u = d.handlers) == null ? void 0 : u.onSetLang) == null || $.call(u, o);
+    const A = (o) => {
+      var d, C;
+      (C = (d = p.handlers) == null ? void 0 : d.onSetLang) == null || C.call(d, o);
     };
-    return (o, u) => {
-      var $, O, v, E, F, q, K, Q, n, y, X, Y, ee, se, te, le, oe, ne, h, G, ae, fe, ve, we, ye;
+    return (o, d) => {
+      var C, u, E, F, U, K, Q, n, y, X, Y, ee, se, te, le, oe, ne, m, G, ae, ve, we, ye, be, Ce;
       return s(), l("div", Bt, [
         t("div", Mt, [
-          !e.value || !M.value ? (s(), m(d1, {
+          !h.value || !z.value ? (s(), f(d1, {
             key: 0,
             items: o.sidebarItems,
             island: !0,
@@ -1225,155 +1228,155 @@ const El = /* @__PURE__ */ Se(St, [["__scopeId", "data-v-f5bf3126"]]), Bt = { cl
             "logo-src": o.logoSrc,
             "with-news": o.news != null,
             news: o.news,
-            isMobile: e.value,
-            modelValue: M.value,
-            onToggleMenu: u[0] || (u[0] = (w) => M.value = !M.value),
+            isMobile: h.value,
+            modelValue: z.value,
+            onToggleMenu: d[0] || (d[0] = (w) => z.value = !z.value),
             onShowNews: J,
-            onShowHelp: A,
-            onSelectLanguage: c,
-            onUpdateCollapsed: u[1] || (u[1] = (w) => M.value = !M.value)
+            onShowHelp: q,
+            onSelectLanguage: A,
+            onUpdateCollapsed: d[1] || (d[1] = (w) => z.value = !z.value)
           }, null, 8, ["items", "app", "logo-src", "with-news", "news", "isMobile", "modelValue"])) : a("", !0),
           t("div", Ot, [
-            ue(t("header", jt, [
+            ce(t("header", jt, [
               t("div", zt, [
-                ($ = o.handlers) != null && $.onWorkspace && (o.workspace || (O = o.app) != null && O.workspace) ? (s(), l("button", {
+                (C = o.handlers) != null && C.onWorkspace && (o.workspace || (u = o.app) != null && u.workspace) ? (s(), l("button", {
                   key: 0,
                   type: "button",
                   class: "flex items-center gap-2 px-2 py-1 rounded-10 bg-[#F5F5F5] hover:bg-secondary-body transition-colors min-w-0",
-                  onClick: k
+                  onClick: $
                 }, [
-                  _(xe, {
-                    text: (E = o.workspace || ((v = o.app) == null ? void 0 : v.workspace)) == null ? void 0 : E.name,
-                    src: (q = o.workspace || ((F = o.app) == null ? void 0 : F.workspace)) == null ? void 0 : q.photo_url,
+                  _($e, {
+                    text: (F = o.workspace || ((E = o.app) == null ? void 0 : E.workspace)) == null ? void 0 : F.name,
+                    src: (K = o.workspace || ((U = o.app) == null ? void 0 : U.workspace)) == null ? void 0 : K.photo_url,
                     size: 20,
                     rounded: !1
                   }, null, 8, ["text", "src"]),
-                  t("span", Tt, i((Q = o.workspace || ((K = o.app) == null ? void 0 : K.workspace)) == null ? void 0 : Q.name), 1),
-                  (s(), m(L(S(ge)), { class: "w-4 h-4 text-secondary-base shrink-0" }))
-                ])) : o.workspace || (n = o.app) != null && n.workspace ? (s(), m(Ye, {
+                  t("span", Tt, i((n = o.workspace || ((Q = o.app) == null ? void 0 : Q.workspace)) == null ? void 0 : n.name), 1),
+                  (s(), f(L(S(xe)), { class: "w-4 h-4 text-secondary-base shrink-0" }))
+                ])) : o.workspace || (y = o.app) != null && y.workspace ? (s(), f(Ye, {
                   key: 1,
                   "append-body": !0,
                   stick: "bottom-start"
                 }, {
                   button: Z(({ onToggle: w }) => {
-                    var P, I, re, ie, de, B;
+                    var P, I, re, ie, de, pe;
                     return [
                       t("button", {
                         type: "button",
                         class: "flex items-center gap-2 px-2 py-1 rounded-10 bg-[#F5F5F5] hover:bg-secondary-body transition-colors min-w-0",
-                        onClick: (be) => (k(), w())
+                        onClick: (O) => ($(), w())
                       }, [
-                        _(xe, {
+                        _($e, {
                           text: (I = o.workspace || ((P = o.app) == null ? void 0 : P.workspace)) == null ? void 0 : I.name,
                           src: (ie = o.workspace || ((re = o.app) == null ? void 0 : re.workspace)) == null ? void 0 : ie.photo_url,
                           size: 20,
                           rounded: !1
                         }, null, 8, ["text", "src"]),
-                        t("span", Ht, i((B = o.workspace || ((de = o.app) == null ? void 0 : de.workspace)) == null ? void 0 : B.name), 1),
-                        (s(), m(L(S(ge)), { class: "w-4 h-4 text-secondary-base shrink-0" }))
+                        t("span", Ht, i((pe = o.workspace || ((de = o.app) == null ? void 0 : de.workspace)) == null ? void 0 : pe.name), 1),
+                        (s(), f(L(S(xe)), { class: "w-4 h-4 text-secondary-base shrink-0" }))
                       ], 8, Vt)
                     ];
                   }),
                   menu: Z(({ onToggle: w }) => {
-                    var P, I, re, ie, de;
+                    var P, I, re, ie, de, pe;
                     return [
                       t("div", At, [
-                        (s(!0), l(R, null, D(o.workspaces || [], (B) => (s(), l("div", {
-                          key: B.name,
+                        (s(!0), l(R, null, D(o.workspaces || [], (O) => (s(), l("div", {
+                          key: O.name,
                           class: "flex items-center gap-2 px-3 py-2 hover:bg-secondary-10 cursor-pointer",
-                          onClick: (be) => {
-                            var W, pe;
-                            return (pe = (W = o.handlers) == null ? void 0 : W.onChange) == null || pe.call(W, B), w();
+                          onClick: (ke) => {
+                            var N, ue;
+                            return (ue = (N = o.handlers) == null ? void 0 : N.onChange) == null || ue.call(N, O), w();
                           }
                         }, [
-                          _(xe, {
-                            text: B.name,
-                            src: B.photo_url,
+                          _($e, {
+                            text: O.name,
+                            src: O.photo_url,
                             size: 24,
                             rounded: !1
                           }, null, 8, ["text", "src"]),
-                          t("span", Ft, i(B.name), 1)
+                          t("span", Ft, i(O.name), 1)
                         ], 8, Et))), 128)),
                         (P = o.workspaces) != null && P.length ? (s(), l("div", Pt)) : a("", !0),
                         (I = o.apps) != null && I.length ? (s(), l("div", Wt, i(((re = o.labels) == null ? void 0 : re.apps) || "Apps"), 1)) : a("", !0),
-                        (s(!0), l(R, null, D(o.apps || [], (B) => (s(), l("div", {
-                          key: B.id,
+                        (s(!0), l(R, null, D(o.apps || [], (O) => (s(), l("div", {
+                          key: O.id,
                           class: "flex items-center gap-2 px-3 py-2 hover:bg-secondary-10 cursor-pointer",
-                          onClick: (be) => {
-                            var W, pe;
-                            return (pe = (W = o.handlers) == null ? void 0 : W.onApp) == null || pe.call(W, B), w();
+                          onClick: (ke) => {
+                            var N, ue;
+                            return (ue = (N = o.handlers) == null ? void 0 : N.onApp) == null || ue.call(N, O), w();
                           }
                         }, [
-                          _(xe, {
-                            text: B.name,
-                            src: B.photo_url,
+                          _($e, {
+                            text: O.name,
+                            src: O.photo_url,
                             size: 24,
                             rounded: !1
                           }, null, 8, ["text", "src"]),
-                          t("span", Gt, i(B.name), 1)
+                          t("span", Gt, i(O.name), 1)
                         ], 8, Nt))), 128)),
-                        (ie = o.handlers) != null && ie.onChange ? (s(), l("div", It, [
+                        (ie = o.handlers) != null && ie.onManageWorkspaces || (de = o.handlers) != null && de.onChange ? (s(), l("div", It, [
                           t("button", {
                             type: "button",
                             class: "w-full text-left text-xs text-secondary-content px-3 py-2 hover:bg-secondary-10",
-                            onClick: (B) => (o.handlers.onChange(), w())
-                          }, i(((de = o.labels) == null ? void 0 : de.change) || "Change workspace"), 9, Rt)
+                            onClick: (O) => (c(), w())
+                          }, i(((pe = o.labels) == null ? void 0 : pe.change) || "Change workspace"), 9, Rt)
                         ])) : a("", !0)
                       ])
                     ];
                   }),
                   _: 1
                 })) : a("", !0),
-                he(o.$slots, "head-left", {}, void 0, !0)
+                me(o.$slots, "head-left", {}, void 0, !0)
               ]),
               t("div", qt, [
-                (y = o.improveTariff) != null && y.label ? (s(), l("a", {
+                (X = o.improveTariff) != null && X.label ? (s(), l("a", {
                   key: 0,
-                  href: ((X = o.improveTariff) == null ? void 0 : X.url) || "#",
+                  href: ((Y = o.improveTariff) == null ? void 0 : Y.url) || "#",
                   class: "flex items-center gap-1.5 bg-[#FFF8E4] hover:bg-[#FAEBC2] rounded-full px-2 py-0.5 transition-colors",
-                  onClick: u[2] || (u[2] = ce((w) => {
+                  onClick: d[2] || (d[2] = he((w) => {
                     var P, I;
                     return (I = (P = o.handlers) == null ? void 0 : P.onImproveTariff) == null ? void 0 : I.call(P);
                   }, ["prevent"]))
                 }, [
-                  o.improveTariff.icon ? (s(), m(L(o.improveTariff.icon), {
+                  o.improveTariff.icon ? (s(), f(L(o.improveTariff.icon), {
                     key: 0,
                     class: "w-4 h-4 text-warning-base"
                   })) : a("", !0),
                   t("span", Zt, i(o.improveTariff.label), 1)
                 ], 8, Ut)) : a("", !0),
-                he(o.$slots, "head-right", {}, void 0, !0),
-                o.help ? (s(), m(e1, {
+                me(o.$slots, "head-right", {}, void 0, !0),
+                o.help ? (s(), f(e1, {
                   key: 1,
                   ref_key: "helpMenuRef",
-                  ref: U,
+                  ref: V,
                   help: o.help
                 }, null, 8, ["help"])) : a("", !0),
                 _(s1, {
-                  workspace: o.workspace || ((Y = o.app) == null ? void 0 : Y.workspace),
-                  apps: o.apps || ((ee = o.app) == null ? void 0 : ee.apps) || [],
-                  "change-label": ((se = o.labels) == null ? void 0 : se.change) || "Change",
-                  "apps-title": ((te = o.labels) == null ? void 0 : te.apps) || "Apps",
-                  "on-app": (le = o.handlers) == null ? void 0 : le.onApp,
-                  "on-change": (oe = o.handlers) == null ? void 0 : oe.onChange,
-                  onOpen: z
+                  workspace: o.workspace || ((ee = o.app) == null ? void 0 : ee.workspace),
+                  apps: o.apps || ((se = o.app) == null ? void 0 : se.apps) || [],
+                  "change-label": ((te = o.labels) == null ? void 0 : te.change) || "Change",
+                  "apps-title": ((le = o.labels) == null ? void 0 : le.apps) || "Apps",
+                  "on-app": (oe = o.handlers) == null ? void 0 : oe.onApp,
+                  "on-change": (ne = o.handlers) == null ? void 0 : ne.onChange,
+                  onOpen: M
                 }, null, 8, ["workspace", "apps", "change-label", "apps-title", "on-app", "on-change"]),
                 _(t1, {
                   user: o.user,
                   menu: o.menu,
                   app: o.app,
-                  "account-label": ((ne = o.labels) == null ? void 0 : ne.account) || "Account",
-                  "logout-label": ((h = o.labels) == null ? void 0 : h.logout) || "Logout",
-                  "version-label": ((G = o.labels) == null ? void 0 : G.version) || "",
-                  "on-account": (ae = o.handlers) == null ? void 0 : ae.onAccount,
-                  "on-logout": (fe = o.handlers) == null ? void 0 : fe.onLogout
+                  "account-label": ((m = o.labels) == null ? void 0 : m.account) || "Account",
+                  "logout-label": ((G = o.labels) == null ? void 0 : G.logout) || "Logout",
+                  "version-label": ((ae = o.labels) == null ? void 0 : ae.version) || "",
+                  "on-account": (ve = o.handlers) == null ? void 0 : ve.onAccount,
+                  "on-logout": (we = o.handlers) == null ? void 0 : we.onLogout
                 }, null, 8, ["user", "menu", "app", "account-label", "logout-label", "version-label", "on-account", "on-logout"])
               ])
             ], 512), [
-              [$e, N.value]
+              [_e, v.value]
             ]),
             t("div", Dt, [
-              he(o.$slots, "default", {}, void 0, !0)
+              me(o.$slots, "default", {}, void 0, !0)
             ])
           ])
         ]),
@@ -1381,7 +1384,7 @@ const El = /* @__PURE__ */ Se(St, [["__scopeId", "data-v-f5bf3126"]]), Bt = { cl
           T.value ? (s(), l("div", {
             key: 0,
             class: "fixed top-0 left-0 h-dvh w-screen bg-gray-100 bg-opacity-40 z-50",
-            onClick: u[3] || (u[3] = ce((w) => T.value = !1, ["self"]))
+            onClick: d[3] || (d[3] = he((w) => T.value = !1, ["self"]))
           })) : a("", !0),
           t("div", {
             class: b(["opacity-100 shadow-lg transition-all fixed top-0 left-0 h-dvh overflow-hidden z-50 bg-white", [T.value ? "sm:w-[560px] w-full" : "w-0"]])
@@ -1389,22 +1392,22 @@ const El = /* @__PURE__ */ Se(St, [["__scopeId", "data-v-f5bf3126"]]), Bt = { cl
             T.value ? (s(), l("div", Kt, [
               t("div", Qt, [
                 t("div", Xt, [
-                  _(Le, { class: "w-10 h-10" }),
-                  u[5] || (u[5] = t("div", { class: "w-full font-medium" }, "OneB News", -1)),
+                  _(Se, { class: "w-10 h-10" }),
+                  d[5] || (d[5] = t("div", { class: "w-full font-medium" }, "OneB News", -1)),
                   t("div", null, [
-                    _(je, {
+                    _(Te, {
                       variant: "touch",
                       icon: S(l1),
-                      onClick: u[4] || (u[4] = (w) => T.value = !1)
+                      onClick: d[4] || (d[4] = (w) => T.value = !1)
                     }, null, 8, ["icon"])
                   ])
                 ]),
                 t("div", Yt, [
-                  o.news.isLoading && ((ve = o.news.items) == null ? void 0 : ve.length) === 0 ? (s(), l("div", el, [
+                  o.news.isLoading && ((ye = o.news.items) == null ? void 0 : ye.length) === 0 ? (s(), l("div", el, [
                     _(o1, { class: "w-6 h-6 text-gray-600 mx-auto" })
-                  ])) : ((we = o.news.items) == null ? void 0 : we.length) === 0 ? (s(), l("div", sl, [
+                  ])) : ((be = o.news.items) == null ? void 0 : be.length) === 0 ? (s(), l("div", sl, [
                     t("div", tl, i(o.news.emptyText), 1)
-                  ])) : ((ye = o.news.items) == null ? void 0 : ye.length) > 0 ? (s(), l("div", ll, [
+                  ])) : ((Ce = o.news.items) == null ? void 0 : Ce.length) > 0 ? (s(), l("div", ll, [
                     (s(!0), l(R, null, D(o.news.items, (w) => (s(), l("div", {
                       key: w.id,
                       class: "p-3"
@@ -1457,7 +1460,7 @@ const El = /* @__PURE__ */ Se(St, [["__scopeId", "data-v-f5bf3126"]]), Bt = { cl
     };
   }
 });
-const Fl = /* @__PURE__ */ Se(Cl, [["__scopeId", "data-v-0489f5bd"]]);
+const Fl = /* @__PURE__ */ Me(Cl, [["__scopeId", "data-v-fd9db97f"]]);
 export {
   Fl as OneIslandLayout,
   El as OneMainLayout,