@illinois-grad/grad-vue 3.0.15 → 3.0.17

package/dist/components/GTreeMenu.vue.d.ts

@@ -131,7 +131,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     headingLevel: "h2" | "h3";
     smallHeading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
+    default?: () => any;
+    heading?: () => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/{grad-vue-N0uyBUx2.js → grad-vue-CLV2d1M0.js}

@@ -115,34 +115,34 @@ var he = { class: "g-btn--icon" }, ge = { class: "g-btn--label" }, Q = /* @__PUR
 		}
 	},
 	setup(e) {
-		let t = e, n = B();
+		let t = e, n = H(), l = d(), u = B(), f = (l?.ce)?._slots?.heading?.length > 0, p = r(() => !!t.heading || !!n.heading || f);
 		E("g-tree-menu-list-type", t.listType), E("g-tree-menu-expanded-storage", t.storageKey ? fe(t.storageKey, {}) : null);
-		let l = D(/* @__PURE__ */ new Map());
-		E("g-tree-menu-expandable-items", l);
-		let u = O({
+		let m = D(/* @__PURE__ */ new Map());
+		E("g-tree-menu-expandable-items", m);
+		let v = O({
 			expanded: !0,
 			version: 0
 		});
-		E("g-tree-menu-expand-all-signal", u);
-		let d = r(() => {
-			if (l.size === 0) return !1;
-			for (let e of l.values()) if (!e) return !1;
+		E("g-tree-menu-expand-all-signal", v);
+		let y = r(() => {
+			if (m.size === 0) return !1;
+			for (let e of m.values()) if (!e) return !1;
 			return !0;
 		});
-		function f() {
-			let e = !d.value;
-			u.value = {
+		function b() {
+			let e = !y.value;
+			v.value = {
 				expanded: e,
-				version: u.value.version + 1
+				version: v.value.version + 1
 			};
 		}
-		function p(e) {
+		function x(e) {
 			return e.querySelector("a, button, [tabindex='0']") || e;
 		}
-		function m(e) {
+		function S(e) {
 			return Array.from(e.querySelectorAll("[data-tree-primary]"));
 		}
-		function v(e) {
+		function C(e) {
 			let t = e.currentTarget, n = document.activeElement;
 			if (!t.contains(n) || ![
 				"ArrowUp",
@@ -152,16 +152,16 @@ var he = { class: "g-btn--icon" }, ge = { class: "g-btn--label" }, Q = /* @__PUR
 				"Home",
 				"End"
 			].includes(e.key)) return;
-			let r = n.closest(".g-tree-menu__item"), i = r?.querySelector("[data-tree-primary]") ?? null, a = m(t), o = i ? a.indexOf(i) : -1;
+			let r = n.closest(".g-tree-menu__item"), i = r?.querySelector("[data-tree-primary]") ?? null, a = S(t), o = i ? a.indexOf(i) : -1;
 			switch (e.key) {
 				case "ArrowDown": {
 					let e = a[o + 1];
-					e && p(e).focus();
+					e && x(e).focus();
 					break;
 				}
 				case "ArrowUp": {
 					let e = a[o - 1];
-					e && p(e).focus();
+					e && x(e).focus();
 					break;
 				}
 				case "ArrowRight":
@@ -171,48 +171,48 @@ var he = { class: "g-btn--icon" }, ge = { class: "g-btn--label" }, Q = /* @__PUR
 						e && e.click();
 					} else {
 						let e = a[o + 1];
-						e && p(e).focus();
+						e && x(e).focus();
 					}
 					break;
 				case "ArrowLeft":
 					if (!r) break;
 					if (r.querySelector("[aria-expanded='true']") !== null) {
 						let e = r.querySelector(".g-tree-menu__toggle-btn");
-						e && e.click(), i && g(() => p(i).focus());
+						e && e.click(), i && g(() => x(i).focus());
 					} else {
 						let e = r.parentElement?.closest(".g-tree-menu__item");
 						if (e) {
 							let t = e.querySelector("[data-tree-primary]");
-							t && p(t).focus();
+							t && x(t).focus();
 						}
 					}
 					break;
 				case "Home":
-					a.length > 0 && p(a[0]).focus();
+					a.length > 0 && x(a[0]).focus();
 					break;
 				case "End":
-					a.length > 0 && p(a[a.length - 1]).focus();
+					a.length > 0 && x(a[a.length - 1]).focus();
 					break;
 			}
 			e.preventDefault();
 		}
-		return (r, l) => (T(), o("nav", h({ class: ["g-tree-menu", [`g-tree-menu--${t.theme}`, { "g-tree-menu--small-heading": e.smallHeading }]] }, {
-			"aria-labelledby": e.heading ? R(n) : void 0,
-			"aria-label": e.heading ? void 0 : "Tree Menu"
-		}, { onKeydown: v }), [
-			e.heading ? (T(), i(j(e.headingLevel), {
+		return (n, r) => (T(), o("nav", h({ class: ["g-tree-menu", [`g-tree-menu--${t.theme}`, { "g-tree-menu--small-heading": e.smallHeading }]] }, {
+			"aria-labelledby": p.value ? R(u) : void 0,
+			"aria-label": p.value ? void 0 : "Tree Menu"
+		}, { onKeydown: C }), [
+			p.value ? (T(), i(j(e.headingLevel), {
 				key: 0,
-				id: R(n),
+				id: R(u),
 				class: "g-tree-menu__title"
 			}, {
-				default: J(() => [c(P(e.heading), 1)]),
-				_: 1
+				default: J(() => [A(n.$slots, "heading", {}, () => [c(P(e.heading), 1)])]),
+				_: 3
 			}, 8, ["id"])) : a("", !0),
 			s("div", _e, [e.smallHeading ? a("", !0) : (T(), o("div", ve)), e.showExpandAll ? (T(), o("div", ye, [s("button", {
 				class: "g-tree-menu__expand-all-btn",
-				onClick: f
+				onClick: b
 			}, [(T(), o("svg", {
-				class: _(["g-tree-menu__expand-all-icon", { "g-tree-menu__expand-all-icon--collapse": d.value }]),
+				class: _(["g-tree-menu__expand-all-icon", { "g-tree-menu__expand-all-icon--collapse": y.value }]),
 				role: "none",
 				viewBox: "0 0 24 24",
 				fill: "none",
@@ -220,8 +220,8 @@ var he = { class: "g-btn--icon" }, ge = { class: "g-btn--label" }, Q = /* @__PUR
 				"stroke-width": "2.5",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [...l[0] ||= [s("polyline", { points: "7 8 12 13 17 8" }, null, -1), s("polyline", { points: "7 13 12 18 17 13" }, null, -1)]], 2)), c(" " + P(d.value ? "Collapse all" : "Expand all"), 1)])])) : a("", !0)]),
-			s("div", be, [A(r.$slots, "default")])
+			}, [...r[0] ||= [s("polyline", { points: "7 8 12 13 17 8" }, null, -1), s("polyline", { points: "7 13 12 18 17 13" }, null, -1)]], 2)), c(" " + P(y.value ? "Collapse all" : "Expand all"), 1)])])) : a("", !0)]),
+			s("div", be, [A(n.$slots, "default")])
 		], 16));
 	}
 }), Se = /* @__PURE__ */ u({
@@ -4385,4 +4385,4 @@ function Oa() {
 //#endregion
 export { $, rr as A, tn as B, Sr as C, wr as D, xr as E, yn as F, pt as G, jt as H, hn as I, $e as J, at as K, pn as L, Dn as M, Sn as N, Tr as O, bn as P, Re as Q, fn as R, ii as S, Cr as T, Tt as U, Gt as V, bt as W, Ke as X, Qe as Y, qe as Z, Di as _, ya as a, Q as at, yi as b, aa as c, Wi as d, ke as et, Ui as f, ki as g, Ni as h, Ta as i, xe as it, Hn as j, yr as k, Qi as l, Li as m, Da as n, Ee as nt, ca as o, Hi as p, et as q, Ea as r, Se as rt, sa as s, Oa as t, De as tt, Zi as u, Ci as v, br as w, pi as x, Si as y, ln as z };
 
-//# sourceMappingURL=grad-vue-N0uyBUx2.js.map
+//# sourceMappingURL=grad-vue-CLV2d1M0.js.map