@illinois-grad/grad-vue 7.2.2 → 7.2.4

package/dist/grad-vue-elements.js

@@ -8567,25 +8567,26 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 }, Dm = { class: "g-clear-filters-wrap" }, Om = {
 	key: 0,
 	class: "pagination"
-}, km = { class: "g-table-controls-right" }, Am = { class: "g-result-count" }, jm = ["aria-label", "aria-rowcount"], Mm = { key: 0 }, Nm = ["data-column-key"], Pm = { class: "g-table-head" }, Fm = { "aria-rowindex": "1" }, Im = {
+}, km = { class: "g-table-controls-right" }, Am = { class: "g-result-count" }, jm = ["aria-rowcount"], Mm = { class: "g-visually-hidden" }, Nm = { key: 0 }, Pm = ["data-column-key"], Fm = { class: "g-table-head" }, Im = { "aria-rowindex": "1" }, Lm = {
 	key: 0,
 	scope: "col",
 	class: "g-th g-th-checkbox"
-}, Lm = [
+}, Rm = [
 	"checked",
 	"indeterminate",
 	"aria-label"
-], Rm = ["id", "aria-sort"], zm = { class: "th-inner" }, Bm = ["onClick"], Vm = {
+], zm = ["id", "aria-sort"], Bm = { class: "th-inner" }, Vm = ["aria-describedby", "onClick"], Hm = {
 	key: 0,
 	class: "sort-indicator",
 	"aria-hidden": "true"
-}, Hm = {
-	key: 1,
-	class: "g-visually-hidden"
 }, Um = {
 	key: 1,
 	class: "g-column-head"
-}, Wm = ["onClick", "aria-label"], Gm = {
+}, Wm = [
+	"onClick",
+	"aria-describedby",
+	"aria-expanded"
+], Gm = {
 	key: 1,
 	class: "g-filter-search",
 	role: "search"
@@ -8610,10 +8611,10 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 	"aria-valuetext",
 	"onKeydown",
 	"onPointerdown"
-], eh = { key: 0 }, th = { "aria-rowindex": "2" }, nh = ["colspan"], rh = {
+], eh = { key: 0 }, th = { "aria-rowindex": "2" }, nh = ["colspan"], rh = { hidden: "" }, ih = ["id"], ah = ["id"], oh = ["id"], sh = {
 	key: 1,
 	class: "g-bulk-actions-toolbar"
-}, ih = { class: "g-selected-count" }, ah = { class: "g-bulk-actions" }, oh = /*#__PURE__*/ $(/* @__PURE__ */ z({
+}, ch = { class: "g-selected-count" }, lh = { class: "g-bulk-actions" }, uh = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	__name: "GTable",
 	props: /*@__PURE__*/ U({
 		label: { type: String },
@@ -8756,27 +8757,31 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 		}
 		function pe(e) {
 			let t = ce(e);
-			if (t === -1) return "";
+			if (t === -1) return "Sortable, not sorted";
 			let n = A.value[t].order === 1 ? "ascending" : "descending";
 			return A.value.length > 1 ? `Sorted ${n}, priority ${t + 1}` : `Sorted ${n}`;
 		}
-		function me(e) {
+		let me = Q(() => A.value.length === 0 ? "" : `sorted by ${A.value.map((e) => `${de(e.key)} ${e.order === 1 ? "ascending" : "descending"}`).join(", then ")}`), he = Q(() => {
+			let e = o.columns.filter((e) => tt(e));
+			return e.length === 0 ? "" : `filtered by ${e.map((e) => e.label).join(", ")}`;
+		});
+		function ge(e) {
 			return e === 1 ? "Ascending" : "Descending";
 		}
-		function he(e) {
+		function _e(e) {
 			let t = A.value[0]?.key === e ? A.value[0] : void 0;
 			return t ? t.order === 1 ? [k(e, -1)] : [] : [k(e, 1)];
 		}
-		function ge(e) {
+		function ve(e) {
 			let t = [...A.value], n = t.findIndex((t) => t.key === e);
 			return n === -1 ? (t.push(k(e, 1)), t) : t[n].order === 1 ? (t[n] = k(e, -1), t) : (t.splice(n, 1), t);
 		}
-		function _e(e, t = !1) {
+		function ye(e, t = !1) {
 			if (!e.sortable) return;
 			let n = e.key;
-			ie(t ? ge(n) : he(n));
+			ie(t ? ve(n) : _e(n));
 		}
-		function ve(e, t) {
+		function be(e, t) {
 			ie([...A.value, k(e, t)]), jn(() => {
 				let t = w.value;
 				t && (t.querySelector(`[data-sort-row-key="${String(e)}"]`) ?? t)?.focus();
@@ -8784,175 +8789,175 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 				console.error(e);
 			});
 		}
-		function ye(e) {
+		function xe(e) {
 			ie(A.value.map((t) => t.key === e ? k(t.key, t.order === 1 ? -1 : 1) : t));
 		}
-		function be(e) {
+		function Se(e) {
 			ie(A.value.filter((t) => t.key !== e));
 		}
-		function xe() {
+		function Ce() {
 			ie([]);
 		}
-		function Se(e) {
+		function we(e) {
 			return i.value[e] ?? {};
 		}
-		function Ce(e, t) {
+		function Te(e, t) {
 			i.value = {
 				...i.value,
 				[e]: {
-					...Se(e),
+					...we(e),
 					...t
 				}
 			};
 		}
-		function we(e) {
-			return Math.max(50, Math.round(e));
-		}
-		function Te(e) {
-			let t = Se(e).width;
-			if (typeof t == "number" && Number.isFinite(t)) return we(t);
-		}
 		function Ee(e) {
-			return document.getElementById(`${S}-th-${String(e)}`);
+			return Math.max(50, Math.round(e));
 		}
 		function De(e) {
-			let t = Ee(e)?.getBoundingClientRect().width;
-			return we(t ?? 50);
+			let t = we(e).width;
+			if (typeof t == "number" && Number.isFinite(t)) return Ee(t);
 		}
 		function Oe(e) {
-			return Te(e) ?? De(e);
+			return document.getElementById(`${S}-th-${String(e)}`);
 		}
 		function N(e) {
-			let t = Oe(e), n = E.value?.getBoundingClientRect().width ?? T.value?.getBoundingClientRect().width ?? t;
-			return we(Math.max(t, n));
+			let t = Oe(e)?.getBoundingClientRect().width;
+			return Ee(t ?? 50);
+		}
+		function ke(e) {
+			return De(e) ?? N(e);
+		}
+		function Ae(e) {
+			let t = ke(e), n = E.value?.getBoundingClientRect().width ?? T.value?.getBoundingClientRect().width ?? t;
+			return Ee(Math.max(t, n));
 		}
-		function ke(e, t) {
-			Ce(e, { width: we(t) });
+		function je(e, t) {
+			Te(e, { width: Ee(t) });
 		}
-		function Ae(e, t) {
-			ke(e, Oe(e) + t);
+		function Me(e, t) {
+			je(e, ke(e) + t);
 		}
-		function je() {
-			O.value = null, window.removeEventListener("pointermove", Me), window.removeEventListener("pointerup", je), window.removeEventListener("pointercancel", je);
+		function Ne() {
+			O.value = null, window.removeEventListener("pointermove", Pe), window.removeEventListener("pointerup", Ne), window.removeEventListener("pointercancel", Ne);
 		}
-		function Me(e) {
+		function Pe(e) {
 			if (!O.value) return;
 			let t = O.value.startWidth + (e.clientX - O.value.startX);
-			ke(O.value.key, t);
+			je(O.value.key, t);
 		}
-		function Ne(e, t) {
+		function Fe(e, t) {
 			if (!o.resizableColumns) return;
 			e.preventDefault(), e.stopPropagation();
-			let n = Oe(t);
-			ke(t, n), O.value = {
+			let n = ke(t);
+			je(t, n), O.value = {
 				key: t,
 				startX: e.clientX,
 				startWidth: n
-			}, e.currentTarget?.focus(), window.addEventListener("pointermove", Me), window.addEventListener("pointerup", je), window.addEventListener("pointercancel", je);
+			}, e.currentTarget?.focus(), window.addEventListener("pointermove", Pe), window.addEventListener("pointerup", Ne), window.addEventListener("pointercancel", Ne);
 		}
-		function Pe(e, t) {
+		function Ie(e, t) {
 			let n = e.shiftKey ? 48 : 16;
 			switch (e.key) {
 				case "ArrowLeft":
-					e.preventDefault(), Ae(t, -n);
+					e.preventDefault(), Me(t, -n);
 					return;
 				case "ArrowRight":
-					e.preventDefault(), Ae(t, n);
+					e.preventDefault(), Me(t, n);
 					return;
 				case "Home":
-					e.preventDefault(), ke(t, 50);
+					e.preventDefault(), je(t, 50);
 					return;
 				case "End":
-					e.preventDefault(), ke(t, N(t));
+					e.preventDefault(), je(t, Ae(t));
 					return;
 				default: return;
 			}
 		}
-		function Fe(e) {
+		function Le(e) {
 			if (!o.resizableColumns) return;
-			let t = Te(e.key);
+			let t = De(e.key);
 			if (t !== void 0) return {
 				width: `${t}px`,
 				minWidth: `${t}px`
 			};
 		}
-		function Ie(e) {
-			return Oe(e);
+		function Re(e) {
+			return ke(e);
 		}
-		function Le(e) {
-			return `${Ie(e)} pixels`;
+		function ze(e) {
+			return `${Re(e)} pixels`;
 		}
-		let Re = Q(() => {
+		let Be = Q(() => {
 			let e = C?.vnode.props ?? {};
 			return "columnState" in e || "column-state" in e || "onUpdate:columnState" in e;
-		}), ze = Q(() => o.columns.filter((e) => Se(e.key).visible !== !1)), Be = ui(), Ve = Q(() => ze.value.length !== o.columns.length), He = Q(() => Re.value && o.columns.length > 0), Ue = Q(() => !!Be.controls || !!Be["right-controls"]), We = Q(() => o.resultCount ?? o.data.length);
-		function Ge(e) {
-			return Se(e.key).visible !== !1;
+		}), Ve = Q(() => o.columns.filter((e) => we(e.key).visible !== !1)), He = ui(), Ue = Q(() => Ve.value.length !== o.columns.length), We = Q(() => Be.value && o.columns.length > 0), Ge = Q(() => !!He.controls || !!He["right-controls"]), Ke = Q(() => o.resultCount ?? o.data.length);
+		function qe(e) {
+			return we(e.key).visible !== !1;
 		}
-		function Ke(e, t) {
-			Ce(e.key, { visible: t });
+		function Je(e, t) {
+			Te(e.key, { visible: t });
 		}
-		function qe() {
+		function Ye() {
 			i.value = o.columns.reduce((e, t) => ({
 				...e,
 				[t.key]: {
-					...Se(t.key),
+					...we(t.key),
 					visible: !0
 				}
 			}), { ...i.value });
 		}
-		let Je = Q(() => o.pagination && typeof o.pageSize == "number"), Ye = Q(() => !!(oe.value || c.value || Je.value || He.value || Ue.value));
-		function Xe() {
+		let Xe = Q(() => o.pagination && typeof o.pageSize == "number"), Ze = Q(() => !!(oe.value || c.value || Xe.value || We.value || Ge.value));
+		function Qe() {
 			return r.value;
 		}
-		function Ze(e) {
-			if (e.filter) return bp(e.filter, Xe()[hp(e)]);
+		function $e(e) {
+			if (e.filter) return bp(e.filter, Qe()[hp(e)]);
 		}
-		function Qe(e, t) {
-			e.filter && (Xe()[hp(e)] = xp(e.filter, t));
+		function et(e, t) {
+			e.filter && (Qe()[hp(e)] = xp(e.filter, t));
 		}
-		function $e(e) {
-			return e.filter ? Sp(e.filter, Xe()[hp(e)]) : !1;
+		function tt(e) {
+			return e.filter ? Sp(e.filter, Qe()[hp(e)]) : !1;
 		}
-		function et(e) {
+		function nt(e) {
 			return e.filter?.type !== "select" && e.filter?.type !== "multi-select" ? [] : e.filter.options;
 		}
-		function tt(e, t) {
-			let n = et(e).findIndex((e) => e.value === t);
+		function rt(e, t) {
+			let n = nt(e).findIndex((e) => e.value === t);
 			return n === -1 ? void 0 : String(n);
 		}
-		function nt(e, t) {
-			return et(e)[Number(t)]?.value;
+		function it(e, t) {
+			return nt(e)[Number(t)]?.value;
 		}
-		function rt(e) {
-			return et(e).map((e, t) => ({
+		function at(e) {
+			return nt(e).map((e, t) => ({
 				label: e.label,
 				value: String(t),
 				description: e.description
 			}));
 		}
-		function it(e) {
-			return et(e).map((e, t) => ({
+		function ot(e) {
+			return nt(e).map((e, t) => ({
 				label: e.label,
 				value: String(t),
 				hint: e.description
 			}));
 		}
-		function at(e) {
-			return tt(e, Ze(e)) ?? null;
-		}
-		function ot(e, t) {
-			Qe(e, t == null ? void 0 : nt(e, t));
-		}
 		function st(e) {
-			let t = Ze(e);
-			return Array.isArray(t) ? t.map((t) => tt(e, t)).filter((e) => e !== void 0) : [];
+			return rt(e, $e(e)) ?? null;
 		}
 		function ct(e, t) {
-			Qe(e, t.map((t) => nt(e, t)));
+			et(e, t == null ? void 0 : it(e, t));
+		}
+		function lt(e) {
+			let t = $e(e);
+			return Array.isArray(t) ? t.map((t) => rt(e, t)).filter((e) => e !== void 0) : [];
+		}
+		function ut(e, t) {
+			et(e, t.map((t) => it(e, t)));
 		}
 		return Jr(() => {
-			je();
+			Ne();
 		}), Gr(() => {
 			o.rowClickable && o.bulkSelectionEnabled && console.warn("GTable: rowClickable and bulkSelectionEnabled cannot be used together. rowClickable will be ignored.");
 			for (let e of o.columns) e.editable && e.display && console.warn(`GTable: Column "${String(e.key)}" has both 'editable' and 'display' configured. 'display' will be ignored.`);
@@ -8960,9 +8965,9 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 			ref_key: "outerWrapRef",
 			ref: E,
 			class: "g-table-outer-wrap",
-			style: le({ "--g-table-controls-height": `${Ye.value ? te.value : 0}px` })
+			style: le({ "--g-table-controls-height": `${Ze.value ? te.value : 0}px` })
 		}, [J("div", Zp, [
-			Ye.value ? (G(), K("div", {
+			Ze.value ? (G(), K("div", {
 				key: 0,
 				ref_key: "controlsRef",
 				ref: D,
@@ -9002,7 +9007,7 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 								class: "g-sort-builder-rule",
 								tabindex: "-1",
 								"data-sort-row-key": String(e.key),
-								"aria-label": `${de(e.key)} ${me(e.order)} sort, priority ${t + 1}`
+								"aria-label": `${de(e.key)} ${ge(e.order)} sort, priority ${t + 1}`
 							}, [
 								J("span", rm, M(t + 1), 1),
 								J("span", im, M(de(e.key)), 1),
@@ -9010,8 +9015,8 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 									type: "button",
 									class: "g-sort-builder-direction",
 									"aria-label": `Toggle ${de(e.key)} sort direction`,
-									onClick: (t) => ye(e.key)
-								}, [J("span", om, M(me(e.order)), 1), J("span", sm, [(G(), K("svg", {
+									onClick: (t) => xe(e.key)
+								}, [J("span", om, M(ge(e.order)), 1), J("span", sm, [(G(), K("svg", {
 									xmlns: "http://www.w3.org/2000/svg",
 									viewBox: "0 0 640 640",
 									height: "1.25em",
@@ -9024,7 +9029,7 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 									type: "button",
 									class: "g-sort-builder-remove",
 									"aria-label": `Remove ${de(e.key)} sort`,
-									onClick: (t) => be(e.key)
+									onClick: (t) => Se(e.key)
 								}, " Remove ", 8, cm)
 							], 8, nm))), 128))])) : (G(), K("p", lm, " No active sort rules. ")),
 							se.value.length ? (G(), K("div", um, [n[6] ||= J("p", { class: "g-sort-builder-add-label" }, " Add sort column ", -1), J("ul", dm, [(G(!0), K(W, null, V(se.value, (e) => (G(), K("li", {
@@ -9034,7 +9039,7 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 								type: "button",
 								class: "g-sort-builder-direction",
 								"aria-label": `Add ${e.label} ascending sort`,
-								onClick: (t) => ve(e.key, 1)
+								onClick: (t) => be(e.key, 1)
 							}, [...n[3] ||= [J("span", { class: "g-visually-hidden" }, " Add ascending sort ", -1), J("span", {
 								class: "sort-indicator",
 								"aria-hidden": "true"
@@ -9049,7 +9054,7 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 								type: "button",
 								class: "g-sort-builder-direction",
 								"aria-label": `Add ${e.label} descending sort`,
-								onClick: (t) => ve(e.key, -1)
+								onClick: (t) => be(e.key, -1)
 							}, [n[5] ||= J("span", { class: "g-visually-hidden" }, " Add descending sort ", -1), J("span", gm, [(G(), K("svg", _m, [...n[4] ||= [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"
@@ -9059,7 +9064,7 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 								outlined: "",
 								size: "small",
 								class: "g-sort-builder-clear",
-								onClick: xe
+								onClick: Ce
 							}, {
 								default: L(() => [...n[7] ||= [X(" Clear sort ", -1)]]),
 								_: 1
@@ -9067,10 +9072,10 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 						], 512)]),
 						_: 1
 					})])) : Z("", !0),
-					He.value ? (G(), K("div", vm, [Y(hu, null, {
+					We.value ? (G(), K("div", vm, [Y(hu, null, {
 						trigger: L(({ toggle: e }) => [Y(eu, {
 							size: "small",
-							class: j(["g-column-visibility-trigger", { "g-column-visibility-trigger--active": Ve.value }]),
+							class: j(["g-column-visibility-trigger", { "g-column-visibility-trigger--active": Ue.value }]),
 							"aria-label": "Choose visible columns",
 							onClick: e
 						}, {
@@ -9089,8 +9094,8 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 						}, " Shown columns ", 8, Sm), J("span", Cm, [Y(eu, {
 							text: "",
 							size: "small",
-							class: j(["g-column-visibility-show-all", { "g-column-visibility-show-all--hidden": !Ve.value }]),
-							onClick: qe
+							class: j(["g-column-visibility-show-all", { "g-column-visibility-show-all--hidden": !Ue.value }]),
+							onClick: Ye
 						}, {
 							default: L(() => [...n[11] ||= [X(" Show All ", -1)]]),
 							_: 1
@@ -9098,13 +9103,13 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 							key: e.key,
 							class: "g-column-visibility-option"
 						}, [J("input", {
-							checked: Ge(e),
+							checked: qe(e),
 							type: "checkbox",
-							onChange: (t) => Ke(e, t.target.checked)
+							onChange: (t) => Je(e, t.target.checked)
 						}, null, 40, Tm), J("span", null, M(e.label), 1)]))), 128))])], 8, bm)]),
 						_: 1
 					})])) : Z("", !0),
-					Ue.value ? (G(), K("div", Em, [H(t.$slots, "controls")])) : Z("", !0),
+					Ge.value ? (G(), K("div", Em, [H(t.$slots, "controls")])) : Z("", !0),
 					J("div", Dm, [I(c) ? (G(), q(eu, {
 						key: 0,
 						outlined: "",
@@ -9125,11 +9130,11 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 						_: 1
 					}, 8, ["onClick"])) : Z("", !0)])
 				]),
-				Je.value ? (G(), K("div", Om, [Y(Kp, {
+				Xe.value ? (G(), K("div", Om, [Y(Kp, {
 					start: e.startIndex,
 					"page-size": e.pageSize,
 					"page-sizes": e.pageSizes,
-					total: We.value,
+					total: Ke.value,
 					"onUpdate:start": b,
 					"onUpdate:pageSize": x
 				}, null, 8, [
@@ -9138,7 +9143,7 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 					"page-sizes",
 					"total"
 				])])) : Z("", !0),
-				J("div", km, [J("span", Am, M(We.value) + " results", 1), H(t.$slots, "right-controls")])
+				J("div", km, [J("span", Am, M(Ke.value) + " results", 1), H(t.$slots, "right-controls")])
 			], 512)) : Z("", !0),
 			J("div", {
 				ref_key: "tableWrapRef",
@@ -9149,22 +9154,26 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 				class: j(["g-table", { "g-table--resizable": e.resizableColumns }]),
 				ref_key: "tableRef",
 				ref: T,
-				"aria-label": e.label,
-				"aria-rowcount": We.value
+				"aria-rowcount": Ke.value
 			}, [
-				J("colgroup", null, [e.bulkSelectionEnabled ? (G(), K("col", Mm)) : Z("", !0), (G(!0), K(W, null, V(ze.value, (e) => (G(), K("col", {
+				J("caption", Mm, M([
+					e.label,
+					me.value,
+					he.value
+				].filter(Boolean).join(", ")), 1),
+				J("colgroup", null, [e.bulkSelectionEnabled ? (G(), K("col", Nm)) : Z("", !0), (G(!0), K(W, null, V(Ve.value, (e) => (G(), K("col", {
 					key: e.key,
 					"data-column-key": String(e.key),
-					style: le(Fe(e))
-				}, null, 12, Nm))), 128))]),
-				J("thead", Pm, [J("tr", Fm, [e.bulkSelectionEnabled ? (G(), K("th", Im, [J("input", {
+					style: le(Le(e))
+				}, null, 12, Pm))), 128))]),
+				J("thead", Fm, [J("tr", Im, [e.bulkSelectionEnabled ? (G(), K("th", Lm, [J("input", {
 					type: "checkbox",
 					checked: f.value,
 					indeterminate: p.value,
 					onChange: h,
 					"aria-label": f.value ? "Deselect all rows" : "Select all rows",
 					class: "g-bulk-select-checkbox"
-				}, null, 40, Lm)])) : Z("", !0), (G(!0), K(W, null, V(ze.value, (t) => (G(), K("th", {
+				}, null, 40, Rm)])) : Z("", !0), (G(!0), K(W, null, V(Ve.value, (t) => (G(), K("th", {
 					key: t.key,
 					id: `${I(S)}-th-${String(t.key)}`,
 					"aria-sort": fe(t.key),
@@ -9172,34 +9181,35 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 						"g-th",
 						{ "g-th--resizable": e.resizableColumns },
 						{ sorted: ce(t.key) !== -1 },
-						{ filtered: $e(t) }
+						{ filtered: tt(t) }
 					]),
 					scope: "col"
-				}, [J("div", zm, [t.sortable ? (G(), K("button", {
+				}, [J("div", Bm, [t.sortable ? (G(), K("button", {
 					key: 0,
 					type: "button",
 					class: "g-column-head",
-					onClick: (e) => _e(t, e.shiftKey)
-				}, [
-					n[14] ||= J("span", { class: "g-visually-hidden" }, "Sort by ", -1),
-					X(" " + M(t.label) + " ", 1),
-					ce(t.key) === -1 ? Z("", !0) : (G(), K("span", Vm, [(G(), K("svg", {
-						xmlns: "http://www.w3.org/2000/svg",
-						viewBox: "0 0 640 640",
-						height: "1.5em",
-						style: le({ transform: `rotate(${ue(t.key)?.order === 1 ? 0 : 180}deg)` })
-					}, [...n[13] ||= [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)]], 4))])),
-					ce(t.key) === -1 ? Z("", !0) : (G(), K("span", Hm, M(pe(t.key)), 1))
-				], 8, Bm)) : (G(), K("span", Um, M(t.label), 1)), t.filter ? (G(), q(hu, { key: 2 }, {
-					trigger: L(({ toggle: e }) => [J("button", {
+					"aria-describedby": `${I(S)}-sort-desc-${String(t.key)}`,
+					onClick: (e) => ye(t, e.shiftKey)
+				}, [X(M(t.label) + " ", 1), ce(t.key) === -1 ? Z("", !0) : (G(), K("span", Hm, [(G(), K("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					viewBox: "0 0 640 640",
+					height: "1.5em",
+					style: le({ transform: `rotate(${ue(t.key)?.order === 1 ? 0 : 180}deg)` })
+				}, [...n[13] ||= [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)]], 4))]))], 8, Vm)) : (G(), K("span", Um, M(t.label), 1)), t.filter ? (G(), q(hu, {
+					key: 2,
+					"aria-labelledby": `${I(S)}-filter-label-${String(t.key)}`
+				}, {
+					trigger: L(({ toggle: e, open: r }) => [J("button", {
 						onClick: Ts(e, ["stop"]),
-						"aria-label": $e(t) ? `Filter ${t.label} column (filtered)` : `Filter ${t.label} column`,
-						class: j(["g-filter-btn", { "g-active": $e(t) }]),
+						"aria-label": "Filter",
+						"aria-describedby": `${I(S)}-filter-desc-${String(t.key)}`,
+						"aria-expanded": r,
+						class: j(["g-filter-btn", { "g-active": tt(t) }]),
 						type: "button"
-					}, [...n[15] ||= [J("svg", {
+					}, [...n[14] ||= [J("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 640 640",
 						height: "1.5em",
@@ -9210,9 +9220,9 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 					})], -1)]], 10, Wm)]),
 					default: L(() => [t.filter.type === "select" ? (G(), q(Rf, {
 						key: 0,
-						"model-value": at(t),
-						"onUpdate:modelValue": (e) => ot(t, e),
-						options: rt(t),
+						"model-value": st(t),
+						"onUpdate:modelValue": (e) => ct(t, e),
+						options: at(t),
 						class: "g-filter-select",
 						label: "Filter select",
 						searchable: "",
@@ -9223,7 +9233,7 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 						"onUpdate:modelValue",
 						"options",
 						"search-description"
-					])) : t.filter.type === "search" ? (G(), K("div", Gm, [n[16] ||= J("span", {
+					])) : t.filter.type === "search" ? (G(), K("div", Gm, [n[15] ||= J("span", {
 						class: "g-filter-search-icon",
 						"aria-hidden": "true"
 					}, [J("svg", {
@@ -9236,15 +9246,15 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 					})])], -1), J("input", {
 						type: "search",
 						class: "g-filter-search-input",
-						value: Ze(t),
-						onInput: (e) => Qe(t, e.target.value),
+						value: $e(t),
+						onInput: (e) => et(t, e.target.value),
 						placeholder: t.filter.placeholder,
 						"aria-label": `Search ${t.label}`
 					}, null, 40, Km)])) : t.filter.type === "toggle" ? (G(), K("div", qm, [J("div", Jm, [
 						J("input", {
 							type: "checkbox",
-							checked: Ze(t) === !0,
-							onChange: (e) => Qe(t, e.target.checked),
+							checked: $e(t) === !0,
+							onChange: (e) => et(t, e.target.checked),
 							id: `${I(S)}-filter-${String(t.key)}`,
 							"aria-describedby": t.filter.description ? `${I(S)}-filter-description-${String(t.key)}` : void 0
 						}, null, 40, Ym),
@@ -9256,9 +9266,9 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 						}, M(t.filter.description), 9, Zm)) : Z("", !0)
 					])])) : t.filter.type === "multi-select" && t.filter.searchable ? (G(), q(cf, {
 						key: 3,
-						"model-value": st(t),
-						"onUpdate:modelValue": (e) => ct(t, e),
-						options: rt(t),
+						"model-value": lt(t),
+						"onUpdate:modelValue": (e) => ut(t, e),
+						options: at(t),
 						label: "Include values",
 						placeholder: t.filter.placeholder,
 						"search-description": t.filter.searchDescription,
@@ -9270,26 +9280,26 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 						"placeholder",
 						"search-description"
 					])) : t.filter.type === "multi-select" ? (G(), K("div", Qm, [Y(Gu, {
-						"model-value": st(t),
-						"onUpdate:modelValue": (e) => ct(t, e),
-						options: it(t),
+						"model-value": lt(t),
+						"onUpdate:modelValue": (e) => ut(t, e),
+						options: ot(t),
 						label: "Include values"
 					}, null, 8, [
 						"model-value",
 						"onUpdate:modelValue",
 						"options"
-					]), $e(t) ? (G(), q(eu, {
+					]), tt(t) ? (G(), q(eu, {
 						key: 0,
 						class: "clear-multiselect-btn",
 						theme: "accent",
 						size: "small",
-						onClick: (e) => Qe(t, [])
+						onClick: (e) => et(t, [])
 					}, {
-						default: L(() => [...n[17] ||= [X(" Clear ", -1)]]),
+						default: L(() => [...n[16] ||= [X(" Clear ", -1)]]),
 						_: 1
 					}, 8, ["onClick"])) : Z("", !0)])) : Z("", !0)]),
 					_: 2
-				}, 1024)) : Z("", !0)]), e.resizableColumns ? (G(), K("div", {
+				}, 1032, ["aria-labelledby"])) : Z("", !0)]), e.resizableColumns ? (G(), K("div", {
 					key: 0,
 					"data-column-key": String(t.key),
 					class: j(["g-column-resize-handle", { "g-column-resize-handle--active": O.value?.key === t.key }]),
@@ -9299,20 +9309,20 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 					"aria-controls": ne,
 					"aria-label": `Resize ${t.label} column`,
 					"aria-valuemin": 50,
-					"aria-valuemax": N(t.key),
-					"aria-valuenow": Ie(t.key),
-					"aria-valuetext": Le(t.key),
+					"aria-valuemax": Ae(t.key),
+					"aria-valuenow": Re(t.key),
+					"aria-valuetext": ze(t.key),
 					onClick: n[0] ||= Ts(() => {}, ["stop", "prevent"]),
-					onKeydown: (e) => Pe(e, t.key),
-					onPointerdown: (e) => Ne(e, t.key)
-				}, null, 42, $m)) : Z("", !0)], 10, Rm))), 128))])]),
+					onKeydown: (e) => Ie(e, t.key),
+					onPointerdown: (e) => Fe(e, t.key)
+				}, null, 42, $m)) : Z("", !0)], 10, zm))), 128))])]),
 				e.data.length === 0 ? (G(), K("tbody", eh, [J("tr", th, [J("td", {
 					class: "g-table-empty",
-					colspan: ze.value.length + +!!e.bulkSelectionEnabled
+					colspan: Ve.value.length + +!!e.bulkSelectionEnabled
 				}, [H(t.$slots, "empty")], 8, nh)])])) : (G(), q(mp, {
 					key: 1,
 					data: e.data,
-					columns: ze.value,
+					columns: Ve.value,
 					"group-by": e.groupBy,
 					"group-render": e.groupRender,
 					"row-clickable": e.rowClickable,
@@ -9338,8 +9348,11 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 					"table-id",
 					"change-tracker"
 				]))
-			], 10, jm)], 512),
-			e.bulkSelectionEnabled && a.value.length > 0 ? (G(), K("div", rh, [J("span", ih, M(a.value.length) + " row" + M(a.value.length === 1 ? "" : "s") + " selected", 1), J("ul", ah, [(G(!0), K(W, null, V(e.bulkActions, (e) => (G(), K("li", { key: e.id }, [Y(eu, {
+			], 10, jm), J("div", rh, [(G(!0), K(W, null, V(Ve.value, (e) => (G(), K(W, { key: e.key }, [e.sortable ? (G(), K("span", {
+				key: 0,
+				id: `${I(S)}-sort-desc-${String(e.key)}`
+			}, M(pe(e.key)), 9, ih)) : Z("", !0), e.filter ? (G(), K(W, { key: 1 }, [J("span", { id: `${I(S)}-filter-desc-${String(e.key)}` }, M(e.label) + " column" + M(tt(e) ? ", filtered" : ""), 9, ah), J("span", { id: `${I(S)}-filter-label-${String(e.key)}` }, "Filter " + M(e.label) + " column", 9, oh)], 64)) : Z("", !0)], 64))), 128))])], 512),
+			e.bulkSelectionEnabled && a.value.length > 0 ? (G(), K("div", sh, [J("span", ch, M(a.value.length) + " row" + M(a.value.length === 1 ? "" : "s") + " selected", 1), J("ul", lh, [(G(!0), K(W, null, V(e.bulkActions, (e) => (G(), K("li", { key: e.id }, [Y(eu, {
 				theme: e.theme || "accent",
 				onClick: (t) => v(e.id),
 				size: "small"
@@ -9349,7 +9362,7 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 			}, 1032, ["theme", "onClick"])]))), 128))])])) : Z("", !0)
 		])], 4));
 	}
-}), [["styles", [""]]]), sh = { class: "popover-content" }, ch = { class: "year-dropdown" }, lh = { class: "month-selector" }, uh = /*#__PURE__*/ $(/* @__PURE__ */ z({
+}), [["styles", [""]]]), dh = { class: "popover-content" }, fh = { class: "year-dropdown" }, ph = { class: "month-selector" }, mh = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	__name: "GTermSelectorControl",
 	props: /*@__PURE__*/ U({
 		termYears: {
@@ -9382,7 +9395,7 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = Ni(e, "modelValue");
-		return (n, r) => (G(), K("div", sh, [J("div", ch, [Y(Rf, {
+		return (n, r) => (G(), K("div", dh, [J("div", fh, [Y(Rf, {
 			modelValue: t.value.year,
 			"onUpdate:modelValue": r[0] ||= (e) => t.value.year = e,
 			options: e.termYears,
@@ -9391,7 +9404,7 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 			"modelValue",
 			"options",
 			"label"
-		])]), J("div", lh, [Y(Gf, {
+		])]), J("div", ph, [Y(Gf, {
 			modelValue: t.value.name,
 			"onUpdate:modelValue": r[1] ||= (e) => t.value.name = e,
 			options: e.termNames,
@@ -9403,7 +9416,7 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 			"label"
 		])])]));
 	}
-}), [["styles", [""]]]), dh = { class: "g-term-selector" }, fh = { class: "g-term-label" }, ph = /*#__PURE__*/ $(/* @__PURE__ */ z({
+}), [["styles", [""]]]), hh = { class: "g-term-selector" }, gh = { class: "g-term-label" }, _h = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	__name: "GTermSelector",
 	props: /*@__PURE__*/ U({
 		heading: {
@@ -9434,7 +9447,7 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = Ni(e, "modelValue"), n = `${B()}-heading`;
-		return (r, i) => (G(), K("div", dh, [Y(hu, { "aria-labelledby": n }, {
+		return (r, i) => (G(), K("div", hh, [Y(hu, { "aria-labelledby": n }, {
 			trigger: L(({ toggle: e, open: n, popoverId: r }) => [Y(eu, {
 				class: "g-term-selector-button",
 				theme: "none",
@@ -9450,7 +9463,7 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 						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", fh, M(t.value?.name) + " " + M(t.value?.year), 1),
+					J("span", gh, M(t.value?.name) + " " + M(t.value?.year), 1),
 					i[2] ||= J("span", { class: "g-caret" }, [J("svg", {
 						role: "none",
 						xmlns: "http://www.w3.org/2000/svg",
@@ -9467,18 +9480,18 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 				id: n,
 				class: "g-popover-title",
 				tabindex: "-1"
-			}, M(e.heading), 1), Y(uh, Ha(r.$props, {
+			}, M(e.heading), 1), Y(mh, Ha(r.$props, {
 				modelValue: t.value,
 				"onUpdate:modelValue": i[0] ||= (e) => t.value = e
 			}), null, 16, ["modelValue"])]),
 			_: 1
 		})]));
 	}
-}), [["styles", [""]]]), mh = ["for"], hh = {
+}), [["styles", [""]]]), vh = ["for"], yh = {
 	key: 0,
 	class: "g-textarea-required",
 	"aria-hidden": "true"
-}, gh = ["id"], _h = [
+}, bh = ["id"], xh = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -9487,11 +9500,11 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 	"rows",
 	"maxlength",
 	"aria-invalid"
-], vh = {
+], Sh = {
 	key: 2,
 	class: "g-textarea-char-count",
 	"aria-live": "polite"
-}, yh = /*#__PURE__*/ $(/* @__PURE__ */ z({
+}, Ch = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	inheritAttrs: !1,
 	__name: "GTextarea",
 	props: /*@__PURE__*/ U({
@@ -9589,12 +9602,12 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 				key: 0,
 				for: c.value,
 				class: "g-textarea-label"
-			}, [X(M(n.label), 1), n.required ? (G(), K("span", hh, " *")) : Z("", !0)], 8, mh)) : Z("", !0),
+			}, [X(M(n.label), 1), n.required ? (G(), K("span", yh, " *")) : Z("", !0)], 8, vh)) : Z("", !0),
 			t.$slots.instructions || e.instructions ? (G(), K("div", {
 				key: 1,
 				id: "instructions-" + I(i),
 				class: "g-textarea-instructions"
-			}, [H(t.$slots, "instructions", {}, () => [X(M(e.instructions), 1)])], 8, gh)) : Z("", !0),
+			}, [H(t.$slots, "instructions", {}, () => [X(M(e.instructions), 1)])], 8, bh)) : Z("", !0),
 			J("textarea", Ha({
 				ref: "textareaEl",
 				value: r.value ?? "",
@@ -9615,36 +9628,36 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 				onInput: h,
 				onBlur: g,
 				onPaste: _
-			}), null, 16, _h),
-			n.maxlength === void 0 ? Z("", !0) : (G(), K("div", vh, M((r.value ?? "").length) + " / " + M(n.maxlength), 1)),
+			}), null, 16, xh),
+			n.maxlength === void 0 ? Z("", !0) : (G(), K("div", Sh, M((r.value ?? "").length) + " / " + M(n.maxlength), 1)),
 			Y(Pu, {
 				errors: I(l),
 				id: "error-message-" + I(i)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), [["styles", [""]]]), bh = { class: "g-three-way-toggle-wrapper" }, xh = { class: "g-three-way-toggle-control" }, Sh = ["id"], Ch = [
+}), [["styles", [""]]]), wh = { class: "g-three-way-toggle-wrapper" }, Th = { class: "g-three-way-toggle-control" }, Eh = ["id"], Dh = [
 	"aria-labelledby",
 	"aria-describedby",
 	"disabled",
 	"aria-invalid",
 	"aria-errormessage"
-], wh = { key: 0 }, Th = { key: 1 }, Eh = { key: 2 }, Dh = ["for"], Oh = [
+], Oh = { key: 0 }, kh = { key: 1 }, Ah = { key: 2 }, jh = ["for"], Mh = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], kh = ["for"], Ah = [
+], Nh = ["for"], Ph = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], jh = ["for"], Mh = [
+], Fh = ["for"], Ih = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], Nh = ["id"], Ph = /*#__PURE__*/ $(/* @__PURE__ */ z({
+], Lh = ["id"], Rh = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	__name: "GThreeWayToggle",
 	props: /*@__PURE__*/ U({
 		label: { type: String },
@@ -9678,10 +9691,10 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 		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", bh, [J("div", xh, [J("span", {
+		return (t, n) => (G(), K("div", wh, [J("div", Th, [J("span", {
 			class: "g-label",
 			id: I(c)
-		}, [H(t.$slots, "label", {}, () => [X(M(e.label), 1)])], 8, Sh), J("fieldset", {
+		}, [H(t.$slots, "label", {}, () => [X(M(e.label), 1)])], 8, Eh), J("fieldset", {
 			class: j(["g-three-way-toggle", { "g-has-error": e.error }]),
 			role: "radiogroup",
 			"aria-labelledby": I(c),
@@ -9693,7 +9706,7 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 			J("span", {
 				class: j(["g-toggle-thumb", p.value]),
 				"aria-hidden": "true"
-			}, [r.value === !1 ? (G(), K("span", wh, "NO")) : r.value === !0 ? (G(), K("span", Th, "YES")) : (G(), K("span", Eh))], 2),
+			}, [r.value === !1 ? (G(), K("span", Oh, "NO")) : r.value === !0 ? (G(), K("span", kh, "YES")) : (G(), K("span", Ah))], 2),
 			J("label", {
 				for: I(u),
 				class: "g-toggle-option g-left",
@@ -9707,7 +9720,7 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 				value: "false",
 				disabled: e.disabled,
 				onChange: n[0] ||= (e) => o(!1)
-			}, null, 40, Oh), n[5] ||= J("span", { class: "ilw-sr-only" }, "No", -1)], 40, Dh),
+			}, null, 40, Mh), n[5] ||= J("span", { class: "ilw-sr-only" }, "No", -1)], 40, jh),
 			J("label", {
 				for: I(d),
 				class: "g-toggle-option g-center",
@@ -9719,7 +9732,7 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 				checked: r.value === null,
 				disabled: e.disabled,
 				onChange: n[2] ||= (e) => o(null)
-			}, null, 40, Ah), n[6] ||= J("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, kh),
+			}, null, 40, Ph), n[6] ||= J("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, Nh),
 			J("label", {
 				for: I(f),
 				class: "g-toggle-option g-right",
@@ -9733,16 +9746,16 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 				checked: r.value === !0,
 				disabled: e.disabled,
 				onChange: n[3] ||= (e) => o(!0)
-			}, null, 40, Mh), n[7] ||= J("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, jh)
-		], 2)], 10, Ch)]), e.error ? (G(), K("div", {
+			}, null, 40, Ih), n[7] ||= J("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, Fh)
+		], 2)], 10, Dh)]), e.error ? (G(), K("div", {
 			key: 0,
 			id: `${I(c)}-error`,
 			class: "g-form-error",
 			role: "alert",
 			"aria-atomic": "true"
-		}, M(e.error), 9, Nh)) : Z("", !0)]));
+		}, M(e.error), 9, Lh)) : Z("", !0)]));
 	}
-}), [["styles", [""]]]), Fh = { class: "g-toggle-wrapper" }, Ih = ["for"], Lh = [
+}), [["styles", [""]]]), zh = { class: "g-toggle-wrapper" }, Bh = ["for"], Vh = [
 	"id",
 	"checked",
 	"disabled",
@@ -9750,7 +9763,7 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 	"aria-describedby",
 	"aria-invalid",
 	"aria-errormessage"
-], Rh = ["id"], zh = /*#__PURE__*/ $(/* @__PURE__ */ z({
+], Hh = ["id"], Uh = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	__name: "GToggle",
 	props: /*@__PURE__*/ U({
 		label: { type: String },
@@ -9785,11 +9798,11 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 			n.disabled || (e.key === "n" || e.key === "N" || e.key === "ArrowLeft" ? (a(!1), e.preventDefault()) : (e.key === "y" || e.key === "Y" || e.key === "ArrowRight") && (a(!0), e.preventDefault()));
 		}
 		let l = B(), u = B();
-		return (t, n) => (G(), K("div", Fh, [J("div", { class: j(["g-toggle-control", { "g-external-label": e.externalLabel }]) }, [e.externalLabel ? Z("", !0) : (G(), K("label", {
+		return (t, n) => (G(), K("div", zh, [J("div", { class: j(["g-toggle-control", { "g-external-label": e.externalLabel }]) }, [e.externalLabel ? Z("", !0) : (G(), K("label", {
 			key: 0,
 			class: "g-label",
 			for: I(u)
-		}, [H(t.$slots, "label", {}, () => [X(M(e.label), 1)])], 8, Ih)), J("div", { class: j(["g-toggle", { "g-has-error": e.error }]) }, [J("div", { class: j(["g-toggle-track", [r.value ? "g-right" : "g-left", { "g-disabled": e.disabled }]]) }, [J("span", {
+		}, [H(t.$slots, "label", {}, () => [X(M(e.label), 1)])], 8, Bh)), J("div", { class: j(["g-toggle", { "g-has-error": e.error }]) }, [J("div", { class: j(["g-toggle-track", [r.value ? "g-right" : "g-left", { "g-disabled": e.disabled }]]) }, [J("span", {
 			class: j(["g-toggle-thumb", r.value ? "g-right" : "g-left"]),
 			"aria-hidden": "true"
 		}, null, 2), J("input", {
@@ -9803,21 +9816,21 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 			"aria-errormessage": e.error ? I(l) + "-error" : void 0,
 			onChange: s,
 			onKeydown: c
-		}, null, 40, Lh)], 2)], 2)], 2), e.error ? (G(), K("div", {
+		}, null, 40, Vh)], 2)], 2)], 2), e.error ? (G(), K("div", {
 			key: 0,
 			id: `${I(l)}-error`,
 			class: "g-form-error",
 			role: "alert",
 			"aria-atomic": "true"
-		}, M(e.error), 9, Rh)) : Z("", !0)]));
+		}, M(e.error), 9, Hh)) : Z("", !0)]));
 	}
-}), [["styles", [""]]]), Bh = { class: "g-tree-menu__divider" }, Vh = {
+}), [["styles", [""]]]), Wh = { class: "g-tree-menu__divider" }, Gh = {
 	key: 0,
 	class: "g-tree-menu__divider-line"
-}, Hh = {
+}, Kh = {
 	key: 1,
 	class: "g-tree-menu__expand-all-wrapper"
-}, Uh = { class: "g-tree-menu__content" }, Wh = /*#__PURE__*/ $(/* @__PURE__ */ z({
+}, qh = { class: "g-tree-menu__content" }, Jh = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	__name: "GTreeMenu",
 	props: {
 		heading: { type: String },
@@ -9877,7 +9890,7 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 				default: L(() => [H(n.$slots, "heading", {}, () => [X(M(e.heading), 1)])]),
 				_: 3
 			}, 8, ["id"])) : Z("", !0),
-			J("div", Bh, [e.smallHeading ? Z("", !0) : (G(), K("div", Vh)), e.showExpandAll ? (G(), K("div", Hh, [J("button", {
+			J("div", Wh, [e.smallHeading ? Z("", !0) : (G(), K("div", Gh)), e.showExpandAll ? (G(), K("div", Kh, [J("button", {
 				class: "g-tree-menu__expand-all-btn",
 				onClick: u
 			}, [(G(), K("svg", {
@@ -9890,10 +9903,10 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
 			}, [...r[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(" " + M(l.value ? "Collapse all" : "Expand all"), 1)])])) : Z("", !0)]),
-			J("div", Uh, [H(n.$slots, "default")])
+			J("div", qh, [H(n.$slots, "default")])
 		], 16));
 	}
-}), [["styles", [""]]]), Gh = /*#__PURE__*/ $(/* @__PURE__ */ z({
+}), [["styles", [""]]]), Yh = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	name: "GTreeMenuList",
 	props: { listType: {
 		default: void 0,
@@ -9913,20 +9926,20 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 			_: 3
 		}, 8, ["role"]));
 	}
-}), [["styles", [""]]]), Kh = {
+}), [["styles", [""]]]), Xh = {
 	key: 0,
 	class: "g-tree-menu__row"
-}, qh = { class: "g-tree-menu__row-content-text" }, Jh = [
+}, Zh = { class: "g-tree-menu__row-content-text" }, Qh = [
 	"aria-controls",
 	"aria-expanded",
 	"aria-label"
-], Yh = {
+], $h = {
 	key: 1,
 	class: "g-tree-menu__row g-tree-menu__row--leaf"
-}, Xh = {
+}, eg = {
 	class: "g-tree-menu__row-content",
 	"data-tree-primary": ""
-}, Zh = /*#__PURE__*/ $(/* @__PURE__ */ z({
+}, tg = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	name: "GTreeMenuItem",
 	inheritAttrs: !1,
 	props: {
@@ -9991,11 +10004,11 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 			class: "g-tree-menu__item",
 			"data-tree-expandable": c.value ? "true" : void 0
 		}), {
-			default: L(() => [c.value ? (G(), K("div", Kh, [J("span", {
+			default: L(() => [c.value ? (G(), K("div", Xh, [J("span", {
 				class: "g-tree-menu__row-content",
 				"data-tree-primary": "",
 				onClick: b
-			}, [J("span", qh, [H(e.$slots, "default")])]), J("button", {
+			}, [J("span", Zh, [H(e.$slots, "default")])]), J("button", {
 				type: "button",
 				class: "g-tree-menu__toggle-btn",
 				"aria-controls": I(o) + "-children",
@@ -10013,7 +10026,7 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 				"stroke-width": "2.5",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [...t[0] ||= [J("polyline", { points: "9 18 15 12 9 6" }, null, -1)]], 2))], 8, Jh)])) : (G(), K("div", Yh, [t[1] ||= J("span", { class: "g-tree-menu__spacer" }, null, -1), J("span", Xh, [H(e.$slots, "default")])])), c.value && f.value ? (G(), q(Gh, {
+			}, [...t[0] ||= [J("polyline", { points: "9 18 15 12 9 6" }, null, -1)]], 2))], 8, Qh)])) : (G(), K("div", $h, [t[1] ||= J("span", { class: "g-tree-menu__spacer" }, null, -1), J("span", eg, [H(e.$slots, "default")])])), c.value && f.value ? (G(), q(Yh, {
 				key: 2,
 				id: I(o) + "-children"
 			}, {
@@ -10023,11 +10036,11 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 			_: 3
 		}, 16, ["role", "data-tree-expandable"]));
 	}
-}), [["styles", [""]]]), Qh = { class: "g-user-menu" }, $h = [
+}), [["styles", [""]]]), ng = { class: "g-user-menu" }, rg = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
-], eg = { class: "g-user-menu__popover" }, tg = { class: "g-user-menu__list" }, ng = /*#__PURE__*/ $(/* @__PURE__ */ z({
+], ig = { class: "g-user-menu__popover" }, ag = { class: "g-user-menu__list" }, og = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	__name: "GUserMenu",
 	props: {
 		initials: { type: String },
@@ -10048,7 +10061,7 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 			e.target?.closest("a") && (n.value = !1);
 		}
 		let a = ui();
-		return (o, s) => (G(), K("div", Qh, [Y(hu, {
+		return (o, s) => (G(), K("div", ng, [Y(hu, {
 			modelValue: n.value,
 			"onUpdate:modelValue": s[0] ||= (e) => n.value = e,
 			minimal: ""
@@ -10060,8 +10073,8 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 				"aria-expanded": n.value,
 				"aria-haspopup": "menu",
 				onClick: t
-			}, M(e.initials), 13, $h)]),
-			default: L(() => [J("div", eg, [J("h2", {
+			}, M(e.initials), 13, rg)]),
+			default: L(() => [J("div", ig, [J("h2", {
 				id: t,
 				ref_key: "emailHeading",
 				ref: r,
@@ -10071,19 +10084,19 @@ var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions
 				class: "g-user-menu__nav",
 				"aria-labelledby": t,
 				onClick: i
-			}, [J("ul", tg, [(G(!0), K(W, null, V(a.default(), (e, t) => (G(), K("li", { key: t }, [(G(), q(ni(e)))]))), 128))])])])]),
+			}, [J("ul", ag, [(G(!0), K(W, null, V(a.default(), (e, t) => (G(), K("li", { key: t }, [(G(), q(ni(e)))]))), 128))])])])]),
 			_: 1
 		}, 8, ["modelValue"])]));
 	}
-}), [["styles", [""]]]), rg = globalThis;
-rg.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ = !0;
-var ig = {
+}), [["styles", [""]]]), sg = globalThis;
+sg.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ = !0;
+var cg = {
 	shadowRoot: !1,
 	configureApp(e) {
-		let t = (rg.__GRAD_VUE_WC_APP_ID__ ?? 0) + 1;
-		rg.__GRAD_VUE_WC_APP_ID__ = t, e.config.idPrefix = `g-wc-${t}-`;
+		let t = (sg.__GRAD_VUE_WC_APP_ID__ ?? 0) + 1;
+		sg.__GRAD_VUE_WC_APP_ID__ = t, e.config.idPrefix = `g-wc-${t}-`;
 	}
-}, ag = [
+}, lg = [
 	["g-alert-dialog", ou],
 	["g-app-header", Ou],
 	["g-button", eu],
@@ -10111,21 +10124,21 @@ var ig = {
 	["g-sidebar", Jf],
 	["g-sidebar-menu", Qf],
 	["g-submit-button", $f],
-	["g-table", oh],
+	["g-table", uh],
 	["g-table-body", mp],
-	["g-term-selector", ph],
-	["g-term-selector-control", uh],
+	["g-term-selector", _h],
+	["g-term-selector-control", mh],
 	["g-text-input", cd],
-	["g-textarea", yh],
-	["g-three-way-toggle", Ph],
-	["g-toggle", zh],
-	["g-tree-menu", Wh],
-	["g-tree-menu-list", Gh],
-	["g-tree-menu-item", Zh],
-	["g-user-menu", ng]
+	["g-textarea", Ch],
+	["g-three-way-toggle", Rh],
+	["g-toggle", Uh],
+	["g-tree-menu", Jh],
+	["g-tree-menu-list", Yh],
+	["g-tree-menu-item", tg],
+	["g-user-menu", og]
 ];
-for (let [e, t] of ag) {
-	let n = /* @__PURE__ */ bs(t, ig);
+for (let [e, t] of lg) {
+	let n = /* @__PURE__ */ bs(t, cg);
 	customElements.define(e, n);
 }
 //#endregion