@illinois-grad/grad-vue 3.0.13 → 3.0.15

package/dist/grad-vue-elements.js

@@ -2216,7 +2216,10 @@ function da(e, i) {
 			}
 		}
 	}, D = (e, t, n, r, i, a, o, s, c = 0) => {
-		for (let l = c; l < e.length; l++) v(null, e[l] = s ? za(e[l]) : Ra(e[l]), t, n, r, i, a, o, s);
+		for (let l = c; l < e.length; l++) {
+			let c = e[l] = s ? za(e[l]) : Ra(e[l]);
+			v(null, c, t, n, r, i, a, o, s);
+		}
 	}, te = (e, n, r, i, a, o, s) => {
 		let l = n.el = e.el, { patchFlag: u, dynamicChildren: d, dirs: f } = n;
 		u |= e.patchFlag & 16;
@@ -2237,8 +2240,8 @@ function da(e, i) {
 		}, i);
 	}, O = (e, t, n, r, i, a, o) => {
 		for (let s = 0; s < t.length; s++) {
-			let c = e[s], l = t[s];
-			v(c, l, c.el && (c.type === W || !Ma(c, l) || c.shapeFlag & 198) ? m(c.el) : n, null, r, i, a, o, !0);
+			let c = e[s], l = t[s], u = c.el && (c.type === W || !Ma(c, l) || c.shapeFlag & 198) ? m(c.el) : n;
+			v(c, l, u, null, r, i, a, o, !0);
 		}
 	}, ne = (e, n, r, i, a) => {
 		if (n !== r) {
@@ -4031,6 +4034,7 @@ var Xc = [
 	"select:not([inert]):not([inert] *)",
 	"textarea:not([inert]):not([inert] *)",
 	"a[href]:not([inert]):not([inert] *)",
+	"area[href]:not([inert]):not([inert] *)",
 	"button:not([inert]):not([inert] *)",
 	"[tabindex]:not(slot):not([inert]):not([inert] *)",
 	"audio[controls]:not([inert]):not([inert] *)",
@@ -4134,17 +4138,18 @@ var Xc = [
 		visibilityProperty: !0,
 		checkVisibilityCSS: !0
 	});
-	if (getComputedStyle(e).visibility === "hidden") return !0;
-	var i = $c.call(e, "details>summary:first-of-type") ? e.parentElement : e;
-	if ($c.call(i, "details:not([open]) *")) return !0;
+	var i = getComputedStyle(e).visibility;
+	if (i === "hidden" || i === "collapse") return !0;
+	var a = $c.call(e, "details>summary:first-of-type") ? e.parentElement : e;
+	if ($c.call(a, "details:not([open]) *")) return !0;
 	if (!n || n === "full" || n === "full-native" || n === "legacy-full") {
 		if (typeof r == "function") {
-			for (var a = e; e;) {
-				var o = e.parentElement, s = el(e);
-				if (o && !o.shadowRoot && r(o) === !0) return _l(e);
-				e = e.assignedSlot ? e.assignedSlot : !o && s !== e.ownerDocument ? s.host : o;
+			for (var o = e; e;) {
+				var s = e.parentElement, c = el(e);
+				if (s && !s.shadowRoot && r(s) === !0) return _l(e);
+				e = e.assignedSlot ? e.assignedSlot : !s && c !== e.ownerDocument ? c.host : s;
 			}
-			e = a;
+			e = o;
 		}
 		if (gl(e)) return !e.getClientRects().length;
 		if (n !== "legacy-full") return !0;
@@ -4357,6 +4362,7 @@ var Vl = {
 		returnFocusOnDeactivate: !0,
 		escapeDeactivates: !0,
 		delayInitialFocus: !0,
+		delayReturnFocus: !0,
 		isolateSubtrees: !1,
 		isKeyForward: Gl,
 		isKeyBackward: Kl
@@ -4399,18 +4405,23 @@ var Vl = {
 			if (!l && !a) throw Error(`\`${e}\` as selector refers to no known node`);
 		}
 		return l;
-	}, u = function() {
+	}, u = function(e) {
+		var t = e.activeElement;
+		return t ? t.shadowRoot && t.shadowRoot.activeElement !== null ? u(t.shadowRoot) : t : null;
+	}, d = function() {
 		var e = l("initialFocus", { hasFallback: !0 });
 		if (e === !1) return !1;
-		if (e === void 0 || e && !Ol(e, i.tabbableOptions)) if (c(n.activeElement) >= 0) e = n.activeElement;
-		else {
-			var t = a.tabbableGroups[0];
-			e = t && t.firstTabbableNode || l("fallbackFocus");
-		}
-		else e === null && (e = l("fallbackFocus"));
+		if (e === void 0 || e && !Ol(e, i.tabbableOptions)) {
+			var t = u(n);
+			if (c(t) >= 0) e = t;
+			else {
+				var r = a.tabbableGroups[0];
+				e = r && r.firstTabbableNode || l("fallbackFocus");
+			}
+		} else e === null && (e = l("fallbackFocus"));
 		if (!e) throw Error("Your focus-trap needs to have at least one focusable element");
 		return e;
-	}, d = function() {
+	}, f = function() {
 		if (a.containerGroups = a.containers.map(function(e) {
 			var t = wl(e, i.tabbableOptions), n = Tl(e, i.tabbableOptions), r = t.length > 0 ? t[0] : void 0, a = t.length > 0 ? t[t.length - 1] : void 0, o = n.find(function(e) {
 				return El(e);
@@ -4443,13 +4454,10 @@ var Vl = {
 		if (a.containerGroups.find(function(e) {
 			return e.posTabIndexesFound;
 		}) && a.containerGroups.length > 1) throw Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
-	}, f = function(e) {
-		var t = e.activeElement;
-		if (t) return t.shadowRoot && t.shadowRoot.activeElement !== null ? f(t.shadowRoot) : t;
 	}, p = function(e) {
-		if (e !== !1 && e !== f(document)) {
+		if (e !== !1 && e !== u(document)) {
 			if (!e || !e.focus) {
-				p(u());
+				p(d());
 				return;
 			}
 			e.focus({ preventScroll: !!i.preventScroll }), a.mostRecentlyFocusedNode = e, Hl(e) && e.select();
@@ -4459,29 +4467,29 @@ var Vl = {
 		return t || (t === !1 ? !1 : e);
 	}, h = function(e) {
 		var t = e.target, n = e.event, r = e.isBackward, o = r === void 0 ? !1 : r;
-		t ||= Yl(n), d();
+		t ||= Yl(n), f();
 		var s = null;
 		if (a.tabbableGroups.length > 0) {
-			var u = c(t, n), f = u >= 0 ? a.containerGroups[u] : void 0;
+			var u = c(t, n), d = u >= 0 ? a.containerGroups[u] : void 0;
 			if (u < 0) s = o ? a.tabbableGroups[a.tabbableGroups.length - 1].lastTabbableNode : a.tabbableGroups[0].firstTabbableNode;
 			else if (o) {
 				var p = a.tabbableGroups.findIndex(function(e) {
 					var n = e.firstTabbableNode;
 					return t === n;
 				});
-				if (p < 0 && (f.container === t || Ol(t, i.tabbableOptions) && !El(t, i.tabbableOptions) && !f.nextTabbableNode(t, !1)) && (p = u), p >= 0) {
+				if (p < 0 && (d.container === t || Ol(t, i.tabbableOptions) && !El(t, i.tabbableOptions) && !d.nextTabbableNode(t, !1)) && (p = u), p >= 0) {
 					var m = p === 0 ? a.tabbableGroups.length - 1 : p - 1, h = a.tabbableGroups[m];
 					s = ol(t) >= 0 ? h.lastTabbableNode : h.lastDomTabbableNode;
-				} else Wl(n) || (s = f.nextTabbableNode(t, !1));
+				} else Wl(n) || (s = d.nextTabbableNode(t, !1));
 			} else {
 				var g = a.tabbableGroups.findIndex(function(e) {
 					var n = e.lastTabbableNode;
 					return t === n;
 				});
-				if (g < 0 && (f.container === t || Ol(t, i.tabbableOptions) && !El(t, i.tabbableOptions) && !f.nextTabbableNode(t)) && (g = u), g >= 0) {
+				if (g < 0 && (d.container === t || Ol(t, i.tabbableOptions) && !El(t, i.tabbableOptions) && !d.nextTabbableNode(t)) && (g = u), g >= 0) {
 					var _ = g === a.tabbableGroups.length - 1 ? 0 : g + 1, v = a.tabbableGroups[_];
 					s = ol(t) >= 0 ? v.firstTabbableNode : v.firstDomTabbableNode;
-				} else Wl(n) || (s = f.nextTabbableNode(t));
+				} else Wl(n) || (s = d.nextTabbableNode(t));
 			}
 		} else s = l("fallbackFocus");
 		return s;
@@ -4502,10 +4510,10 @@ var Vl = {
 			if (a.mostRecentlyFocusedNode) if (ol(a.mostRecentlyFocusedNode) > 0) {
 				var s = c(a.mostRecentlyFocusedNode), l = a.containerGroups[s].tabbableNodes;
 				if (l.length > 0) {
-					var d = l.findIndex(function(e) {
+					var u = l.findIndex(function(e) {
 						return e === a.mostRecentlyFocusedNode;
 					});
-					d >= 0 && (i.isKeyForward(a.recentNavEvent) ? d + 1 < l.length && (r = l[d + 1], o = !1) : d - 1 >= 0 && (r = l[d - 1], o = !1));
+					u >= 0 && (i.isKeyForward(a.recentNavEvent) ? u + 1 < l.length && (r = l[u + 1], o = !1) : u - 1 >= 0 && (r = l[u - 1], o = !1));
 				}
 			} else a.containerGroups.some(function(e) {
 				return e.tabbableNodes.some(function(e) {
@@ -4516,7 +4524,7 @@ var Vl = {
 			o && (r = h({
 				target: a.mostRecentlyFocusedNode,
 				isBackward: i.isKeyBackward(a.recentNavEvent)
-			})), p(r || a.mostRecentlyFocusedNode || u());
+			})), p(r || a.mostRecentlyFocusedNode || d());
 		}
 		a.recentNavEvent = void 0;
 	}, v = function(e) {
@@ -4534,21 +4542,27 @@ var Vl = {
 	}, x = function(e) {
 		c(Yl(e), e) >= 0 || Jl(i.clickOutsideDeactivates, e) || Jl(i.allowOutsideClick, e) || (e.preventDefault(), e.stopImmediatePropagation());
 	}, S = function() {
-		if (a.active) return Vl.activateTrap(r, o), a.delayInitialFocusTimer = i.delayInitialFocus ? ql(function() {
-			p(u());
-		}) : p(u()), n.addEventListener("focusin", _, !0), n.addEventListener("mousedown", g, {
-			capture: !0,
-			passive: !1
-		}), n.addEventListener("touchstart", g, {
-			capture: !0,
-			passive: !1
-		}), n.addEventListener("click", x, {
-			capture: !0,
-			passive: !1
-		}), n.addEventListener("keydown", y, {
-			capture: !0,
-			passive: !1
-		}), n.addEventListener("keydown", b), o;
+		if (a.active) {
+			Vl.activateTrap(r, o);
+			var e;
+			return i.delayInitialFocus ? e = new Promise(function(e) {
+				a.delayInitialFocusTimer = ql(function() {
+					p(d()), e();
+				});
+			}) : p(d()), n.addEventListener("focusin", _, !0), n.addEventListener("mousedown", g, {
+				capture: !0,
+				passive: !1
+			}), n.addEventListener("touchstart", g, {
+				capture: !0,
+				passive: !1
+			}), n.addEventListener("click", x, {
+				capture: !0,
+				passive: !1
+			}), n.addEventListener("keydown", y, {
+				capture: !0,
+				passive: !1
+			}), n.addEventListener("keydown", b), e;
+		}
 	}, C = function(e) {
 		a.active && !a.paused && o._setSubtreeIsolation(!1), a.adjacentElements.clear(), a.alreadySilent.clear();
 		var t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = jl(e), i;
@@ -4585,11 +4599,14 @@ var Vl = {
 	}, w = function() {
 		if (a.active) return n.removeEventListener("focusin", _, !0), n.removeEventListener("mousedown", g, !0), n.removeEventListener("touchstart", g, !0), n.removeEventListener("click", x, !0), n.removeEventListener("keydown", y, !0), n.removeEventListener("keydown", b), o;
 	}, T = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(function(e) {
-		e.some(function(e) {
+		var t = a.mostRecentlyFocusedNode;
+		t && e.some(function(e) {
 			return Array.from(e.removedNodes).some(function(e) {
-				return e === a.mostRecentlyFocusedNode;
+				return e === t || typeof e.contains == "function" && e.contains(t);
 			});
-		}) && p(u());
+		}) && a.containers.some(function(e) {
+			return e?.isConnected;
+		}) && (f(), p(d()));
 	}) : void 0, E = function() {
 		T && (T.disconnect(), a.active && !a.paused && a.containers.map(function(e) {
 			T.observe(e, {
@@ -4607,22 +4624,26 @@ var Vl = {
 		},
 		activate: function(e) {
 			if (a.active) return this;
-			var t = s(e, "onActivate"), c = s(e, "onPostActivate"), l = s(e, "checkCanFocusTrap"), u = Vl.getActiveTrap(r), p = !1;
-			if (u && !u.paused) {
-				var m;
-				(m = u._setSubtreeIsolation) == null || m.call(u, !1), p = !0;
+			var t = s(e, "onActivate"), i = s(e, "onPostActivate"), c = s(e, "checkCanFocusTrap"), l = Vl.getActiveTrap(r), d = !1;
+			if (l && !l.paused) {
+				var p;
+				(p = l._setSubtreeIsolation) == null || p.call(l, !1), d = !0;
 			}
 			try {
-				l || d(), a.active = !0, a.paused = !1, a.nodeFocusedBeforeActivation = f(n), t?.();
-				var h = function() {
-					l && d(), S(), E(), i.isolateSubtrees && o._setSubtreeIsolation(!0), c?.();
+				c || f(), a.active = !0, a.paused = !1, a.nodeFocusedBeforeActivation = u(n), t?.({ trap: o });
+				var m = function() {
+					c && f();
+					var e = function() {
+						o._setSubtreeIsolation(!0), E(), i?.({ trap: o });
+					}, t = S();
+					t ? t.then(e) : e();
 				};
-				if (l) return l(a.containers.concat()).then(h, h), this;
-				h();
+				if (c) return c(a.containers.concat()).then(m, m), this;
+				m();
 			} catch (e) {
-				if (u === Vl.getActiveTrap(r) && p) {
-					var g;
-					(g = u._setSubtreeIsolation) == null || g.call(u, !0);
+				if (l === Vl.getActiveTrap(r) && d) {
+					var h;
+					(h = l._setSubtreeIsolation) == null || h.call(l, !0);
 				}
 				throw e;
 			}
@@ -4636,14 +4657,14 @@ var Vl = {
 				checkCanReturnFocus: i.checkCanReturnFocus
 			}, e);
 			clearTimeout(a.delayInitialFocusTimer), a.delayInitialFocusTimer = void 0, a.paused || o._setSubtreeIsolation(!1), a.alreadySilent.clear(), w(), a.active = !1, a.paused = !1, E(), Vl.deactivateTrap(r, o);
-			var n = s(t, "onDeactivate"), c = s(t, "onPostDeactivate"), l = s(t, "checkCanReturnFocus"), u = s(t, "returnFocus", "returnFocusOnDeactivate");
-			n?.();
-			var d = function() {
-				ql(function() {
-					u && p(m(a.nodeFocusedBeforeActivation)), c?.();
-				});
+			var n = s(t, "onDeactivate"), c = s(t, "onPostDeactivate"), l = s(t, "checkCanReturnFocus"), u = s(t, "delayReturnFocus"), d = s(t, "returnFocus", "returnFocusOnDeactivate");
+			n?.({ trap: o });
+			var f = function() {
+				d && p(m(a.nodeFocusedBeforeActivation)), c?.({ trap: o });
+			}, h = function() {
+				u && d ? ql(f) : f();
 			};
-			return u && l ? (l(m(a.nodeFocusedBeforeActivation)).then(d, d), this) : (d(), this);
+			return d && l ? (l(m(a.nodeFocusedBeforeActivation)).then(h, h), this) : (h(), this);
 		},
 		pause: function(e) {
 			return a.active ? (a.manuallyPaused = !0, this._setPausedState(!0, e)) : this;
@@ -4654,7 +4675,7 @@ var Vl = {
 		updateContainerElements: function(e) {
 			return a.containers = [].concat(e).filter(Boolean).map(function(e) {
 				return typeof e == "string" ? n.querySelector(e) : e;
-			}), i.isolateSubtrees && C(a.containers), a.active && (d(), i.isolateSubtrees && !a.paused && o._setSubtreeIsolation(!0)), E(), this;
+			}), i.isolateSubtrees && C(a.containers), a.active && (f(), a.paused || o._setSubtreeIsolation(!0)), E(), this;
 		}
 	}, Object.defineProperties(o, {
 		_isManuallyPaused: { value: function() {
@@ -4664,10 +4685,16 @@ var Vl = {
 			if (a.paused === e) return this;
 			if (a.paused = e, e) {
 				var n = s(t, "onPause"), r = s(t, "onPostPause");
-				n?.(), w(), E(), o._setSubtreeIsolation(!1), r?.();
+				n?.({ trap: o }), w(), o._setSubtreeIsolation(!1), E(), r?.({ trap: o });
 			} else {
 				var i = s(t, "onUnpause"), c = s(t, "onPostUnpause");
-				i?.(), o._setSubtreeIsolation(!0), d(), S(), E(), c?.();
+				i?.({ trap: o }), (function() {
+					f();
+					var e = function() {
+						o._setSubtreeIsolation(!0), E(), c?.({ trap: o });
+					}, t = S();
+					t ? t.then(e) : e();
+				})();
 			}
 			return this;
 		} },
@@ -5477,7 +5504,8 @@ var Ku = {
 			}
 		}
 		function h(e) {
-			f.value = e.target.value, p && clearTimeout(p), p = setTimeout(() => {
+			let t = e.target.value;
+			f.value = t, p && clearTimeout(p), p = setTimeout(() => {
 				m(f.value), p = null;
 			}, n.debounce);
 		}
@@ -6361,11 +6389,14 @@ var Gd = ["id", "for"], Kd = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 640 640",
 	width: "1.25em"
-}, nf = {
+}, nf = { class: "g-multiselect-option-text" }, rf = { class: "g-multiselect-option-label" }, af = {
+	key: 0,
+	class: "g-multiselect-option-description"
+}, of = {
 	key: 1,
 	"aria-live": "polite",
 	class: "g-multiselect-option g-multiselect-no-results"
-}, rf = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, sf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GMultiSelect",
 	props: /*@__PURE__*/ H({
 		options: { type: Array },
@@ -6384,6 +6415,10 @@ var Gd = ["id", "for"], Kd = {
 			default: !1
 		},
 		name: { type: String },
+		searchDescription: {
+			type: Boolean,
+			default: !0
+		},
 		errors: {
 			default: () => [],
 			type: Array
@@ -6410,7 +6445,7 @@ var Gd = ["id", "for"], Kd = {
 		}), y = Q(() => Ud(n.options)), b = Q(() => {
 			if (!d.value) return y.value;
 			let e = d.value.toLowerCase();
-			return y.value.filter((t) => t.label.toLowerCase().includes(e));
+			return y.value.filter((t) => t.label.toLowerCase().includes(e) || n.searchDescription && !!t.description && t.description.toLowerCase().includes(e));
 		});
 		function x(e) {
 			return i.value.includes(e);
@@ -6592,7 +6627,7 @@ var Gd = ["id", "for"], Kd = {
 					"aria-selected": x(e.value) ? "true" : "false",
 					onMousedown: ne,
 					onClick: (e) => T(t)
-				}, [J("span", ef, [x(e.value) ? (G(), K("svg", tf, [...n[1] ||= [J("path", { d: "M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z" }, null, -1)]])) : Z("", !0)]), X(" " + A(e.label), 1)], 42, $d))), 128)) : (G(), K("div", nf, " No results found. "))], 16, Qd), [[Go, l.value]])
+				}, [J("span", ef, [x(e.value) ? (G(), K("svg", tf, [...n[1] ||= [J("path", { d: "M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z" }, null, -1)]])) : Z("", !0)]), J("span", nf, [J("span", rf, A(e.label), 1), e.description ? (G(), K("span", af, A(e.description), 1)) : Z("", !0)])], 42, $d))), 128)) : (G(), K("div", of, " No results found. "))], 16, Qd), [[Go, l.value]])
 			], 2),
 			Y(Eu, {
 				errors: P(p),
@@ -6600,19 +6635,19 @@ var Gd = ["id", "for"], Kd = {
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), [["styles", [""]]]), af = {
+}), [["styles", [""]]]), cf = {
 	key: 0,
 	class: "g-scroll-lock-overlay"
-}, of = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, lf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GOverlay",
 	setup(e) {
 		let { hasScrollLock: t } = Xs();
 		return (e, n) => (G(), q(Do, { name: "g-fade" }, {
-			default: I(() => [P(t) ? (G(), K("div", af)) : Z("", !0)]),
+			default: I(() => [P(t) ? (G(), K("div", cf)) : Z("", !0)]),
 			_: 1
 		}));
 	}
-}), [["styles", [""]]]), sf = /* @__PURE__ */ R({
+}), [["styles", [""]]]), uf = /* @__PURE__ */ R({
 	__name: "GClientOnly",
 	setup(e) {
 		let t = /* @__PURE__ */ N(nu());
@@ -6620,7 +6655,7 @@ var Gd = ["id", "for"], Kd = {
 			t.value = !0;
 		}), (e, n) => t.value ? V(e.$slots, "default", { key: 0 }) : V(e.$slots, "fallback", { key: 1 });
 	}
-}), cf = { class: "g-popover-wrap" }, lf = ["id"], uf = ["aria-labelledby", "aria-label"], df = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}), df = { class: "g-popover-wrap" }, ff = ["id"], pf = ["aria-labelledby", "aria-label"], mf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GPopover",
 	props: {
 		minimal: {
@@ -6698,13 +6733,13 @@ var Gd = ["id", "for"], Kd = {
 			show: y,
 			hide: b,
 			toggle: x
-		}), (t, n) => (G(), K("div", cf, [s.value ? (G(), K("div", {
+		}), (t, n) => (G(), K("div", df, [s.value ? (G(), K("div", {
 			key: 0,
 			ref_key: "triggerRef",
 			ref: c,
 			class: "g-popover-trigger",
 			id: `${P(f)}-trigger`
-		}, [V(t.$slots, "trigger", { toggle: x })], 8, lf)) : Z("", !0), Y(sf, null, {
+		}, [V(t.$slots, "trigger", { toggle: x })], 8, ff)) : Z("", !0), Y(uf, null, {
 			default: I(() => [(G(), q(fr, {
 				to: "#modal-root",
 				disabled: P(d)
@@ -6754,13 +6789,13 @@ var Gd = ["id", "for"], Kd = {
 						fill: "currentColor",
 						d: "m37.84 32.94-7.63-7.63 7.63-7.63a3.24 3.24 0 0 0-4.58-4.58l-7.63 7.63L18 13.1a3.24 3.24 0 0 0-4.58 4.58L21 25.31l-7.62 7.63A3.24 3.24 0 1 0 18 37.52l7.63-7.63 7.63 7.63a3.24 3.24 0 0 0 4.58-4.58Z"
 					})], -1)]]))
-				], 14, uf)), [[Go, a.value]]) : Z("", !0)]),
+				], 14, pf)), [[Go, a.value]]) : Z("", !0)]),
 				_: 3
 			})], 8, ["disabled"]))]),
 			_: 3
 		})]));
 	}
