morya-ui 0.1.1 → 0.2.2

package/dist/menu/index.js

@@ -1,118 +1,142 @@
-import { t as e } from "../Icon-DfpIfo2L.js";
-import { n as t, t as n } from "../overlay-oR-5MDuE.js";
-import { t as r } from "../overlayPlacement-Cd20JTD_.js";
-import { t as i } from "../useMenuKeyboard-BedmYE4W.js";
-import { t as a } from "../icon-xUOyawgJ.js";
-import { t as o } from "../key-CaQYVkjh.js";
-import { t as s } from "../lastPointer-CRxcUqdd.js";
-import { t as c } from "../Popover-BXSXRV-B.js";
-import { c as l } from "../config-CI8_WBbE.js";
+import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { t } from "../Icon-DfpIfo2L.js";
+import { n, t as r } from "../overlay-oR-5MDuE.js";
+import { t as i } from "../overlayPlacement-Cd20JTD_.js";
+import { t as a } from "../useMenuKeyboard-BedmYE4W.js";
+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 { 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 d, Transition as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createVNode as v, defineComponent as y, getCurrentInstance as b, inject as x, nextTick as S, normalizeClass as C, normalizeStyle as w, onBeforeUnmount as ee, openBlock as T, provide as te, reactive as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as ne, toDisplayString as A, unref as j, useSlots as M, watch as N, withCtx as P } 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 F(e, t, n = "item") {
-	return o(e, t, n);
+function L(e, t, n = "item") {
+	return s(e, t, n);
 }
-function I(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 = F(i, r, n);
+		let a = L(i, r, n);
 		if (a === t) return [];
 		if (i.items?.length) {
-			let e = I(i.items, t, `${n}-${r}`);
+			let e = R(i.items, t, `${n}-${r}`);
 			if (e !== null) return [a, ...e];
 		}
 	}
 	return null;
 }
-function re(e, t, n, r = "item") {
-	return e.items?.length ? F(e, n, r) === t || I(e.items, t, `${r}-${n}`) !== null : !1;
+function ae(e, t, n, r = "item") {
+	return e.items?.length ? L(e, n, r) === t || R(e.items, t, `${r}-${n}`) !== null : !1;
 }
-function ie(e, t = "item") {
+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 = F(i, r, t);
-		n.push(a), n.push(...ie(i.items, `${t}-${r}`));
+		let a = L(i, r, t);
+		n.push(a), n.push(...oe(i.items, `${t}-${r}`));
 	}
 	return n;
 }
-function ae(e, t = "item") {
+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(F(i, r, t));
+		i.separator || !i.items?.length || n.push(L(i, r, t));
 	}
 	return n;
 }
 //#endregion
 //#region src/components/Menu/context.ts
