@cyberpunk-vue/components 1.9.21 → 1.9.22

package/dist/index.mjs

@@ -5706,64 +5706,61 @@ var ae = {
 	props: mr,
 	emits: hr,
 	setup(e, { emit: t }) {
-		let n = e, i = t, a = Y("menu"), s = T(n.defaultActive), c = T([]), l = T(new Set(n.defaultOpeneds)), u = T(new Set(n.defaultOpeneds)), d = T(!1), p = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), h = (e, t) => {
-			p.set(e, [...t]);
-		}, g = (e) => {
-			p.delete(e);
-		}, b = (e, t) => {
+		let n = e, i = t, a = Y("menu"), s = f()?.appContext.config.globalProperties.$router, c = T(n.defaultActive), l = T([]), u = T(new Set(n.defaultOpeneds)), d = T(new Set(n.defaultOpeneds)), p = T(!1), m = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), g = (e, t) => {
 			m.set(e, [...t]);
-		}, w = (e) => {
+		}, b = (e) => {
 			m.delete(e);
+		}, w = (e, t) => {
+			h.set(e, [...t]);
 		}, E = (e) => {
-			if (p.has(e)) return {
+			h.delete(e);
+		}, D = (e) => {
+			if (m.has(e)) return {
 				index: e,
-				indexPath: p.get(e)
+				indexPath: m.get(e)
 			};
 			let t = null;
-			for (let [n, r] of p) n !== "/" && (e.startsWith(n + "/") || e.startsWith(n + "?")) && (!t || n.length > t.index.length) && (t = {
+			for (let [n, r] of m) n !== "/" && (e.startsWith(n + "/") || e.startsWith(n + "?")) && (!t || n.length > t.index.length) && (t = {
 				index: n,
 				indexPath: r
 			});
 			return t;
-		}, D = (e) => {
+		}, k = (e) => {
 			if (!e) return;
-			let t = E(e);
+			let t = D(e);
 			if (t) {
-				s.value = t.index, c.value = t.indexPath;
-				let e = new Set(l.value);
-				for (let n of t.indexPath) n !== t.index && m.has(n) && e.add(n);
-				l.value = e, n.collapse || (u.value = new Set(e));
+				c.value = t.index, l.value = t.indexPath;
+				let e = new Set(u.value);
+				for (let n of t.indexPath) n !== t.index && h.has(n) && e.add(n);
+				u.value = e, n.collapse || (d.value = new Set(e));
 			}
 		};
 		R(() => n.defaultActive, (e) => {
-			D(e);
+			k(e);
 		}), R(() => n.collapse, (e) => {
-			e ? (d.value = !0, u.value = new Set(l.value), l.value = /* @__PURE__ */ new Set(), setTimeout(() => {
-				d.value = !1;
-			}, 350)) : l.value = new Set(u.value);
+			e ? (p.value = !0, d.value = new Set(u.value), u.value = /* @__PURE__ */ new Set(), setTimeout(() => {
+				p.value = !1;
+			}, 350)) : u.value = new Set(d.value);
 		}, { flush: "sync" });
-		let k = (e, t) => {
-			n.router || (s.value = e, c.value = t), i("select", e, t);
-		}, A = (e, t) => {
-			let r = new Set(l.value);
-			r.has(e) || (n.uniqueOpened && r.clear(), r.add(e), l.value = r, i("open", e, t), n.collapse || (u.value = new Set(r)));
+		let A = (e, t) => {
+			n.router || (c.value = e, l.value = t), i("select", e, t);
 		}, j = (e, t) => {
-			let r = new Set(l.value);
-			r.has(e) && (r.delete(e), l.value = r, i("close", e, t), n.collapse || (u.value = new Set(r)));
+			let r = new Set(u.value);
+			r.has(e) || (n.uniqueOpened && r.clear(), r.add(e), u.value = r, i("open", e, t), n.collapse || (d.value = new Set(r)));
 		}, N = (e, t) => {
-			l.value.has(e) ? j(e, t) : A(e, t);
+			let r = new Set(u.value);
+			r.has(e) && (r.delete(e), u.value = r, i("close", e, t), n.collapse || (d.value = new Set(r)));
+		}, P = (e, t) => {
+			u.value.has(e) ? N(e, t) : j(e, t);
 		};
 		x(() => {
-			if (_(() => {
-				D(s.value);
-			}), n.router) {
-				let e = f()?.appContext.config.globalProperties.$router;
-				e && R(() => e.currentRoute.value.path, (e) => {
-					D(e);
-				});
-			}
+			_(() => {
+				k(c.value);
+			}), n.router && s && R(() => s.currentRoute.value.path, (e) => {
+				k(e);
+			});
 		});
-		let P = 0, F = () => `__cp_auto_${++P}`, I = r(() => [
+		let F = 0, I = () => `__cp_auto_${++F}`, L = r(() => [
 			a.b(),
 			a.m(n.mode),
 			a.m(`shape-${n.shape}`),
@@ -5771,15 +5768,15 @@ var ae = {
 			a.is("collapse", n.collapse && n.mode === "vertical"),
 			n.type === "default" ? "" : a.m(n.type),
 			n.color ? a.is("custom-color") : ""
-		]), L = r(() => {
+		]), z = r(() => {
 			let e = {};
 			return n.color && (e["--cp-menu-active-color"] = n.color, e["--cp-menu-active-color-light"] = `color-mix(in srgb, ${n.color} 20%, transparent)`), e;
 		});
 		return C(gr, {
-			generateIndex: F,
-			activeIndex: s,
-			activeIndexPath: c,
-			openedMenus: l,
+			generateIndex: I,
+			activeIndex: c,
+			activeIndexPath: l,
+			openedMenus: u,
 			mode: n.mode,
 			collapse: M(n, "collapse"),
 			type: n.type,
@@ -5787,18 +5784,18 @@ var ae = {
 			variant: n.variant,
 			router: n.router,
 			color: n.color,
-			handleSelect: k,
-			handleSubMenuClick: N,
-			openMenu: A,
-			closeMenu: j,
-			addItem: h,
-			removeItem: g,
-			addSubMenu: b,
-			removeSubMenu: w,
-			suppressTransition: d
+			handleSelect: A,
+			handleSubMenuClick: P,
+			openMenu: j,
+			closeMenu: N,
+			addItem: g,
+			removeItem: b,
+			addSubMenu: w,
+			removeSubMenu: E,
+			suppressTransition: p
 		}), (e, t) => (S(), o("ul", {
-			class: v(I.value),
-			style: y(L.value),
+			class: v(L.value),
+			style: y(z.value),
 			role: "menubar"
 		}, [O(e.$slots, "default")], 6));
 	}
@@ -5829,34 +5826,31 @@ var ae = {
 	props: yr,
 	emits: br,
 	setup(e, { emit: t }) {
-		let n = e, c = t, l = Y("menu-item"), u = m(gr, void 0), d = m(_r, void 0), p = n.index ?? u?.generateIndex() ?? `__cp_auto_fallback_${Math.random().toString(36).slice(2)}`, h = r(() => u?.activeIndex.value === p), g = r(() => [...d?.indexPath ?? [], p]);
+		let n = e, c = t, l = Y("menu-item"), u = f()?.appContext.config.globalProperties.$router, d = m(gr, void 0), p = m(_r, void 0), h = n.index ?? d?.generateIndex() ?? `__cp_auto_fallback_${Math.random().toString(36).slice(2)}`, g = r(() => d?.activeIndex.value === h), _ = r(() => [...p?.indexPath ?? [], h]);
 		x(() => {
-			u?.addItem(p, g.value);
+			d?.addItem(h, _.value);
 		}), b(() => {
-			u?.removeItem(p);
+			d?.removeItem(h);
 		});
-		let _ = r(() => u?.mode === "horizontal" ? {} : { paddingLeft: `${20 * ((d?.level ?? 0) + 1)}px` }), C = r(() => [
+		let C = r(() => d?.mode === "horizontal" ? {} : { paddingLeft: `${20 * ((p?.level ?? 0) + 1)}px` }), w = r(() => [
 			l.b(),
-			l.is("active", h.value),
+			l.is("active", g.value),
 			l.is("disabled", n.disabled)
-		]), w = () => {
-			if (!n.disabled && (u?.handleSelect(p, g.value), c("click", p), u?.router)) {
-				let e = f()?.appContext.config.globalProperties.$router;
-				if (e) {
-					let t = n.route ?? p;
-					e.push(t).catch((e) => {
-						e.name !== "NavigationDuplicated" && console.warn("[CpMenuItem] Router navigation failed:", e);
-					});
-				}
+		]), T = () => {
+			if (!n.disabled && (d?.handleSelect(h, _.value), c("click", h), d?.router && u)) {
+				let e = n.route ?? h;
+				u.push(e).catch((e) => {
+					e.name !== "NavigationDuplicated" && console.warn("[CpMenuItem] Router navigation failed:", e);
+				});
 			}
 		};
 		return (e, t) => (S(), o("li", {
-			class: v(C.value),
-			style: y(_.value),
+			class: v(w.value),
+			style: y(C.value),
 			role: "menuitem",
 			tabindex: e.disabled ? -1 : 0,
-			onClick: w,
-			onKeydown: H(w, ["enter"])
+			onClick: T,
+			onKeydown: H(T, ["enter"])
 		}, [e.icon || e.$slots.icon ? (S(), o("span", {
 			key: 0,
 			class: v(N(l).e("icon"))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cyberpunk-vue/components",
-  "version": "1.9.21",
+  "version": "1.9.22",
   "description": "Cyberpunk Vue components - A futuristic Vue 3 component library",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -23,9 +23,9 @@
     "vue": "^3.5.0"
   },
   "dependencies": {
-    "@cyberpunk-vue/theme-chalk": "1.9.21",
-    "@cyberpunk-vue/hooks": "1.9.21",
-    "@cyberpunk-vue/constants": "1.9.21"
+    "@cyberpunk-vue/hooks": "1.9.22",
+    "@cyberpunk-vue/constants": "1.9.22",
+    "@cyberpunk-vue/theme-chalk": "1.9.22"
   },
   "author": "Juxest",
   "license": "MIT",