-}), [["styles", [""]]]), ff = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), hf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GTooltip",
 	props: { text: { type: String } },
 	emits: ["tooltip-hide"],
@@ -6849,21 +6884,21 @@ var Gd = ["id", "for"], Kd = {
 			class: "g-tooltip-trigger"
 		}, [V(e.$slots, "trigger")], 512)) : Z("", !0)], 512));
 	}
-}), [["styles", [""]]]), pf = ["width", "height"], mf = [
+}), [["styles", [""]]]), gf = ["width", "height"], _f = [
 	"cx",
 	"cy",
 	"r"
-], hf = [
+], vf = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], gf = [
+], yf = [
 	"cx",
 	"cy",
 	"r"
-], _f = /*#__PURE__*/ $(/* @__PURE__ */ R({
+], bf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GProgress",
 	props: {
 		label: {
@@ -6913,7 +6948,7 @@ var Gd = ["id", "for"], Kd = {
 			r: r.value,
 			"stroke-width": 4,
 			fill: "none"
-		}, null, 8, mf), n.value ? (G(), K("circle", {
+		}, null, 8, _f), n.value ? (G(), K("circle", {
 			key: 0,
 			class: "g-progress__value",
 			cx: r.value + 4 / 2,
@@ -6927,7 +6962,7 @@ var Gd = ["id", "for"], Kd = {
 				transform: "rotate(-90deg)",
 				"transform-origin": "center"
 			}
-		}, null, 8, hf)) : (G(), K("circle", {
+		}, null, 8, vf)) : (G(), K("circle", {
 			key: 1,
 			class: "g-progress__spinner",
 			cx: r.value + 4 / 2,
@@ -6935,29 +6970,29 @@ var Gd = ["id", "for"], Kd = {
 			r: r.value,
 			"stroke-width": 4,
 			fill: "none"
-		}, null, 8, gf))], 10, pf))], 16));
+		}, null, 8, yf))], 10, gf))], 16));
 	}
