@oneb/ui-vue 0.3.19 → 0.3.21

package/dist/layout/index.js

@@ -1,20 +1,20 @@
-import { openBlock as t, createElementBlock as l, createElementVNode as e, defineComponent as c1, computed as M, ref as $, resolveComponent as q1, Fragment as K, normalizeClass as c, toDisplayString as u, createCommentVNode as a, createBlock as w, resolveDynamicComponent as _, unref as k, withModifiers as t1, withCtx as i1, renderList as s1, watch as l1, onMounted as p1, onBeforeUnmount as J1, watchEffect as R1, shallowRef as K1, normalizeStyle as Q1, withDirectives as u1, vShow as d1, createTextVNode as e1, createVNode as j, onUnmounted as G1, renderSlot as n1 } from "vue";
-import { r as a1, a as X1 } from "../ChevronRightIcon-4549a26b.js";
-import { r as r1 } from "../ChevronDownIcon-6805ce6c.js";
-import { _ as m1 } from "../_plugin-vue_export-helper-dad06003.js";
-import { g as Y1, c as ee, O as te, b as se } from "../OneHelpMenu-d7a39a69.js";
-import { OneButton as U1 } from "../button/index.js";
-import { r as le } from "../XMarkIcon-51ef0691.js";
-import { S as oe } from "../SpinnerIcon-74648c98.js";
-import { OneMarkdown as ne } from "../common/index.js";
+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 { 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 "../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/vue";
-import "../OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
 import "../SpinnerIcon.vue_vue_type_style_index_0_lang-4ed993c7.js";
 import "vue-markdown-render";
-function ae(v, C) {
-  return t(), l("svg", {
+function i1(g, x) {
+  return s(), l("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -22,15 +22,15 @@ function ae(v, C) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    e("path", {
+    t("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
     })
   ]);
 }
-function re(v, C) {
-  return t(), l("svg", {
+function b1(g, x) {
+  return s(), l("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -38,14 +38,14 @@ function re(v, C) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    e("path", {
+    t("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M8.625 9.75a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375m-13.5 3.01c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 01.778-.332 48.294 48.294 0 005.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z"
     })
   ]);
 }
-const Z1 = {
+const d1 = {
   items: {
     required: !0,
     type: Array
@@ -54,6 +54,10 @@ const Z1 = {
     type: Boolean,
     default: !1
   },
+  island: {
+    type: Boolean,
+    default: !1
+  },
   isMobile: {
     type: Boolean,
     default: !1
@@ -69,7 +73,7 @@ const Z1 = {
   news: {
     type: Object
   }
-}, ie = {
+}, C1 = {
   route: {
     required: !1,
     type: [Object, String]
@@ -119,6 +123,14 @@ const Z1 = {
     type: Boolean,
     default: !0
   },
+  island: {
+    type: Boolean,
+    default: !1
+  },
+  active: {
+    type: Boolean,
+    default: !1
+  },
   open: {
     type: Boolean,
     default: !1
@@ -128,8 +140,8 @@ const Z1 = {
     required: !1
     // Не обов'язковий, бо може бути відсутнім
   }
-}, pe = {
-  sidebarItems: Z1.items,
+}, u1 = {
+  sidebarItems: d1.items,
   logoSrc: {
     type: String
   },
@@ -178,188 +190,274 @@ const Z1 = {
     type: Array,
     default: () => []
   }
-}, ue = ["href"], de = { class: "flex flex-nowrap items-center w-full h-[24px]" }, ce = {
+}, g1 = {
   key: 0,
-  class: "w-[44px] flex-shrink-0"
-}, me = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, fe = { class: "py-[8px] pl-0 pr-0" }, he = { class: "flex flex-nowrap items-center w-full h-[24px]" }, ve = {
+  class: "border-t border-secondary-stroke my-2 mx-auto w-6"
+}, x1 = {
+  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 = {
   key: 0,
-  class: "w-[44px] flex-shrink-0"
-}, Ce = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, we = { class: "py-[8px] pl-0 pr-0" }, xe = {
+  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 = {
   key: 1,
+  class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full"
+}, T1 = { class: "py-[8px] pl-0 pr-0" }, V1 = {
+  key: 2,
+  class: "ml-auto"
+}, H1 = { class: "flex flex-nowrap items-center h-[24px]" }, A1 = {
+  key: 1,
+  class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full"
+}, P1 = { class: "py-[8px] pl-0 pr-0" }, E1 = {
+  key: 2,
   class: "p-3"
-}, be = { class: "flex flex-nowrap items-center w-full h-[24px]" }, ye = {
-  key: 0,
-  class: "w-[44px] flex-shrink-0"
-}, ge = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, Le = { class: "py-[8px] pl-0 pr-0" }, ke = {
+}, F1 = { class: "flex flex-nowrap items-center h-[24px]" }, W1 = {
   key: 1,
+  class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full"
+}, N1 = { class: "py-[8px] pl-0 pr-0" }, G1 = {
+  key: 2,
   class: "p-3"
-}, _e = ["href"], $e = { class: "flex items-center justify-between min-w-full h-[24px]" }, Se = {
+}, I1 = {
+  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 = {
   key: 0,
-  class: "text-xs"
-}, Me = {
+  class: "pr-1"
+}, D1 = { class: "text-xs" }, J1 = {
   key: 0,
-  class: "text-xs"
-}, Be = {
-  key: 1,
   class: "pr-3"
-}, Oe = /* @__PURE__ */ c1({
+}, K1 = /* @__PURE__ */ ve({
   __name: "OneSidebarLink",
-  props: ie,
+  props: C1,
   emits: ["update-collapsed"],
-  setup(v, { emit: C }) {
-    const r = v, d = C, g = M(() => r.href ?? !1), b = M(() => h(r)), h = (o) => o.route ? o.route : o.routeName ? { name: o.routeName } : null, L = $(r.open), V = (o, y = r) => {
-      var m;
-      return (y == null ? void 0 : y.menuGroup) && (o == null ? void 0 : o.meta) && ((m = o.meta) == null ? void 0 : m.menuGroup) && o.meta.menuGroup && o.meta.menuGroup === y.menuGroup;
-    }, E = () => {
-      L.value = !L.value;
-    }, B = (o, y) => {
-      r.subItems && r.subItems.length > 0 && !y && (o.preventDefault(), E()), (y || !r.subItems || r.subItems.length === 0) && r.isMobile && d("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(() => [
+      "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");
     };
-    return (o, y) => {
-      var O, n;
-      const m = q1("RouterLink");
-      return t(), l(K, null, [
-        o.labelTop ? (t(), l("p", {
-          key: 0,
-          style: { "font-size": "10px" },
-          class: c([{ "text-center h-[15px]": o.slim }, "text-[#a1a5b0] px-2 pt-0 pb-0.5 pl-3 font-medium"])
-        }, u(o.slim ? "" : o.labelTop), 3)) : a("", !0),
-        g.value ? (t(), l("a", {
-          key: 1,
-          href: g.value,
-          class: c(["flex items-center relative rounded-xl text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66] mb-0.5", [o.slim ? "w-[44px] h-[44px]" : "h-[44px] w-full"]]),
-          onClick: B
-        }, [
-          e("div", de, [
-            o.icon ? (t(), l("div", ce, [
-              (t(), w(_(o.icon), { class: "w-[24px] h-[24px] mx-auto" }))
-            ])) : a("", !0),
-            e("div", me, [
-              e("span", fe, u(o.label), 1)
-            ]),
-            r.subItems && r.subItems.length > 0 ? (t(), l("div", {
-              key: 1,
-              class: c(["ml-auto", [(o.slim, "")]])
-            }, [
-              (t(), w(_(L.value ? k(a1) : k(r1)), { class: "w-[16px] h-[16px]" }))
-            ], 2)) : a("", !0)
-          ])
-        ], 10, ue)) : a("", !0),
-        !g.value && b.value ? (t(), w(m, {
+    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, {
           key: 2,
-          to: b.value,
-          exact: o.exact,
-          class: c(["relative flex items-center cursor-pointer rounded-xl text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66] mb-0.5", {
-            "w-[44px] h-[44px]": o.slim,
-            "h-[44px] w-full": !o.slim,
-            "bg-primary-10 !text-primary-base": V(o.$route)
-          }]),
-          "active-class": (O = o.$route) != null && O.meta && ((n = o.$route.meta) != null && n.menuGroup) && o.$route.meta.menuGroup ? "" : "bg-primary-10 !text-primary-base",
-          onClick: t1(B, ["prevent"])
+          trigger: "hover",
+          "append-body": !0,
+          stick: "right-start",
+          offset: 12
         }, {
-          default: i1(() => [
-            e("div", he, [
-              o.icon ? (t(), l("div", ve, [
-                (t(), w(_(o.icon), { class: "w-[24px] h-[24px] mx-auto" }))
-              ])) : a("", !0),
-              e("div", Ce, [
-                e("span", we, u(o.label), 1)
+          button: U(() => [
+            (s(), p(k(I.value), h1(D.value, {
+              class: q.value,
+              onClick: O
+            }), {
+              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)
+                ])
               ]),
-              r.subItems && r.subItems.length > 0 && !o.slim ? (t(), l("div", xe, [
-                (t(), w(_(L.value ? k(a1) : k(r1)), { class: "w-[16px] h-[16px]" }))
-              ])) : 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,
+                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), {
+                  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),
+                  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"
+                }, {
+                  default: U(() => [
+                    m.icon ? (s(), p(k(m.icon), {
+                      key: 0,
+                      class: "w-[15px] h-[15px] shrink-0"
+                    })) : o("", !0),
+                    t("span", M1, r(m.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["to", "active-class"]);
+              }), 128))
             ])
           ]),
           _: 1
-        }, 8, ["to", "exact", "active-class", "class"])) : a("", !0),
-        !g.value && !b.value ? (t(), l("span", {
-          key: 3,
-          onClick: t1(B, ["prevent"]),
-          class: c([[o.slim ? "w-[44px] h-[44px]" : "h-[44px] w-full"], "mb-0.5 relative flex items-center cursor-pointer rounded-xl text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]"])
-        }, [
-          e("div", be, [
-            o.icon ? (t(), l("div", ye, [
-              (t(), w(_(o.icon), { class: "w-[24px] h-[24px] mx-auto" }))
-            ])) : a("", !0),
-            e("div", ge, [
-              e("span", Le, u(o.label), 1)
+        })) : (s(), l(G, { key: 3 }, [
+          e.href ? oe((s(), l("a", {
+            key: 0,
+            href: e.href,
+            class: y(["flex items-center relative text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66] mb-0.5", [
+              e.island ? "rounded-10" : "rounded-xl",
+              e.slim ? "w-[44px] h-[44px] justify-center" : "h-[44px] w-full",
+              e.active ? "bg-primary-10 !text-primary-base" : ""
+            ]]),
+            onClick: O
+          }, [
+            t("div", O1, [
+              e.icon ? (s(), l("div", {
+                key: 0,
+                class: y(["flex-shrink-0", e.slim ? "w-auto" : "w-[44px]"])
+              }, [
+                (s(), p(k(e.icon), {
+                  class: y(["mx-auto", e.slim ? "w-5 h-5" : "w-[24px] h-[24px]"])
+                }, null, 8, ["class"]))
+              ], 2)) : o("", !0),
+              e.slim ? o("", !0) : (s(), l("div", z1, [
+                t("span", T1, r(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)
+            ])
+          ], 10, j1)), [
+            [z, e.slim && !d.value ? e.label : "", "right"]
+          ]) : o("", !0),
+          !e.href && v.value ? oe((s(), p(C, {
+            key: 1,
+            to: v.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)
+            }]),
+            "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"])
+          }, {
+            default: U(() => [
+              t("div", H1, [
+                e.icon ? (s(), l("div", {
+                  key: 0,
+                  class: y(["flex-shrink-0", e.slim ? "w-auto" : "w-[44px]"])
+                }, [
+                  (s(), p(k(e.icon), {
+                    class: y(["mx-auto", e.slim ? "w-5 h-5" : "w-[24px] h-[24px]"])
+                  }, null, 8, ["class"]))
+                ], 2)) : o("", !0),
+                e.slim ? o("", !0) : (s(), l("div", A1, [
+                  t("span", P1, r(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)
+              ])
             ]),
-            r.subItems && r.subItems.length > 0 && !o.slim ? (t(), l("div", ke, [
-              (t(), w(_(L.value ? k(a1) : k(r1)), { class: "w-[16px] h-[16px]" }))
-            ])) : a("", !0)
-          ])
-        ], 2)) : a("", !0),
-        L.value && r.subItems ? (t(), l("div", {
-          key: 4,
-          class: c([o.slim ? "" : "pl-[36px] pr-3"])
-        }, [
-          e("div", {
-            class: c([(o.slim, "")])
+            _: 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", {
+            key: 2,
+            onClick: ae(O, ["prevent"]),
+            class: y(["mb-0.5 relative flex items-center cursor-pointer text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]", [
+              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(!0), l(K, null, s1(r.subItems, (i) => {
-              var I, H;
-              return t(), l("div", {
-                key: i.label,
-                class: c([(o.slim, "")])
+            t("div", F1, [
+              e.icon ? (s(), l("div", {
+                key: 0,
+                class: y(["flex-shrink-0", e.slim ? "w-auto" : "w-[44px]"])
+              }, [
+                (s(), p(k(e.icon), {
+                  class: y(["mx-auto", e.slim ? "w-5 h-5" : "w-[24px] h-[24px]"])
+                }, null, 8, ["class"]))
+              ], 2)) : o("", !0),
+              e.slim ? o("", !0) : (s(), l("div", W1, [
+                t("span", N1, r(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)
+            ])
+          ], 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
               }, [
-                i.href ? (t(), l("a", {
+                m.href ? (s(), l("a", {
                   key: 0,
-                  href: i.href,
+                  href: m.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]"
                 }, [
-                  e("div", $e, [
-                    o.slim ? a("", !0) : (t(), l("span", Se, u(i.label), 1)),
-                    i.icon ? (t(), l("div", {
-                      key: 1,
-                      class: c([o.slim ? "pl-2 h-[15px]" : "pr-1"])
-                    }, [
-                      (t(), w(_(i.icon), { class: "w-[15px] h-[15px] mx-auto" }))
-                    ], 2)) : a("", !0)
+                  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)
                   ])
-                ], 8, _e)) : h(i) ? (t(), w(m, {
+                ], 8, R1)) : _(m) ? (s(), p(C, {
                   key: 1,
-                  to: h(i),
-                  onClick: y[0] || (y[0] = t1((S) => B(S, !0), ["prevent"])),
-                  class: c(["flex items-center rounded-xl p-2 text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]", {
-                    "w-[44px] h-[44px]": o.slim,
-                    "h-[44px] w-full": !o.slim,
-                    "bg-primary-10 !text-primary-base": V(o.$route, i)
+                  to: _(m),
+                  onClick: a[0] || (a[0] = ae((R) => O(R, !0), ["prevent"])),
+                  class: y(["flex items-center rounded-xl p-2 text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66] h-[44px] w-full", {
+                    "bg-primary-10 !text-primary-base": W(e.$route, m)
                   }]),
-                  "active-class": (I = o.$route) != null && I.meta && ((H = o.$route.meta) != null && H.menuGroup) && o.$route.meta.menuGroup ? "" : "bg-primary-10 !text-primary-base"
+                  "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"
                 }, {
-                  default: i1(() => [
-                    o.slim ? a("", !0) : (t(), l("span", Me, u(i.label), 1)),
-                    i.icon ? (t(), l("div", Be, [
-                      (t(), w(_(i.icon), { class: "w-[20px] h-[20px] mx-auto" }))
-                    ])) : a("", !0)
+                  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)
                   ]),
                   _: 2
-                }, 1032, ["to", "active-class", "class"])) : a("", !0)
-              ], 2);
+                }, 1032, ["to", "active-class", "class"])) : o("", !0)
+              ]);
             }), 128))
-          ], 2)
-        ], 2)) : a("", !0)
+          ])) : o("", !0)
+        ], 64))
       ], 64);
     };
   }
-}), Ve = {}, ze = {
+}), Q1 = {}, X1 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none"
 };
-function Te(v, C) {
-  return t(), l("svg", ze, [...C[0] || (C[0] = [
-    e("path", {
+function Y1(g, x) {
+  return s(), l("svg", X1, [...x[0] || (x[0] = [
+    t("path", {
       d: "M9.27987 15.963H7.76282V9.97577C7.76282 9.67316 7.575 9.40658 7.29326 9.29851L6.7948 9.11839V8.57802V8.03766H8.10957C8.60081 8.03766 8.91867 8.12412 9.05592 8.30424C9.20763 8.48436 9.27987 8.8374 9.27987 9.36335V15.963Z",
       fill: "currentColor"
     }, null, -1),
-    e("path", {
+    t("path", {
       d: "M15.7294 11.3876C16.2011 11.2795 16.7453 10.9769 16.7816 10.0547C16.7816 9.36299 16.5276 8.90188 16.1285 8.57766C15.6569 8.14537 14.9675 8.03729 14.3797 8.03729H11.4626V13.9309C11.4626 14.6802 11.6441 15.2061 12.0141 15.5087C12.3842 15.8113 13.0155 15.9626 13.8935 15.9626H14.9675C15.6859 15.9626 16.2374 15.7681 16.6365 15.3718C17.0428 14.9756 17.2388 14.4136 17.2388 13.6787C17.2388 12.7925 16.9993 11.6758 15.7294 11.3876ZM13.0228 9.42783L14.2564 9.39181C14.8296 9.39181 15.1199 9.68 15.1199 10.2492C15.1199 10.8184 14.8296 11.1066 14.2564 11.1066L13.0228 11.1426V9.42783ZM14.8079 14.5865H14.0024C13.6541 14.5865 13.4001 14.5289 13.2405 14.4064C13.0881 14.2911 13.0155 14.075 13.0155 13.7724V12.5259H14.8079C15.1344 12.5259 15.3666 12.6196 15.49 12.8069C15.6133 12.987 15.6786 13.2536 15.6786 13.6067C15.6859 14.2551 15.3956 14.5865 14.8079 14.5865Z",
       fill: "currentColor"
     }, null, -1),
-    e("path", {
+    t("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
       d: "M13.6437 3H10.4761C10.462 3.00738 10.4468 3.00752 10.4317 3.00766L10.4237 3.00778L10.2163 3.01067L10.1771 3.01124C10.1389 3.01181 10.1006 3.01238 10.0624 3.01238C9.85585 3.01276 9.64939 3.01797 9.44293 3.02318C9.34618 3.02562 9.24943 3.02806 9.15267 3.03C9.04934 3.03209 8.94604 3.03642 8.84277 3.04075L8.7649 3.04397C8.68023 3.04733 8.59559 3.05152 8.51098 3.05656C8.48805 3.05791 8.46519 3.06072 8.44234 3.06353L8.41144 3.0672L8.41136 3.06733L8.41135 3.06733C8.36472 3.06357 8.31825 3.06706 8.27185 3.07055L8.2508 3.07211C8.17968 3.07719 8.10867 3.08303 8.03766 3.08888L7.99014 3.09278L7.93408 3.09722C7.88146 3.10132 7.82884 3.10543 7.77638 3.111C7.67642 3.12147 7.57658 3.13307 7.47685 3.14581L7.46711 3.14705C7.35956 3.16078 7.25195 3.17451 7.14491 3.19162C6.9685 3.21996 6.79301 3.25364 6.61912 3.29514C6.39508 3.34863 6.17474 3.41407 5.95992 3.49743C5.64582 3.6192 5.35134 3.77699 5.08051 3.97818C4.85418 4.14605 4.6417 4.33183 4.44509 4.5337C4.2703 4.71309 4.10878 4.90496 3.96183 5.1078C3.77344 5.36816 3.62514 5.65018 3.50915 5.94958C3.36896 6.31155 3.2788 6.68668 3.21499 7.06866C3.19851 7.1678 3.18411 7.26735 3.17082 7.36697C3.15756 7.46541 3.14628 7.56409 3.135 7.66276L3.13307 7.67973C3.12541 7.74641 3.11884 7.81305 3.11245 7.87981L3.11091 7.89541C3.10743 7.9302 3.10394 7.96508 3.10714 8.00012L3.10716 8.0001C3.09909 8.01985 3.09789 8.04067 3.0967 8.06145L3.09602 8.07249L3.07085 8.44649L3.07007 8.45985C3.06822 8.50323 3.06651 8.54661 3.0648 8.58999C3.06098 8.68709 3.05716 8.78418 3.05165 8.88117C3.04485 9.00132 3.04236 9.12161 3.03987 9.24188C3.03793 9.33581 3.03599 9.42973 3.03199 9.52356C3.02946 9.58278 3.02895 9.64209 3.02844 9.7014L3.02804 9.74445L3.02618 9.9482C3.02519 10.0655 3.02421 10.1828 3.02245 10.3001C3.02144 10.367 3.01875 10.4338 3.01605 10.5007L3.01316 10.5745L3.01312 10.5756C3.01256 10.5885 3.01199 10.6018 3 10.6107V13.3892C3.00108 13.3909 3.00237 13.3925 3.00365 13.3942L3.00366 13.3942C3.00655 13.3979 3.00944 13.4016 3.01007 13.4057C3.01249 13.4212 3.01389 13.4369 3.01427 13.4526L3.01611 13.5092L3.01611 13.5092C3.01871 13.5887 3.0213 13.6681 3.02293 13.7476C3.02474 13.8348 3.02545 13.922 3.02545 14.0092C3.0256 14.2458 3.03197 14.4823 3.03835 14.7188L3.03835 14.7188C3.04022 14.7885 3.0421 14.8582 3.04382 14.9279C3.04659 15.0408 3.05225 15.1535 3.05791 15.2663L3.06335 15.3769C3.06897 15.4952 3.07473 15.6135 3.08203 15.7318C3.08634 15.8018 3.09212 15.8717 3.0979 15.9417L3.0979 15.9417L3.10262 15.9992L3.10453 16.0229C3.10928 16.0819 3.11403 16.1408 3.12009 16.1996C3.13141 16.3108 3.14359 16.4219 3.15661 16.5328C3.16284 16.5864 3.1703 16.6399 3.17776 16.6933L3.185 16.7455C3.20654 16.9028 3.23441 17.0589 3.26627 17.2144C3.30583 17.4093 3.35558 17.602 3.4153 17.7917C3.50677 18.0804 3.62514 18.3571 3.77815 18.6188C3.87433 18.7833 3.98454 18.9379 4.10322 19.0866C4.38114 19.4348 4.70212 19.7464 5.05849 20.0138C5.34835 20.2318 5.66471 20.4005 6.00352 20.5279C6.22982 20.6131 6.46181 20.6788 6.69755 20.7318C6.88514 20.774 7.07435 20.8079 7.2645 20.8355C7.38593 20.8534 7.50793 20.8672 7.62989 20.881L7.6304 20.8811C7.7437 20.8937 7.8571 20.9052 7.97062 20.9156C8.03986 20.9219 8.10927 20.9264 8.17868 20.931L8.21137 20.9332C8.28755 20.9383 8.36371 20.943 8.43985 20.9478L8.54613 20.9545L8.556 20.9552C8.56163 20.9556 8.56727 20.956 8.57291 20.9562L8.71929 20.9621C8.81347 20.9658 8.90765 20.9695 9.0018 20.9736C9.21881 20.9828 9.43595 20.9864 9.65309 20.99L9.74613 20.9915L9.75798 20.9914C9.77405 20.9912 9.79026 20.9909 9.80497 21H14.0598C14.1664 20.9939 14.273 20.9919 14.3797 20.9899C14.4179 20.9892 14.4561 20.9885 14.4943 20.9876C14.7149 20.9825 14.9354 20.9772 15.156 20.9696C15.2421 20.9667 15.3282 20.9618 15.4143 20.9569C15.4551 20.9546 15.4958 20.9523 15.5366 20.9502L15.5761 20.9484C15.5941 20.9477 15.6121 20.947 15.6301 20.9459C15.6439 20.945 15.6578 20.9436 15.6716 20.9421L15.6898 20.9403L15.6899 20.9402C15.701 20.9399 15.7121 20.94 15.7231 20.9392L15.7557 20.9369C15.8318 20.9315 15.9079 20.9261 15.984 20.9202C15.9957 20.9194 16.0074 20.9185 16.0192 20.9176C16.081 20.913 16.1429 20.9083 16.2046 20.9021C16.272 20.8953 16.3393 20.8876 16.4066 20.8799C16.4414 20.8759 16.4763 20.8719 16.5111 20.868C16.6378 20.8539 16.7638 20.8353 16.8896 20.8154C17.0775 20.7859 17.2638 20.7493 17.4484 20.7044C17.6789 20.6482 17.905 20.5785 18.125 20.4897C18.4165 20.3719 18.6905 20.2225 18.9436 20.0355C19.3225 19.7539 19.6587 19.4279 19.952 19.0575C20.1845 18.7646 20.3725 18.4391 20.51 18.0914C20.609 17.8414 20.6842 17.5843 20.7426 17.3223C20.8039 17.0471 20.849 16.7692 20.8805 16.4891C20.8828 16.4688 20.8852 16.4484 20.8876 16.4281C20.8909 16.3996 20.8943 16.3711 20.8974 16.3426C20.9041 16.2803 20.9108 16.2181 20.9166 16.1558C20.9179 16.143 20.9176 16.13 20.9174 16.1171C20.9174 16.1122 20.9173 16.1073 20.9173 16.1025L20.9175 16.1023L20.9216 16.0734C20.9247 16.0521 20.9277 16.0308 20.9298 16.0094C20.9345 15.9583 20.9385 15.907 20.9419 15.8557C20.9481 15.7576 20.9542 15.6594 20.9595 15.5612C20.967 15.4207 20.974 15.2801 20.9806 15.1394C20.9829 15.0903 20.9838 15.0412 20.9846 14.992C20.9853 14.9473 20.9858 14.9026 20.9863 14.8579V14.8579C20.987 14.7953 20.9877 14.7328 20.9889 14.6702C20.9899 14.6211 20.9917 14.5721 20.9973 14.5231C21.0007 14.494 21.0001 14.4644 20.9995 14.4348C20.9993 14.4218 20.999 14.4088 20.9991 14.3959V9.63092L20.9991 9.60404L20.9991 9.55038L20.9991 9.53972C20.9989 9.51204 20.9988 9.48446 20.9941 9.45682C20.9908 9.4383 20.9906 9.4192 20.9904 9.40022V9.40019L20.9903 9.38995L20.9882 9.25341C20.9872 9.18265 20.9862 9.11189 20.9847 9.04114C20.9836 8.98836 20.9816 8.93561 20.9795 8.88285L20.9772 8.81995C20.9766 8.80494 20.9759 8.78993 20.9752 8.77493L20.9748 8.76634L20.9691 8.64082C20.9651 8.55088 20.9611 8.46094 20.956 8.37104C20.9522 8.30451 20.947 8.23805 20.9417 8.1716L20.9359 8.09682L20.9321 8.04666C20.9275 7.98535 20.9229 7.92405 20.9175 7.86274C20.9125 7.80634 20.9064 7.74993 20.9004 7.69354L20.9003 7.69313L20.897 7.66264C20.8931 7.62609 20.8889 7.58959 20.8846 7.5531L20.8845 7.55231L20.8803 7.51608C20.8416 7.18046 20.7858 6.84789 20.7029 6.52018C20.6311 6.23571 20.5375 5.95879 20.4129 5.6927C20.2939 5.43833 20.1468 5.20173 19.9745 4.98024C19.6752 4.5943 19.3289 4.25662 18.9357 3.9672C18.6895 3.78603 18.4233 3.64067 18.1406 3.52522C17.9042 3.42869 17.6608 3.35464 17.4126 3.29549C17.2386 3.25401 17.0631 3.22009 16.8865 3.192C16.7762 3.17443 16.6652 3.16021 16.5545 3.14604C16.4547 3.1333 16.3548 3.12195 16.2548 3.1114C16.1994 3.10556 16.1439 3.10111 16.0884 3.09667L16.0476 3.09338C15.9873 3.08847 15.9269 3.08378 15.8666 3.07909L15.8665 3.07909L15.7802 3.07236L15.7725 3.07169L15.7601 3.0707L15.6649 3.06539L15.6649 3.06539C15.5895 3.06113 15.5141 3.05688 15.4386 3.05333C15.316 3.0476 15.1933 3.04242 15.0707 3.03725L14.9361 3.03154C14.9137 3.03058 14.8914 3.02983 14.869 3.02942C14.7553 3.02747 14.6416 3.02471 14.5279 3.02195C14.3309 3.01717 14.1339 3.0124 13.9368 3.0118C13.8728 3.01162 13.8088 3.0106 13.7448 3.00958L13.6819 3.00861L13.677 3.00858C13.6653 3.00857 13.6535 3.00855 13.6437 3ZM19.1763 17.0579L19.1766 17.0517C19.1767 17.0471 19.1768 17.0425 19.1779 17.0381C19.2275 16.836 19.2624 16.631 19.291 16.4251C19.3098 16.2901 19.3268 16.1547 19.3375 16.0187C19.3417 15.9654 19.3464 15.9121 19.3511 15.8589C19.3586 15.774 19.3661 15.6892 19.3716 15.6042C19.3828 15.4301 19.391 15.2558 19.3987 15.0816C19.4046 14.9497 19.4094 14.8178 19.4117 14.6859L19.4153 14.4842C19.4205 14.2026 19.4257 13.9209 19.4268 13.6392C19.4297 12.9436 19.4306 12.248 19.4295 11.5523L19.4295 11.2777C19.4295 10.7542 19.4295 10.2306 19.4186 9.70709C19.4124 9.40296 19.4061 9.09888 19.3918 8.79501C19.3844 8.63644 19.3757 8.47787 19.3647 8.31947C19.3541 8.1655 19.3406 8.01182 19.3242 7.85844C19.3125 7.74723 19.2991 7.63627 19.284 7.52554C19.2621 7.36599 19.2346 7.20747 19.1999 7.05026C19.1657 6.89516 19.1232 6.74238 19.0697 6.59267C18.9916 6.37321 18.8802 6.16704 18.7395 5.98137C18.5884 5.78135 18.4163 5.59801 18.2263 5.43445C18.1883 5.40179 18.1494 5.37029 18.1105 5.33881L18.1104 5.33876L18.0812 5.3151C17.8793 5.15117 17.6528 5.03224 17.408 4.94664C17.207 4.87636 17.0007 4.82673 16.7919 4.78696C16.581 4.74669 16.3684 4.71721 16.155 4.69446C16.004 4.67833 15.8523 4.66544 15.7006 4.65444C15.5492 4.64344 15.3974 4.63568 15.2457 4.62792L15.2385 4.62756C15.1291 4.62194 15.0196 4.61762 14.91 4.61462L14.8134 4.61183C14.6511 4.60712 14.4888 4.6024 14.3265 4.60068C13.8657 4.59577 13.405 4.59101 12.9443 4.59016C12.2464 4.58885 11.5486 4.58938 10.8507 4.59177C10.5996 4.5923 10.3486 4.59439 10.0974 4.59647L10.0974 4.59647L9.8577 4.59841L9.82872 4.59862H9.82872C9.7489 4.59919 9.66907 4.59976 9.58934 4.60282C9.49703 4.60635 9.40468 4.60825 9.31233 4.61016L9.31231 4.61016L9.3123 4.61016C9.18105 4.61286 9.0498 4.61557 8.91869 4.62295C8.83304 4.62782 8.7474 4.63152 8.66175 4.63522C8.61777 4.63712 8.5738 4.63902 8.52981 4.64107C8.52362 4.64135 8.51744 4.64185 8.51126 4.64235L8.51126 4.64235L8.51126 4.64235L8.50306 4.64299L8.41244 4.64946C8.34449 4.65429 8.27653 4.65912 8.20857 4.66428L8.18781 4.66585C8.12337 4.67072 8.05892 4.67559 7.99463 4.68218C7.89227 4.69268 7.79008 4.70422 7.68806 4.71679C7.62913 4.72411 7.57031 4.73243 7.5115 4.74075L7.51148 4.74075L7.51141 4.74076C7.47952 4.74527 7.44763 4.74978 7.41572 4.75414C7.40685 4.75493 7.39794 4.75526 7.38904 4.75512L7.38907 4.75503L7.31739 4.76857L7.31738 4.76857C7.26453 4.7785 7.21167 4.78842 7.15898 4.79909C6.93749 4.84394 6.71967 4.90123 6.5096 4.98613C6.34776 5.05123 6.19426 5.1354 6.05234 5.23684C5.78124 5.43085 5.54562 5.66141 5.33918 5.92242C5.28924 5.98552 5.24069 6.04965 5.19677 6.11724C5.09636 6.27173 5.01967 6.43755 4.95864 6.61102C4.91632 6.73123 4.88184 6.85368 4.85186 6.97747C4.84793 6.99374 4.8434 7.00985 4.83887 7.02596L4.83887 7.02597L4.83261 7.04844L4.83272 7.0484L4.8298 7.06701C4.82771 7.08069 4.82563 7.09438 4.82265 7.10788C4.76979 7.35293 4.73521 7.60091 4.70752 7.84979C4.69096 7.99864 4.67853 8.148 4.66745 8.29738C4.65639 8.44663 4.64854 8.59619 4.64069 8.74569L4.64069 8.74569L4.64069 8.7457L4.64067 8.74609C4.63503 8.85329 4.63069 8.96055 4.62763 9.06786L4.62559 9.13807C4.62045 9.31366 4.61532 9.48925 4.61283 9.66486C4.608 10.0048 4.60357 10.3448 4.60262 10.6847C4.59962 11.7494 4.5969 12.8141 4.60737 13.8788C4.61072 14.2165 4.61777 14.5542 4.62607 14.8918C4.62673 14.9186 4.62753 14.9455 4.62877 14.9724L4.63381 15.0811C4.63926 15.199 4.64472 15.3169 4.65074 15.4347C4.65577 15.5308 4.66081 15.6268 4.66836 15.7227C4.67515 15.8081 4.68316 15.8934 4.69117 15.9787L4.70214 16.0968C4.71248 16.2104 4.7265 16.3235 4.74143 16.4366C4.7631 16.6007 4.79033 16.7638 4.82487 16.9256C4.85985 17.0897 4.90314 17.2516 4.95983 17.4096C5.02424 17.5893 5.10596 17.7603 5.21434 17.9181C5.29414 18.0342 5.38123 18.1452 5.47508 18.2503C5.64558 18.4412 5.83564 18.6105 6.0414 18.7625C6.1548 18.8463 6.27647 18.9182 6.4045 18.9772C6.5449 19.0421 6.69048 19.0925 6.83926 19.1339C7.11993 19.2121 7.40659 19.2588 7.69529 19.294C7.79514 19.3061 7.89529 19.3159 7.99546 19.3252L8.03116 19.3284L8.03143 19.3285L8.03148 19.3285C8.15306 19.3397 8.27467 19.3509 8.39647 19.359C8.56158 19.3699 8.72687 19.378 8.89219 19.3856C9.02176 19.3916 9.15144 19.3965 9.28109 19.399L9.45946 19.4025H9.4595H9.45953C9.71982 19.4078 9.98011 19.4131 10.2404 19.4145C11.3901 19.4206 12.5397 19.4191 13.6893 19.4158C13.9179 19.4151 14.1465 19.4106 14.375 19.4061C14.4976 19.4037 14.6201 19.4013 14.7426 19.3995C14.7627 19.3992 14.7829 19.3984 14.803 19.3976L14.9426 19.392C15.0681 19.387 15.1937 19.382 15.3192 19.3763C15.4286 19.3713 15.538 19.365 15.6474 19.3587C15.701 19.3556 15.7545 19.3513 15.808 19.3469C15.8726 19.3417 15.9372 19.3362 16.0018 19.33C16.0685 19.3236 16.1352 19.3168 16.2019 19.309C16.2973 19.2978 16.3927 19.2861 16.488 19.2738C16.5343 19.2678 16.5805 19.2613 16.6267 19.2547L16.687 19.2462C16.6871 19.2462 16.6871 19.2461 16.6871 19.246C16.7106 19.2413 16.7341 19.2367 16.7576 19.232C16.8085 19.2219 16.8595 19.2118 16.9104 19.2011C17.1251 19.1562 17.336 19.0987 17.5392 19.0149C17.6923 18.9519 17.8378 18.8717 17.9727 18.7758C18.2687 18.5653 18.5214 18.311 18.7414 18.0229C18.8499 17.8805 18.9401 17.725 19.01 17.5602C19.0583 17.4469 19.0978 17.3307 19.132 17.2125C19.138 17.1917 19.1435 17.1708 19.149 17.1498C19.1531 17.134 19.1572 17.1182 19.1616 17.1025C19.1644 17.0923 19.1679 17.0823 19.1713 17.0723C19.1729 17.0675 19.1746 17.0627 19.1762 17.058C19.1762 17.0579 19.1763 17.0579 19.1763 17.0579ZM3.12917 7.986L3.12916 7.98601L3.12903 7.98608C3.14334 7.97696 3.15765 7.96783 3.17163 7.95831C3.15771 7.96785 3.14344 7.97693 3.12917 7.986Z",
@@ -367,575 +465,961 @@ function Te(v, C) {
     }, null, -1)
   ])]);
 }
-const D1 = /* @__PURE__ */ m1(Ve, [["render", Te]]), W1 = (v) => {
-  if (Array.isArray(v))
-    return v.map(k);
-  const C = k(v);
-  return Array.isArray(C) ? C : [C];
-}, je = (v, C) => {
-  let r;
-  const d = (g) => {
-    g.forEach((b) => {
-      const h = k(b);
-      if (h) {
-        if (!(h instanceof Element))
+const fe = /* @__PURE__ */ we(Q1, [["render", Y1]]);
+function es(g, x) {
+  return s(), l("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    t("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M7.83 1.08v21.6M1.08 3.78a2.697 2.697 0 012.7-2.7h16.2a2.697 2.697 0 012.7 2.7v16.2a2.697 2.697 0 01-2.7 2.7H3.78a2.697 2.697 0 01-2.7-2.7V3.78z"
+    }),
+    t("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M15.48 9.48l-2.4 2.4 2.4 2.4"
+    })
+  ]);
+}
+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);
+      if (d) {
+        if (!(d instanceof Element))
           throw console.error("Vuestic: Trying to observe non-HTMLElement", {
-            target: h,
-            array: v
+            target: d,
+            array: g
           }), new Error("Vuestic: Unable to observe non-HTMLElement");
-        h && (r == null || r.observe(h));
+        d && (i == null || i.observe(d));
       }
     });
   };
-  return l1(v, (g) => {
-    r == null || r.disconnect(), d(W1(g));
-  }), p1(() => {
-    r = new ResizeObserver(C), d(W1(v));
-  }), J1(() => r == null ? void 0 : r.disconnect()), r;
-}, He = (v) => {
-  const C = $(null);
-  return je([v], () => {
-    var r;
-    C.value = ((r = v.value) == null ? void 0 : r.clientWidth) ?? null;
-  }), R1(() => {
-    var r;
-    C.value = ((r = v.value) == null ? void 0 : r.clientWidth) ?? null;
-  }), C;
-}, Ee = ["href"], Ie = { class: "rounded-lg bg-[#FFF8E4] py-2 flex items-center space-x-1 px-2" }, Pe = { class: "" }, Ae = {
+  return ie(g, (_) => {
+    i == null || i.disconnect(), c(Xe(_));
+  }), he(() => {
+    i = new ResizeObserver(x), c(Xe(g));
+  }), m1(() => i == null ? void 0 : i.disconnect()), i;
+}, ts = (g) => {
+  const x = S(null);
+  return ss([g], () => {
+    var i;
+    x.value = ((i = g.value) == null ? void 0 : i.clientWidth) ?? null;
+  }), e1(() => {
+    var i;
+    x.value = ((i = g.value) == null ? void 0 : i.clientWidth) ?? null;
+  }), x;
+}, ls = {
+  key: 0,
+  class: "flex items-center gap-2 min-w-0 pl-1"
+}, ns = {
+  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 = {
+  key: 0,
+  class: "flex items-center gap-1 text-xs text-secondary-content"
+}, is = { class: "truncate" }, ds = {
+  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 = {
   class: "",
   style: { "font-size": "10px" }
-}, Fe = {
+}, ms = {
   key: 1,
   class: "flex justify-between border rounded-lg bg-[#F5F5F5] mb-1 w-full min-w-[19+0px] space-x-1 px-2"
-}, Ne = { class: "flex items-center text-[#525B66] space-x-3" }, Ge = { style: { "font-size": "10px" } }, We = { class: "relative -right-2" }, qe = ["href"], Re = { class: "flex flex-nowrap items-center w-max h-[24px]" }, Ue = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]" }, Ze = { class: "py-[8px] pl-0 pr-[8px]" }, De = ["href"], Je = { class: "flex flex-nowrap items-center w-max h-[24px]" }, Ke = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, Qe = { class: "py-[8px] pl-0 pr-[8px]" }, Xe = {
+}, 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 = {
   key: 4,
   class: "custom-select ml-1 w-full relative pt-2 pb-2"
-}, Ye = { class: "pl-1" }, e0 = {
+}, Ss = { class: "pl-1" }, Bs = {
   key: 0,
   class: "dropdown w-[200px] z-50 text-[#525B66]"
-}, t0 = ["onClick"], s0 = {
-  key: 0,
+}, Ms = ["onClick"], js = {
+  key: 1,
   class: "mt-0.5 h-0 border-t border-secondary-stroke mb-1"
-}, l0 = {
+}, Os = {
   key: 0,
   class: "tooltip-text"
-}, o0 = { key: 0 }, n0 = {
+}, zs = { key: 0 }, Ts = {
   key: 1,
   class: "absolute top-0 right-1.5 w-2 h-2 bg-blue-600 text-white rounded-full animate-ping z-0"
-}, a0 = {
+}, Vs = {
   key: 2,
   class: "absolute top-0 right-1.5 w-2 h-2 bg-blue-500 text-white rounded-full z-10"
-}, r0 = ["href"], i0 = {
+}, Hs = ["href"], As = {
   key: 0,
   class: "tooltip-text"
-}, p0 = { key: 0 }, u0 = /* @__PURE__ */ c1({
+}, Ps = { key: 0 }, Es = {
+  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({
   __name: "OneSidebar",
-  props: Z1,
+  props: d1,
   emits: [
     "show-news",
     "show-tariff",
+    "show-help",
     "select-language",
     "update-collapsed",
+    "toggle-menu",
     "update:modelValue"
   ],
-  setup(v, { emit: C }) {
-    var P, A, F;
-    const r = C, d = v, g = M(() => {
-      var s;
-      return ((s = d.news) == null ? void 0 : s.unseenCount) || 0;
-    }), b = () => {
-      r("show-news");
-    }, h = $(!1), L = $(d.hoverable);
-    l1(d, () => {
-      d.modelValue ? L.value = !0 : L.value = !1;
-    }), d.modelValue && (L.value = !0);
-    const V = K1(), E = M(() => {
-      const s = [];
-      if (d.slim || s.push("fixed"), !y.value)
-        if (!d.isMobile)
-          s.push("w-[260px]");
+  setup(g, { emit: x }) {
+    var R, J, K;
+    const i = x, c = g, _ = B(() => {
+      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(() => {
+      const n = [];
+      if (c.slim || n.push("fixed"), !W.value)
+        if (!c.isMobile)
+          n.push("w-[260px]");
         else
-          return s.push("w-full");
-      return s.join(" ");
-    }), B = M(() => ""), o = (s) => {
-      h.value = L.value && s;
-    }, y = M(() => L.value && !h.value), m = M(() => !!y.value), O = $(), n = He(O), i = M(() => d.modelValue === !0 || n.value === null ? !0 : n.value > 0), I = $(), H = () => y.value ? d.minimizedWidth : d.width;
-    R1(() => {
-      const s = H();
+          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();
       setTimeout(() => {
-        I.value = s;
+        C.value = n;
       });
     });
-    const S = $(!1), z = $(
-      (P = d.app) != null && P.availableLang && ((A = d.app) == null ? void 0 : A.availableLang.length) > 0 ? (F = d.app) == null ? void 0 : F.availableLang.find((s) => {
-        var x;
-        return s.id == ((x = d.app) == null ? void 0 : x.lang);
+    const T = S(!1), V = S(
+      (R = c.app) != null && R.availableLang && ((J = c.app) == null ? void 0 : J.availableLang.length) > 0 ? (K = c.app) == null ? void 0 : K.availableLang.find((n) => {
+        var w;
+        return n.id == ((w = c.app) == null ? void 0 : w.lang);
       }) : null
-    ), Q = () => {
-      S.value = !S.value;
-    }, X = (s) => {
-      z.value = s, S.value = !1, r("select-language", s);
-    }, Y = () => {
-      var s, x;
-      (x = (s = d.app) == null ? void 0 : s.selectedPlan) != null && x.url && (window.location.href = d.app.selectedPlan.url);
+    ), m = () => {
+      T.value = !T.value;
+    }, H = (n) => {
+      V.value = n, T.value = !1, i("select-language", n);
+    }, A = () => {
+      var n, w;
+      (w = (n = c.app) == null ? void 0 : n.selectedPlan) != null && w.url && (window.location.href = c.app.selectedPlan.url);
     };
-    return (s, x) => {
-      var N, G, W, q, R, U, Z, D, p, T, J, f1, h1, v1, C1, w1, x1, b1, y1, g1, L1, k1, _1, $1, S1, M1, B1, O1, V1, z1, T1, j1, H1, E1, I1, P1, A1;
-      return t(), l("aside", {
+    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", {
         ref_key: "rootElement",
-        ref: V,
-        class: c(["oneb-sidebar pt-[56px] pb-1 cont flex flex-col sidebar z-40", [E.value, m.value ? "sm:max-w-[260px] w-full sm:w-max" : "sm:w-[260px] w-full"]]),
-        style: Q1(B.value),
-        onMouseenter: x[1] || (x[1] = (f) => o(!0)),
-        onMouseleave: x[2] || (x[2] = (f) => o(!1))
+        ref: I,
+        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"
+        ]]),
+        style: v1(q.value),
+        onMouseenter: w[3] || (w[3] = (b) => M(!0)),
+        onMouseleave: w[4] || (w[4] = (b) => M(!1))
       }, [
-        u1(e("div", {
-          class: "overflow-y-auto top-[56px] left-0 overflow-hidden lg:bg-transparent transition-all z-50 px-1 ml-1 mr-1 mt-2 flex-grow",
+        n.island ? (s(), l("div", {
+          key: 0,
+          class: y(["px-2 flex items-center shrink-0", f.value ? "justify-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)
+            ])
+          ])) : o("", !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"))
+          }, [
+            (s(), p(k(f.value ? $(i1) : $(es)), { class: "w-5 h-5" }))
+          ])
+        ], 2)) : o("", !0),
+        oe(t("div", {
+          class: y(["overflow-y-auto overflow-hidden lg:bg-transparent transition-all flex-grow", [
+            n.island ? f.value ? "flex flex-col items-center gap-1 px-0 mx-0 mt-2" : "px-2 mt-2" : "top-[56px] left-0 z-50 px-1 ml-1 mr-1 mt-2"
+          ]]),
           ref_key: "menu",
           ref: O
         }, [
-          (t(!0), l(K, null, s1(s.items, (f) => (t(), w(Oe, {
-            key: f.label,
-            labelTop: f.labelTop,
-            isMobile: s.isMobile,
-            subItems: f.subItems,
-            open: f.open,
-            icon: f.icon,
-            label: f.label,
-            route: f.route,
-            menuGroup: f == null ? void 0 : f.menuGroup,
-            href: f.href,
-            slim: m.value,
-            "route-name": f.routeName,
-            exact: f.exact || !1,
-            onUpdateCollapsed: x[0] || (x[0] = (o1) => r("update-collapsed"))
-          }, null, 8, ["labelTop", "isMobile", "subItems", "open", "icon", "label", "route", "menuGroup", "href", "slim", "route-name", "exact"]))), 128))
-        ], 512), [
-          [d1, i.value]
+          (s(!0), l(G, null, Z(n.items, (b) => (s(), p(K1, {
+            key: b.label,
+            labelTop: b.labelTop,
+            isMobile: n.isMobile,
+            subItems: b.subItems,
+            open: b.open,
+            icon: b.icon,
+            label: b.label,
+            route: b.route,
+            menuGroup: b == null ? void 0 : b.menuGroup,
+            href: b.href,
+            slim: f.value,
+            island: n.island,
+            active: b.active === !0,
+            "route-name": b.routeName,
+            exact: b.exact || !1,
+            onUpdateCollapsed: w[1] || (w[1] = (ye) => i("update-collapsed"))
+          }, null, 8, ["labelTop", "isMobile", "subItems", "open", "icon", "label", "route", "menuGroup", "href", "slim", "island", "active", "route-name", "exact"]))), 128))
+        ], 2), [
+          [me, a.value]
         ]),
-        u1(e("div", {
-          class: c(["mt-auto shrink rounded-2xl mx-2", [m.value ? "" : "px-2 bg-white pt-2.5 py-2"]])
+        n.island && f.value ? (s(), l("div", ds, [
+          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"))
+          }, [
+            L(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"]])
         }, [
-          e("div", {
-            class: c([m.value ? "hidden" : "w-full hidden md:flex-col md:flex"])
+          n.island ? o("", !0) : (s(), l("div", {
+            key: 0,
+            class: y([f.value ? "hidden" : "w-full hidden md:flex-col md:flex"])
           }, [
-            (N = s.app) != null && N.offerPlan ? (t(), l("a", {
+            (te = n.app) != null && te.offerPlan ? (s(), l("a", {
               key: 0,
-              href: (G = s.app) == null ? void 0 : G.offerPlan.url,
+              href: (h = n.app) == null ? void 0 : h.offerPlan.url,
               class: "w-full min-w-[190px] border-gradient rounded-lg p-[1px] bg-[#FFF8E4] mb-1 block",
               target: "_blank",
               rel: "noopener noreferrer"
             }, [
-              e("div", Ie, [
-                e("div", Pe, [
-                  (t(), w(_((W = s.app) == null ? void 0 : W.offerPlan.icon), { class: "w-[16px] h-[16px]" }))
+              t("div", ps, [
+                t("div", cs, [
+                  (s(), p(k((P = n.app) == null ? void 0 : P.offerPlan.icon), { class: "w-[16px] h-[16px]" }))
                 ]),
-                e("p", Ae, [
-                  e("strong", null, u((q = s.app) == null ? void 0 : q.offerPlan.title), 1),
-                  e1(" «" + u((R = s.app) == null ? void 0 : R.offerPlan.name) + "» ", 1),
-                  x[3] || (x[3] = e("br", null, null, -1)),
-                  e1(u((U = s.app) == null ? void 0 : U.offerPlan.title1), 1)
+                t("p", hs, [
+                  t("strong", null, r((u = n.app) == null ? void 0 : u.offerPlan.title), 1),
+                  ue(" «" + r((N = n.app) == null ? void 0 : N.offerPlan.name) + "» ", 1),
+                  w[5] || (w[5] = t("br", null, null, -1)),
+                  ue(r((le = n.app) == null ? void 0 : le.offerPlan.title1), 1)
                 ])
               ])
-            ], 8, Ee)) : a("", !0),
-            (Z = s.app) != null && Z.selectedPlan && ((D = s.app) != null && D.selectedPlan.name) ? (t(), l("div", Fe, [
-              e("div", Ne, [
-                e("div", null, [
-                  (t(), w(_((p = s.app) == null ? void 0 : p.selectedPlan.icon), { class: "w-[16px] h-[16px]" }))
+            ], 8, us)) : o("", !0),
+            (de = n.app) != null && de.selectedPlan && ((j = n.app) != null && j.selectedPlan.name) ? (s(), l("div", ms, [
+              t("div", fs, [
+                t("div", null, [
+                  (s(), p(k((pe = n.app) == null ? void 0 : pe.selectedPlan.icon), { class: "w-[16px] h-[16px]" }))
                 ]),
-                e("div", Ge, [
-                  e("p", null, u(((T = s.app) == null ? void 0 : T.selectedPlan.name) || ""), 1),
-                  e("p", null, u(((J = s.app) == null ? void 0 : J.selectedPlan.title) || ""), 1)
+                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)
                 ])
               ]),
-              e("div", We, [
-                j(U1, {
+              t("div", ws, [
+                L(xe, {
                   class: "text-[#525B66] hover:text-[#4089E0] !rounded-lg",
                   variant: "touch",
-                  icon: k(X1),
-                  onClick: Y
+                  icon: $(y1),
+                  onClick: A
                 }, null, 8, ["icon"])
               ])
-            ])) : a("", !0),
-            (f1 = s.app) != null && f1.terms ? (t(), l("a", {
+            ])) : o("", !0),
+            (ke = n.app) != null && ke.terms ? (s(), l("a", {
               key: 2,
-              href: (h1 = s.app) == null ? void 0 : h1.terms.url,
+              href: ($e = n.app) == null ? void 0 : $e.terms.url,
               target: "_blank",
               class: "ml-1 flex items-center rounded-lg text-xs hover:underline font-extralight"
             }, [
-              e("div", Re, [
-                e("div", Ue, [
-                  e("span", Ze, u(((v1 = s.app) == null ? void 0 : v1.terms.label) || "Terms"), 1)
+              t("div", bs, [
+                t("div", Cs, [
+                  t("span", gs, r(((_e = n.app) == null ? void 0 : _e.terms.label) || "Terms"), 1)
                 ])
               ])
-            ], 8, qe)) : a("", !0),
-            (C1 = s.app) != null && C1.offer ? (t(), l("a", {
+            ], 8, ys)) : o("", !0),
+            (Le = n.app) != null && Le.offer ? (s(), l("a", {
               key: 3,
-              href: (w1 = s.app) == null ? void 0 : w1.offer.url,
+              href: (Se = n.app) == null ? void 0 : Se.offer.url,
               target: "_blank",
               class: "ml-1 flex items-center rounded-lg text-xs hover:underline text-[#525B66] font-extralight"
             }, [
-              e("div", Je, [
-                e("div", Ke, [
-                  e("span", Qe, u(((x1 = s.app) == null ? void 0 : x1.offer.label) || "Offert"), 1)
+              t("div", ks, [
+                t("div", $s, [
+                  t("span", _s, r(((Be = n.app) == null ? void 0 : Be.offer.label) || "Offert"), 1)
                 ])
               ])
-            ], 8, De)) : a("", !0),
-            (y1 = (b1 = s.app) == null ? void 0 : b1.availableLang) != null && y1.length ? (t(), l("div", Xe, [
-              e("div", {
+            ], 8, xs)) : o("", !0),
+            (je = (Me = n.app) == null ? void 0 : Me.availableLang) != null && je.length ? (s(), l("div", Ls, [
+              t("div", {
                 class: "select-box flex gap-x-2 text-xs text-[#525B66] cursor-pointer",
-                onClick: Q
+                onClick: m
               }, [
-                j(k(Y1), { class: "w-4" }),
-                e1(" " + u((g1 = z.value) == null ? void 0 : g1.name) + " ", 1),
-                e("span", Ye, u(S.value ? "▲" : "▼"), 1)
+                L($(w1), { class: "w-4" }),
+                ue(" " + r((Oe = V.value) == null ? void 0 : Oe.name) + " ", 1),
+                t("span", Ss, r(T.value ? "▲" : "▼"), 1)
               ]),
-              S.value ? (t(), l("div", e0, [
-                (t(!0), l(K, null, s1((L1 = s.app) == null ? void 0 : L1.availableLang, (f) => {
-                  var o1, F1;
-                  return t(), l("div", {
-                    key: f.id,
-                    class: c(["px-2", {
-                      "hover:bg-slate-200 rounded-lg cursor-pointer": f.id !== ((o1 = z.value) == null ? void 0 : o1.id),
-                      "text-gray-300": f.id === ((F1 = z.value) == null ? void 0 : F1.id)
+              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", {
+                    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)
                     }]),
-                    onClick: (X0) => {
-                      var N1;
-                      return f.id !== ((N1 = z.value) == null ? void 0 : N1.id) && X(f);
+                    onClick: (bl) => {
+                      var Qe;
+                      return b.id !== ((Qe = V.value) == null ? void 0 : Qe.id) && H(b);
                     }
-                  }, u(f.name), 11, t0);
+                  }, r(b.name), 11, Ms);
                 }), 128))
-              ])) : a("", !0)
-            ])) : a("", !0)
-          ], 2),
-          !m.value && ((k1 = s.app) != null && k1.offer || ($1 = (_1 = s.app) == null ? void 0 : _1.availableLang) != null && $1.length || (S1 = s.app) != null && S1.selectedPlan && ((M1 = s.app) != null && M1.selectedPlan.name) || (B1 = s.app) != null && B1.offerPlan) ? (t(), l("div", s0)) : a("", !0),
-          e("div", {
-            class: c([m.value ? "grid" : "flex space-x-2"])
+              ])) : o("", !0)
+            ])) : o("", !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),
+          t("div", {
+            class: y([f.value ? "grid" : n.island ? "flex items-center gap-2" : "flex space-x-2"])
           }, [
-            s.news ? (t(), l("a", {
+            n.news ? (s(), l("a", {
               key: 0,
               href: "#",
-              class: c(["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: b
+              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
             }, [
-              s.news.menuLabel ? (t(), l("div", l0, u(s.news.menuLabel || "News"), 1)) : a("", !0),
-              e("div", {
-                class: c(["w-full", [m.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
+              n.news.menuLabel ? (s(), l("div", Os, r(n.news.menuLabel || "News"), 1)) : o("", !0),
+              t("div", {
+                class: y(["w-full", [f.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
               }, [
-                e("div", {
-                  class: c(["relative items-center", [m.value ? "" : "flex flex-row space-x-1"]])
+                t("div", {
+                  class: y(["relative items-center", [f.value ? "" : "flex flex-row space-x-1"]])
                 }, [
-                  e("div", null, [
-                    (t(), w(_(D1), { class: "w-[24px] h-[24px] mx-auto" }))
+                  t("div", null, [
+                    (s(), p(k(fe), { class: "w-[24px] h-[24px] mx-auto" }))
                   ]),
-                  m.value ? a("", !0) : (t(), l("div", o0, u(s.news.menuLabel || "News"), 1)),
-                  g.value > 0 ? (t(), l("span", n0)) : a("", !0),
-                  g.value > 0 ? (t(), l("span", a0)) : a("", !0)
+                  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)
                 ], 2)
               ], 2)
-            ], 2)) : a("", !0),
-            (O1 = s.app) != null && O1.support ? (t(), l("a", {
+            ], 2)) : o("", !0),
+            (Fe = n.app) != null && Fe.support ? (s(), l("a", {
               key: 1,
-              href: (z1 = (V1 = s.app) == null ? void 0 : V1.support) == null ? void 0 : z1.url,
-              class: c(["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]"]])
+              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]"]])
             }, [
-              (j1 = (T1 = s.app) == null ? void 0 : T1.support) != null && j1.label ? (t(), l("div", i0, u(((E1 = (H1 = s.app) == null ? void 0 : H1.support) == null ? void 0 : E1.label) || "Support"), 1)) : a("", !0),
-              e("div", {
-                class: c(["w-full", [m.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
+              (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),
+              t("div", {
+                class: y(["w-full", [f.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
               }, [
-                e("div", {
-                  class: c(["flex-shrink-0 relative", [m.value ? "mx-auto w-[36px] " : "flex space-x-2 px-1"]])
+                t("div", {
+                  class: y(["flex-shrink-0 relative", [f.value ? "mx-auto w-[36px] " : "flex space-x-2 px-1"]])
                 }, [
-                  e("div", null, [
-                    (t(), w(_(k(re)), { class: "w-[20px] h-[20px] mx-auto" }))
+                  t("div", null, [
+                    (s(), p(k($(b1)), { class: "w-[20px] h-[20px] mx-auto" }))
                   ]),
-                  m.value ? a("", !0) : (t(), l("div", p0, u(((P1 = (I1 = s.app) == null ? void 0 : I1.support) == null ? void 0 : P1.label) || "Support"), 1))
+                  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))
                 ], 2)
               ], 2)
-            ], 10, r0)) : a("", !0)
+            ], 10, Hs)) : o("", !0)
           ], 2),
-          e("p", {
-            class: c([[m.value ? "hidden" : "w-full"], "text-[7px] pl-2 text-[#979CA9] flex justify-between font-extralight pt-1"])
+          n.island && !f.value ? (s(), l("div", Es, [
+            w[6] || (w[6] = t("span", null, [
+              ue("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", {
+            key: 3,
+            class: y([[f.value ? "hidden" : "w-full"], "text-[7px] pl-2 text-[#979CA9] flex justify-between font-extralight pt-1"])
           }, [
-            x[4] || (x[4] = e("span", null, [
-              e1("Powered by "),
-              e("span", { class: "text-blue-700" }, "OneB")
+            w[7] || (w[7] = t("span", null, [
+              ue("Powered by "),
+              t("span", { class: "text-blue-700" }, "OneB")
             ], -1)),
-            e("span", null, u((A1 = s.app) == null ? void 0 : A1.version), 1)
-          ], 2)
+            t("span", null, r((Je = n.app) == null ? void 0 : Je.version), 1)
+          ], 2))
         ], 2), [
-          [d1, i.value]
+          [me, a.value && (!n.island || !f.value)]
         ])
       ], 38);
     };
   }
 });
-const d0 = /* @__PURE__ */ m1(u0, [["__scopeId", "data-v-6a4d29f3"]]), c0 = { class: "h-screen relative" }, m0 = {
+const p1 = /* @__PURE__ */ we(Ws, [["__scopeId", "data-v-7b423093"]]), Ns = { class: "h-screen relative" }, Gs = {
   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)" }
-}, f0 = { class: "sm:p-2 pl-2 flex-shrink-0" }, h0 = { class: "w-8 h-8 sm:w-10 sm:h-10 flex items-center flex-shrink-0" }, v0 = ["src"], C0 = { class: "whitespace-nowrap font-semibold sm:text-xl truncate" }, w0 = { class: "text-xs whitespace-nowrap truncate" }, x0 = { class: "w-full pl-1" }, b0 = { class: "w-full flex justify-end sm:pr-4" }, y0 = { class: "flex items-center sm:space-x-1" }, g0 = {
+}, 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 = {
   key: 0,
   class: "module-border-wrap flex justify-center items-center h-6 w-max"
-}, L0 = { class: "h-4 w-4" }, k0 = { class: "ml-2 hidden sm:flex" }, _0 = { class: "flex h-full" }, $0 = { key: 0 }, S0 = {
+}, Xs = { class: "h-4 w-4" }, Ys = { class: "ml-2 hidden sm:flex" }, et = { class: "flex h-full" }, st = { key: 0 }, tt = {
   key: 0,
   class: "sm:w-[560px] w-full relative h-full"
-}, M0 = { class: "h-full relative" }, B0 = { class: "flex items-center p-3 space-x-1.5" }, O0 = {
+}, lt = { class: "h-full relative" }, nt = { class: "flex items-center p-3 space-x-1.5" }, ot = {
   class: "overflow-auto",
   style: { height: "calc(100% - 62px)" }
-}, V0 = {
+}, at = {
   key: 0,
   class: "p-5"
-}, z0 = { key: 1 }, T0 = { class: "p-4 text-gray text-center" }, j0 = { key: 2 }, H0 = {
+}, rt = { key: 1 }, it = { class: "p-4 text-gray text-center" }, dt = { key: 2 }, ut = {
   class: "p-3 space-y-1.5 rounded-lg",
   style: { "box-shadow": "0 0 6px #eaeaea" }
-}, E0 = { key: 0 }, I0 = {
+}, pt = { key: 0 }, ct = {
   key: 0,
   class: "text-xs px-2 py-1 rounded-md bg-green-600 text-white"
-}, P0 = {
+}, ht = {
   key: 1,
   class: "text-xs px-2 py-1 rounded-md bg-yellow-600 text-white"
-}, A0 = {
+}, mt = {
   key: 2,
   class: "text-xs px-2 py-1 rounded-md bg-blue-600 text-white"
-}, F0 = {
+}, ft = {
   key: 3,
   class: "text-xs px-2 py-1 rounded-md bg-gray-600 text-white"
-}, N0 = { class: "text-lg font-medium" }, G0 = { class: "text-sm text-gray-600" }, W0 = { key: 0 }, q0 = ["src"], R0 = { class: "text-sm" }, U0 = { key: 1 }, Z0 = ["href"], D0 = { class: "text-sm flex items-center justify-between mt-1" }, J0 = { class: "text-gray-800" }, K0 = ["href"], Q0 = /* @__PURE__ */ c1({
+}, 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({
   __name: "OneMainLayout",
-  props: pe,
+  props: u1,
   emits: ["load-news", "load-tariff", "open-tariff"],
-  setup(v, { emit: C }) {
-    const r = C, d = v;
-    let g = window.localStorage.getItem("sidebar-slim");
-    window.document.body.offsetWidth < 1024 && (window.localStorage.getItem("sidebar-slim") == null && window.localStorage.setItem("sidebar-slim", "1"), g = "1");
-    const b = $(g === "1");
-    $(!0), l1(b, (n) => {
-      window.localStorage.setItem("sidebar-slim", String(n ? 1 : 0));
+  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) => {
+      window.localStorage.setItem("sidebar-slim", String(e ? 1 : 0));
     });
-    const h = $(!1), L = () => {
-      h.value = !h.value, h.value && r("load-news");
-    }, V = M(() => d.showHeadre);
-    l1(
-      () => d.showHeadre,
+    const d = S(!1), F = () => {
+      d.value = !d.value, d.value && i("load-news");
+    }, I = B(() => c.showHeadre);
+    ie(
+      () => c.showHeadre,
       // Передаємо доступ до props
       () => {
-        V.value = d.showHeadre;
+        I.value = c.showHeadre;
       }
     );
-    const E = $(window.innerWidth), B = () => {
-      E.value = window.innerWidth;
-    }, o = M(() => E.value <= 768);
-    p1(() => {
-      window.addEventListener("resize", B);
-    }), G1(() => {
-      window.removeEventListener("resize", B);
+    const D = S(window.innerWidth), q = () => {
+      D.value = window.innerWidth;
+    }, M = B(() => D.value <= 768);
+    he(() => {
+      window.addEventListener("resize", q);
+    }), ge(() => {
+      window.removeEventListener("resize", q);
     });
-    const y = (n) => {
-      var i;
-      (i = d.handlers) == null || i.onSetLang(n);
-    }, m = $(!1), O = () => {
-      m.value = window.matchMedia("(min-width: 769px)").matches;
+    const W = (e) => {
+      var a;
+      (a = c.handlers) == null || a.onSetLang(e);
+    }, f = S(!1), O = () => {
+      f.value = window.matchMedia("(min-width: 769px)").matches;
     };
-    return p1(() => {
+    return he(() => {
       O(), window.addEventListener("resize", O);
-    }), G1(() => {
+    }), ge(() => {
       window.removeEventListener("resize", O);
-    }), (n, i) => {
-      var H, S, z, Q, X, Y, P, A, F, s, x, N, G, W, q, R, U, Z, D;
-      const I = q1("RouterLink");
-      return t(), l("div", c0, [
-        u1(e("div", m0, [
-          e("div", f0, [
-            e("button", {
-              onClick: i[0] || (i[0] = (p) => b.value = !b.value),
+    }), (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, [
+            t("button", {
+              onClick: a[0] || (a[0] = (u) => v.value = !v.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"
             }, [
-              j(k(ae), { class: "sm:w-[24px] sm:h-[24px] w-6 h-6" })
+              L($(i1), { class: "sm:w-[24px] sm:h-[24px] w-6 h-6" })
             ])
           ]),
-          e("div", h0, [
-            n.logoSrc != null ? (t(), l("img", {
+          t("div", Rs, [
+            e.logoSrc != null ? (s(), l("img", {
               key: 0,
-              src: n.logoSrc,
+              src: e.logoSrc,
               class: "w-8 h-8 mx-auto",
               alt: "logo"
-            }, null, 8, v0)) : a("", !0)
+            }, null, 8, qs)) : o("", !0)
           ]),
-          n.app != null ? (t(), w(I, {
+          e.app != null ? (s(), p(C, {
             key: 0,
             to: "/",
             class: "sm:pl-2 pl-1 truncate w-full"
           }, {
-            default: i1(() => {
-              var p, T;
+            default: U(() => {
+              var u, N;
               return [
-                e("div", C0, u(n.app.name), 1),
-                e("div", w0, u((T = (p = n.app) == null ? void 0 : p.workspace) == null ? void 0 : T.name), 1)
+                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)
               ];
             }),
             _: 1
-          })) : a("", !0),
-          n1(n.$slots, "head-left", {}, void 0, !0),
-          e("div", x0, [
-            e("div", b0, [
-              e("div", y0, [
-                n.improveTariff && ((H = n.improveTariff) != null && H.label) && n.improveTariff.label ? (t(), l("div", g0, [
-                  e("button", {
+          })) : 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, [
+                  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: i[1] || (i[1] = //@ts-ignore
-                    (...p) => {
-                      var T, J;
-                      return ((T = n.handlers) == null ? void 0 : T.onImproveTariff) && ((J = n.handlers) == null ? void 0 : J.onImproveTariff(...p));
+                    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));
                     }),
                     style: { "font-size": "10px" }
                   }, [
-                    e("div", L0, [
-                      (t(), w(_((S = n.improveTariff) == null ? void 0 : S.icon), { class: "h-4 w-4 mx-auto" }))
+                    t("div", Xs, [
+                      (s(), p(k((T = e.improveTariff) == null ? void 0 : T.icon), { class: "h-4 w-4 mx-auto" }))
                     ]),
-                    e("span", k0, u((z = n.improveTariff) == null ? void 0 : z.label), 1)
+                    t("span", Ys, r((V = e.improveTariff) == null ? void 0 : V.label), 1)
                   ])
-                ])) : a("", !0),
-                n1(n.$slots, "head-right", {}, void 0, !0),
-                n.help ? (t(), w(ee, {
+                ])) : o("", !0),
+                re(e.$slots, "head-right", {}, void 0, !0),
+                e.help ? (s(), p(t1, {
                   key: 1,
-                  help: n.help
-                }, null, 8, ["help"])) : a("", !0),
-                ((Q = n.handlers) == null ? void 0 : Q.onBrowse) != null ? (t(), w(te, {
+                  help: e.help
+                }, null, 8, ["help"])) : o("", !0),
+                ((m = e.handlers) == null ? void 0 : m.onBrowse) != null ? (s(), p(l1, {
                   key: 2,
-                  workspace: (X = n.app) == null ? void 0 : X.workspace,
-                  apps: ((Y = n.app) == null ? void 0 : Y.apps) || [],
-                  "change-label": ((P = n.labels) == null ? void 0 : P.change) || "Change",
-                  "apps-title": ((A = n.labels) == null ? void 0 : A.apps) || "Apps",
-                  "on-app": (F = n.handlers) == null ? void 0 : F.onApp,
-                  "on-change": (s = n.handlers) == null ? void 0 : s.onChange,
-                  onOpen: (x = n.handlers) == null ? void 0 : x.onBrowse
-                }, null, 8, ["workspace", "apps", "change-label", "apps-title", "on-app", "on-change", "onOpen"])) : a("", !0),
-                j(se, {
-                  user: n.user,
-                  menu: n.menu,
-                  app: n.app,
-                  "account-label": ((N = n.labels) == null ? void 0 : N.account) || "Account",
-                  "logout-label": ((G = n.labels) == null ? void 0 : G.logout) || "Logout",
-                  "version-label": ((W = n.labels) == null ? void 0 : W.version) || "",
-                  "on-account": (q = n.handlers) == null ? void 0 : q.onAccount,
-                  "on-logout": (R = n.handlers) == null ? void 0 : R.onLogout
+                  workspace: (H = e.app) == null ? void 0 : H.workspace,
+                  apps: ((A = e.app) == null ? void 0 : A.apps) || [],
+                  "change-label": ((R = e.labels) == null ? void 0 : R.change) || "Change",
+                  "apps-title": ((J = e.labels) == null ? void 0 : J.apps) || "Apps",
+                  "on-app": (K = e.handlers) == null ? void 0 : K.onApp,
+                  "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, {
+                  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
                 }, null, 8, ["user", "menu", "app", "account-label", "logout-label", "version-label", "on-account", "on-logout"])
               ])
             ])
           ])
         ], 512), [
-          [d1, V.value]
+          [me, I.value]
         ]),
-        e("div", _0, [
-          !o.value || !b.value ? (t(), w(d0, {
+        t("div", et, [
+          !M.value || !v.value ? (s(), p(p1, {
             key: 0,
-            app: n.app,
-            items: n.sidebarItems,
-            "with-news": n.news != null,
-            news: n.news,
-            isMobile: o.value,
-            modelValue: b.value,
-            "onUpdate:modelValue": i[2] || (i[2] = (p) => b.value = p),
-            onShowNews: L,
-            onSelectLanguage: y,
-            onUpdateCollapsed: i[3] || (i[3] = (p) => b.value = !b.value)
-          }, null, 8, ["app", "items", "with-news", "news", "isMobile", "modelValue"])) : a("", !0),
-          e("div", {
-            class: c([[
-              b.value ? "" : "lg:ml-[260px] hidden sm:block",
-              m.value ? "ml-[60px]" : ""
+            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),
+          t("div", {
+            class: y([[
+              v.value ? "" : "lg:ml-[260px] hidden sm:block",
+              f.value ? "ml-[60px]" : ""
             ], "body scroll-body w-full overflow-y-auto"])
           }, [
-            e("div", {
-              class: c(["content transition-all", { "pt-[56px]": V.value }])
+            t("div", {
+              class: y(["content transition-all", { "pt-[56px]": I.value }])
             }, [
-              n1(n.$slots, "default", {}, void 0, !0)
+              re(e.$slots, "default", {}, void 0, !0)
             ], 2)
           ], 2)
         ]),
-        n.news ? (t(), l("div", $0, [
-          h.value ? (t(), l("div", {
+        e.news ? (s(), l("div", st, [
+          d.value ? (s(), l("div", {
+            key: 0,
+            class: "fixed top-0 left-0 h-dvh w-screen bg-gray-100 bg-opacity-40 z-50",
+            onClick: a[4] || (a[4] = ae((u) => d.value = !1, ["self"]))
+          })) : o("", !0),
+          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, [
+                t("div", nt, [
+                  L(fe, { class: "w-10 h-10" }),
+                  a[6] || (a[6] = t("div", { class: "w-full font-medium" }, "OneB News", -1)),
+                  t("div", null, [
+                    L(xe, {
+                      variant: "touch",
+                      icon: $(o1),
+                      onClick: a[5] || (a[5] = (u) => 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,
+                      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)
+                        ]),
+                        u.image_url ? (s(), l("div", yt, [
+                          t("img", {
+                            src: u.image_url,
+                            alt: "",
+                            class: "w-full rounded-md"
+                          }, null, 8, bt)
+                        ])) : o("", !0),
+                        t("div", Ct, [
+                          L(r1, {
+                            text: u.body
+                          }, null, 8, ["text"])
+                        ]),
+                        u.video_url ? (s(), l("div", gt, [
+                          t("a", {
+                            href: u.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", {
+                            key: 0,
+                            href: u.post_url,
+                            target: "_blank",
+                            class: "text-blue-600 hover:text-blue-700 block"
+                          }, r(e.news.moreText), 9, _t)) : o("", !0)
+                        ])
+                      ])
+                    ]))), 128))
+                  ])) : o("", !0)
+                ])
+              ])
+            ])) : o("", !0)
+          ], 2)
+        ])) : o("", !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 = {
+  key: 0,
+  class: "border-t border-secondary-stroke my-1"
+}, Et = {
+  key: 1,
+  class: "text-2xs text-secondary-content px-3 py-1 uppercase"
+}, Ft = ["onClick"], Wt = { class: "text-sm" }, Nt = {
+  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 = {
+  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 = {
+  class: "overflow-auto",
+  style: { height: "calc(100% - 62px)" }
+}, Xt = {
+  key: 0,
+  class: "p-5"
+}, Yt = { key: 1 }, el = { class: "p-4 text-gray text-center" }, sl = { key: 2 }, tl = {
+  class: "p-3 space-y-1.5 rounded-lg",
+  style: { "box-shadow": "0 0 6px #eaeaea" }
+}, ll = { key: 0 }, nl = {
+  key: 0,
+  class: "text-xs px-2 py-1 rounded-md bg-green-600 text-white"
+}, ol = {
+  key: 1,
+  class: "text-xs px-2 py-1 rounded-md bg-yellow-600 text-white"
+}, al = {
+  key: 2,
+  class: "text-xs px-2 py-1 rounded-md bg-blue-600 text-white"
+}, rl = {
+  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({
+  __name: "OneIsland",
+  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));
+    });
+    const d = S(!1), F = () => {
+      d.value = !d.value, d.value && i("load-news");
+    }, I = S(null), D = () => {
+      var a, C, z;
+      const e = (z = (C = (a = I.value) == null ? void 0 : a.$el) == null ? void 0 : C.querySelector) == null ? void 0 : z.call(C, "button");
+      e == null || e.click();
+    }, q = B(() => c.showHeadre);
+    ie(
+      () => c.showHeadre,
+      () => {
+        q.value = c.showHeadre;
+      }
+    );
+    const M = S(window.innerWidth), W = () => {
+      M.value = window.innerWidth;
+    }, f = B(() => M.value <= 768);
+    he(() => {
+      window.addEventListener("resize", W);
+    }), ge(() => {
+      window.removeEventListener("resize", W);
+    });
+    const O = (e) => {
+      var a, C;
+      (C = (a = c.handlers) == null ? void 0 : a.onSetLang) == null || C.call(a, e);
+    };
+    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, {
+            key: 0,
+            items: e.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, {
+                  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;
+                    return [
+                      t("div", Vt, [
+                        (s(!0), l(G, null, Z(e.workspaces || [], (j) => (s(), l("div", {
+                          key: j.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();
+                          }
+                        }, [
+                          L(Ce, {
+                            text: j.name,
+                            src: j.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,
+                          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();
+                          }
+                        }, [
+                          L(Ce, {
+                            text: j.name,
+                            src: j.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("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)
+                      ])
+                    ];
+                  }),
+                  _: 1
+                })) : o("", !0),
+                re(e.$slots, "head-left", {}, void 0, !0)
+              ]),
+              t("div", It, [
+                (C = e.improveTariff) != null && C.label ? (s(), l("a", {
+                  key: 0,
+                  href: ((z = e.improveTariff) == null ? void 0 : z.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);
+                  }, ["prevent"]))
+                }, [
+                  e.improveTariff.icon ? (s(), p(k(e.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, {
+                  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
+                }, null, 8, ["user", "menu", "app", "account-label", "logout-label", "version-label", "on-account", "on-logout"])
+              ])
+            ], 512), [
+              [me, q.value]
+            ]),
+            t("div", Ut, [
+              re(e.$slots, "default", {}, void 0, !0)
+            ])
+          ])
+        ]),
+        e.news ? (s(), l("div", Zt, [
+          d.value ? (s(), l("div", {
             key: 0,
             class: "fixed top-0 left-0 h-dvh w-screen bg-gray-100 bg-opacity-40 z-50",
-            onClick: i[4] || (i[4] = t1((p) => h.value = !1, ["self"]))
-          })) : a("", !0),
-          e("div", {
-            class: c(["opacity-100 shadow-lg transition-all fixed top-0 left-0 h-dvh overflow-hidden z-50 bg-white", [h.value ? "sm:w-[560px] w-full" : "w-0"]])
+            onClick: a[3] || (a[3] = ae((h) => d.value = !1, ["self"]))
+          })) : o("", !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"]])
           }, [
-            h.value ? (t(), l("div", S0, [
-              e("div", M0, [
-                e("div", B0, [
-                  j(D1, { class: "w-10 h-10" }),
-                  i[6] || (i[6] = e("div", { class: "w-full font-medium" }, "OneB News", -1)),
-                  e("div", null, [
-                    j(U1, {
+            d.value ? (s(), l("div", Dt, [
+              t("div", Jt, [
+                t("div", Kt, [
+                  L(fe, { class: "w-10 h-10" }),
+                  a[5] || (a[5] = t("div", { class: "w-full font-medium" }, "OneB News", -1)),
+                  t("div", null, [
+                    L(xe, {
                       variant: "touch",
-                      icon: k(le),
-                      onClick: i[5] || (i[5] = (p) => h.value = !1)
+                      icon: $(o1),
+                      onClick: a[4] || (a[4] = (h) => d.value = !1)
                     }, null, 8, ["icon"])
                   ])
                 ]),
-                e("div", O0, [
-                  n.news.isLoading && ((U = n.news.items) == null ? void 0 : U.length) === 0 ? (t(), l("div", V0, [
-                    j(oe, { class: "w-6 h-6 text-gray-600 mx-auto" })
-                  ])) : ((Z = n.news.items) == null ? void 0 : Z.length) === 0 ? (t(), l("div", z0, [
-                    e("div", T0, u(n.news.emptyText), 1)
-                  ])) : ((D = n.news.items) == null ? void 0 : D.length) > 0 ? (t(), l("div", j0, [
-                    (t(!0), l(K, null, s1(n.news.items, (p) => (t(), l("div", {
-                      key: p.id,
+                t("div", Qt, [
+                  e.news.isLoading && ((ee = e.news.items) == null ? void 0 : ee.length) === 0 ? (s(), l("div", Xt, [
+                    L(a1, { class: "w-6 h-6 text-gray-600 mx-auto" })
+                  ])) : ((se = e.news.items) == null ? void 0 : se.length) === 0 ? (s(), l("div", Yt, [
+                    t("div", el, r(e.news.emptyText), 1)
+                  ])) : ((te = e.news.items) == null ? void 0 : te.length) > 0 ? (s(), l("div", sl, [
+                    (s(!0), l(G, null, Z(e.news.items, (h) => (s(), l("div", {
+                      key: h.id,
                       class: "p-3"
                     }, [
-                      e("div", H0, [
-                        e("div", null, [
-                          p.type ? (t(), l("div", E0, [
-                            p.type === 10 ? (t(), l("span", I0, "update")) : p.type === 11 ? (t(), l("span", P0, "warning")) : p.type === 12 ? (t(), l("span", A0, "notice")) : p.type === 13 ? (t(), l("span", F0, "ads")) : a("", !0)
-                          ])) : a("", !0),
-                          e("div", N0, u(p.title), 1),
-                          e("div", G0, u(p.summary), 1)
+                      t("div", tl, [
+                        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)
                         ]),
-                        p.image_url ? (t(), l("div", W0, [
-                          e("img", {
-                            src: p.image_url,
+                        h.image_url ? (s(), l("div", ul, [
+                          t("img", {
+                            src: h.image_url,
                             alt: "",
                             class: "w-full rounded-md"
-                          }, null, 8, q0)
-                        ])) : a("", !0),
-                        e("div", R0, [
-                          j(ne, {
-                            text: p.body
+                          }, null, 8, pl)
+                        ])) : o("", !0),
+                        t("div", cl, [
+                          L(r1, {
+                            text: h.body
                           }, null, 8, ["text"])
                         ]),
-                        p.video_url ? (t(), l("div", U0, [
-                          e("a", {
-                            href: p.video_url,
+                        h.video_url ? (s(), l("div", hl, [
+                          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"
-                          }, u(n.news.openVideoText), 9, Z0)
-                        ])) : a("", !0),
-                        e("div", D0, [
-                          e("span", J0, u(p.published), 1),
-                          p.post_url ? (t(), l("a", {
+                          }, r(e.news.openVideoText), 9, ml)
+                        ])) : o("", !0),
+                        t("div", fl, [
+                          t("span", vl, r(h.published), 1),
+                          h.post_url ? (s(), l("a", {
                             key: 0,
-                            href: p.post_url,
+                            href: h.post_url,
                             target: "_blank",
                             class: "text-blue-600 hover:text-blue-700 block"
-                          }, u(n.news.moreText), 9, K0)) : a("", !0)
+                          }, r(e.news.moreText), 9, wl)) : o("", !0)
                         ])
                       ])
                     ]))), 128))
-                  ])) : a("", !0)
+                  ])) : o("", !0)
                 ])
               ])
-            ])) : a("", !0)
+            ])) : o("", !0)
           ], 2)
-        ])) : a("", !0)
+        ])) : o("", !0)
       ]);
     };
   }
 });
-const f9 = /* @__PURE__ */ m1(Q0, [["__scopeId", "data-v-f5bf3126"]]);
+const Al = /* @__PURE__ */ we(yl, [["__scopeId", "data-v-2cf17e48"]]);
 export {
-  f9 as OneMainLayout,
-  d0 as OneSidebar
+  Al as OneIsland,
+  Hl as OneMainLayout,
+  p1 as OneSidebar
 };