@oneb/ui-vue 0.4.2 → 0.4.5

package/dist/layout/index.js

@@ -1,5 +1,5 @@
-import { openBlock as e, createElementBlock as s, createElementVNode as t, defineComponent as K, computed as S, ref as V, resolveComponent as Ce, resolveDirective as ht, Fragment as W, toDisplayString as d, createCommentVNode as o, createBlock as h, withCtx as I, resolveDynamicComponent as _, mergeProps as mt, renderList as U, withDirectives as pe, normalizeClass as y, unref as O, withModifiers as he, watch as Me, shallowRef as ft, watchEffect as vt, normalizeStyle as tt, vShow as ge, createVNode as B, createTextVNode as ce, onMounted as xe, onUnmounted as Oe, renderSlot as P } from "vue";
-import { _ as st, e as yt, f as wt, c as lt, O as ot, b as at } from "../OneHelpMenu-2a2051d7.js";
+import { openBlock as e, createElementBlock as s, createElementVNode as t, defineComponent as K, computed as S, ref as V, resolveComponent as Ce, resolveDirective as ht, Fragment as W, toDisplayString as d, createCommentVNode as o, createBlock as h, withCtx as I, resolveDynamicComponent as _, mergeProps as ft, renderList as U, withDirectives as pe, normalizeClass as y, unref as O, withModifiers as he, watch as Me, shallowRef as mt, watchEffect as vt, normalizeStyle as tt, vShow as ge, createVNode as B, createTextVNode as ce, onMounted as xe, onUnmounted as Oe, renderSlot as P } from "vue";
+import { _ as st, e as yt, f as wt, c as lt, O as ot, b as at } from "../OneHelpMenu-485d8bff.js";
 import { r as Be } from "../ChevronUpIcon-c43f27a9.js";
 import { r as be } from "../ChevronDownIcon-6805ce6c.js";
 import { _ as $e } from "../_plugin-vue_export-helper-dad06003.js";
@@ -18,7 +18,7 @@ import "../dropdown-c81fb945.js";
 import "@floating-ui/dom";
 import "@floating-ui/vue";
 import "vue-markdown-render";
