morya-ui 0.2.1 → 0.2.3

package/dist/menu/index.js

@@ -7,35 +7,36 @@ import { t as o } from "../icon-xUOyawgJ.js";
 import { t as s } from "../key-CaQYVkjh.js";
 import { t as c } from "../lastPointer-CRxcUqdd.js";
 import { t as ee } from "../Popover-6eE5yIT7.js";
-import { c as l } from "../config-CI8_WBbE.js";
+import { t as l } from "../Tooltip-CrKm9FMD.js";
+import { c as te } from "../config-CI8_WBbE.js";
 import "./style.js";
-import { Fragment as u, Teleport as te, Transition as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, getCurrentInstance as y, inject as b, mergeProps as x, nextTick as ne, normalizeClass as S, normalizeStyle as C, onBeforeUnmount as w, openBlock as T, provide as E, reactive as D, ref as O, renderList as k, renderSlot as re, resolveDynamicComponent as A, toDisplayString as j, unref as M, useAttrs as N, useSlots as ie, watch as P, withCtx as F } from "vue";
+import { Fragment as u, Teleport as d, Transition as ne, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, getCurrentInstance as y, inject as b, mergeProps as x, nextTick as S, normalizeClass as C, normalizeStyle as w, onBeforeUnmount as T, openBlock as E, provide as D, reactive as O, ref as k, renderList as A, renderSlot as j, resolveDynamicComponent as M, toDisplayString as N, unref as P, useAttrs as re, useSlots as ie, watch as F, withCtx as I } from "vue";
 //#region src/shared/menu/tree.ts
