@lumal/core 0.0.1-beta

package/dist/layout-C8H9wuQa.js

@@ -0,0 +1,2075 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { Fragment as t, KeepAlive as n, Teleport as r, Transition as i, TransitionGroup as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createVNode as f, defineComponent as p, inject as m, mergeModels as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeStyle as y, onBeforeUnmount as ee, onMounted as te, openBlock as b, ref as x, renderList as S, renderSlot as C, resolveComponent as w, resolveDynamicComponent as T, shallowRef as E, toDisplayString as D, unref as O, useId as k, useModel as ne, useTemplateRef as A, vModelText as j, vShow as re, watch as M, withCtx as N, withDirectives as ie, withModifiers as ae } from "vue";
+import { LumalIcon as P } from "@lumal/icons-vue";
+import { ElAside as F, ElButton as I, ElContainer as L, ElHeader as oe, ElMain as se, ElMenu as ce, ElMenuItem as R, ElScrollbar as z, ElSubMenu as B } from "element-plus";
+import { RouterView as le, routeLocationKey as ue, routerKey as de } from "vue-router";
+import fe from "sortablejs";
+//#region src/layout/state/menu-layout.ts
+function V(e, t) {
+	return e.hidden ? !1 : e.path === t ? !0 : e.children?.some((e) => V(e, t)) ?? !1;
+}
+function H(e, t) {
+	for (let n of e) {
+		if (n.hidden) continue;
+		if (n.path === t) return n;
+		let e = H(n.children ?? [], t);
+		if (e) return e;
+	}
+}
+function U(e, t) {
+	for (let n of e) {
+		if (n.hidden) continue;
+		if (n.path === t) return [n];
+		let e = U(n.children ?? [], t);
+		if (e.length > 0) return [n, ...e];
+	}
+	return [];
+}
+function pe(e) {
+	if (!e) return "";
+	if (e.redirect) return e.redirect;
+	let t = e.children?.filter((e) => !e.hidden) ?? [];
+	return t.length === 0 ? e.path : pe(t[0]);
+}
+function me(e, t) {
+	return e.find((e) => V(e, t))?.path ?? "";
+}
+function he(e) {
+	let { activeTopMenuPath: t = "", layout: n } = e, r = e.menus.filter((e) => !e.hidden);
+	return n === "sidebar-nav" ? {
+		sidebarMenus: r,
+		topMenus: []
+	} : n === "top-nav" ? {
+		sidebarMenus: [],
+		topMenus: r
+	} : {
+		sidebarMenus: (r.find((e) => e.path === t) ?? r.find((e) => V(e, t)))?.children?.filter((e) => !e.hidden) ?? [],
+		topMenus: r
+	};
+}
+//#endregion
+//#region src/layout/LumalBreadcrumb.vue?vue&type=script&setup=true&lang.ts
+var W = {
+	key: 0,
+	class: "lumal-breadcrumb",
+	"aria-label": "面包屑"
+}, ge = { class: "lumal-breadcrumb__list" }, G = {
+	key: 1,
+	class: "lumal-breadcrumb__current",
+	"aria-current": "page"
+}, _e = ["onClick"], K = /*#__PURE__*/ e(/* @__PURE__ */ p({
+	__name: "LumalBreadcrumb",
+	props: {
+		activeMenuPath: { default: "" },
+		activePath: { default: "" },
+		hideOnlyOne: {
+			type: Boolean,
+			default: !1
+		},
+		homePath: { default: "" },
+		homeTitle: { default: "首页" },
+		menus: { default: () => [] },
+		showHome: {
+			type: Boolean,
+			default: !0
+		},
+		showIcon: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["select"],
+	setup(e, { emit: n }) {
+		let r = e, i = n, a = m(ue, void 0);
+		function d(e) {
+			return {
+				icon: e.icon,
+				path: e.path,
+				title: e.title
+			};
+		}
+		let f = o(() => {
+			let e = a?.matched ?? [];
+			return e.flatMap((t, n) => {
+				let r = typeof t.meta.title == "string" ? t.meta.title.trim() : "";
+				if (!r || t.meta.hideInBreadcrumb === !0) return [];
+				let i = n === e.length - 1;
+				return [{
+					icon: typeof t.meta.icon == "string" ? t.meta.icon : void 0,
+					path: i ? a?.path ?? t.path : t.path,
+					title: r
+				}];
+			});
+		}), p = o(() => {
+			let e = U(r.menus, r.activePath), t = (e.length > 0 ? e : U(r.menus, r.activeMenuPath)).map(d), n = typeof a?.meta.title == "string" ? a.meta.title : "", i = typeof a?.meta.icon == "string" ? a.meta.icon : void 0, o = a?.meta.hideInBreadcrumb === !0;
+			return o && t.at(-1)?.path === r.activePath && t.pop(), n && !o && r.activePath && r.activePath === a?.path && !t.some((e) => e.path === r.activePath) && t.push({
+				icon: i,
+				path: r.activePath,
+				title: n
+			}), t;
+		}), h = o(() => f.value.length > 0 ? f.value : p.value), g = o(() => {
+			let e = r.homePath ? U(r.menus, r.homePath).at(-1) : void 0, t = r.menus.find((e) => !e.hidden), n = r.homePath || pe(t);
+			if (n) return {
+				icon: e?.icon ?? t?.icon,
+				path: n,
+				title: e?.title ?? r.homeTitle
+			};
+		}), _ = o(() => {
+			let e = [...h.value], t = g.value;
+			return r.showHome && t && !e.some((e) => e.path === t.path) && e.unshift(t), e;
+		}), v = o(() => _.value.length > 0 && !(r.hideOnlyOne && h.value.length <= 1));
+		return (n, r) => v.value ? (b(), l("nav", W, [u("ol", ge, [(b(!0), l(t, null, S(_.value, (t, n) => (b(), l("li", {
+			key: `${t.path}:${n}`,
+			class: "lumal-breadcrumb__item"
+		}, [n > 0 ? (b(), s(O(P), {
+			key: 0,
+			class: "lumal-breadcrumb__separator",
+			name: "lumal:chevron-right",
+			size: 14
+		})) : c("", !0), n === _.value.length - 1 ? (b(), l("span", G, [e.showIcon && t.icon ? (b(), s(O(P), {
+			key: 0,
+			name: t.icon,
+			size: 15
+		}, null, 8, ["name"])) : c("", !0), u("span", null, D(t.title), 1)])) : (b(), l("button", {
+			key: 2,
+			class: "lumal-breadcrumb__link",
+			type: "button",
+			onClick: (e) => i("select", t.path)
+		}, [e.showIcon && t.icon ? (b(), s(O(P), {
+			key: 0,
+			name: t.icon,
+			size: 15
+		}, null, 8, ["name"])) : c("", !0), u("span", null, D(t.title), 1)], 8, _e))]))), 128))])])) : c("", !0);
+	}
+}), [["__scopeId", "data-v-53a036d9"]]), ve = /*#__PURE__*/ e(/* @__PURE__ */ p({
+	__name: "LumalContent",
+	setup(e, { expose: t }) {
+		let n = A("contentRef");
+		return t({
+			getContentElement: () => n.value?.$el,
+			getContentInstance: () => n.value
+		}), (e, t) => (b(), s(O(se), {
+			ref_key: "contentRef",
+			ref: n,
+			class: "lumal-content"
+		}, {
+			default: N(() => [C(e.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		}, 512));
+	}
+}), [["__scopeId", "data-v-50b337c5"]]), ye = { class: "lumal-global-search" }, q = { key: 0 }, J = ["aria-labelledby"], be = { class: "lumal-global-search__header" }, Y = ["id"], xe = { class: "lumal-global-search__input-wrap" }, X = [
+	"aria-activedescendant",
+	"aria-controls",
+	"placeholder"
+], Z = ["id"], Se = ["id", "aria-selected"], Ce = ["onMouseenter", "onClick"], we = {
+	key: 0,
+	class: "lumal-global-search__empty",
+	role: "status"
+}, Te = "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" stroke-width=\"1.8\"/><path d=\"m16.2 16.2 4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"/></svg>", Ee = /*#__PURE__*/ e(/* @__PURE__ */ p({
+	__name: "LumalGlobalSearch",
+	props: {
+		maxResults: { default: 12 },
+		menus: { default: () => [] },
+		placeholder: { default: "搜索菜单" },
+		shortcut: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["select"],
+	setup(e, { expose: n, emit: i }) {
+		let a = e, d = i, p = `lumal-global-search-${k()}`, m = A("inputRef"), h = A("triggerRef"), g = x(!1), y = x(""), C = x(0);
+		function w(e, t = []) {
+			return e.flatMap((e) => {
+				if (e.hidden) return [];
+				let n = [...t, e.title];
+				return [{
+					item: e,
+					trail: n
+				}, ...w(e.children ?? [], n)];
+			});
+		}
+		let T = o(() => w(a.menus)), E = o(() => {
+			let e = y.value.trim().toLocaleLowerCase();
+			return (e ? T.value.filter(({ item: t, trail: n }) => `${n.join(" ")} ${t.path}`.toLocaleLowerCase().includes(e)) : T.value).slice(0, Math.max(1, a.maxResults));
+		}), ne = o(() => E.value[C.value] ? `${p}-option-${C.value}` : void 0);
+		function re() {
+			g.value = !0, y.value = "", C.value = 0, _(() => m.value?.focus());
+		}
+		function N(e = !0) {
+			g.value = !1, e && _(() => h.value?.focus());
+		}
+		function F(e) {
+			e && (d("select", e.item.path, e.item), N());
+		}
+		function I(e) {
+			if (e.key === "Escape") {
+				e.preventDefault(), N();
+				return;
+			}
+			if (E.value.length !== 0) {
+				if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+					e.preventDefault();
+					let t = e.key === "ArrowDown" ? 1 : -1;
+					C.value = (C.value + t + E.value.length) % E.value.length;
+					return;
+				}
+				e.key === "Enter" && (e.preventDefault(), F(E.value[C.value]));
+			}
+		}
+		function L(e) {
+			!a.shortcut || e.altKey || e.shiftKey || e.key.toLocaleLowerCase() !== "k" || !e.ctrlKey && !e.metaKey || (e.preventDefault(), g.value ? N(!1) : re());
+		}
+		return M(E, () => {
+			C.value = 0;
+		}), te(() => {
+			window.addEventListener("keydown", L);
+		}), ee(() => {
+			window.removeEventListener("keydown", L);
+		}), n({
+			close: N,
+			open: re
+		}), (n, i) => (b(), l("div", ye, [u("button", {
+			ref_key: "triggerRef",
+			ref: h,
+			class: "lumal-global-search__trigger",
+			type: "button",
+			"aria-label": "打开全局搜索",
+			title: "全局搜索",
+			onClick: re
+		}, [
+			f(O(P), {
+				icon: Te,
+				size: 17
+			}),
+			i[3] ||= u("span", { class: "lumal-global-search__trigger-label" }, "搜索", -1),
+			e.shortcut ? (b(), l("kbd", q, "Ctrl K")) : c("", !0)
+		], 512), (b(), s(r, { to: "body" }, [g.value ? (b(), l("div", {
+			key: 0,
+			class: "lumal-global-search__backdrop",
+			onMousedown: i[2] ||= ae((e) => N(), ["self"])
+		}, [u("section", {
+			class: "lumal-global-search__dialog",
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": `${p}-title`
+		}, [
+			u("header", be, [u("h2", { id: `${p}-title` }, " 全局搜索 ", 8, Y), u("button", {
+				type: "button",
+				"aria-label": "关闭全局搜索",
+				title: "关闭",
+				onClick: i[0] ||= (e) => N()
+			}, [f(O(P), {
+				name: "lumal:close",
+				size: 17
+			})])]),
+			u("label", xe, [
+				i[4] ||= u("span", { class: "lumal-global-search__sr-only" }, "搜索菜单", -1),
+				f(O(P), {
+					icon: Te,
+					size: 18
+				}),
+				ie(u("input", {
+					ref_key: "inputRef",
+					ref: m,
+					"onUpdate:modelValue": i[1] ||= (e) => y.value = e,
+					role: "combobox",
+					autocomplete: "off",
+					"aria-activedescendant": ne.value,
+					"aria-autocomplete": "list",
+					"aria-controls": `${p}-results`,
+					"aria-expanded": "true",
+					placeholder: e.placeholder,
+					onKeydown: I
+				}, null, 40, X), [[j, y.value]])
+			]),
+			u("ul", {
+				id: `${p}-results`,
+				class: "lumal-global-search__results",
+				role: "listbox"
+			}, [(b(!0), l(t, null, S(E.value, (e, t) => (b(), l("li", {
+				id: `${p}-option-${t}`,
+				key: e.item.path,
+				role: "option",
+				"aria-selected": t === C.value
+			}, [u("button", {
+				type: "button",
+				class: v({ "is-active": t === C.value }),
+				onMouseenter: (e) => C.value = t,
+				onClick: (t) => F(e)
+			}, [
+				e.item.icon ? (b(), s(O(P), {
+					key: 0,
+					name: e.item.icon,
+					size: 18
+				}, null, 8, ["name"])) : c("", !0),
+				u("span", null, [u("strong", null, D(e.item.title), 1), u("small", null, D(e.trail.join(" / ")), 1)]),
+				u("code", null, D(e.item.path), 1)
+			], 42, Ce)], 8, Se))), 128))], 8, Z),
+			E.value.length === 0 ? (b(), l("p", we, " 未找到匹配菜单，请尝试其他关键词 ")) : c("", !0)
+		], 8, J)], 32)) : c("", !0)]))]));
+	}
+}), [["__scopeId", "data-v-a433539f"]]), De = { class: "lumal-header__left" }, Oe = {
+	key: 0,
+	class: "lumal-header__title"
+}, ke = {
+	key: 0,
+	class: "lumal-header__breadcrumb"
+}, Q = {
+	key: 1,
+	class: "lumal-header__navigation",
+	"aria-label": "主导航"
+}, Ae = {
+	key: 2,
+	class: "lumal-header__actions"
+}, je = /*#__PURE__*/ e(/* @__PURE__ */ p({
+	__name: "LumalHeader",
+	props: {
+		title: {},
+		collapsed: {
+			type: Boolean,
+			default: !1
+		},
+		height: { default: "50px" },
+		mobileOnlyToggle: {
+			type: Boolean,
+			default: !1
+		},
+		sidebarEnabled: {
+			type: Boolean,
+			default: !0
+		},
+		toggleAfterTitle: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["toggleCollapse"],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, a = A("headerRef"), d = o(() => r.collapsed ? "展开侧边栏" : "收起侧边栏");
+		function f() {
+			i("toggleCollapse");
+		}
+		return t({
+			getHeaderElement: () => a.value?.$el,
+			getHeaderInstance: () => a.value
+		}), (t, n) => (b(), s(O(oe), {
+			ref_key: "headerRef",
+			ref: a,
+			class: "lumal-header",
+			height: e.height
+		}, {
+			default: N(() => [
+				u("div", De, [C(t.$slots, "logo", {}, () => [e.title ? (b(), l("span", Oe, D(e.title), 1)) : c("", !0)], !0), e.sidebarEnabled ? (b(), s(O(I), {
+					key: 0,
+					class: v(["lumal-header__toggle", {
+						"is-after-title": e.toggleAfterTitle,
+						"is-mobile-only": e.mobileOnlyToggle
+					}]),
+					text: "",
+					"aria-label": d.value,
+					"data-action": "toggle-sidebar",
+					onClick: f
+				}, {
+					default: N(() => [...n[0] ||= [u("svg", {
+						"aria-hidden": "true",
+						viewBox: "0 0 24 24"
+					}, [u("path", { d: "M4 7h16M4 12h16M4 17h16" })], -1)]]),
+					_: 1
+				}, 8, ["class", "aria-label"])) : c("", !0)]),
+				t.$slots.breadcrumb ? (b(), l("div", ke, [C(t.$slots, "breadcrumb", {}, void 0, !0)])) : c("", !0),
+				t.$slots.navigation ? (b(), l("nav", Q, [C(t.$slots, "navigation", {}, void 0, !0)])) : c("", !0),
+				t.$slots.actions ? (b(), l("div", Ae, [C(t.$slots, "actions", {}, void 0, !0)])) : c("", !0)
+			]),
+			_: 3
+		}, 8, ["height"]));
+	}
+}), [["__scopeId", "data-v-e9574860"]]), Me = ["aria-label"], Ne = {
+	key: 0,
+	"aria-hidden": "true"
+}, $ = /*#__PURE__*/ e(/* @__PURE__ */ p({
+	__name: "LumalMenuBadge",
+	props: {
+		badge: { default: "" },
+		label: { default: "菜单" },
+		tone: { default: "primary" },
+		type: { default: "text" }
+	},
+	setup(e) {
+		let t = e, n = o(() => t.type === "dot" || t.badge === 0 || !!t.badge), r = o(() => t.type === "dot" ? `${t.label}有新内容` : `${t.label}：${t.badge}`);
+		return (t, i) => n.value ? (b(), l("span", {
+			key: 0,
+			class: v(["lumal-menu-badge", [`is-${e.tone}`, { "is-dot": e.type === "dot" }]]),
+			role: "status",
+			"aria-label": r.value
+		}, [e.type === "text" ? (b(), l("span", Ne, D(e.badge), 1)) : c("", !0)], 10, Me)) : c("", !0);
+	}
+}), [["__scopeId", "data-v-0ca73e4b"]]), Pe = {
+	key: 0,
+	class: "lumal-sidebar-menu-item__icon",
+	"aria-hidden": "true"
+}, Fe = { class: "lumal-sidebar-menu-item__label" }, Ie = { class: "lumal-sidebar-menu-item__title" }, Le = {
+	key: 1,
+	class: "lumal-sidebar-menu-item__external",
+	"aria-hidden": "true"
+}, Re = ["title"], ze = {
+	key: 0,
+	class: "lumal-sidebar-menu-item__icon",
+	"aria-hidden": "true"
+}, Be = { class: "lumal-sidebar-menu-item__label" }, Ve = { class: "lumal-sidebar-menu-item__title" }, He = {
+	key: 0,
+	class: "lumal-sidebar-menu-item__icon",
+	"aria-hidden": "true"
+}, Ue = { class: "lumal-sidebar-menu-item__label" }, We = { class: "lumal-sidebar-menu-item__title" }, Ge = {
+	key: 1,
+	class: "lumal-sidebar-menu-item__external",
+	"aria-hidden": "true"
+}, Ke = /*#__PURE__*/ e(/* @__PURE__ */ p({
+	__name: "LumalSidebarMenuItem",
+	props: {
+		activePath: {},
+		collapsed: { type: Boolean },
+		depth: {},
+		item: {}
+	},
+	emits: ["select"],
+	setup(e, { emit: n }) {
+		let r = e, i = n, a = o(() => r.item.children?.filter((e) => !e.hidden) ?? []), d = o(() => a.value.length > 0), p = o(() => !!r.item.externalLink && r.item.externalTarget !== "_self");
+		function m(e) {
+			i("select", e);
+		}
+		return (n, r) => {
+			let i = w("LumalSidebarMenuItem", !0);
+			return d.value ? (b(), s(O(B), {
+				key: 0,
+				class: "lumal-sidebar-menu-item",
+				index: e.item.path,
+				title: e.collapsed ? e.item.title : void 0
+			}, {
+				title: N(() => [
+					e.item.icon ? (b(), l("i", Pe, [f(O(P), {
+						name: e.item.icon,
+						size: 16
+					}, null, 8, ["name"])])) : c("", !0),
+					u("span", Fe, [u("span", Ie, D(e.item.title), 1), f($, {
+						badge: e.item.badge,
+						label: e.item.title,
+						tone: e.item.badgeTone,
+						type: e.item.badgeType
+					}, null, 8, [
+						"badge",
+						"label",
+						"tone",
+						"type"
+					])]),
+					e.item.externalLink ? (b(), l("span", Le, "↗")) : c("", !0)
+				]),
+				default: N(() => [(b(!0), l(t, null, S(a.value, (t) => (b(), s(i, {
+					key: t.path,
+					item: t,
+					"active-path": e.activePath,
+					collapsed: e.collapsed,
+					depth: (e.depth ?? 0) + 1,
+					onSelect: m
+				}, null, 8, [
+					"item",
+					"active-path",
+					"collapsed",
+					"depth"
+				]))), 128))]),
+				_: 1
+			}, 8, ["index", "title"])) : p.value ? (b(), l("li", {
+				key: 1,
+				class: "el-menu-item lumal-sidebar-menu-item lumal-sidebar-menu-item--external",
+				role: "menuitem",
+				tabindex: "-1",
+				title: e.collapsed ? e.item.title : void 0,
+				onClick: r[0] ||= (t) => m(e.item.path)
+			}, [
+				e.item.icon ? (b(), l("i", ze, [f(O(P), {
+					name: e.item.icon,
+					size: 16
+				}, null, 8, ["name"])])) : c("", !0),
+				u("span", Be, [u("span", Ve, D(e.item.title), 1), f($, {
+					badge: e.item.badge,
+					label: e.item.title,
+					tone: e.item.badgeTone,
+					type: e.item.badgeType
+				}, null, 8, [
+					"badge",
+					"label",
+					"tone",
+					"type"
+				])]),
+				r[2] ||= u("span", {
+					class: "lumal-sidebar-menu-item__external",
+					"aria-hidden": "true"
+				}, "↗", -1)
+			], 8, Re)) : (b(), s(O(R), {
+				key: 2,
+				class: "lumal-sidebar-menu-item",
+				index: e.item.path,
+				title: e.collapsed ? e.item.title : void 0,
+				onClick: r[1] ||= (t) => m(e.item.path)
+			}, {
+				default: N(() => [
+					e.item.icon ? (b(), l("i", He, [f(O(P), {
+						name: e.item.icon,
+						size: 16
+					}, null, 8, ["name"])])) : c("", !0),
+					u("span", Ue, [u("span", We, D(e.item.title), 1), f($, {
+						badge: e.item.badge,
+						label: e.item.title,
+						tone: e.item.badgeTone,
+						type: e.item.badgeType
+					}, null, 8, [
+						"badge",
+						"label",
+						"tone",
+						"type"
+					])]),
+					e.item.externalLink ? (b(), l("span", Ge, "↗")) : c("", !0)
+				]),
+				_: 1
+			}, 8, ["index", "title"]));
+		};
+	}
+}), [["__scopeId", "data-v-a5f8c946"]]), qe = /*#__PURE__*/ e(/* @__PURE__ */ p({
+	__name: "LumalSidebar",
+	props: {
+		menus: { default: () => [] },
+		activePath: { default: "" },
+		ariaLabel: { default: "侧边导航" },
+		collapsed: {
+			type: Boolean,
+			default: !1
+		},
+		width: { default: "280px" },
+		collapsedWidth: { default: "64px" }
+	},
+	emits: ["select"],
+	setup(e, { expose: n, emit: r }) {
+		let i = e, a = r, c = A("asideRef"), u = o(() => i.collapsed ? i.collapsedWidth : i.width);
+		function d(e) {
+			a("select", e);
+		}
+		return n({
+			getAsideElement: () => c.value?.$el,
+			getAsideInstance: () => c.value
+		}), (n, r) => (b(), s(O(F), {
+			ref_key: "asideRef",
+			ref: c,
+			class: "lumal-sidebar",
+			width: u.value,
+			"aria-label": e.ariaLabel
+		}, {
+			default: N(() => [f(O(z), { class: "lumal-sidebar__scrollbar" }, {
+				default: N(() => [f(O(ce), {
+					class: "lumal-sidebar__menu",
+					collapse: e.collapsed,
+					"default-active": e.activePath
+				}, {
+					default: N(() => [(b(!0), l(t, null, S(e.menus.filter((e) => !e.hidden), (t) => (b(), s(Ke, {
+						key: t.path,
+						item: t,
+						"active-path": e.activePath,
+						collapsed: e.collapsed,
+						depth: 0,
+						onSelect: d
+					}, null, 8, [
+						"item",
+						"active-path",
+						"collapsed"
+					]))), 128))]),
+					_: 1
+				}, 8, ["collapse", "default-active"])]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["width", "aria-label"]));
+	}
+}), [["__scopeId", "data-v-59a9bda5"]]), Je = ["disabled"], Ye = ["onContextmenu"], Xe = [
+	"aria-selected",
+	"tabindex",
+	"onClick",
+	"onKeydown",
+	"onMousedown"
+], Ze = ["title"], Qe = ["aria-label", "onClick"], $e = ["disabled"], et = ["disabled"], tt = ["aria-expanded"], nt = ["aria-label"], rt = ["disabled"], it = ["disabled"], at = ["disabled"], ot = ["disabled"], st = ["disabled"], ct = ["disabled"], lt = ["disabled"], ut = ["disabled"], dt = ["disabled"], ft = 192, pt = 220, mt = /*#__PURE__*/ e(/* @__PURE__ */ p({
+	__name: "LumalTabs",
+	props: /*@__PURE__*/ h({
+		activePath: { default: "" },
+		draggable: {
+			type: Boolean,
+			default: !0
+		},
+		fullscreenTarget: { default: "[data-layout-fullscreen-target]" },
+		middleClickToClose: {
+			type: Boolean,
+			default: !0
+		},
+		showIcon: {
+			type: Boolean,
+			default: !0
+		},
+		showMaximize: {
+			type: Boolean,
+			default: !0
+		},
+		showMore: {
+			type: Boolean,
+			default: !0
+		},
+		showRefresh: {
+			type: Boolean,
+			default: !0
+		},
+		styleType: { default: "chrome" },
+		tabs: { default: () => [] },
+		visible: {
+			type: Boolean,
+			default: !0
+		},
+		wheelable: {
+			type: Boolean,
+			default: !0
+		},
+		standaloneMaximize: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		activePath: { default: "" },
+		activePathModifiers: {}
+	}),
+	emits: /*@__PURE__*/ h([
+		"change",
+		"closeAll",
+		"closeLeft",
+		"closeOthers",
+		"closeRight",
+		"maximize",
+		"newWindow",
+		"pin",
+		"refresh",
+		"remove",
+		"reorder"
+	], ["update:activePath"]),
+	setup(e, { expose: n, emit: i }) {
+		let d = e, p = i, m = ne(e, "activePath"), h = A("tabsViewportRef"), g = E({
+			path: "",
+			style: {},
+			visible: !1
+		}), x = E({
+			path: "",
+			style: {},
+			visible: !1
+		}), C = E(!1), w = E(!1), T = E(!0), k = E(!1), j, F, I = null, L = o(() => g.value.visible ? g.value : x.value), oe = o(() => L.value.path), se = o(() => typeof window > "u" || typeof window.matchMedia != "function" || !window.matchMedia("(max-width: 768px)").matches), ce = o(() => d.draggable && se.value), R = o(() => d.tabs.some((e) => e.closable !== !1 && e.pinned !== !0));
+		function z(e) {
+			return d.tabs.length > 1 && d.tabs.some((t) => t.path === e && t.closable !== !1 && t.pinned !== !0);
+		}
+		function B(e, t) {
+			let n = d.tabs.findIndex((t) => t.path === e);
+			return (t === "left" ? d.tabs.slice(0, n) : d.tabs.slice(n + 1)).some((e) => e.closable !== !1 && e.pinned !== !0);
+		}
+		function le(e) {
+			return d.tabs.some((t) => t.path !== e && t.closable !== !1 && t.pinned !== !0);
+		}
+		function ue(e) {
+			return e === m.value;
+		}
+		function de(e) {
+			let t = d.tabs.find((t) => t.path === e);
+			return !!t && t.pinned !== !0 && t.closable !== !1;
+		}
+		function V(e) {
+			let t = d.tabs.find((t) => t.path === e);
+			return !!t && t.pinned === !0 && t.closable !== !1;
+		}
+		function H(e) {
+			let t = oe.value;
+			return e === "close" ? !z(t) : e === "close-left" || e === "close-right" ? !t || !ue(t) || !B(t, e === "close-left" ? "left" : "right") : e === "close-others" ? !t || !ue(t) || !le(t) : e === "close-all" ? !R.value : e === "refresh" ? !t || !ue(t) : e === "pin" ? !de(t) && !V(t) : e === "new-window" && !t;
+		}
+		function U(e) {
+			return V(e) ? "取消固定" : "固定";
+		}
+		function pe() {
+			return C.value ? "还原" : "内容最大化";
+		}
+		function me(e) {
+			e !== m.value && (m.value = e, p("change", e));
+		}
+		function he(e) {
+			z(e) && p("remove", e);
+		}
+		function W(e) {
+			e && ue(e) && p("refresh", e);
+		}
+		function ge(e, t) {
+			e.button !== 1 || !d.middleClickToClose || !z(t.path) || (e.preventDefault(), p("remove", t.path));
+		}
+		function G(e, t) {
+			if (![
+				"ArrowLeft",
+				"ArrowRight",
+				"End",
+				"Home"
+			].includes(e.key) || d.tabs.length === 0) return;
+			e.preventDefault();
+			let n = e.key === "Home" ? 0 : e.key === "End" ? d.tabs.length - 1 : e.key === "ArrowLeft" ? (t - 1 + d.tabs.length) % d.tabs.length : (t + 1) % d.tabs.length, r = d.tabs[n];
+			r && (me(r.path), _(() => {
+				h.value?.querySelectorAll("[role=\"tab\"]").item(n).focus();
+			}));
+		}
+		function _e(e, t) {
+			return {
+				left: `${Math.max(8, Math.min(e, window.innerWidth - ft - 8))}px`,
+				top: `${Math.max(8, Math.min(t, window.innerHeight - pt - 8))}px`
+			};
+		}
+		function K() {
+			g.value = {
+				...g.value,
+				visible: !1
+			}, x.value = {
+				...x.value,
+				visible: !1
+			};
+		}
+		function ve(e, t) {
+			e.preventDefault(), e.stopPropagation(), I = e.currentTarget, g.value = {
+				path: t,
+				style: _e(e.clientX, e.clientY),
+				visible: !0
+			}, x.value = {
+				...x.value,
+				visible: !1
+			};
+		}
+		function ye(e) {
+			e.preventDefault(), e.stopPropagation();
+			let t = m.value || d.tabs[0]?.path || "";
+			I = e.currentTarget, x.value = {
+				path: t,
+				style: _e(e.clientX, e.clientY),
+				visible: !0
+			}, g.value = {
+				...g.value,
+				visible: !1
+			};
+		}
+		function q() {
+			I && document.body.contains(I) && (I.focus(), I = null);
+		}
+		function J(e) {
+			if (H(e)) return;
+			let t = oe.value;
+			K(), e === "close" ? p("remove", t) : e === "close-left" ? p("closeLeft", t) : e === "close-right" ? p("closeRight", t) : e === "close-others" ? p("closeOthers", t) : e === "close-all" ? p("closeAll") : e === "refresh" ? p("refresh", t) : e === "pin" ? p("pin", t, !V(t)) : e === "new-window" ? p("newWindow", t) : e === "maximize" && Te(), _(q);
+		}
+		function be(e) {
+			if (e.key === "Escape") {
+				e.preventDefault(), K(), _(q);
+				return;
+			}
+			let t = Array.from(document.querySelectorAll("[data-menu-active=\"true\"] [role=\"menuitem\"]:not(:disabled)"));
+			if (t.length !== 0 && (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Home" || e.key === "End")) {
+				e.preventDefault();
+				let n = t.findIndex((e) => e === document.activeElement), r;
+				r = e.key === "ArrowDown" ? n === -1 ? 0 : (n + 1) % t.length : e.key === "ArrowUp" ? n === -1 ? t.length - 1 : (n - 1 + t.length) % t.length : e.key === "Home" ? 0 : t.length - 1, t[r]?.focus();
+			}
+		}
+		function Y() {
+			let e = h.value;
+			e && (w.value = e.scrollWidth > e.clientWidth + 1, T.value = e.scrollLeft <= 1, k.value = e.scrollLeft + e.clientWidth >= e.scrollWidth - 1);
+		}
+		function xe() {
+			return window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth";
+		}
+		function X(e) {
+			let t = h.value;
+			t && t.scrollBy({
+				behavior: xe(),
+				left: (e === "left" ? -1 : 1) * Math.max(160, t.clientWidth - 120)
+			});
+		}
+		function Z(e) {
+			if (!d.wheelable) return;
+			let t = h.value;
+			!t || !w.value || (e.preventDefault(), t.scrollBy({ left: Math.abs(e.deltaY) > Math.abs(e.deltaX) ? e.deltaY : e.deltaX }));
+		}
+		async function Se() {
+			await _(), (h.value?.querySelector("[role=\"tab\"][aria-selected=\"true\"]"))?.scrollIntoView({
+				behavior: xe(),
+				block: "nearest",
+				inline: "nearest"
+			}), Y();
+		}
+		function Ce() {
+			let e = h.value?.querySelector(".lumal-tabs__list");
+			if (!e || !ce.value) {
+				we();
+				return;
+			}
+			F && F.el === e || (we(), F = fe.create(e, {
+				animation: 160,
+				draggable: ".lumal-tabs__item",
+				filter: ".is-not-draggable",
+				ghostClass: "lumal-tabs__item--ghost",
+				chosenClass: "lumal-tabs__item--chosen",
+				onEnd: (e) => {
+					if (e.oldIndex === void 0 || e.newIndex === void 0 || e.oldIndex === e.newIndex) return;
+					let t = d.tabs[e.oldIndex]?.path, n = d.tabs[e.newIndex]?.path;
+					!t || !n || p("reorder", t, n);
+				}
+			}));
+		}
+		function we() {
+			F?.destroy(), F = void 0;
+		}
+		M(ce, (e) => {
+			e ? _(Ce) : we();
+		});
+		function Te() {
+			if (d.standaloneMaximize) {
+				Ee();
+				return;
+			}
+			C.value = !C.value, p("maximize", C.value);
+		}
+		async function Ee() {
+			let e = document.querySelector(d.fullscreenTarget);
+			e instanceof HTMLElement && (document.fullscreenElement ? await document.exitFullscreen?.() : await e.requestFullscreen?.());
+		}
+		function De() {
+			C.value = !!document.fullscreenElement && d.standaloneMaximize, d.standaloneMaximize && p("maximize", C.value);
+		}
+		function Oe(e) {
+			d.standaloneMaximize || (C.value = e);
+		}
+		n({
+			getTabsElement: () => h.value,
+			refreshCurrent: () => W(m.value),
+			scrollTabs: X,
+			toggleFullscreen: Te,
+			setMaximized: Oe
+		}), M(() => [d.activePath, d.tabs.length], () => void Se(), { flush: "post" }), M(() => d.tabs, () => void _(Y), { flush: "post" });
+		function ke(e) {
+			let t = e.target;
+			t && (t.closest?.(".lumal-tabs-context-menu") || t.closest?.("[data-tab-menu-trigger]") || K());
+		}
+		function Q(e) {
+			e.key === "Escape" && L.value.visible && (e.preventDefault(), K(), _(q));
+		}
+		return te(() => {
+			document.addEventListener("click", ke), document.addEventListener("fullscreenchange", De), document.addEventListener("keydown", Q), Y(), typeof ResizeObserver < "u" && h.value && (j = new ResizeObserver(Y), j.observe(h.value)), ce.value && _(Ce);
+		}), ee(() => {
+			document.removeEventListener("click", ke), document.removeEventListener("fullscreenchange", De), document.removeEventListener("keydown", Q), j?.disconnect(), we();
+		}), (n, i) => e.visible && e.tabs.length ? (b(), l("div", {
+			key: 0,
+			class: v(["lumal-tabs", [`is-style-${e.styleType}`]])
+		}, [
+			ie(u("button", {
+				class: "lumal-tabs__tool",
+				type: "button",
+				"aria-label": "向左滚动标签",
+				disabled: T.value,
+				onClick: i[0] ||= (e) => X("left")
+			}, [f(O(P), {
+				name: "lumal:chevron-left",
+				size: 16
+			})], 8, Je), [[re, w.value]]),
+			u("div", {
+				ref_key: "tabsViewportRef",
+				ref: h,
+				class: "lumal-tabs__viewport",
+				onScroll: Y,
+				onWheel: Z
+			}, [f(a, {
+				name: "lumal-tab",
+				tag: "div",
+				class: "lumal-tabs__list",
+				role: "tablist",
+				"aria-label": "页面标签"
+			}, {
+				default: N(() => [(b(!0), l(t, null, S(e.tabs, (t, n) => (b(), l("div", {
+					key: t.path,
+					class: v(["lumal-tabs__item", {
+						"is-active": t.path === m.value,
+						"is-pinned": t.pinned === !0,
+						"is-not-draggable": t.pinned === !0 || !ce.value
+					}]),
+					onContextmenu: (e) => ve(e, t.path)
+				}, [u("button", {
+					class: "lumal-tabs__tab",
+					type: "button",
+					role: "tab",
+					"aria-selected": t.path === m.value,
+					tabindex: t.path === m.value ? 0 : -1,
+					onClick: (e) => me(t.path),
+					onKeydown: (e) => G(e, n),
+					onMousedown: (e) => ge(e, t)
+				}, [t.pinned === !0 ? (b(), s(O(P), {
+					key: 0,
+					class: "lumal-tabs__pin",
+					name: "lumal:pin",
+					size: 14
+				})) : e.showIcon && t.icon ? (b(), s(O(P), {
+					key: 1,
+					name: t.icon,
+					size: 14
+				}, null, 8, ["name"])) : c("", !0), u("span", {
+					class: "lumal-tabs__label",
+					title: t.title
+				}, D(t.title), 9, Ze)], 40, Xe), z(t.path) ? (b(), l("button", {
+					key: 0,
+					class: "lumal-tabs__close",
+					type: "button",
+					"aria-label": `关闭${t.title}`,
+					onClick: (e) => he(t.path)
+				}, [f(O(P), {
+					name: "lumal:close",
+					size: 14
+				})], 8, Qe)) : c("", !0)], 42, Ye))), 128))]),
+				_: 1
+			})], 544),
+			ie(u("button", {
+				class: "lumal-tabs__tool",
+				type: "button",
+				"aria-label": "向右滚动标签",
+				disabled: k.value,
+				onClick: i[1] ||= (e) => X("right")
+			}, [f(O(P), {
+				name: "lumal:chevron-right",
+				size: 16
+			})], 8, $e), [[re, w.value]]),
+			e.showRefresh ? (b(), l("button", {
+				key: 0,
+				class: "lumal-tabs__tool lumal-tabs__tool--refresh",
+				type: "button",
+				"aria-label": "刷新当前页面",
+				"data-action": "refresh-current-tab",
+				disabled: !m.value,
+				onClick: i[2] ||= (e) => W(m.value)
+			}, [f(O(P), {
+				name: "lumal:refresh",
+				size: 16
+			})], 8, et)) : c("", !0),
+			e.showMore ? (b(), l("button", {
+				key: 1,
+				class: "lumal-tabs__tool",
+				type: "button",
+				"aria-label": "更多操作",
+				"aria-haspopup": "menu",
+				"aria-expanded": x.value.visible,
+				"data-tab-menu-trigger": "",
+				onClick: i[3] ||= (e) => ye(e)
+			}, [f(O(P), {
+				name: "lumal:more",
+				size: 16
+			})], 8, tt)) : c("", !0),
+			e.showMaximize ? (b(), l("button", {
+				key: 2,
+				class: "lumal-tabs__tool lumal-tabs__tool--maximize",
+				type: "button",
+				"aria-label": C.value ? "退出内容最大化" : "内容最大化",
+				"data-action": "maximize-content",
+				onClick: Te
+			}, [f(O(P), {
+				name: C.value ? "lumal:restore" : "lumal:maximize",
+				size: 16
+			}, null, 8, ["name"])], 8, nt)) : c("", !0),
+			(b(), s(r, { to: "body" }, [g.value.visible || x.value.visible ? (b(), l("div", {
+				key: 0,
+				class: "lumal-tabs-context-menu",
+				role: "menu",
+				"data-menu-active": !0,
+				style: y(L.value.style),
+				onClick: i[13] ||= ae(() => {}, ["stop"]),
+				onKeydown: be
+			}, [
+				u("button", {
+					type: "button",
+					role: "menuitem",
+					disabled: H("refresh"),
+					onClick: i[4] ||= (e) => J("refresh")
+				}, [f(O(P), {
+					name: "lumal:refresh",
+					size: 14
+				}), i[14] ||= u("span", null, "重新加载", -1)], 8, rt),
+				u("button", {
+					type: "button",
+					role: "menuitem",
+					disabled: H("pin"),
+					onClick: i[5] ||= (e) => J("pin")
+				}, [f(O(P), {
+					name: V(oe.value) ? "lumal:pin-off" : "lumal:pin",
+					size: 14
+				}, null, 8, ["name"]), u("span", null, D(U(oe.value)), 1)], 8, it),
+				u("button", {
+					type: "button",
+					role: "menuitem",
+					disabled: H("maximize"),
+					onClick: i[6] ||= (e) => J("maximize")
+				}, [f(O(P), {
+					name: C.value ? "lumal:restore" : "lumal:maximize",
+					size: 14
+				}, null, 8, ["name"]), u("span", null, D(pe()), 1)], 8, at),
+				u("button", {
+					type: "button",
+					role: "menuitem",
+					disabled: H("new-window"),
+					onClick: i[7] ||= (e) => J("new-window")
+				}, [f(O(P), {
+					name: "lumal:external-link",
+					size: 14
+				}), i[15] ||= u("span", null, "在新窗口打开", -1)], 8, ot),
+				i[21] ||= u("span", { class: "lumal-tabs-context-menu__divider" }, null, -1),
+				u("button", {
+					type: "button",
+					role: "menuitem",
+					disabled: H("close"),
+					onClick: i[8] ||= (e) => J("close")
+				}, [f(O(P), {
+					name: "lumal:close",
+					size: 14
+				}), i[16] ||= u("span", null, "关闭", -1)], 8, st),
+				u("button", {
+					type: "button",
+					role: "menuitem",
+					disabled: H("close-left"),
+					onClick: i[9] ||= (e) => J("close-left")
+				}, [f(O(P), {
+					name: "lumal:chevron-left",
+					size: 14
+				}), i[17] ||= u("span", null, "关闭左侧", -1)], 8, ct),
+				u("button", {
+					type: "button",
+					role: "menuitem",
+					disabled: H("close-right"),
+					onClick: i[10] ||= (e) => J("close-right")
+				}, [f(O(P), {
+					name: "lumal:chevron-right",
+					size: 14
+				}), i[18] ||= u("span", null, "关闭右侧", -1)], 8, lt),
+				u("button", {
+					type: "button",
+					role: "menuitem",
+					disabled: H("close-others"),
+					onClick: i[11] ||= (e) => J("close-others")
+				}, [f(O(P), {
+					name: "lumal:close",
+					size: 14
+				}), i[19] ||= u("span", null, "关闭其他", -1)], 8, ut),
+				u("button", {
+					type: "button",
+					role: "menuitem",
+					disabled: H("close-all"),
+					onClick: i[12] ||= (e) => J("close-all")
+				}, [f(O(P), {
+					name: "lumal:close",
+					size: 14
+				}), i[20] ||= u("span", null, "关闭全部", -1)], 8, dt)
+			], 36)) : c("", !0)]))
+		], 2)) : c("", !0);
+	}
+}), [["__scopeId", "data-v-e1921025"]]), ht = { class: "lumal-top-nav-menu-item__label" }, gt = {
+	key: 1,
+	class: "lumal-top-nav-menu-item__external",
+	"aria-hidden": "true"
+}, _t = { class: "lumal-top-nav-menu-item__label" }, vt = { class: "lumal-top-nav-menu-item__label" }, yt = {
+	key: 1,
+	class: "lumal-top-nav-menu-item__external",
+	"aria-hidden": "true"
+}, bt = /*#__PURE__*/ e(/* @__PURE__ */ p({
+	__name: "LumalTopNavMenuItem",
+	props: {
+		activePath: { default: "" },
+		item: {}
+	},
+	emits: ["select"],
+	setup(e, { emit: n }) {
+		let r = e, i = n, a = o(() => r.item.children?.filter((e) => !e.hidden) ?? []), d = o(() => !!r.item.externalLink && r.item.externalTarget !== "_self"), p = o(() => !!r.activePath && V(r.item, r.activePath));
+		function m(e) {
+			i("select", e);
+		}
+		return (n, r) => {
+			let i = w("LumalTopNavMenuItem", !0);
+			return a.value.length ? (b(), s(O(B), {
+				key: 0,
+				index: e.item.path,
+				class: v({ "is-active": p.value })
+			}, {
+				title: N(() => [
+					e.item.icon ? (b(), s(O(P), {
+						key: 0,
+						name: e.item.icon,
+						size: 16
+					}, null, 8, ["name"])) : c("", !0),
+					u("span", ht, [u("span", null, D(e.item.title), 1), f($, {
+						badge: e.item.badge,
+						label: e.item.title,
+						tone: e.item.badgeTone,
+						type: e.item.badgeType
+					}, null, 8, [
+						"badge",
+						"label",
+						"tone",
+						"type"
+					])]),
+					e.item.externalLink ? (b(), l("span", gt, "↗")) : c("", !0)
+				]),
+				default: N(() => [(b(!0), l(t, null, S(a.value, (t) => (b(), s(i, {
+					key: t.path,
+					item: t,
+					"active-path": e.activePath,
+					onSelect: m
+				}, null, 8, ["item", "active-path"]))), 128))]),
+				_: 1
+			}, 8, ["index", "class"])) : d.value ? (b(), l("li", {
+				key: 1,
+				class: v(["el-menu-item lumal-top-nav-menu-item--external", { "is-active": p.value }]),
+				role: "menuitem",
+				tabindex: "-1",
+				onClick: r[0] ||= (t) => m(e.item.path)
+			}, [
+				e.item.icon ? (b(), s(O(P), {
+					key: 0,
+					name: e.item.icon,
+					size: 16
+				}, null, 8, ["name"])) : c("", !0),
+				u("span", _t, [u("span", null, D(e.item.title), 1), f($, {
+					badge: e.item.badge,
+					label: e.item.title,
+					tone: e.item.badgeTone,
+					type: e.item.badgeType
+				}, null, 8, [
+					"badge",
+					"label",
+					"tone",
+					"type"
+				])]),
+				r[2] ||= u("span", {
+					class: "lumal-top-nav-menu-item__external",
+					"aria-hidden": "true"
+				}, "↗", -1)
+			], 2)) : (b(), s(O(R), {
+				key: 2,
+				index: e.item.path,
+				class: v({ "is-active": p.value }),
+				onClick: r[1] ||= (t) => m(e.item.path)
+			}, {
+				default: N(() => [
+					e.item.icon ? (b(), s(O(P), {
+						key: 0,
+						name: e.item.icon,
+						size: 16
+					}, null, 8, ["name"])) : c("", !0),
+					u("span", vt, [u("span", null, D(e.item.title), 1), f($, {
+						badge: e.item.badge,
+						label: e.item.title,
+						tone: e.item.badgeTone,
+						type: e.item.badgeType
+					}, null, 8, [
+						"badge",
+						"label",
+						"tone",
+						"type"
+					])]),
+					e.item.externalLink ? (b(), l("span", yt, "↗")) : c("", !0)
+				]),
+				_: 1
+			}, 8, ["index", "class"]));
+		};
+	}
+}), [["__scopeId", "data-v-f78b5b43"]]), xt = { class: "lumal-top-nav__label" }, St = {
+	key: 1,
+	class: "lumal-top-nav__external",
+	"aria-hidden": "true"
+}, Ct = /*#__PURE__*/ e(/* @__PURE__ */ p({
+	__name: "LumalTopNav",
+	props: {
+		activePath: { default: "" },
+		align: { default: "left" },
+		maxWidth: { default: "100%" },
+		menus: { default: () => [] },
+		mode: { default: "tree" }
+	},
+	emits: ["select"],
+	setup(e, { expose: n, emit: r }) {
+		let i = e, a = r, d = A("menuRef"), p = o(() => i.menus.filter((e) => !e.hidden));
+		function m(e) {
+			return !!e.externalLink && e.externalTarget !== "_self";
+		}
+		function h(e) {
+			return i.activePath ? i.mode === "flat" ? e.path === i.activePath : V(e, i.activePath) : !1;
+		}
+		function _(e) {
+			let t = h(e);
+			return m(e) ? {
+				class: [
+					"el-menu-item",
+					"lumal-top-nav__external-item",
+					{ "is-active": t }
+				],
+				role: "menuitem",
+				tabindex: -1
+			} : {
+				class: { "is-active": t },
+				index: e.path
+			};
+		}
+		let ee = o(() => ({ "--lumal-top-nav-max-width": typeof i.maxWidth == "number" ? `${i.maxWidth}px` : i.maxWidth }));
+		function te(e) {
+			a("select", e);
+		}
+		return n({
+			getMenuElement: () => d.value?.$el,
+			getMenuInstance: () => d.value
+		}), (n, r) => (b(), s(O(ce), {
+			key: `top-nav:${e.mode}:${e.activePath}`,
+			ref_key: "menuRef",
+			ref: d,
+			class: v(["lumal-top-nav", `is-align-${e.align}`]),
+			mode: "horizontal",
+			"default-active": e.activePath,
+			ellipsis: !0,
+			style: y(ee.value)
+		}, {
+			default: N(() => [(b(!0), l(t, null, S(e.mode === "tree" ? p.value : [], (t) => (b(), s(bt, {
+				key: `tree:${t.path}`,
+				item: t,
+				"active-path": e.activePath,
+				onSelect: te
+			}, null, 8, ["item", "active-path"]))), 128)), (b(!0), l(t, null, S(e.mode === "flat" ? p.value : [], (e) => (b(), s(T(m(e) ? "li" : O(R)), g({ key: `flat:${e.path}` }, { ref_for: !0 }, _(e), { onClick: (t) => te(e.path) }), {
+				default: N(() => [
+					e.icon ? (b(), s(O(P), {
+						key: 0,
+						name: e.icon,
+						size: 16
+					}, null, 8, ["name"])) : c("", !0),
+					u("span", xt, [u("span", null, D(e.title), 1), f($, {
+						badge: e.badge,
+						label: e.title,
+						tone: e.badgeTone,
+						type: e.badgeType
+					}, null, 8, [
+						"badge",
+						"label",
+						"tone",
+						"type"
+					])]),
+					e.externalLink ? (b(), l("span", St, "↗")) : c("", !0)
+				]),
+				_: 2
+			}, 1040, ["onClick"]))), 128))]),
+			_: 1
+		}, 8, [
+			"class",
+			"default-active",
+			"style"
+		]));
+	}
+}), [["__scopeId", "data-v-1c664f72"]]), wt = 1, Tt = 50;
+function Et(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function Dt(e) {
+	return Et(e) ? typeof e.path == "string" && typeof e.title == "string" : !1;
+}
+function Ot(e) {
+	let t = Math.max(1, e.maxHistory ?? 50), n = e.history.slice(0, t);
+	return {
+		v: 1,
+		tabs: e.tabs.map((e) => ({
+			closable: e.closable,
+			icon: e.icon,
+			path: e.path,
+			pinned: e.pinned === !0,
+			title: e.title
+		})),
+		history: n
+	};
+}
+function kt(e) {
+	if (!e) return;
+	let t;
+	try {
+		t = JSON.parse(e);
+	} catch {
+		return;
+	}
+	return !Et(t) || t.v !== 1 || !Array.isArray(t.tabs) || !Array.isArray(t.history) || !t.history.every((e) => typeof e == "string") ? void 0 : {
+		v: 1,
+		tabs: t.tabs.filter(Dt),
+		history: t.history
+	};
+}
+function At(e, t, n) {
+	try {
+		return e.setItem(t, JSON.stringify(n)), !0;
+	} catch {
+		return !1;
+	}
+}
+function jt(e, t) {
+	let n = null;
+	try {
+		n = e.getItem(t);
+	} catch {
+		return;
+	}
+	let r = kt(n);
+	if (n) {
+		if (!r) {
+			try {
+				e.removeItem(t);
+			} catch {}
+			return;
+		}
+		return r;
+	}
+}
+function Mt(e, t) {
+	try {
+		e.removeItem(t);
+	} catch {}
+}
+function Nt(e, t) {
+	let n = t.fixedTabs.map((e) => ({
+		...e,
+		pinned: !0,
+		closable: !1
+	})), r = new Set(n.map((e) => e.path)), i = t.isValidPath ?? (() => !0), a = [];
+	if (e) for (let n of e.tabs) {
+		if (!n.path || !i(n.path) || r.has(n.path)) continue;
+		let e = t.resolveTab?.(n.path) ?? {};
+		a.push({
+			closable: n.closable !== !1,
+			icon: n.icon,
+			path: n.path,
+			pinned: n.pinned === !0,
+			title: n.title,
+			...e
+		});
+	}
+	let o = [...n, ...a];
+	if (t.currentPath) {
+		let e = t.resolveTab?.(t.currentPath) ?? {}, n = {
+			closable: !0,
+			icon: e.icon,
+			path: t.currentPath,
+			pinned: !1,
+			title: e.title ?? t.currentTab?.title ?? t.currentPath,
+			...t.currentTab ?? {},
+			...e
+		};
+		r.has(t.currentPath) || o.some((e) => e.path === t.currentPath) || (o = [...o, n]);
+	}
+	o = [...o].sort((e, t) => {
+		let n = +(e.pinned === !0);
+		return +(t.pinned === !0) - n;
+	});
+	let s = e?.history ?? [];
+	return {
+		tabs: o,
+		history: s
+	};
+}
+//#endregion
+//#region src/layout/state/tab-strategy.ts
+function Pt(e) {
+	return [...e].sort((e, t) => {
+		let n = +(e.pinned === !0);
+		return +(t.pinned === !0) - n;
+	});
+}
+function Ft(e, t, n = {}) {
+	let r = e.some((e) => e.path === t.path) ? [...e] : [...e, t], i = n.maxCount ?? 0;
+	if (i <= 0 || r.length <= i) return r;
+	let a = [...r];
+	for (; a.length > i;) {
+		let e = a.findIndex((e) => e.closable !== !1 && e.pinned !== !0 && e.path !== t.path);
+		if (e === -1) break;
+		a.splice(e, 1);
+	}
+	return a;
+}
+function It(e, t, n) {
+	if (t <= 0 || e.length <= t) return [...e];
+	let r = [...e];
+	for (; r.length > t;) {
+		let e = r.findIndex((e) => e.closable !== !1 && e.pinned !== !0 && e.path !== n);
+		if (e === -1) break;
+		r.splice(e, 1);
+	}
+	return r;
+}
+function Lt(e, t) {
+	return e.filter((e) => !(e.path === t && e.closable !== !1 && e.pinned !== !0));
+}
+function Rt(e, t) {
+	let n = e.findIndex((e) => e.path === t);
+	return n <= 0 ? [...e] : e.filter((e, t) => t >= n || e.closable === !1 || e.pinned === !0);
+}
+function zt(e, t) {
+	let n = e.findIndex((e) => e.path === t);
+	return n === -1 || n >= e.length - 1 ? [...e] : e.filter((e, t) => t <= n || e.closable === !1 || e.pinned === !0);
+}
+function Bt(e, t) {
+	return e.filter((e) => e.path === t || e.closable === !1 || e.pinned === !0);
+}
+function Vt(e) {
+	let t = e.filter((e) => e.closable === !1 || e.pinned === !0);
+	return t.length > 0 ? t : e.length > 0 ? [e[0]] : [];
+}
+function Ht(e, t) {
+	let n = !1, r = e.map((e) => e.path === t ? (n = !0, {
+		...e,
+		pinned: !0
+	}) : e);
+	return n ? Pt(r) : r;
+}
+function Ut(e, t) {
+	return e.map((e) => e.path === t && e.closable !== !1 ? {
+		...e,
+		pinned: !1
+	} : e);
+}
+function Wt(e) {
+	return e.closable === !1;
+}
+function Gt(e) {
+	return e.pinned === !0 && e.closable !== !1;
+}
+function Kt(e) {
+	return e.pinned !== !0 && e.closable !== !1;
+}
+var qt = 50;
+function Jt(e, t, n = {}) {
+	if (!t) return [...e];
+	let r = n.maxCount ?? qt;
+	return [t, ...e.filter((e) => e !== t)].slice(0, Math.max(1, r));
+}
+function Yt(e, t, n = [], r = {}) {
+	if (e.length === 0) return "";
+	if (r.useHistory && n.length > 0) {
+		let r = new Set(e.map((e) => e.path));
+		for (let e of n) if (e !== t && r.has(e)) return e;
+	}
+	let i = r.priorClosedIndex ?? -1;
+	if (i >= 0) {
+		let t = e[i];
+		if (t) return t.path;
+		let n = e[i - 1];
+		if (n) return n.path;
+	}
+	return e[0]?.path ?? "";
+}
+function Xt(e, t, n) {
+	let r = e.findIndex((e) => e.path === t), i = e.findIndex((e) => e.path === n);
+	if (r === -1 || i === -1 || r === i || e[r].pinned === !0 != (e[i].pinned === !0)) return [...e];
+	let a = [...e], [o] = a.splice(r, 1);
+	return o && a.splice(i, 0, o), a;
+}
+function Zt(e, t = {}) {
+	return t.enable === !1 ? [] : e.map((e) => e.path);
+}
+//#endregion
+//#region src/layout/LumalLayout.vue
+var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
+	__name: "LumalLayout",
+	props: /*@__PURE__*/ h({
+		title: {},
+		menus: { default: () => [] },
+		preferences: {},
+		tabs: { default: () => [] },
+		activeMenuPath: { default: "" },
+		activeTabPath: { default: "" },
+		routeDriven: {
+			type: Boolean,
+			default: !1
+		},
+		routeTabFilter: {},
+		routeTabResolver: {},
+		tabFallbackPath: { default: "" },
+		tabMaxCount: {},
+		fixedTabs: { default: () => [] },
+		headerHeight: { default: "50px" },
+		showHeader: {
+			type: Boolean,
+			default: !0
+		},
+		tabStorageKey: { default: "" },
+		isValidTabPath: {},
+		resolveTabUrl: {}
+	}, {
+		activeTabPath: {},
+		activeTabPathModifiers: {}
+	}),
+	emits: /*@__PURE__*/ h([
+		"menuSelect",
+		"topMenuSelect",
+		"toggleSidebar",
+		"tabChange",
+		"tabCloseAll",
+		"tabCloseLeft",
+		"tabCloseOthers",
+		"tabCloseRight",
+		"tabRefresh",
+		"tabRemove",
+		"tabPin",
+		"tabReorder",
+		"tabMaximize",
+		"tabNewWindow"
+	], ["update:activeTabPath"]),
+	setup(e, { expose: t, emit: n }) {
+		let r = e, a = n, u = ne(e, "activeTabPath"), p = m(ue, void 0), h = m(de, void 0), g = A("layoutRef"), _ = A("tabsRef"), y = E(!1), x = E(!1), S = E(!1), w = E([]), T = E(""), D = E([]), k = o(() => r.tabMaxCount ?? r.preferences.tabbar.maxCount), j;
+		function ae(e) {
+			return e.meta.layout !== "public" && e.meta.hideInTab !== !0 && !!e.meta.title;
+		}
+		function P(e) {
+			let t = typeof e.meta.title == "string" ? e.meta.title : void 0;
+			if (t) return {
+				closable: e.meta.affixTab !== !0,
+				icon: typeof e.meta.icon == "string" ? e.meta.icon : void 0,
+				path: e.path,
+				title: t
+			};
+		}
+		function F() {
+			return r.fixedTabs.map((e) => ({
+				...e,
+				closable: !1,
+				pinned: !0
+			}));
+		}
+		function I(e) {
+			return {
+				closable: e.closable !== !1,
+				icon: e.icon,
+				path: e.path,
+				pinned: e.pinned === !0,
+				title: e.title
+			};
+		}
+		function oe() {
+			if (r.isValidTabPath) return r.isValidTabPath;
+			if (!(!h || !r.routeDriven)) return (e) => {
+				try {
+					let t = h.resolve(e)?.matched ?? [], n = t[t.length - 1];
+					return n ? n.meta?.layout !== "public" && n.meta?.hideInTab !== !0 : !1;
+				} catch {
+					return !1;
+				}
+			};
+		}
+		function se(e) {
+			if (!(!h || !r.routeDriven)) try {
+				let t = h.resolve(e)?.matched ?? [], n = t[t.length - 1], r = typeof n?.meta?.title == "string" ? n.meta.title : void 0, i = typeof n?.meta?.icon == "string" ? n.meta.icon : void 0;
+				return !r && !i ? void 0 : {
+					icon: i,
+					title: r
+				};
+			} catch {
+				return;
+			}
+		}
+		function ce(e) {
+			if (!r.routeDriven || !(r.routeTabFilter ?? ae)(e)) return;
+			let t = (r.routeTabResolver ?? P)(e);
+			if (!t) return;
+			let n = F(), i = new Set(n.map((e) => e.path)), a = w.value.filter((e) => !i.has(e.path)), o = Ft([...n, ...a], t, { maxCount: k.value });
+			w.value = o, r.preferences.tabbar.visitHistory && (D.value = Jt(D.value, e.path)), Q();
+		}
+		function R(e) {
+			r.routeDriven && h && e && e !== p?.path && h.push(e);
+		}
+		function z(e) {
+			return r.tabFallbackPath ? r.tabFallbackPath : e[0]?.path ?? "";
+		}
+		let B = o({
+			get: () => r.routeDriven ? p?.path ?? r.activeTabPath : u.value ?? r.activeTabPath,
+			set: (e) => {
+				r.routeDriven ? R(e) : u.value = e;
+			}
+		}), le = o(() => r.routeDriven ? w.value : r.tabs), fe = o(() => le.value.length > 0), V = o(() => r.preferences.sidebar.collapsed), U = o(() => typeof p?.meta.activeMenu == "string" ? p.meta.activeMenu : ""), W = o(() => {
+			let e = p?.path || B.value, t = U.value;
+			return t && H(r.menus, t) ? t : e && H(r.menus, e) ? e : r.activeMenuPath && H(r.menus, r.activeMenuPath) ? r.activeMenuPath : r.activeMenuPath || e;
+		}), ge = o(() => p?.path || B.value || W.value), G = o(() => ({
+			enable: r.preferences.breadcrumb?.enable ?? !0,
+			hideOnlyOne: r.preferences.breadcrumb?.hideOnlyOne ?? !1,
+			showHome: r.preferences.breadcrumb?.showHome ?? !0,
+			showIcon: r.preferences.breadcrumb?.showIcon ?? !0
+		})), _e = o(() => r.preferences.header.globalSearch ?? !0), ye = o(() => r.preferences.shortcutKeys?.globalSearch ?? !0), q = o(() => me(r.menus, W.value)), J = o(() => r.preferences.app.layout === "mixed-nav" && r.preferences.sidebar.enable), be = o(() => J.value ? r.menus.find((e) => !e.hidden && e.path === T.value)?.path ?? q.value : q.value), Y = o(() => {
+			let e = he({
+				activeTopMenuPath: be.value,
+				layout: r.preferences.app.layout,
+				menus: r.menus
+			});
+			return {
+				...e,
+				sidebarMenus: r.preferences.sidebar.enable ? e.sidebarMenus : []
+			};
+		}), xe = o(() => Y.value.sidebarMenus), X = o(() => Y.value.topMenus), Z = o(() => xe.value.length > 0), Se = o(() => X.value.length > 0), Ce = o(() => G.value.enable && Z.value && !Se.value), we = o(() => J.value ? "flat" : "tree"), Te = o(() => we.value === "tree" ? W.value : be.value), De = o(() => Se.value ? X.value : xe.value), Oe = o(() => De.value.some((e) => !e.hidden));
+		M(() => [
+			p?.fullPath,
+			W.value,
+			r.menus,
+			r.preferences.app.layout,
+			r.preferences.sidebar.enable
+		], () => {
+			T.value = q.value;
+		}, { immediate: !0 }), M(() => [
+			r.preferences.app.dynamicTitle ?? !0,
+			p?.meta.title,
+			r.title
+		], ([e, t, n]) => {
+			if (typeof document > "u") return;
+			let r = typeof t == "string" ? t.trim() : "", i = n?.trim() ?? "";
+			if (!e) {
+				document.title = i;
+				return;
+			}
+			!r && !i || (document.title = r && i && r !== i ? `${r} - ${i}` : r || i);
+		}, { immediate: !0 });
+		function ke() {
+			if (!(!r.tabStorageKey || !r.preferences.tabbar.persist) && !(typeof sessionStorage > "u")) return {
+				getItem: sessionStorage.getItem.bind(sessionStorage),
+				removeItem: sessionStorage.removeItem.bind(sessionStorage),
+				setItem: sessionStorage.setItem.bind(sessionStorage)
+			};
+		}
+		function Q() {
+			let e = ke();
+			if (!e || !r.tabStorageKey || !r.routeDriven) return;
+			let t = Ot({
+				tabs: w.value.map(I),
+				history: D.value
+			});
+			At(e, r.tabStorageKey, t);
+		}
+		function Ae() {
+			let e = ke();
+			!e || !r.tabStorageKey || Mt(e, r.tabStorageKey);
+		}
+		function Me() {
+			if (!r.routeDriven) return;
+			let e = ke();
+			if (!e || !r.tabStorageKey) return;
+			let t = jt(e, r.tabStorageKey), n = p?.path ?? "", i = Nt(t, {
+				currentPath: n,
+				currentTab: p ? (r.routeTabResolver ?? P)(p) : void 0,
+				fixedTabs: F(),
+				isValidPath: oe(),
+				resolveTab: se
+			});
+			w.value = i.tabs, r.preferences.tabbar.visitHistory ? (n && i.history.unshift(n), D.value = Jt(i.history, n || "")) : D.value = [];
+		}
+		function Ne(e) {
+			y.value = e?.matches ?? j?.matches ?? !1, y.value && (x.value = !1);
+		}
+		te(() => {
+			typeof window > "u" || typeof window.matchMedia != "function" || (j = window.matchMedia("(max-width: 768px)"), Ne(), j.addEventListener?.("change", Ne));
+		}), ee(() => {
+			j?.removeEventListener?.("change", Ne);
+		}), M(() => [
+			r.routeDriven,
+			k.value,
+			r.fixedTabs
+		], () => {
+			if (!r.routeDriven) {
+				w.value = [];
+				return;
+			}
+			let e = F(), t = new Set(e.map((e) => e.path)), n = [...e];
+			for (let e of w.value.filter((e) => !t.has(e.path))) n = Ft(n, e, { maxCount: k.value });
+			w.value = It(Pt(n), k.value, B.value), Q();
+		}, {
+			deep: !0,
+			immediate: !0
+		}), M(() => p?.fullPath, () => {
+			p && ce(p);
+		}, { immediate: !0 }), M(() => [
+			r.routeDriven,
+			r.tabStorageKey,
+			r.preferences.tabbar.persist
+		], (e, t) => {
+			let n = e[0], r = e[2], i = t?.[1] && t?.[2];
+			n && r && !i && Me(), !r && i && Ae();
+		}, { immediate: !1 }), ee(() => {
+			Q();
+		});
+		function $() {
+			if (y.value) {
+				x.value = !x.value;
+				return;
+			}
+			a("toggleSidebar");
+		}
+		function Pe(e) {
+			x.value = !1, a("menuSelect", e);
+		}
+		function Fe(e) {
+			let t = H(r.menus, e), n = t?.children?.filter((e) => !e.hidden) ?? [], i = !!t?.externalLink && t?.externalTarget !== "_self";
+			J.value && t && (n.length > 0 || !i) && (T.value = t.path), a("topMenuSelect", e), !(J.value && n.length > 0 && !r.preferences.sidebar.autoActivateChild) && Pe(pe(t) || e);
+		}
+		function Ie(e) {
+			Pe(pe(H(r.menus, e)) || e);
+		}
+		function Le(e) {
+			a("tabChange", e);
+		}
+		function Re(e) {
+			if (r.routeDriven) {
+				let t = w.value.findIndex((t) => t.path === e), n = Lt(w.value, e);
+				if (w.value = n, B.value === e) {
+					let i = r.preferences.tabbar.visitHistory;
+					R(Yt(n, e, D.value, {
+						useHistory: i,
+						priorClosedIndex: t
+					}) || z(n));
+				}
+				Q();
+			}
+			a("tabRemove", e);
+		}
+		function ze(e) {
+			r.routeDriven && (w.value = Rt(w.value, e), R(e), Q()), a("tabCloseLeft", e);
+		}
+		function Be(e) {
+			r.routeDriven && (w.value = zt(w.value, e), R(e), Q()), a("tabCloseRight", e);
+		}
+		function Ve(e) {
+			r.routeDriven && (w.value = Bt(w.value, e), R(e), Q()), a("tabCloseOthers", e);
+		}
+		function He() {
+			r.routeDriven && (w.value = Vt(w.value), R(z(w.value)), Q()), a("tabCloseAll");
+		}
+		function Ue(e, t) {
+			r.routeDriven && (w.value = t ? Ht(w.value, e) : Ut(w.value, e), Q()), a("tabPin", e, t);
+		}
+		function We(e, t) {
+			r.routeDriven && (w.value = Xt(w.value, e, t), Q()), a("tabReorder", e, t);
+		}
+		function Ge(e) {
+			let t = r.resolveTabUrl ? r.resolveTabUrl(e) : (() => {
+				if (h) try {
+					return h.resolve(e)?.fullPath ?? e;
+				} catch {
+					return e;
+				}
+				return e;
+			})();
+			window.open(t, "_blank", "noopener,noreferrer"), a("tabNewWindow", e);
+		}
+		function Ke(e) {
+			S.value = e, a("tabMaximize", e);
+		}
+		function Je(e) {
+			e.key === "Escape" && S.value && (e.preventDefault(), _.value?.setMaximized(!1), a("tabMaximize", !1));
+		}
+		return M(S, (e) => {
+			typeof document > "u" || (e ? document.addEventListener("keydown", Je) : document.removeEventListener("keydown", Je));
+		}), ee(() => {
+			typeof document < "u" && document.removeEventListener("keydown", Je);
+		}), t({
+			getLayoutElement: () => g.value?.$el,
+			getLayoutInstance: () => g.value,
+			getTabs: () => [...le.value],
+			getVisitHistory: () => [...D.value],
+			resetTabs: () => {
+				w.value = Vt(w.value), D.value = [], R(z(w.value)), Q();
+			},
+			resetTabSnapshot: () => {
+				Ae();
+			}
+		}), (t, n) => (b(), s(O(L), {
+			ref_key: "layoutRef",
+			ref: g,
+			class: v(["lumal-layout", {
+				"is-sidebar-collapsed": V.value,
+				"is-sidebar-hidden": !Z.value,
+				"is-mobile-menu-hidden": !x.value,
+				"is-content-maximized": S.value
+			}]),
+			"data-layout": e.preferences.app.layout,
+			direction: "vertical"
+		}, {
+			default: N(() => [e.showHeader ? ie((b(), s(je, {
+				key: 0,
+				title: e.title,
+				collapsed: y.value ? !x.value : V.value,
+				height: e.headerHeight,
+				"mobile-only-toggle": !Z.value && Se.value,
+				"sidebar-enabled": Z.value || Se.value,
+				"toggle-after-title": Z.value && !y.value,
+				onToggleCollapse: $
+			}, d({ _: 2 }, [
+				t.$slots.logo ? {
+					name: "logo",
+					fn: N(() => [C(t.$slots, "logo", {}, void 0, !0)]),
+					key: "0"
+				} : void 0,
+				Se.value ? {
+					name: "navigation",
+					fn: N(() => [f(Ct, {
+						menus: X.value,
+						"active-path": Te.value,
+						align: e.preferences.header.menuAlign,
+						"max-width": e.preferences.header.menuMaxWidth,
+						mode: we.value,
+						onSelect: Fe
+					}, null, 8, [
+						"menus",
+						"active-path",
+						"align",
+						"max-width",
+						"mode"
+					])]),
+					key: "1"
+				} : void 0,
+				Ce.value ? {
+					name: "breadcrumb",
+					fn: N(() => [f(K, {
+						class: "lumal-layout__header-breadcrumb",
+						"active-menu-path": W.value,
+						"active-path": ge.value,
+						"hide-only-one": G.value.hideOnlyOne,
+						menus: e.menus,
+						"show-home": G.value.showHome,
+						"show-icon": G.value.showIcon,
+						onSelect: Ie
+					}, null, 8, [
+						"active-menu-path",
+						"active-path",
+						"hide-only-one",
+						"menus",
+						"show-home",
+						"show-icon"
+					])]),
+					key: "2"
+				} : void 0,
+				_e.value || t.$slots.headerActions ? {
+					name: "actions",
+					fn: N(() => [_e.value ? (b(), s(Ee, {
+						key: 0,
+						menus: e.menus,
+						shortcut: ye.value,
+						onSelect: Ie
+					}, null, 8, ["menus", "shortcut"])) : c("", !0), C(t.$slots, "headerActions", {}, void 0, !0)]),
+					key: "3"
+				} : void 0
+			]), 1032, [
+				"title",
+				"collapsed",
+				"height",
+				"mobile-only-toggle",
+				"sidebar-enabled",
+				"toggle-after-title"
+			])), [[re, !S.value]]) : c("", !0), f(O(L), { class: "lumal-layout__body" }, {
+				default: N(() => [
+					Oe.value && !S.value ? (b(), l("button", {
+						key: 0,
+						class: "lumal-layout__sidebar-scrim",
+						type: "button",
+						"aria-label": "关闭侧边栏",
+						onClick: n[0] ||= (e) => x.value = !1
+					})) : c("", !0),
+					S.value ? c("", !0) : (b(), s(i, {
+						key: 1,
+						name: "lumal-layout-sidebar",
+						appear: ""
+					}, {
+						default: N(() => [Z.value ? (b(), s(qe, {
+							key: 0,
+							class: "lumal-layout__desktop-sidebar",
+							"aria-label": "主菜单",
+							menus: xe.value,
+							"active-path": W.value,
+							collapsed: V.value,
+							width: `${e.preferences.sidebar.width}px`,
+							"collapsed-width": "64px",
+							onSelect: Pe
+						}, null, 8, [
+							"menus",
+							"active-path",
+							"collapsed",
+							"width"
+						])) : c("", !0)]),
+						_: 1
+					})),
+					Oe.value && !S.value ? (b(), s(qe, {
+						key: 2,
+						class: "lumal-layout__mobile-sidebar",
+						"aria-label": "移动菜单",
+						"aria-hidden": !x.value,
+						inert: !x.value || void 0,
+						menus: De.value,
+						"active-path": W.value,
+						collapsed: !1,
+						width: `${e.preferences.sidebar.width}px`,
+						"collapsed-width": "64px",
+						onSelect: Pe
+					}, null, 8, [
+						"aria-hidden",
+						"inert",
+						"menus",
+						"active-path",
+						"width"
+					])) : c("", !0),
+					f(O(L), {
+						class: "lumal-layout__main",
+						direction: "vertical",
+						"data-layout-fullscreen-target": ""
+					}, {
+						default: N(() => [
+							G.value.enable && !Ce.value && !S.value ? (b(), s(K, {
+								key: 0,
+								"active-menu-path": W.value,
+								"active-path": ge.value,
+								"hide-only-one": G.value.hideOnlyOne,
+								menus: e.menus,
+								"show-home": G.value.showHome,
+								"show-icon": G.value.showIcon,
+								onSelect: Ie
+							}, null, 8, [
+								"active-menu-path",
+								"active-path",
+								"hide-only-one",
+								"menus",
+								"show-home",
+								"show-icon"
+							])) : c("", !0),
+							fe.value && e.preferences.tabbar.enable ? (b(), s(mt, {
+								key: 1,
+								ref_key: "tabsRef",
+								ref: _,
+								"active-path": B.value,
+								"onUpdate:activePath": n[1] ||= (e) => B.value = e,
+								tabs: le.value,
+								"show-icon": e.preferences.tabbar.showIcon,
+								"show-maximize": e.preferences.tabbar.showMaximize,
+								"show-more": e.preferences.tabbar.showMore,
+								"show-refresh": e.preferences.tabbar.showRefresh,
+								draggable: e.preferences.tabbar.draggable,
+								wheelable: e.preferences.tabbar.wheelable,
+								"middle-click-to-close": e.preferences.tabbar.middleClickToClose,
+								"style-type": e.preferences.tabbar.styleType,
+								onChange: Le,
+								onCloseAll: He,
+								onCloseLeft: ze,
+								onCloseOthers: Ve,
+								onCloseRight: Be,
+								onMaximize: Ke,
+								onNewWindow: Ge,
+								onPin: Ue,
+								onRefresh: n[2] ||= (e) => a("tabRefresh", e),
+								onRemove: Re,
+								onReorder: We
+							}, null, 8, [
+								"active-path",
+								"tabs",
+								"show-icon",
+								"show-maximize",
+								"show-more",
+								"show-refresh",
+								"draggable",
+								"wheelable",
+								"middle-click-to-close",
+								"style-type"
+							])) : c("", !0),
+							f(ve, null, {
+								default: N(() => [C(t.$slots, "default", {}, void 0, !0)]),
+								_: 3
+							})
+						]),
+						_: 3
+					})
+				]),
+				_: 3
+			})]),
+			_: 3
+		}, 8, ["data-layout", "class"]));
+	}
+}), [["__scopeId", "data-v-c4a60970"]]), $t = {
+	key: 0,
+	class: "lumal-router-view__progress",
+	"aria-hidden": "true"
+}, en = {
+	key: 1,
+	class: "lumal-router-view__loading",
+	"aria-hidden": "true"
+}, tn = /*#__PURE__*/ e(/* @__PURE__ */ p({
+	__name: "LumalRouterView",
+	props: {
+		viewKey: { default: "default" },
+		transition: {
+			type: Boolean,
+			default: !1
+		},
+		transitionName: { default: "fade-side" },
+		progress: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		cache: {
+			type: Boolean,
+			default: !1
+		},
+		cacheMax: { default: 0 }
+	},
+	setup(e, { expose: t }) {
+		let r = e, a = A("routerViewRef"), d = E(!1), p = E(!1), m = /* @__PURE__ */ new Set([r.viewKey]), h = o(() => r.cacheMax > 0 ? r.cacheMax : void 0), g = o(() => r.transition ? r.transitionName : void 0), _;
+		function v() {
+			_ &&= (clearTimeout(_), void 0);
+		}
+		function y(e) {
+			return r.cache && m.has(e);
+		}
+		function te(e) {
+			d.value = !1, p.value = !1, m.add(e), _ = void 0;
+		}
+		function x(e) {
+			if (v(), d.value = r.progress && !y(e), p.value = r.loading && !y(e), !d.value && !p.value) {
+				m.add(e);
+				return;
+			}
+			_ = setTimeout(te, 520, e);
+		}
+		return M(() => r.viewKey, (e, t) => {
+			t !== void 0 && x(e);
+		}), ee(() => {
+			v();
+		}), t({ getRouterViewElement: () => a.value }), (t, r) => (b(), l("div", {
+			ref_key: "routerViewRef",
+			ref: a,
+			class: "lumal-router-view"
+		}, [
+			d.value ? (b(), l("div", $t, [...r[0] ||= [u("span", { class: "lumal-router-view__progress-bar" }, null, -1)]])) : c("", !0),
+			f(O(le), null, {
+				default: N(({ Component: t }) => [g.value ? (b(), s(i, {
+					key: 0,
+					appear: "",
+					mode: "out-in",
+					name: g.value
+				}, {
+					default: N(() => [e.cache ? (b(), s(n, {
+						key: 0,
+						max: h.value
+					}, [(b(), s(T(t), { key: e.viewKey }))], 1032, ["max"])) : (b(), s(T(t), { key: e.viewKey }))]),
+					_: 2
+				}, 1032, ["name"])) : e.cache ? (b(), s(n, {
+					key: 1,
+					max: h.value
+				}, [(b(), s(T(t), { key: e.viewKey }))], 1032, ["max"])) : (b(), s(T(t), { key: e.viewKey }))]),
+				_: 1
+			}),
+			p.value ? (b(), l("div", en, [...r[1] ||= [u("span", { class: "lumal-router-view__loading-dot" }, null, -1)]])) : c("", !0)
+		], 512));
+	}
+}), [["__scopeId", "data-v-3ad5cc30"]]);
+//#endregion
+export { qe as A, he as B, kt as C, At as D, Ot as E, H as F, U as I, V as L, Ee as M, ve as N, Ct as O, K as P, me as R, Mt as S, Nt as T, Yt as _, Gt as a, Tt as b, Bt as c, zt as d, Wt as f, Zt as g, Xt as h, Kt as i, je as j, mt as k, Lt as l, Jt as m, Qt as n, It as o, Ht as p, Ft as r, Vt as s, tn as t, Rt as u, Pt as v, jt as w, wt as x, Ut as y, pe as z };