morya-ui 0.1.1 → 0.2.1

package/dist/menu/index.js

@@ -1,76 +1,77 @@
-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 { 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 { c as l } 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 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";
 //#region src/shared/menu/tree.ts
-function F(e, t, n = "item") {
-	return o(e, t, n);
-}
 function I(e, t, n = "item") {
+	return s(e, t, n);
+}
+function L(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 = I(i, r, n);
 		if (a === t) return [];
 		if (i.items?.length) {
-			let e = I(i.items, t, `${n}-${r}`);
+			let e = L(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 ? I(e, n, r) === t || L(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 = I(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(I(i, r, t));
 	}
 	return n;
 }
 //#endregion
 //#region src/components/Menu/context.ts
-var oe = Symbol("muMenu");
+var ce = Symbol("muMenu");
 //#endregion
 //#region src/shared/optionalRouter.ts
-function se() {
-	let e = b();
+function le() {
+	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 R() {
+	let e = y();
+	return !e || !le() ? null : e.appContext.components.RouterLink ?? null;
 }
-function L(e) {
+function z(e) {
 	return typeof e == "string" ? e : typeof e.path == "string" ? e.path : typeof e.href == "string" ? e.href : "#";
 }
-function R(e) {
+function ue(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 de = {
 	key: 0,
 	class: "m-menu__separator",
 	role: "separator"
@@ -80,39 +81,39 @@ var z = {
 	"aria-label",
 	"aria-expanded",
 	"title"
-], le = {
+], V = {
 	key: 0,
 	class: "m-menu__icon",
 	"aria-hidden": "true"
-}, V = { class: "m-menu__label" }, H = {
+}, H = { class: "m-menu__label" }, U = {
 	key: 1,
 	class: "m-menu__arrow",
 	"aria-hidden": "true"
-}, ue = {
-	class: "m-menu wk-menu--flyout",
+}, fe = {
+	class: "m-menu m-menu--flyout",
 	role: "menu"
-}, U = [
+}, W = [
 	"tabindex",
 	"data-m-menu-key",
 	"aria-expanded",
 	"aria-disabled",
 	"onClick"
-], W = {
+], G = {
 	key: 0,
 	class: "m-menu__icon",
 	"aria-hidden": "true"
-}, G = { class: "m-menu__label" }, K = {
+}, pe = { class: "m-menu__label" }, K = {
 	class: "m-menu__arrow",
 	"aria-hidden": "true"
-}, de = {
+}, q = {
 	key: 0,
 	class: "m-menu__submenu",
 	role: "group"
-}, q = {
+}, J = {
 	key: 0,
 	class: "m-menu__icon",
 	"aria-hidden": "true"
-}, fe = { class: "m-menu__label" }, J = /* @__PURE__ */ y({
+}, Y = { class: "m-menu__label" }, X = /* @__PURE__ */ v({
 	__name: "MenuNodes",
 	props: {
 		items: {},
@@ -120,100 +121,100 @@ 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 = R(), 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 v(e, t) {
 			return i.resolveKey(e, t, n.prefix);
 		}
-		function S(e) {
-			return a(e.icon);
+		function y(e) {
+			return o(e.icon);
 		}
-		function ee(e, t) {
+		function x(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 ne(e, t) {
+			e.disabled || l.value || i.toggleExpand(v(e, t));
 		}
-		function E(e, t) {
-			return i.isExpanded(b(e, t));
+		function w(e, t) {
+			return i.isExpanded(v(e, t));
 		}
-		function D(e, t) {
-			let r = S(e);
+		function E(e, t) {
+			let r = y(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 === v(e, t)
 			};
 		}
-		function k(e, t) {
-			return n.flyout ? 0 : i.tabindexForKey(b(e, t));
+		function D(e, t) {
+			return n.flyout ? 0 : i.tabindexForKey(v(e, t));
 		}
-		function M(e) {
-			if (!(l.value || n.flyout)) return i.paddingStyle(e);
+		function O(e) {
+			if (!(c.value || n.flyout)) return i.paddingStyle(e);
 		}
-		function N(e, t) {
-			return E(e, t) ? "chevron-down" : "chevron-right";
+		function re(e, t) {
+			return w(e, t) ? "chevron-down" : "chevron-right";
 		}
-		function F(e) {
-			return !!(e.to && o && !R(e.to));
+		function N(e) {
+			return !!(e.to && a && !ue(e.to));
 		}
-		function I(e) {
-			if (!(!e.to || F(e))) return L(e.to);
+		function ie(e) {
+			if (!(!e.to || N(e))) return z(e.to);
 		}
-		function re(e) {
-			if (!(!F(e) || !e.to)) return e.to;
+		function P(e) {
+			if (!(!N(e) || !e.to)) return e.to;
 		}
-		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) => (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", {
 			key: 1,
-			class: C(["m-menu__item wk-menu__item--submenu", { "m-menu__item--horizontal": l.value }]),
+			class: S(["m-menu__item m-menu__item--submenu", { "m-menu__item--horizontal": c.value }]),
 			role: "none"
-		}, [d.value ? (T(), m(c, {
+		}, [l.value ? (T(), 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": !!M(i).flyoutOpen[v(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)
 		}, {
-			default: P(() => [_("div", {
-				class: C(["m-menu__item-content", D(n, r)]),
-				style: w(M(t.depth)),
+			default: F(() => [g("div", {
+				class: S(["m-menu__item-content", E(n, r)]),
+				style: C(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 : v(n, r),
 				"aria-label": n.label,
 				"aria-haspopup": "menu",
-				"aria-expanded": l.value ? !!j(i).flyoutOpen[b(n, r)] : void 0,
+				"aria-expanded": c.value ? !!M(i).flyoutOpen[v(n, r)] : void 0,
 				title: s.value ? n.label : void 0
 			}, [
-				S(n) ? (T(), g("span", le, [v(e, {
-					name: S(n),
+				y(n) ? (T(), h("span", V, [_(t, {
+					name: y(n),
 					size: "sm"
-				}, null, 8, ["name"])])) : h("", !0),
-				_("span", V, A(n.label), 1),
-				l.value ? (T(), g("span", H, [v(e, {
+				}, null, 8, ["name"])])) : m("", !0),
+				g("span", H, j(n.label), 1),
+				c.value ? (T(), h("span", U, [_(t, {
 					name: "chevron-down",
 					size: "sm"
-				})])) : h("", !0)
+				})])) : m("", !0)
 			], 14, B)]),
-			content: P(() => [_("div", ue, [v(J, {
+			content: F(() => [g("div", fe, [_(X, {
 				items: n.items,
 				depth: 0,
-				prefix: `${t.prefix}-${r}`,
+				prefix: `${e.prefix}-${r}`,
 				flyout: ""
 			}, null, 8, ["items", "prefix"])])]),
 			_: 2
@@ -224,58 +225,58 @@ 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)),
+		])) : (T(), h(u, { key: 1 }, [g("div", {
+			class: S(["m-menu__item-content", E(n, r)]),
+			style: C(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 : v(n, r),
 			"aria-haspopup": "menu",
-			"aria-expanded": E(n, r),
+			"aria-expanded": w(n, r),
 			"aria-disabled": n.disabled || void 0,
-			onClick: (e) => te(n, r)
+			onClick: (e) => ne(n, r)
 		}, [
-			S(n) ? (T(), g("span", W, [v(e, {
-				name: S(n),
+			y(n) ? (T(), h("span", G, [_(t, {
+				name: y(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", pe, j(n.label), 1),
+			g("span", K, [_(t, {
+				name: re(n, r),
 				size: "sm"
 			}, null, 8, ["name"])])
-		], 14, U), v(f, { name: "m-menu-expand" }, {
-			default: P(() => [E(n, r) ? (T(), g("div", de, [v(J, {
+		], 14, W), _(d, { name: "m-menu-expand" }, {
+			default: F(() => [w(n, r) ? (T(), h("div", q, [_(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)) : (T(), h("div", {
 			key: 2,
-			class: C(["m-menu__item", { "m-menu__item--horizontal": l.value }]),
+			class: S(["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)),
+		}, [(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: 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 : v(n, r),
 			"aria-disabled": n.disabled || void 0,
-			"aria-current": j(i).isSelected(n, r, t.prefix) ? "page" : void 0,
+			"aria-current": M(i).isSelected(n, r, e.prefix) ? "page" : void 0,
 			title: s.value ? n.label : void 0,
-			href: I(n),
-			to: re(n),
-			onClick: (e) => ee(n, e)
+			href: ie(n),
+			to: P(n),
+			onClick: (e) => x(n, e)
 		}, {
-			default: P(() => [S(n) ? (T(), g("span", q, [v(e, {
-				name: S(n),
+			default: F(() => [y(n) ? (T(), h("span", J, [_(t, {
+				name: y(n),
 				size: "sm"
-			}, null, 8, ["name"])])) : h("", !0), _("span", fe, A(n.label), 1)]),
+			}, null, 8, ["name"])])) : m("", !0), g("span", Y, j(n.label), 1)]),
 			_: 2
 		}, 1032, [
 			"class",
@@ -290,12 +291,11 @@ var z = {
 			"onClick"
 		]))], 2))], 64))), 128));
 	}
-}), pe = {
-	key: 1,
-	class: "m-menu-popup"
-}, me = /* @__PURE__ */ y({
+}), me = /* @__PURE__ */ v({
+	inheritAttrs: !1,
 	__name: "Menu",
 	props: {
+		pt: {},
 		model: {},
 		popup: {
 			type: Boolean,
@@ -345,18 +345,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 = 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;
 		}
-		function B() {
-			for (let e of Object.keys(R)) R[e] = !1;
+		function U() {
+			for (let e of Object.keys(V)) V[e] = !1;
 		}
-		function le() {
-			let e = x.value?.getBoundingClientRect();
+		function fe() {
+			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,272 +366,274 @@ var z = {
 				height: 0
 			};
 		}
-		function V() {
-			!o.popup || !o.modelValue || !j.value || (O.value = r(le(), o.placement, { minWidth: "10rem" }));
+		function W() {
+			!s.popup || !s.modelValue || !z.value || (j.value = i(fe(), s.placement, { minWidth: "10rem" }));
 		}
-		function H() {
-			o.modelValue && V();
+		function G() {
+			s.modelValue && W();
 		}
-		function ue() {
-			if (o.defaultExpandAll) {
-				L.value = ie(o.model);
+		function pe() {
+			if (s.defaultExpandAll) {
+				B.value = oe(s.model);
 				return;
 			}
-			if (o.defaultExpandedKeys.length) {
-				L.value = [...o.defaultExpandedKeys];
+			if (s.defaultExpandedKeys.length) {
+				B.value = [...s.defaultExpandedKeys];
 				return;
 			}
-			if (o.selectedKey) {
-				let e = I(o.model, o.selectedKey);
-				L.value = e ?? [];
+			if (s.selectedKey) {
+				let e = L(s.model, s.selectedKey);
+				B.value = e ?? [];
 				return;
 			}
-			L.value = [];
+			B.value = [];
 		}
-		ue();
-		let U = p({
-			get: () => o.expandedKeys ?? L.value,
+		pe();
+		let K = f({
+			get: () => s.expandedKeys ?? B.value,
 			set: (e) => {
-				L.value = e, c("update:expandedKeys", e);
+				B.value = e, v("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 = L(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);
+		P(() => s.selectedKey, me);
+		function he(e, t, n) {
+			return I(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();
+			v("update:selectedKey", t), v("select", e), s.popup && (v("update:modelValue", !1), xe()), s.mode === "horizontal" && U();
 		}
-		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 = I(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 = !V[t.key];
+							U(), H(t.key, e);
+						} else Y(t.key);
 						return;
 					}
-					_e(t.item);
+					be(t.item);
 				}
 			},
 			onEscape: () => {
-				o.popup ? c("update:modelValue", !1) : B();
+				s.popup ? v("update:modelValue", !1) : U();
 			},
-			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;
-		}
-		function be(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) {
+			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 we(e) {
+			if (e == null || !k.value) return;
+			let t = k.value.querySelectorAll("[data-m-menu-key]");
+			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 && (U(), H(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);
+		}
+		P(Q.activeIndex, () => {
+			ne(() => we(Se.value));
+		}), E(ce, {
+			collapsed: f(() => s.collapsed),
+			selectedKey: de,
+			expandedKeys: K,
+			accordion: s.accordion,
+			indent: s.indent,
+			rootIndent: s.rootIndent,
+			mode: s.mode,
+			inverted: s.inverted,
+			flyoutOpen: V,
+			setFlyoutOpen: H,
+			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);
+			k.value?.contains(t) || A.value?.contains(t) || v("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);
+		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(() => {
+			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": z.value,
+			"m-menu--collapsed": s.collapsed,
+			"m-menu--embedded": ue.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 ? {
 			...$.value,
-			...O.value
+			...j.value
 		} : $.value);
-		return (t, n) => e.popup ? ne.value ? (T(), g("div", pe, [_("div", {
+		return (e, n) => t.popup ? le.value ? (T(), h("div", x({ key: 1 }, M(u), { 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", {
+		}, [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", {
 				key: 0,
 				ref_key: "root",
-				ref: b,
-				class: C(Se.value),
-				style: w(j.value ? Ce.value : $.value),
+				ref: k,
+				class: S(De.value),
+				style: C(z.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)) : (T(), p(te, {
 			key: 2,
-			to: A.value.to,
-			disabled: A.value.disabled
-		}, [v(f, { name: "m-scale-fade" }, {
-			default: P(() => [e.modelValue ? (T(), g("div", {
+			to: R.value.to,
+			disabled: R.value.disabled
+		}, [_(d, { name: "m-scale-fade" }, {
+			default: F(() => [t.modelValue ? (T(), h("div", x({
 				key: 0,
 				ref_key: "root",
-				ref: b,
-				class: C(Se.value),
-				style: w(j.value ? {
+				ref: k
+			}, M(u), {
+				class: De.value,
+				style: z.value ? {
 					...$.value,
-					...O.value
-				} : $.value),
+					...j.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"])) : (T(), h("div", x({
 			key: 0,
 			ref_key: "root",
-			ref: b,
-			class: C(Se.value),
-			style: w($.value),
+			ref: k
+		}, M(u), {
+			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