@oneb/ui-vue 0.3.23 → 0.3.26

package/dist/layout/index.js

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