@illinois-grad/grad-vue 7.2.1 → 7.2.3

package/dist/grad-vue-elements.js

@@ -11,7 +11,7 @@ var t = {}, n = [], r = () => {}, i = () => !1, a = (e) => e.charCodeAt(0) === 1
 }, l = Object.prototype.hasOwnProperty, u = (e, t) => l.call(e, t), d = Array.isArray, f = (e) => x(e) === "[object Map]", p = (e) => x(e) === "[object Set]", m = (e) => x(e) === "[object Date]", h = (e) => typeof e == "function", g = (e) => typeof e == "string", _ = (e) => typeof e == "symbol", v = (e) => typeof e == "object" && !!e, y = (e) => (v(e) || h(e)) && h(e.then) && h(e.catch), b = Object.prototype.toString, x = (e) => b.call(e), S = (e) => x(e).slice(8, -1), C = (e) => x(e) === "[object Object]", w = (e) => g(e) && e !== "NaN" && e[0] !== "-" && "" + parseInt(e, 10) === e, T = /* @__PURE__ */ e(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"), E = (e) => {
 	let t = /* @__PURE__ */ Object.create(null);
 	return ((n) => t[n] || (t[n] = e(n)));
-}, ee = /-\w/g, D = E((e) => e.replace(ee, (e) => e.slice(1).toUpperCase())), te = /\B([A-Z])/g, O = E((e) => e.replace(te, "-$1").toLowerCase()), k = E((e) => e.charAt(0).toUpperCase() + e.slice(1)), ne = E((e) => e ? `on${k(e)}` : ""), A = (e, t) => !Object.is(e, t), re = (e, ...t) => {
+}, ee = /-\w/g, D = E((e) => e.replace(ee, (e) => e.slice(1).toUpperCase())), te = /\B([A-Z])/g, O = E((e) => e.replace(te, "-$1").toLowerCase()), ne = E((e) => e.charAt(0).toUpperCase() + e.slice(1)), re = E((e) => e ? `on${ne(e)}` : ""), k = (e, t) => !Object.is(e, t), A = (e, ...t) => {
 	for (let n = 0; n < e.length; n++) e[n](...t);
 }, ie = (e, t, n, r = !1) => {
 	Object.defineProperty(e, t, {
@@ -283,7 +283,7 @@ function Be(e) {
 	try {
 		Le(e);
 		let n = e.fn(e._value);
-		(t.version === 0 || A(n, e._value)) && (e.flags |= 128, e._value = n, t.version++);
+		(t.version === 0 || k(n, e._value)) && (e.flags |= 128, e._value = n, t.version++);
 	} catch (e) {
 		throw t.version++, e;
 	} finally {
@@ -585,7 +585,7 @@ var vt = class {
 			if (!/* @__PURE__ */ qt(n) && !/* @__PURE__ */ Kt(n) && (i = /* @__PURE__ */ P(i), n = /* @__PURE__ */ P(n)), !a && /* @__PURE__ */ Qt(i) && !/* @__PURE__ */ Qt(n)) return e || (i.value = n), !0;
 		}
 		let o = a ? Number(t) < e.length : u(e, t), s = Reflect.set(e, t, n, /* @__PURE__ */ Qt(e) ? e : r);
-		return e === /* @__PURE__ */ P(r) && s && (o ? A(n, i) && rt(e, "set", t, n, i) : rt(e, "add", t, n)), s;
+		return e === /* @__PURE__ */ P(r) && s && (o ? k(n, i) && rt(e, "set", t, n, i) : rt(e, "add", t, n)), s;
 	}
 	deleteProperty(e, t) {
 		let n = u(e, t), r = e[t], i = Reflect.deleteProperty(e, t);
@@ -633,7 +633,7 @@ function kt(e, t) {
 	let n = {
 		get(n) {
 			let r = this.__v_raw, i = /* @__PURE__ */ P(r), a = /* @__PURE__ */ P(n);
-			e || (A(n, a) && nt(i, "get", n), nt(i, "get", a));
+			e || (k(n, a) && nt(i, "get", n), nt(i, "get", a));
 			let { has: o } = Et(i), s = t ? Tt : e ? Zt : Xt;
 			if (o.call(i, n)) return s(r.get(n));
 			if (o.call(i, a)) return s(r.get(a));
@@ -645,7 +645,7 @@ function kt(e, t) {
 		},
 		has(t) {
 			let n = this.__v_raw, r = /* @__PURE__ */ P(n), i = /* @__PURE__ */ P(t);
-			return e || (A(t, i) && nt(r, "has", t), nt(r, "has", i)), t === i ? n.has(t) : n.has(t) || n.has(i);
+			return e || (k(t, i) && nt(r, "has", t), nt(r, "has", i)), t === i ? n.has(t) : n.has(t) || n.has(i);
 		},
 		forEach(n, r) {
 			let i = this, a = i.__v_raw, o = /* @__PURE__ */ P(a), s = t ? Tt : e ? Zt : Xt;
@@ -660,14 +660,14 @@ function kt(e, t) {
 	} : {
 		add(e) {
 			let n = /* @__PURE__ */ P(this), r = Et(n), i = /* @__PURE__ */ P(e), a = !t && !/* @__PURE__ */ qt(e) && !/* @__PURE__ */ Kt(e) ? i : e;
-			return r.has.call(n, a) || A(e, a) && r.has.call(n, e) || A(i, a) && r.has.call(n, i) || (n.add(a), rt(n, "add", a, a)), this;
+			return r.has.call(n, a) || k(e, a) && r.has.call(n, e) || k(i, a) && r.has.call(n, i) || (n.add(a), rt(n, "add", a, a)), this;
 		},
 		set(e, n) {
 			!t && !/* @__PURE__ */ qt(n) && !/* @__PURE__ */ Kt(n) && (n = /* @__PURE__ */ P(n));
 			let r = /* @__PURE__ */ P(this), { has: i, get: a } = Et(r), o = i.call(r, e);
 			o ||= (e = /* @__PURE__ */ P(e), i.call(r, e));
 			let s = a.call(r, e);
-			return r.set(e, n), o ? A(n, s) && rt(r, "set", e, n, s) : rt(r, "add", e, n), this;
+			return r.set(e, n), o ? k(n, s) && rt(r, "set", e, n, s) : rt(r, "add", e, n), this;
 		},
 		delete(e) {
 			let t = /* @__PURE__ */ P(this), { has: n, get: r } = Et(t), i = n.call(t, e);
@@ -778,7 +778,7 @@ var tn = class {
 	}
 	set value(e) {
 		let t = this._rawValue, n = this.__v_isShallow || /* @__PURE__ */ qt(e) || /* @__PURE__ */ Kt(e);
-		e = n ? e : /* @__PURE__ */ P(e), A(e, t) && (this._rawValue = e, this._value = n ? e : Xt(e), this.dep.trigger());
+		e = n ? e : /* @__PURE__ */ P(e), k(e, t) && (this._rawValue = e, this._value = n ? e : Xt(e), this.dep.trigger());
 	}
 };
 function I(e) {
@@ -921,7 +921,7 @@ function vn(e, n, i = t) {
 		if (m.flags & 1 && (m.dirty || e)) {
 			if (n) {
 				let t = m.run();
-				if (e || o || y || (b ? t.some((e, t) => A(e, C[t])) : A(t, C))) {
+				if (e || o || y || (b ? t.some((e, t) => k(e, C[t])) : k(t, C))) {
 					_ && _();
 					let e = gn;
 					gn = m;
@@ -1585,14 +1585,14 @@ function ri(e, t, n = !0, r = !1) {
 		let n = i.type;
 		if (e === ei) {
 			let e = co(n, !1);
-			if (e && (e === t || e === D(t) || e === k(D(t)))) return n;
+			if (e && (e === t || e === D(t) || e === ne(D(t)))) return n;
 		}
 		let a = ii(i[e] || n[e], t) || ii(i.appContext[e], t);
 		return !a && r ? n : a;
 	}
 }
 function ii(e, t) {
-	return e && (e[t] || e[D(t)] || e[k(D(t))]);
+	return e && (e[t] || e[D(t)] || e[ne(D(t))]);
 }
 function V(e, t, n, r) {
 	let i, a = n && n[r], o = d(e);
@@ -1714,7 +1714,7 @@ var mi = !0;
 function hi(e) {
 	let t = yi(e), n = e.proxy, i = e.ctx;
 	mi = !1, t.beforeCreate && _i(t.beforeCreate, e, "bc");
-	let { data: a, computed: o, methods: s, watch: c, provide: l, inject: u, created: f, beforeMount: p, mounted: m, beforeUpdate: g, updated: _, activated: y, deactivated: b, beforeDestroy: x, beforeUnmount: S, destroyed: C, unmounted: w, render: T, renderTracked: E, renderTriggered: ee, errorCaptured: D, serverPrefetch: te, expose: O, inheritAttrs: k, components: ne, directives: A, filters: re } = t;
+	let { data: a, computed: o, methods: s, watch: c, provide: l, inject: u, created: f, beforeMount: p, mounted: m, beforeUpdate: g, updated: _, activated: y, deactivated: b, beforeDestroy: x, beforeUnmount: S, destroyed: C, unmounted: w, render: T, renderTracked: E, renderTriggered: ee, errorCaptured: D, serverPrefetch: te, expose: O, inheritAttrs: ne, components: re, directives: k, filters: A } = t;
 	if (u && gi(u, i, null), s) for (let e in s) {
 		let t = s[e];
 		h(t) && (i[e] = t.bind(n));
@@ -1758,7 +1758,7 @@ function hi(e) {
 			});
 		} else e.exposed ||= {};
 	}
-	T && e.render === r && (e.render = T), k != null && (e.inheritAttrs = k), ne && (e.components = ne), A && (e.directives = A), te && Ar(e);
+	T && e.render === r && (e.render = T), ne != null && (e.inheritAttrs = ne), re && (e.components = re), k && (e.directives = k), te && Ar(e);
 }
 function gi(e, t, n = r) {
 	d(e) && (e = wi(e));
@@ -1943,16 +1943,16 @@ function Ni(e, n, r = t) {
 		let l, u = t, d;
 		return Zn(() => {
 			let t = e[a];
-			A(l, t) && (l = t, c());
+			k(l, t) && (l = t, c());
 		}), {
 			get() {
 				return s(), r.get ? r.get(l) : l;
 			},
 			set(e) {
 				let s = r.set ? r.set(e) : e;
-				if (!A(s, l) && !(u !== t && A(e, u))) return;
+				if (!k(s, l) && !(u !== t && k(e, u))) return;
 				let f = i.vnode.props, p = !!(f && (n in f || a in f || o in f) && (`onUpdate:${n}` in f || `onUpdate:${a}` in f || `onUpdate:${o}` in f));
-				p || (l = e, c()), i.emit(`update:${n}`, s), A(e, u) && (A(e, s) && !A(s, d) || p && u !== t && !A(s, l)) && c(), u = e, d = s;
+				p || (l = e, c()), i.emit(`update:${n}`, s), k(e, u) && (k(e, s) && !k(s, d) || p && u !== t && !k(s, l)) && c(), u = e, d = s;
 			}
 		};
 	});
@@ -1971,8 +1971,8 @@ function Fi(e, n, ...r) {
 	if (e.isUnmounted) return;
 	let i = e.vnode.props || t, a = r, o = n.startsWith("update:"), s = o && Pi(i, n.slice(7));
 	s && (s.trim && (a = r.map((e) => g(e) ? e.trim() : e)), s.number && (a = a.map(ae)));
-	let c, l = i[c = ne(n)] || i[c = ne(D(n))];
-	!l && o && (l = i[c = ne(O(n))]), l && xn(l, e, 6, a);
+	let c, l = i[c = re(n)] || i[c = re(D(n))];
+	!l && o && (l = i[c = re(O(n))]), l && xn(l, e, 6, a);
 	let u = i[c + "Once"];
 	if (u) {
 		if (!e.emitted) e.emitted = {};
@@ -2231,9 +2231,9 @@ function fa(e, i) {
 				e ?? x(t, r, i, s);
 				break;
 			case W:
-				ne(e, t, r, i, a, o, s, c, l);
+				re(e, t, r, i, a, o, s, c, l);
 				break;
-			default: f & 1 ? w(e, t, r, i, a, o, s, c, l) : f & 6 ? A(e, t, r, i, a, o, s, c, l) : (f & 64 || f & 128) && u.process(e, t, r, i, a, o, s, c, l, be);
+			default: f & 1 ? w(e, t, r, i, a, o, s, c, l) : f & 6 ? k(e, t, r, i, a, o, s, c, l) : (f & 64 || f & 128) && u.process(e, t, r, i, a, o, s, c, l, be);
 		}
 		d != null && a ? Pr(d, e && e.ref, o, t || e, !t) : d == null && e && e.ref != null && Pr(e.ref, null, o, e, !0);
 	}, y = (e, t, n, r) => {
@@ -2296,7 +2296,7 @@ function fa(e, i) {
 		u |= e.patchFlag & 16;
 		let m = e.props || t, h = n.props || t, g;
 		if (r && ma(r, !1), (g = h.onVnodeBeforeUpdate) && Ua(g, r, n, e), f && Wn(n, e, r, "beforeUpdate"), r && ma(r, !0), d && (!e.dynamicChildren || e.dynamicChildren.length !== d.length) && (u = 0, s = !1, d = null), (m.innerHTML && h.innerHTML == null || m.textContent && h.textContent == null) && p(l, ""), d ? O(e.dynamicChildren, d, l, r, i, pa(n, a), o) : s || le(e, n, l, null, r, i, pa(n, a), o, !1), u > 0) {
-			if (u & 16) k(l, m, h, r, a);
+			if (u & 16) ne(l, m, h, r, a);
 			else if (u & 2 && m.class !== h.class && c(l, "class", null, h.class, a), u & 4 && c(l, "style", m.style, h.style, a), u & 8) {
 				let e = n.dynamicProps;
 				for (let t = 0; t < e.length; t++) {
@@ -2305,7 +2305,7 @@ function fa(e, i) {
 				}
 			}
 			u & 1 && e.children !== n.children && p(l, n.children);
-		} else !s && d == null && k(l, m, h, r, a);
+		} else !s && d == null && ne(l, m, h, r, a);
 		((g = h.onVnodeUpdated) || f) && ua(() => {
 			g && Ua(g, r, n, e), f && Wn(n, e, r, "updated");
 		}, i);
@@ -2314,7 +2314,7 @@ function fa(e, i) {
 			let c = e[s], l = t[s], u = c.el && (c.type === W || !Na(c, l) || c.shapeFlag & 198) ? m(c.el) : n;
 			v(c, l, u, null, r, i, a, o, !0);
 		}
-	}, k = (e, n, r, i, a) => {
+	}, ne = (e, n, r, i, a) => {
 		if (n !== r) {
 			if (n !== t) for (let t in n) !T(t) && !(t in r) && c(e, t, n[t], null, a, i);
 			for (let t in r) {
@@ -2324,10 +2324,10 @@ function fa(e, i) {
 			}
 			"value" in r && c(e, "value", n.value, r.value, a);
 		}
-	}, ne = (e, t, n, r, i, a, s, c, l) => {
+	}, re = (e, t, n, r, i, a, s, c, l) => {
 		let d = t.el = e ? e.el : u(""), f = t.anchor = e ? e.anchor : u(""), { patchFlag: p, dynamicChildren: m, slotScopeIds: h } = t;
 		h && (c = c ? c.concat(h) : h), e == null ? (o(d, n, r), o(f, n, r), D(t.children || [], n, f, i, a, s, c, l)) : p > 0 && p & 64 && m && e.dynamicChildren && e.dynamicChildren.length === m.length ? (O(e.dynamicChildren, m, n, i, a, s, c), (t.key != null || i && t === i.subTree) && ga(e, t, !0)) : le(e, t, n, f, i, a, s, c, l);
-	}, A = (e, t, n, r, i, a, o, s, c) => {
+	}, k = (e, t, n, r, i, a, o, s, c) => {
 		t.slotScopeIds = s, e == null ? t.shapeFlag & 512 ? i.ctx.activate(t, n, r, o, c) : ie(t, n, r, i, a, o, c) : ae(e, t, c);
 	}, ie = (e, t, n, r, i, a, o) => {
 		let s = e.component = Ka(e, r, i);
@@ -2362,12 +2362,12 @@ function fa(e, i) {
 					}
 				}
 				let u = t, d;
-				ma(e, !1), t ? (t.el = c.el, se(e, t, o)) : t = c, n && re(n), (d = t.props && t.props.onVnodeBeforeUpdate) && Ua(d, s, t, c), ma(e, !0);
+				ma(e, !1), t ? (t.el = c.el, se(e, t, o)) : t = c, n && A(n), (d = t.props && t.props.onVnodeBeforeUpdate) && Ua(d, s, t, c), ma(e, !0);
 				let f = zi(e), p = e.subTree;
 				e.subTree = f, v(p, f, m(p.el), _e(p), e, i, a), t.el = f.el, u === null && Gi(e, f.el), r && ua(r, i), (d = t.props && t.props.onVnodeUpdated) && ua(() => Ua(d, s, t, c), i);
 			} else {
 				let o, { el: s, props: c } = t, { bm: l, m: u, parent: d, root: f, type: p } = e, m = Ir(t);
-				if (ma(e, !1), l && re(l), !m && (o = c && c.onVnodeBeforeMount) && Ua(o, d, t), ma(e, !0), s && Se) {
+				if (ma(e, !1), l && A(l), !m && (o = c && c.onVnodeBeforeMount) && Ua(o, d, t), ma(e, !0), s && Se) {
 					let t = () => {
 						e.subTree = zi(e), Se(s, e.subTree, e, i, null);
 					};
@@ -2528,7 +2528,7 @@ function fa(e, i) {
 		s(t);
 	}, he = (e, t, n) => {
 		let { bum: r, scope: i, job: a, subTree: o, um: s, m: c, a: l } = e;
-		ya(c), ya(l), r && re(r), i.stop(), a ? (a.flags |= 8, pe(o, e, t, n)) : e.vnode.el && o && (o.transition = e.vnode.transition, pe(o, e, t, n)), s && ua(s, t), ua(() => {
+		ya(c), ya(l), r && A(r), i.stop(), a ? (a.flags |= 8, pe(o, e, t, n)) : e.vnode.el && o && (o.transition = e.vnode.transition, pe(o, e, t, n)), s && ua(s, t), ua(() => {
 			e.isUnmounted = !0;
 		}, t);
 	}, ge = (e, t, n, r = !1, i = !1, a = 0) => {
@@ -3192,7 +3192,7 @@ function $o(e, t) {
 	if (n) return n;
 	let r = D(t);
 	if (r !== "filter" && r in e) return Qo[t] = r;
-	r = k(r);
+	r = ne(r);
 	for (let n = 0; n < Zo.length; n++) {
 		let i = Zo[n] + r;
 		if (i in e) return Qo[t] = i;
@@ -5196,7 +5196,7 @@ var du = /* @__PURE__ */ z({
 			let t = e?.previousElementSibling;
 			return t instanceof HTMLElement ? t : null;
 		}
-		function k() {
+		function ne() {
 			if (!l.value || !u.value) return;
 			let e = l.value, t = u.value, n = new DOMRect(0, 0, window.innerWidth, window.innerHeight), i = Math.max(n.height - 32, 0), a = window.getComputedStyle(e), o = t.offsetHeight + Number.parseFloat(a.paddingTop) + Number.parseFloat(a.paddingBottom) + Number.parseFloat(a.borderTopWidth) + Number.parseFloat(a.borderBottomWidth);
 			ee.value = o > i, D.value = ee.value ? i : null;
@@ -5220,10 +5220,10 @@ var du = /* @__PURE__ */ z({
 		}
 		return R(a, (e) => {
 			e ? jn(() => {
-				k(), window.addEventListener("resize", k), window.addEventListener("scroll", k, { capture: !0 }), l.value && (te && te.disconnect(), te = new ResizeObserver(() => k()), u.value && te.observe(u.value));
-			}) : (window.removeEventListener("resize", k), window.removeEventListener("scroll", k, { capture: !0 }), te && te.disconnect());
+				ne(), window.addEventListener("resize", ne), window.addEventListener("scroll", ne, { capture: !0 }), l.value && (te && te.disconnect(), te = new ResizeObserver(() => ne()), u.value && te.observe(u.value));
+			}) : (window.removeEventListener("resize", ne), window.removeEventListener("scroll", ne, { capture: !0 }), te && te.disconnect());
 		}), Jr(() => {
-			window.removeEventListener("resize", k), window.removeEventListener("scroll", k, { capture: !0 }), te && te.disconnect();
+			window.removeEventListener("resize", ne), window.removeEventListener("scroll", ne, { capture: !0 }), te && te.disconnect();
 		}), t({
 			show: b,
 			hide: x,
@@ -6866,13 +6866,13 @@ var Kd = ["id", "for"], qd = {
 			let t = e.relatedTarget;
 			t && c.value?.contains(t) || t && s.value?.contains(t) || w();
 		}
-		function k(e) {
+		function ne(e) {
 			e.preventDefault();
 		}
-		function ne() {
+		function re() {
 			f.value = !0;
 		}
-		function A(e) {
+		function k(e) {
 			if (n.disabled) return;
 			let t = b.value.length - 1;
 			switch (e.key) {
@@ -6900,7 +6900,7 @@ var Kd = ["id", "for"], qd = {
 				case "Backspace": !d.value && i.value.length > 0 && E(i.value[i.value.length - 1]);
 			}
 		}
-		let re = Q(() => `${a}-input`), ie = Q(() => `${a}-label`), ae = Q(() => `${a}-instructions`), oe = Q(() => `error-message-${a}`), se = Q(() => {
+		let A = Q(() => `${a}-input`), ie = Q(() => `${a}-label`), ae = Q(() => `${a}-instructions`), oe = Q(() => `error-message-${a}`), se = Q(() => {
 			let e = [];
 			return n.instructions && e.push(ae.value), m.value && e.push(oe.value), e.length > 0 ? e.join(" ") : void 0;
 		});
@@ -6911,7 +6911,7 @@ var Kd = ["id", "for"], qd = {
 			e.hiddenLabel ? Z("", !0) : (G(), K("label", {
 				key: 0,
 				id: ie.value,
-				for: re.value,
+				for: A.value,
 				class: "g-multiselect-label"
 			}, [X(M(e.label), 1), e.required ? (G(), K("span", qd, " *")) : Z("", !0)], 8, Kd)),
 			e.instructions ? (G(), K("div", {
@@ -6937,7 +6937,7 @@ var Kd = ["id", "for"], qd = {
 					class: "g-multiselect-chip-remove",
 					"aria-label": `Remove ${S(t)}`,
 					disabled: e.disabled,
-					onMousedown: ne,
+					onMousedown: re,
 					onClick: Ts((e) => E(t), ["stop"])
 				}, [...n[0] ||= [J("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
@@ -6954,7 +6954,7 @@ var Kd = ["id", "for"], qd = {
 					type: "text",
 					role: "combobox",
 					class: "g-multiselect-input",
-					id: re.value,
+					id: A.value,
 					value: d.value,
 					placeholder: i.value.length === 0 ? e.placeholder : void 0,
 					disabled: e.disabled,
@@ -6968,7 +6968,7 @@ var Kd = ["id", "for"], qd = {
 					"aria-describedby": se.value,
 					"aria-required": e.required ? "true" : void 0,
 					onInput: D,
-					onKeydown: A,
+					onKeydown: k,
 					onFocus: te,
 					onBlur: O
 				}), null, 16, Qd),
@@ -7001,7 +7001,7 @@ var Kd = ["id", "for"], qd = {
 						"g-multiselect-option--selected": x(e.value)
 					}]),
 					"aria-selected": x(e.value) ? "true" : "false",
-					onMousedown: k,
+					onMousedown: ne,
 					onClick: (e) => T(t)
 				}, [J("span", tf, [x(e.value) ? (G(), K("svg", nf, [...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", rf, [J("span", af, M(e.label), 1), e.description ? (G(), K("span", of, M(e.description), 1)) : Z("", !0)])], 42, ef))), 128)) : (G(), K("div", sf, " No results found. "))], 16, $d), [[Wo, l.value]])
 			], 2),
@@ -7502,14 +7502,14 @@ var Kd = ["id", "for"], qd = {
 				}, 0));
 			}
 		}
-		function k(e) {
+		function ne(e) {
 			D(e);
 		}
-		function ne() {
+		function re() {
 			d.value = !0;
 		}
-		let A = Q(() => n.clearButton && i.value !== null && i.value !== void 0 && !n.disabled);
-		function re() {
+		let k = Q(() => n.clearButton && i.value !== null && i.value !== void 0 && !n.disabled);
+		function A() {
 			n.disabled || (i.value = null, r("change", null), n.searchable && (b.value = ""));
 		}
 		return (t, r) => (G(), K("div", { class: j(["g-select-root g-select-combo", {
@@ -7550,11 +7550,11 @@ var Kd = ["id", "for"], qd = {
 					role: "combobox",
 					autocomplete: "off"
 				}), null, 16, jf),
-				A.value ? (G(), K("button", {
+				k.value ? (G(), K("button", {
 					key: 0,
 					type: "button",
 					class: "g-select-clear-btn",
-					onClick: re
+					onClick: A
 				}, [...r[0] ||= [J("svg", {
 					role: "img",
 					"aria-label": "Clear Selection",
@@ -7595,11 +7595,11 @@ var Kd = ["id", "for"], qd = {
 				onBlur: ee
 			}), [
 				X(M(y.value[S.value] ? y.value[S.value].label : "") + " ", 1),
-				A.value ? (G(), K("button", {
+				k.value ? (G(), K("button", {
 					key: 0,
 					type: "button",
 					class: "g-select-clear-btn",
-					onClick: Ts(re, ["stop"])
+					onClick: Ts(A, ["stop"])
 				}, [...r[2] ||= [J("svg", {
 					role: "img",
 					"aria-label": "Clear Selection",
@@ -7636,8 +7636,8 @@ var Kd = ["id", "for"], qd = {
 				}]),
 				role: "option",
 				"aria-selected": e.value === i.value ? "true" : "false",
-				onMousedown: ne,
-				onClick: (e) => k(n)
+				onMousedown: re,
+				onClick: (e) => ne(n)
 			}, [H(t.$slots, "option", {
 				option: e,
 				selected: e.value === i.value,
@@ -8028,27 +8028,31 @@ var qf = ["id"], Jf = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	],
 	setup(e, { emit: t }) {
 		let n = e, r = t;
-		function i(e, t) {
-			n.bulkSelectionEnabled && e.shiftKey && !e.target.closest("a,button,[tabindex],input") && e.preventDefault();
+		function i(e) {
+			let t = e.currentTarget, n = e.target.closest("a,button,[tabindex],input");
+			return !!n && t.contains(n);
 		}
 		function a(e, t) {
-			if (!n.rowClickable && !n.bulkSelectionEnabled || e.target.closest("a,button,[tabindex],input")) return;
-			let i = e.target.closest("tr");
-			if (i) {
-				if (n.bulkSelectionEnabled) i.querySelector("input[type=checkbox]") && s(t, e.shiftKey);
+			n.bulkSelectionEnabled && e.shiftKey && !i(e) && e.preventDefault();
+		}
+		function o(e, t) {
+			if (!n.rowClickable && !n.bulkSelectionEnabled || i(e)) return;
+			let a = e.target.closest("tr");
+			if (a) {
+				if (n.bulkSelectionEnabled) a.querySelector("input[type=checkbox]") && c(t, e.shiftKey);
 				else if (n.rowClickable) {
-					let e = i.querySelector("a[href]")?.getAttribute("href");
+					let e = a.querySelector("a[href]")?.getAttribute("href");
 					e && r("row-click", e);
 				}
 			}
 		}
-		function o(e) {
+		function s(e) {
 			return n.selectedRows?.includes(e) ?? !1;
 		}
-		function s(e, t = !1) {
+		function c(e, t = !1) {
 			r("toggle-row", e, t);
 		}
-		function c(e, t, n) {
+		function l(e, t, n) {
 			let i = e.target.value;
 			r("cell-change", {
 				row: t,
@@ -8056,30 +8060,30 @@ var qf = ["id"], Jf = /*#__PURE__*/ $(/* @__PURE__ */ z({
 				value: i
 			});
 		}
-		function l(e, t) {
+		function u(e, t) {
 			let r = `${n.tableId}-th-${String(t.key)}`;
 			return t.editable?.labelKey ? `${`${n.tableId}-td-${e.key}-${t.editable.labelKey}`} ${r} ` : r;
 		}
-		let u = Q(() => {
+		let d = Q(() => {
 			for (let e of n.columns) if (e.editable?.labelKey) return e.editable.labelKey;
-		}), d = Q(() => Math.max(n.columns.length, 1));
-		function f(e) {
-			return e.key === u.value;
+		}), f = Q(() => Math.max(n.columns.length, 1));
+		function p(e) {
+			return e.key === d.value;
 		}
-		function p(e, t) {
+		function m(e, t) {
 			return n.changeTracker ? n.changeTracker.hasChange(e.key, t.key) : !1;
 		}
-		function m(e, t) {
+		function h(e, t) {
 			return n.changeTracker ? n.changeTracker.hasError(e.key, t.key) : !1;
 		}
-		function h(e, t) {
+		function g(e, t) {
 			if (n.changeTracker) return n.changeTracker.getError(e.key, t.key);
 		}
 		return (t, n) => (G(), K("tbody", ep, [(G(!0), K(W, null, V(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", np)) : Z("", !0), J("td", {
-			colspan: d.value,
+			colspan: f.value,
 			class: "table-group-row"
 		}, [e.groupRender ? (G(), q(ni(e.groupRender(t[e.groupBy], t)), { key: 0 })) : (G(), K(W, { key: 1 }, [X(M(t[e.groupBy]), 1)], 64))], 8, rp)], 8, tp)) : Z("", !0), J("tr", {
 			class: j([
@@ -8091,26 +8095,26 @@ var qf = ["id"], Jf = /*#__PURE__*/ $(/* @__PURE__ */ z({
 				e.rowClass ? e.rowClass(t) : void 0
 			]),
 			"aria-rowindex": e.startIndex + r + 2,
-			onMousedown: (e) => i(e, t.key),
-			onClick: (e) => a(e, t.key)
+			onMousedown: (e) => a(e, t.key),
+			onClick: (e) => o(e, t.key)
 		}, [e.bulkSelectionEnabled ? (G(), K("td", {
 			key: 0,
 			class: "td-checkbox",
 			onClick: n[0] ||= Ts(() => {}, ["stop"])
 		}, [J("input", {
 			type: "checkbox",
-			checked: o(t.key),
-			onClick: (e) => s(t.key, e.shiftKey),
+			checked: s(t.key),
+			onClick: (e) => c(t.key, e.shiftKey),
 			"aria-label": `Select row ${t.key}`,
 			name: `row-${t.key}-checkbox`,
 			class: "g-bulk-select-checkbox"
 		}, null, 8, ap)])) : Z("", !0), (G(!0), K(W, null, V(e.columns, (n) => (G(), K("td", {
 			key: n.key,
-			id: f(n) ? `${e.tableId}-td-${t.key}-${String(n.key)}` : void 0,
+			id: p(n) ? `${e.tableId}-td-${t.key}-${String(n.key)}` : void 0,
 			class: j([
 				n.editable ? "editable-td" : "",
-				p(t, n) ? "g-cell-changed" : "",
-				m(t, n) ? "g-cell-error" : "",
+				m(t, n) ? "g-cell-changed" : "",
+				h(t, n) ? "g-cell-error" : "",
 				typeof n.tdClass == "function" ? n.tdClass(t) : n.tdClass
 			])
 		}, [n.editable ? (G(), K("div", sp, [
@@ -8118,10 +8122,10 @@ var qf = ["id"], Jf = /*#__PURE__*/ $(/* @__PURE__ */ z({
 			n.editable.type === "select" ? (G(), K("select", {
 				key: 1,
 				value: t[n.key],
-				onChange: (e) => c(e, t, n),
-				"aria-labelledby": l(t, n),
-				"aria-invalid": m(t, n),
-				"aria-errormessage": m(t, n) ? `${e.tableId}-error-${t.key}-${String(n.key)}` : void 0,
+				onChange: (e) => l(e, t, n),
+				"aria-labelledby": u(t, n),
+				"aria-invalid": h(t, n),
+				"aria-errormessage": h(t, n) ? `${e.tableId}-error-${t.key}-${String(n.key)}` : void 0,
 				name: `row-${t.key}-${String(n.key)}-select`,
 				class: "editable-input editable-select"
 			}, [(G(!0), K(W, null, V(n.editable.options, (e) => (G(), K("option", {
@@ -8131,10 +8135,10 @@ var qf = ["id"], Jf = /*#__PURE__*/ $(/* @__PURE__ */ z({
 				key: 2,
 				value: t[n.key]
 			}, { ref_for: !0 }, n.editable.inputAttributes, {
-				onInput: (e) => c(e, t, n),
-				"aria-labelledby": l(t, n),
-				"aria-invalid": m(t, n),
-				"aria-errormessage": m(t, n) ? `${e.tableId}-error-${t.key}-${String(n.key)}` : void 0,
+				onInput: (e) => l(e, t, n),
+				"aria-labelledby": u(t, n),
+				"aria-invalid": h(t, n),
+				"aria-errormessage": h(t, n) ? `${e.tableId}-error-${t.key}-${String(n.key)}` : void 0,
 				name: `row-${t.key}-${String(n.key)}-input`,
 				class: "editable-input",
 				style: {
@@ -8143,12 +8147,12 @@ var qf = ["id"], Jf = /*#__PURE__*/ $(/* @__PURE__ */ z({
 				}
 			}), null, 16, dp)),
 			n.editable.suffix ? (G(), K("span", fp, M(n.editable.suffix), 1)) : Z("", !0)
-		])) : n.display ? (G(), q(ni(n.display(t)), { key: 1 })) : (G(), K(W, { key: 2 }, [X(M(t[n.key]), 1)], 64)), m(t, n) ? (G(), K("div", {
+		])) : n.display ? (G(), q(ni(n.display(t)), { key: 1 })) : (G(), K(W, { key: 2 }, [X(M(t[n.key]), 1)], 64)), h(t, n) ? (G(), K("div", {
 			key: 3,
 			role: "alert",
 			class: "g-cell-error-message",
 			id: `${e.tableId}-error-${t.key}-${String(n.key)}`
-		}, M(h(t, n)), 9, pp)) : Z("", !0)], 10, op))), 128))], 42, ip)], 64))), 128))], 512));
+		}, M(g(t, n)), 9, pp)) : Z("", !0)], 10, op))), 128))], 42, ip)], 64))), 128))], 512));
 	}
 }), [["styles", [""]]]);
 //#endregion
@@ -8519,54 +8523,51 @@ function Xp(e, t = {}) {
 }
 //#endregion
 //#region src/components/GTable.vue?vue&type=script&setup=true&lang.ts
-var Zp = { class: "g-table-outer-wrap" }, Qp = {
-	key: 0,
-	class: "g-table-controls"
-}, $p = { class: "g-table-control-actions" }, em = {
+var Zp = { class: "g-table-inner-wrap" }, Qp = { class: "g-table-control-actions" }, $p = {
 	key: 0,
 	class: "g-sort-builder-wrap"
-}, tm = {
+}, em = {
 	key: 0,
 	class: "g-sort-builder-count"
-}, nm = {
+}, tm = {
 	key: 0,
 	class: "g-sort-builder-list"
-}, rm = ["data-sort-row-key", "aria-label"], im = {
+}, nm = ["data-sort-row-key", "aria-label"], rm = {
 	class: "g-sort-builder-rule-priority",
 	"aria-hidden": "true"
-}, am = { class: "g-sort-builder-rule-label" }, om = ["aria-label", "onClick"], sm = { class: "g-visually-hidden" }, cm = {
+}, im = { class: "g-sort-builder-rule-label" }, am = ["aria-label", "onClick"], om = { class: "g-visually-hidden" }, sm = {
 	class: "sort-indicator",
 	"aria-hidden": "true"
-}, lm = ["aria-label", "onClick"], um = {
+}, cm = ["aria-label", "onClick"], lm = {
 	key: 1,
 	class: "g-sort-builder-empty"
-}, dm = {
+}, um = {
 	key: 2,
 	class: "g-sort-builder-add"
-}, fm = { class: "g-sort-builder-add-list" }, pm = { class: "g-sort-builder-add-name" }, mm = { class: "g-sort-builder-add-actions" }, hm = ["aria-label", "onClick"], gm = ["aria-label", "onClick"], _m = {
+}, dm = { class: "g-sort-builder-add-list" }, fm = { class: "g-sort-builder-add-name" }, pm = { class: "g-sort-builder-add-actions" }, mm = ["aria-label", "onClick"], hm = ["aria-label", "onClick"], gm = {
 	class: "sort-indicator",
 	"aria-hidden": "true"
-}, vm = {
+}, _m = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 640 640",
 	height: "1.25em",
 	style: { transform: "rotate(180deg)" }
-}, ym = {
+}, vm = {
 	key: 1,
 	class: "g-column-visibility-wrap"
-}, bm = {
+}, ym = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 640 640",
 	height: "1.5em",
 	style: { transform: "rotate(90deg)" },
 	"aria-hidden": "true"
-}, xm = ["aria-labelledby"], Sm = { class: "g-column-visibility-header" }, Cm = ["id"], wm = { class: "g-column-visibility-legend-action" }, Tm = { class: "g-column-visibility-list" }, Em = ["checked", "onChange"], Dm = {
+}, bm = ["aria-labelledby"], xm = { class: "g-column-visibility-header" }, Sm = ["id"], Cm = { class: "g-column-visibility-legend-action" }, wm = { class: "g-column-visibility-list" }, Tm = ["checked", "onChange"], Em = {
 	key: 2,
 	class: "g-table-custom-controls"
-}, Om = { class: "g-clear-filters-wrap" }, km = {
+}, Dm = { class: "g-clear-filters-wrap" }, Om = {
 	key: 0,
 	class: "pagination"
-}, Am = { class: "g-table-controls-right" }, jm = { class: "g-result-count" }, Mm = ["aria-label", "aria-rowcount"], Nm = { key: 0 }, Pm = ["data-column-key"], Fm = { class: "g-table-head" }, Im = { "aria-rowindex": "1" }, Lm = {
+}, 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"
@@ -8574,34 +8575,35 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 	"checked",
 	"indeterminate",
 	"aria-label"
-], zm = ["id", "aria-sort"], Bm = { class: "th-inner" }, Vm = ["onClick"], Hm = {
+], zm = ["id", "aria-sort"], Bm = { class: "th-inner" }, Vm = ["aria-describedby", "onClick"], Hm = {
 	key: 0,
 	class: "sort-indicator",
 	"aria-hidden": "true"
 }, Um = {
-	key: 1,
-	class: "g-visually-hidden"
-}, Wm = {
 	key: 1,
 	class: "g-column-head"
-}, Gm = ["onClick", "aria-label"], Km = {
+}, Wm = [
+	"onClick",
+	"aria-describedby",
+	"aria-expanded"
+], Gm = {
 	key: 1,
 	class: "g-filter-search",
 	role: "search"
-}, qm = [
+}, Km = [
 	"value",
 	"onInput",
 	"placeholder",
 	"aria-label"
-], Jm = { key: 2 }, Ym = { class: "g-filter-toggle" }, Xm = [
+], qm = { key: 2 }, Jm = { class: "g-filter-toggle" }, Ym = [
 	"checked",
 	"onChange",
 	"id",
 	"aria-describedby"
-], Zm = ["for"], Qm = ["id"], $m = {
+], Xm = ["for"], Zm = ["id"], Qm = {
 	key: 4,
 	class: "g-multi-select"
-}, eh = [
+}, $m = [
 	"data-column-key",
 	"aria-label",
 	"aria-valuemax",
@@ -8609,10 +8611,10 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 	"aria-valuetext",
 	"onKeydown",
 	"onPointerdown"
-], th = { key: 0 }, nh = { "aria-rowindex": "2" }, rh = ["colspan"], ih = {
+], 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"
-}, ah = { class: "g-selected-count" }, oh = { class: "g-bulk-actions" }, sh = /*#__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 },
@@ -8716,247 +8718,266 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 		function x(e) {
 			e !== void 0 && s("update:pageSize", e);
 		}
-		let S = B(), C = Ja(), w = /* @__PURE__ */ F(null), T = /* @__PURE__ */ F(null), E = /* @__PURE__ */ F(null), ee = /* @__PURE__ */ F(null), D = `${S}-table`;
-		function te(e) {
+		let S = B(), C = Ja(), w = /* @__PURE__ */ F(null), T = /* @__PURE__ */ F(null), E = /* @__PURE__ */ F(null), ee = /* @__PURE__ */ F(null), D = /* @__PURE__ */ F(null), te = /* @__PURE__ */ F(0);
+		Fc(D, (e) => {
+			let t = e[0];
+			te.value = t?.borderBoxSize?.[0]?.blockSize ?? t?.target.getBoundingClientRect().height ?? 0;
+		});
+		let O = /* @__PURE__ */ F(null), ne = `${S}-table`;
+		function re(e) {
 			let t = /* @__PURE__ */ new Set();
 			return e.filter((e) => !e?.key || t.has(String(e.key)) ? !1 : (t.add(String(e.key)), e.order === 1 || e.order === -1));
 		}
-		function O(e, t) {
+		function k(e, t) {
 			return {
 				key: e,
 				order: t
 			};
 		}
-		let k = Q(() => te(n.value));
-		function ne(e) {
-			n.value = te(e);
+		let A = Q(() => re(n.value));
+		function ie(e) {
+			n.value = re(e);
 		}
-		let A = Q(() => o.columns.filter((e) => e.sortable)), re = Q(() => A.value.length > 1), ie = Q(() => {
-			let e = new Set(k.value.map((e) => String(e.key)));
-			return A.value.filter((t) => !e.has(String(t.key)));
+		let ae = Q(() => o.columns.filter((e) => e.sortable)), oe = Q(() => ae.value.length > 1), se = Q(() => {
+			let e = new Set(A.value.map((e) => String(e.key)));
+			return ae.value.filter((t) => !e.has(String(t.key)));
 		});
-		function ae(e) {
-			return k.value.findIndex((t) => t.key === e);
-		}
-		function oe(e) {
-			return k.value.find((t) => t.key === e);
-		}
-		function se(e) {
-			return o.columns.find((t) => t.key === e)?.label || String(e);
-		}
 		function ce(e) {
-			let t = ae(e);
-			return t === -1 ? "none" : t > 0 ? "other" : k.value[0]?.order === 1 ? "ascending" : "descending";
+			return A.value.findIndex((t) => t.key === e);
 		}
 		function ue(e) {
-			let t = ae(e);
-			if (t === -1) return "";
-			let n = k.value[t].order === 1 ? "ascending" : "descending";
-			return k.value.length > 1 ? `Sorted ${n}, priority ${t + 1}` : `Sorted ${n}`;
+			return A.value.find((t) => t.key === e);
 		}
 		function de(e) {
-			return e === 1 ? "Ascending" : "Descending";
+			return o.columns.find((t) => t.key === e)?.label || String(e);
 		}
 		function fe(e) {
-			let t = k.value[0]?.key === e ? k.value[0] : void 0;
-			return t ? t.order === 1 ? [O(e, -1)] : [] : [O(e, 1)];
+			let t = ce(e);
+			return t === -1 ? "none" : t > 0 ? "other" : A.value[0]?.order === 1 ? "ascending" : "descending";
 		}
 		function pe(e) {
-			let t = [...k.value], n = t.findIndex((t) => t.key === e);
-			return n === -1 ? (t.push(O(e, 1)), t) : t[n].order === 1 ? (t[n] = O(e, -1), t) : (t.splice(n, 1), t);
+			let t = ce(e);
+			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}`;
+		}
+		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 _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 me(e, t = !1) {
+		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 ye(e, t = !1) {
 			if (!e.sortable) return;
 			let n = e.key;
-			ne(t ? pe(n) : fe(n));
+			ie(t ? ve(n) : _e(n));
 		}
-		function he(e, t) {
-			ne([...k.value, O(e, t)]), jn(() => {
+		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();
 			}).catch((e) => {
 				console.error(e);
 			});
 		}
-		function ge(e) {
-			ne(k.value.map((t) => t.key === e ? O(t.key, t.order === 1 ? -1 : 1) : t));
+		function xe(e) {
+			ie(A.value.map((t) => t.key === e ? k(t.key, t.order === 1 ? -1 : 1) : t));
 		}
-		function _e(e) {
-			ne(k.value.filter((t) => t.key !== e));
+		function Se(e) {
+			ie(A.value.filter((t) => t.key !== e));
 		}
-		function ve() {
-			ne([]);
+		function Ce() {
+			ie([]);
 		}
-		function ye(e) {
+		function we(e) {
 			return i.value[e] ?? {};
 		}
-		function be(e, t) {
+		function Te(e, t) {
 			i.value = {
 				...i.value,
 				[e]: {
-					...ye(e),
+					...we(e),
 					...t
 				}
 			};
 		}
-		function xe(e) {
+		function Ee(e) {
 			return Math.max(50, Math.round(e));
 		}
-		function Se(e) {
-			let t = ye(e).width;
-			if (typeof t == "number" && Number.isFinite(t)) return xe(t);
+		function De(e) {
+			let t = we(e).width;
+			if (typeof t == "number" && Number.isFinite(t)) return Ee(t);
 		}
-		function Ce(e) {
+		function Oe(e) {
 			return document.getElementById(`${S}-th-${String(e)}`);
 		}
-		function we(e) {
-			let t = Ce(e)?.getBoundingClientRect().width;
-			return xe(t ?? 50);
+		function N(e) {
+			let t = Oe(e)?.getBoundingClientRect().width;
+			return Ee(t ?? 50);
 		}
-		function Te(e) {
-			return Se(e) ?? we(e);
+		function ke(e) {
+			return De(e) ?? N(e);
 		}
-		function Ee(e) {
-			let t = Te(e), n = E.value?.getBoundingClientRect().width ?? T.value?.getBoundingClientRect().width ?? t;
-			return xe(Math.max(t, n));
+		function Ae(e) {
+			let t = ke(e), n = E.value?.getBoundingClientRect().width ?? T.value?.getBoundingClientRect().width ?? t;
+			return Ee(Math.max(t, n));
 		}
-		function De(e, t) {
-			be(e, { width: xe(t) });
+		function je(e, t) {
+			Te(e, { width: Ee(t) });
 		}
-		function Oe(e, t) {
-			De(e, Te(e) + t);
+		function Me(e, t) {
+			je(e, ke(e) + t);
 		}
-		function N() {
-			ee.value = null, window.removeEventListener("pointermove", ke), window.removeEventListener("pointerup", N), window.removeEventListener("pointercancel", N);
+		function Ne() {
+			O.value = null, window.removeEventListener("pointermove", Pe), window.removeEventListener("pointerup", Ne), window.removeEventListener("pointercancel", Ne);
 		}
-		function ke(e) {
-			if (!ee.value) return;
-			let t = ee.value.startWidth + (e.clientX - ee.value.startX);
-			De(ee.value.key, t);
+		function Pe(e) {
+			if (!O.value) return;
+			let t = O.value.startWidth + (e.clientX - O.value.startX);
+			je(O.value.key, t);
 		}
-		function Ae(e, t) {
+		function Fe(e, t) {
 			if (!o.resizableColumns) return;
 			e.preventDefault(), e.stopPropagation();
-			let n = Te(t);
-			De(t, n), ee.value = {
+			let n = ke(t);
+			je(t, n), O.value = {
 				key: t,
 				startX: e.clientX,
 				startWidth: n
-			}, e.currentTarget?.focus(), window.addEventListener("pointermove", ke), window.addEventListener("pointerup", N), window.addEventListener("pointercancel", N);
+			}, e.currentTarget?.focus(), window.addEventListener("pointermove", Pe), window.addEventListener("pointerup", Ne), window.addEventListener("pointercancel", Ne);
 		}
-		function je(e, t) {
+		function Ie(e, t) {
 			let n = e.shiftKey ? 48 : 16;
 			switch (e.key) {
 				case "ArrowLeft":
-					e.preventDefault(), Oe(t, -n);
+					e.preventDefault(), Me(t, -n);
 					return;
 				case "ArrowRight":
-					e.preventDefault(), Oe(t, n);
+					e.preventDefault(), Me(t, n);
 					return;
 				case "Home":
-					e.preventDefault(), De(t, 50);
+					e.preventDefault(), je(t, 50);
 					return;
 				case "End":
-					e.preventDefault(), De(t, Ee(t));
+					e.preventDefault(), je(t, Ae(t));
 					return;
 				default: return;
 			}
 		}
-		function Me(e) {
+		function Le(e) {
 			if (!o.resizableColumns) return;
-			let t = Se(e.key);
+			let t = De(e.key);
 			if (t !== void 0) return {
 				width: `${t}px`,
 				minWidth: `${t}px`
 			};
 		}
-		function Ne(e) {
-			return Te(e);
+		function Re(e) {
+			return ke(e);
 		}
-		function Pe(e) {
-			return `${Ne(e)} pixels`;
+		function ze(e) {
+			return `${Re(e)} pixels`;
 		}
-		let Fe = Q(() => {
+		let Be = Q(() => {
 			let e = C?.vnode.props ?? {};
 			return "columnState" in e || "column-state" in e || "onUpdate:columnState" in e;
-		}), Ie = Q(() => o.columns.filter((e) => ye(e.key).visible !== !1)), Le = ui(), Re = Q(() => Ie.value.length !== o.columns.length), ze = Q(() => Fe.value && o.columns.length > 0), Be = Q(() => !!Le.controls || !!Le["right-controls"]), Ve = Q(() => o.resultCount ?? o.data.length);
-		function He(e) {
-			return ye(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 Ue(e, t) {
-			be(e.key, { visible: t });
+		function Je(e, t) {
+			Te(e.key, { visible: t });
 		}
-		function We() {
+		function Ye() {
 			i.value = o.columns.reduce((e, t) => ({
 				...e,
 				[t.key]: {
-					...ye(t.key),
+					...we(t.key),
 					visible: !0
 				}
 			}), { ...i.value });
 		}
-		let Ge = Q(() => o.pagination && typeof o.pageSize == "number"), Ke = Q(() => !!(re.value || c.value || Ge.value || ze.value || Be.value));
-		function qe() {
+		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 Je(e) {
-			if (e.filter) return bp(e.filter, qe()[hp(e)]);
+		function $e(e) {
+			if (e.filter) return bp(e.filter, Qe()[hp(e)]);
 		}
-		function Ye(e, t) {
-			e.filter && (qe()[hp(e)] = xp(e.filter, t));
+		function et(e, t) {
+			e.filter && (Qe()[hp(e)] = xp(e.filter, t));
 		}
-		function Xe(e) {
-			return e.filter ? Sp(e.filter, qe()[hp(e)]) : !1;
+		function tt(e) {
+			return e.filter ? Sp(e.filter, Qe()[hp(e)]) : !1;
 		}
-		function Ze(e) {
+		function nt(e) {
 			return e.filter?.type !== "select" && e.filter?.type !== "multi-select" ? [] : e.filter.options;
 		}
-		function Qe(e, t) {
-			let n = Ze(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 $e(e, t) {
-			return Ze(e)[Number(t)]?.value;
+		function it(e, t) {
+			return nt(e)[Number(t)]?.value;
 		}
-		function et(e) {
-			return Ze(e).map((e, t) => ({
+		function at(e) {
+			return nt(e).map((e, t) => ({
 				label: e.label,
 				value: String(t),
 				description: e.description
 			}));
 		}
-		function tt(e) {
-			return Ze(e).map((e, t) => ({
+		function ot(e) {
+			return nt(e).map((e, t) => ({
 				label: e.label,
 				value: String(t),
 				hint: e.description
 			}));
 		}
-		function nt(e) {
-			return Qe(e, Je(e)) ?? null;
+		function st(e) {
+			return rt(e, $e(e)) ?? null;
 		}
-		function rt(e, t) {
-			Ye(e, t == null ? void 0 : $e(e, t));
+		function ct(e, t) {
+			et(e, t == null ? void 0 : it(e, t));
 		}
-		function it(e) {
-			let t = Je(e);
-			return Array.isArray(t) ? t.map((t) => Qe(e, t)).filter((e) => e !== void 0) : [];
+		function lt(e) {
+			let t = $e(e);
+			return Array.isArray(t) ? t.map((t) => rt(e, t)).filter((e) => e !== void 0) : [];
 		}
-		function at(e, t) {
-			Ye(e, t.map((t) => $e(e, t)));
+		function ut(e, t) {
+			et(e, t.map((t) => it(e, t)));
 		}
 		return Jr(() => {
-			N();
+			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.`);
-		}), (t, n) => (G(), K("div", Zp, [
-			Ke.value ? (G(), K("div", Qp, [
-				J("div", $p, [
-					re.value ? (G(), K("div", em, [Y(hu, null, {
+		}), (t, n) => (G(), K("div", {
+			ref_key: "outerWrapRef",
+			ref: E,
+			class: "g-table-outer-wrap",
+			style: le({ "--g-table-controls-height": `${Ze.value ? te.value : 0}px` })
+		}, [J("div", Zp, [
+			Ze.value ? (G(), K("div", {
+				key: 0,
+				ref_key: "controlsRef",
+				ref: D,
+				class: "g-table-controls"
+			}, [
+				J("div", Qp, [
+					oe.value ? (G(), K("div", $p, [Y(hu, null, {
 						trigger: L(({ toggle: e }) => [Y(eu, {
 							size: "small",
-							class: j(["g-sort-builder-trigger", { "g-sort-builder-trigger--active": k.value.length > 0 }]),
+							class: j(["g-sort-builder-trigger", { "g-sort-builder-trigger--active": A.value.length > 0 }]),
 							"aria-label": "Choose sort order",
 							onClick: e
 						}, {
@@ -8969,7 +8990,7 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 							}, [J("path", {
 								fill: "currentColor",
 								d: "M130.4 268.2C135.4 280.2 147 288 160 288L480 288C492.9 288 504.6 280.2 509.6 268.2C514.6 256.2 511.8 242.5 502.7 233.3L342.7 73.3C330.2 60.8 309.9 60.8 297.4 73.3L137.4 233.3C128.2 242.5 125.5 256.2 130.5 268.2zM130.4 371.7C125.4 383.7 128.2 397.4 137.3 406.6L297.3 566.6C309.8 579.1 330.1 579.1 342.6 566.6L502.6 406.6C511.8 397.4 514.5 383.7 509.5 371.7C504.5 359.7 492.9 352 480 352L160 352C147.1 352 135.4 359.8 130.4 371.8z"
-							})], -1), k.value.length ? (G(), K("span", tm, M(k.value.length), 1)) : Z("", !0)]),
+							})], -1), A.value.length ? (G(), K("span", em, M(A.value.length), 1)) : Z("", !0)]),
 							_: 1
 						}, 8, ["class", "onClick"])]),
 						default: L(() => [J("fieldset", {
@@ -8981,21 +9002,21 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 						}, [
 							n[8] ||= J("legend", { class: "g-sort-builder-legend" }, " Sort order ", -1),
 							n[9] ||= J("p", { class: "g-sort-builder-help" }, " Click a column header to change the primary sort. Use Shift-click as a shortcut to add or update secondary sorts. ", -1),
-							k.value.length ? (G(), K("ol", nm, [(G(!0), K(W, null, V(k.value, (e, t) => (G(), K("li", {
+							A.value.length ? (G(), K("ol", tm, [(G(!0), K(W, null, V(A.value, (e, t) => (G(), K("li", {
 								key: e.key,
 								class: "g-sort-builder-rule",
 								tabindex: "-1",
 								"data-sort-row-key": String(e.key),
-								"aria-label": `${se(e.key)} ${de(e.order)} sort, priority ${t + 1}`
+								"aria-label": `${de(e.key)} ${ge(e.order)} sort, priority ${t + 1}`
 							}, [
-								J("span", im, M(t + 1), 1),
-								J("span", am, M(se(e.key)), 1),
+								J("span", rm, M(t + 1), 1),
+								J("span", im, M(de(e.key)), 1),
 								J("button", {
 									type: "button",
 									class: "g-sort-builder-direction",
-									"aria-label": `Toggle ${se(e.key)} sort direction`,
-									onClick: (t) => ge(e.key)
-								}, [J("span", sm, M(de(e.order)), 1), J("span", cm, [(G(), K("svg", {
+									"aria-label": `Toggle ${de(e.key)} sort direction`,
+									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",
@@ -9003,22 +9024,22 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 								}, [...n[2] ||= [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, om),
+								}, null, -1)]], 4))])], 8, am),
 								J("button", {
 									type: "button",
 									class: "g-sort-builder-remove",
-									"aria-label": `Remove ${se(e.key)} sort`,
-									onClick: (t) => _e(e.key)
-								}, " Remove ", 8, lm)
-							], 8, rm))), 128))])) : (G(), K("p", um, " No active sort rules. ")),
-							ie.value.length ? (G(), K("div", dm, [n[6] ||= J("p", { class: "g-sort-builder-add-label" }, " Add sort column ", -1), J("ul", fm, [(G(!0), K(W, null, V(ie.value, (e) => (G(), K("li", {
+									"aria-label": `Remove ${de(e.key)} sort`,
+									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", {
 								key: e.key,
 								class: "g-sort-builder-add-item"
-							}, [J("span", pm, M(e.label), 1), J("div", mm, [J("button", {
+							}, [J("span", fm, M(e.label), 1), J("div", pm, [J("button", {
 								type: "button",
 								class: "g-sort-builder-direction",
 								"aria-label": `Add ${e.label} ascending sort`,
-								onClick: (t) => he(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"
@@ -9029,21 +9050,21 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 							}, [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"
-							})])], -1)]], 8, hm), J("button", {
+							})])], -1)]], 8, mm), J("button", {
 								type: "button",
 								class: "g-sort-builder-direction",
 								"aria-label": `Add ${e.label} descending sort`,
-								onClick: (t) => he(e.key, -1)
-							}, [n[5] ||= J("span", { class: "g-visually-hidden" }, " Add descending sort ", -1), J("span", _m, [(G(), K("svg", vm, [...n[4] ||= [J("path", {
+								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"
-							}, null, -1)]]))])], 8, gm)])]))), 128))])])) : Z("", !0),
-							k.value.length ? (G(), q(eu, {
+							}, null, -1)]]))])], 8, hm)])]))), 128))])])) : Z("", !0),
+							A.value.length ? (G(), q(eu, {
 								key: 3,
 								outlined: "",
 								size: "small",
 								class: "g-sort-builder-clear",
-								onClick: ve
+								onClick: Ce
 							}, {
 								default: L(() => [...n[7] ||= [X(" Clear sort ", -1)]]),
 								_: 1
@@ -9051,14 +9072,14 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 						], 512)]),
 						_: 1
 					})])) : Z("", !0),
-					ze.value ? (G(), K("div", ym, [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": Re.value }]),
+							class: j(["g-column-visibility-trigger", { "g-column-visibility-trigger--active": Ue.value }]),
 							"aria-label": "Choose visible columns",
 							onClick: e
 						}, {
-							default: L(() => [(G(), K("svg", bm, [...n[10] ||= [J("path", {
+							default: L(() => [(G(), K("svg", ym, [...n[10] ||= [J("path", {
 								fill: "currentColor",
 								d: "M64 160C64 142.3 78.3 128 96 128L480 128C497.7 128 512 142.3 512 160C512 177.7 497.7 192 480 192L96 192C78.3 192 64 177.7 64 160zM128 320C128 302.3 142.3 288 160 288L544 288C561.7 288 576 302.3 576 320C576 337.7 561.7 352 544 352L160 352C142.3 352 128 337.7 128 320zM512 480C512 497.7 497.7 512 480 512L96 512C78.3 512 64 497.7 64 480C64 462.3 78.3 448 96 448L480 448C497.7 448 512 462.3 512 480z"
 							}, null, -1)]]))]),
@@ -9067,29 +9088,29 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 						default: L(() => [J("fieldset", {
 							class: "g-column-visibility-popover",
 							"aria-labelledby": `${I(S)}-column-visibility-heading`
-						}, [J("div", Sm, [J("span", {
+						}, [J("div", xm, [J("span", {
 							id: `${I(S)}-column-visibility-heading`,
 							class: "g-column-visibility-heading"
-						}, " Shown columns ", 8, Cm), J("span", wm, [Y(eu, {
+						}, " 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": !Re.value }]),
-							onClick: We
+							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
-						}, 8, ["class"])])]), J("div", Tm, [(G(!0), K(W, null, V(e.columns, (e) => (G(), K("label", {
+						}, 8, ["class"])])]), J("div", wm, [(G(!0), K(W, null, V(e.columns, (e) => (G(), K("label", {
 							key: e.key,
 							class: "g-column-visibility-option"
 						}, [J("input", {
-							checked: He(e),
+							checked: qe(e),
 							type: "checkbox",
-							onChange: (t) => Ue(e, t.target.checked)
-						}, null, 40, Em), J("span", null, M(e.label), 1)]))), 128))])], 8, xm)]),
+							onChange: (t) => Je(e, t.target.checked)
+						}, null, 40, Tm), J("span", null, M(e.label), 1)]))), 128))])], 8, bm)]),
 						_: 1
 					})])) : Z("", !0),
-					Be.value ? (G(), K("div", Dm, [H(t.$slots, "controls")])) : Z("", !0),
-					J("div", Om, [I(c) ? (G(), q(eu, {
+					Ge.value ? (G(), K("div", Em, [H(t.$slots, "controls")])) : Z("", !0),
+					J("div", Dm, [I(c) ? (G(), q(eu, {
 						key: 0,
 						outlined: "",
 						size: "small",
@@ -9109,11 +9130,11 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 						_: 1
 					}, 8, ["onClick"])) : Z("", !0)])
 				]),
-				Ge.value ? (G(), K("div", km, [Y(Kp, {
+				Xe.value ? (G(), K("div", Om, [Y(Kp, {
 					start: e.startIndex,
 					"page-size": e.pageSize,
 					"page-sizes": e.pageSizes,
-					total: Ve.value,
+					total: Ke.value,
 					"onUpdate:start": b,
 					"onUpdate:pageSize": x
 				}, null, 8, [
@@ -9122,24 +9143,28 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 					"page-sizes",
 					"total"
 				])])) : Z("", !0),
-				J("div", Am, [J("span", jm, M(Ve.value) + " results", 1), H(t.$slots, "right-controls")])
-			])) : Z("", !0),
+				J("div", km, [J("span", Am, M(Ke.value) + " results", 1), H(t.$slots, "right-controls")])
+			], 512)) : Z("", !0),
 			J("div", {
 				ref_key: "tableWrapRef",
-				ref: E,
+				ref: ee,
 				class: "g-table-table-wrap"
 			}, [J("table", {
-				id: D,
+				id: ne,
 				class: j(["g-table", { "g-table--resizable": e.resizableColumns }]),
 				ref_key: "tableRef",
 				ref: T,
-				"aria-label": e.label,
-				"aria-rowcount": Ve.value
+				"aria-rowcount": Ke.value
 			}, [
-				J("colgroup", null, [e.bulkSelectionEnabled ? (G(), K("col", Nm)) : Z("", !0), (G(!0), K(W, null, V(Ie.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(Me(e))
+					style: le(Le(e))
 				}, null, 12, Pm))), 128))]),
 				J("thead", Fm, [J("tr", Im, [e.bulkSelectionEnabled ? (G(), K("th", Lm, [J("input", {
 					type: "checkbox",
@@ -9148,42 +9173,43 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 					onChange: h,
 					"aria-label": f.value ? "Deselect all rows" : "Select all rows",
 					class: "g-bulk-select-checkbox"
-				}, null, 40, Rm)])) : Z("", !0), (G(!0), K(W, null, V(Ie.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": ce(t.key),
+					"aria-sort": fe(t.key),
 					class: j([
 						"g-th",
 						{ "g-th--resizable": e.resizableColumns },
-						{ sorted: ae(t.key) !== -1 },
-						{ filtered: Xe(t) }
+						{ sorted: ce(t.key) !== -1 },
+						{ filtered: tt(t) }
 					]),
 					scope: "col"
 				}, [J("div", Bm, [t.sortable ? (G(), K("button", {
 					key: 0,
 					type: "button",
 					class: "g-column-head",
-					onClick: (e) => me(t, e.shiftKey)
-				}, [
-					n[14] ||= J("span", { class: "g-visually-hidden" }, "Sort by ", -1),
-					X(" " + M(t.label) + " ", 1),
-					ae(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(${oe(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))])),
-					ae(t.key) === -1 ? Z("", !0) : (G(), K("span", Um, M(ue(t.key)), 1))
-				], 8, Vm)) : (G(), K("span", Wm, 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": Xe(t) ? `Filter ${t.label} column (filtered)` : `Filter ${t.label} column`,
-						class: j(["g-filter-btn", { "g-active": Xe(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",
@@ -9191,12 +9217,12 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 					}, [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, Gm)]),
+					})], -1)]], 10, Wm)]),
 					default: L(() => [t.filter.type === "select" ? (G(), q(Rf, {
 						key: 0,
-						"model-value": nt(t),
-						"onUpdate:modelValue": (e) => rt(t, e),
-						options: et(t),
+						"model-value": st(t),
+						"onUpdate:modelValue": (e) => ct(t, e),
+						options: at(t),
 						class: "g-filter-select",
 						label: "Filter select",
 						searchable: "",
@@ -9207,7 +9233,7 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 						"onUpdate:modelValue",
 						"options",
 						"search-description"
-					])) : t.filter.type === "search" ? (G(), K("div", Km, [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", {
@@ -9220,29 +9246,29 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 					})])], -1), J("input", {
 						type: "search",
 						class: "g-filter-search-input",
-						value: Je(t),
-						onInput: (e) => Ye(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, qm)])) : t.filter.type === "toggle" ? (G(), K("div", Jm, [J("div", Ym, [
+					}, null, 40, Km)])) : t.filter.type === "toggle" ? (G(), K("div", qm, [J("div", Jm, [
 						J("input", {
 							type: "checkbox",
-							checked: Je(t) === !0,
-							onChange: (e) => Ye(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, Xm),
-						J("label", { for: `${I(S)}-filter-${String(t.key)}` }, M(t.filter.label), 9, Zm),
+						}, null, 40, Ym),
+						J("label", { for: `${I(S)}-filter-${String(t.key)}` }, M(t.filter.label), 9, Xm),
 						t.filter.description ? (G(), K("span", {
 							key: 0,
 							class: "g-filter-description",
 							id: `${I(S)}-filter-description-${String(t.key)}`
-						}, M(t.filter.description), 9, Qm)) : Z("", !0)
+						}, M(t.filter.description), 9, Zm)) : Z("", !0)
 					])])) : t.filter.type === "multi-select" && t.filter.searchable ? (G(), q(cf, {
 						key: 3,
-						"model-value": it(t),
-						"onUpdate:modelValue": (e) => at(t, e),
-						options: et(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,
@@ -9253,50 +9279,50 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 						"options",
 						"placeholder",
 						"search-description"
-					])) : t.filter.type === "multi-select" ? (G(), K("div", $m, [Y(Gu, {
-						"model-value": it(t),
-						"onUpdate:modelValue": (e) => at(t, e),
-						options: tt(t),
+					])) : t.filter.type === "multi-select" ? (G(), K("div", Qm, [Y(Gu, {
+						"model-value": lt(t),
+						"onUpdate:modelValue": (e) => ut(t, e),
+						options: ot(t),
 						label: "Include values"
 					}, null, 8, [
 						"model-value",
 						"onUpdate:modelValue",
 						"options"
-					]), Xe(t) ? (G(), q(eu, {
+					]), tt(t) ? (G(), q(eu, {
 						key: 0,
 						class: "clear-multiselect-btn",
 						theme: "accent",
 						size: "small",
-						onClick: (e) => Ye(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": ee.value?.key === t.key }]),
+					class: j(["g-column-resize-handle", { "g-column-resize-handle--active": O.value?.key === t.key }]),
 					role: "separator",
 					tabindex: "0",
 					"aria-orientation": "vertical",
-					"aria-controls": D,
+					"aria-controls": ne,
 					"aria-label": `Resize ${t.label} column`,
 					"aria-valuemin": 50,
-					"aria-valuemax": Ee(t.key),
-					"aria-valuenow": Ne(t.key),
-					"aria-valuetext": Pe(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) => je(e, t.key),
-					onPointerdown: (e) => Ae(e, t.key)
-				}, null, 42, eh)) : Z("", !0)], 10, zm))), 128))])]),
-				e.data.length === 0 ? (G(), K("tbody", th, [J("tr", nh, [J("td", {
+					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: Ie.value.length + +!!e.bulkSelectionEnabled
-				}, [H(t.$slots, "empty")], 8, rh)])])) : (G(), q(mp, {
+					colspan: Ve.value.length + +!!e.bulkSelectionEnabled
+				}, [H(t.$slots, "empty")], 8, nh)])])) : (G(), q(mp, {
 					key: 1,
 					data: e.data,
-					columns: Ie.value,
+					columns: Ve.value,
 					"group-by": e.groupBy,
 					"group-render": e.groupRender,
 					"row-clickable": e.rowClickable,
@@ -9322,8 +9348,11 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 					"table-id",
 					"change-tracker"
 				]))
-			], 10, Mm)], 512),
-			e.bulkSelectionEnabled && a.value.length > 0 ? (G(), K("div", ih, [J("span", ah, M(a.value.length) + " row" + M(a.value.length === 1 ? "" : "s") + " selected", 1), J("ul", oh, [(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"
@@ -9331,9 +9360,9 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 				default: L(() => [X(M(e.label) + " " + M(a.value.length) + " row" + M(a.value.length === 1 ? "" : "s"), 1)]),
 				_: 2
 			}, 1032, ["theme", "onClick"])]))), 128))])])) : Z("", !0)
-		]));
+		])], 4));
 	}
-}), [["styles", [""]]]), ch = { class: "popover-content" }, lh = { class: "year-dropdown" }, uh = { class: "month-selector" }, dh = /*#__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: {
@@ -9366,7 +9395,7 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = Ni(e, "modelValue");
-		return (n, r) => (G(), K("div", ch, [J("div", lh, [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,
@@ -9375,7 +9404,7 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 			"modelValue",
 			"options",
 			"label"
-		])]), J("div", uh, [Y(Gf, {
+		])]), J("div", ph, [Y(Gf, {
 			modelValue: t.value.name,
 			"onUpdate:modelValue": r[1] ||= (e) => t.value.name = e,
 			options: e.termNames,
@@ -9387,7 +9416,7 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 			"label"
 		])])]));
 	}
-}), [["styles", [""]]]), fh = { class: "g-term-selector" }, ph = { class: "g-term-label" }, mh = /*#__PURE__*/ $(/* @__PURE__ */ z({
+}), [["styles", [""]]]), hh = { class: "g-term-selector" }, gh = { class: "g-term-label" }, _h = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	__name: "GTermSelector",
 	props: /*@__PURE__*/ U({
 		heading: {
@@ -9418,7 +9447,7 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = Ni(e, "modelValue"), n = `${B()}-heading`;
-		return (r, i) => (G(), K("div", fh, [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",
@@ -9434,7 +9463,7 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 						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", ph, 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",
@@ -9451,18 +9480,18 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 				id: n,
 				class: "g-popover-title",
 				tabindex: "-1"
-			}, M(e.heading), 1), Y(dh, 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", [""]]]), hh = ["for"], gh = {
+}), [["styles", [""]]]), vh = ["for"], yh = {
 	key: 0,
 	class: "g-textarea-required",
 	"aria-hidden": "true"
-}, _h = ["id"], vh = [
+}, bh = ["id"], xh = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -9471,11 +9500,11 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 	"rows",
 	"maxlength",
 	"aria-invalid"
-], yh = {
+], Sh = {
 	key: 2,
 	class: "g-textarea-char-count",
 	"aria-live": "polite"
-}, bh = /*#__PURE__*/ $(/* @__PURE__ */ z({
+}, Ch = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	inheritAttrs: !1,
 	__name: "GTextarea",
 	props: /*@__PURE__*/ U({
@@ -9573,12 +9602,12 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 				key: 0,
 				for: c.value,
 				class: "g-textarea-label"
-			}, [X(M(n.label), 1), n.required ? (G(), K("span", gh, " *")) : Z("", !0)], 8, hh)) : 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, _h)) : Z("", !0),
+			}, [H(t.$slots, "instructions", {}, () => [X(M(e.instructions), 1)])], 8, bh)) : Z("", !0),
 			J("textarea", Ha({
 				ref: "textareaEl",
 				value: r.value ?? "",
@@ -9599,36 +9628,36 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 				onInput: h,
 				onBlur: g,
 				onPaste: _
-			}), null, 16, vh),
-			n.maxlength === void 0 ? Z("", !0) : (G(), K("div", yh, 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", [""]]]), xh = { class: "g-three-way-toggle-wrapper" }, Sh = { class: "g-three-way-toggle-control" }, Ch = ["id"], wh = [
+}), [["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"
-], Th = { key: 0 }, Eh = { key: 1 }, Dh = { key: 2 }, Oh = ["for"], kh = [
+], Oh = { key: 0 }, kh = { key: 1 }, Ah = { key: 2 }, jh = ["for"], Mh = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], Ah = ["for"], jh = [
+], Nh = ["for"], Ph = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], Mh = ["for"], Nh = [
+], Fh = ["for"], Ih = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], Ph = ["id"], Fh = /*#__PURE__*/ $(/* @__PURE__ */ z({
+], Lh = ["id"], Rh = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	__name: "GThreeWayToggle",
 	props: /*@__PURE__*/ U({
 		label: { type: String },
@@ -9662,10 +9691,10 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 		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", xh, [J("div", Sh, [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, Ch), 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),
@@ -9677,7 +9706,7 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 			J("span", {
 				class: j(["g-toggle-thumb", p.value]),
 				"aria-hidden": "true"
-			}, [r.value === !1 ? (G(), K("span", Th, "NO")) : r.value === !0 ? (G(), K("span", Eh, "YES")) : (G(), K("span", Dh))], 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",
@@ -9691,7 +9720,7 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 				value: "false",
 				disabled: e.disabled,
 				onChange: n[0] ||= (e) => o(!1)
-			}, null, 40, kh), n[5] ||= J("span", { class: "ilw-sr-only" }, "No", -1)], 40, Oh),
+			}, 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",
@@ -9703,7 +9732,7 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 				checked: r.value === null,
 				disabled: e.disabled,
 				onChange: n[2] ||= (e) => o(null)
-			}, null, 40, jh), n[6] ||= J("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, Ah),
+			}, 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",
@@ -9717,16 +9746,16 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 				checked: r.value === !0,
 				disabled: e.disabled,
 				onChange: n[3] ||= (e) => o(!0)
-			}, null, 40, Nh), n[7] ||= J("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, Mh)
-		], 2)], 10, wh)]), 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, Ph)) : Z("", !0)]));
+		}, M(e.error), 9, Lh)) : Z("", !0)]));
 	}