-function I(e, t, n = "item") {
+function L(e, t, n = "item") {
 	return s(e, t, n);
 }
-function L(e, t, n = "item") {
+function R(e, t, n = "item") {
 	for (let r = 0; r < e.length; r++) {
 		let i = e[r];
 		if (i.separator) continue;
-		let a = I(i, r, n);
+		let a = L(i, r, n);
 		if (a === t) return [];
 		if (i.items?.length) {
-			let e = L(i.items, t, `${n}-${r}`);
+			let e = R(i.items, t, `${n}-${r}`);
 			if (e !== null) return [a, ...e];
 		}
 	}
 	return null;
 }
 function ae(e, t, n, r = "item") {
-	return e.items?.length ? I(e, n, r) === t || L(e.items, t, `${r}-${n}`) !== null : !1;
+	return e.items?.length ? L(e, n, r) === t || R(e.items, t, `${r}-${n}`) !== null : !1;
 }
 function oe(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);
+		let a = L(i, r, t);
 		n.push(a), n.push(...oe(i.items, `${t}-${r}`));
 	}
 	return n;
@@ -44,76 +45,98 @@ function se(e, t = "item") {
 	let n = [];
 	for (let r = 0; r < e.length; r++) {
 		let i = e[r];
-		i.separator || !i.items?.length || n.push(I(i, r, t));
+		i.separator || !i.items?.length || n.push(L(i, r, t));
 	}
 	return n;
 }
 //#endregion
 //#region src/components/Menu/context.ts
-var ce = Symbol("muMenu");
+var ce = Symbol("muMenu"), z = /* @__PURE__ */ v({
+	__name: "MenuCollapsedTooltip",
+	props: {
+		label: {},
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		suspended: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = e, n = f(() => t.active && !!t.label && !t.suspended);
+		return (t, r) => n.value ? (E(), p(l, {
+			key: 0,
+			content: e.label,
+			placement: "right",
+			"show-delay": 200,
+			"hide-delay": 0
+		}, {
+			default: I(() => [j(t.$slots, "default")]),
+			_: 3
+		}, 8, ["content"])) : j(t.$slots, "default", {}, void 0, void 0, 1);
+	}
+});
 //#endregion
 //#region src/shared/optionalRouter.ts
-function le() {
+function B() {
 	let e = y();
 	if (!e) return !1;
 	for (let t of Object.values(e.appContext.provides)) if (t && typeof t == "object" && "resolve" in t && "push" in t) return !0;
 	return !1;
 }
-function R() {
+function le() {
 	let e = y();
-	return !e || !le() ? null : e.appContext.components.RouterLink ?? null;
+	return !e || !B() ? null : e.appContext.components.RouterLink ?? null;
 }
-function z(e) {
+function ue(e) {
 	return typeof e == "string" ? e : typeof e.path == "string" ? e.path : typeof e.href == "string" ? e.href : "#";
 }
-function ue(e) {
+function V(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/MenuNodes.vue?vue&type=script&setup=true&lang.ts
-var de = {
+var H = {
 	key: 0,
 	class: "m-menu__separator",
 	role: "separator"
-}, B = [
+}, U = [
 	"tabindex",
 	"data-m-menu-key",
 	"aria-label",
-	"aria-expanded",
-	"title"
-], V = {
+	"aria-expanded"
+], W = {
 	key: 0,
 	class: "m-menu__icon",
 	"aria-hidden": "true"
-}, H = { class: "m-menu__label" }, U = {
+}, de = { class: "m-menu__label" }, fe = {
 	key: 1,
 	class: "m-menu__arrow",
 	"aria-hidden": "true"
-}, fe = {
+}, G = {
 	class: "m-menu m-menu--flyout",
 	role: "menu"
-}, W = [
+}, pe = [
 	"tabindex",
 	"data-m-menu-key",
 	"aria-expanded",
 	"aria-disabled",
 	"onClick"
-], G = {
+], K = {
 	key: 0,
 	class: "m-menu__icon",
 	"aria-hidden": "true"
-}, pe = { class: "m-menu__label" }, K = {
-	class: "m-menu__arrow",
-	"aria-hidden": "true"
-}, q = {
+}, q = { class: "m-menu__label" }, J = {
 	key: 0,
 	class: "m-menu__submenu",
 	role: "group"
-}, J = {
+}, Y = { class: "m-menu__submenu-inner" }, me = {
 	key: 0,
 	class: "m-menu__icon",
 	"aria-hidden": "true"
-}, Y = { class: "m-menu__label" }, X = /* @__PURE__ */ v({
+}, he = { class: "m-menu__label" }, X = /* @__PURE__ */ v({
 	__name: "MenuNodes",
 	props: {
 		items: {},
@@ -124,94 +147,110 @@ var de = {
 	setup(e) {
 		let n = e, r = b(ce);
 		if (!r) throw Error("MenuNodes must be used inside MMenu");
-		let i = r, a = R(), s = f(() => i.collapsed.value && !n.flyout), c = f(() => i.mode === "horizontal"), l = f(() => (s.value || c.value) && !n.flyout);
+		let i = r, a = le(), s = f(() => i.collapsed.value && !n.flyout), c = f(() => i.mode === "horizontal"), l = f(() => (s.value || c.value) && !n.flyout);
 		function te(e, t) {
 			i.setFlyoutOpen(e, t);
 		}
-		function v(e, t) {
+		function d(e, t) {
 			return i.resolveKey(e, t, n.prefix);
 		}
-		function y(e) {
+		function v(e) {
 			return o(e.icon);
 		}
-		function x(e, t) {
+		function y(e, t) {
 			if (e.disabled) {
 				t.preventDefault();
 				return;
 			}
 			i.activate(e), e.to || t.preventDefault();
 		}
-		function ne(e, t) {
-			e.disabled || l.value || i.toggleExpand(v(e, t));
+		function x(e, t) {
+			e.disabled || l.value || i.toggleExpand(d(e, t));
 		}
-		function w(e, t) {
-			return i.isExpanded(v(e, t));
+		function S(e, t) {
+			return i.isExpanded(d(e, t));
 		}
-		function E(e, t) {
-			let r = y(e);
+		function T(e, t) {
+			let r = v(e);
 			return {
 				"m-menu__item-content--selected": i.isSelected(e, t, n.prefix),
 				"m-menu__item-content--child-active": i.isChildActive(e, t, n.prefix),
 				"m-menu__item-content--disabled": !!e.disabled,
 				"m-menu__item-content--collapsed": s.value,
 				"m-menu__item-content--no-icon": !r,
-				"m-menu__item-content--active": i.activeKey.value === v(e, t)
+				"m-menu__item-content--active": i.activeKey.value === d(e, t)
 			};
 		}
 		function D(e, t) {
-			return n.flyout ? 0 : i.tabindexForKey(v(e, t));
+			return n.flyout ? 0 : i.tabindexForKey(d(e, t));
 		}
 		function O(e) {
 			if (!(c.value || n.flyout)) return i.paddingStyle(e);
 		}
-		function re(e, t) {
-			return w(e, t) ? "chevron-down" : "chevron-right";
+		function k(e, t) {
+			return S(e, t);
 		}
-		function N(e) {
-			return !!(e.to && a && !ue(e.to));
+		function j(e) {
+			return !!(e.to && a && !V(e.to));
+		}
+		function re(e) {
+			if (!(!e.to || j(e))) return ue(e.to);
 		}
 		function ie(e) {
-			if (!(!e.to || N(e))) return z(e.to);
+			if (!(!j(e) || !e.to)) return e.to;
+		}
+		function F(e) {
+			return s.value && !!e.label;
 		}
-		function P(e) {
-			if (!(!N(e) || !e.to)) return e.to;
+		function L(e, t) {
+			return !!i.flyoutOpen[d(e, t)];
 		}
-		return (n, r) => (T(!0), h(u, null, k(e.items, (n, r) => (T(), h(u, { key: v(n, r) }, [n.separator ? (T(), h("div", de)) : n.items?.length ? (T(), h("div", {
+		return (n, r) => (E(!0), h(u, null, A(e.items, (n, r) => (E(), h(u, { key: d(n, r) }, [n.separator ? (E(), h("div", H)) : n.items?.length ? (E(), h("div", {
 			key: 1,
-			class: S(["m-menu__item m-menu__item--submenu", { "m-menu__item--horizontal": c.value }]),
+			class: C(["m-menu__item m-menu__item--submenu", { "m-menu__item--horizontal": c.value }]),
 			role: "none"
-		}, [l.value ? (T(), p(ee, {
+		}, [l.value ? (E(), p(ee, {
 			key: 0,
 			class: "m-menu__collapsed-popover",
-			"model-value": !!M(i).flyoutOpen[v(n, r)],
+			"model-value": !!P(i).flyoutOpen[d(n, r)],
 			trigger: c.value ? "click" : "hover",
 			placement: c.value ? "bottom-start" : "right-start",
 			"show-delay": c.value ? 0 : 50,
 			"hide-delay": c.value ? 0 : 80,
-			"onUpdate:modelValue": (e) => te(v(n, r), e)
+			"onUpdate:modelValue": (e) => te(d(n, r), e)
 		}, {
-			default: F(() => [g("div", {
-				class: S(["m-menu__item-content", E(n, r)]),
-				style: C(O(e.depth)),
-				role: "menuitem",
-				tabindex: D(n, r),
-				"data-m-menu-key": e.flyout ? void 0 : v(n, r),
-				"aria-label": n.label,
-				"aria-haspopup": "menu",
-				"aria-expanded": c.value ? !!M(i).flyoutOpen[v(n, r)] : void 0,
-				title: s.value ? n.label : void 0
-			}, [
-				y(n) ? (T(), h("span", V, [_(t, {
-					name: y(n),
-					size: "sm"
-				}, null, 8, ["name"])])) : m("", !0),
-				g("span", H, j(n.label), 1),
-				c.value ? (T(), h("span", U, [_(t, {
-					name: "chevron-down",
-					size: "sm"
-				})])) : m("", !0)
-			], 14, B)]),
-			content: F(() => [g("div", fe, [_(X, {
+			default: I(() => [_(z, {
+				label: n.label,
+				active: F(n),
+				suspended: L(n, r)
+			}, {
+				default: I(() => [g("div", {
+					class: C(["m-menu__item-content", T(n, r)]),
+					style: w(O(e.depth)),
+					role: "menuitem",
+					tabindex: D(n, r),
+					"data-m-menu-key": e.flyout ? void 0 : d(n, r),
+					"aria-label": n.label,
+					"aria-haspopup": "menu",
+					"aria-expanded": c.value ? !!P(i).flyoutOpen[d(n, r)] : void 0
+				}, [
+					v(n) ? (E(), h("span", W, [_(t, {
+						name: v(n),
+						size: "sm"
+					}, null, 8, ["name"])])) : m("", !0),
+					g("span", de, N(n.label), 1),
+					c.value ? (E(), h("span", fe, [_(t, {
+						name: "chevron-down",
+						size: "sm"
+					})])) : m("", !0)
+				], 14, U)]),
+				_: 2
+			}, 1032, [
+				"label",
+				"active",
+				"suspended"
+			])]),
+			content: I(() => [g("div", G, [_(X, {
 				items: n.items,
 				depth: 0,
 				prefix: `${e.prefix}-${r}`,
@@ -225,28 +264,31 @@ var de = {
 			"show-delay",
 			"hide-delay",
 			"onUpdate:modelValue"
-		])) : (T(), h(u, { key: 1 }, [g("div", {
-			class: S(["m-menu__item-content", E(n, r)]),
-			style: C(O(e.depth)),
+		])) : (E(), h(u, { key: 1 }, [g("div", {
+			class: C(["m-menu__item-content", T(n, r)]),
+			style: w(O(e.depth)),
 			role: "menuitem",
 			tabindex: D(n, r),
-			"data-m-menu-key": e.flyout ? void 0 : v(n, r),
+			"data-m-menu-key": e.flyout ? void 0 : d(n, r),
 			"aria-haspopup": "menu",
-			"aria-expanded": w(n, r),
+			"aria-expanded": S(n, r),
 			"aria-disabled": n.disabled || void 0,
-			onClick: (e) => ne(n, r)
+			onClick: (e) => x(n, r)
 		}, [
-			y(n) ? (T(), h("span", G, [_(t, {
-				name: y(n),
+			v(n) ? (E(), h("span", K, [_(t, {
+				name: v(n),
 				size: "sm"
 			}, null, 8, ["name"])])) : m("", !0),
-			g("span", pe, j(n.label), 1),
-			g("span", K, [_(t, {
-				name: re(n, r),
+			g("span", q, N(n.label), 1),
+			g("span", {
+				class: C(["m-menu__arrow", { "m-menu__arrow--expanded": k(n, r) }]),
+				"aria-hidden": "true"
+			}, [_(t, {
+				name: "chevron-right",
 				size: "sm"
-			}, null, 8, ["name"])])
-		], 14, W), _(d, { name: "m-menu-expand" }, {
-			default: F(() => [w(n, r) ? (T(), h("div", q, [_(X, {
+			})], 2)
+		], 14, pe), _(ne, { name: "m-menu-expand" }, {
+			default: I(() => [S(n, r) ? (E(), h("div", J, [g("div", Y, [_(X, {
 				items: n.items,
 				depth: e.depth + 1,
 				prefix: `${e.prefix}-${r}`
@@ -254,44 +296,48 @@ var de = {
 				"items",
 				"depth",
 				"prefix"
-			])])) : m("", !0)]),
+			])])])) : m("", !0)]),
 			_: 2
-		}, 1024)], 64))], 2)) : (T(), h("div", {
+		}, 1024)], 64))], 2)) : (E(), h("div", {
 			key: 2,
-			class: S(["m-menu__item", { "m-menu__item--horizontal": c.value }]),
+			class: C(["m-menu__item", { "m-menu__item--horizontal": c.value }]),
 			role: "none"
-		}, [(T(), p(A(N(n) ? M(a) : ie(n) ? "a" : "div"), {
-			class: S(["m-menu__item-content", E(n, r)]),
-			style: C(O(e.depth)),
-			role: "menuitem",
-			tabindex: D(n, r),
-			"data-m-menu-key": e.flyout ? void 0 : v(n, r),
-			"aria-disabled": n.disabled || void 0,
-			"aria-current": M(i).isSelected(n, r, e.prefix) ? "page" : void 0,
-			title: s.value ? n.label : void 0,
-			href: ie(n),
-			to: P(n),
-			onClick: (e) => x(n, e)
+		}, [_(z, {
+			label: n.label,
+			active: F(n)
 		}, {
-			default: F(() => [y(n) ? (T(), h("span", J, [_(t, {
-				name: y(n),
-				size: "sm"
-			}, null, 8, ["name"])])) : m("", !0), g("span", Y, j(n.label), 1)]),
+			default: I(() => [(E(), p(M(j(n) ? P(a) : re(n) ? "a" : "div"), {
+				class: C(["m-menu__item-content", T(n, r)]),
+				style: w(O(e.depth)),
+				role: "menuitem",
+				tabindex: D(n, r),
+				"data-m-menu-key": e.flyout ? void 0 : d(n, r),
+				"aria-disabled": n.disabled || void 0,
+				"aria-current": P(i).isSelected(n, r, e.prefix) ? "page" : void 0,
+				href: re(n),
+				to: ie(n),
+				onClick: (e) => y(n, e)
+			}, {
+				default: I(() => [v(n) ? (E(), h("span", me, [_(t, {
+					name: v(n),
+					size: "sm"
+				}, null, 8, ["name"])])) : m("", !0), g("span", he, N(n.label), 1)]),
+				_: 2
+			}, 1032, [
+				"class",
+				"style",
+				"tabindex",
+				"data-m-menu-key",
+				"aria-disabled",
+				"aria-current",
+				"href",
+				"to",
+				"onClick"
+			]))]),
 			_: 2
-		}, 1032, [
-			"class",
-			"style",
-			"tabindex",
-			"data-m-menu-key",
-			"aria-disabled",
-			"aria-current",
-			"title",
-			"href",
-			"to",
-			"onClick"
-		]))], 2))], 64))), 128));
+		}, 1032, ["label", "active"])], 2))], 64))), 128));
 	}
-}), me = /* @__PURE__ */ v({
+}), ge = /* @__PURE__ */ v({
 	inheritAttrs: !1,
 	__name: "Menu",
 	props: {
@@ -346,14 +392,14 @@ var de = {
 		"select"
 	],
 	setup(t, { emit: o }) {
-		let s = t, ee = N(), { rootAttrs: u } = e(ee, () => s.pt), v = o, y = ie(), b = l(), k = O(null), A = O(null), j = O({}), le = f(() => !!y.default?.()?.length), R = f(() => n(s.popup ? s : { teleport: !1 }, b.value.appendTo)), z = f(() => s.popup && r(s, b.value.appendTo)), ue = f(() => s.embedded ?? !s.popup), de = f(() => s.selectedKey), B = O([]), V = D({});
-		function H(e, t) {
-			V[e] = t;
+		let s = t, ee = re(), { rootAttrs: l } = e(ee, () => s.pt), u = o, v = ie(), y = te(), b = k(null), A = k(null), M = k({}), N = f(() => !!v.default?.()?.length), z = f(() => n(s.popup ? s : { teleport: !1 }, y.value.appendTo)), B = f(() => s.popup && r(s, y.value.appendTo)), le = f(() => s.embedded ?? !s.popup), ue = f(() => s.selectedKey), V = k([]), H = O({});
+		function U(e, t) {
+			H[e] = t;
 		}
-		function U() {
-			for (let e of Object.keys(V)) V[e] = !1;
+		function W() {
+			for (let e of Object.keys(H)) H[e] = !1;
 		}
-		function fe() {
+		function de() {
 			let e = A.value?.getBoundingClientRect();
 			if (e && (e.width > 0 || e.height > 0)) return e;
 			let { x: t, y: n } = c();
@@ -366,33 +412,33 @@ var de = {
 				height: 0
 			};
 		}
-		function W() {
-			!s.popup || !s.modelValue || !z.value || (j.value = i(fe(), s.placement, { minWidth: "10rem" }));
+		function fe() {
+			!s.popup || !s.modelValue || !B.value || (M.value = i(de(), s.placement, { minWidth: "10rem" }));
 		}
 		function G() {
-			s.modelValue && W();
+			s.modelValue && fe();
 		}
 		function pe() {
 			if (s.defaultExpandAll) {
-				B.value = oe(s.model);
+				V.value = oe(s.model);
 				return;
 			}
 			if (s.defaultExpandedKeys.length) {
-				B.value = [...s.defaultExpandedKeys];
+				V.value = [...s.defaultExpandedKeys];
 				return;
 			}
 			if (s.selectedKey) {
-				let e = L(s.model, s.selectedKey);
-				B.value = e ?? [];
+				let e = R(s.model, s.selectedKey);
+				V.value = e ?? [];
 				return;
 			}
-			B.value = [];
+			V.value = [];
 		}
 		pe();
 		let K = f({
-			get: () => s.expandedKeys ?? B.value,
+			get: () => s.expandedKeys ?? V.value,
 			set: (e) => {
-				B.value = e, v("update:expandedKeys", e);
+				V.value = e, u("update:expandedKeys", e);
 			}
 		}), q = f(() => se(s.model));
 		function J(e) {
@@ -414,15 +460,15 @@ var de = {
 		}
 		function me(e) {
 			if (!e) return;
-			let t = L(s.model, e);
+			let t = R(s.model, e);
 			if (!t?.length) return;
 			let n = /* @__PURE__ */ new Set([...K.value, ...t]);
 			if (s.accordion) for (let e of q.value) n.has(e) && !t.includes(e) && n.delete(e);
 			K.value = Array.from(n);
 		}
-		P(() => s.selectedKey, me);
+		F(() => s.selectedKey, me);
 		function he(e, t, n) {
-			return I(e, t, n);
+			return L(e, t, n);
 		}
 		function ge(e, t, n) {
 			let r = he(e, t, n);
@@ -446,7 +492,7 @@ var de = {
 			if (e.disabled || e.separator) return;
 			e.command?.();
 			let t = e.key ?? e.label ?? null;
-			v("update:selectedKey", t), v("select", e), s.popup && (v("update:modelValue", !1), xe()), s.mode === "horizontal" && U();
+			u("update:selectedKey", t), u("select", e), s.popup && (u("update:modelValue", !1), xe()), s.mode === "horizontal" && W();
 		}
 		function xe() {
 			(A.value?.querySelector("button, [tabindex]") ?? A.value)?.focus({ preventScroll: !0 });
@@ -455,7 +501,7 @@ var de = {
 			let e = s.collapsed || s.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;
+					let s = L(r, o, i), c = !!r.items?.length;
 					t.push({
 						item: r,
 						key: s,
@@ -474,8 +520,8 @@ var de = {
 				if (t) {
 					if (t.hasChildren) {
 						if (s.collapsed || s.mode === "horizontal") {
-							let e = !V[t.key];
-							U(), H(t.key, e);
+							let e = !H[t.key];
+							W(), U(t.key, e);
 						} else Y(t.key);
 						return;
 					}
@@ -483,7 +529,7 @@ var de = {
 				}
 			},
 			onEscape: () => {
-				s.popup ? v("update:modelValue", !1) : U();
+				s.popup ? u("update:modelValue", !1) : W();
 			},
 			returnFocusTo: () => s.popup ? A.value?.querySelector("button, [tabindex]") ?? A.value : null
 		}), Se = f(() => Z.value[Q.activeIndex.value]?.key ?? null);
@@ -492,8 +538,8 @@ var de = {
 			return t == null ? Z.value.find((e) => !e.item.disabled)?.key === e ? 0 : -1 : e === t ? 0 : -1;
 		}
 		function we(e) {
-			if (e == null || !k.value) return;
-			let t = k.value.querySelectorAll("[data-m-menu-key]");
+			if (e == null || !b.value) return;
+			let t = b.value.querySelectorAll("[data-m-menu-key]");
 			for (let n of t) if (n.dataset.mMenuKey === e) {
 				n.focus({ preventScroll: !0 });
 				return;
@@ -523,24 +569,24 @@ var de = {
 					return;
 				}
 			} else if (e.key === "ArrowDown") {
-				e.preventDefault(), t?.hasChildren && (U(), H(t.key, !0));
+				e.preventDefault(), t?.hasChildren && (W(), U(t.key, !0));
 				return;
 			}
 			Q.onKeydown(e);
 		}
-		P(Q.activeIndex, () => {
-			ne(() => we(Se.value));
-		}), E(ce, {
+		F(Q.activeIndex, () => {
+			S(() => we(Se.value));
+		}), D(ce, {
 			collapsed: f(() => s.collapsed),
-			selectedKey: de,
+			selectedKey: ue,
 			expandedKeys: K,
 			accordion: s.accordion,
 			indent: s.indent,
 			rootIndent: s.rootIndent,
 			mode: s.mode,
 			inverted: s.inverted,
-			flyoutOpen: V,
-			setFlyoutOpen: H,
+			flyoutOpen: H,
+			setFlyoutOpen: U,
 			toggleExpand: Y,
 			isExpanded: J,
 			activate: be,
@@ -554,41 +600,41 @@ var de = {
 		function Ee(e) {
 			if (!s.popup || !s.modelValue) return;
 			let t = e.target;
-			k.value?.contains(t) || A.value?.contains(t) || v("update:modelValue", !1);
+			b.value?.contains(t) || A.value?.contains(t) || u("update:modelValue", !1);
 		}
-		P(() => s.modelValue, (e) => {
-			s.popup && (e ? (ne(W), document.addEventListener("click", Ee), z.value && (window.addEventListener("resize", G), window.addEventListener("scroll", G, !0))) : (document.removeEventListener("click", Ee), window.removeEventListener("resize", G), window.removeEventListener("scroll", G, !0)));
-		}, { immediate: !0 }), w(() => {
+		F(() => s.modelValue, (e) => {
+			s.popup && (e ? (S(fe), document.addEventListener("click", Ee), B.value && (window.addEventListener("resize", G), window.addEventListener("scroll", G, !0))) : (document.removeEventListener("click", Ee), window.removeEventListener("resize", G), window.removeEventListener("scroll", G, !0)));
+		}, { immediate: !0 }), T(() => {
 			document.removeEventListener("click", Ee), window.removeEventListener("resize", G), window.removeEventListener("scroll", G, !0);
 		});
 		let De = f(() => ["m-menu", {
 			"m-menu--popup": s.popup,
-			"m-menu--teleported": z.value,
+			"m-menu--teleported": B.value,
 			"m-menu--collapsed": s.collapsed,
-			"m-menu--embedded": ue.value,
+			"m-menu--embedded": le.value,
 			"m-menu--horizontal": s.mode === "horizontal",
 			"m-menu--inverted": s.inverted
 		}]), $ = f(() => ({
 			"--m-menu-indent": `${s.indent / 16}rem`,
 			"--m-menu-root-indent": `${s.rootIndent / 16}rem`
-		})), Oe = f(() => z.value ? {
+		})), Oe = f(() => B.value ? {
 			...$.value,
-			...j.value
+			...M.value
 		} : $.value);
-		return (e, n) => t.popup ? le.value ? (T(), h("div", x({ key: 1 }, M(u), { class: "m-menu-popup" }), [g("div", {
+		return (e, n) => t.popup ? N.value ? (E(), h("div", x({ key: 1 }, P(l), { class: "m-menu-popup" }), [g("div", {
 			ref_key: "triggerEl",
 			ref: A,
 			class: "m-menu-popup__anchor"
-		}, [re(e.$slots, "default")], 512), (T(), p(te, {
-			to: R.value.to,
-			disabled: R.value.disabled
-		}, [_(d, { name: "m-scale-fade" }, {
-			default: F(() => [t.modelValue ? (T(), h("div", {
+		}, [j(e.$slots, "default")], 512), (E(), p(d, {
+			to: z.value.to,
+			disabled: z.value.disabled
+		}, [_(ne, { name: "m-scale-fade" }, {
+			default: I(() => [t.modelValue ? (E(), h("div", {
 				key: 0,
 				ref_key: "root",
-				ref: k,
-				class: S(De.value),
-				style: C(z.value ? Oe.value : $.value),
+				ref: b,
+				class: C(De.value),
+				style: w(B.value ? Oe.value : $.value),
 				role: "menu",
 				onKeydown: Te
 			}, [_(X, {
@@ -597,20 +643,20 @@ var de = {
 				prefix: "item"
 			}, null, 8, ["items"])], 38)) : m("", !0)]),
 			_: 1
-		})], 8, ["to", "disabled"]))], 16)) : (T(), p(te, {
+		})], 8, ["to", "disabled"]))], 16)) : (E(), p(d, {
 			key: 2,
-			to: R.value.to,
-			disabled: R.value.disabled
-		}, [_(d, { name: "m-scale-fade" }, {
-			default: F(() => [t.modelValue ? (T(), h("div", x({
+			to: z.value.to,
+			disabled: z.value.disabled
+		}, [_(ne, { name: "m-scale-fade" }, {
+			default: I(() => [t.modelValue ? (E(), h("div", x({
 				key: 0,
 				ref_key: "root",
-				ref: k
-			}, M(u), {
+				ref: b
+			}, P(l), {
 				class: De.value,
-				style: z.value ? {
+				style: B.value ? {
 					...$.value,
-					...j.value
+					...M.value
 				} : $.value,
 				role: "menu",
 				onKeydown: Te
@@ -620,11 +666,11 @@ var de = {
 				prefix: "item"
 			}, null, 8, ["items"])], 16)) : m("", !0)]),
 			_: 1
-		})], 8, ["to", "disabled"])) : (T(), h("div", x({
+		})], 8, ["to", "disabled"])) : (E(), h("div", x({
 			key: 0,
 			ref_key: "root",
-			ref: k
-		}, M(u), {
+			ref: b
+		}, P(l), {
 			class: De.value,
 			style: $.value,
 			role: "menu",
@@ -637,4 +683,4 @@ var de = {
 	}
 });
 //#endregion
-export { me as MMenu };
+export { ge as MMenu };