-}), [["styles", [""]]]), vf = ["aria-label"], yf = [
+}), [["styles", [""]]]), xf = ["aria-label"], Sf = [
 	"placeholder",
 	"value",
 	"aria-expanded",
 	"aria-controls",
 	"aria-activedescendant"
-], bf = {
+], Cf = {
 	key: 0,
 	class: "g-search-dropdown"
-}, xf = {
+}, wf = {
 	"aria-live": "polite",
 	class: "g-search-result-count"
-}, Sf = ["id"], Cf = ["aria-label"], wf = { class: "g-search-group-label" }, Tf = [
+}, Tf = ["id"], Ef = ["aria-label"], Df = { class: "g-search-group-label" }, Of = [
 	"id",
 	"onMousedown",
 	"aria-selected"
-], Ef = [
+], kf = [
 	"id",
 	"onMousedown",
 	"aria-selected"
-], Df = /*#__PURE__*/ $(/* @__PURE__ */ R({
+], Af = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GSearch",
 	props: /*@__PURE__*/ H({
 		results: { type: Array },
@@ -7044,12 +7079,12 @@ var Gd = ["id", "for"], Kd = {
 			"aria-autocomplete": "list",
 			"aria-controls": `${P(y)}-list`,
 			"aria-activedescendant": c.value >= 0 ? "g-search-option-" + l.value[c.value].id : void 0
-		}, null, 40, yf), J("button", {
+		}, null, 40, Sf), J("button", {
 			type: "submit",
 			class: "g-search-submit",
 			"aria-label": "Submit search",
 			onKeydown: m
-		}, [g.value ? (G(), q(_f, {
+		}, [g.value ? (G(), q(bf, {
 			key: 0,
 			size: "tiny"
 		})) : Z("", !0), t[1] ||= J("svg", {
@@ -7060,7 +7095,7 @@ var Gd = ["id", "for"], Kd = {
 		}, [J("path", {
 			fill: "currentColor",
 			d: "M30 9.76A14.05 14.05 0 1 0 28.3 31l11.3 13a3.34 3.34 0 0 0 4.72-4.72L31.44 27.86A14.05 14.05 0 0 0 30 9.76ZM27.27 27a10.26 10.26 0 1 1 0-14.5 10.25 10.25 0 0 1 0 14.5Z"
-		})], -1)], 32)], 32), _.value ? (G(), K("div", bf, [J("div", xf, [g.value ? Z("", !0) : (G(), K(W, { key: 0 }, [X(A(u.value) + " result" + A(u.value === 1 ? "" : "s"), 1)], 64))]), J("div", {
+		})], -1)], 32)], 32), _.value ? (G(), K("div", Cf, [J("div", wf, [g.value ? Z("", !0) : (G(), K(W, { key: 0 }, [X(A(u.value) + " result" + A(u.value === 1 ? "" : "s"), 1)], 64))]), J("div", {
 			role: "listbox",
 			id: `${P(y)}-list`,
 			ref_key: "listboxRef",
@@ -7071,27 +7106,27 @@ var Gd = ["id", "for"], Kd = {
 			class: "g-search-group",
 			role: "group",
 			"aria-label": t.label
-		}, [V(e.$slots, "group", { group: t }, () => [J("div", wf, A(t.label), 1)]), (G(!0), K(W, null, B(t.items, (t, n) => (G(), K("div", {
+		}, [V(e.$slots, "group", { group: t }, () => [J("div", Df, A(t.label), 1)]), (G(!0), K(W, null, B(t.items, (t, n) => (G(), K("div", {
 			key: t.id,
 			id: "g-search-option-" + t.id,
 			class: k(["g-search-option", { "g-search-option-active": l.value[c.value] && l.value[c.value].id === t.id }]),
 			role: "option",
 			onMousedown: Ps((e) => h(t), ["prevent"]),
 			"aria-selected": l.value[c.value] && l.value[c.value].id === t.id
-		}, [V(e.$slots, "option", { option: t }, () => [X(A(t.title), 1)])], 42, Tf))), 128))], 8, Cf))), 128)) : u.value > 0 ? (G(!0), K(W, { key: 1 }, B(l.value, (t, n) => (G(), K("div", {
+		}, [V(e.$slots, "option", { option: t }, () => [X(A(t.title), 1)])], 42, Of))), 128))], 8, Ef))), 128)) : u.value > 0 ? (G(!0), K(W, { key: 1 }, B(l.value, (t, n) => (G(), K("div", {
 			key: t.id,
 			id: "g-search-option-" + t.id,
 			class: k(["g-search-option", { "g-search-option-active": c.value === n }]),
 			role: "option",
 			onMousedown: Ps((e) => h(t), ["prevent"]),
 			"aria-selected": c.value === n
-		}, [V(e.$slots, "option", { option: t }, () => [X(A(t.title), 1)])], 42, Ef))), 128)) : Z("", !0)], 8, Sf)])) : Z("", !0)], 8, vf));
+		}, [V(e.$slots, "option", { option: t }, () => [X(A(t.title), 1)])], 42, kf))), 128)) : Z("", !0)], 8, Tf)])) : Z("", !0)], 8, xf));
 	}
