@oneb/ui-vue 0.3.25 → 0.3.27

package/dist/layout/index.js

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