morya-ui 0.3.0 → 0.3.2

package/dist/menu/index.js

@@ -1,19 +1,19 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../Icon-lcN1rS87.js";
+import { t } from "../Icon-od9Ob-Ay.js";
 import { t as n } from "../useMotionTransition-Bxnnb_9u.js";
 import { n as r, t as i } from "../overlay-oR-5MDuE.js";
 import { t as a } from "../overlayPlacement-Cd20JTD_.js";
 import { t as o } from "../useFloatingViewportSync-DZdJ7W8n.js";
 import { t as s } from "../useMenuKeyboard-BedmYE4W.js";
 import { t as c } from "../Scrollbar-DTeJ8P5b.js";
-import { t as ee } from "../icon-DWXkh-RM.js";
+import { t as ee } from "../icon-COrt_N8A.js";
 import { t as l } from "../key-CaQYVkjh.js";
 import { t as u } from "../lastPointer-CRxcUqdd.js";
 import { t as d } from "../Popover-BQ07q4VV.js";
 import { t as f } from "../Tooltip-D5DO0B3z.js";
 import { c as te } from "../config-CapALqt3.js";
 import "./style.js";
-import { Fragment as p, Teleport as ne, Transition as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createVNode as b, defineComponent as x, getCurrentInstance as S, inject as C, mergeProps as w, nextTick as T, normalizeClass as E, normalizeStyle as D, onBeforeUnmount as re, openBlock as O, provide as k, reactive as ie, ref as A, renderList as ae, renderSlot as j, resolveDynamicComponent as M, toDisplayString as N, unref as P, useAttrs as oe, useSlots as se, watch as ce, withCtx as F } from "vue";
+import { Fragment as p, Teleport as ne, Transition as re, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createVNode as y, defineComponent as b, getCurrentInstance as x, inject as ie, mergeProps as S, nextTick as C, normalizeClass as w, normalizeStyle as T, onBeforeUnmount as ae, openBlock as E, provide as D, reactive as oe, ref as O, renderList as k, renderSlot as A, resolveDynamicComponent as j, toDisplayString as M, unref as N, useAttrs as se, useSlots as ce, watch as P, withCtx as F } from "vue";
 //#region src/shared/menu/tree.ts
 function I(e, t, n = "item") {
 	return l(e, t, n);
@@ -34,17 +34,17 @@ function L(e, t, n = "item") {
 function le(e, t, n, r = "item") {
 	return e.items?.length ? I(e, n, r) === t || L(e.items, t, `${r}-${n}`) !== null : !1;
 }
-function ue(e, t = "item") {
+function R(e, t = "item") {
 	let n = [];
 	for (let r = 0; r < e.length; r++) {
 		let i = e[r];
 		if (i.separator || !i.items?.length) continue;
 		let a = I(i, r, t);
-		n.push(a), n.push(...ue(i.items, `${t}-${r}`));
+		n.push(a), n.push(...R(i.items, `${t}-${r}`));
 	}
 	return n;
 }
-function de(e, t = "item") {
+function ue(e, t = "item") {
 	let n = [];
 	for (let r = 0; r < e.length; r++) {
 		let i = e[r];
@@ -53,41 +53,79 @@ function de(e, t = "item") {
 	return n;
 }
 //#endregion
+//#region src/shared/menu/expand.ts
+function de(e, t = {}) {
+	return t.defaultExpandAll ? R(e) : t.defaultExpandedKeys?.length ? [...t.defaultExpandedKeys] : t.selectedKey ? L(e, t.selectedKey) ?? [] : [];
+}
+function fe(e, t, n = {}) {
+	let r = [...e], i = r.indexOf(t);
+	if (i >= 0) return r.splice(i, 1), r;
+	let a = n.topLevelKeys ?? [];
+	if (n.accordion && a.includes(t)) {
+		for (let e of [...r]) if (a.includes(e) && e !== t) {
+			let t = r.indexOf(e);
+			t >= 0 && r.splice(t, 1);
+		}
+	}
+	return r.push(t), r;
+}
+function pe(e, t, n = {}) {
+	if (!t.length) return e;
+	let r = /* @__PURE__ */ new Set([...e, ...t]);
+	if (n.accordion) for (let e of n.topLevelKeys ?? []) r.has(e) && !t.includes(e) && r.delete(e);
+	return Array.from(r);
+}
+function me(e, t) {
+	let n = [], r = (e, i, a) => {
+		e.forEach((e, o) => {
+			if (e.separator) return;
+			let s = I(e, o, i), c = !!e.items?.length;
+			n.push({
+				item: e,
+				key: s,
+				parentKey: a,
+				hasChildren: c
+			}), c && !t.excludeChildren && t.isExpanded(s) && r(e.items, `${i}-${o}`, s);
+		});
+	};
+	return r(e, t.prefix ?? "item", null), n;
+}
+//#endregion
 //#region src/components/Menu/context.ts
-var fe = Symbol("muMenu");
+var he = Symbol("muMenu");
 //#endregion
 //#region src/shared/optionalRouter.ts
-function R(e) {
+function z(e) {
 	return !!(e && typeof e == "object" && "resolve" in e && "push" in e);
 }
-function pe() {
-	let e = S();
+function B() {
+	let e = x();
 	if (!e) return !1;
 	let t = e.appContext.provides;
-	for (let e of Reflect.ownKeys(t)) if (R(t[e])) return !0;
+	for (let e of Reflect.ownKeys(t)) if (z(t[e])) return !0;
 	let n = e;
 	for (; n;) {
 		let e = n.provides;
 		if (e) {
-			for (let t of Reflect.ownKeys(e)) if (R(e[t])) return !0;
+			for (let t of Reflect.ownKeys(e)) if (z(e[t])) return !0;
 		}
 		n = n.parent;
 	}
 	return !!e.appContext.components.RouterLink;
 }
-function z() {
-	let e = S();
-	return !e || !pe() ? null : e.appContext.components.RouterLink ?? null;
+function V() {
+	let e = x();
+	return !e || !B() ? null : e.appContext.components.RouterLink ?? null;
 }
-function B(e) {
+function ge(e) {
 	return typeof e == "string" ? e : typeof e.path == "string" ? e.path : typeof e.href == "string" ? e.href : "#";
 }
-function me(e) {
+function _e(e) {
 	return typeof e == "string" ? /^(?:[a-z][a-z\d+\-.]*:)?\/\//i.test(e) || e.startsWith("mailto:") || e.startsWith("tel:") : !1;
 }
 //#endregion
 //#region src/components/Menu/MenuCollapsedTooltip.vue
-var V = /* @__PURE__ */ x({
+var H = /* @__PURE__ */ b({
 	__name: "MenuCollapsedTooltip",
 	props: {
 		label: {},
@@ -101,57 +139,57 @@ var V = /* @__PURE__ */ x({
 		}
 	},
 	setup(e) {
-		let t = e, n = h(() => t.active && !!t.label && !t.suspended);
-		return (t, r) => n.value ? (O(), g(f, {
+		let t = e, n = m(() => t.active && !!t.label && !t.suspended);
+		return (t, r) => n.value ? (E(), h(f, {
 			key: 0,
 			content: e.label,
 			placement: "right",
 			"show-delay": 200,
 			"hide-delay": 0
 		}, {
-			default: F(() => [j(t.$slots, "default")]),
+			default: F(() => [A(t.$slots, "default")]),
 			_: 3
-		}, 8, ["content"])) : j(t.$slots, "default", {}, void 0, void 0, 1);
+		}, 8, ["content"])) : A(t.$slots, "default", {}, void 0, void 0, 1);
 	}
-}), H = {
+}), U = {
 	key: 0,
 	class: "m-menu__separator",
 	role: "separator"
-}, U = [
+}, W = [
 	"tabindex",
 	"data-m-menu-key",
 	"aria-label",
 	"aria-expanded"
-], W = {
+], G = {
 	key: 0,
 	class: "m-menu__icon",
 	"aria-hidden": "true"
-}, G = { class: "m-menu__label" }, he = {
+}, ve = { class: "m-menu__label" }, ye = {
 	key: 1,
 	class: "m-menu__arrow",
 	"aria-hidden": "true"
-}, ge = {
+}, be = {
 	class: "m-menu m-menu--flyout",
 	role: "menu"
-}, _e = [
+}, xe = [
 	"tabindex",
 	"data-m-menu-key",
 	"aria-expanded",
 	"aria-disabled",
 	"onClick"
-], ve = {
+], K = {
 	key: 0,
 	class: "m-menu__icon",
 	"aria-hidden": "true"
-}, K = { class: "m-menu__label" }, q = {
+}, Se = { class: "m-menu__label" }, q = {
 	key: 0,
 	class: "m-menu__submenu",
 	role: "group"
-}, J = { class: "m-menu__submenu-inner" }, Y = {
+}, J = { class: "m-menu__submenu-inner" }, Ce = {
 	key: 0,
 	class: "m-menu__icon",
 	"aria-hidden": "true"
-}, ye = { class: "m-menu__label" }, X = /* @__PURE__ */ x({
+}, we = { class: "m-menu__label" }, Y = /* @__PURE__ */ b({
 	__name: "MenuNodes",
 	props: {
 		items: {},
@@ -160,9 +198,9 @@ var V = /* @__PURE__ */ x({
 		flyout: { type: Boolean }
 	},
 	setup(e) {
-		let n = e, r = C(fe);
+		let n = e, r = ie(he);
 		if (!r) throw Error("MenuNodes must be used inside MMenu");
-		let i = r, a = z(), o = h(() => i.collapsed.value && !n.flyout), s = h(() => i.mode === "horizontal"), c = h(() => (o.value || s.value) && !n.flyout);
+		let i = r, a = V(), o = m(() => i.collapsed.value && !n.flyout), s = m(() => i.mode === "horizontal"), c = m(() => (o.value || s.value) && !n.flyout);
 		function l(e, t) {
 			i.setFlyoutOpen(e, t);
 		}
@@ -182,10 +220,10 @@ var V = /* @__PURE__ */ x({
 		function ne(e, t) {
 			e.disabled || c.value || i.toggleExpand(u(e, t));
 		}
-		function x(e, t) {
+		function b(e, t) {
 			return i.isExpanded(u(e, t));
 		}
-		function S(e, t) {
+		function x(e, t) {
 			let r = f(e);
 			return {
 				"m-menu__item-content--selected": i.isSelected(e, t, n.prefix),
@@ -196,76 +234,76 @@ var V = /* @__PURE__ */ x({
 				"m-menu__item-content--active": i.activeKey.value === u(e, t)
 			};
 		}
-		function w(e, t) {
+		function S(e, t) {
 			return n.flyout ? 0 : i.tabindexForKey(u(e, t));
 		}
-		function T(e) {
+		function C(e) {
 			if (!(s.value || n.flyout)) return i.paddingStyle(e);
 		}
-		function re(e, t) {
-			return x(e, t);
+		function ae(e, t) {
+			return b(e, t);
 		}
-		function k(e) {
-			return !!(e.to && a && !me(e.to));
+		function D(e) {
+			return !!(e.to && a && !_e(e.to));
 		}
-		function ie(e) {
-			if (!(!e.to || k(e))) return B(e.to);
+		function oe(e) {
+			if (!(!e.to || D(e))) return ge(e.to);
 		}
-		function A(e) {
-			if (!(!k(e) || !e.to)) return e.to;
+		function O(e) {
+			if (!(!D(e) || !e.to)) return e.to;
 		}
-		function j(e) {
+		function A(e) {
 			return o.value && !!e.label;
 		}
-		function oe(e, t) {
+		function se(e, t) {
 			return !!i.flyoutOpen[u(e, t)];
 		}
-		return (n, r) => (O(!0), v(p, null, ae(e.items, (n, r) => (O(), v(p, { key: u(n, r) }, [n.separator ? (O(), v("div", H)) : n.items?.length ? (O(), v("div", {
+		return (n, r) => (E(!0), _(p, null, k(e.items, (n, r) => (E(), _(p, { key: u(n, r) }, [n.separator ? (E(), _("div", U)) : n.items?.length ? (E(), _("div", {
 			key: 1,
-			class: E(["m-menu__item m-menu__item--submenu", { "m-menu__item--horizontal": s.value }]),
+			class: w(["m-menu__item m-menu__item--submenu", { "m-menu__item--horizontal": s.value }]),
 			role: "none"
-		}, [c.value ? (O(), g(d, {
+		}, [c.value ? (E(), h(d, {
 			key: 0,
 			class: "m-menu__collapsed-popover",
-			"model-value": !!P(i).flyoutOpen[u(n, r)],
+			"model-value": !!N(i).flyoutOpen[u(n, r)],
 			trigger: s.value ? "click" : "hover",
 			placement: s.value ? "bottom-start" : "right-start",
 			"show-delay": s.value ? 0 : 50,
 			"hide-delay": s.value ? 0 : 80,
 			"onUpdate:modelValue": (e) => l(u(n, r), e)
 		}, {
-			default: F(() => [b(V, {
+			default: F(() => [y(H, {
 				label: n.label,
-				active: j(n),
-				suspended: oe(n, r)
+				active: A(n),
+				suspended: se(n, r)
 			}, {
-				default: F(() => [y("div", {
-					class: E(["m-menu__item-content", S(n, r)]),
-					style: D(T(e.depth)),
+				default: F(() => [v("div", {
+					class: w(["m-menu__item-content", x(n, r)]),
+					style: T(C(e.depth)),
 					role: "menuitem",
-					tabindex: w(n, r),
+					tabindex: S(n, r),
 					"data-m-menu-key": e.flyout ? void 0 : u(n, r),
 					"aria-label": n.label,
 					"aria-haspopup": "menu",
-					"aria-expanded": s.value ? !!P(i).flyoutOpen[u(n, r)] : void 0
+					"aria-expanded": s.value ? !!N(i).flyoutOpen[u(n, r)] : void 0
 				}, [
-					f(n) ? (O(), v("span", W, [b(t, {
+					f(n) ? (E(), _("span", G, [y(t, {
 						name: f(n),
 						size: "sm"
-					}, null, 8, ["name"])])) : _("", !0),
-					y("span", G, N(n.label), 1),
-					s.value ? (O(), v("span", he, [b(t, {
+					}, null, 8, ["name"])])) : g("", !0),
+					v("span", ve, M(n.label), 1),
+					s.value ? (E(), _("span", ye, [y(t, {
 						name: "chevron-down",
 						size: "sm"
-					})])) : _("", !0)
-				], 14, U)]),
+					})])) : g("", !0)
+				], 14, W)]),
 				_: 2
 			}, 1032, [
 				"label",
 				"active",
 				"suspended"
 			])]),
-			content: F(() => [y("div", ge, [b(X, {
+			content: F(() => [v("div", be, [y(Y, {
 				items: n.items,
 				depth: 0,
 				prefix: `${e.prefix}-${r}`,
@@ -279,31 +317,31 @@ var V = /* @__PURE__ */ x({
 			"show-delay",
 			"hide-delay",
 			"onUpdate:modelValue"
-		])) : (O(), v(p, { key: 1 }, [y("div", {
-			class: E(["m-menu__item-content", S(n, r)]),
-			style: D(T(e.depth)),
+		])) : (E(), _(p, { key: 1 }, [v("div", {
+			class: w(["m-menu__item-content", x(n, r)]),
+			style: T(C(e.depth)),
 			role: "menuitem",
-			tabindex: w(n, r),
+			tabindex: S(n, r),
 			"data-m-menu-key": e.flyout ? void 0 : u(n, r),
 			"aria-haspopup": "menu",
-			"aria-expanded": x(n, r),
+			"aria-expanded": b(n, r),
 			"aria-disabled": n.disabled || void 0,
 			onClick: (e) => ne(n, r)
 		}, [
-			f(n) ? (O(), v("span", ve, [b(t, {
+			f(n) ? (E(), _("span", K, [y(t, {
 				name: f(n),
 				size: "sm"
-			}, null, 8, ["name"])])) : _("", !0),
-			y("span", K, N(n.label), 1),
-			y("span", {
-				class: E(["m-menu__arrow", { "m-menu__arrow--expanded": re(n, r) }]),
+			}, null, 8, ["name"])])) : g("", !0),
+			v("span", Se, M(n.label), 1),
+			v("span", {
+				class: w(["m-menu__arrow", { "m-menu__arrow--expanded": ae(n, r) }]),
 				"aria-hidden": "true"
-			}, [b(t, {
+			}, [y(t, {
 				name: "chevron-right",
 				size: "sm"
 			})], 2)
-		], 14, _e), b(m, { name: "m-menu-expand" }, {
-			default: F(() => [x(n, r) ? (O(), v("div", q, [y("div", J, [b(X, {
+		], 14, xe), y(re, { name: "m-menu-expand" }, {
+			default: F(() => [b(n, r) ? (E(), _("div", q, [v("div", J, [y(Y, {
 				items: n.items,
 				depth: e.depth + 1,
 				prefix: `${e.prefix}-${r}`
@@ -311,32 +349,32 @@ var V = /* @__PURE__ */ x({
 				"items",
 				"depth",
 				"prefix"
-			])])])) : _("", !0)]),
+			])])])) : g("", !0)]),
 			_: 2
-		}, 1024)], 64))], 2)) : (O(), v("div", {
+		}, 1024)], 64))], 2)) : (E(), _("div", {
 			key: 2,
-			class: E(["m-menu__item", { "m-menu__item--horizontal": s.value }]),
+			class: w(["m-menu__item", { "m-menu__item--horizontal": s.value }]),
 			role: "none"
-		}, [b(V, {
+		}, [y(H, {
 			label: n.label,
-			active: j(n)
+			active: A(n)
 		}, {
-			default: F(() => [(O(), g(M(k(n) ? P(a) : ie(n) ? "a" : "div"), {
-				class: E(["m-menu__item-content", S(n, r)]),
-				style: D(T(e.depth)),
+			default: F(() => [(E(), h(j(D(n) ? N(a) : oe(n) ? "a" : "div"), {
+				class: w(["m-menu__item-content", x(n, r)]),
+				style: T(C(e.depth)),
 				role: "menuitem",
-				tabindex: w(n, r),
+				tabindex: S(n, r),
 				"data-m-menu-key": e.flyout ? void 0 : u(n, r),
 				"aria-disabled": n.disabled || void 0,
-				"aria-current": P(i).isSelected(n, r, e.prefix) ? "page" : void 0,
-				href: ie(n),
-				to: A(n),
+				"aria-current": N(i).isSelected(n, r, e.prefix) ? "page" : void 0,
+				href: oe(n),
+				to: O(n),
 				onClick: (e) => te(n, e)
 			}, {
-				default: F(() => [f(n) ? (O(), v("span", Y, [b(t, {
+				default: F(() => [f(n) ? (E(), _("span", Ce, [y(t, {
 					name: f(n),
 					size: "sm"
-				}, null, 8, ["name"])])) : _("", !0), y("span", ye, N(n.label), 1)]),
+				}, null, 8, ["name"])])) : g("", !0), v("span", we, M(n.label), 1)]),
 				_: 2
 			}, 1032, [
 				"class",
@@ -352,7 +390,7 @@ var V = /* @__PURE__ */ x({
 			_: 2
 		}, 1032, ["label", "active"])], 2))], 64))), 128));
 	}
-}), be = /* @__PURE__ */ x({
+}), Te = /* @__PURE__ */ b({
 	inheritAttrs: !1,
 	__name: "Menu",
 	props: {
@@ -411,20 +449,20 @@ var V = /* @__PURE__ */ x({
 		"select"
 	],
 	setup(t, { emit: ee }) {
-		let l = t, d = ee, f = oe(), { rootAttrs: p } = e(f, () => l.pt), x = se(), S = te(), { transitionName: C, transitionCss: ae } = n({
+		let l = t, d = ee, f = se(), { rootAttrs: p } = e(f, () => l.pt), b = ce(), x = te(), { transitionName: ie, transitionCss: k } = n({
 			role: "popup",
 			local: () => l.transition,
 			componentName: "Menu",
 			fallback: "scale-fade"
-		}), M = A(null), N = A(null), R = A({}), pe = h(() => !!x.default?.()?.length), z = h(() => r(l.popup ? l : { teleport: !1 }, S.value.appendTo)), B = h(() => l.popup && i(l, S.value.appendTo)), me = h(() => l.embedded ?? !l.popup), V = h(() => l.selectedKey), H = A([]), U = ie({});
+		}), j = O(null), M = O(null), R = O({}), z = m(() => !!b.default?.()?.length), B = m(() => r(l.popup ? l : { teleport: !1 }, x.value.appendTo)), V = m(() => l.popup && i(l, x.value.appendTo)), ge = m(() => l.embedded ?? !l.popup), _e = m(() => l.selectedKey), H = O([]), U = oe({});
 		function W(e, t) {
 			U[e] = t;
 		}
 		function G() {
 			for (let e of Object.keys(U)) U[e] = !1;
 		}
-		function he() {
-			let e = N.value?.getBoundingClientRect();
+		function ve() {
+			let e = M.value?.getBoundingClientRect();
 			if (e && (e.width > 0 || e.height > 0)) return e;
 			let { x: t, y: n } = u();
 			return {
@@ -436,159 +474,131 @@ var V = /* @__PURE__ */ x({
 				height: 0
 			};
 		}
-		function ge() {
-			!l.popup || !l.modelValue || !B.value || (R.value = a(he(), l.placement, { minWidth: "10rem" }));
+		function ye() {
+			!l.popup || !l.modelValue || !V.value || (R.value = a(ve(), l.placement, { minWidth: "10rem" }));
 		}
-		function _e() {
-			l.modelValue && ge();
+		function be() {
+			l.modelValue && ye();
 		}
-		function ve() {
-			if (l.defaultExpandAll) {
-				H.value = ue(l.model);
-				return;
-			}
-			if (l.defaultExpandedKeys.length) {
-				H.value = [...l.defaultExpandedKeys];
-				return;
-			}
-			if (l.selectedKey) {
-				let e = L(l.model, l.selectedKey);
-				H.value = e ?? [];
-				return;
-			}
-			H.value = [];
+		function xe() {
+			H.value = de(l.model, {
+				defaultExpandAll: l.defaultExpandAll,
+				defaultExpandedKeys: l.defaultExpandedKeys,
+				selectedKey: l.selectedKey
+			});
 		}
-		ve();
-		let K = h({
+		xe();
+		let K = m({
 			get: () => l.expandedKeys ?? H.value,
 			set: (e) => {
 				H.value = e, d("update:expandedKeys", e);
 			}
-		}), q = h(() => de(l.model));
-		function J(e) {
+		}), Se = m(() => ue(l.model));
+		function q(e) {
 			return K.value.includes(e);
 		}
-		function Y(e) {
-			let t = [...K.value], n = t.indexOf(e);
-			if (n >= 0) t.splice(n, 1);
-			else {
-				if (l.accordion && q.value.includes(e)) {
-					for (let n of [...t]) if (q.value.includes(n) && n !== e) {
-						let e = t.indexOf(n);
-						e >= 0 && t.splice(e, 1);
-					}
-				}
-				t.push(e);
-			}
-			K.value = t;
+		function J(e) {
+			K.value = fe(K.value, e, {
+				accordion: l.accordion,
+				topLevelKeys: Se.value
+			});
 		}
-		function ye(e) {
+		function Ce(e) {
 			if (!e) return;
 			let t = L(l.model, e);
-			if (!t?.length) return;
-			let n = /* @__PURE__ */ new Set([...K.value, ...t]);
-			if (l.accordion) for (let e of q.value) n.has(e) && !t.includes(e) && n.delete(e);
-			K.value = Array.from(n);
+			t?.length && (K.value = pe(K.value, t, {
+				accordion: l.accordion,
+				topLevelKeys: Se.value
+			}));
 		}
-		ce(() => l.selectedKey, ye);
-		function be(e, t, n) {
+		P(() => l.selectedKey, Ce);
+		function we(e, t, n) {
 			return I(e, t, n);
 		}
-		function xe(e, t, n) {
-			let r = be(e, t, n);
+		function Te(e, t, n) {
+			let r = we(e, t, n);
 			return !!(l.selectedKey && r === l.selectedKey);
 		}
-		function Se(e, t, n) {
+		function Ee(e, t, n) {
 			return l.selectedKey ? le(e, l.selectedKey, t, n) : !1;
 		}
-		function Ce(e) {
+		function De(e) {
 			if (l.mode !== "horizontal" && l.collapsed) return Math.max(0, l.collapsedWidth / 2 - 10);
 		}
-		function we(e) {
+		function Oe(e) {
 			if (l.mode === "horizontal") return { paddingInlineStart: `${l.rootIndent}px` };
 			if (l.collapsed) {
-				let t = Ce(e);
+				let t = De(e);
 				return t == null ? void 0 : { paddingInlineStart: `${t}px` };
 			}
 			return { paddingInlineStart: `calc(var(--m-menu-root-indent) + ${e} * var(--m-menu-indent))` };
 		}
-		function Te(e) {
+		function ke(e) {
 			if (e.disabled || e.separator) return;
 			e.command?.();
 			let t = e.key ?? e.label ?? null;
-			d("update:selectedKey", t), d("select", e), l.popup && (d("update:modelValue", !1), Ee()), l.mode === "horizontal" && G();
-		}
-		function Ee() {
-			(N.value?.querySelector("button, [tabindex]") ?? N.value)?.focus({ preventScroll: !0 });
-		}
-		let Z = h(() => {
-			let e = l.collapsed || l.mode === "horizontal", t = [], n = (r, i, a) => {
-				r.forEach((r, o) => {
-					if (r.separator) return;
-					let s = I(r, o, i), c = !!r.items?.length;
-					t.push({
-						item: r,
-						key: s,
-						parentKey: a,
-						hasChildren: c
-					}), c && !e && J(s) && n(r.items, `${i}-${o}`, s);
-				});
-			};
-			return n(l.model, "item", null), t;
-		}), Q = s({
-			itemCount: () => Z.value.length,
-			isItemDisabled: (e) => !!Z.value[e]?.item.disabled,
+			d("update:selectedKey", t), d("select", e), l.popup && (d("update:modelValue", !1), Ae()), l.mode === "horizontal" && G();
+		}
+		function Ae() {
+			(M.value?.querySelector("button, [tabindex]") ?? M.value)?.focus({ preventScroll: !0 });
+		}
+		let X = m(() => me(l.model, {
+			isExpanded: q,
+			excludeChildren: l.collapsed || l.mode === "horizontal"
+		})), Z = s({
+			itemCount: () => X.value.length,
+			isItemDisabled: (e) => !!X.value[e]?.item.disabled,
 			orientation: () => l.mode === "horizontal" ? "horizontal" : "vertical",
 			onActivate: (e) => {
-				let t = Z.value[e];
+				let t = X.value[e];
 				if (t) {
 					if (t.hasChildren) {
 						if (l.collapsed || l.mode === "horizontal") {
 							let e = !U[t.key];
 							G(), W(t.key, e);
-						} else Y(t.key);
+						} else J(t.key);
 						return;
 					}
-					Te(t.item);
+					ke(t.item);
 				}
 			},
 			onEscape: () => {
 				l.popup ? d("update:modelValue", !1) : G();
 			},
-			returnFocusTo: () => l.popup ? N.value?.querySelector("button, [tabindex]") ?? N.value : null
-		}), De = h(() => Z.value[Q.activeIndex.value]?.key ?? null);
-		function Oe(e) {
-			let t = De.value;
-			return t == null ? Z.value.find((e) => !e.item.disabled)?.key === e ? 0 : -1 : e === t ? 0 : -1;
-		}
-		function ke(e) {
-			if (e == null || !M.value) return;
-			let t = M.value.querySelectorAll("[data-m-menu-key]");
+			returnFocusTo: () => l.popup ? M.value?.querySelector("button, [tabindex]") ?? M.value : null
+		}), je = m(() => X.value[Z.activeIndex.value]?.key ?? null);
+		function Me(e) {
+			let t = je.value;
+			return t == null ? X.value.find((e) => !e.item.disabled)?.key === e ? 0 : -1 : e === t ? 0 : -1;
+		}
+		function Ne(e) {
+			if (e == null || !j.value) return;
+			let t = j.value.querySelectorAll("[data-m-menu-key]");
 			for (let n of t) if (n.dataset.mMenuKey === e) {
 				n.focus({ preventScroll: !0 });
 				return;
 			}
 		}
-		function Ae(e) {
-			let t = Z.value[Q.activeIndex.value];
+		function Pe(e) {
+			let t = X.value[Z.activeIndex.value];
 			if (l.mode !== "horizontal") {
 				if (e.key === "ArrowRight") {
 					if (e.preventDefault(), !t) return;
 					if (t.hasChildren && !l.collapsed) {
-						if (!J(t.key)) Y(t.key);
+						if (!q(t.key)) J(t.key);
 						else {
-							let e = Z.value.findIndex((e) => e.parentKey === t.key);
-							e >= 0 && Q.setActive(e);
+							let e = X.value.findIndex((e) => e.parentKey === t.key);
+							e >= 0 && Z.setActive(e);
 						}
 					}
 					return;
 				}
 				if (e.key === "ArrowLeft") {
 					if (e.preventDefault(), !t) return;
-					if (t.hasChildren && !l.collapsed && J(t.key)) Y(t.key);
+					if (t.hasChildren && !l.collapsed && q(t.key)) J(t.key);
 					else if (t.parentKey != null) {
-						let e = Z.value.findIndex((e) => e.key === t.parentKey);
-						e >= 0 && Q.setActive(e);
+						let e = X.value.findIndex((e) => e.key === t.parentKey);
+						e >= 0 && Z.setActive(e);
 					}
 					return;
 				}
@@ -596,13 +606,13 @@ var V = /* @__PURE__ */ x({
 				e.preventDefault(), t?.hasChildren && (G(), W(t.key, !0));
 				return;
 			}
-			Q.onKeydown(e);
+			Z.onKeydown(e);
 		}
-		ce(Q.activeIndex, () => {
-			T(() => ke(De.value));
-		}), k(fe, {
-			collapsed: h(() => l.collapsed),
-			selectedKey: V,
+		P(Z.activeIndex, () => {
+			C(() => Ne(je.value));
+		}), D(he, {
+			collapsed: m(() => l.collapsed),
+			selectedKey: _e,
 			expandedKeys: K,
 			accordion: l.accordion,
 			indent: l.indent,
@@ -611,117 +621,117 @@ var V = /* @__PURE__ */ x({
 			inverted: l.inverted,
 			flyoutOpen: U,
 			setFlyoutOpen: W,
-			toggleExpand: Y,
-			isExpanded: J,
-			activate: Te,
-			resolveKey: be,
-			isSelected: xe,
-			isChildActive: Se,
-			paddingStyle: we,
-			activeKey: De,
-			tabindexForKey: Oe
+			toggleExpand: J,
+			isExpanded: q,
+			activate: ke,
+			resolveKey: we,
+			isSelected: Te,
+			isChildActive: Ee,
+			paddingStyle: Oe,
+			activeKey: je,
+			tabindexForKey: Me
 		});
-		function je(e) {
+		function Fe(e) {
 			if (!l.popup || !l.modelValue) return;
 			let t = e.target;
-			M.value?.contains(t) || N.value?.contains(t) || d("update:modelValue", !1);
+			j.value?.contains(t) || M.value?.contains(t) || d("update:modelValue", !1);
 		}
-		ce(() => l.modelValue, (e) => {
-			l.popup && (e ? (T(ge), document.addEventListener("click", je)) : document.removeEventListener("click", je));
-		}, { immediate: !0 }), o(() => !!(l.popup && l.modelValue && B.value), _e), re(() => {
-			document.removeEventListener("click", je);
+		P(() => l.modelValue, (e) => {
+			l.popup && (e ? (C(ye), document.addEventListener("click", Fe)) : document.removeEventListener("click", Fe));
+		}, { immediate: !0 }), o(() => !!(l.popup && l.modelValue && V.value), be), ae(() => {
+			document.removeEventListener("click", Fe);
 		});
-		let Me = h(() => ["m-menu", {
+		let Q = m(() => ["m-menu", {
 			"m-menu--popup": l.popup,
-			"m-menu--teleported": B.value,
+			"m-menu--teleported": V.value,
 			"m-menu--collapsed": l.collapsed,
-			"m-menu--embedded": me.value,
+			"m-menu--embedded": ge.value,
 			"m-menu--horizontal": l.mode === "horizontal",
 			"m-menu--inverted": l.inverted
-		}]), $ = h(() => ({
+		}]), $ = m(() => ({
 			"--m-menu-indent": `${l.indent / 16}rem`,
 			"--m-menu-root-indent": `${l.rootIndent / 16}rem`
-		})), Ne = h(() => B.value ? {
+		})), Ie = m(() => V.value ? {
 			...$.value,
 			...R.value
 		} : $.value);
-		return (e, n) => t.popup ? pe.value ? (O(), v("div", w({ key: 1 }, P(p), { class: "m-menu-popup" }), [y("div", {
+		return (e, n) => t.popup ? z.value ? (E(), _("div", S({ key: 1 }, N(p), { class: "m-menu-popup" }), [v("div", {
 			ref_key: "triggerEl",
-			ref: N,
+			ref: M,
 			class: "m-menu-popup__anchor"
-		}, [j(e.$slots, "default")], 512), (O(), g(ne, {
-			to: z.value.to,
-			disabled: z.value.disabled
-		}, [b(m, {
-			name: P(C),
-			css: P(ae)
+		}, [A(e.$slots, "default")], 512), (E(), h(ne, {
+			to: B.value.to,
+			disabled: B.value.disabled
+		}, [y(re, {
+			name: N(ie),
+			css: N(k)
 		}, {
-			default: F(() => [t.modelValue ? (O(), v("div", {
+			default: F(() => [t.modelValue ? (E(), _("div", {
 				key: 0,
 				ref_key: "root",
-				ref: M,
-				class: E(Me.value),
-				style: D(B.value ? Ne.value : $.value),
+				ref: j,
+				class: w(Q.value),
+				style: T(V.value ? Ie.value : $.value),
 				role: "menu",
-				onKeydown: Ae
-			}, [b(c, {
+				onKeydown: Pe
+			}, [y(c, {
 				class: "m-menu__scroll",
 				"fit-content": "",
 				"wrap-class": "m-menu__scroll-wrap",
 				"view-class": "m-menu__scroll-view"
 			}, {
-				default: F(() => [b(X, {
+				default: F(() => [y(Y, {
 					items: t.model,
 					depth: 0,
 					prefix: "item"
 				}, null, 8, ["items"])]),
 				_: 1
-			})], 38)) : _("", !0)]),
+			})], 38)) : g("", !0)]),
 			_: 1
-		}, 8, ["name", "css"])], 8, ["to", "disabled"]))], 16)) : (O(), g(ne, {
+		}, 8, ["name", "css"])], 8, ["to", "disabled"]))], 16)) : (E(), h(ne, {
 			key: 2,
-			to: z.value.to,
-			disabled: z.value.disabled
-		}, [b(m, {
-			name: P(C),
-			css: P(ae)
+			to: B.value.to,
+			disabled: B.value.disabled
+		}, [y(re, {
+			name: N(ie),
+			css: N(k)
 		}, {
-			default: F(() => [t.modelValue ? (O(), v("div", w({
+			default: F(() => [t.modelValue ? (E(), _("div", S({
 				key: 0,
 				ref_key: "root",
-				ref: M
-			}, P(p), {
-				class: Me.value,
-				style: B.value ? {
+				ref: j
+			}, N(p), {
+				class: Q.value,
+				style: V.value ? {
 					...$.value,
 					...R.value
 				} : $.value,
 				role: "menu",
-				onKeydown: Ae
-			}), [b(c, {
+				onKeydown: Pe
+			}), [y(c, {
 				class: "m-menu__scroll",
 				"fit-content": "",
 				"wrap-class": "m-menu__scroll-wrap",
 				"view-class": "m-menu__scroll-view"
 			}, {
-				default: F(() => [b(X, {
+				default: F(() => [y(Y, {
 					items: t.model,
 					depth: 0,
 					prefix: "item"
 				}, null, 8, ["items"])]),
 				_: 1
-			})], 16)) : _("", !0)]),
+			})], 16)) : g("", !0)]),
 			_: 1
-		}, 8, ["name", "css"])], 8, ["to", "disabled"])) : (O(), v("div", w({
+		}, 8, ["name", "css"])], 8, ["to", "disabled"])) : (E(), _("div", S({
 			key: 0,
 			ref_key: "root",
-			ref: M
-		}, P(p), {
-			class: Me.value,
+			ref: j
+		}, N(p), {
+			class: Q.value,
 			style: $.value,
 			role: "menu",
-			onKeydown: Ae
-		}), [b(X, {
+			onKeydown: Pe
+		}), [y(Y, {
 			items: t.model,
 			depth: 0,
 			prefix: "item"
@@ -729,4 +739,4 @@ var V = /* @__PURE__ */ x({
 	}
 });
 //#endregion
-export { be as MMenu };
+export { Te as MMenu };