-}), [["styles", [""]]]), Of = ["id"], kf = {
+}), [["styles", [""]]]), jf = ["id"], Mf = {
 	key: 0,
 	class: "g-select-required",
 	"aria-hidden": "true"
-}, Af = { class: "g-select-input-wrap" }, jf = ["id"], Mf = [
+}, Nf = { class: "g-select-input-wrap" }, Pf = ["id"], Ff = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -7099,21 +7134,24 @@ var Gd = ["id", "for"], Kd = {
 	"aria-expanded",
 	"aria-required",
 	"aria-activedescendant"
-], Nf = [
+], If = [
 	"id",
 	"aria-controls",
 	"aria-expanded",
 	"aria-required",
 	"aria-activedescendant"
-], Pf = ["id"], Ff = [
+], Lf = ["id"], Rf = [
 	"id",
 	"aria-selected",
 	"onClick"
-], If = {
+], zf = { class: "g-select-option-label" }, Bf = {
+	key: 0,
+	class: "g-select-option-description"
+}, Vf = {
 	key: 1,
 	"aria-live": "polite",
 	class: "g-select-combo-option g-select-option g-select-no-results"
-}, Lf = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, Hf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GSelect",
 	props: /*@__PURE__*/ H({
 		options: { type: Array },
@@ -7133,6 +7171,10 @@ var Gd = ["id", "for"], Kd = {
 			type: Boolean,
 			default: !1
 		},
+		searchDescription: {
+			type: Boolean,
+			default: !0
+		},
 		clearButton: { type: Boolean },
 		compact: {
 			type: Boolean,
@@ -7163,7 +7205,7 @@ var Gd = ["id", "for"], Kd = {
 		}), y = Q(() => Ud(n.options)), b = /* @__PURE__ */ N(""), x = Q(() => {
 			if (!n.searchable || !l.value || !b.value) return y.value;
 			let e = b.value.toLowerCase();
-			return y.value.filter((t) => t.label.toLowerCase().includes(e));
+			return y.value.filter((t) => t.label.toLowerCase().includes(e) || n.searchDescription && !!t.description && t.description.toLowerCase().includes(e));
 		}), S = Q(() => x.value.findIndex((e) => e.value === i.value));
 		L(() => i.value, (e) => {
 			let t = x.value.findIndex((t) => t.value === e);
@@ -7268,8 +7310,8 @@ var Gd = ["id", "for"], Kd = {
 				key: 0,
 				id: P(a) + "-label",
 				class: "g-select-combo-label g-select-label"
-			}, [X(A(n.label), 1), n.required ? (G(), K("span", kf, " *")) : Z("", !0)], 8, Of)),
-			J("div", Af, [n.searchable ? (G(), K("div", {
+			}, [X(A(n.label), 1), n.required ? (G(), K("span", Mf, " *")) : Z("", !0)], 8, jf)),
+			J("div", Nf, [n.searchable ? (G(), K("div", {
 				key: 0,
 				class: "g-select-combo-input g-select-control",
 				id: P(a)
@@ -7296,7 +7338,7 @@ var Gd = ["id", "for"], Kd = {
 				}, e.hiddenLabel ? { "aria-label": n.label } : { "aria-labelledby": P(a) + "-label" }, {
 					role: "combobox",
 					autocomplete: "off"
-				}), null, 16, Mf),
+				}), null, 16, Ff),
 				ie.value ? (G(), K("button", {
 					key: 0,
 					type: "button",
@@ -7322,7 +7364,7 @@ var Gd = ["id", "for"], Kd = {
 					fill: "currentColor",
 					d: "M38.75 24.13a1.36 1.36 0 0 1 0 2.36l-12.44 7.18-12.43 7.18a1.36 1.36 0 0 1-2.05-1.18V11a1.36 1.36 0 0 1 2.05-1.18L26.31 17Z"
 				})], -1)
-			], 8, jf)) : (G(), K("div", Va({
+			], 8, Pf)) : (G(), K("div", Va({
 				key: 1,
 				ref_key: "comboRef",
 				ref: o,
@@ -7367,7 +7409,7 @@ var Gd = ["id", "for"], Kd = {
 					fill: "currentColor",
 					d: "M38.75 24.13a1.36 1.36 0 0 1 0 2.36l-12.44 7.18-12.43 7.18a1.36 1.36 0 0 1-2.05-1.18V11a1.36 1.36 0 0 1 2.05-1.18L26.31 17Z"
 				})], -1)
-			], 16, Nf)), Wn(J("div", Va({
+			], 16, If)), Wn(J("div", Va({
 				ref_key: "listboxRef",
 				ref: s,
 				class: ["g-select-combo-menu g-select-list", { "g-select-combo-menu--above": P(h) === "above" }],
@@ -7389,18 +7431,18 @@ var Gd = ["id", "for"], Kd = {
 				option: e,
 				selected: e.value === i.value,
 				index: n
-			}, () => [X(A(e.label), 1)])], 42, Ff))), 128)) : (G(), K("div", If, " No results found. "))], 16, Pf), [[Go, l.value]])]),
+			}, () => [J("span", zf, A(e.label), 1), e.description ? (G(), K("span", Bf, A(e.description), 1)) : Z("", !0)])], 42, Rf))), 128)) : (G(), K("div", Vf, " No results found. "))], 16, Lf), [[Go, l.value]])]),
 			Y(Eu, {
 				errors: P(p),
 				id: "error-message-" + P(a)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), [["styles", [""]]]), Rf = ["disabled"], zf = { class: "g-select-btn-legend" }, Bf = {
+}), [["styles", [""]]]), Uf = ["disabled"], Wf = { class: "g-select-btn-legend" }, Gf = {
 	key: 0,
 	class: "g-select-btn-required",
 	"aria-hidden": "true"
-}, Vf = { class: "g-select-btn-row" }, Hf = [
+}, Kf = { class: "g-select-btn-row" }, qf = [
 	"id",
 	"name",
 	"value",
@@ -7408,7 +7450,7 @@ var Gd = ["id", "for"], Kd = {
 	"disabled",
 	"required",
 	"onChange"
-], Uf = ["for"], Wf = /*#__PURE__*/ $(/* @__PURE__ */ R({
+], Jf = ["for"], Yf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GSelectButton",
 	props: /*@__PURE__*/ H({
 		options: { type: Array },
@@ -7462,7 +7504,7 @@ var Gd = ["id", "for"], Kd = {
 		return (e, t) => (G(), K("fieldset", {
 			class: k(l.value),
 			disabled: n.disabled
-		}, [J("legend", zf, [X(A(n.label), 1), n.required ? (G(), K("span", Bf, " *")) : Z("", !0)]), J("div", { class: k(["g-select-btn-wrapper", { "g-select-btn-has-error": P(s) }]) }, [J("div", Vf, [(G(!0), K(W, null, B(c.value, (e, t) => (G(), K(W, { key: e.value }, [J("input", {
+		}, [J("legend", Wf, [X(A(n.label), 1), n.required ? (G(), K("span", Gf, " *")) : Z("", !0)]), J("div", { class: k(["g-select-btn-wrapper", { "g-select-btn-has-error": P(s) }]) }, [J("div", Kf, [(G(!0), K(W, null, B(c.value, (e, t) => (G(), K(W, { key: e.value }, [J("input", {
 			class: "g-select-btn-radio",
 			type: "radio",
 			id: `${P(a)}-${e.value}`,
@@ -7472,18 +7514,18 @@ var Gd = ["id", "for"], Kd = {
 			disabled: n.disabled,
 			required: n.required && t === 0,
 			onChange: (t) => d(e.value)
-		}, null, 40, Hf), J("label", {
+		}, null, 40, qf), J("label", {
 			for: `${P(a)}-${e.value}`,
 			class: k(u(e.value === i.value))
-		}, A(e.label), 11, Uf)], 64))), 128))]), Y(Eu, {
+		}, A(e.label), 11, Jf)], 64))), 128))]), Y(Eu, {
 			errors: P(o),
 			id: "error-message-" + P(a)
-		}, null, 8, ["errors", "id"])], 2)], 10, Rf));
+		}, null, 8, ["errors", "id"])], 2)], 10, Uf));
 	}
 }), [["styles", [""]]]);
 //#endregion
 //#region src/compose/useScrollRestore.ts
-function Gf(e, t) {
+function Xf(e, t) {
 	let n = t ? Yc(`${t}:scroll`, 0, { writeDefaults: !1 }) : null, r = /* @__PURE__ */ N(!!(n?.value && n.value > 0)), i = null, a = null, o = null, s = !1;
 	function c(e) {
 		let t = window.getComputedStyle(e);
@@ -7566,7 +7608,7 @@ function Gf(e, t) {
 }
 //#endregion
 //#region src/components/GSidebar.vue?vue&type=script&setup=true&lang.ts
-var Kf = ["id"], qf = /*#__PURE__*/ $(/* @__PURE__ */ R({
+var Zf = ["id"], Qf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GSidebar",
 	props: {
 		backgroundColor: {
@@ -7601,7 +7643,7 @@ var Kf = ["id"], qf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 		storageKey: { type: String }
 	},
 	setup(e) {
-		let t = e, n = qn("sidebar", () => void 0, !0) ?? (nu() ? Od(t.sidebarKey, /* @__PURE__ */ fn(t, "mediaQuery")) : void 0), r = Q(() => t.backgroundImage ? t.backgroundImage : t.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), i = Q(() => t.backgroundColor ? t.backgroundColor : t.theme === "light" ? "#f9f9f9" : "#030913"), a = Q(() => t.topOffsetVar ? `var(${t.topOffsetVar})` : t.topOffset ? t.topOffset : "var(--g-toolbar-height)"), o = z(), { isPendingScrollRestore: s } = Gf(jr("sidebar-ref"), t.storageKey);
+		let t = e, n = qn("sidebar", () => void 0, !0) ?? (nu() ? Od(t.sidebarKey, /* @__PURE__ */ fn(t, "mediaQuery")) : void 0), r = Q(() => t.backgroundImage ? t.backgroundImage : t.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), i = Q(() => t.backgroundColor ? t.backgroundColor : t.theme === "light" ? "#f9f9f9" : "#030913"), a = Q(() => t.topOffsetVar ? `var(${t.topOffsetVar})` : t.topOffset ? t.topOffset : "var(--g-toolbar-height)"), o = z(), { isPendingScrollRestore: s } = Xf(jr("sidebar-ref"), t.storageKey);
 		function c(e) {
 			e.key === "Escape" && n?.isCollapsible?.value && n?.open?.value && (n.open.value = !1, document.getElementById(`${n.id}-hamburger`)?.focus());
 		}
@@ -7622,13 +7664,13 @@ var Kf = ["id"], qf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 				width: "var(--g-sidebar-width)"
 			}),
 			onKeydown: c
-		}, [V(t.$slots, "default")], 46, Kf));
+		}, [V(t.$slots, "default")], 46, Zf));
 	}
-}), [["styles", [""]]]), Jf = ["id"], Yf = { class: "g-sidebar-menu__list" }, Xf = [
+}), [["styles", [""]]]), $f = ["id"], ep = { class: "g-sidebar-menu__list" }, tp = [
 	"href",
 	"aria-current",
 	"onClick"
-], Zf = /*#__PURE__*/ $(/* @__PURE__ */ R({
+], np = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GSidebarMenu",
 	props: /*@__PURE__*/ H({
 		heading: { type: String },
@@ -7682,13 +7724,13 @@ var Kf = ["id"], qf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 				key: 0,
 				id: P(c),
 				class: "g-sidebar-menu__title"
-			}, A(e.heading), 9, Jf)) : Z("", !0),
+			}, A(e.heading), 9, $f)) : Z("", !0),
 			a[0] ||= J("div", { class: "g-sidebar-menu__divider" }, null, -1),
 			J("div", {
 				class: "g-sidebar-menu__content",
 				ref_key: "content",
 				ref: i
-			}, [J("ul", Yf, [(G(!0), K(W, null, B(e.items, (e) => (G(), K("li", {
+			}, [J("ul", ep, [(G(!0), K(W, null, B(e.items, (e) => (G(), K("li", {
 				key: e.href || e.to,
 				class: "g-sidebar-menu__item",
 				ref_for: !0,
@@ -7706,10 +7748,10 @@ var Kf = ["id"], qf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 				href: e.href || e.to || "#",
 				"aria-current": r.value === (e.href || "") ? "location" : void 0,
 				onClick: (t) => s(t, e)
-			}, A(e.label), 11, Xf))]))), 128))])], 512)
+			}, A(e.label), 11, tp))]))), 128))])], 512)
 		], 16));
 	}
-}), [["styles", [""]]]), Qf = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), rp = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GSubmitButton",
 	props: {
 		disabled: {
@@ -7741,45 +7783,45 @@ var Kf = ["id"], qf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 			_: 3
 		}, 8, ["disabled", "variant"]));
 	}