-function je(u, f) {
+function je(u, m) {
   return e(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -239,8 +239,8 @@ const ut = {
   __name: "OneSidebarLink",
   props: kt,
   emits: ["update-collapsed"],
-  setup(u, { emit: f }) {
-    const c = u, p = f, g = (l) => l.route ? l.route : l.routeName ? { name: l.routeName } : null, m = S(() => g(c)), C = S(() => Array.isArray(c.subItems) && c.subItems.length > 0), T = S(() => C.value && c.subItems.some((l) => l.href)), L = S(() => c.href ? "a" : m.value ? "router-link" : "span"), A = S(() => c.href ? { href: c.href, title: C.value ? null : c.label } : m.value ? { to: m.value, title: C.value ? null : c.label } : { title: C.value ? null : c.label }), z = S(() => [
+  setup(u, { emit: m }) {
+    const c = u, p = m, g = (l) => l.route ? l.route : l.routeName ? { name: l.routeName } : null, f = S(() => g(c)), C = S(() => Array.isArray(c.subItems) && c.subItems.length > 0), T = S(() => C.value && c.subItems.some((l) => l.href)), L = S(() => c.href ? "a" : f.value ? "router-link" : "span"), A = S(() => c.href ? { href: c.href, title: C.value ? null : c.label } : f.value ? { to: f.value, title: C.value ? null : c.label } : { title: C.value ? null : c.label }), z = S(() => [
       "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",
       c.active ? "bg-primary-10 !text-primary-base" : ""
     ]), M = V(c.open), D = (l, j = c) => {
@@ -265,7 +265,7 @@ const ut = {
           offset: 12
         }, {
           button: I(() => [
-            (e(), h(_(L.value), mt(A.value, {
+            (e(), h(_(L.value), ft(A.value, {
               class: z.value,
               onClick: E
             }), {
@@ -343,9 +343,9 @@ const ut = {
           ], 10, zt)), [
             [b, l.slim && !C.value ? l.label : "", "right"]
           ]) : o("", !0),
-          !l.href && m.value ? pe((e(), h(i, {
+          !l.href && f.value ? pe((e(), h(i, {
             key: 1,
-            to: m.value,
+            to: f.value,
             exact: l.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": l.island,
@@ -379,7 +379,7 @@ const ut = {
           }, 8, ["to", "exact", "active-class", "class"])), [
             [b, l.slim && !C.value ? l.label : "", "right"]
           ]) : o("", !0),
-          !l.href && !m.value ? pe((e(), s("span", {
+          !l.href && !f.value ? pe((e(), s("span", {
             key: 2,
             onClick: he(E, ["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]", [
@@ -455,8 +455,8 @@ const ut = {
   viewBox: "0 0 24 24",
   fill: "none"
 };
-function ss(u, f) {
-  return e(), s("svg", ts, [...f[0] || (f[0] = [
+function ss(u, m) {
+  return e(), s("svg", ts, [...m[0] || (m[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"
@@ -474,7 +474,7 @@ function ss(u, f) {
   ])]);
 }
 const ke = /* @__PURE__ */ $e(es, [["render", ss]]);
-function ls(u, f) {
+function ls(u, m) {
   return e(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -510,7 +510,7 @@ const os = {
 }, cs = { class: "truncate" }, hs = {
   key: 1,
   class: "mt-auto pb-2 flex justify-center shrink-0"
-}, ms = ["href"], fs = { class: "rounded-lg bg-[#FFF8E4] py-2 flex items-center space-x-1 px-2" }, vs = { class: "" }, ys = {
+}, fs = ["href"], ms = { class: "rounded-lg bg-[#FFF8E4] py-2 flex items-center space-x-1 px-2" }, vs = { class: "" }, ys = {
   class: "",
   style: { "font-size": "10px" }
 }, ws = {
@@ -552,9 +552,9 @@ const os = {
     "toggle-menu",
     "update:modelValue"
   ],
-  setup(u, { emit: f }) {
+  setup(u, { emit: m }) {
     var X, Y, ee;
-    const c = f, p = u, g = Le(), m = S(() => p.t ?? g), C = S(() => {
+    const c = m, p = u, g = Le(), f = S(() => p.t ?? g), C = S(() => {
       var n;
       return ((n = p.news) == null ? void 0 : n.unseenCount) || 0;
     }), T = () => {
@@ -563,7 +563,7 @@ const os = {
     Me(p, () => {
       p.modelValue ? A.value = !0 : A.value = !1;
     }), p.modelValue && (A.value = !0);
-    const z = ft(), M = S(() => {
+    const z = mt(), M = S(() => {
       const n = [];
       if (p.slim || n.push("fixed"), !E.value)
         if (!p.isMobile)
@@ -594,7 +594,7 @@ const os = {
       (k = (n = p.app) == null ? void 0 : n.selectedPlan) != null && k.url && (window.location.href = p.app.selectedPlan.url);
     };
     return (n, k) => {
-      var te, se, le, v, R, oe, me, fe, ve, ye, we, w, N, q, ae, ne, F, de, G, re, Te, ze, Fe, Ve, He, We, Pe, Ae, Ee, Ne, Ge, Ie, Re, qe, Ue, Ze, De, Je, Ke, Qe, Xe;
+      var te, se, le, v, R, oe, fe, me, ve, ye, we, w, N, q, ae, ne, F, de, G, re, Te, ze, Fe, Ve, He, We, Pe, Ae, Ee, Ne, Ge, Ie, Re, qe, Ue, Ze, De, Je, Ke, Qe, Xe;
       return e(), s("aside", {
         ref_key: "rootElement",
         ref: z,
@@ -629,7 +629,7 @@ const os = {
             t("div", ds, [
               t("p", us, d(n.app.name), 1),
               (le = (se = n.app) == null ? void 0 : se.selectedPlan) != null && le.name ? (e(), s("div", ps, [
-                t("span", cs, d(m.value("ui.layout.plan")) + " " + d(n.app.selectedPlan.name), 1)
+                t("span", cs, d(f.value("ui.layout.plan")) + " " + d(n.app.selectedPlan.name), 1)
               ])) : o("", !0)
             ])
           ])) : o("", !0),
@@ -692,18 +692,18 @@ const os = {
               target: "_blank",
               rel: "noopener noreferrer"
             }, [
-              t("div", fs, [
+              t("div", ms, [
                 t("div", vs, [
                   (e(), h(_((oe = n.app) == null ? void 0 : oe.offerPlan.icon), { class: "w-[16px] h-[16px]" }))
                 ]),
                 t("p", ys, [
-                  t("strong", null, d((me = n.app) == null ? void 0 : me.offerPlan.title), 1),
-                  ce(" «" + d((fe = n.app) == null ? void 0 : fe.offerPlan.name) + "» ", 1),
+                  t("strong", null, d((fe = n.app) == null ? void 0 : fe.offerPlan.title), 1),
+                  ce(" «" + d((me = n.app) == null ? void 0 : me.offerPlan.name) + "» ", 1),
                   k[5] || (k[5] = t("br", null, null, -1)),
                   ce(d((ve = n.app) == null ? void 0 : ve.offerPlan.title1), 1)
                 ])
               ])
-            ], 8, ms)) : o("", !0),
+            ], 8, fs)) : o("", !0),
             (ye = n.app) != null && ye.selectedPlan && ((we = n.app) != null && we.selectedPlan.name) ? (e(), s("div", ws, [
               t("div", bs, [
                 t("div", null, [
@@ -731,7 +731,7 @@ const os = {
             }, [
               t("div", Cs, [
                 t("div", $s, [
-                  t("span", _s, d(((F = n.app) == null ? void 0 : F.terms.label) || m.value("ui.layout.terms")), 1)
+                  t("span", _s, d(((F = n.app) == null ? void 0 : F.terms.label) || f.value("ui.layout.terms")), 1)
                 ])
               ])
             ], 8, ks)) : o("", !0),
@@ -743,7 +743,7 @@ const os = {
             }, [
               t("div", Ss, [
                 t("div", Bs, [
-                  t("span", Os, d(((re = n.app) == null ? void 0 : re.offer.label) || m.value("ui.layout.offer")), 1)
+                  t("span", Os, d(((re = n.app) == null ? void 0 : re.offer.label) || f.value("ui.layout.offer")), 1)
                 ])
               ])
             ], 8, Ls)) : o("", !0),
@@ -784,7 +784,7 @@ const os = {
               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", [l.value ? "w-[44px] h-[44px] text-center" : "h-[36x] pr-2"]]),
               onClick: T
             }, [
-              n.news.menuLabel ? (e(), s("div", Vs, d(n.news.menuLabel || m.value("ui.layout.news")), 1)) : o("", !0),
+              n.news.menuLabel ? (e(), s("div", Vs, d(n.news.menuLabel || f.value("ui.layout.news")), 1)) : o("", !0),
               t("div", {
                 class: y(["w-full", [l.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
               }, [
@@ -794,7 +794,7 @@ const os = {
                   t("div", null, [
                     (e(), h(_(ke), { class: "w-[24px] h-[24px] mx-auto" }))
                   ]),
-                  l.value ? o("", !0) : (e(), s("div", Hs, d(n.news.menuLabel || m.value("ui.layout.news")), 1)),
+                  l.value ? o("", !0) : (e(), s("div", Hs, d(n.news.menuLabel || f.value("ui.layout.news")), 1)),
                   C.value > 0 ? (e(), s("span", Ws)) : o("", !0),
                   C.value > 0 ? (e(), s("span", Ps)) : o("", !0)
                 ], 2)
@@ -805,7 +805,7 @@ const os = {
               href: (Re = (Ie = n.app) == null ? void 0 : Ie.support) == null ? void 0 : Re.url,
               class: y(["text-[#525B66] flex items-center rounded-lg text-sm tooltip hover:bg-primary-10-hover hover:text-primary-base transition-all", [l.value ? "w-[44px] h-[44px] text-center" : "h-[36x]"]])
             }, [
-              (Ue = (qe = n.app) == null ? void 0 : qe.support) != null && Ue.label ? (e(), s("div", Es, d(((De = (Ze = n.app) == null ? void 0 : Ze.support) == null ? void 0 : De.label) || m.value("ui.layout.support")), 1)) : o("", !0),
+              (Ue = (qe = n.app) == null ? void 0 : qe.support) != null && Ue.label ? (e(), s("div", Es, d(((De = (Ze = n.app) == null ? void 0 : Ze.support) == null ? void 0 : De.label) || f.value("ui.layout.support")), 1)) : o("", !0),
               t("div", {
                 class: y(["w-full", [l.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
               }, [
@@ -815,14 +815,14 @@ const os = {
                   t("div", null, [
                     (e(), h(_(O(wt)), { class: "w-[20px] h-[20px] mx-auto" }))
                   ]),
-                  l.value ? o("", !0) : (e(), s("div", Ns, d(((Ke = (Je = n.app) == null ? void 0 : Je.support) == null ? void 0 : Ke.label) || m.value("ui.layout.support")), 1))
+                  l.value ? o("", !0) : (e(), s("div", Ns, d(((Ke = (Je = n.app) == null ? void 0 : Je.support) == null ? void 0 : Ke.label) || f.value("ui.layout.support")), 1))
                 ], 2)
               ], 2)
             ], 10, As)) : o("", !0)
           ], 2),
           n.island && !l.value ? (e(), s("div", Gs, [
             t("span", null, [
-              ce(d(m.value("ui.layout.powered_by")) + " ", 1),
+              ce(d(f.value("ui.layout.powered_by")) + " ", 1),
               k[6] || (k[6] = t("span", { class: "capitalize" }, "OneB", -1))
             ]),
             (Qe = n.app) != null && Qe.version ? (e(), s("span", Is, "V." + d(n.app.version), 1)) : o("", !0)
@@ -832,7 +832,7 @@ const os = {
             class: y([[l.value ? "hidden" : "w-full"], "text-[7px] pl-2 text-[#979CA9] flex justify-between font-extralight pt-1"])
           }, [
             t("span", null, [
-              ce(d(m.value("ui.layout.powered_by")) + " ", 1),
+              ce(d(f.value("ui.layout.powered_by")) + " ", 1),
               k[7] || (k[7] = t("span", { class: "text-blue-700" }, "OneB", -1))
             ]),
             t("span", null, d((Xe = n.app) == null ? void 0 : Xe.version), 1)
@@ -859,7 +859,7 @@ const ct = /* @__PURE__ */ $e(Rs, [["__scopeId", "data-v-28310709"]]), qs = { cl
 }, p1 = {
   key: 0,
   class: "p-5"
-}, c1 = { key: 1 }, h1 = { class: "p-4 text-gray text-center" }, m1 = { key: 2 }, f1 = {
+}, c1 = { key: 1 }, h1 = { class: "p-4 text-gray text-center" }, f1 = { key: 2 }, m1 = {
   class: "p-3 space-y-1.5 rounded-lg",
   style: { "box-shadow": "0 0 6px #eaeaea" }
 }, v1 = { key: 0 }, y1 = {
@@ -878,8 +878,8 @@ const ct = /* @__PURE__ */ $e(Rs, [["__scopeId", "data-v-28310709"]]), qs = { cl
   __name: "OneMainLayout",
   props: pt,
   emits: ["load-news", "load-tariff", "open-tariff"],
-  setup(u, { emit: f }) {
-    const c = f, p = u, g = Le(), m = S(() => p.t ?? g);
+  setup(u, { emit: m }) {
+    const c = m, p = u, g = Le(), f = S(() => p.t ?? g);
     let C = window.localStorage.getItem("sidebar-slim");
     window.document.body.offsetWidth < 1024 && (window.localStorage.getItem("sidebar-slim") == null && window.localStorage.setItem("sidebar-slim", "1"), C = "1");
     const T = V(C === "1");
@@ -913,6 +913,7 @@ const ct = /* @__PURE__ */ $e(Rs, [["__scopeId", "data-v-28310709"]]), qs = { cl
         pe(t("div", Us, [
           t("div", Zs, [
             t("button", {
+              type: "button",
               onClick: b[0] || (b[0] = (v) => T.value = !T.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"
             }, [
@@ -967,13 +968,13 @@ const ct = /* @__PURE__ */ $e(Rs, [["__scopeId", "data-v-28310709"]]), qs = { cl
                   key: 1,
                   help: i.help,
                   "help-slug": i.helpSlug,
-                  t: m.value
+                  t: f.value
                 }, null, 8, ["help", "help-slug", "t"])) : o("", !0),
                 ((H = i.handlers) == null ? void 0 : H.onBrowse) != null ? (e(), h(ot, {
                   key: 2,
                   workspace: (J = i.app) == null ? void 0 : J.workspace,
                   apps: ((ie = i.app) == null ? void 0 : ie.apps) || [],
-                  t: m.value,
+                  t: f.value,
                   "on-app": (X = i.handlers) == null ? void 0 : X.onApp,
                   "on-change": (Y = i.handlers) == null ? void 0 : Y.onChange,
                   onOpen: (ee = i.handlers) == null ? void 0 : ee.onBrowse
@@ -982,7 +983,7 @@ const ct = /* @__PURE__ */ $e(Rs, [["__scopeId", "data-v-28310709"]]), qs = { cl
                   user: i.user,
                   menu: i.menu,
                   app: i.app,
-                  t: m.value,
+                  t: f.value,
                   "on-account": (n = i.handlers) == null ? void 0 : n.onAccount,
                   "on-logout": (k = i.handlers) == null ? void 0 : k.onLogout
                 }, null, 8, ["user", "menu", "app", "t", "on-account", "on-logout"])
@@ -996,7 +997,7 @@ const ct = /* @__PURE__ */ $e(Rs, [["__scopeId", "data-v-28310709"]]), qs = { cl
           !Z.value || !T.value ? (e(), h(ct, {
             key: 0,
             app: i.app,
-            t: m.value,
+            t: f.value,
             items: i.sidebarItems,
             "with-news": i.news != null,
             news: i.news,
@@ -1033,7 +1034,7 @@ const ct = /* @__PURE__ */ $e(Rs, [["__scopeId", "data-v-28310709"]]), qs = { cl
               t("div", r1, [
                 t("div", i1, [
                   B(ke, { class: "w-10 h-10" }),
-                  t("div", d1, d(m.value("ui.layout.news")), 1),
+                  t("div", d1, d(f.value("ui.layout.news")), 1),
                   t("div", null, [
                     B(_e, {
                       variant: "touch",
@@ -1047,12 +1048,12 @@ const ct = /* @__PURE__ */ $e(Rs, [["__scopeId", "data-v-28310709"]]), qs = { cl
                     B(it, { class: "w-6 h-6 text-gray-600 mx-auto" })
                   ])) : ((se = i.news.items) == null ? void 0 : se.length) === 0 ? (e(), s("div", c1, [
                     t("div", h1, d(i.news.emptyText), 1)
-                  ])) : ((le = i.news.items) == null ? void 0 : le.length) > 0 ? (e(), s("div", m1, [
+                  ])) : ((le = i.news.items) == null ? void 0 : le.length) > 0 ? (e(), s("div", f1, [
                     (e(!0), s(W, null, U(i.news.items, (v) => (e(), s("div", {
                       key: v.id,
                       class: "p-3"
                     }, [
-                      t("div", f1, [
+                      t("div", m1, [
                         t("div", null, [
                           v.type ? (e(), s("div", v1, [
                             v.type === 10 ? (e(), s("span", y1, "update")) : v.type === 11 ? (e(), s("span", w1, "warning")) : v.type === 12 ? (e(), s("span", b1, "notice")) : v.type === 13 ? (e(), s("span", g1, "ads")) : o("", !0)
@@ -1100,7 +1101,7 @@ const ct = /* @__PURE__ */ $e(Rs, [["__scopeId", "data-v-28310709"]]), qs = { cl
     };
   }
 });
-const yo = /* @__PURE__ */ $e(j1, [["__scopeId", "data-v-e0173e75"]]), T1 = { class: "bg-secondary-body-island min-h-screen p-3" }, z1 = { class: "flex gap-3 items-stretch" }, F1 = { class: "flex-1 flex flex-col gap-3 min-w-0" }, V1 = { class: "bg-white rounded-10 h-14 flex items-center justify-between pl-3 pr-3 shrink-0" }, H1 = { class: "flex items-center min-w-0 gap-2" }, W1 = { class: "text-base text-black truncate" }, P1 = ["onClick"], A1 = { class: "text-base text-black truncate" }, E1 = { class: "w-[320px] py-2" }, N1 = ["onClick"], G1 = { class: "text-sm" }, I1 = {
+const yo = /* @__PURE__ */ $e(j1, [["__scopeId", "data-v-48e4d08d"]]), T1 = { class: "bg-secondary-body-island h-dvh overflow-hidden p-3" }, z1 = { class: "flex gap-3 items-stretch h-full" }, F1 = { class: "flex-1 flex flex-col gap-3 min-w-0" }, V1 = { class: "bg-white rounded-10 h-14 flex items-center justify-between pl-3 pr-3 shrink-0" }, H1 = { class: "flex items-center min-w-0 gap-2" }, W1 = { class: "text-base text-black truncate" }, P1 = ["onClick"], A1 = { class: "text-base text-black truncate" }, E1 = { class: "w-[320px] py-2" }, N1 = ["onClick"], G1 = { class: "text-sm" }, I1 = {
   key: 0,
   class: "border-t border-secondary-stroke my-1"
 }, R1 = {
@@ -1109,7 +1110,7 @@ const yo = /* @__PURE__ */ $e(j1, [["__scopeId", "data-v-e0173e75"]]), T1 = { cl
 }, q1 = ["onClick"], U1 = { class: "text-sm" }, Z1 = {
   key: 2,
   class: "border-t border-secondary-stroke mt-1 pt-1"
-}, D1 = ["onClick"], J1 = { class: "flex items-center gap-2 shrink-0" }, K1 = ["href"], Q1 = { class: "text-2xs font-semibold text-black leading-loose" }, X1 = { class: "flex-1 min-w-0" }, Y1 = { key: 0 }, el = {
+}, D1 = ["onClick"], J1 = { class: "flex items-center gap-2 shrink-0" }, K1 = ["href"], Q1 = { class: "text-2xs font-semibold text-black leading-loose" }, X1 = { class: "scroll-content flex-1 min-w-0 min-h-0 overflow-y-auto" }, Y1 = { key: 0 }, el = {
   key: 0,
   class: "sm:w-[560px] w-full relative h-full"
 }, tl = { class: "h-full relative" }, sl = { class: "flex items-center p-3 space-x-1.5" }, ll = { class: "w-full font-medium" }, ol = {
@@ -1130,15 +1131,15 @@ const yo = /* @__PURE__ */ $e(j1, [["__scopeId", "data-v-e0173e75"]]), T1 = { cl
 }, hl = {
   key: 2,
   class: "text-xs px-2 py-1 rounded-md bg-blue-600 text-white"
-}, ml = {
+}, fl = {
   key: 3,
   class: "text-xs px-2 py-1 rounded-md bg-gray-600 text-white"
-}, fl = { class: "text-lg font-medium" }, vl = { class: "text-sm text-gray-600" }, yl = { key: 0 }, wl = ["src"], bl = { class: "text-sm" }, gl = { key: 1 }, xl = ["href"], kl = { class: "text-sm flex items-center justify-between mt-1" }, Cl = { class: "text-gray-800" }, $l = ["href"], _l = /* @__PURE__ */ K({
+}, ml = { class: "text-lg font-medium" }, vl = { class: "text-sm text-gray-600" }, yl = { key: 0 }, wl = ["src"], bl = { class: "text-sm" }, gl = { key: 1 }, xl = ["href"], kl = { class: "text-sm flex items-center justify-between mt-1" }, Cl = { class: "text-gray-800" }, $l = ["href"], _l = /* @__PURE__ */ K({
   __name: "OneIslandLayout",
   props: pt,
   emits: ["load-news", "load-tariff", "open-tariff", "browse", "workspace-click", "manage-workspaces"],
-  setup(u, { emit: f }) {
-    const c = f, p = u, g = Le(), m = S(() => p.t ?? g), C = () => {
+  setup(u, { emit: m }) {
+    const c = m, p = u, g = Le(), f = S(() => p.t ?? g), C = () => {
       var a, r;
       c("browse"), (r = (a = p.handlers) == null ? void 0 : a.onBrowse) == null || r.call(a);
     }, T = () => {
@@ -1173,14 +1174,14 @@ const yo = /* @__PURE__ */ $e(j1, [["__scopeId", "data-v-e0173e75"]]), T1 = { cl
       (x = (r = p.handlers) == null ? void 0 : r.onSetLang) == null || x.call(r, a);
     };
     return (a, r) => {
-      var x, H, J, ie, X, Y, ee, n, k, te, se, le, v, R, oe, me, fe, ve, ye, we;
+      var x, H, J, ie, X, Y, ee, n, k, te, se, le, v, R, oe, fe, me, ve, ye, we;
       return e(), s("div", T1, [
         t("div", z1, [
           !b.value || !z.value ? (e(), h(ct, {
             key: 0,
             items: a.sidebarItems,
             island: !0,
-            t: m.value,
+            t: f.value,
             app: a.app,
             "logo-src": a.logoSrc,
             "with-news": a.news != null,
@@ -1268,7 +1269,7 @@ const yo = /* @__PURE__ */ $e(j1, [["__scopeId", "data-v-e0173e75"]]), T1 = { cl
                           t("span", G1, d(F.name), 1)
                         ], 8, N1))), 128)),
                         (N = a.workspaces) != null && N.length ? (e(), s("div", I1)) : o("", !0),
-                        (q = a.apps) != null && q.length ? (e(), s("div", R1, d(m.value("ui.layout.apps")), 1)) : o("", !0),
+                        (q = a.apps) != null && q.length ? (e(), s("div", R1, d(f.value("ui.layout.apps")), 1)) : o("", !0),
                         (e(!0), s(W, null, U(a.apps || [], (F) => (e(), s("div", {
                           key: F.id,
                           class: "flex items-center gap-2 px-3 py-2 hover:bg-secondary-10 cursor-pointer",
@@ -1290,7 +1291,7 @@ const yo = /* @__PURE__ */ $e(j1, [["__scopeId", "data-v-e0173e75"]]), T1 = { cl
                             type: "button",
                             class: "w-full text-left text-xs text-secondary-content px-3 py-2 hover:bg-secondary-10",
                             onClick: (F) => (L(), w())
-                          }, d(m.value("ui.layout.change_workspace")), 9, D1)
+                          }, d(f.value("ui.layout.change_workspace")), 9, D1)
                         ])) : o("", !0)
                       ])
                     ];
@@ -1322,12 +1323,12 @@ const yo = /* @__PURE__ */ $e(j1, [["__scopeId", "data-v-e0173e75"]]), T1 = { cl
                   ref: Z,
                   help: a.help,
                   "help-slug": a.helpSlug,
-                  t: m.value
+                  t: f.value
                 }, null, 8, ["help", "help-slug", "t"])) : o("", !0),
                 B(ot, {
                   workspace: a.workspace || ((le = a.app) == null ? void 0 : le.workspace),
                   apps: a.apps || ((v = a.app) == null ? void 0 : v.apps) || [],
-                  t: m.value,
+                  t: f.value,
                   "on-app": (R = a.handlers) == null ? void 0 : R.onApp,
                   "on-change": (oe = a.handlers) == null ? void 0 : oe.onChange,
                   onOpen: C
@@ -1336,9 +1337,9 @@ const yo = /* @__PURE__ */ $e(j1, [["__scopeId", "data-v-e0173e75"]]), T1 = { cl
                   user: a.user,
                   menu: a.menu,
                   app: a.app,
-                  t: m.value,
-                  "on-account": (me = a.handlers) == null ? void 0 : me.onAccount,
-                  "on-logout": (fe = a.handlers) == null ? void 0 : fe.onLogout
+                  t: f.value,
+                  "on-account": (fe = a.handlers) == null ? void 0 : fe.onAccount,
+                  "on-logout": (me = a.handlers) == null ? void 0 : me.onLogout
                 }, null, 8, ["user", "menu", "app", "t", "on-account", "on-logout"])
               ])
             ], 512), [
@@ -1362,7 +1363,7 @@ const yo = /* @__PURE__ */ $e(j1, [["__scopeId", "data-v-e0173e75"]]), T1 = { cl
               t("div", tl, [
                 t("div", sl, [
                   B(ke, { class: "w-10 h-10" }),
-                  t("div", ll, d(m.value("ui.layout.news")), 1),
+                  t("div", ll, d(f.value("ui.layout.news")), 1),
                   t("div", null, [
                     B(_e, {
                       variant: "touch",
@@ -1384,9 +1385,9 @@ const yo = /* @__PURE__ */ $e(j1, [["__scopeId", "data-v-e0173e75"]]), T1 = { cl
                       t("div", dl, [
                         t("div", null, [
                           w.type ? (e(), s("div", ul, [
-                            w.type === 10 ? (e(), s("span", pl, "update")) : w.type === 11 ? (e(), s("span", cl, "warning")) : w.type === 12 ? (e(), s("span", hl, "notice")) : w.type === 13 ? (e(), s("span", ml, "ads")) : o("", !0)
+                            w.type === 10 ? (e(), s("span", pl, "update")) : w.type === 11 ? (e(), s("span", cl, "warning")) : w.type === 12 ? (e(), s("span", hl, "notice")) : w.type === 13 ? (e(), s("span", fl, "ads")) : o("", !0)
                           ])) : o("", !0),
-                          t("div", fl, d(w.title), 1),
+                          t("div", ml, d(w.title), 1),
                           t("div", vl, d(w.summary), 1)
                         ]),
                         w.image_url ? (e(), s("div", yl, [
@@ -1429,13 +1430,13 @@ const yo = /* @__PURE__ */ $e(j1, [["__scopeId", "data-v-e0173e75"]]), T1 = { cl
     };
   }
 });
-const wo = /* @__PURE__ */ $e(_l, [["__scopeId", "data-v-b8001409"]]), Ll = { class: "not-prose relative bg-slate-50 rounded-xl overflow-hidden dark:bg-slate-800/25" }, Sl = { class: "relative rounded-xl overflow-auto p-8" }, Bl = { class: "grid lg:grid-cols-4 2xl:grid-cols-6 gap-4 font-mono text-white text-sm text-center font-bold leading-6 bg-stripes-fuchsia rounded-lg" }, bo = /* @__PURE__ */ K({
+const wo = /* @__PURE__ */ $e(_l, [["__scopeId", "data-v-4f6069fe"]]), Ll = { class: "not-prose relative bg-slate-50 rounded-xl overflow-hidden dark:bg-slate-800/25" }, Sl = { class: "relative rounded-xl overflow-auto p-8" }, Bl = { class: "grid lg:grid-cols-4 2xl:grid-cols-6 gap-4 font-mono text-white text-sm text-center font-bold leading-6 bg-stripes-fuchsia rounded-lg" }, bo = /* @__PURE__ */ K({
   __name: "OneGridLayout",
   props: Ct,
   setup(u) {
-    const f = u, c = S(() => Array.from({ length: f.count || 2 }, (p, g) => g + 1));
+    const m = u, c = S(() => Array.from({ length: m.count || 2 }, (p, g) => g + 1));
     return (p, g) => {
-      const m = Ce("font");
+      const f = Ce("font");
       return e(), s("div", Ll, [
         g[0] || (g[0] = t("div", {
           class: "absolute inset-0 bg-grid-slate-100 [mask-image:linear-gradient(0deg,#fff,rgba(255,255,255,0.6))] dark:bg-grid-slate-700/25 dark:[mask-image:linear-gradient(0deg,rgba(255,255,255,0.1),rgba(255,255,255,0.5))]",
@@ -1447,9 +1448,9 @@ const wo = /* @__PURE__ */ $e(_l, [["__scopeId", "data-v-b8001409"]]), Ll = { cl
               class: "p-4 rounded-lg shadow-lg bg-fuchsia-500",
               key: C
             }, [
-              B(m, { style: { "vertical-align": "inherit" } }, {
+              B(f, { style: { "vertical-align": "inherit" } }, {
                 default: I(() => [
-                  B(m, { style: { "vertical-align": "inherit" } }, {
+                  B(f, { style: { "vertical-align": "inherit" } }, {
                     default: I(() => [
                       ce(d(C), 1)
                     ]),
@@ -1500,17 +1501,17 @@ const wo = /* @__PURE__ */ $e(_l, [["__scopeId", "data-v-b8001409"]]), Ll = { cl
     }
   },
   setup(u) {
-    const f = u, c = gt(), p = Le(), g = S(() => f.t ?? p), m = V(!1);
+    const m = u, c = gt(), p = Le(), g = S(() => m.t ?? p), f = V(!1);
     xe(() => {
       var L;
-      m.value = ((L = window.history.state) == null ? void 0 : L.back) != null;
+      f.value = ((L = window.history.state) == null ? void 0 : L.back) != null;
     });
     const C = () => {
-      if (f.handler != null && f.handler())
+      if (m.handler != null && m.handler())
         return;
       const L = c.options.history.state;
-      m.value && L.back !== L.current ? c.back() : f.to != null ? c.push(f.to) : c.back();
-    }, T = S(() => f.label || g.value("ui.back"));
+      f.value && L.back !== L.current ? c.back() : m.to != null ? c.push(m.to) : c.back();
+    }, T = S(() => m.label || g.value("ui.back"));
     return (L, A) => (e(), h(O(_e), {
       class: y(["!text-[#525B66] text-xs", u.classButton]),
       label: T.value,
@@ -1591,7 +1592,7 @@ const wo = /* @__PURE__ */ $e(_l, [["__scopeId", "data-v-b8001409"]]), Ll = { cl
     }
   },
   setup(u) {
-    return (f, c) => (e(), s("div", {
+    return (m, c) => (e(), s("div", {
       class: y(u.whiteBackground ? "bg-white min-h-screen" : "min-h-screen bg-[#FAFBFC]")
     }, [
       u.showHeader ? (e(), s("div", {
@@ -1626,13 +1627,13 @@ const wo = /* @__PURE__ */ $e(_l, [["__scopeId", "data-v-b8001409"]]), Ll = { cl
             "class-icon": "!w-4"
           }, null, 8, ["to"])) : o("", !0),
           u.title ? (e(), s("h1", Vl, d(u.title), 1)) : o("", !0),
-          P(f.$slots, "header-left")
+          P(m.$slots, "header-left")
         ]),
         t("div", Hl, [
-          P(f.$slots, "header-center")
+          P(m.$slots, "header-center")
         ]),
         t("div", Wl, [
-          P(f.$slots, "header-right", {}, () => {
+          P(m.$slots, "header-right", {}, () => {
             var p;
             return [
               (p = u.user) != null && p.name ? (e(), s("div", Pl, [
@@ -1649,13 +1650,13 @@ const wo = /* @__PURE__ */ $e(_l, [["__scopeId", "data-v-b8001409"]]), Ll = { cl
         ])
       ], 4)) : o("", !0),
       t("div", El, [
-        P(f.$slots, "default")
+        P(m.$slots, "default")
       ]),
       u.showFooter ? (e(), s(W, { key: 1 }, [
         c[0] || (c[0] = t("div", { class: "h-16" }, null, -1)),
         t("div", Nl, [
           t("div", Gl, [
-            P(f.$slots, "footer")
+            P(m.$slots, "footer")
           ])
         ])
       ], 64)) : o("", !0)
@@ -1677,21 +1678,21 @@ const wo = /* @__PURE__ */ $e(_l, [["__scopeId", "data-v-b8001409"]]), Ll = { cl
     }
   },
   setup(u) {
-    return (f, c) => (e(), s("div", Il, [
+    return (m, c) => (e(), s("div", Il, [
       t("div", {
         class: y(["w-full bg-white h-full flex flex-col justify-between", u.panelWidthClass])
       }, [
         t("div", Rl, [
           t("div", ql, [
-            P(f.$slots, "default")
+            P(m.$slots, "default")
           ])
         ]),
-        f.$slots.footer ? (e(), s("div", Ul, [
-          P(f.$slots, "footer")
+        m.$slots.footer ? (e(), s("div", Ul, [
+          P(m.$slots, "footer")
         ])) : o("", !0)
       ], 2),
-      f.$slots.brand ? (e(), s("div", Zl, [
-        P(f.$slots, "brand")
+      m.$slots.brand ? (e(), s("div", Zl, [
+        P(m.$slots, "brand")
       ])) : o("", !0)
     ]));
   }
@@ -1708,18 +1709,18 @@ const wo = /* @__PURE__ */ $e(_l, [["__scopeId", "data-v-b8001409"]]), Ll = { cl
     }
   },
   setup(u) {
-    return (f, c) => {
+    return (m, c) => {
       const p = Ce("RouterLink");
       return e(), s("nav", {
         class: y(["flex items-center gap-1 min-w-0", u.pill ? "bg-light-body rounded-10 px-3 py-1" : ""]),
         "aria-label": "Breadcrumb"
       }, [
-        (e(!0), s(W, null, U(u.items, (g, m) => (e(), s(W, { key: m }, [
-          m > 0 ? (e(), h(O(nt), {
+        (e(!0), s(W, null, U(u.items, (g, f) => (e(), s(W, { key: f }, [
+          f > 0 ? (e(), h(O(nt), {
             key: 0,
             class: "w-3 h-3 text-secondary-content shrink-0"
           })) : o("", !0),
-          g.to != null && m < u.items.length - 1 ? (e(), h(p, {
+          g.to != null && f < u.items.length - 1 ? (e(), h(p, {
             key: 1,
             to: g.to,
             class: "flex items-center gap-2 min-w-0 text-sm text-primary-content hover:text-primary-base transition-colors",
@@ -1738,7 +1739,7 @@ const wo = /* @__PURE__ */ $e(_l, [["__scopeId", "data-v-b8001409"]]), Ll = { cl
             _: 2
           }, 1032, ["to"])) : (e(), s("span", {
             key: 2,
-            class: y(["flex items-center gap-2 min-w-0 text-sm", m === u.items.length - 1 ? "text-secondary-content" : ""])
+            class: y(["flex items-center gap-2 min-w-0 text-sm", f === u.items.length - 1 ? "text-secondary-content" : ""])
           }, [
             g.avatarSrc ? (e(), h(ue, {
               key: 0,