-var oe = 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 se() {
-	let e = b();
+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 ce() {
-	let e = b();
-	return !e || !se() ? null : e.appContext.components.RouterLink ?? null;
+function le() {
+	let e = y();
+	return !e || !B() ? null : e.appContext.components.RouterLink ?? null;
 }
-function L(e) {
+function ue(e) {
 	return typeof e == "string" ? e : typeof e.path == "string" ? e.path : typeof e.href == "string" ? e.href : "#";
 }
-function R(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 z = {
+var H = {
 	key: 0,
 	class: "m-menu__separator",
 	role: "separator"
-}, B = [
+}, U = [
 	"tabindex",
 	"data-m-menu-key",
 	"aria-label",
-	"aria-expanded",
-	"title"
-], le = {
+	"aria-expanded"
+], W = {
 	key: 0,
 	class: "m-menu__icon",
 	"aria-hidden": "true"
-}, V = { class: "m-menu__label" }, H = {
+}, de = { class: "m-menu__label" }, fe = {
 	key: 1,
 	class: "m-menu__arrow",
 	"aria-hidden": "true"
-}, ue = {
-	class: "m-menu wk-menu--flyout",
+}, G = {
+	class: "m-menu m-menu--flyout",
 	role: "menu"
-}, U = [
+}, pe = [
 	"tabindex",
 	"data-m-menu-key",
 	"aria-expanded",
 	"aria-disabled",
 	"onClick"
-], W = {
+], K = {
 	key: 0,
 	class: "m-menu__icon",
 	"aria-hidden": "true"
-}, G = { class: "m-menu__label" }, K = {
-	class: "m-menu__arrow",
-	"aria-hidden": "true"
-}, de = {
+}, q = { class: "m-menu__label" }, J = {
 	key: 0,
 	class: "m-menu__submenu",
 	role: "group"
-}, q = {
+}, Y = { class: "m-menu__submenu-inner" }, me = {
 	key: 0,
 	class: "m-menu__icon",
 	"aria-hidden": "true"
-}, fe = { class: "m-menu__label" }, J = /* @__PURE__ */ y({
+}, he = { class: "m-menu__label" }, X = /* @__PURE__ */ v({
 	__name: "MenuNodes",
 	props: {
 		items: {},
@@ -120,100 +144,116 @@ var z = {
 		prefix: {},
 		flyout: { type: Boolean }
 	},
-	setup(t) {
-		let n = t, r = x(oe);
+	setup(e) {
+		let n = e, r = b(ce);
 		if (!r) throw Error("MenuNodes must be used inside MMenu");
-		let i = r, o = ce(), s = p(() => i.collapsed.value && !n.flyout), l = p(() => i.mode === "horizontal"), d = p(() => (s.value || l.value) && !n.flyout);
-		function y(e, t) {
+		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 b(e, t) {
+		function d(e, t) {
 			return i.resolveKey(e, t, n.prefix);
 		}
-		function S(e) {
-			return a(e.icon);
+		function v(e) {
+			return o(e.icon);
 		}
-		function ee(e, t) {
+		function y(e, t) {
 			if (e.disabled) {
 				t.preventDefault();
 				return;
 			}
 			i.activate(e), e.to || t.preventDefault();
 		}
-		function te(e, t) {
-			e.disabled || d.value || i.toggleExpand(b(e, t));
+		function x(e, t) {
+			e.disabled || l.value || i.toggleExpand(d(e, t));
 		}
-		function E(e, t) {
-			return i.isExpanded(b(e, t));
+		function S(e, t) {
+			return i.isExpanded(d(e, t));
 		}
-		function D(e, t) {
-			let r = S(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 === b(e, t)
+				"m-menu__item-content--active": i.activeKey.value === d(e, t)
 			};
 		}
+		function D(e, t) {
+			return n.flyout ? 0 : i.tabindexForKey(d(e, t));
+		}
+		function O(e) {
+			if (!(c.value || n.flyout)) return i.paddingStyle(e);
+		}
 		function k(e, t) {
-			return n.flyout ? 0 : i.tabindexForKey(b(e, t));
+			return S(e, t);
 		}
-		function M(e) {
-			if (!(l.value || n.flyout)) return i.paddingStyle(e);
+		function j(e) {
+			return !!(e.to && a && !V(e.to));
 		}
-		function N(e, t) {
-			return E(e, t) ? "chevron-down" : "chevron-right";
+		function re(e) {
+			if (!(!e.to || j(e))) return ue(e.to);
 		}
-		function F(e) {
-			return !!(e.to && o && !R(e.to));
+		function ie(e) {
+			if (!(!j(e) || !e.to)) return e.to;
 		}
-		function I(e) {
-			if (!(!e.to || F(e))) return L(e.to);
+		function F(e) {
+			return s.value && !!e.label;
 		}
-		function re(e) {
-			if (!(!F(e) || !e.to)) return e.to;
+		function L(e, t) {
+			return !!i.flyoutOpen[d(e, t)];
 		}
-		return (n, r) => (T(!0), g(u, null, O(t.items, (n, r) => (T(), g(u, { key: b(n, r) }, [n.separator ? (T(), g("div", z)) : n.items?.length ? (T(), g("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: C(["m-menu__item wk-menu__item--submenu", { "m-menu__item--horizontal": l.value }]),
+			class: C(["m-menu__item m-menu__item--submenu", { "m-menu__item--horizontal": c.value }]),
 			role: "none"
-		}, [d.value ? (T(), m(c, {
+		}, [l.value ? (E(), p(ee, {
 			key: 0,
 			class: "m-menu__collapsed-popover",
-			"model-value": !!j(i).flyoutOpen[b(n, r)],
-			trigger: l.value ? "click" : "hover",
-			placement: l.value ? "bottom-start" : "right-start",
-			"show-delay": l.value ? 0 : 50,
-			"hide-delay": l.value ? 0 : 80,
-			"onUpdate:modelValue": (e) => y(b(n, r), e)
+			"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(d(n, r), e)
 		}, {
-			default: P(() => [_("div", {
-				class: C(["m-menu__item-content", D(n, r)]),
-				style: w(M(t.depth)),
-				role: "menuitem",
-				tabindex: k(n, r),
-				"data-m-menu-key": t.flyout ? void 0 : b(n, r),
-				"aria-label": n.label,
-				"aria-haspopup": "menu",
-				"aria-expanded": l.value ? !!j(i).flyoutOpen[b(n, r)] : void 0,
-				title: s.value ? n.label : void 0
-			}, [
-				S(n) ? (T(), g("span", le, [v(e, {
-					name: S(n),
-					size: "sm"
-				}, null, 8, ["name"])])) : h("", !0),
-				_("span", V, A(n.label), 1),
-				l.value ? (T(), g("span", H, [v(e, {
-					name: "chevron-down",
-					size: "sm"
-				})])) : h("", !0)
-			], 14, B)]),
-			content: P(() => [_("div", ue, [v(J, {
+			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: `${t.prefix}-${r}`,
+				prefix: `${e.prefix}-${r}`,
 				flyout: ""
 			}, null, 8, ["items", "prefix"])])]),
 			_: 2
@@ -224,78 +264,84 @@ var z = {
 			"show-delay",
 			"hide-delay",
 			"onUpdate:modelValue"
-		])) : (T(), g(u, { key: 1 }, [_("div", {
-			class: C(["m-menu__item-content", D(n, r)]),
-			style: w(M(t.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: k(n, r),
-			"data-m-menu-key": t.flyout ? void 0 : b(n, r),
+			tabindex: D(n, r),
+			"data-m-menu-key": e.flyout ? void 0 : d(n, r),
 			"aria-haspopup": "menu",
-			"aria-expanded": E(n, r),
+			"aria-expanded": S(n, r),
 			"aria-disabled": n.disabled || void 0,
-			onClick: (e) => te(n, r)
+			onClick: (e) => x(n, r)
 		}, [
-			S(n) ? (T(), g("span", W, [v(e, {
-				name: S(n),
+			v(n) ? (E(), h("span", K, [_(t, {
+				name: v(n),
 				size: "sm"
-			}, null, 8, ["name"])])) : h("", !0),
-			_("span", G, A(n.label), 1),
-			_("span", K, [v(e, {
-				name: N(n, r),
+			}, null, 8, ["name"])])) : m("", !0),
+			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, U), v(f, { name: "m-menu-expand" }, {
-			default: P(() => [E(n, r) ? (T(), g("div", de, [v(J, {
+			})], 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: t.depth + 1,
-				prefix: `${t.prefix}-${r}`
+				depth: e.depth + 1,
+				prefix: `${e.prefix}-${r}`
 			}, null, 8, [
 				"items",
 				"depth",
 				"prefix"
-			])])) : h("", !0)]),
+			])])])) : m("", !0)]),
 			_: 2
-		}, 1024)], 64))], 2)) : (T(), g("div", {
+		}, 1024)], 64))], 2)) : (E(), h("div", {
 			key: 2,
-			class: C(["m-menu__item", { "m-menu__item--horizontal": l.value }]),
+			class: C(["m-menu__item", { "m-menu__item--horizontal": c.value }]),
 			role: "none"
-		}, [(T(), m(ne(F(n) ? j(o) : I(n) ? "a" : "div"), {
-			class: C(["m-menu__item-content", D(n, r)]),
-			style: w(M(t.depth)),
-			role: "menuitem",
-			tabindex: k(n, r),
-			"data-m-menu-key": t.flyout ? void 0 : b(n, r),
-			"aria-disabled": n.disabled || void 0,
-			"aria-current": j(i).isSelected(n, r, t.prefix) ? "page" : void 0,
-			title: s.value ? n.label : void 0,
-			href: I(n),
-			to: re(n),
-			onClick: (e) => ee(n, e)
+		}, [_(z, {
+			label: n.label,
+			active: F(n)
 		}, {
-			default: P(() => [S(n) ? (T(), g("span", q, [v(e, {
-				name: S(n),
-				size: "sm"
-			}, null, 8, ["name"])])) : h("", !0), _("span", fe, A(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));
 	}
-}), pe = {
-	key: 1,
-	class: "m-menu-popup"
-}, me = /* @__PURE__ */ y({
+}), ge = /* @__PURE__ */ v({
+	inheritAttrs: !1,
 	__name: "Menu",
 	props: {
+		pt: {},
 		model: {},
 		popup: {
 			type: Boolean,
@@ -345,18 +391,18 @@ var z = {
 		"update:expandedKeys",
 		"select"
 	],
-	setup(e, { emit: a }) {
-		let o = e, c = a, u = M(), y = l(), b = D(null), x = D(null), O = D({}), ne = p(() => !!u.default?.()?.length), A = p(() => t(o.popup ? o : { teleport: !1 }, y.value.appendTo)), j = p(() => o.popup && n(o, y.value.appendTo)), se = p(() => o.embedded ?? !o.popup), ce = p(() => o.selectedKey), L = D([]), R = E({});
-		function z(e, t) {
-			R[e] = t;
+	setup(t, { emit: o }) {
+		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 B() {
-			for (let e of Object.keys(R)) R[e] = !1;
+		function W() {
+			for (let e of Object.keys(H)) H[e] = !1;
 		}
-		function le() {
-			let e = x.value?.getBoundingClientRect();
+		function de() {
+			let e = A.value?.getBoundingClientRect();
 			if (e && (e.width > 0 || e.height > 0)) return e;
-			let { x: t, y: n } = s();
+			let { x: t, y: n } = c();
 			return {
 				left: t,
 				top: n,
@@ -366,273 +412,275 @@ var z = {
 				height: 0
 			};
 		}
-		function V() {
-			!o.popup || !o.modelValue || !j.value || (O.value = r(le(), o.placement, { minWidth: "10rem" }));
+		function fe() {
+			!s.popup || !s.modelValue || !B.value || (M.value = i(de(), s.placement, { minWidth: "10rem" }));
 		}
-		function H() {
-			o.modelValue && V();
+		function G() {
+			s.modelValue && fe();
 		}
-		function ue() {
-			if (o.defaultExpandAll) {
-				L.value = ie(o.model);
+		function pe() {
+			if (s.defaultExpandAll) {
+				V.value = oe(s.model);
 				return;
 			}
-			if (o.defaultExpandedKeys.length) {
-				L.value = [...o.defaultExpandedKeys];
+			if (s.defaultExpandedKeys.length) {
+				V.value = [...s.defaultExpandedKeys];
 				return;
 			}
-			if (o.selectedKey) {
-				let e = I(o.model, o.selectedKey);
-				L.value = e ?? [];
+			if (s.selectedKey) {
+				let e = R(s.model, s.selectedKey);
+				V.value = e ?? [];
 				return;
 			}
-			L.value = [];
+			V.value = [];
 		}
-		ue();
-		let U = p({
-			get: () => o.expandedKeys ?? L.value,
+		pe();
+		let K = f({
+			get: () => s.expandedKeys ?? V.value,
 			set: (e) => {
-				L.value = e, c("update:expandedKeys", e);
+				V.value = e, u("update:expandedKeys", e);
 			}
-		}), W = p(() => ae(o.model));
-		function G(e) {
-			return U.value.includes(e);
+		}), q = f(() => se(s.model));
+		function J(e) {
+			return K.value.includes(e);
 		}
-		function K(e) {
-			let t = [...U.value], n = t.indexOf(e);
+		function Y(e) {
+			let t = [...K.value], n = t.indexOf(e);
 			if (n >= 0) t.splice(n, 1);
 			else {
-				if (o.accordion && W.value.includes(e)) {
-					for (let n of [...t]) if (W.value.includes(n) && n !== e) {
+				if (s.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);
 			}
-			U.value = t;
+			K.value = t;
 		}
-		function de(e) {
+		function me(e) {
 			if (!e) return;
-			let t = I(o.model, e);
+			let t = R(s.model, e);
 			if (!t?.length) return;
-			let n = /* @__PURE__ */ new Set([...U.value, ...t]);
-			if (o.accordion) for (let e of W.value) n.has(e) && !t.includes(e) && n.delete(e);
-			U.value = Array.from(n);
+			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);
 		}
-		N(() => o.selectedKey, de);
-		function q(e, t, n) {
-			return F(e, t, n);
+		F(() => s.selectedKey, me);
+		function he(e, t, n) {
+			return L(e, t, n);
 		}
-		function fe(e, t, n) {
-			let r = q(e, t, n);
-			return !!(o.selectedKey && r === o.selectedKey);
+		function ge(e, t, n) {
+			let r = he(e, t, n);
+			return !!(s.selectedKey && r === s.selectedKey);
 		}
-		function me(e, t, n) {
-			return o.selectedKey ? re(e, o.selectedKey, t, n) : !1;
+		function _e(e, t, n) {
+			return s.selectedKey ? ae(e, s.selectedKey, t, n) : !1;
 		}
-		function he(e) {
-			if (o.mode !== "horizontal" && o.collapsed) return Math.max(0, o.collapsedWidth / 2 - 10);
+		function ve(e) {
+			if (s.mode !== "horizontal" && s.collapsed) return Math.max(0, s.collapsedWidth / 2 - 10);
 		}
-		function ge(e) {
-			if (o.mode === "horizontal") return { paddingInlineStart: `${o.rootIndent}px` };
-			if (o.collapsed) {
-				let t = he(e);
+		function ye(e) {
+			if (s.mode === "horizontal") return { paddingInlineStart: `${s.rootIndent}px` };
+			if (s.collapsed) {
+				let t = ve(e);
 				return t == null ? void 0 : { paddingInlineStart: `${t}px` };
 			}
 			return { paddingInlineStart: `calc(var(--m-menu-root-indent) + ${e} * var(--m-menu-indent))` };
 		}
-		function _e(e) {
+		function be(e) {
 			if (e.disabled || e.separator) return;
 			e.command?.();
 			let t = e.key ?? e.label ?? null;
-			c("update:selectedKey", t), c("select", e), o.popup && (c("update:modelValue", !1), ve()), o.mode === "horizontal" && B();
+			u("update:selectedKey", t), u("select", e), s.popup && (u("update:modelValue", !1), xe()), s.mode === "horizontal" && W();
 		}
-		function ve() {
-			(x.value?.querySelector("button, [tabindex]") ?? x.value)?.focus({ preventScroll: !0 });
+		function xe() {
+			(A.value?.querySelector("button, [tabindex]") ?? A.value)?.focus({ preventScroll: !0 });
 		}
-		let Y = p(() => {
-			let e = o.collapsed || o.mode === "horizontal", t = [], n = (r, i, a) => {
+		let Z = f(() => {
+			let e = s.collapsed || s.mode === "horizontal", t = [], n = (r, i, a) => {
 				r.forEach((r, o) => {
 					if (r.separator) return;
-					let s = F(r, o, i), c = !!r.items?.length;
+					let s = L(r, o, i), c = !!r.items?.length;
 					t.push({
 						item: r,
 						key: s,
 						parentKey: a,
 						hasChildren: c
-					}), c && !e && G(s) && n(r.items, `${i}-${o}`, s);
+					}), c && !e && J(s) && n(r.items, `${i}-${o}`, s);
 				});
 			};
-			return n(o.model, "item", null), t;
-		}), X = i({
-			itemCount: () => Y.value.length,
-			isItemDisabled: (e) => !!Y.value[e]?.item.disabled,
-			orientation: () => o.mode === "horizontal" ? "horizontal" : "vertical",
+			return n(s.model, "item", null), t;
+		}), Q = a({
+			itemCount: () => Z.value.length,
+			isItemDisabled: (e) => !!Z.value[e]?.item.disabled,
+			orientation: () => s.mode === "horizontal" ? "horizontal" : "vertical",
 			onActivate: (e) => {
-				let t = Y.value[e];
+				let t = Z.value[e];
 				if (t) {
 					if (t.hasChildren) {
-						if (o.collapsed || o.mode === "horizontal") {
-							let e = !R[t.key];
-							B(), z(t.key, e);
-						} else K(t.key);
+						if (s.collapsed || s.mode === "horizontal") {
+							let e = !H[t.key];
+							W(), U(t.key, e);
+						} else Y(t.key);
 						return;
 					}
-					_e(t.item);
+					be(t.item);
 				}
 			},
 			onEscape: () => {
-				o.popup ? c("update:modelValue", !1) : B();
+				s.popup ? u("update:modelValue", !1) : W();
 			},
-			returnFocusTo: () => o.popup ? x.value?.querySelector("button, [tabindex]") ?? x.value : null
-		}), Z = p(() => Y.value[X.activeIndex.value]?.key ?? null);
-		function ye(e) {
-			let t = Z.value;
-			return t == null ? Y.value.find((e) => !e.item.disabled)?.key === e ? 0 : -1 : e === t ? 0 : -1;
+			returnFocusTo: () => s.popup ? A.value?.querySelector("button, [tabindex]") ?? A.value : null
+		}), Se = f(() => Z.value[Q.activeIndex.value]?.key ?? null);
+		function Ce(e) {
+			let t = Se.value;
+			return t == null ? Z.value.find((e) => !e.item.disabled)?.key === e ? 0 : -1 : e === t ? 0 : -1;
 		}
-		function be(e) {
+		function we(e) {
 			if (e == null || !b.value) return;
 			let t = b.value.querySelectorAll("[data-m-menu-key]");
-			for (let n of t) if (n.dataset.muMenuKey === e) {
+			for (let n of t) if (n.dataset.mMenuKey === e) {
 				n.focus({ preventScroll: !0 });
 				return;
 			}
 		}
-		function Q(e) {
-			let t = Y.value[X.activeIndex.value];
-			if (o.mode !== "horizontal") {
+		function Te(e) {
+			let t = Z.value[Q.activeIndex.value];
+			if (s.mode !== "horizontal") {
 				if (e.key === "ArrowRight") {
 					if (e.preventDefault(), !t) return;
-					if (t.hasChildren && !o.collapsed) {
-						if (!G(t.key)) K(t.key);
+					if (t.hasChildren && !s.collapsed) {
+						if (!J(t.key)) Y(t.key);
 						else {
-							let e = Y.value.findIndex((e) => e.parentKey === t.key);
-							e >= 0 && X.setActive(e);
+							let e = Z.value.findIndex((e) => e.parentKey === t.key);
+							e >= 0 && Q.setActive(e);
 						}
 					}
 					return;
 				}
 				if (e.key === "ArrowLeft") {
 					if (e.preventDefault(), !t) return;
-					if (t.hasChildren && !o.collapsed && G(t.key)) K(t.key);
+					if (t.hasChildren && !s.collapsed && J(t.key)) Y(t.key);
 					else if (t.parentKey != null) {
-						let e = Y.value.findIndex((e) => e.key === t.parentKey);
-						e >= 0 && X.setActive(e);
+						let e = Z.value.findIndex((e) => e.key === t.parentKey);
+						e >= 0 && Q.setActive(e);
 					}
 					return;
 				}
 			} else if (e.key === "ArrowDown") {
-				e.preventDefault(), t?.hasChildren && (B(), z(t.key, !0));
+				e.preventDefault(), t?.hasChildren && (W(), U(t.key, !0));
 				return;
 			}
-			X.onKeydown(e);
-		}
-		N(X.activeIndex, () => {
-			S(() => be(Z.value));
-		}), te(oe, {
-			collapsed: p(() => o.collapsed),
-			selectedKey: ce,
-			expandedKeys: U,
-			accordion: o.accordion,
-			indent: o.indent,
-			rootIndent: o.rootIndent,
-			mode: o.mode,
-			inverted: o.inverted,
-			flyoutOpen: R,
-			setFlyoutOpen: z,
-			toggleExpand: K,
-			isExpanded: G,
-			activate: _e,
-			resolveKey: q,
-			isSelected: fe,
-			isChildActive: me,
-			paddingStyle: ge,
-			activeKey: Z,
-			tabindexForKey: ye
+			Q.onKeydown(e);
+		}
+		F(Q.activeIndex, () => {
+			S(() => we(Se.value));
+		}), D(ce, {
+			collapsed: f(() => s.collapsed),
+			selectedKey: ue,
+			expandedKeys: K,
+			accordion: s.accordion,
+			indent: s.indent,
+			rootIndent: s.rootIndent,
+			mode: s.mode,
+			inverted: s.inverted,
+			flyoutOpen: H,
+			setFlyoutOpen: U,
+			toggleExpand: Y,
+			isExpanded: J,
+			activate: be,
+			resolveKey: he,
+			isSelected: ge,
+			isChildActive: _e,
+			paddingStyle: ye,
+			activeKey: Se,
+			tabindexForKey: Ce
 		});
-		function xe(e) {
-			if (!o.popup || !o.modelValue) return;
+		function Ee(e) {
+			if (!s.popup || !s.modelValue) return;
 			let t = e.target;
-			b.value?.contains(t) || x.value?.contains(t) || c("update:modelValue", !1);
+			b.value?.contains(t) || A.value?.contains(t) || u("update:modelValue", !1);
 		}
-		N(() => o.modelValue, (e) => {
-			o.popup && (e ? (S(V), document.addEventListener("click", xe), j.value && (window.addEventListener("resize", H), window.addEventListener("scroll", H, !0))) : (document.removeEventListener("click", xe), window.removeEventListener("resize", H), window.removeEventListener("scroll", H, !0)));
-		}, { immediate: !0 }), ee(() => {
-			document.removeEventListener("click", xe), window.removeEventListener("resize", H), window.removeEventListener("scroll", H, !0);
+		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 Se = p(() => ["m-menu", {
-			"m-menu--popup": o.popup,
-			"m-menu--teleported": j.value,
-			"m-menu--collapsed": o.collapsed,
-			"m-menu--embedded": se.value,
-			"m-menu--horizontal": o.mode === "horizontal",
-			"m-menu--inverted": o.inverted
-		}]), $ = p(() => ({
-			"--m-menu-indent": `${o.indent / 16}rem`,
-			"--m-menu-root-indent": `${o.rootIndent / 16}rem`
-		})), Ce = p(() => j.value ? {
+		let De = f(() => ["m-menu", {
+			"m-menu--popup": s.popup,
+			"m-menu--teleported": B.value,
+			"m-menu--collapsed": s.collapsed,
+			"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(() => B.value ? {
 			...$.value,
-			...O.value
+			...M.value
 		} : $.value);
-		return (t, n) => e.popup ? ne.value ? (T(), g("div", pe, [_("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: x,
+			ref: A,
 			class: "m-menu-popup__anchor"
-		}, [k(t.$slots, "default")], 512), (T(), m(d, {
-			to: A.value.to,
-			disabled: A.value.disabled
-		}, [v(f, { name: "m-scale-fade" }, {
-			default: P(() => [e.modelValue ? (T(), g("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: b,
-				class: C(Se.value),
-				style: w(j.value ? Ce.value : $.value),
+				class: C(De.value),
+				style: w(B.value ? Oe.value : $.value),
 				role: "menu",
-				onKeydown: Q
-			}, [v(J, {
-				items: e.model,
+				onKeydown: Te
+			}, [_(X, {
+				items: t.model,
 				depth: 0,
 				prefix: "item"
-			}, null, 8, ["items"])], 38)) : h("", !0)]),
+			}, null, 8, ["items"])], 38)) : m("", !0)]),
 			_: 1
-		})], 8, ["to", "disabled"]))])) : (T(), m(d, {
+		})], 8, ["to", "disabled"]))], 16)) : (E(), p(d, {
 			key: 2,
-			to: A.value.to,
-			disabled: A.value.disabled
-		}, [v(f, { name: "m-scale-fade" }, {
-			default: P(() => [e.modelValue ? (T(), g("div", {
+			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: b,
-				class: C(Se.value),
-				style: w(j.value ? {
+				ref: b
+			}, P(l), {
+				class: De.value,
+				style: B.value ? {
 					...$.value,
-					...O.value
-				} : $.value),
+					...M.value
+				} : $.value,
 				role: "menu",
-				onKeydown: Q
-			}, [v(J, {
-				items: e.model,
+				onKeydown: Te
+			}), [_(X, {
+				items: t.model,
 				depth: 0,
 				prefix: "item"
-			}, null, 8, ["items"])], 38)) : h("", !0)]),
+			}, null, 8, ["items"])], 16)) : m("", !0)]),
 			_: 1
-		})], 8, ["to", "disabled"])) : (T(), g("div", {
+		})], 8, ["to", "disabled"])) : (E(), h("div", x({
 			key: 0,
 			ref_key: "root",
-			ref: b,
-			class: C(Se.value),
-			style: w($.value),
+			ref: b
+		}, P(l), {
+			class: De.value,
+			style: $.value,
 			role: "menu",
-			onKeydown: Q
-		}, [v(J, {
-			items: e.model,
+			onKeydown: Te
+		}), [_(X, {
+			items: t.model,
 			depth: 0,
 			prefix: "item"
-		}, null, 8, ["items"])], 38));
+		}, null, 8, ["items"])], 16));
 	}
 });
 //#endregion
-export { me as MMenu };
+export { ge as MMenu };