-}), [["styles", [""]]]), $f = {
+}), [["styles", [""]]]), ip = {
 	ref: "tableBodyRef",
 	class: "efficient-table-body"
-}, ep = ["aria-rowindex"], tp = {
+}, ap = ["aria-rowindex"], op = {
 	key: 0,
 	class: "table-group-checkbox"
-}, np = ["colspan"], rp = [
+}, sp = ["colspan"], cp = [
 	"aria-rowindex",
 	"onMousedown",
 	"onClick"
-], ip = [
+], lp = [
 	"checked",
 	"onClick",
 	"aria-label",
 	"name"
-], ap = ["id"], op = {
+], up = ["id"], dp = {
 	key: 0,
 	class: "editable-cell"
-}, sp = {
+}, fp = {
 	key: 0,
 	class: "cell-prefix"
-}, cp = [
+}, pp = [
 	"value",
 	"onChange",
 	"aria-labelledby",
 	"aria-invalid",
 	"aria-errormessage",
 	"name"
-], lp = ["value"], up = [
+], mp = ["value"], hp = [
 	"value",
 	"onInput",
 	"aria-labelledby",
 	"aria-invalid",
 	"aria-errormessage",
 	"name"
-], dp = {
+], gp = {
 	key: 3,
 	class: "cell-suffix"
-}, fp = ["id"], pp = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, _p = ["id"], vp = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GTableBody",
 	props: {
 		data: { type: Array },
@@ -7848,13 +7890,13 @@ var Kf = ["id"], qf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 		function m(e, t) {
 			if (n.changeTracker) return n.changeTracker.getError(e.key, t.key);
 		}
-		return (t, n) => (G(), K("tbody", $f, [(G(!0), K(W, null, B(e.data, (t, r) => (G(), K(W, { key: t.key }, [e.groupBy && (r === 0 || t[e.groupBy] !== e.data[r - 1][e.groupBy]) ? (G(), K("tr", {
+		return (t, n) => (G(), K("tbody", ip, [(G(!0), K(W, null, B(e.data, (t, r) => (G(), K(W, { key: t.key }, [e.groupBy && (r === 0 || t[e.groupBy] !== e.data[r - 1][e.groupBy]) ? (G(), K("tr", {
 			key: 0,
 			"aria-rowindex": e.startIndex + r + 2
-		}, [e.bulkSelectionEnabled ? (G(), K("td", tp)) : Z("", !0), J("td", {
+		}, [e.bulkSelectionEnabled ? (G(), K("td", op)) : Z("", !0), J("td", {
 			colspan: e.columns.length,
 			class: "table-group-row"
-		}, [e.groupRender ? (G(), q(ni(e.groupRender(t[e.groupBy], t)), { key: 0 })) : (G(), K(W, { key: 1 }, [X(A(t[e.groupBy]), 1)], 64))], 8, np)], 8, ep)) : Z("", !0), J("tr", {
+		}, [e.groupRender ? (G(), q(ni(e.groupRender(t[e.groupBy], t)), { key: 0 })) : (G(), K(W, { key: 1 }, [X(A(t[e.groupBy]), 1)], 64))], 8, sp)], 8, ap)) : Z("", !0), J("tr", {
 			class: k([
 				"efficient-table-row",
 				{
@@ -7877,7 +7919,7 @@ var Kf = ["id"], qf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 			"aria-label": `Select row ${t.key}`,
 			name: `row-${t.key}-checkbox`,
 			class: "g-bulk-select-checkbox"
-		}, null, 8, ip)])) : Z("", !0), (G(!0), K(W, null, B(e.columns, (n) => (G(), K("td", {
+		}, null, 8, lp)])) : Z("", !0), (G(!0), K(W, null, B(e.columns, (n) => (G(), K("td", {
 			key: n.key,
 			id: d(n) ? `${e.tableId}-td-${t.key}-${String(n.key)}` : void 0,
 			class: k([
@@ -7886,8 +7928,8 @@ var Kf = ["id"], qf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 				p(t, n) ? "g-cell-error" : "",
 				typeof n.tdClass == "function" ? n.tdClass(t) : n.tdClass
 			])
-		}, [n.editable ? (G(), K("div", op, [
-			n.editable.prefix ? (G(), K("span", sp, A(n.editable.prefix), 1)) : Z("", !0),
+		}, [n.editable ? (G(), K("div", dp, [
+			n.editable.prefix ? (G(), K("span", fp, A(n.editable.prefix), 1)) : Z("", !0),
 			n.editable.type === "select" ? (G(), K("select", {
 				key: 1,
 				value: t[n.key],
@@ -7900,7 +7942,7 @@ var Kf = ["id"], qf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 			}, [(G(!0), K(W, null, B(n.editable.options, (e) => (G(), K("option", {
 				key: e.value,
 				value: e.value
-			}, A(e.label), 9, lp))), 128))], 40, cp)) : (G(), K("input", Va({
+			}, A(e.label), 9, mp))), 128))], 40, pp)) : (G(), K("input", Va({
 				key: 2,
 				value: t[n.key]
 			}, { ref_for: !0 }, n.editable.inputAttributes, {
@@ -7914,29 +7956,29 @@ var Kf = ["id"], qf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 					paddingLeft: n.editable.prefix ? "1.5rem" : void 0,
 					paddingRight: n.editable.suffix ? "2rem" : void 0
 				}
-			}), null, 16, up)),
-			n.editable.suffix ? (G(), K("span", dp, A(n.editable.suffix), 1)) : Z("", !0)
+			}), null, 16, hp)),
+			n.editable.suffix ? (G(), K("span", gp, A(n.editable.suffix), 1)) : Z("", !0)
 		])) : n.display ? (G(), q(ni(n.display(t)), { key: 1 })) : (G(), K(W, { key: 2 }, [X(A(t[n.key]), 1)], 64)), p(t, n) ? (G(), K("div", {
 			key: 3,
 			role: "alert",
 			class: "g-cell-error-message",
 			id: `${e.tableId}-error-${t.key}-${String(n.key)}`
-		}, A(m(t, n)), 9, fp)) : Z("", !0)], 10, ap))), 128))], 42, rp)], 64))), 128))], 512));
+		}, A(m(t, n)), 9, _p)) : Z("", !0)], 10, up))), 128))], 42, cp)], 64))), 128))], 512));
 	}
 }), [["styles", [""]]]);
 //#endregion
 //#region src/compose/useFiltering.ts
