@oneb/ui-vue 0.1.41 → 0.1.43

package/dist/layout/index.js

@@ -1,10 +1,10 @@
-import { openBlock as t, createElementBlock as l, createElementVNode as e, defineComponent as i1, computed as $, ref as _, resolveComponent as z1, Fragment as U, normalizeClass as w, toDisplayString as p, createCommentVNode as n, createBlock as m, resolveDynamicComponent as L, unref as g, withModifiers as X, withCtx as n1, renderList as Y, watch as e1, onMounted as H1, onBeforeUnmount as F1, watchEffect as I1, shallowRef as N1, normalizeStyle as W1, withDirectives as a1, vShow as r1, createTextVNode as s1, createVNode as j, onUnmounted as q1, renderSlot as T1 } from "vue";
-import { r as l1, a as o1, b as R1, c as U1, O as Z1, d as D1, _ as G1 } from "../OneHelpMenu-135e0656.js";
+import { openBlock as t, createElementBlock as l, createElementVNode as e, defineComponent as i1, computed as $, ref as _, resolveComponent as I1, Fragment as U, normalizeClass as d, toDisplayString as i, createCommentVNode as n, createBlock as v, resolveDynamicComponent as L, unref as g, withModifiers as Y, withCtx as n1, renderList as e1, watch as t1, onMounted as E1, onBeforeUnmount as W1, watchEffect as A1, shallowRef as q1, normalizeStyle as R1, withDirectives as a1, vShow as r1, createTextVNode as X, createVNode as j, onUnmounted as U1, renderSlot as z1 } from "vue";
+import { r as l1, a as o1, b as Z1, c as D1, O as G1, d as J1, _ as K1 } from "../OneHelpMenu-135e0656.js";
 import { _ as p1 } from "../_plugin-vue_export-helper-dad06003.js";
-import { _ as E1, S as J1 } from "../index-f8afb6b6.js";
-import { r as K1 } from "../XMarkIcon-51ef0691.js";
+import { _ as P1, S as Q1 } from "../index-f8afb6b6.js";
+import { r as X1 } from "../XMarkIcon-51ef0691.js";
 import "../common/index.js";
-const A1 = {
+const F1 = {
   items: {
     required: !0,
     type: Array
@@ -28,7 +28,7 @@ const A1 = {
   news: {
     type: Object
   }
-}, Q1 = {
+}, Y1 = {
   route: {
     required: !1,
     type: [Object, String]
@@ -84,8 +84,8 @@ const A1 = {
     required: !1
     // Не обов'язковий, бо може бути відсутнім
   }
-}, X1 = {
-  sidebarItems: A1.items,
+}, ee = {
+  sidebarItems: F1.items,
   logoSrc: {
     type: String
   },
@@ -135,7 +135,7 @@ const A1 = {
     default: () => []
   }
 };
-function Y1(h, f) {
+function te(f, m) {
   return t(), l("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -151,7 +151,7 @@ function Y1(h, f) {
     })
   ]);
 }
-function ee(h, f) {
+function se(f, m) {
   return t(), l("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -167,85 +167,88 @@ function ee(h, f) {
     })
   ]);
 }