-}), [["styles", [""]]]), Ih = { class: "g-toggle-wrapper" }, Lh = ["for"], Rh = [
+}), [["styles", [""]]]), zh = { class: "g-toggle-wrapper" }, Bh = ["for"], Vh = [
 	"id",
 	"checked",
 	"disabled",
@@ -9734,7 +9763,7 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 	"aria-describedby",
 	"aria-invalid",
 	"aria-errormessage"
-], zh = ["id"], Bh = /*#__PURE__*/ $(/* @__PURE__ */ z({
+], Hh = ["id"], Uh = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	__name: "GToggle",
 	props: /*@__PURE__*/ U({
 		label: { type: String },
@@ -9769,11 +9798,11 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 			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", Ih, [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, Lh)), 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", {
@@ -9787,21 +9816,21 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 			"aria-errormessage": e.error ? I(l) + "-error" : void 0,
 			onChange: s,
 			onKeydown: c
-		}, null, 40, Rh)], 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, zh)) : Z("", !0)]));
+		}, M(e.error), 9, Hh)) : Z("", !0)]));
 	}
-}), [["styles", [""]]]), Vh = { class: "g-tree-menu__divider" }, Hh = {
+}), [["styles", [""]]]), Wh = { class: "g-tree-menu__divider" }, Gh = {
 	key: 0,
 	class: "g-tree-menu__divider-line"
-}, Uh = {
+}, Kh = {
 	key: 1,
 	class: "g-tree-menu__expand-all-wrapper"
-}, Wh = { class: "g-tree-menu__content" }, Gh = /*#__PURE__*/ $(/* @__PURE__ */ z({
+}, qh = { class: "g-tree-menu__content" }, Jh = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	__name: "GTreeMenu",
 	props: {
 		heading: { type: String },
@@ -9861,7 +9890,7 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 				default: L(() => [H(n.$slots, "heading", {}, () => [X(M(e.heading), 1)])]),
 				_: 3
 			}, 8, ["id"])) : Z("", !0),