-function mp(e) {
+function yp(e) {
 	if (!(Array.isArray(e) && e.length === 0) && !(e === null || e === !1 || e === "")) return e;
 }
-function hp(e) {
+function bp(e) {
 	let t = {};
 	return Object.keys(e).forEach((n) => {
 		let r = e[n];
 		r != null && r !== "" && r !== !1 && (Array.isArray(r) ? r.length > 0 && (t[n] = r.map((e) => String(e))) : t[n] = String(r));
 	}), t;
 }
-function gp(e, t = {}) {
+function xp(e, t = {}) {
 	let n = /* @__PURE__ */ Ht(Object.fromEntries(Object.entries(e).map(([e, t]) => [e, t]))), r = t.syncWith;
 	if (r) {
 		if (r.value) {
@@ -7949,13 +7991,13 @@ function gp(e, t = {}) {
 			});
 		}
 		L(n, (e) => {
-			r.value = hp(e);
+			r.value = bp(e);
 		}, { deep: !0 });
 	}
 	return {
 		filters: n,
 		isFiltered: Q(() => {
-			for (let t of Object.keys(e)) if (mp(n[t])) return !0;
+			for (let t of Object.keys(e)) if (yp(n[t])) return !0;
 			return !1;
 		}),
 		clearFilters: () => {
@@ -7965,56 +8007,59 @@ function gp(e, t = {}) {
 		},
 		filteredColumns: Q(() => {
 			let t = {};
-			for (let r of Object.keys(e)) t[r] = !!mp(n[r]);
+			for (let r of Object.keys(e)) t[r] = !!yp(n[r]);
 			return t;
 		})
 	};
 }
 //#endregion
 //#region src/components/GTable.vue?vue&type=script&setup=true&lang.ts
-var _p = { class: "g-table-outer-wrap" }, vp = {
+var Sp = { class: "g-table-outer-wrap" }, Cp = {
 	key: 0,
 	class: "g-table-controls"
-}, yp = { class: "g-clear-filters-wrap" }, bp = {
+}, wp = { class: "g-clear-filters-wrap" }, Tp = {
 	key: 0,
 	class: "pagination"
-}, xp = { class: "g-result-count" }, Sp = ["aria-label", "aria-rowcount"], Cp = { class: "g-table-head" }, wp = { "aria-rowindex": "1" }, Tp = {
+}, Ep = { class: "g-result-count" }, Dp = ["aria-label", "aria-rowcount"], Op = { class: "g-table-head" }, kp = { "aria-rowindex": "1" }, Ap = {
 	key: 0,
 	scope: "col",
 	class: "g-th g-th-checkbox"
-}, Ep = [
+}, jp = [
 	"checked",
 	"indeterminate",
 	"aria-label"
-], Dp = ["id", "aria-sort"], Op = { class: "th-inner" }, kp = ["onClick"], Ap = {
+], Mp = ["id", "aria-sort"], Np = { class: "th-inner" }, Pp = ["onClick"], Fp = {
 	key: 0,
 	class: "sort-indicator"
-}, jp = ["aria-label"], Mp = {
+}, Ip = ["aria-label"], Lp = {
 	key: 1,
 	class: "g-column-head"
-}, Np = ["onClick", "aria-label"], Pp = {
+}, Rp = ["onClick", "aria-label"], zp = {
 	key: 1,
 	class: "g-filter-search",
 	role: "search"
-}, Fp = [
+}, Bp = [
 	"onUpdate:modelValue",
 	"placeholder",
 	"aria-label"
-], Ip = { key: 2 }, Lp = { class: "g-filter-toggle" }, Rp = [
+], Vp = { key: 2 }, Hp = { class: "g-filter-toggle" }, Up = [
 	"onUpdate:modelValue",
 	"id",
 	"aria-describedby"
-], zp = ["for"], Bp = ["id"], Vp = {
+], Wp = ["for"], Gp = ["id"], Kp = {
 	key: 4,
 	class: "g-multi-select"
-}, Hp = [
+}, qp = [
 	"onUpdate:modelValue",
 	"id",
 	"value"
-], Up = ["for"], Wp = {
+], Jp = ["for"], Yp = { class: "g-multi-select-option-label" }, Xp = {
+	key: 0,
+	class: "g-multi-select-option-description"
+}, Zp = {
 	key: 1,
 	class: "g-bulk-actions-toolbar"
-}, Gp = { class: "g-selected-count" }, Kp = { class: "g-bulk-actions" }, qp = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, Qp = { class: "g-selected-count" }, $p = { class: "g-bulk-actions" }, em = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GTable",
 	props: /*@__PURE__*/ H({
 		label: { type: String },
@@ -8066,7 +8111,7 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 			e.sortable && (n.value === e.key ? r.value === 1 ? r.value = -1 : r.value === -1 && (n.value = void 0, r.value = 1) : (n.value = e.key, r.value = 1));
 		}
 		let l = o.filtering;
-		l ||= gp({});
+		l ||= xp({});
 		let { filters: u, filteredColumns: d, isFiltered: f, clearFilters: p } = l, m = Q(() => o.data.map((e) => e.key)), h = Q(() => a.value.filter((e) => m.value.includes(e))), g = Q(() => !o.bulkSelectionEnabled || o.data.length === 0 ? !1 : h.value.length === m.value.length), _ = Q(() => !o.bulkSelectionEnabled || o.data.length === 0 ? !1 : h.value.length > 0 && h.value.length < m.value.length), v = /* @__PURE__ */ N(null);
 		function y() {
 			if (g.value) a.value = a.value.filter((e) => !m.value.includes(e));
@@ -8093,12 +8138,14 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 		}
 		function C(e) {
 			let t = e.value, n = e.column.key, r = /* @__PURE__ */ M(e.row[n]);
-			e.column.editable?.inputAttributes?.type === "number" && (t = e.value === "" ? null : Number(e.value)), e.row[n] = t, s("cell-change", {
+			e.column.editable?.inputAttributes?.type === "number" && (t = e.value === "" ? null : Number(e.value)), e.row[n] = t;
+			let i = {
 				row: e.row,
 				column: e.column,
 				value: t,
 				previousValue: r
-			});
+			};
+			s("cell-change", i);
 		}
 		let w = z(), T = ui(), E = Q(() => o.showPagination ? !0 : !!T.pagination), ee = Q(() => !!(f.value || E.value));
 		return Gr(() => {
@@ -8112,9 +8159,9 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 				let e = i.value[t.key];
 				i.value[t.key] = e ? [e] : [];
 			}
-		}, { immediate: !0 }), (t, s) => (G(), K("div", _p, [
-			ee.value ? (G(), K("div", vp, [
-				J("div", yp, [P(f) ? (G(), q(su, {
+		}, { immediate: !0 }), (t, s) => (G(), K("div", Sp, [
+			ee.value ? (G(), K("div", Cp, [
+				J("div", wp, [P(f) ? (G(), q(su, {
 					key: 0,
 					outlined: "",
 					size: "small",
@@ -8132,22 +8179,22 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 					})], -1), J("span", { class: "g-clear-filters-text" }, " Clear Filters ", -1)]]),
 					_: 1
 				}, 8, ["onClick"])) : Z("", !0)]),
-				E.value ? (G(), K("div", bp, [V(t.$slots, "pagination")])) : Z("", !0),
-				J("span", xp, A(o.resultCount || e.data.length) + " results", 1)
+				E.value ? (G(), K("div", Tp, [V(t.$slots, "pagination")])) : Z("", !0),
+				J("span", Ep, A(o.resultCount || e.data.length) + " results", 1)
 			])) : Z("", !0),
 			J("table", {
 				class: "g-table",
 				ref: "tableRef",
 				"aria-label": e.label,
 				"aria-rowcount": o.resultCount || e.data.length
-			}, [J("thead", Cp, [J("tr", wp, [e.bulkSelectionEnabled ? (G(), K("th", Tp, [J("input", {
+			}, [J("thead", Op, [J("tr", kp, [e.bulkSelectionEnabled ? (G(), K("th", Ap, [J("input", {
 				type: "checkbox",
 				checked: g.value,
 				indeterminate: _.value,
 				onChange: y,
 				"aria-label": g.value ? "Deselect all rows" : "Select all rows",
 				class: "g-bulk-select-checkbox"
-			}, null, 40, Ep)])) : Z("", !0), (G(!0), K(W, null, B(e.columns, (e) => (G(), K("th", {
+			}, null, 40, jp)])) : Z("", !0), (G(!0), K(W, null, B(e.columns, (e) => (G(), K("th", {
 				key: e.key,
 				id: `${P(w)}-th-${String(e.key)}`,
 				"aria-sort": n.value === e.key ? r.value === 1 ? "ascending" : "descending" : "none",
@@ -8157,12 +8204,12 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 					{ filtered: P(d)[e.key] }
 				]),
 				scope: "col"
-			}, [J("div", Op, [e.sortable ? (G(), K("button", {
+			}, [J("div", Np, [e.sortable ? (G(), K("button", {
 				key: 0,
 				type: "button",
 				class: "g-column-head",
 				onClick: (t) => c(e)
-			}, [X(A(e.label) + " ", 1), n.value === e.key ? (G(), K("span", Ap, [(G(), K("svg", {
+			}, [X(A(e.label) + " ", 1), n.value === e.key ? (G(), K("span", Fp, [(G(), K("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				viewBox: "0 0 640 640",
 				height: "1.5em",
@@ -8172,7 +8219,7 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 			}, [...s[1] ||= [J("path", {
 				fill: "currentColor",
 				d: "M300.3 199.2C312.9 188.9 331.4 189.7 343.1 201.4L471.1 329.4C480.3 338.6 483 352.3 478 364.3C473 376.3 461.4 384 448.5 384L192.5 384C179.6 384 167.9 376.2 162.9 364.2C157.9 352.2 160.7 338.5 169.9 329.4L297.9 201.4L300.3 199.2z"
-			}, null, -1)]], 12, jp))])) : Z("", !0)], 8, kp)) : (G(), K("span", Mp, A(e.label), 1)), e.filter ? (G(), q(df, { key: 2 }, {
+			}, null, -1)]], 12, Ip))])) : Z("", !0)], 8, Pp)) : (G(), K("span", Lp, A(e.label), 1)), e.filter ? (G(), q(mf, { key: 2 }, {
 				trigger: I(({ toggle: t }) => [J("button", {
 					onClick: Ps(t, ["stop"]),
 					"aria-label": P(d)[e.key] ? "Column Filtered" : "Filter Column",
@@ -8186,8 +8233,8 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 				}, [J("path", {
 					fill: "currentColor",
 					d: "M96 128C83.1 128 71.4 135.8 66.4 147.8C61.4 159.8 64.2 173.5 73.4 182.6L256 365.3L256 480C256 488.5 259.4 496.6 265.4 502.6L329.4 566.6C338.6 575.8 352.3 578.5 364.3 573.5C376.3 568.5 384 556.9 384 544L384 365.3L566.6 182.7C575.8 173.5 578.5 159.8 573.5 147.8C568.5 135.8 556.9 128 544 128L96 128z"
-				})], -1)]], 10, Np)]),
-				default: I(() => [e.filter.type === "select" ? (G(), q(Lf, {
+				})], -1)]], 10, Rp)]),
+				default: I(() => [e.filter.type === "select" ? (G(), q(Hf, {
 					key: 0,
 					modelValue: i.value[e.key],
 					"onUpdate:modelValue": (t) => i.value[e.key] = t,
@@ -8195,12 +8242,14 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 					class: "g-filter-select",
 					label: "Filter select",
 					searchable: "",
+					"search-description": e.filter.searchDescription,
 					"clear-button": ""
 				}, null, 8, [
 					"modelValue",
 					"onUpdate:modelValue",
-					"options"
-				])) : e.filter.type === "search" ? (G(), K("div", Pp, [s[3] ||= J("span", {
+					"options",
+					"search-description"
+				])) : e.filter.type === "search" ? (G(), K("div", zp, [s[3] ||= J("span", {
 					class: "g-filter-search-icon",
 					"aria-hidden": "true"
 				}, [J("svg", {
@@ -8216,41 +8265,46 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 					"onUpdate:modelValue": (t) => i.value[e.key] = t,
 					placeholder: e.filter.placeholder,
 					"aria-label": `Search ${e.label}`
-				}, null, 8, Fp), [[Ds, i.value[e.key]]])])) : e.filter.type === "toggle" ? (G(), K("div", Ip, [J("div", Lp, [
+				}, null, 8, Bp), [[Ds, i.value[e.key]]])])) : e.filter.type === "toggle" ? (G(), K("div", Vp, [J("div", Hp, [
 					Wn(J("input", {
 						type: "checkbox",
 						"onUpdate:modelValue": (t) => i.value[e.key] = t,
 						id: `${P(w)}-filter-${String(e.key)}`,
 						"aria-describedby": e.filter.description ? `${P(w)}-filter-description-${String(e.key)}` : void 0
-					}, null, 8, Rp), [[Os, i.value[e.key]]]),
-					J("label", { for: `${P(w)}-filter-${String(e.key)}` }, A(e.filter.label), 9, zp),
+					}, null, 8, Up), [[Os, i.value[e.key]]]),
+					J("label", { for: `${P(w)}-filter-${String(e.key)}` }, A(e.filter.label), 9, Wp),
 					e.filter.description ? (G(), K("span", {
 						key: 0,
 						class: "g-filter-description",
 						id: `${P(w)}-filter-description-${String(e.key)}`
-					}, A(e.filter.description), 9, Bp)) : Z("", !0)
-				])])) : e.filter.type === "multi-select" && e.filter.searchable ? (G(), q(rf, {
+					}, A(e.filter.description), 9, Gp)) : Z("", !0)
+				])])) : e.filter.type === "multi-select" && e.filter.searchable ? (G(), q(sf, {
 					key: 3,
 					modelValue: i.value[e.key],
 					"onUpdate:modelValue": (t) => i.value[e.key] = t,
 					options: e.filter.options,
 					label: "Include values",
 					placeholder: e.filter.placeholder,
+					"search-description": e.filter.searchDescription,
 					class: "g-multi-select-searchable"
 				}, null, 8, [
 					"modelValue",
 					"onUpdate:modelValue",
 					"options",
-					"placeholder"
-				])) : e.filter.type === "multi-select" ? (G(), K("fieldset", Vp, [
+					"placeholder",
+					"search-description"
+				])) : e.filter.type === "multi-select" ? (G(), K("fieldset", Kp, [
 					s[5] ||= J("legend", { class: "g-multi-select-legend" }, " Include values ", -1),
-					(G(!0), K(W, null, B(e.filter.options, (t) => (G(), K("div", { key: t.value }, [Wn(J("input", {
+					(G(!0), K(W, null, B(e.filter.options, (t) => (G(), K("div", {
+						key: t.value,
+						class: "g-multi-select-option"
+					}, [Wn(J("input", {
 						type: "checkbox",
 						"onUpdate:modelValue": (t) => i.value[e.key] = t,
 						id: `filter-${String(e.key)}-${t.value}`,
 						value: t.value,
 						name: "filter-multiselect"
-					}, null, 8, Hp), [[Os, i.value[e.key]]]), J("label", { for: `filter-${String(e.key)}-${t.value}` }, A(t.label), 9, Up)]))), 128)),
+					}, null, 8, qp), [[Os, i.value[e.key]]]), J("label", { for: `filter-${String(e.key)}-${t.value}` }, [J("span", Yp, A(t.label), 1), t.description ? (G(), K("span", Xp, A(t.description), 1)) : Z("", !0)], 8, Jp)]))), 128)),
 					i.value[e.key] && i.value[e.key].length ? (G(), q(su, {
 						key: 0,
 						class: "clear-multiselect-btn",
@@ -8263,7 +8317,7 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 					}, 8, ["onClick"])) : Z("", !0)
 				])) : Z("", !0)]),
 				_: 2
-			}, 1024)) : Z("", !0)])], 10, Dp))), 128))])]), Y(pp, {
+			}, 1024)) : Z("", !0)])], 10, Mp))), 128))])]), Y(vp, {
 				data: e.data,
 				columns: e.columns,
 				"group-by": e.groupBy,
@@ -8290,8 +8344,8 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 				"selected-rows",
 				"table-id",
 				"change-tracker"
-			])], 8, Sp),
-			e.bulkSelectionEnabled && a.value.length > 0 ? (G(), K("div", Wp, [J("span", Gp, A(a.value.length) + " row" + A(a.value.length === 1 ? "" : "s") + " selected", 1), J("ul", Kp, [(G(!0), K(W, null, B(e.bulkActions, (e) => (G(), K("li", { key: e.id }, [Y(su, {
+			])], 8, Dp),
+			e.bulkSelectionEnabled && a.value.length > 0 ? (G(), K("div", Zp, [J("span", Qp, A(a.value.length) + " row" + A(a.value.length === 1 ? "" : "s") + " selected", 1), J("ul", $p, [(G(!0), K(W, null, B(e.bulkActions, (e) => (G(), K("li", { key: e.id }, [Y(su, {
 				theme: e.theme || "accent",
 				onClick: (t) => S(e.id),
 				size: "small"
@@ -8301,10 +8355,10 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 			}, 1032, ["theme", "onClick"])]))), 128))])])) : Z("", !0)
 		]));
 	}
-}), [["styles", [""]]]), Jp = {
+}), [["styles", [""]]]), tm = {
 	class: "g-pagination",
 	"aria-label": "Pagination"
-}, Yp = ["disabled"], Xp = ["disabled"], Zp = { class: "page-range" }, Qp = ["disabled"], $p = ["disabled"], em = ["value"], tm = ["value"], nm = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, nm = ["disabled"], rm = ["disabled"], im = { class: "page-range" }, am = ["disabled"], om = ["disabled"], sm = ["value"], cm = ["value"], lm = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GTablePagination",
 	props: /*@__PURE__*/ H({
 		start: { type: Number },
@@ -8326,7 +8380,7 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 		function d(e) {
 			i.value = parseInt(e.target.value, 10);
 		}
-		return (e, r) => (G(), K("nav", Jp, [
+		return (e, r) => (G(), K("nav", tm, [
 			J("button", {
 				class: "first-page g-pagination-button",
 				disabled: l.value === 1,
@@ -8351,7 +8405,7 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 				}),
 				J("path", { d: "M11 7l-5 5l5 5" }),
 				J("path", { d: "M17 7l-5 5l5 5" })
-			], -1)]], 8, Yp),
+			], -1)]], 8, nm),
 			J("button", {
 				class: "prev-page g-pagination-button",
 				disabled: l.value === 1,
@@ -8372,8 +8426,8 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), J("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, Xp),
-			J("span", Zp, A(s.value) + " to " + A(c.value), 1),
+			}), J("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, rm),
+			J("span", im, A(s.value) + " to " + A(c.value), 1),
 			J("button", {
 				class: "next-page g-pagination-button",
 				disabled: l.value === n.value,
@@ -8394,7 +8448,7 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), J("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, Qp),
+			}), J("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, am),
 			J("button", {
 				class: "last-page g-pagination-button",
 				disabled: l.value === n.value,
@@ -8419,7 +8473,7 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 				}),
 				J("path", { d: "M7 7l5 5l-5 5" }),
 				J("path", { d: "M13 7l5 5l-5 5" })
-			], -1)]], 8, $p),
+			], -1)]], 8, om),
 			J("select", {
 				id: "page-size-select",
 				class: "page-size-select",
@@ -8433,14 +8487,14 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 			], (e) => (G(), K("option", {
 				key: e,
 				value: e
-			}, A(e), 9, tm))), 128))], 40, em),
+			}, A(e), 9, cm))), 128))], 40, sm),
 			r[8] ||= J("label", {
 				class: "page-size-label",
 				for: "page-size-select"
 			}, "per page", -1)
 		]));
 	}