-const te = ["href"], se = { class: "flex flex-nowrap items-center w-full h-[24px]" }, le = {
+const le = ["href"], oe = { class: "flex flex-nowrap items-center w-full h-[24px]" }, ne = {
   key: 0,
   class: "w-[44px] flex-shrink-0"
-}, oe = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, ne = { class: "py-[8px] pl-0 pr-0" }, ae = { class: "flex flex-nowrap items-center w-full h-[24px]" }, re = {
+}, ae = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, re = { class: "py-[8px] pl-0 pr-0" }, ie = { class: "flex flex-nowrap items-center w-full h-[24px]" }, pe = {
   key: 0,
   class: "w-[44px] flex-shrink-0"
-}, ie = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, pe = { class: "py-[8px] pl-0 pr-0" }, de = {
+}, ue = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, de = { class: "py-[8px] pl-0 pr-0" }, ce = {
   key: 1,
   class: "p-3"
-}, ue = { class: "flex flex-nowrap items-center w-full h-[24px] mb-0.5" }, ce = {
+}, he = { class: "flex flex-nowrap items-center w-full h-[24px]" }, fe = {
   key: 0,
   class: "w-[44px] flex-shrink-0"
-}, he = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, fe = { class: "py-[8px] pl-0 pr-0" }, me = {
+}, me = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, ve = { class: "py-[8px] pl-0 pr-0" }, Ce = {
   key: 1,
   class: "p-3"
-}, ve = ["href"], Ce = { class: "flex items-center justify-between min-w-full h-[24px]" }, we = { class: "text-xs" }, xe = {
+}, we = ["href"], xe = { class: "flex items-center justify-between min-w-full h-[24px]" }, be = {
   key: 0,
-  class: "pr-1"
-}, be = { class: "text-xs" }, ye = {
+  class: "text-xs"
+}, ye = {
   key: 0,
+  class: "text-xs"
+}, ge = {
+  key: 1,
   class: "pr-3"
-}, ge = /* @__PURE__ */ i1({
+}, Le = /* @__PURE__ */ i1({
   __name: "OneSidebarLink",
-  props: Q1,
+  props: Y1,
   emits: ["update-collapsed"],
-  setup(h, { emit: f }) {
-    const a = h, d = f, b = $(() => a.href ?? !1), x = $(() => c(a)), c = (r) => r.route ? r.route : r.routeName ? { name: r.routeName } : null, y = _(a.open), T = () => {
+  setup(f, { emit: m }) {
+    const a = f, u = m, b = $(() => a.href ?? !1), x = $(() => h(a)), h = (r) => r.route ? r.route : r.routeName ? { name: r.routeName } : null, y = _(a.open), T = () => {
       y.value = !y.value;
     }, S = (r, k) => {
-      a.subItems && a.subItems.length > 0 && !k && (r.preventDefault(), T()), (k || !a.subItems || a.subItems.length === 0) && a.isMobile && d("update-collapsed");
+      a.subItems && a.subItems.length > 0 && !k && (r.preventDefault(), T()), (k || !a.subItems || a.subItems.length === 0) && a.isMobile && u("update-collapsed");
     };
     return (r, k) => {
-      const B = z1("RouterLink");
+      const B = I1("RouterLink");
       return t(), l(U, null, [
         r.labelTop ? (t(), l("p", {
           key: 0,
           style: { "font-size": "10px" },
-          class: w([{ "text-center h-[15px]": r.slim }, "text-[#a1a5b0] px-2 pt-0 font-medium"])
-        }, p(r.slim ? "" : r.labelTop), 3)) : n("", !0),
+          class: d([{ "text-center h-[15px]": r.slim }, "text-[#a1a5b0] px-2 pt-0 pb-0.5 font-medium"])
+        }, i(r.slim ? "" : r.labelTop), 3)) : n("", !0),
         b.value ? (t(), l("a", {
           key: 1,
           href: b.value,
-          class: w(["flex items-center relative rounded-lg text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66] mb-0.5", [r.slim ? "w-[44px] h-[44px]" : "h-[44px] w-full"]]),
+          class: d(["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", [r.slim ? "w-[44px] h-[44px]" : "h-[44px] w-full"]]),
           onClick: S
         }, [
-          e("div", se, [
-            r.icon ? (t(), l("div", le, [
-              (t(), m(L(r.icon), { class: "w-[24px] h-[24px] mx-auto" }))
+          e("div", oe, [
+            r.icon ? (t(), l("div", ne, [
+              (t(), v(L(r.icon), { class: "w-[24px] h-[24px] mx-auto" }))
             ])) : n("", !0),
-            e("div", oe, [
-              e("span", ne, p(r.label), 1)
+            e("div", ae, [
+              e("span", re, i(r.label), 1)
             ]),
             a.subItems && a.subItems.length > 0 ? (t(), l("div", {
               key: 1,
-              class: w(["ml-auto", [r.slim ? "hidden" : ""]])
+              class: d(["ml-auto", [(r.slim, "")]])
             }, [
-              (t(), m(L(y.value ? g(l1) : g(o1)), { class: "w-[16px] h-[16px]" }))
+              (t(), v(L(y.value ? g(l1) : g(o1)), { class: "w-[16px] h-[16px]" }))
             ], 2)) : n("", !0)
           ])
-        ], 10, te)) : n("", !0),
-        !b.value && x.value ? (t(), m(B, {
+        ], 10, le)) : n("", !0),
+        !b.value && x.value ? (t(), v(B, {
           key: 2,
           to: x.value,
-          class: w(["relative flex items-center cursor-pointer rounded-lg text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66] mb-0.5", [r.slim ? "w-[44px] h-[44px]" : "h-[44px] w-full"]]),
+          class: d(["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", [r.slim ? "w-[44px] h-[44px]" : "h-[44px] w-full"]]),
           "active-class": "bg-primary-10 !text-primary-base",
           "exact-active-class": "bg-primary-10 !text-primary-base",
           exact: r.exact,
-          onClick: X(S, ["prevent"])
+          onClick: Y(S, ["prevent"])
         }, {
           default: n1(() => [
-            e("div", ae, [
-              r.icon ? (t(), l("div", re, [
-                (t(), m(L(r.icon), { class: "w-[24px] h-[24px] mx-auto" }))
+            e("div", ie, [
+              r.icon ? (t(), l("div", pe, [
+                (t(), v(L(r.icon), { class: "w-[24px] h-[24px] mx-auto" }))
               ])) : n("", !0),
-              e("div", ie, [
-                e("span", pe, p(r.label), 1)
+              e("div", ue, [
+                e("span", de, i(r.label), 1)
               ]),
-              a.subItems && a.subItems.length > 0 && !r.slim ? (t(), l("div", de, [
-                (t(), m(L(y.value ? g(l1) : g(o1)), { class: "w-[16px] h-[16px]" }))
+              a.subItems && a.subItems.length > 0 && !r.slim ? (t(), l("div", ce, [
+                (t(), v(L(y.value ? g(l1) : g(o1)), { class: "w-[16px] h-[16px]" }))
               ])) : n("", !0)
             ])
           ]),
@@ -253,56 +256,59 @@ const te = ["href"], se = { class: "flex flex-nowrap items-center w-full h-[24px
         }, 8, ["to", "exact", "class"])) : n("", !0),
         !b.value && !x.value ? (t(), l("span", {
           key: 3,
-          onClick: X(S, ["prevent"]),
-          class: w([[r.slim ? "w-[44px] h-[44px]" : "h-[44px] w-full"], "mb-0.5 relative flex items-center cursor-pointer rounded-lg text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]"])
+          onClick: Y(S, ["prevent"]),
+          class: d([[r.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", ue, [
-            r.icon ? (t(), l("div", ce, [
-              (t(), m(L(r.icon), { class: "w-[24px] h-[24px] mx-auto" }))
+          e("div", he, [
+            r.icon ? (t(), l("div", fe, [
+              (t(), v(L(r.icon), { class: "w-[24px] h-[24px] mx-auto" }))
             ])) : n("", !0),
-            e("div", he, [
-              e("span", fe, p(r.label), 1)
+            e("div", me, [
+              e("span", ve, i(r.label), 1)
             ]),
-            a.subItems && a.subItems.length > 0 && !r.slim ? (t(), l("div", me, [
-              (t(), m(L(y.value ? g(l1) : g(o1)), { class: "w-[16px] h-[16px]" }))
+            a.subItems && a.subItems.length > 0 && !r.slim ? (t(), l("div", Ce, [
+              (t(), v(L(y.value ? g(l1) : g(o1)), { class: "w-[16px] h-[16px]" }))
             ])) : n("", !0)
           ])
         ], 2)) : n("", !0),
         y.value && a.subItems ? (t(), l("div", {
           key: 4,
-          class: w([r.slim ? "hidden" : "pl-[36px] pr-3"])
+          class: d([r.slim ? "" : "pl-[36px] pr-3"])
         }, [
           e("div", {
-            class: w([(r.slim, "")])
+            class: d([(r.slim, "")])
           }, [
-            (t(!0), l(U, null, Y(a.subItems, (s) => (t(), l("div", {
+            (t(!0), l(U, null, e1(a.subItems, (s) => (t(), l("div", {
               key: s.label,
-              class: w([(r.slim, "")])
+              class: d([(r.slim, "")])
             }, [
               s.href ? (t(), l("a", {
                 key: 0,
                 href: s.href,
-                class: "flex items-center mb-0.5 rounded-lg p-2 text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]"
+                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", Ce, [
-                  e("span", we, p(s.label), 1),
-                  s.icon ? (t(), l("div", xe, [
-                    (t(), m(L(s.icon), { class: "w-[15px] h-[15px] mx-auto" }))
-                  ])) : n("", !0)
+                e("div", xe, [
+                  r.slim ? n("", !0) : (t(), l("span", be, i(s.label), 1)),
+                  s.icon ? (t(), l("div", {
+                    key: 1,
+                    class: d([r.slim ? "pl-2 h-[15px]" : "pr-1"])
+                  }, [
+                    (t(), v(L(s.icon), { class: "w-[15px] h-[15px] mx-auto" }))
+                  ], 2)) : n("", !0)
                 ])
-              ], 8, ve)) : c(s) ? (t(), m(B, {
+              ], 8, we)) : h(s) ? (t(), v(B, {
                 key: 1,
-                to: c(s),
-                onClick: k[0] || (k[0] = X((u) => S(u, !0), ["prevent"])),
-                class: "flex items-center rounded-lg p-2 text-sm font-medium hover:bg-primary-10-hover mb-0.5 hover:text-primary-base transition-all text-[#525B66]",
+                to: h(s),
+                onClick: k[0] || (k[0] = Y((c) => S(c, !0), ["prevent"])),
+                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]",
                 exact: r.exact,
                 "active-class": "bg-primary-10 !text-primary-base",
                 "exact-active-class": "bg-primary-10 !text-primary-base"
               }, {
                 default: n1(() => [
-                  e("span", be, p(s.label), 1),
-                  s.icon ? (t(), l("div", ye, [
-                    (t(), m(L(s.icon), { class: "w-[20px] h-[20px] mx-auto" }))
+                  r.slim ? n("", !0) : (t(), l("span", ye, i(s.label), 1)),
+                  s.icon ? (t(), l("div", ge, [
+                    (t(), v(L(s.icon), { class: "w-[20px] h-[20px] mx-auto" }))
                   ])) : n("", !0)
                 ]),
                 _: 2
@@ -313,15 +319,15 @@ const te = ["href"], se = { class: "flex flex-nowrap items-center w-full h-[24px
       ], 64);
     };
   }
-}), Le = {}, _e = {
+}), _e = {}, ke = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none"
 };
-function ke(h, f) {
-  return t(), l("svg", _e, f[0] || (f[0] = [
+function $e(f, m) {
+  return t(), l("svg", ke, m[0] || (m[0] = [
     e("path", {
       d: "M9.27987 15.963H7.76282V9.97577C7.76282 9.67316 7.575 9.40658 7.29326 9.29851L6.7948 9.11839V8.57802V8.03766H8.10957C8.60081 8.03766 8.91867 8.12412 9.05592 8.30424C9.20763 8.48436 9.27987 8.8374 9.27987 9.36335V15.963Z",
       fill: "currentColor"
@@ -338,181 +344,181 @@ function ke(h, f) {
     }, null, -1)
   ]));
 }
-const P1 = /* @__PURE__ */ p1(Le, [["render", ke]]), j1 = (h) => {
-  if (Array.isArray(h))
-    return h.map(g);
-  const f = g(h);
-  return Array.isArray(f) ? f : [f];
-}, $e = (h, f) => {
+const N1 = /* @__PURE__ */ p1(_e, [["render", $e]]), H1 = (f) => {
+  if (Array.isArray(f))
+    return f.map(g);
+  const m = g(f);
+  return Array.isArray(m) ? m : [m];
+}, Se = (f, m) => {
   let a;
-  const d = (b) => {
+  const u = (b) => {
     b.forEach((x) => {
-      const c = g(x);
-      if (c) {
-        if (!(c instanceof Element))
+      const h = g(x);
+      if (h) {
+        if (!(h instanceof Element))
           throw console.error("Vuestic: Trying to observe non-HTMLElement", {
-            target: c,
-            array: h
+            target: h,
+            array: f
           }), new Error("Vuestic: Unable to observe non-HTMLElement");
-        c && (a == null || a.observe(c));
+        h && (a == null || a.observe(h));
       }
     });
   };
-  return e1(h, (b) => {
-    a == null || a.disconnect(), d(j1(b));
-  }), H1(() => {
-    a = new ResizeObserver(f), d(j1(h));
-  }), F1(() => a == null ? void 0 : a.disconnect()), a;
-}, Se = (h) => {
-  const f = _(null);
-  return $e([h], () => {
+  return t1(f, (b) => {
+    a == null || a.disconnect(), u(H1(b));
+  }), E1(() => {
+    a = new ResizeObserver(m), u(H1(f));
+  }), W1(() => a == null ? void 0 : a.disconnect()), a;
+}, Be = (f) => {
+  const m = _(null);
+  return Se([f], () => {
     var a;
-    f.value = ((a = h.value) == null ? void 0 : a.clientWidth) ?? null;
-  }), I1(() => {
+    m.value = ((a = f.value) == null ? void 0 : a.clientWidth) ?? null;
+  }), A1(() => {
     var a;
-    f.value = ((a = h.value) == null ? void 0 : a.clientWidth) ?? null;
-  }), f;
-}, Be = { class: "mt-auto shrink px-2" }, Me = ["href"], Ve = { class: "rounded-lg bg-[#FFF8E4] py-2 flex items-center space-x-3 px-3" }, Oe = { class: "" }, Te = {
+    m.value = ((a = f.value) == null ? void 0 : a.clientWidth) ?? null;
+  }), m;
+}, Me = { class: "mt-auto shrink px-2 bg-white pt-2.5 py-2 mx-2 rounded-2xl" }, Ve = ["href"], Oe = { class: "rounded-lg bg-[#FFF8E4] py-2 flex items-center space-x-3 px-2" }, Te = { class: "" }, je = {
   class: "",
   style: { "font-size": "10px" }
-}, je = {
+}, ze = {
   key: 1,
-  class: "flex justify-between border rounded-lg bg-[#F5F5F5] mb-2 w-full min-w-[220px] space-x-3 px-3"
-}, ze = { class: "flex items-center text-[#525B66] space-x-3" }, He = { style: { "font-size": "10px" } }, Ie = ["href"], Ee = { class: "flex flex-nowrap items-center w-max h-[24px]" }, Ae = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]" }, Pe = { class: "py-[8px] pl-0 pr-[8px]" }, Fe = ["href"], Ne = { class: "flex flex-nowrap items-center w-max h-[24px]" }, We = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, qe = { class: "py-[8px] pl-0 pr-[8px]" }, Re = {
+  class: "flex justify-between border rounded-lg bg-[#F5F5F5] mb-1 w-full min-w-[220px] space-x-3 px-2"
+}, He = { class: "flex items-center text-[#525B66] space-x-3" }, Ie = { style: { "font-size": "10px" } }, Ee = { class: "relative -right-2" }, Ae = ["href"], Pe = { class: "flex flex-nowrap items-center w-max h-[24px]" }, Fe = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]" }, Ne = { class: "py-[8px] pl-0 pr-[8px]" }, We = ["href"], qe = { class: "flex flex-nowrap items-center w-max h-[24px]" }, Re = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, Ue = { class: "py-[8px] pl-0 pr-[8px]" }, Ze = {
   key: 4,
   class: "custom-select ml-3 w-full relative pt-3"
-}, Ue = { class: "pl-2" }, Ze = {
+}, De = { class: "pl-2" }, Ge = {
   key: 0,
   class: "dropdown w-[220px] z-50 text-[#525B66]"
-}, De = ["onClick"], Ge = {
+}, Je = ["onClick"], Ke = {
   key: 0,
-  class: "mt-1 h-0 border-t border-secondary-stroke mb-1"
-}, Je = {
+  class: "mt-0.5 h-0 border-t border-secondary-stroke mb-1"
+}, Qe = {
   key: 0,
   class: "tooltip-text"
-}, Ke = { class: "flex flex-nowrap items-center w-full h-[36px]" }, Qe = { class: "w-[36px] flex-shrink-0 relative" }, Xe = {
-  key: 0,
-  class: "absolute top-0 right-1.5 w-2 h-2 bg-blue-600 text-white rounded-full animate-ping z-0"
-}, Ye = {
+}, Xe = { key: 0 }, Ye = {
   key: 1,
+  class: "absolute top-0 right-1.5 w-2 h-2 bg-blue-600 text-white rounded-full animate-ping z-0"
+}, e0 = {
+  key: 2,
   class: "absolute top-0 right-1.5 w-2 h-2 bg-blue-500 text-white rounded-full z-10"
-}, e9 = ["href"], t9 = {
+}, t0 = ["href"], s0 = {
   key: 0,
   class: "tooltip-text"
-}, s9 = { class: "flex flex-nowrap items-center w-full h-[36px]" }, l9 = { class: "w-[36px] flex-shrink-0 relative" }, o9 = /* @__PURE__ */ i1({
+}, l0 = { key: 0 }, o0 = /* @__PURE__ */ i1({
   __name: "OneSidebar",
-  props: A1,
+  props: F1,
   emits: ["show-news", "show-tariff", "select-language", "update-collapsed", "update:modelValue"],
-  setup(h, { emit: f }) {
+  setup(f, { emit: m }) {
     var H, I, E;
-    const a = f, d = h, b = $(() => {
+    const a = m, u = f, b = $(() => {
       var o;
-      return ((o = d.news) == null ? void 0 : o.unseenCount) || 0;
+      return ((o = u.news) == null ? void 0 : o.unseenCount) || 0;
     }), x = () => {
       a("show-news");
-    }, c = _(!1), y = _(d.hoverable);
-    e1(d, () => {
-      d.modelValue ? y.value = !0 : y.value = !1;
-    }), d.modelValue && (y.value = !0);
-    const T = N1(), S = $(() => {
+    }, h = _(!1), y = _(u.hoverable);
+    t1(u, () => {
+      u.modelValue ? y.value = !0 : y.value = !1;
+    }), u.modelValue && (y.value = !0);
+    const T = q1(), S = $(() => {
       const o = [];
-      if (d.slim || o.push("fixed"), !B.value)
-        if (!d.isMobile)
+      if (u.slim || o.push("fixed"), !B.value)
+        if (!u.isMobile)
           o.push("w-[260px]");
         else
           return o.push("w-full");
       return o.join(" ");
     }), r = $(() => ""), k = (o) => {
-      c.value = y.value && o;
-    }, B = $(() => y.value && !c.value), s = $(() => !!B.value), u = _(), Z = Se(u), z = $(() => d.modelValue === !0 || Z.value === null ? !0 : Z.value > 0), D = _(), G = () => B.value ? d.minimizedWidth : d.width;
-    I1(() => {
+      h.value = y.value && o;
+    }, B = $(() => y.value && !h.value), s = $(() => !!B.value), c = _(), Z = Be(c), z = $(() => u.modelValue === !0 || Z.value === null ? !0 : Z.value > 0), D = _(), G = () => B.value ? u.minimizedWidth : u.width;
+    A1(() => {
       const o = G();
       setTimeout(() => {
         D.value = o;
       });
     });
-    const M = _(!1), V = _((H = d.app) != null && H.availableLang && ((I = d.app) == null ? void 0 : I.availableLang.length) > 0 ? (E = d.app) == null ? void 0 : E.availableLang.find((o) => {
-      var v;
-      return o.id == ((v = d.app) == null ? void 0 : v.lang);
+    const M = _(!1), V = _((H = u.app) != null && H.availableLang && ((I = u.app) == null ? void 0 : I.availableLang.length) > 0 ? (E = u.app) == null ? void 0 : E.availableLang.find((o) => {
+      var C;
+      return o.id == ((C = u.app) == null ? void 0 : C.lang);
     }) : null), J = () => {
       M.value = !M.value;
     }, K = (o) => {
       V.value = o, M.value = !1, a("select-language", o);
     }, Q = () => {
-      var o, v;
-      (v = (o = d.app) == null ? void 0 : o.selectedPlan) != null && v.url && (window.location.href = d.app.selectedPlan.url);
+      var o, C;
+      (C = (o = u.app) == null ? void 0 : o.selectedPlan) != null && C.url && (window.location.href = u.app.selectedPlan.url);
     };
-    return (o, v) => {
-      var A, P, F, N, W, q, i, O, R, d1, u1, c1, h1, f1, m1, v1, C1, w1, x1, b1, y1, g1, L1, _1, k1, $1, S1, B1, M1;
+    return (o, C) => {
+      var A, P, F, N, W, q, p, O, R, u1, d1, c1, h1, f1, m1, v1, C1, w1, x1, b1, y1, g1, L1, _1, k1, $1, S1, B1, M1, V1, O1;
       return t(), l("aside", {
         ref_key: "rootElement",
         ref: T,
-        class: w(["oneb-sidebar pt-[56px] pb-1 cont sm:max-w-[270px] flex flex-col sidebar z-40", S.value]),
-        style: W1(r.value),
-        onMouseenter: v[1] || (v[1] = (C) => k(!0)),
-        onMouseleave: v[2] || (v[2] = (C) => k(!1))
+        class: d(["oneb-sidebar pt-[56px] pb-1 cont sm:max-w-[270px] flex flex-col sidebar z-40", S.value]),
+        style: R1(r.value),
+        onMouseenter: C[1] || (C[1] = (w) => k(!0)),
+        onMouseleave: C[2] || (C[2] = (w) => k(!1))
       }, [
         a1(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",
           ref_key: "menu",
-          ref: u
+          ref: c
         }, [
-          (t(!0), l(U, null, Y(o.items, (C) => (t(), m(ge, {
-            key: C.label,
-            labelTop: C.labelTop,
+          (t(!0), l(U, null, e1(o.items, (w) => (t(), v(Le, {
+            key: w.label,
+            labelTop: w.labelTop,
             isMobile: o.isMobile,
-            subItems: C.subItems,
-            open: C.open,
-            icon: C.icon,
-            label: C.label,
-            route: C.route,
-            href: C.href,
+            subItems: w.subItems,
+            open: w.open,
+            icon: w.icon,
+            label: w.label,
+            route: w.route,
+            href: w.href,
             slim: s.value,
-            "route-name": C.routeName,
-            exact: C.exact || !1,
-            onUpdateCollapsed: v[0] || (v[0] = (t1) => a("update-collapsed"))
+            "route-name": w.routeName,
+            exact: w.exact || !1,
+            onUpdateCollapsed: C[0] || (C[0] = (s1) => a("update-collapsed"))
           }, null, 8, ["labelTop", "isMobile", "subItems", "open", "icon", "label", "route", "href", "slim", "route-name", "exact"]))), 128))
         ], 512), [
           [r1, z.value]
         ]),
-        a1(e("div", Be, [
+        a1(e("div", Me, [
           e("div", {
-            class: w([s.value ? "hidden" : "w-full hidden md:flex-col md:flex px-2"])
+            class: d([s.value ? "hidden" : "w-full hidden md:flex-col md:flex"])
           }, [
             (A = o.app) != null && A.offerPlan ? (t(), l("a", {
               key: 0,
               href: (P = o.app) == null ? void 0 : P.offerPlan.url,
-              class: "w-full min-w-[220px] border-gradient rounded-lg p-[1px] bg-[#FFF8E4] mb-2 block",
+              class: "w-full min-w-[220px] border-gradient rounded-lg p-[1px] bg-[#FFF8E4] mb-1 block",
               target: "_blank",
               rel: "noopener noreferrer"
             }, [
-              e("div", Ve, [
-                e("div", Oe, [
-                  (t(), m(L((F = o.app) == null ? void 0 : F.offerPlan.icon), { class: "w-[16px] h-[16px]" }))
+              e("div", Oe, [
+                e("div", Te, [
+                  (t(), v(L((F = o.app) == null ? void 0 : F.offerPlan.icon), { class: "w-[16px] h-[16px]" }))
                 ]),
-                e("p", Te, [
-                  e("strong", null, p((N = o.app) == null ? void 0 : N.offerPlan.title), 1),
-                  s1(" «" + p((W = o.app) == null ? void 0 : W.offerPlan.name) + "» ", 1),
-                  v[3] || (v[3] = e("br", null, null, -1)),
-                  s1(p((q = o.app) == null ? void 0 : q.offerPlan.title1), 1)
+                e("p", je, [
+                  e("strong", null, i((N = o.app) == null ? void 0 : N.offerPlan.title), 1),
+                  X(" «" + i((W = o.app) == null ? void 0 : W.offerPlan.name) + "» ", 1),
+                  C[3] || (C[3] = e("br", null, null, -1)),
+                  X(i((q = o.app) == null ? void 0 : q.offerPlan.title1), 1)
                 ])
               ])
-            ], 8, Me)) : n("", !0),
-            (i = o.app) != null && i.selectedPlan && ((O = o.app) != null && O.selectedPlan.name) ? (t(), l("div", je, [
-              e("div", ze, [
+            ], 8, Ve)) : n("", !0),
+            (p = o.app) != null && p.selectedPlan && ((O = o.app) != null && O.selectedPlan.name) ? (t(), l("div", ze, [
+              e("div", He, [
                 e("div", null, [
-                  (t(), m(L((R = o.app) == null ? void 0 : R.selectedPlan.icon), { class: "w-[16px] h-[16px]" }))
+                  (t(), v(L((R = o.app) == null ? void 0 : R.selectedPlan.icon), { class: "w-[16px] h-[16px]" }))
                 ]),
-                e("div", He, [
-                  e("p", null, p(((d1 = o.app) == null ? void 0 : d1.selectedPlan.name) || ""), 1),
-                  e("p", null, p(((u1 = o.app) == null ? void 0 : u1.selectedPlan.title) || ""), 1)
+                e("div", Ie, [
+                  e("p", null, i(((u1 = o.app) == null ? void 0 : u1.selectedPlan.name) || ""), 1),
+                  e("p", null, i(((d1 = o.app) == null ? void 0 : d1.selectedPlan.title) || ""), 1)
                 ])
               ]),
-              e("div", null, [
-                j(E1, {
-                  class: "text-[#525B66] hover:text-[#4089E0]",
+              e("div", Ee, [
+                j(P1, {
+                  class: "text-[#525B66] hover:text-[#4089E0] !rounded-lg",
                   variant: "touch",
-                  icon: g(R1),
+                  icon: g(Z1),
                   onClick: Q
                 }, null, 8, ["icon"])
               ])
@@ -523,89 +529,102 @@ const P1 = /* @__PURE__ */ p1(Le, [["render", ke]]), j1 = (h) => {
               target: "_blank",
               class: "ml-2 flex items-center rounded-lg text-xs hover:underline font-extralight"
             }, [
-              e("div", Ee, [
-                e("div", Ae, [
-                  e("span", Pe, p(((f1 = o.app) == null ? void 0 : f1.terms.label) || "Terms"), 1)
+              e("div", Pe, [
+                e("div", Fe, [
+                  e("span", Ne, i(((f1 = o.app) == null ? void 0 : f1.terms.label) || "Terms"), 1)
                 ])
               ])
-            ], 8, Ie)) : n("", !0),
+            ], 8, Ae)) : n("", !0),
             (m1 = o.app) != null && m1.offer ? (t(), l("a", {
               key: 3,
               href: (v1 = o.app) == null ? void 0 : v1.offer.url,
               target: "_blank",
               class: "ml-2 flex items-center rounded-lg text-xs hover:underline text-[#525B66] font-extralight"
             }, [
-              e("div", Ne, [
-                e("div", We, [
-                  e("span", qe, p(((C1 = o.app) == null ? void 0 : C1.offer.label) || "Offert"), 1)
+              e("div", qe, [
+                e("div", Re, [
+                  e("span", Ue, i(((C1 = o.app) == null ? void 0 : C1.offer.label) || "Offert"), 1)
                 ])
               ])
-            ], 8, Fe)) : n("", !0),
-            (x1 = (w1 = o.app) == null ? void 0 : w1.availableLang) != null && x1.length ? (t(), l("div", Re, [
+            ], 8, We)) : n("", !0),
+            (x1 = (w1 = o.app) == null ? void 0 : w1.availableLang) != null && x1.length ? (t(), l("div", Ze, [
               e("div", {
                 class: "select-box flex gap-x-3 text-xs text-[#525B66] cursor-pointer",
                 onClick: J
               }, [
-                j(g(U1), { class: "w-4" }),
-                s1(" " + p((b1 = V.value) == null ? void 0 : b1.name) + " ", 1),
-                e("span", Ue, p(M.value ? "▲" : "▼"), 1)
+                j(g(D1), { class: "w-4" }),
+                X(" " + i((b1 = V.value) == null ? void 0 : b1.name) + " ", 1),
+                e("span", De, i(M.value ? "▲" : "▼"), 1)
               ]),
-              M.value ? (t(), l("div", Ze, [
-                (t(!0), l(U, null, Y((y1 = o.app) == null ? void 0 : y1.availableLang, (C) => {
-                  var t1, V1;
+              M.value ? (t(), l("div", Ge, [
+                (t(!0), l(U, null, e1((y1 = o.app) == null ? void 0 : y1.availableLang, (w) => {
+                  var s1, T1;
                   return t(), l("div", {
-                    key: C.id,
-                    class: w(["px-2", { "hover:bg-slate-200 rounded-lg cursor-pointer": C.id !== ((t1 = V.value) == null ? void 0 : t1.id), "text-gray-300": C.id === ((V1 = V.value) == null ? void 0 : V1.id) }]),
-                    onClick: (Z9) => {
-                      var O1;
-                      return C.id !== ((O1 = V.value) == null ? void 0 : O1.id) && K(C);
+                    key: w.id,
+                    class: d(["px-2", { "hover:bg-slate-200 rounded-lg cursor-pointer": w.id !== ((s1 = V.value) == null ? void 0 : s1.id), "text-gray-300": w.id === ((T1 = V.value) == null ? void 0 : T1.id) }]),
+                    onClick: (Z0) => {
+                      var j1;
+                      return w.id !== ((j1 = V.value) == null ? void 0 : j1.id) && K(w);
                     }
-                  }, p(C.name), 11, De);
+                  }, i(w.name), 11, Je);
                 }), 128))
               ])) : n("", !0)
             ])) : n("", !0)
           ], 2),
-          s.value ? n("", !0) : (t(), l("div", Ge)),
+          s.value ? n("", !0) : (t(), l("div", Ke)),
           e("div", {
-            class: w([s.value ? "grid" : "flex space-x-2"])
+            class: d([s.value ? "grid" : "flex space-x-2"])
           }, [
             o.news ? (t(), l("a", {
               key: 0,
               href: "#",
-              class: w(["text-[#525B66] flex items-center rounded-lg text-sm tooltip hover:bg-primary-10-hover hover:text-primary-base transition-all", [s.value ? "w-[44px] h-[44px]" : "h-[36x]"]]),
+              class: d(["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", [s.value ? "w-[44px] h-[44px] text-center" : "h-[36x] pr-2"]]),
               onClick: x
             }, [
-              o.news.menuLabel ? (t(), l("div", Je, p(o.news.menuLabel || "News"), 1)) : n("", !0),
-              e("div", Ke, [
-                e("div", Qe, [
+              o.news.menuLabel ? (t(), l("div", Qe, i(o.news.menuLabel || "News"), 1)) : n("", !0),
+              e("div", {
+                class: d(["w-full", [s.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
+              }, [
+                e("div", {
+                  class: d(["relative items-center", [s.value ? "" : "flex flex-row space-x-1"]])
+                }, [
                   e("div", null, [
-                    (t(), m(L(P1), { class: "w-[24px] h-[24px] mx-auto" }))
+                    (t(), v(L(N1), { class: "w-[24px] h-[24px] mx-auto" }))
                   ]),
-                  b.value > 0 ? (t(), l("span", Xe)) : n("", !0),
-                  b.value > 0 ? (t(), l("span", Ye)) : n("", !0)
-                ])
-              ])
+                  s.value ? n("", !0) : (t(), l("div", Xe, i(o.news.menuLabel || "News"), 1)),
+                  b.value > 0 ? (t(), l("span", Ye)) : n("", !0),
+                  b.value > 0 ? (t(), l("span", e0)) : n("", !0)
+                ], 2)
+              ], 2)
             ], 2)) : n("", !0),
             (g1 = o.app) != null && g1.support ? (t(), l("a", {
               key: 1,
               href: (_1 = (L1 = o.app) == null ? void 0 : L1.support) == null ? void 0 : _1.url,
-              class: w(["text-[#525B66] flex items-center rounded-lg text-sm tooltip hover:bg-primary-10-hover hover:text-primary-base transition-all", [s.value ? "w-[44px] h-[44px]" : "h-[36x]"]])
+              class: d(["text-[#525B66] flex items-center rounded-lg text-sm tooltip hover:bg-primary-10-hover hover:text-primary-base transition-all", [s.value ? "w-[44px] h-[44px] text-center" : "h-[36x]"]])
             }, [
-              ($1 = (k1 = o.app) == null ? void 0 : k1.support) != null && $1.label ? (t(), l("div", t9, p(((B1 = (S1 = o.app) == null ? void 0 : S1.support) == null ? void 0 : B1.label) || "Support"), 1)) : n("", !0),
-              e("div", s9, [
-                e("div", l9, [
+              ($1 = (k1 = o.app) == null ? void 0 : k1.support) != null && $1.label ? (t(), l("div", s0, i(((B1 = (S1 = o.app) == null ? void 0 : S1.support) == null ? void 0 : B1.label) || "Support"), 1)) : n("", !0),
+              e("div", {
+                class: d(["w-full", [s.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
+              }, [
+                e("div", {
+                  class: d(["flex-shrink-0 relative", [s.value ? "mx-auto w-[36px] " : "flex space-x-2 px-1"]])
+                }, [
                   e("div", null, [
-                    (t(), m(L(g(ee)), { class: "w-[20px] h-[20px] mx-auto" }))
-                  ])
-                ])
-              ])
-            ], 10, e9)) : n("", !0)
+                    (t(), v(L(g(se)), { class: "w-[20px] h-[20px] mx-auto" }))
+                  ]),
+                  s.value ? n("", !0) : (t(), l("div", l0, i(((V1 = (M1 = o.app) == null ? void 0 : M1.support) == null ? void 0 : V1.label) || "Support"), 1))
+                ], 2)
+              ], 2)
+            ], 10, t0)) : n("", !0)
           ], 2),
           e("p", {
-            class: w([[s.value ? "hidden" : "w-full"], "text-[7px] pl-2 text-[#979CA9] flex justify-between font-extralight"])
+            class: d([[s.value ? "hidden" : "w-full"], "text-[7px] pl-2 text-[#979CA9] flex justify-between font-extralight pt-1"])
           }, [
-            v[4] || (v[4] = e("span", null, "Powered by OneB", -1)),
-            e("span", null, p((M1 = o.app) == null ? void 0 : M1.version), 1)
+            C[4] || (C[4] = e("span", null, [
+              X("Powered by "),
+              e("span", { class: "text-blue-700" }, "OneB")
+            ], -1)),
+            e("span", null, i((O1 = o.app) == null ? void 0 : O1.version), 1)
           ], 2)
         ], 512), [
           [r1, z.value]
@@ -614,131 +633,131 @@ const P1 = /* @__PURE__ */ p1(Le, [["render", ke]]), j1 = (h) => {
     };
   }
 });
-const n9 = /* @__PURE__ */ p1(o9, [["__scopeId", "data-v-b1d7b3ae"]]), a9 = { class: "h-screen h-dvh relative" }, r9 = {
+const n0 = /* @__PURE__ */ p1(o0, [["__scopeId", "data-v-e385b1fd"]]), a0 = { class: "h-screen h-dvh relative" }, r0 = {
   class: "header h-[56px] flex items-center flex-nowrap fixed top-0 left-0 w-full z-50",
   style: { background: "rgba(245, 247, 251, 0.80)", "backdrop-filter": "blur(5px)" }
-}, i9 = { class: "p-2 flex-shrink-0" }, p9 = { class: "w-10 h-10 flex items-center flex-shrink-0" }, d9 = ["src"], u9 = { class: "whitespace-nowrap font-semibold text-xl" }, c9 = { class: "text-xs whitespace-nowrap" }, h9 = { class: "w-full" }, f9 = { class: "w-full flex justify-end pr-3" }, m9 = { class: "flex items-center space-x-1" }, v9 = {
+}, i0 = { class: "p-2 flex-shrink-0" }, p0 = { class: "w-10 h-10 flex items-center flex-shrink-0" }, u0 = ["src"], d0 = { class: "whitespace-nowrap font-semibold text-xl" }, c0 = { class: "text-xs whitespace-nowrap" }, h0 = { class: "w-full" }, f0 = { class: "w-full flex justify-end pr-3" }, m0 = { class: "flex items-center space-x-1" }, v0 = {
   key: 0,
   class: "module-border-wrap flex justify-center items-center"
-}, C9 = { class: "h-4 w-4" }, w9 = { class: "ml-2 hidden sm:flex" }, x9 = { class: "flex h-full" }, b9 = { key: 0 }, y9 = {
+}, C0 = { class: "h-4 w-4" }, w0 = { class: "ml-2 hidden sm:flex" }, x0 = { class: "flex h-full" }, b0 = { key: 0 }, y0 = {
   key: 0,
   class: "sm:w-[560px] w-full relative h-full"
-}, g9 = { class: "h-full relative" }, L9 = { class: "flex items-center p-3 space-x-1.5" }, _9 = {
+}, g0 = { class: "h-full relative" }, L0 = { class: "flex items-center p-3 space-x-1.5" }, _0 = {
   class: "overflow-auto",
   style: { height: "calc(100% - 62px)" }
-}, k9 = {
+}, k0 = {
   key: 0,
   class: "p-5"
-}, $9 = { key: 1 }, S9 = { class: "p-4 text-gray text-center" }, B9 = { key: 2 }, M9 = {
+}, $0 = { key: 1 }, S0 = { class: "p-4 text-gray text-center" }, B0 = { key: 2 }, M0 = {
   class: "p-3 space-y-1.5 rounded-lg",
   style: { "box-shadow": "0 0 6px #eaeaea" }
-}, V9 = { key: 0 }, O9 = {
+}, V0 = { key: 0 }, O0 = {
   key: 0,
   class: "text-xs px-2 py-1 rounded-md bg-green-600 text-white"
-}, T9 = {
+}, T0 = {
   key: 1,
   class: "text-xs px-2 py-1 rounded-md bg-yellow-600 text-white"
-}, j9 = {
+}, j0 = {
   key: 2,
   class: "text-xs px-2 py-1 rounded-md bg-blue-600 text-white"
-}, z9 = {
+}, z0 = {
   key: 3,
   class: "text-xs px-2 py-1 rounded-md bg-gray-600 text-white"
-}, H9 = { class: "text-lg font-medium" }, I9 = { class: "text-sm text-gray-600" }, E9 = { key: 0 }, A9 = ["src"], P9 = { class: "text-sm whitespace-pre-wrap break-words" }, F9 = { key: 1 }, N9 = ["href"], W9 = { class: "text-sm flex items-center justify-between mt-1" }, q9 = { class: "text-gray-800" }, R9 = ["href"], U9 = /* @__PURE__ */ i1({
+}, H0 = { class: "text-lg font-medium" }, I0 = { class: "text-sm text-gray-600" }, E0 = { key: 0 }, A0 = ["src"], P0 = { class: "text-sm whitespace-pre-wrap break-words" }, F0 = { key: 1 }, N0 = ["href"], W0 = { class: "text-sm flex items-center justify-between mt-1" }, q0 = { class: "text-gray-800" }, R0 = ["href"], U0 = /* @__PURE__ */ i1({
   __name: "OneMainLayout",
-  props: X1,
+  props: ee,
   emits: ["load-news", "load-tariff", "open-tariff"],
-  setup(h, { emit: f }) {
-    const a = f, d = h;
+  setup(f, { emit: m }) {
+    const a = m, u = f;
     let b = window.localStorage.getItem("sidebar-slim");
     window.document.body.offsetWidth < 1024 && (window.localStorage.getItem("sidebar-slim") == null && window.localStorage.setItem("sidebar-slim", "1"), b = "1");
     const x = _(b === "1");
-    _(!0), e1(x, (s) => {
+    _(!0), t1(x, (s) => {
       window.localStorage.setItem("sidebar-slim", String(s ? 1 : 0));
     });
-    const c = _(!1), y = () => {
-      c.value = !c.value, c.value && a("load-news");
-    }, T = $(() => d.showHeadre);
-    e1(
-      () => d.showHeadre,
+    const h = _(!1), y = () => {
+      h.value = !h.value, h.value && a("load-news");
+    }, T = $(() => u.showHeadre);
+    t1(
+      () => u.showHeadre,
       // Передаємо доступ до props
       () => {
-        T.value = d.showHeadre;
+        T.value = u.showHeadre;
       }
     );
     const S = _(window.innerWidth), r = () => {
       S.value = window.innerWidth;
     }, k = $(() => S.value <= 768);
-    H1(() => {
+    E1(() => {
       window.addEventListener("resize", r);
-    }), q1(() => {
+    }), U1(() => {
       window.removeEventListener("resize", r);
     });
     const B = (s) => {
-      var u;
-      (u = d.handlers) == null || u.onSetLang(s);
+      var c;
+      (c = u.handlers) == null || c.onSetLang(s);
     };
-    return (s, u) => {
-      var z, D, G, M, V, J, K, Q, H, I, E, o, v, A, P, F, N, W, q;
-      const Z = z1("RouterLink");
-      return t(), l("div", a9, [
-        a1(e("div", r9, [
-          e("div", i9, [
+    return (s, c) => {
+      var z, D, G, M, V, J, K, Q, H, I, E, o, C, A, P, F, N, W, q;
+      const Z = I1("RouterLink");
+      return t(), l("div", a0, [
+        a1(e("div", r0, [
+          e("div", i0, [
             e("button", {
-              onClick: u[0] || (u[0] = (i) => x.value = !x.value),
+              onClick: c[0] || (c[0] = (p) => x.value = !x.value),
               class: "w-[44px] h-[44px] p-[8px] flex items-center justify-center rounded hover:bg-secondary-10 hover:text-blue-600"
             }, [
-              j(g(Y1), { class: "w-[24px] h-[24px]" })
+              j(g(te), { class: "w-[24px] h-[24px]" })
             ])
           ]),
-          e("div", p9, [
+          e("div", p0, [
             s.logoSrc != null ? (t(), l("img", {
               key: 0,
               src: s.logoSrc,
               class: "w-8 h-8 mx-auto",
               alt: "logo"
-            }, null, 8, d9)) : n("", !0)
+            }, null, 8, u0)) : n("", !0)
           ]),
-          s.app != null ? (t(), m(Z, {
+          s.app != null ? (t(), v(Z, {
             key: 0,
             to: "/",
             class: "pl-2 max-w-xs"
           }, {
             default: n1(() => {
-              var i, O;
+              var p, O;
               return [
-                e("div", u9, p(s.app.name), 1),
-                e("div", c9, p((O = (i = s.app) == null ? void 0 : i.workspace) == null ? void 0 : O.name), 1)
+                e("div", d0, i(s.app.name), 1),
+                e("div", c0, i((O = (p = s.app) == null ? void 0 : p.workspace) == null ? void 0 : O.name), 1)
               ];
             }),
             _: 1
           })) : n("", !0),
-          e("div", h9, [
-            e("div", f9, [
-              e("div", m9, [
-                T1(s.$slots, "before-header-menu", {}, void 0, !0),
-                s.improveTariff && ((z = s.improveTariff) != null && z.label) && s.improveTariff.label ? (t(), l("div", v9, [
+          e("div", h0, [
+            e("div", f0, [
+              e("div", m0, [
+                z1(s.$slots, "before-header-menu", {}, void 0, !0),
+                s.improveTariff && ((z = s.improveTariff) != null && z.label) && s.improveTariff.label ? (t(), l("div", v0, [
                   e("button", {
                     type: "button",
                     class: "cursor-pointer flex items-center h-full bg-[#FFF8E4] hover:bg-[#f2e3b8] rounded-full px-2 py-1 font-medium",
-                    onClick: u[1] || (u[1] = //@ts-ignore
-                    (...i) => {
+                    onClick: c[1] || (c[1] = //@ts-ignore
+                    (...p) => {
                       var O, R;
-                      return ((O = s.handlers) == null ? void 0 : O.onImproveTariff) && ((R = s.handlers) == null ? void 0 : R.onImproveTariff(...i));
+                      return ((O = s.handlers) == null ? void 0 : O.onImproveTariff) && ((R = s.handlers) == null ? void 0 : R.onImproveTariff(...p));
                     }),
                     style: { "font-size": "10px" }
                   }, [
-                    e("div", C9, [
-                      (t(), m(L((D = s.improveTariff) == null ? void 0 : D.icon), { class: "h-4 w-4 mx-auto" }))
+                    e("div", C0, [
+                      (t(), v(L((D = s.improveTariff) == null ? void 0 : D.icon), { class: "h-4 w-4 mx-auto" }))
                     ]),
-                    e("span", w9, p((G = s.improveTariff) == null ? void 0 : G.label), 1)
+                    e("span", w0, i((G = s.improveTariff) == null ? void 0 : G.label), 1)
                   ])
                 ])) : n("", !0),
-                s.help ? (t(), m(Z1, {
+                s.help ? (t(), v(G1, {
                   key: 1,
                   help: s.help
                 }, null, 8, ["help"])) : n("", !0),
-                ((M = s.handlers) == null ? void 0 : M.onBrowse) != null ? (t(), m(D1, {
+                ((M = s.handlers) == null ? void 0 : M.onBrowse) != null ? (t(), v(J1, {
                   key: 2,
                   workspace: (V = s.app) == null ? void 0 : V.workspace,
                   apps: ((J = s.app) == null ? void 0 : J.apps) || [],
@@ -748,12 +767,12 @@ const n9 = /* @__PURE__ */ p1(o9, [["__scopeId", "data-v-b1d7b3ae"]]), a9 = { cl
                   "on-change": (I = s.handlers) == null ? void 0 : I.onChange,
                   onOpen: (E = s.handlers) == null ? void 0 : E.onBrowse
                 }, null, 8, ["workspace", "apps", "change-label", "apps-title", "on-app", "on-change", "onOpen"])) : n("", !0),
-                j(G1, {
+                j(K1, {
                   user: s.user,
                   menu: s.menu,
                   app: s.app,
                   "account-label": ((o = s.labels) == null ? void 0 : o.account) || "Account",
-                  "logout-label": ((v = s.labels) == null ? void 0 : v.logout) || "Logout",
+                  "logout-label": ((C = s.labels) == null ? void 0 : C.logout) || "Logout",
                   "version-label": ((A = s.labels) == null ? void 0 : A.version) || "",
                   "on-account": (P = s.handlers) == null ? void 0 : P.onAccount,
                   "on-logout": (F = s.handlers) == null ? void 0 : F.onLogout
@@ -764,8 +783,8 @@ const n9 = /* @__PURE__ */ p1(o9, [["__scopeId", "data-v-b1d7b3ae"]]), a9 = { cl
         ], 512), [
           [r1, T.value]
         ]),
-        e("div", x9, [
-          !k.value || !x.value ? (t(), m(n9, {
+        e("div", x0, [
+          !k.value || !x.value ? (t(), v(n0, {
             key: 0,
             app: s.app,
             items: s.sidebarItems,
@@ -773,84 +792,84 @@ const n9 = /* @__PURE__ */ p1(o9, [["__scopeId", "data-v-b1d7b3ae"]]), a9 = { cl
             news: s.news,
             isMobile: k.value,
             modelValue: x.value,
-            "onUpdate:modelValue": u[2] || (u[2] = (i) => x.value = i),
+            "onUpdate:modelValue": c[2] || (c[2] = (p) => x.value = p),
             onShowNews: y,
             onSelectLanguage: B,
-            onUpdateCollapsed: u[3] || (u[3] = (i) => x.value = !x.value)
+            onUpdateCollapsed: c[3] || (c[3] = (p) => x.value = !x.value)
           }, null, 8, ["app", "items", "with-news", "news", "isMobile", "modelValue"])) : n("", !0),
           e("div", {
-            class: w([[x.value ? "sm:ml-[60px]" : "sm:ml-[260px] hidden sm:block"], "body scroll-body w-full overflow-y-auto"])
+            class: d([[x.value ? "sm:ml-[60px]" : "sm:ml-[260px] hidden sm:block"], "body scroll-body w-full overflow-y-auto"])
           }, [
             e("div", {
-              class: w(["content transition-all", { "pt-[56px]": T.value }])
+              class: d(["content transition-all", { "pt-[56px]": T.value }])
             }, [
-              T1(s.$slots, "default", {}, void 0, !0)
+              z1(s.$slots, "default", {}, void 0, !0)
             ], 2)
           ], 2)
         ]),
-        s.news ? (t(), l("div", b9, [
-          c.value ? (t(), l("div", {
+        s.news ? (t(), l("div", b0, [
+          h.value ? (t(), l("div", {
             key: 0,
             class: "fixed top-0 left-0 h-screen h-dvh w-screen bg-gray-100 bg-opacity-40 z-50",
-            onClick: u[4] || (u[4] = X((i) => c.value = !1, ["self"]))
+            onClick: c[4] || (c[4] = Y((p) => h.value = !1, ["self"]))
           })) : n("", !0),
           e("div", {
-            class: w(["opacity-100 shadow-lg transition-all fixed top-0 left-0 h-dvh overflow-hidden z-50 bg-white", [c.value ? "sm:w-[560px] w-full" : "w-0"]])
+            class: d(["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"]])
           }, [
-            c.value ? (t(), l("div", y9, [
-              e("div", g9, [
-                e("div", L9, [
-                  j(P1, { class: "w-10 h-10" }),
-                  u[6] || (u[6] = e("div", { class: "w-full font-medium" }, "OneB News", -1)),
+            h.value ? (t(), l("div", y0, [
+              e("div", g0, [
+                e("div", L0, [
+                  j(N1, { class: "w-10 h-10" }),
+                  c[6] || (c[6] = e("div", { class: "w-full font-medium" }, "OneB News", -1)),
                   e("div", null, [
-                    j(E1, {
+                    j(P1, {
                       variant: "touch",
-                      icon: g(K1),
-                      onClick: u[5] || (u[5] = (i) => c.value = !1)
+                      icon: g(X1),
+                      onClick: c[5] || (c[5] = (p) => h.value = !1)
                     }, null, 8, ["icon"])
                   ])
                 ]),
-                e("div", _9, [
-                  s.news.isLoading && ((N = s.news.items) == null ? void 0 : N.length) === 0 ? (t(), l("div", k9, [
-                    j(J1, { class: "w-6 h-6 text-gray-600 mx-auto" })
-                  ])) : ((W = s.news.items) == null ? void 0 : W.length) === 0 ? (t(), l("div", $9, [
-                    e("div", S9, p(s.news.emptyText), 1)
-                  ])) : ((q = s.news.items) == null ? void 0 : q.length) > 0 ? (t(), l("div", B9, [
-                    (t(!0), l(U, null, Y(s.news.items, (i) => (t(), l("div", {
-                      key: i.id,
+                e("div", _0, [
+                  s.news.isLoading && ((N = s.news.items) == null ? void 0 : N.length) === 0 ? (t(), l("div", k0, [
+                    j(Q1, { class: "w-6 h-6 text-gray-600 mx-auto" })
+                  ])) : ((W = s.news.items) == null ? void 0 : W.length) === 0 ? (t(), l("div", $0, [
+                    e("div", S0, i(s.news.emptyText), 1)
+                  ])) : ((q = s.news.items) == null ? void 0 : q.length) > 0 ? (t(), l("div", B0, [
+                    (t(!0), l(U, null, e1(s.news.items, (p) => (t(), l("div", {
+                      key: p.id,
                       class: "p-3"
                     }, [
-                      e("div", M9, [
+                      e("div", M0, [
                         e("div", null, [
-                          i.type ? (t(), l("div", V9, [
-                            i.type === 10 ? (t(), l("span", O9, "update")) : i.type === 11 ? (t(), l("span", T9, "warning")) : i.type === 12 ? (t(), l("span", j9, "notice")) : i.type === 13 ? (t(), l("span", z9, "ads")) : n("", !0)
+                          p.type ? (t(), l("div", V0, [
+                            p.type === 10 ? (t(), l("span", O0, "update")) : p.type === 11 ? (t(), l("span", T0, "warning")) : p.type === 12 ? (t(), l("span", j0, "notice")) : p.type === 13 ? (t(), l("span", z0, "ads")) : n("", !0)
                           ])) : n("", !0),
-                          e("div", H9, p(i.title), 1),
-                          e("div", I9, p(i.summary), 1)
+                          e("div", H0, i(p.title), 1),
+                          e("div", I0, i(p.summary), 1)
                         ]),
-                        i.image_url ? (t(), l("div", E9, [
+                        p.image_url ? (t(), l("div", E0, [
                           e("img", {
-                            src: i.image_url,
+                            src: p.image_url,
                             alt: "",
                             class: "w-full rounded-md"
-                          }, null, 8, A9)
+                          }, null, 8, A0)
                         ])) : n("", !0),
-                        e("div", P9, p(i.body), 1),
-                        i.video_url ? (t(), l("div", F9, [
+                        e("div", P0, i(p.body), 1),
+                        p.video_url ? (t(), l("div", F0, [
                           e("a", {
-                            href: i.video_url,
+                            href: p.video_url,
                             target: "_blank",
                             class: "text-blue-600 hover:text-blue-700 px-3 py-2 border rounded-md w-full block"
-                          }, p(s.news.openVideoText), 9, N9)
+                          }, i(s.news.openVideoText), 9, N0)
                         ])) : n("", !0),
-                        e("div", W9, [
-                          e("span", q9, p(i.published), 1),
-                          i.post_url ? (t(), l("a", {
+                        e("div", W0, [
+                          e("span", q0, i(p.published), 1),
+                          p.post_url ? (t(), l("a", {
                             key: 0,
-                            href: i.post_url,
+                            href: p.post_url,
                             target: "_blank",
                             class: "text-blue-600 hover:text-blue-700 block"
-                          }, p(s.news.moreText), 9, R9)) : n("", !0)
+                          }, i(s.news.moreText), 9, R0)) : n("", !0)
                         ])
                       ])
                     ]))), 128))
@@ -864,8 +883,8 @@ const n9 = /* @__PURE__ */ p1(o9, [["__scopeId", "data-v-b1d7b3ae"]]), a9 = { cl
     };
   }
 });
-const Y9 = /* @__PURE__ */ p1(U9, [["__scopeId", "data-v-d9fab1d4"]]);
+const Y0 = /* @__PURE__ */ p1(U0, [["__scopeId", "data-v-d9fab1d4"]]);
 export {
-  Y9 as OneMainLayout,
-  n9 as OneSidebar
+  Y0 as OneMainLayout,
+  n0 as OneSidebar
 };