-			J("div", Vh, [e.smallHeading ? Z("", !0) : (G(), K("div", Hh)), e.showExpandAll ? (G(), K("div", Uh, [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", {
@@ -9874,10 +9903,10 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 				"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", Wh, [H(n.$slots, "default")])
+			J("div", qh, [H(n.$slots, "default")])
 		], 16));
 	}
-}), [["styles", [""]]]), Kh = /*#__PURE__*/ $(/* @__PURE__ */ z({
+}), [["styles", [""]]]), Yh = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	name: "GTreeMenuList",
 	props: { listType: {
 		default: void 0,
@@ -9897,20 +9926,20 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 			_: 3
 		}, 8, ["role"]));
 	}
-}), [["styles", [""]]]), qh = {
+}), [["styles", [""]]]), Xh = {
 	key: 0,
 	class: "g-tree-menu__row"
-}, Jh = { class: "g-tree-menu__row-content-text" }, Yh = [
+}, Zh = { class: "g-tree-menu__row-content-text" }, Qh = [
 	"aria-controls",
 	"aria-expanded",
 	"aria-label"
-], Xh = {
+], $h = {
 	key: 1,
 	class: "g-tree-menu__row g-tree-menu__row--leaf"
-}, Zh = {
+}, eg = {
 	class: "g-tree-menu__row-content",
 	"data-tree-primary": ""
-}, Qh = /*#__PURE__*/ $(/* @__PURE__ */ z({
+}, tg = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	name: "GTreeMenuItem",
 	inheritAttrs: !1,
 	props: {
@@ -9975,11 +10004,11 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 			class: "g-tree-menu__item",
 			"data-tree-expandable": c.value ? "true" : void 0
 		}), {
-			default: L(() => [c.value ? (G(), K("div", qh, [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", Jh, [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",
@@ -9997,7 +10026,7 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 				"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, Yh)])) : (G(), K("div", Xh, [t[1] ||= J("span", { class: "g-tree-menu__spacer" }, null, -1), J("span", Zh, [H(e.$slots, "default")])])), c.value && f.value ? (G(), q(Kh, {
+			}, [...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"
 			}, {
@@ -10007,11 +10036,11 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 			_: 3
 		}, 16, ["role", "data-tree-expandable"]));
 	}
-}), [["styles", [""]]]), $h = { class: "g-user-menu" }, eg = [
+}), [["styles", [""]]]), ng = { class: "g-user-menu" }, rg = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
-], tg = { class: "g-user-menu__popover" }, ng = { class: "g-user-menu__list" }, rg = /*#__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 },
@@ -10032,7 +10061,7 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 			e.target?.closest("a") && (n.value = !1);
 		}
 		let a = ui();
-		return (o, s) => (G(), K("div", $h, [Y(hu, {
+		return (o, s) => (G(), K("div", ng, [Y(hu, {
 			modelValue: n.value,
 			"onUpdate:modelValue": s[0] ||= (e) => n.value = e,
 			minimal: ""
@@ -10044,8 +10073,8 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 				"aria-expanded": n.value,
 				"aria-haspopup": "menu",
 				onClick: t
-			}, M(e.initials), 13, eg)]),
-			default: L(() => [J("div", tg, [J("h2", {
+			}, M(e.initials), 13, rg)]),
+			default: L(() => [J("div", ig, [J("h2", {
 				id: t,
 				ref_key: "emailHeading",
 				ref: r,
@@ -10055,19 +10084,19 @@ var Zp = { class: "g-table-outer-wrap" }, Qp = {
 				class: "g-user-menu__nav",
 				"aria-labelledby": t,
 				onClick: i
-			}, [J("ul", ng, [(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", [""]]]), ig = globalThis;
-ig.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ = !0;
-var ag = {
+}), [["styles", [""]]]), sg = globalThis;
+sg.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ = !0;
+var cg = {
 	shadowRoot: !1,
 	configureApp(e) {
-		let t = (ig.__GRAD_VUE_WC_APP_ID__ ?? 0) + 1;
-		ig.__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}-`;
 	}
-}, og = [
+}, lg = [
 	["g-alert-dialog", ou],
 	["g-app-header", Ou],
 	["g-button", eu],
@@ -10095,21 +10124,21 @@ var ag = {
 	["g-sidebar", Jf],
 	["g-sidebar-menu", Qf],
 	["g-submit-button", $f],
-	["g-table", sh],
+	["g-table", uh],
 	["g-table-body", mp],
-	["g-term-selector", mh],
-	["g-term-selector-control", dh],
+	["g-term-selector", _h],
+	["g-term-selector-control", mh],
 	["g-text-input", cd],
-	["g-textarea", bh],
-	["g-three-way-toggle", Fh],
-	["g-toggle", Bh],
-	["g-tree-menu", Gh],
-	["g-tree-menu-list", Kh],
-	["g-tree-menu-item", Qh],
-	["g-user-menu", rg]
+	["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 og) {
-	let n = /* @__PURE__ */ bs(t, ag);
+for (let [e, t] of lg) {
+	let n = /* @__PURE__ */ bs(t, cg);
 	customElements.define(e, n);
 }
 //#endregion