-}), [["styles", [""]]]), rm = { class: "popover-content" }, im = { class: "year-dropdown" }, am = { class: "month-selector" }, om = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), um = { class: "popover-content" }, dm = { class: "year-dropdown" }, fm = { class: "month-selector" }, pm = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GTermSelectorControl",
 	props: /*@__PURE__*/ H({
 		termYears: {
@@ -8473,7 +8527,7 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = U(e, "modelValue");
-		return (n, r) => (G(), K("div", rm, [J("div", im, [Y(Lf, {
+		return (n, r) => (G(), K("div", um, [J("div", dm, [Y(Hf, {
 			modelValue: t.value.year,
 			"onUpdate:modelValue": r[0] ||= (e) => t.value.year = e,
 			options: e.termYears,
@@ -8482,7 +8536,7 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 			"modelValue",
 			"options",
 			"label"
-		])]), J("div", am, [Y(Wf, {
+		])]), J("div", fm, [Y(Yf, {
 			modelValue: t.value.name,
 			"onUpdate:modelValue": r[1] ||= (e) => t.value.name = e,
 			options: e.termNames,
@@ -8494,10 +8548,10 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 			"label"
 		])])]));
 	}
-}), [["styles", [""]]]), sm = { class: "g-term-selector" }, cm = { class: "g-term-label" }, lm = {
+}), [["styles", [""]]]), mm = { class: "g-term-selector" }, hm = { class: "g-term-label" }, gm = {
 	class: "g-popover-title",
 	tabindex: "-1"
-}, um = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, _m = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GTermSelector",
 	props: /*@__PURE__*/ H({
 		heading: {
@@ -8528,7 +8582,7 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = U(e, "modelValue");
-		return (n, r) => (G(), K("div", sm, [Y(df, null, {
+		return (n, r) => (G(), K("div", mm, [Y(mf, null, {
 			trigger: I(({ toggle: e }) => [Y(su, {
 				class: "g-term-selector-button",
 				theme: "none",
@@ -8541,7 +8595,7 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 640 640"
 					}, [J("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),
-					J("span", cm, A(t.value?.name) + " " + A(t.value?.year), 1),
+					J("span", hm, A(t.value?.name) + " " + A(t.value?.year), 1),
 					r[1] ||= J("span", { class: "g-caret" }, [J("svg", {
 						role: "none",
 						xmlns: "http://www.w3.org/2000/svg",
@@ -8550,15 +8604,15 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 				]),
 				_: 1
 			}, 8, ["onClick"])]),
-			default: I(() => [J("h2", lm, A(e.heading), 1), Y(om, ge(Ia(n.$props)), null, 16)]),
+			default: I(() => [J("h2", gm, A(e.heading), 1), Y(pm, ge(Ia(n.$props)), null, 16)]),
 			_: 1
 		})]));
 	}
-}), [["styles", [""]]]), dm = ["for"], fm = {
+}), [["styles", [""]]]), vm = ["for"], ym = {
 	key: 0,
 	class: "g-textarea-required",
 	"aria-hidden": "true"
-}, pm = ["id"], mm = [
+}, bm = ["id"], xm = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -8567,11 +8621,11 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 	"rows",
 	"maxlength",
 	"aria-invalid"
-], hm = {
+], Sm = {
 	key: 2,
 	class: "g-textarea-char-count",
 	"aria-live": "polite"
-}, gm = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, Cm = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	inheritAttrs: !1,
 	__name: "GTextarea",
 	props: /*@__PURE__*/ H({
@@ -8652,7 +8706,8 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 			}
 		}
 		function h(e) {
-			r.value = e.target.value, n.autoGrow && p();
+			let t = e.target.value;
+			r.value = t, n.autoGrow && p();
 		}
 		function g(e) {
 			m(e.target.value);
@@ -8668,12 +8723,12 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 				key: 0,
 				for: c.value,
 				class: "g-textarea-label"
-			}, [X(A(n.label), 1), n.required ? (G(), K("span", fm, " *")) : Z("", !0)], 8, dm)) : Z("", !0),
+			}, [X(A(n.label), 1), n.required ? (G(), K("span", ym, " *")) : Z("", !0)], 8, vm)) : Z("", !0),
 			t.$slots.instructions || e.instructions ? (G(), K("div", {
 				key: 1,
 				id: "instructions-" + P(i),
 				class: "g-textarea-instructions"
-			}, [V(t.$slots, "instructions", {}, () => [X(A(e.instructions), 1)])], 8, pm)) : Z("", !0),
+			}, [V(t.$slots, "instructions", {}, () => [X(A(e.instructions), 1)])], 8, bm)) : Z("", !0),
 			J("textarea", Va({
 				ref: "textareaEl",
 				value: r.value ?? "",
@@ -8694,36 +8749,36 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 				onInput: h,
 				onBlur: g,
 				onPaste: _
-			}), null, 16, mm),
-			n.maxlength === void 0 ? Z("", !0) : (G(), K("div", hm, A((r.value ?? "").length) + " / " + A(n.maxlength), 1)),
+			}), null, 16, xm),
+			n.maxlength === void 0 ? Z("", !0) : (G(), K("div", Sm, A((r.value ?? "").length) + " / " + A(n.maxlength), 1)),
 			Y(Eu, {
 				errors: P(l),
 				id: "error-message-" + P(i)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), [["styles", [""]]]), _m = { class: "g-three-way-toggle-wrapper" }, vm = { class: "g-three-way-toggle-control" }, ym = ["id"], bm = [
+}), [["styles", [""]]]), wm = { class: "g-three-way-toggle-wrapper" }, Tm = { class: "g-three-way-toggle-control" }, Em = ["id"], Dm = [
 	"aria-labelledby",
 	"aria-describedby",
 	"disabled",
 	"aria-invalid",
 	"aria-errormessage"
-], xm = { key: 0 }, Sm = { key: 1 }, Cm = { key: 2 }, wm = ["for"], Tm = [
+], Om = { key: 0 }, km = { key: 1 }, Am = { key: 2 }, jm = ["for"], Mm = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], Em = ["for"], Dm = [
+], Nm = ["for"], Pm = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], Om = ["for"], km = [
+], Fm = ["for"], Im = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], Am = ["id"], jm = /*#__PURE__*/ $(/* @__PURE__ */ R({
+], Lm = ["id"], Rm = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GThreeWayToggle",
 	props: /*@__PURE__*/ H({
 		label: { type: String },
@@ -8757,10 +8812,10 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 		function m(e) {
 			n.disabled || (e.key === "n" || e.key === "N" ? (a(!1), e.preventDefault()) : (e.key === "y" || e.key === "Y") && (a(!0), e.preventDefault()));
 		}
-		return (t, n) => (G(), K("div", _m, [J("div", vm, [J("span", {
+		return (t, n) => (G(), K("div", wm, [J("div", Tm, [J("span", {
 			class: "g-label",
 			id: P(c)
-		}, [V(t.$slots, "label", {}, () => [X(A(e.label), 1)])], 8, ym), J("fieldset", {
+		}, [V(t.$slots, "label", {}, () => [X(A(e.label), 1)])], 8, Em), J("fieldset", {
 			class: k(["g-three-way-toggle", { "g-has-error": e.error }]),
 			role: "radiogroup",
 			"aria-labelledby": P(c),
@@ -8772,7 +8827,7 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 			J("span", {
 				class: k(["g-toggle-thumb", p.value]),
 				"aria-hidden": "true"
-			}, [r.value === !1 ? (G(), K("span", xm, "NO")) : r.value === !0 ? (G(), K("span", Sm, "YES")) : (G(), K("span", Cm))], 2),
+			}, [r.value === !1 ? (G(), K("span", Om, "NO")) : r.value === !0 ? (G(), K("span", km, "YES")) : (G(), K("span", Am))], 2),
 			J("label", {
 				for: P(u),
 				class: "g-toggle-option g-left",
@@ -8786,7 +8841,7 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 				value: "false",
 				disabled: e.disabled,
 				onChange: n[0] ||= (e) => o(!1)
-			}, null, 40, Tm), n[5] ||= J("span", { class: "ilw-sr-only" }, "No", -1)], 40, wm),
+			}, null, 40, Mm), n[5] ||= J("span", { class: "ilw-sr-only" }, "No", -1)], 40, jm),
 			J("label", {
 				for: P(d),
 				class: "g-toggle-option g-center",
@@ -8798,7 +8853,7 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 				checked: r.value === null,
 				disabled: e.disabled,
 				onChange: n[2] ||= (e) => o(null)
-			}, null, 40, Dm), n[6] ||= J("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, Em),
+			}, null, 40, Pm), n[6] ||= J("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, Nm),
 			J("label", {
 				for: P(f),
 				class: "g-toggle-option g-right",
@@ -8812,22 +8867,22 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 				checked: r.value === !0,
 				disabled: e.disabled,
 				onChange: n[3] ||= (e) => o(!0)
-			}, null, 40, km), n[7] ||= J("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, Om)
-		], 2)], 10, bm)]), e.error ? (G(), K("div", {
+			}, null, 40, Im), n[7] ||= J("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, Fm)
+		], 2)], 10, Dm)]), e.error ? (G(), K("div", {
 			key: 0,
 			id: `${P(c)}-error`,
 			class: "g-form-error",
 			role: "alert",
 			"aria-atomic": "true"
-		}, A(e.error), 9, Am)) : Z("", !0)]));
+		}, A(e.error), 9, Lm)) : Z("", !0)]));
 	}
