@illinois-grad/grad-vue 3.0.6 → 3.0.8

package/dist/{grad-vue-CAmKhHhp.js → grad-vue-BV5cHdAW.js}

@@ -91,8 +91,11 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 			"type"
 		]));
 	}
-}), ge = ["id"], _e = { class: "g-tree-menu__divider" }, ve = {
+}), ge = { class: "g-tree-menu__divider" }, _e = {
 	key: 0,
+	class: "g-tree-menu__divider-line"
+}, ve = {
+	key: 1,
 	class: "g-tree-menu__expand-all-wrapper"
 }, ye = { class: "g-tree-menu__content" }, be = /* @__PURE__ */ u({
 	__name: "GTreeMenu",
@@ -104,13 +107,18 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 		showExpandAll: {
 			type: Boolean,
 			default: !1
+		},
+		headingLevel: { default: "h2" },
+		smallHeading: {
+			type: Boolean,
+			default: !1
 		}
 	},
 	setup(e) {
 		let t = e, n = B();
 		E("g-tree-menu-list-type", t.listType), E("g-tree-menu-expanded-storage", t.storageKey ? ue(t.storageKey, {}) : null);
-		let i = U("nav-el"), l = t.storageKey ? ue(`${t.storageKey}:scroll`, 0, { writeDefaults: !1 }) : null;
-		function u(e) {
+		let l = U("nav-el"), u = t.storageKey ? ue(`${t.storageKey}:scroll`, 0, { writeDefaults: !1 }) : null;
+		function d(e) {
 			let t = e.parentElement;
 			for (; t && t !== document.documentElement && t !== document.body;) {
 				let e = window.getComputedStyle(t);
@@ -119,42 +127,66 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 			}
 			return null;
 		}
-		let d = null;
-		function f() {
-			l && d && (l.value = d.scrollTop);
+		let f = null, p = null, m = null, v = !1;
+		function y() {
+			u && f && (u.value = f.scrollTop);
+		}
+		function b() {
+			p &&= (p.disconnect(), null), m &&= (m.disconnect(), null);
+		}
+		function x() {
+			!u || !f || v || u.value <= 0 || (f.scrollTop = u.value, v = f.scrollTop > 0, v && b());
+		}
+		function w(e) {
+			if (typeof MutationObserver > "u") return;
+			m = new MutationObserver(() => {
+				x();
+			});
+			let t = e;
+			for (; t;) m.observe(t, {
+				attributes: !0,
+				attributeFilter: [
+					"class",
+					"style",
+					"hidden",
+					"open"
+				]
+			}), t = t.parentElement;
 		}
 		S(() => {
-			!l || !i.value || (d = u(i.value), d && (l.value > 0 && g(() => {
-				d && (d.scrollTop = l.value);
-			}), d.addEventListener("scroll", f)));
+			!u || !l.value || (f = d(l.value), f && (g(() => {
+				x();
+			}), typeof ResizeObserver < "u" && (p = new ResizeObserver(() => {
+				x();
+			}), p.observe(l.value), p.observe(f)), w(l.value), f.addEventListener("scroll", y)));
 		}), C(() => {
-			d &&= (d.removeEventListener("scroll", f), null);
+			b(), f &&= (f.removeEventListener("scroll", y), null), v = !1;
 		});
-		let p = D(/* @__PURE__ */ new Map());
-		E("g-tree-menu-expandable-items", p);
-		let m = O({
+		let k = D(/* @__PURE__ */ new Map());
+		E("g-tree-menu-expandable-items", k);
+		let M = O({
 			expanded: !0,
 			version: 0
 		});
-		E("g-tree-menu-expand-all-signal", m);
-		let v = r(() => {
-			if (p.size === 0) return !1;
-			for (let e of p.values()) if (!e) return !1;
+		E("g-tree-menu-expand-all-signal", M);
+		let N = r(() => {
+			if (k.size === 0) return !1;
+			for (let e of k.values()) if (!e) return !1;
 			return !0;
 		});
-		function y() {
-			m.value = {
-				expanded: !v.value,
-				version: m.value.version + 1
+		function F() {
+			M.value = {
+				expanded: !N.value,
+				version: M.value.version + 1
 			};
 		}
-		function b(e) {
+		function I(e) {
 			return e.querySelector("a, button, [tabindex='0']") || e;
 		}
-		function x(e) {
+		function L(e) {
 			return Array.from(e.querySelectorAll("[data-tree-primary]"));
 		}
-		function w(e) {
+		function z(e) {
 			let t = e.currentTarget, n = document.activeElement;
 			if (!t.contains(n) || ![
 				"ArrowUp",
@@ -164,16 +196,16 @@ var me = { class: "g-btn--icon" }, he = { 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 = x(t), o = i ? a.indexOf(i) : -1;
+			let r = n.closest(".g-tree-menu__item"), i = r?.querySelector("[data-tree-primary]") ?? null, a = L(t), o = i ? a.indexOf(i) : -1;
 			switch (e.key) {
 				case "ArrowDown": {
 					let e = a[o + 1];
-					e && b(e).focus();
+					e && I(e).focus();
 					break;
 				}
 				case "ArrowUp": {
 					let e = a[o - 1];
-					e && b(e).focus();
+					e && I(e).focus();
 					break;
 				}
 				case "ArrowRight":
@@ -183,48 +215,51 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 						e && e.click();
 					} else {
 						let e = a[o + 1];
-						e && b(e).focus();
+						e && I(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(() => b(i).focus());
+						e && e.click(), i && g(() => I(i).focus());
 					} else {
 						let e = r.parentElement?.closest(".g-tree-menu__item");
 						if (e) {
 							let t = e.querySelector("[data-tree-primary]");
-							t && b(t).focus();
+							t && I(t).focus();
 						}
 					}
 					break;
 				case "Home":
-					a.length > 0 && b(a[0]).focus();
+					a.length > 0 && I(a[0]).focus();
 					break;
 				case "End":
-					a.length > 0 && b(a[a.length - 1]).focus();
+					a.length > 0 && I(a[a.length - 1]).focus();
 					break;
 			}
 			e.preventDefault();
 		}
-		return (r, i) => (T(), o("nav", h({
+		return (r, l) => (T(), o("nav", h({
 			ref: "nav-el",
-			class: ["g-tree-menu", `g-tree-menu--${t.theme}`]
+			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: w }), [
-			e.heading ? (T(), o("h2", {
+		}, { onKeydown: z }), [
+			e.heading ? (T(), i(j(e.headingLevel), {
 				key: 0,
 				id: R(n),
 				class: "g-tree-menu__title"
-			}, P(e.heading), 9, ge)) : a("", !0),
-			s("div", _e, [i[1] ||= s("div", { class: "g-tree-menu__divider-line" }, null, -1), e.showExpandAll ? (T(), o("div", ve, [s("button", {
+			}, {
+				default: J(() => [c(P(e.heading), 1)]),
+				_: 1
+			}, 8, ["id"])) : a("", !0),
+			s("div", ge, [e.smallHeading ? a("", !0) : (T(), o("div", _e)), e.showExpandAll ? (T(), o("div", ve, [s("button", {
 				class: "g-tree-menu__expand-all-btn",
-				onClick: y
+				onClick: F
 			}, [(T(), o("svg", {
-				class: _(["g-tree-menu__expand-all-icon", { "g-tree-menu__expand-all-icon--collapse": v.value }]),
+				class: _(["g-tree-menu__expand-all-icon", { "g-tree-menu__expand-all-icon--collapse": N.value }]),
 				role: "none",
 				viewBox: "0 0 24 24",
 				fill: "none",
@@ -232,7 +267,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 				"stroke-width": "2.5",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [...i[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(v.value ? "Collapse all" : "Expand all"), 1)])])) : a("", !0)]),
+			}, [...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(N.value ? "Collapse all" : "Expand all"), 1)])])) : a("", !0)]),
 			s("div", ye, [A(r.$slots, "default")])
 		], 16));
 	}
@@ -1769,40 +1804,43 @@ function cn() {
 	let e = globalThis;
 	return e.__GRAD_VUE_WC_SIDEBAR_CHANNELS__ ||= /* @__PURE__ */ new Map(), e.__GRAD_VUE_WC_SIDEBAR_CHANNELS__;
 }
-function ln(e = "default", t = "(max-width: 800px)") {
-	let n = cn(), r = e || "default";
+function ln(e = "default", t) {
+	let n = cn(), r = e || "default", i = typeof t == "string" ? t : t?.value, a = i && i.trim() ? i : "(max-width: 800px)";
 	if (!n.has(r)) {
-		let e = sn(r);
+		let e = sn(r), t = O(a);
 		n.set(r, {
 			id: `g-wc-sidebar-${e}`,
 			open: O(!1),
+			breakpoint: t,
 			isCollapsible: se(t, { ssrWidth: 1e3 }),
 			toggle: () => void 0
 		});
 	}
-	let i = n.get(r);
-	i.toggle = () => i.open.value = !i.open.value;
-	function a(e) {
-		if (!i.isCollapsible.value || !i.open.value) return;
-		let t = e.target, n = document.getElementById(`${i.id}-sidebar`);
-		n && (n.contains(t) || setTimeout(() => {
-			i.open.value = !1;
+	let o = n.get(r);
+	o.toggle = () => o.open.value = !o.open.value, typeof t == "string" ? t.trim() && (o.breakpoint.value = t) : t && K(t, (e) => {
+		e && e.trim() && (o.breakpoint.value = e);
+	}, { immediate: !0 });
+	function s(e) {
+		if (!o.isCollapsible.value || !o.open.value) return;
+		let t = e.target, n = document.getElementById(`${o.id}-sidebar`), r = document.getElementById(`${o.id}-hamburger`);
+		n && (n.contains(t) || r?.contains(t) || setTimeout(() => {
+			o.open.value = !1;
 		}, 5));
 	}
-	function o(e) {
-		if (!i.isCollapsible.value || !i.open.value) return;
-		let t = e.target, n = document.getElementById(`${i.id}-sidebar`), r = document.getElementById(`${i.id}-hamburger`);
+	function c(e) {
+		if (!o.isCollapsible.value || !o.open.value) return;
+		let t = e.target, n = document.getElementById(`${o.id}-sidebar`), r = document.getElementById(`${o.id}-hamburger`);
 		n && (n.contains(t) || r?.contains(t) || setTimeout(() => {
-			i.open.value = !1;
+			o.open.value = !1;
 		}, 5));
 	}
 	return S(() => {
-		K(i.isCollapsible, (e) => {
-			e ? (document.addEventListener("mousedown", a), document.addEventListener("focusin", o)) : (document.removeEventListener("mousedown", a), document.removeEventListener("focusin", o));
+		K(o.isCollapsible, (e) => {
+			e ? (document.addEventListener("mousedown", s), document.addEventListener("focusin", c)) : (document.removeEventListener("mousedown", s), document.removeEventListener("focusin", c));
 		}, { immediate: !0 });
 	}), x(() => {
-		document.removeEventListener("mousedown", a), document.removeEventListener("focusin", o);
-	}), i;
+		document.removeEventListener("mousedown", s), document.removeEventListener("focusin", c);
+	}), o;
 }
 //#endregion
 //#region src/components/GSidebar.vue?vue&type=script&setup=true&lang.ts
@@ -1815,10 +1853,11 @@ var un = ["id"], dn = /* @__PURE__ */ u({
 		topOffset: { default: "" },
 		topOffsetVar: { default: "" },
 		width: { default: "300px" },
-		sidebarKey: { default: "default" }
+		sidebarKey: { default: "default" },
+		mediaQuery: {}
 	},
 	setup(e) {
-		let t = e, n = p("sidebar", () => void 0, !0) ?? (fe() ? ln(t.sidebarKey) : void 0), i = r(() => t.backgroundImage ? t.backgroundImage : t.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), a = r(() => t.backgroundColor ? t.backgroundColor : t.theme === "light" ? "#f9f9f9" : "#030913"), s = r(() => t.topOffsetVar ? `var(${t.topOffsetVar})` : t.topOffset ? t.topOffset : "var(--g-toolbar-height)"), c = B();
+		let t = e, n = p("sidebar", () => void 0, !0) ?? (fe() ? ln(t.sidebarKey, I(t, "mediaQuery")) : void 0), i = r(() => t.backgroundImage ? t.backgroundImage : t.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), a = r(() => t.backgroundColor ? t.backgroundColor : t.theme === "light" ? "#f9f9f9" : "#030913"), s = r(() => t.topOffsetVar ? `var(${t.topOffsetVar})` : t.topOffset ? t.topOffset : "var(--g-toolbar-height)"), c = B();
 		function l(e) {
 			e.key === "Escape" && n?.isCollapsible?.value && n?.open?.value && (n.open.value = !1, document.getElementById(`${n.id}-hamburger`)?.focus());
 		}
@@ -3219,64 +3258,73 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 	"aria-expanded",
 	"aria-label",
 	"aria-controls"
-], ui = /* @__PURE__ */ u({
+], ui = {
+	key: 0,
+	class: "g-hamburger-label"
+}, di = /* @__PURE__ */ u({
 	__name: "GHamburgerMenu",
 	props: {
 		label: { default: "Main Navigation" },
-		sidebarKey: { default: "default" }
+		sidebarKey: { default: "default" },
+		mediaQuery: {},
+		labelVisible: {
+			type: Boolean,
+			default: !1
+		}
 	},
 	emits: ["toggle"],
 	setup(e, { emit: t }) {
-		let n = e, r = p("sidebar") ?? (fe() ? ln(n.sidebarKey) : void 0), i = t;
-		function a() {
+		let n = e, r = p("sidebar") ?? (fe() ? ln(n.sidebarKey, I(n, "mediaQuery")) : void 0), i = t;
+		function c() {
 			i("toggle"), r?.toggle();
 		}
-		function c(e) {
+		function l(e) {
 			e.key === "Escape" && r?.open?.value && (r.open.value = !1);
 		}
-		let l = B();
+		let u = B();
 		return (t, n) => (T(), o("button", {
-			id: `${R(r)?.id ?? R(l)}-hamburger`,
+			id: `${R(r)?.id ?? R(u)}-hamburger`,
 			class: _(["g-hamburger-button", {
 				"g-hamburger-button--open": R(r)?.open?.value,
 				"g-hamburger-button--collapsible": R(r)?.isCollapsible?.value
 			}]),
-			onClick: a,
-			onKeydown: c,
+			onClick: c,
+			onKeydown: l,
 			"aria-expanded": R(r)?.open?.value ? "true" : "false",
-			"aria-label": e.label,
+			"aria-label": e.labelVisible ? void 0 : e.label,
 			"aria-controls": R(r) ? `${R(r).id}-sidebar` : void 0
-		}, [...n[0] ||= [s("svg", {
+		}, [n[0] ||= s("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 51.26 51.26"
-		}, [s("g", { fill: "currentColor" }, [s("path", { d: "M11.6 16.52h28.06a3.24 3.24 0 1 0 0-6.48H11.6a3.24 3.24 0 0 0 0 6.48ZM39.66 22.07H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48ZM39.66 34.1H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48Z" })])], -1)]], 42, li));
+			viewBox: "0 0 51.26 51.26",
+			role: "none"
+		}, [s("g", { fill: "currentColor" }, [s("path", { d: "M11.6 16.52h28.06a3.24 3.24 0 1 0 0-6.48H11.6a3.24 3.24 0 0 0 0 6.48ZM39.66 22.07H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48ZM39.66 34.1H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48Z" })])], -1), e.labelVisible ? (T(), o("span", ui, P(e.label), 1)) : a("", !0)], 42, li));
 	}
-}), di = /* @__PURE__ */ u({
+}), fi = /* @__PURE__ */ u({
 	__name: "GDetailList",
 	props: { variant: { default: "grid" } },
 	setup(e) {
 		let t = e;
 		return (e, n) => (T(), o("dl", { class: _(["g-detail-list", `g-detail-list--${t.variant}`]) }, [A(e.$slots, "default")], 2));
 	}
-}), fi = { class: "g-detail-list-item" }, pi = { class: "g-detail-list-item__label" }, mi = { class: "g-detail-list-item__value" }, hi = /* @__PURE__ */ u({
+}), pi = { class: "g-detail-list-item" }, mi = { class: "g-detail-list-item__label" }, hi = { class: "g-detail-list-item__value" }, gi = /* @__PURE__ */ u({
 	__name: "GDetailListItem",
 	props: { label: {} },
 	setup(e) {
-		return (t, n) => (T(), o("div", fi, [s("dt", pi, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])]), s("dd", mi, [A(t.$slots, "default")])]));
+		return (t, n) => (T(), o("div", pi, [s("dt", mi, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])]), s("dd", hi, [A(t.$slots, "default")])]));
 	}
-}), gi = {
+}), _i = {
 	key: 0,
 	class: "g-scroll-lock-overlay"
-}, _i = /* @__PURE__ */ u({
+}, vi = /* @__PURE__ */ u({
 	__name: "GOverlay",
 	setup(e) {
 		let { hasScrollLock: t } = qe();
 		return (e, r) => (T(), i(n, { name: "g-fade" }, {
-			default: J(() => [R(t) ? (T(), o("div", gi)) : a("", !0)]),
+			default: J(() => [R(t) ? (T(), o("div", _i)) : a("", !0)]),
 			_: 1
 		}));
 	}
-}), vi = { class: "popover-content" }, yi = { class: "year-dropdown" }, bi = { class: "month-selector" }, xi = /* @__PURE__ */ u({
+}), yi = { class: "popover-content" }, bi = { class: "year-dropdown" }, xi = { class: "month-selector" }, Si = /* @__PURE__ */ u({
 	__name: "GTermSelectorControl",
 	props: /* @__PURE__ */ m({
 		termYears: { default: () => ["2026"] },
@@ -3297,7 +3345,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = V(e, "modelValue");
-		return (n, r) => (T(), o("div", vi, [s("div", yi, [l(Ht, {
+		return (n, r) => (T(), o("div", yi, [s("div", bi, [l(Ht, {
 			modelValue: t.value.year,
 			"onUpdate:modelValue": r[0] ||= (e) => t.value.year = e,
 			options: e.termYears,
@@ -3306,7 +3354,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 			"modelValue",
 			"options",
 			"label"
-		])]), s("div", bi, [l(yt, {
+		])]), s("div", xi, [l(yt, {
 			modelValue: t.value.name,
 			"onUpdate:modelValue": r[1] ||= (e) => t.value.name = e,
 			options: e.termNames,
@@ -3318,10 +3366,10 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 			"label"
 		])])]));
 	}
-}), Si = { class: "g-term-selector" }, Ci = { class: "g-term-label" }, wi = {
+}), Ci = { class: "g-term-selector" }, wi = { class: "g-term-label" }, Ti = {
 	class: "g-popover-title",
 	tabindex: "-1"
-}, Ti = /* @__PURE__ */ u({
+}, Ei = /* @__PURE__ */ u({
 	__name: "GTermSelector",
 	props: /* @__PURE__ */ m({
 		heading: { default: "Period Selection" },
@@ -3343,7 +3391,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = V(e, "modelValue");
-		return (n, r) => (T(), o("div", Si, [l(it, null, {
+		return (n, r) => (T(), o("div", Ci, [l(it, null, {
 			trigger: J(({ toggle: e }) => [l(Q, {
 				class: "g-term-selector-button",
 				theme: "none",
@@ -3356,7 +3404,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 640 640"
 					}, [s("path", { d: "M224 64C206.3 64 192 78.3 192 96L192 128L160 128C124.7 128 96 156.7 96 192L96 240L544 240L544 192C544 156.7 515.3 128 480 128L448 128L448 96C448 78.3 433.7 64 416 64C398.3 64 384 78.3 384 96L384 128L256 128L256 96C256 78.3 241.7 64 224 64zM96 288L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 288L96 288z" })])], -1),
-					s("span", Ci, P(t.value?.name) + " " + P(t.value?.year), 1),
+					s("span", wi, P(t.value?.name) + " " + P(t.value?.year), 1),
 					r[1] ||= s("span", { class: "g-caret" }, [s("svg", {
 						role: "none presentation",
 						xmlns: "http://www.w3.org/2000/svg",
@@ -3365,15 +3413,15 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 				]),
 				_: 1
 			}, 8, ["onClick"])]),
-			default: J(() => [s("h2", wi, P(e.heading), 1), l(xi, v(f(n.$props)), null, 16)]),
+			default: J(() => [s("h2", Ti, P(e.heading), 1), l(Si, v(f(n.$props)), null, 16)]),
 			_: 1
 		})]));
 	}
-}), Ei = { class: "g-user-menu" }, Di = [
+}), Di = { class: "g-user-menu" }, Oi = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
-], Oi = { class: "g-user-menu__popover" }, ki = { class: "g-user-menu__list" }, Ai = /* @__PURE__ */ u({
+], ki = { class: "g-user-menu__popover" }, Ai = { class: "g-user-menu__list" }, ji = /* @__PURE__ */ u({
 	__name: "GUserMenu",
 	props: {
 		initials: {},
@@ -3385,7 +3433,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 		let n = `${B()}-email`, r = O(!1), a = U("emailHeading");
 		d()?.appContext?.components?.RouterLink;
 		let c = H();
-		return (u, d) => (T(), o("div", Ei, [l(it, {
+		return (u, d) => (T(), o("div", Di, [l(it, {
 			modelValue: r.value,
 			"onUpdate:modelValue": d[0] ||= (e) => r.value = e,
 			minimal: ""
@@ -3397,8 +3445,8 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 				"aria-expanded": r.value,
 				"aria-haspopup": "menu",
 				onClick: e
-			}, P(t.initials), 13, Di)]),
-			default: J(() => [s("div", Oi, [s("h2", {
+			}, P(t.initials), 13, Oi)]),
+			default: J(() => [s("div", ki, [s("h2", {
 				id: n,
 				ref_key: "emailHeading",
 				ref: a,
@@ -3407,11 +3455,11 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 			}, P(t.email), 513), s("nav", {
 				class: "g-user-menu__nav",
 				"aria-labelledby": n
-			}, [s("ul", ki, [(T(!0), o(e, null, k(c.default(), (e, t) => (T(), o("li", { key: t }, [(T(), i(j(e)))]))), 128))])])])]),
+			}, [s("ul", Ai, [(T(!0), o(e, null, k(c.default(), (e, t) => (T(), o("li", { key: t }, [(T(), i(j(e)))]))), 128))])])])]),
 			_: 1
 		}, 8, ["modelValue"])]));
 	}
-}), ji = /* @__PURE__ */ u({
+}), Mi = /* @__PURE__ */ u({
 	__name: "GCurrencyInput",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3462,7 +3510,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 			"form-key"
 		]));
 	}
-}), Mi = /* @__PURE__ */ u({
+}), Ni = /* @__PURE__ */ u({
 	__name: "GEmailInput",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3507,13 +3555,13 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 			"instructions"
 		]));
 	}
-}), Ni = ["for"], Pi = {
+}), Pi = ["for"], Fi = {
 	key: 0,
 	class: "g-file-input-required"
-}, Fi = {
+}, Ii = {
 	key: 0,
 	class: "g-file-input-box-header"
-}, Ii = ["id"], Li = [
+}, Li = ["id"], Ri = [
 	"id",
 	"disabled",
 	"required",
@@ -3522,11 +3570,11 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 	"aria-invalid",
 	"aria-describedby",
 	"aria-errormessage"
-], Ri = {
+], zi = {
 	key: 1,
 	class: "g-file-input-pills",
 	"aria-label": "Selected files"
-}, zi = /* @__PURE__ */ u({
+}, Bi = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GFileInput",
 	props: /* @__PURE__ */ m({
@@ -3583,12 +3631,12 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 				key: 0,
 				for: R(d),
 				class: "g-file-input-label"
-			}, [c(P(t.label) + " ", 1), t.required ? (T(), o("span", Pi, "*")) : a("", !0)], 8, Ni)) : a("", !0),
+			}, [c(P(t.label) + " ", 1), t.required ? (T(), o("span", Fi, "*")) : a("", !0)], 8, Pi)) : a("", !0),
 			s("div", { class: _(["g-file-input-box", { "g-file-input-box--disabled": t.disabled }]) }, [
-				t.instructions ? (T(), o("div", Fi, [s("span", {
+				t.instructions ? (T(), o("div", Ii, [s("span", {
 					id: "instructions-" + R(d),
 					class: "g-file-input-instructions"
-				}, P(t.instructions), 9, Ii)])) : a("", !0),
+				}, P(t.instructions), 9, Li)])) : a("", !0),
 				s("input", {
 					id: R(d),
 					type: "file",
@@ -3601,8 +3649,8 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 					"aria-describedby": t.instructions ? "instructions-" + R(d) : void 0,
 					"aria-errormessage": y.value ? "error-message-" + R(d) : void 0,
 					onChange: g
-				}, null, 40, Li),
-				t.multiple && b.value.length > 0 ? (T(), o("ul", Ri, [(T(!0), o(e, null, k(b.value, (e) => (T(), o("li", {
+				}, null, 40, Ri),
+				t.multiple && b.value.length > 0 ? (T(), o("ul", zi, [(T(!0), o(e, null, k(b.value, (e) => (T(), o("li", {
 					key: e,
 					class: "g-file-input-pill"
 				}, [r[0] ||= s("svg", {
@@ -3618,7 +3666,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), Bi = /* @__PURE__ */ u({
+}), Vi = /* @__PURE__ */ u({
 	__name: "GDateInput",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3666,21 +3714,21 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 			"form-key"
 		]));
 	}
-}), Vi = { class: "g-date-range-input" }, Hi = {
+}), Hi = { class: "g-date-range-input" }, Ui = {
 	key: 0,
 	class: "g-date-range-input__label"
-}, Ui = {
+}, Wi = {
 	key: 0,
 	class: "g-date-range-input__required",
 	"aria-hidden": "true"
-}, Wi = {
+}, Gi = {
 	key: 1,
 	class: "g-date-range-input__instructions"
-}, Gi = { class: "g-date-range-input__fields" }, Ki = {
+}, Ki = { class: "g-date-range-input__fields" }, qi = {
 	key: 2,
 	class: "g-date-range-input__errors",
 	role: "alert"
-}, qi = /* @__PURE__ */ u({
+}, Ji = /* @__PURE__ */ u({
 	__name: "GDateRangeInput",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3720,10 +3768,10 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 			};
 		}), K(r, (e) => {
 			e.start !== i.value && (i.value = e.start), e.end !== u.value && (u.value = e.end);
-		}, { deep: !0 }), (t, r) => (T(), o("div", Vi, [
-			n.label ? (T(), o("div", Hi, [c(P(n.label), 1), n.required ? (T(), o("span", Ui, " *")) : a("", !0)])) : a("", !0),
-			n.instructions ? (T(), o("div", Wi, P(n.instructions), 1)) : a("", !0),
-			s("div", Gi, [l(Bi, {
+		}, { deep: !0 }), (t, r) => (T(), o("div", Hi, [
+			n.label ? (T(), o("div", Ui, [c(P(n.label), 1), n.required ? (T(), o("span", Wi, " *")) : a("", !0)])) : a("", !0),
+			n.instructions ? (T(), o("div", Gi, P(n.instructions), 1)) : a("", !0),
+			s("div", Ki, [l(Vi, {
 				modelValue: i.value,
 				"onUpdate:modelValue": r[0] ||= (e) => i.value = e,
 				label: n.startLabel,
@@ -3735,7 +3783,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 				"label",
 				"disabled",
 				"required"
-			]), l(Bi, {
+			]), l(Vi, {
 				modelValue: u.value,
 				"onUpdate:modelValue": r[1] ||= (e) => u.value = e,
 				label: n.endLabel,
@@ -3748,13 +3796,13 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 				"disabled",
 				"required"
 			])]),
-			R(d).length > 0 ? (T(), o("div", Ki, [(T(!0), o(e, null, k(R(d), (e, t) => (T(), o("div", {
+			R(d).length > 0 ? (T(), o("div", qi, [(T(!0), o(e, null, k(R(d), (e, t) => (T(), o("div", {
 				key: t,
 				class: "g-date-range-input__error"
 			}, P(e), 1))), 128))])) : a("", !0)
 		]));
 	}
-}), Ji = ["action", "method"], Yi = /* @__PURE__ */ u({
+}), Yi = ["action", "method"], Xi = /* @__PURE__ */ u({
 	__name: "GForm",
 	props: /* @__PURE__ */ m({
 		action: { default: void 0 },
@@ -3794,9 +3842,9 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 			hasErrors: R(s).hasErrors.value,
 			values: R(s).values.value,
 			errors: R(s).errors.value
-		})], 40, Ji));
+		})], 40, Yi));
 	}
-}), Xi = /* @__PURE__ */ u({
+}), Zi = /* @__PURE__ */ u({
 	__name: "GSubmitButton",
 	props: {
 		disabled: {
@@ -3819,21 +3867,21 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 			_: 3
 		}, 8, ["disabled", "variant"]));
 	}
-}), Zi = {
+}), Qi = {
 	key: 0,
 	class: "g-checkbox-group__legend"
-}, Qi = {
+}, $i = {
 	key: 0,
 	class: "g-checkbox-group__required",
 	"aria-hidden": "true"
-}, $i = {
+}, ea = {
 	key: 1,
 	class: "g-checkbox-group__label"
-}, ea = {
+}, ta = {
 	key: 0,
 	class: "g-checkbox-group__required",
 	"aria-hidden": "true"
-}, ta = ["id"], na = { class: "g-checkbox-group__options" }, ra = ["for"], ia = [
+}, na = ["id"], ra = { class: "g-checkbox-group__options" }, ia = ["for"], aa = [
 	"id",
 	"type",
 	"name",
@@ -3842,7 +3890,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 	"disabled",
 	"required",
 	"onChange"
-], aa = { class: "g-checkbox-group__label-text" }, oa = ["id"], sa = /* @__PURE__ */ u({
+], oa = { class: "g-checkbox-group__label-text" }, sa = ["id"], ca = /* @__PURE__ */ u({
 	__name: "GCheckboxGroup",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3904,13 +3952,13 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 		}
 		return (n, r) => (T(), i(j(C.value ? "fieldset" : "div"), h({ class: ["g-checkbox-group", { "g-checkbox-group--error": R(m) }] }, w.value), {
 			default: J(() => [
-				C.value && t.label ? (T(), o("legend", Zi, [c(P(t.label), 1), t.required ? (T(), o("span", Qi, "\xA0*")) : a("", !0)])) : !C.value && t.label ? (T(), o("div", $i, [c(P(t.label), 1), t.required ? (T(), o("span", ea, "\xA0*")) : a("", !0)])) : a("", !0),
+				C.value && t.label ? (T(), o("legend", Qi, [c(P(t.label), 1), t.required ? (T(), o("span", $i, "\xA0*")) : a("", !0)])) : !C.value && t.label ? (T(), o("div", ea, [c(P(t.label), 1), t.required ? (T(), o("span", ta, "\xA0*")) : a("", !0)])) : a("", !0),
 				t.instructions ? (T(), o("div", {
 					key: 2,
 					id: S.value,
 					class: "g-checkbox-group__instructions"
-				}, P(t.instructions), 9, ta)) : a("", !0),
-				s("div", na, [(T(!0), o(e, null, k(t.options, (e, n) => (T(), o("div", {
+				}, P(t.instructions), 9, na)) : a("", !0),
+				s("div", ra, [(T(!0), o(e, null, k(t.options, (e, n) => (T(), o("div", {
 					key: e.value,
 					class: _(["g-checkbox-group__option-wrapper", { "g-checkbox-group__option-wrapper--disabled": e.disabled }])
 				}, [s("label", {
@@ -3925,11 +3973,11 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 					disabled: e.disabled,
 					required: t.required && (t.radio && n === 0 || !t.radio && t.options.length === 1),
 					class: "g-checkbox-group__input"
-				}, { ref_for: !0 }, O(e, n), { onChange: (t) => y(e.value, t.target.checked) }), null, 16, ia), s("span", aa, P(e.label), 1)], 10, ra), e.hint ? (T(), o("div", {
+				}, { ref_for: !0 }, O(e, n), { onChange: (t) => y(e.value, t.target.checked) }), null, 16, aa), s("span", oa, P(e.label), 1)], 10, ia), e.hint ? (T(), o("div", {
 					key: 0,
 					id: E(n),
 					class: "g-checkbox-group__hint"
-				}, P(e.hint), 9, oa)) : a("", !0)], 2))), 128))]),
+				}, P(e.hint), 9, sa)) : a("", !0)], 2))), 128))]),
 				l(je, {
 					errors: R(p),
 					id: x.value
@@ -3938,11 +3986,11 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 			_: 1
 		}, 16, ["class"]));
 	}
-}), ca = ["for"], la = {
+}), la = ["for"], ua = {
 	key: 0,
 	class: "g-textarea-required",
 	"aria-hidden": "true"
-}, ua = ["id"], da = [
+}, da = ["id"], fa = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -3951,11 +3999,11 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 	"rows",
 	"maxlength",
 	"aria-invalid"
-], fa = {
+], pa = {
 	key: 2,
 	class: "g-textarea-char-count",
 	"aria-live": "polite"
-}, pa = /* @__PURE__ */ u({
+}, ma = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GTextarea",
 	props: /* @__PURE__ */ m({
@@ -4028,12 +4076,12 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 				key: 0,
 				for: m.value,
 				class: "g-textarea-label"
-			}, [c(P(n.label), 1), n.required ? (T(), o("span", la, " *")) : a("", !0)], 8, ca)) : a("", !0),
+			}, [c(P(n.label), 1), n.required ? (T(), o("span", ua, " *")) : a("", !0)], 8, la)) : a("", !0),
 			t.$slots.instructions || e.instructions ? (T(), o("div", {
 				key: 1,
 				id: "instructions-" + R(u),
 				class: "g-textarea-instructions"
-			}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8, ua)) : a("", !0),
+			}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8, da)) : a("", !0),
 			s("textarea", h({
 				ref: "textareaEl",
 				value: i.value ?? "",
@@ -4054,8 +4102,8 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 				onInput: w,
 				onBlur: E,
 				onPaste: D
-			}), null, 16, da),
-			n.maxlength === void 0 ? a("", !0) : (T(), o("div", fa, P((i.value ?? "").length) + " / " + P(n.maxlength), 1)),
+			}), null, 16, fa),
+			n.maxlength === void 0 ? a("", !0) : (T(), o("div", pa, P((i.value ?? "").length) + " / " + P(n.maxlength), 1)),
 			l(je, {
 				errors: R(v),
 				id: "error-message-" + R(u)
@@ -4065,7 +4113,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
 });
 //#endregion
 //#region src/compose/useActiveLink.ts
-function ma(e, t, n) {
+function ha(e, t, n) {
 	let r = [
 		0,
 		.25,
@@ -4095,12 +4143,12 @@ function ma(e, t, n) {
 }
 //#endregion
 //#region src/compose/useSidebar.ts
-function ha(e = "(max-width: 800px)") {
+function ga(e = "(max-width: 800px)") {
 	let t = B(), n = O(!1), r = se(e, { ssrWidth: 1e3 });
 	function i(e) {
 		if (!r.value || !n.value) return;
-		let i = e.target, a = document.getElementById(`${t}-sidebar`);
-		a && (a.contains(i) || setTimeout(() => {
+		let i = e.target, a = document.getElementById(`${t}-sidebar`), o = document.getElementById(`${t}-hamburger`);
+		a && (a.contains(i) || o?.contains(i) || setTimeout(() => {
 			n.value = !1;
 		}, 5));
 	}
@@ -4126,7 +4174,7 @@ function ha(e = "(max-width: 800px)") {
 }
 //#endregion
 //#region src/compose/useTableChanges.ts
-function ga() {
+function _a() {
 	let e = M(/* @__PURE__ */ new Map()), t = ee(), n = (n) => {
 		let r = n.column.key, i = n.row.key, a = n.value, o = n.previousValue;
 		e.has(i) || e.set(i, M(/* @__PURE__ */ new Map()));
@@ -4229,6 +4277,6 @@ function ga() {
 	};
 }
 //#endregion
-export { ke as $, $n as A, Ht as B, hr as C, _r as D, mr as E, hn as F, it as G, wt as H, dn as I, Qe as J, et as K, ln as L, Cn as M, vn as N, vr as O, gn as P, $ as Q, on as R, qr as S, gr as T, yt as U, At as V, ft as W, qe as X, Ke as Y, Re as Z, hi as _, sa as a, ci as b, qi as c, Mi as d, De as et, ji as f, _i as g, xi as h, pa as i, Q as it, Rn as j, fr as k, Bi as l, Ti as m, ha as n, xe as nt, Xi as o, Ai as p, $e as q, ma as r, be as rt, Yi as s, ga as t, Ee as tt, zi as u, di as v, pr as w, ni as x, ui as y, Qt as z };
+export { ke as $, $n as A, Ht as B, hr as C, _r as D, mr as E, hn as F, it as G, wt as H, dn as I, Qe as J, et as K, ln as L, Cn as M, vn as N, vr as O, gn as P, $ as Q, on as R, qr as S, gr as T, yt as U, At as V, ft as W, qe as X, Ke as Y, Re as Z, gi as _, ca as a, ci as b, Ji as c, Ni as d, De as et, Mi as f, vi as g, Si as h, ma as i, Q as it, Rn as j, fr as k, Vi as l, Ei as m, ga as n, xe as nt, Zi as o, ji as p, $e as q, ha as r, be as rt, Xi as s, _a as t, Ee as tt, Bi as u, fi as v, pr as w, ni as x, di as y, Qt as z };
 
-//# sourceMappingURL=grad-vue-CAmKhHhp.js.map
+//# sourceMappingURL=grad-vue-BV5cHdAW.js.map