-}), [["styles", [""]]]), Mm = { class: "g-tree-menu__divider" }, Nm = {
+}), [["styles", [""]]]), zm = { class: "g-tree-menu__divider" }, Bm = {
 	key: 0,
 	class: "g-tree-menu__divider-line"
-}, Pm = {
+}, Vm = {
 	key: 1,
 	class: "g-tree-menu__expand-all-wrapper"
-}, Fm = { class: "g-tree-menu__content" }, Im = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, Hm = { class: "g-tree-menu__content" }, Um = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GTreeMenu",
 	props: {
 		heading: { type: String },
@@ -8869,8 +8924,9 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 			return !0;
 		});
 		function o() {
+			let e = !a.value;
 			i.value = {
-				expanded: !a.value,
+				expanded: e,
 				version: i.value.version + 1
 			};
 		}
@@ -8946,7 +9002,7 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 				default: I(() => [X(A(e.heading), 1)]),
 				_: 1
 			}, 8, ["id"])) : Z("", !0),
-			J("div", Mm, [e.smallHeading ? Z("", !0) : (G(), K("div", Nm)), e.showExpandAll ? (G(), K("div", Pm, [J("button", {
+			J("div", zm, [e.smallHeading ? Z("", !0) : (G(), K("div", Bm)), e.showExpandAll ? (G(), K("div", Vm, [J("button", {
 				class: "g-tree-menu__expand-all-btn",
 				onClick: o
 			}, [(G(), K("svg", {
@@ -8959,10 +9015,10 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
 			}, [...i[0] ||= [J("polyline", { points: "7 8 12 13 17 8" }, null, -1), J("polyline", { points: "7 13 12 18 17 13" }, null, -1)]], 2)), X(" " + A(a.value ? "Collapse all" : "Expand all"), 1)])])) : Z("", !0)]),
-			J("div", Fm, [V(r.$slots, "default")])
+			J("div", Hm, [V(r.$slots, "default")])
 		], 16));
 	}
-}), [["styles", [""]]]), Lm = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), Wm = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	name: "GTreeMenuList",
 	props: { listType: {
 		default: void 0,
@@ -8982,13 +9038,13 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 			_: 3
 		}, 8, ["role"]));
 	}
-}), [["styles", [""]]]), Rm = {
+}), [["styles", [""]]]), Gm = {
 	key: 0,
 	class: "g-tree-menu__row"
-}, zm = { class: "g-tree-menu__row-content-text" }, Bm = {
+}, Km = { class: "g-tree-menu__row-content-text" }, qm = {
 	key: 1,
 	class: "g-tree-menu__row g-tree-menu__row--leaf"
-}, Vm = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, Jm = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	name: "GTreeMenuItem",
 	inheritAttrs: !1,
 	props: {
@@ -9060,7 +9116,7 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 			class: "g-tree-menu__item",
 			"data-tree-expandable": c.value ? "true" : void 0
 		}), {
-			default: I(() => [c.value ? (G(), K("div", Rm, [J("div", {
+			default: I(() => [c.value ? (G(), K("div", Gm, [J("div", {
 				class: "g-tree-menu__toggle-btn",
 				onClick: m
 			}, [(G(), K("svg", {
@@ -9079,12 +9135,12 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 				"data-tree-primary": "",
 				onClick: x,
 				onKeydown: S
-			}, [J("span", zm, [V(e.$slots, "default")])], 544)])) : (G(), K("div", Bm, [t[1] ||= J("span", { class: "g-tree-menu__spacer" }, null, -1), J("span", {
+			}, [J("span", Km, [V(e.$slots, "default")])], 544)])) : (G(), K("div", qm, [t[1] ||= J("span", { class: "g-tree-menu__spacer" }, null, -1), J("span", {
 				class: "g-tree-menu__row-content",
 				ref_key: "contentRef",
 				ref: f,
 				"data-tree-primary": ""
-			}, [V(e.$slots, "default")], 512)])), c.value && d.value ? (G(), q(Lm, {
+			}, [V(e.$slots, "default")], 512)])), c.value && d.value ? (G(), q(Wm, {
 				key: 2,
 				id: P(o) + "-children"
 			}, {
@@ -9094,11 +9150,11 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 			_: 3
 		}, 16, ["role", "data-tree-expandable"]));
 	}
-}), [["styles", [""]]]), Hm = { class: "g-user-menu" }, Um = [
+}), [["styles", [""]]]), Ym = { class: "g-user-menu" }, Xm = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
-], Wm = { class: "g-user-menu__popover" }, Gm = { class: "g-user-menu__list" }, Km = /*#__PURE__*/ $(/* @__PURE__ */ R({
+], Zm = { class: "g-user-menu__popover" }, Qm = { class: "g-user-menu__list" }, $m = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GUserMenu",
 	props: {
 		initials: { type: String },
@@ -9116,7 +9172,7 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 		let t = `${z()}-email`, n = /* @__PURE__ */ N(!1), r = jr("emailHeading");
 		qa()?.appContext?.components?.RouterLink;
 		let i = ui();
-		return (a, o) => (G(), K("div", Hm, [Y(df, {
+		return (a, o) => (G(), K("div", Ym, [Y(mf, {
 			modelValue: n.value,
 			"onUpdate:modelValue": o[0] ||= (e) => n.value = e,
 			minimal: ""
@@ -9128,8 +9184,8 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 				"aria-expanded": n.value,
 				"aria-haspopup": "menu",
 				onClick: t
-			}, A(e.initials), 13, Um)]),
-			default: I(() => [J("div", Wm, [J("h2", {
+			}, A(e.initials), 13, Xm)]),
+			default: I(() => [J("div", Zm, [J("h2", {
 				id: t,
 				ref_key: "emailHeading",
 				ref: r,
@@ -9138,19 +9194,19 @@ var _p = { class: "g-table-outer-wrap" }, vp = {
 			}, A(e.email), 513), J("nav", {
 				class: "g-user-menu__nav",
 				"aria-labelledby": t
-			}, [J("ul", Gm, [(G(!0), K(W, null, B(i.default(), (e, t) => (G(), K("li", { key: t }, [(G(), q(ni(e)))]))), 128))])])])]),
+			}, [J("ul", Qm, [(G(!0), K(W, null, B(i.default(), (e, t) => (G(), K("li", { key: t }, [(G(), q(ni(e)))]))), 128))])])])]),
 			_: 1
 		}, 8, ["modelValue"])]));
 	}
-}), [["styles", [""]]]), qm = globalThis;
-qm.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ = !0;
-var Jm = {
+}), [["styles", [""]]]), eh = globalThis;
+eh.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ = !0;
+var th = {
 	shadowRoot: !1,
 	configureApp(e) {
-		let t = (qm.__GRAD_VUE_WC_APP_ID__ ?? 0) + 1;
-		qm.__GRAD_VUE_WC_APP_ID__ = t, e.config.idPrefix = `g-wc-${t}-`;
+		let t = (eh.__GRAD_VUE_WC_APP_ID__ ?? 0) + 1;
+		eh.__GRAD_VUE_WC_APP_ID__ = t, e.config.idPrefix = `g-wc-${t}-`;
 	}
-}, Ym = [
+}, nh = [
 	["g-alert-dialog", pu],
 	["g-app-header", bu],
 	["g-button", su],
@@ -9167,32 +9223,32 @@ var Jm = {
 	["g-hamburger-menu", jd],
 	["g-history-scroller", Id],
 	["g-modal", Hd],
-	["g-multi-select", rf],
-	["g-overlay", of],
-	["g-popover", df],
-	["g-tooltip", ff],
-	["g-progress", _f],
-	["g-search", Df],
-	["g-select", Lf],
-	["g-select-button", Wf],
-	["g-sidebar", qf],
-	["g-sidebar-menu", Zf],
-	["g-submit-button", Qf],
-	["g-table", qp],
-	["g-table-body", pp],
-	["g-table-pagination", nm],
-	["g-term-selector", um],
-	["g-term-selector-control", om],
+	["g-multi-select", sf],
+	["g-overlay", lf],
+	["g-popover", mf],
+	["g-tooltip", hf],
+	["g-progress", bf],
+	["g-search", Af],
+	["g-select", Hf],
+	["g-select-button", Yf],
+	["g-sidebar", Qf],
+	["g-sidebar-menu", np],
+	["g-submit-button", rp],
+	["g-table", em],
+	["g-table-body", vp],
+	["g-table-pagination", lm],
+	["g-term-selector", _m],
+	["g-term-selector-control", pm],
 	["g-text-input", td],
-	["g-textarea", gm],
-	["g-three-way-toggle", jm],
-	["g-tree-menu", Im],
-	["g-tree-menu-list", Lm],
-	["g-tree-menu-item", Vm],
-	["g-user-menu", Km]
+	["g-textarea", Cm],
+	["g-three-way-toggle", Rm],
+	["g-tree-menu", Um],
+	["g-tree-menu-list", Wm],
+	["g-tree-menu-item", Jm],
+	["g-user-menu", $m]
 ];
-for (let [e, t] of Ym) {
-	let n = /* @__PURE__ */ ys(t, Jm);
+for (let [e, t] of nh) {
+	let n = /* @__PURE__ */ ys(t, th);
 	customElements.define(e, n);
 }
 //#endregion