@illinois-grad/grad-vue 3.0.2 → 3.0.4

package/dist/{grad-vue-SX-RHHr3.js → grad-vue-BlLcBFHO.js}

@@ -2335,31 +2335,296 @@ var un = ["id"], dn = /* @__PURE__ */ u({
 			id: `${t.tableId}-error-${n.key}-${String(r.key)}`
 		}, N(C(n, r)), 9, Qn)) : a("", !0)], 10, Gn))), 128))], 42, Un)], 64))), 128))], 512));
 	}
+}), er = ["id", "for"], tr = {
+	key: 0,
+	class: "g-multiselect-required",
+	"aria-hidden": "true"
+}, nr = ["id"], rr = ["aria-labelledby"], ir = { class: "g-multiselect-chip-label" }, ar = [
+	"aria-label",
+	"disabled",
+	"onClick"
+], or = [
+	"id",
+	"value",
+	"placeholder",
+	"disabled",
+	"aria-expanded",
+	"aria-controls",
+	"aria-activedescendant",
+	"aria-describedby",
+	"aria-required"
+], sr = ["id"], cr = [
+	"id",
+	"aria-selected",
+	"onClick"
+], lr = {
+	class: "g-multiselect-option-check",
+	"aria-hidden": "true"
+}, ur = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 640 640",
+	width: "1.25em"
+}, dr = {
+	key: 1,
+	"aria-live": "polite",
+	class: "g-multiselect-option g-multiselect-no-results"
+}, fr = /* @__PURE__ */ u({
+	__name: "GMultiSelect",
+	props: /* @__PURE__ */ m({
+		options: {},
+		label: {},
+		hiddenLabel: {
+			type: Boolean,
+			default: !1
+		},
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		name: {},
+		errors: { default: () => [] },
+		instructions: {},
+		formKey: {}
+	}, {
+		modelValue: { default: () => [] },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
+	setup(t, { emit: n }) {
+		let i = t, u = n, d = B(t, "modelValue"), f = z(), p = D(null), m = D(null), v = D(null), y = D(!1), b = D(0), x = D(""), S = D(!1), { displayErrors: C, hasErrors: T } = $({
+			name: i.name,
+			value: d,
+			errors: F(i, "errors"),
+			formKey: i.formKey
+		}), { menuPlacement: E, menuStyle: k, isTop: A, scrollOptionIntoView: j } = Mt({
+			open: y,
+			anchorRef: m,
+			listboxRef: v,
+			baseId: f,
+			activeIndex: b
+		}), M = r(() => jt(i.options)), P = r(() => {
+			if (!x.value) return M.value;
+			let e = x.value.toLowerCase();
+			return M.value.filter((t) => t.label.toLowerCase().includes(e));
+		});
+		function I(e) {
+			return d.value.includes(e);
+		}
+		function R(e) {
+			let t = M.value.find((t) => t.value === e);
+			return t ? t.label : String(e);
+		}
+		function V() {
+			i.disabled || (y.value = !0, b.value = 0);
+		}
+		function H() {
+			y.value = !1, x.value = "";
+		}
+		function U(e) {
+			let t = P.value[e];
+			if (!t) return;
+			let n = d.value, r = I(t.value) ? n.filter((e) => e !== t.value) : [...n, t.value];
+			d.value = r, u("change", r), g(() => p.value?.focus());
+		}
+		function W(e) {
+			if (i.disabled) return;
+			let t = d.value.filter((t) => t !== e);
+			d.value = t, u("change", t);
+		}
+		function G() {
+			i.disabled || (p.value?.focus(), y.value || V());
+		}
+		function K(e) {
+			x.value = e.target.value, b.value = 0, y.value || V();
+		}
+		function Y() {
+			i.disabled || y.value || V();
+		}
+		function te(e) {
+			if (S.value) {
+				S.value = !1;
+				return;
+			}
+			let t = e.relatedTarget;
+			t && v.value?.contains(t) || t && m.value?.contains(t) || H();
+		}
+		function X(e) {
+			e.preventDefault();
+		}
+		function Z() {
+			S.value = !0;
+		}
+		function ne(e) {
+			if (i.disabled) return;
+			let t = P.value.length - 1;
+			switch (e.key) {
+				case "ArrowDown":
+					e.preventDefault(), y.value ? (b.value = Math.min(t, b.value + 1), j()) : V();
+					break;
+				case "ArrowUp":
+					e.preventDefault(), y.value ? (b.value = Math.max(0, b.value - 1), j()) : V();
+					break;
+				case "Home":
+					e.preventDefault(), b.value = 0, j();
+					break;
+				case "End":
+					e.preventDefault(), b.value = t, j();
+					break;
+				case "Enter":
+					e.preventDefault(), y.value && P.value.length > 0 ? U(b.value) : y.value || V();
+					break;
+				case " ":
+					y.value && !x.value && (e.preventDefault(), P.value.length > 0 && U(b.value));
+					break;
+				case "Escape":
+					A.value && (e.preventDefault(), setTimeout(() => H(), 0));
+					break;
+				case "Backspace":
+					!x.value && d.value.length > 0 && W(d.value[d.value.length - 1]);
+					break;
+			}
+		}
+		let re = r(() => `${f}-input`), ie = r(() => `${f}-label`), ae = r(() => `${f}-instructions`), oe = r(() => `error-message-${f}`), se = r(() => {
+			let e = [];
+			return i.instructions && e.push(ae.value), T.value && e.push(oe.value), e.length > 0 ? e.join(" ") : void 0;
+		});
+		return (n, r) => (w(), o("div", { class: _(["g-multiselect-root", {
+			"g-multiselect-open": y.value,
+			"g-multiselect-has-error": L(T)
+		}]) }, [
+			t.hiddenLabel ? a("", !0) : (w(), o("label", {
+				key: 0,
+				id: ie.value,
+				for: re.value,
+				class: "g-multiselect-label"
+			}, [c(N(t.label), 1), t.required ? (w(), o("span", tr, " *")) : a("", !0)], 8, er)),
+			t.instructions ? (w(), o("div", {
+				key: 1,
+				id: ae.value,
+				class: "g-multiselect-instructions"
+			}, N(t.instructions), 9, nr)) : a("", !0),
+			s("div", {
+				ref_key: "controlRef",
+				ref: m,
+				class: _(["g-multiselect-control", { "g-multiselect-control--disabled": t.disabled }]),
+				onClick: G
+			}, [
+				s("ul", {
+					class: "g-multiselect-chips",
+					"aria-labelledby": ie.value
+				}, [(w(!0), o(e, null, O(d.value, (e) => (w(), o("li", {
+					key: e,
+					class: "g-multiselect-chip"
+				}, [s("span", ir, N(R(e)), 1), s("button", {
+					type: "button",
+					class: "g-multiselect-chip-remove",
+					"aria-label": `Remove ${R(e)}`,
+					disabled: t.disabled,
+					onMousedown: Z,
+					onClick: J((t) => W(e), ["stop"])
+				}, [...r[0] ||= [s("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					viewBox: "0 0 51.26 51.26",
+					width: "1em",
+					role: "none presentation"
+				}, [s("path", {
+					fill: "currentColor",
+					d: "m37.84 32.94-7.63-7.63 7.63-7.63a3.24 3.24 0 0 0-4.58-4.58l-7.63 7.63L18 13.1a3.24 3.24 0 0 0-4.58 4.58L21 25.31l-7.62 7.63A3.24 3.24 0 1 0 18 37.52l7.63-7.63 7.63 7.63a3.24 3.24 0 0 0 4.58-4.58Z"
+				})], -1)]], 40, ar)]))), 128))], 8, rr),
+				s("input", h({
+					ref_key: "inputRef",
+					ref: p,
+					type: "text",
+					role: "combobox",
+					class: "g-multiselect-input",
+					id: re.value,
+					value: x.value,
+					placeholder: d.value.length === 0 ? t.placeholder : void 0,
+					disabled: t.disabled,
+					autocomplete: "off",
+					"aria-autocomplete": "list",
+					"aria-expanded": y.value ? "true" : "false",
+					"aria-haspopup": "listbox",
+					"aria-controls": L(f) + "-listbox",
+					"aria-activedescendant": y.value && P.value.length > 0 ? L(f) + "-option-" + b.value : void 0
+				}, t.hiddenLabel ? { "aria-label": t.label } : void 0, {
+					"aria-describedby": se.value,
+					"aria-required": t.required ? "true" : void 0,
+					onInput: K,
+					onKeydown: ne,
+					onFocus: Y,
+					onBlur: te
+				}), null, 16, or),
+				r[2] ||= s("svg", {
+					class: "g-multiselect-caret",
+					xmlns: "http://www.w3.org/2000/svg",
+					viewBox: "0 0 51.26 51.26",
+					"aria-hidden": "true",
+					width: "1.125em"
+				}, [s("path", {
+					fill: "currentColor",
+					d: "M38.75 24.13a1.36 1.36 0 0 1 0 2.36l-12.44 7.18-12.43 7.18a1.36 1.36 0 0 1-2.05-1.18V11a1.36 1.36 0 0 1 2.05-1.18L26.31 17Z"
+				})], -1),
+				q(s("div", h({
+					ref_key: "listboxRef",
+					ref: v,
+					id: L(f) + "-listbox",
+					role: "listbox",
+					"aria-multiselectable": "true"
+				}, t.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": ie.value }, {
+					class: ["g-multiselect-listbox", { "g-multiselect-listbox--above": L(E) === "above" }],
+					style: L(k),
+					tabindex: "-1"
+				}), [P.value.length > 0 ? (w(!0), o(e, { key: 0 }, O(P.value, (e, t) => (w(), o("div", {
+					key: e.value,
+					id: L(f) + "-option-" + t,
+					role: "option",
+					class: _(["g-multiselect-option", {
+						"g-multiselect-option--active": t === b.value,
+						"g-multiselect-option--selected": I(e.value)
+					}]),
+					"aria-selected": I(e.value) ? "true" : "false",
+					onMousedown: X,
+					onClick: (e) => U(t)
+				}, [s("span", lr, [I(e.value) ? (w(), o("svg", ur, [...r[1] ||= [s("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)]])) : a("", !0)]), c(" " + N(e.label), 1)], 42, cr))), 128)) : (w(), o("div", dr, " No results found. "))], 16, sr), [[ee, y.value]])
+			], 2),
+			l(je, {
+				errors: L(C),
+				id: oe.value
+			}, null, 8, ["errors", "id"])
+		], 2));
+	}
 });
 //#endregion
 //#region src/compose/useFiltering.ts
-function er(e) {
+function pr(e) {
 	if (!(Array.isArray(e) && e.length === 0) && !(e === null || e === !1 || e === "")) return e;
 }
-function tr(e) {
+function mr(e) {
 	return Object.fromEntries(Object.entries(e).filter(([e, t]) => t && (!Array.isArray(t) || t.length > 0)));
 }
-function nr(e) {
+function hr(e) {
 	if (e != null) return Array.isArray(e) ? e.filter((e) => e != null) : [e];
 }
-function rr(e) {
+function gr(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(P(e))) Array.isArray(r) ? r.length > 0 && (t[n] = r) : r === !0 ? t[n] = "true" : t[n] = r || void 0;
 	return t;
 }
-function ir(e) {
+function _r(e) {
 	let t = {};
 	return Object.keys(e).forEach((n) => {
 		let r = e[n];
 		r != null && r !== "" && r !== !1 && (Array.isArray(r) ? r.length > 0 && (t[n] = r.map((e) => String(e))) : t[n] = String(r));
 	}), t;
 }
-function ar(e, t = {}) {
+function vr(e, t = {}) {
 	let n = E(Object.fromEntries(Object.entries(e).map(([e, t]) => [e, t]))), i = t.syncWith;
 	if (i) {
 		if (i.value) {
@@ -2372,13 +2637,13 @@ function ar(e, t = {}) {
 			});
 		}
 		W(n, (e) => {
-			i.value = ir(e);
+			i.value = _r(e);
 		}, { deep: !0 });
 	}
 	return {
 		filters: n,
 		isFiltered: r(() => {
-			for (let t of Object.keys(e)) if (er(n[t])) return !0;
+			for (let t of Object.keys(e)) if (pr(n[t])) return !0;
 			return !1;
 		}),
 		clearFilters: () => {
@@ -2388,48 +2653,48 @@ function ar(e, t = {}) {
 		},
 		filteredColumns: r(() => {
 			let t = {};
-			for (let r of Object.keys(e)) t[r] = !!er(n[r]);
+			for (let r of Object.keys(e)) t[r] = !!pr(n[r]);
 			return t;
 		})
 	};
 }
 //#endregion
 //#region src/components/GTable.vue?vue&type=script&setup=true&lang.ts
-var or = { class: "g-table-outer-wrap" }, sr = {
+var yr = { class: "g-table-outer-wrap" }, br = {
 	key: 0,
 	class: "g-table-controls"
-}, cr = { class: "g-clear-filters-wrap" }, lr = {
+}, xr = { class: "g-clear-filters-wrap" }, Sr = {
 	key: 0,
 	class: "pagination"
-}, ur = { class: "g-result-count" }, dr = ["aria-label", "aria-rowcount"], fr = { class: "g-table-head" }, pr = { "aria-rowindex": "1" }, mr = {
+}, Cr = { class: "g-result-count" }, wr = ["aria-label", "aria-rowcount"], Tr = { class: "g-table-head" }, Er = { "aria-rowindex": "1" }, Dr = {
 	key: 0,
 	scope: "col",
 	class: "g-th g-th-checkbox"
-}, hr = [
+}, Or = [
 	"checked",
 	"indeterminate",
 	"aria-label"
-], gr = ["id", "aria-sort"], _r = { class: "th-inner" }, vr = ["onClick"], yr = {
+], kr = ["id", "aria-sort"], Ar = { class: "th-inner" }, jr = ["onClick"], Mr = {
 	key: 0,
 	class: "sort-indicator"
-}, br = ["aria-label"], xr = {
+}, Nr = ["aria-label"], Pr = {
 	key: 1,
 	class: "g-column-head"
-}, Sr = ["onClick", "aria-label"], Cr = { key: 1 }, wr = { class: "g-filter-toggle" }, Tr = [
+}, Fr = ["onClick", "aria-label"], Ir = { key: 1 }, Lr = { class: "g-filter-toggle" }, Rr = [
 	"onUpdate:modelValue",
 	"id",
 	"aria-describedby"
-], Er = ["for"], Dr = ["id"], Or = {
-	key: 2,
+], zr = ["for"], Br = ["id"], Vr = {
+	key: 3,
 	class: "g-multi-select"
-}, kr = [
+}, Hr = [
 	"onUpdate:modelValue",
 	"id",
 	"value"
-], Ar = ["for"], jr = {
+], Ur = ["for"], Wr = {
 	key: 1,
 	class: "g-bulk-actions-toolbar"
-}, Mr = { class: "g-selected-count" }, Nr = { class: "g-bulk-actions" }, Pr = /* @__PURE__ */ u({
+}, Gr = { class: "g-selected-count" }, Kr = { class: "g-bulk-actions" }, qr = /* @__PURE__ */ u({
 	__name: "GTable",
 	props: /* @__PURE__ */ m({
 		label: {},
@@ -2478,7 +2743,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			e.sortable && (u.value === e.key ? d.value === 1 ? d.value = -1 : d.value === -1 && (u.value = void 0, d.value = 1) : (u.value = e.key, d.value = 1));
 		}
 		let v = m.filtering;
-		v ||= ar({});
+		v ||= vr({});
 		let { filters: b, filteredColumns: x, isFiltered: C, clearFilters: T } = v, E = r(() => m.data.map((e) => e.key)), A = r(() => p.value.filter((e) => E.value.includes(e))), j = r(() => !m.bulkSelectionEnabled || m.data.length === 0 ? !1 : A.value.length === E.value.length), M = r(() => !m.bulkSelectionEnabled || m.data.length === 0 ? !1 : A.value.length > 0 && A.value.length < E.value.length), F = D(null);
 		function I() {
 			if (j.value) p.value = p.value.filter((e) => !E.value.includes(e));
@@ -2524,9 +2789,9 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 				let e = f.value[t.key];
 				f.value[t.key] = e ? [e] : [];
 			}
-		}, { immediate: !0 }), (n, r) => (w(), o("div", or, [
-			Z.value ? (w(), o("div", sr, [
-				s("div", cr, [L(C) ? (w(), i(Q, {
+		}, { immediate: !0 }), (n, r) => (w(), o("div", yr, [
+			Z.value ? (w(), o("div", br, [
+				s("div", xr, [L(C) ? (w(), i(Q, {
 					key: 0,
 					outlined: "",
 					size: "small",
@@ -2544,22 +2809,22 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 					})], -1), s("span", { class: "g-clear-filters-text" }, " Clear Filters ", -1)]]),
 					_: 1
 				}, 8, ["onClick"])) : a("", !0)]),
-				X.value ? (w(), o("div", lr, [k(n.$slots, "pagination")])) : a("", !0),
-				s("span", ur, N(m.resultCount || t.data.length) + " results", 1)
+				X.value ? (w(), o("div", Sr, [k(n.$slots, "pagination")])) : a("", !0),
+				s("span", Cr, N(m.resultCount || t.data.length) + " results", 1)
 			])) : a("", !0),
 			s("table", {
 				class: "g-table",
 				ref: "tableRef",
 				"aria-label": t.label,
 				"aria-rowcount": m.resultCount || t.data.length
-			}, [s("thead", fr, [s("tr", pr, [t.bulkSelectionEnabled ? (w(), o("th", mr, [s("input", {
+			}, [s("thead", Tr, [s("tr", Er, [t.bulkSelectionEnabled ? (w(), o("th", Dr, [s("input", {
 				type: "checkbox",
 				checked: j.value,
 				indeterminate: M.value,
 				onChange: I,
 				"aria-label": j.value ? "Deselect all rows" : "Select all rows",
 				class: "g-bulk-select-checkbox"
-			}, null, 40, hr)])) : a("", !0), (w(!0), o(e, null, O(t.columns, (t) => (w(), o("th", {
+			}, null, 40, Or)])) : a("", !0), (w(!0), o(e, null, O(t.columns, (t) => (w(), o("th", {
 				key: t.key,
 				id: `${L(Y)}-th-${String(t.key)}`,
 				"aria-sort": u.value === t.key ? d.value === 1 ? "ascending" : "descending" : "none",
@@ -2569,12 +2834,12 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 					{ filtered: L(x)[t.key] }
 				]),
 				scope: "col"
-			}, [s("div", _r, [t.sortable ? (w(), o("button", {
+			}, [s("div", Ar, [t.sortable ? (w(), o("button", {
 				key: 0,
 				type: "button",
 				class: "g-column-head",
 				onClick: (e) => g(t)
-			}, [c(N(t.label) + " ", 1), u.value === t.key ? (w(), o("span", yr, [(w(), o("svg", {
+			}, [c(N(t.label) + " ", 1), u.value === t.key ? (w(), o("span", Mr, [(w(), o("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				viewBox: "0 0 640 640",
 				height: "1.5em",
@@ -2584,7 +2849,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			}, [...r[1] ||= [s("path", {
 				fill: "currentColor",
 				d: "M300.3 199.2C312.9 188.9 331.4 189.7 343.1 201.4L471.1 329.4C480.3 338.6 483 352.3 478 364.3C473 376.3 461.4 384 448.5 384L192.5 384C179.6 384 167.9 376.2 162.9 364.2C157.9 352.2 160.7 338.5 169.9 329.4L297.9 201.4L300.3 199.2z"
-			}, null, -1)]], 12, br))])) : a("", !0)], 8, vr)) : (w(), o("span", xr, N(t.label), 1)), t.filter ? (w(), i(it, { key: 2 }, {
+			}, null, -1)]], 12, Nr))])) : a("", !0)], 8, jr)) : (w(), o("span", Pr, N(t.label), 1)), t.filter ? (w(), i(it, { key: 2 }, {
 				trigger: K(({ toggle: e }) => [s("button", {
 					onClick: J(e, ["stop"]),
 					"aria-label": L(x)[t.key] ? "Column Filtered" : "Filter Column",
@@ -2598,7 +2863,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 				}, [s("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, Sr)]),
+				})], -1)]], 10, Fr)]),
 				default: K(() => [t.filter.type === "select" ? (w(), i(Ht, {
 					key: 0,
 					modelValue: f.value[t.key],
@@ -2612,20 +2877,33 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 					"modelValue",
 					"onUpdate:modelValue",
 					"options"
-				])) : t.filter.type === "toggle" ? (w(), o("div", Cr, [s("div", wr, [
+				])) : t.filter.type === "toggle" ? (w(), o("div", Ir, [s("div", Lr, [
 					q(s("input", {
 						type: "checkbox",
 						"onUpdate:modelValue": (e) => f.value[t.key] = e,
 						id: `${L(Y)}-filter-${String(t.key)}`,
 						"aria-describedby": t.filter.description ? `${L(Y)}-filter-description-${String(t.key)}` : void 0
-					}, null, 8, Tr), [[U, f.value[t.key]]]),
-					s("label", { for: `${L(Y)}-filter-${String(t.key)}` }, N(t.filter.label), 9, Er),
+					}, null, 8, Rr), [[U, f.value[t.key]]]),
+					s("label", { for: `${L(Y)}-filter-${String(t.key)}` }, N(t.filter.label), 9, zr),
 					t.filter.description ? (w(), o("span", {
 						key: 0,
 						class: "g-filter-description",
 						id: `${L(Y)}-filter-description-${String(t.key)}`
-					}, N(t.filter.description), 9, Dr)) : a("", !0)
-				])])) : t.filter.type === "multi-select" ? (w(), o("fieldset", Or, [
+					}, N(t.filter.description), 9, Br)) : a("", !0)
+				])])) : t.filter.type === "multi-select" && t.filter.searchable ? (w(), i(fr, {
+					key: 2,
+					modelValue: f.value[t.key],
+					"onUpdate:modelValue": (e) => f.value[t.key] = e,
+					options: t.filter.options,
+					label: "Include values",
+					placeholder: t.filter.placeholder,
+					class: "g-multi-select-searchable"
+				}, null, 8, [
+					"modelValue",
+					"onUpdate:modelValue",
+					"options",
+					"placeholder"
+				])) : t.filter.type === "multi-select" ? (w(), o("fieldset", Vr, [
 					r[4] ||= s("legend", { class: "g-multi-select-legend" }, " Include values ", -1),
 					(w(!0), o(e, null, O(t.filter.options, (e) => (w(), o("div", { key: e.value }, [q(s("input", {
 						type: "checkbox",
@@ -2633,7 +2911,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 						id: `filter-${String(t.key)}-${e.value}`,
 						value: e.value,
 						name: "filter-multiselect"
-					}, null, 8, kr), [[U, f.value[t.key]]]), s("label", { for: `filter-${String(t.key)}-${e.value}` }, N(e.label), 9, Ar)]))), 128)),
+					}, null, 8, Hr), [[U, f.value[t.key]]]), s("label", { for: `filter-${String(t.key)}-${e.value}` }, N(e.label), 9, Ur)]))), 128)),
 					f.value[t.key] && f.value[t.key].length ? (w(), i(Q, {
 						key: 0,
 						class: "clear-multiselect-btn",
@@ -2646,7 +2924,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 					}, 8, ["onClick"])) : a("", !0)
 				])) : a("", !0)]),
 				_: 2
-			}, 1024)) : a("", !0)])], 10, gr))), 128))])]), l($n, {
+			}, 1024)) : a("", !0)])], 10, kr))), 128))])]), l($n, {
 				data: t.data,
 				columns: t.columns,
 				"group-by": t.groupBy,
@@ -2673,8 +2951,8 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 				"selected-rows",
 				"table-id",
 				"change-tracker"
-			])], 8, dr),
-			t.bulkSelectionEnabled && p.value.length > 0 ? (w(), o("div", jr, [s("span", Mr, N(p.value.length) + " row" + N(p.value.length === 1 ? "" : "s") + " selected", 1), s("ul", Nr, [(w(!0), o(e, null, O(t.bulkActions, (e) => (w(), o("li", { key: e.id }, [l(Q, {
+			])], 8, wr),
+			t.bulkSelectionEnabled && p.value.length > 0 ? (w(), o("div", Wr, [s("span", Gr, N(p.value.length) + " row" + N(p.value.length === 1 ? "" : "s") + " selected", 1), s("ul", Kr, [(w(!0), o(e, null, O(t.bulkActions, (e) => (w(), o("li", { key: e.id }, [l(Q, {
 				theme: e.theme || "accent",
 				onClick: (t) => ee(e.id),
 				size: "small"
@@ -2684,10 +2962,10 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			}, 1032, ["theme", "onClick"])]))), 128))])])) : a("", !0)
 		]));
 	}
-}), Fr = {
+}), Jr = {
 	class: "g-pagination",
 	"aria-label": "Pagination"
-}, Ir = ["disabled"], Lr = ["disabled"], Rr = { class: "page-range" }, zr = ["disabled"], Br = ["disabled"], Vr = ["value"], Hr = ["value"], Ur = /* @__PURE__ */ u({
+}, Yr = ["disabled"], Xr = ["disabled"], Zr = { class: "page-range" }, Qr = ["disabled"], $r = ["disabled"], ei = ["value"], ti = ["value"], ni = /* @__PURE__ */ u({
 	__name: "GTablePagination",
 	props: /* @__PURE__ */ m({
 		start: {},
@@ -2709,7 +2987,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 		function h(e) {
 			c.value = parseInt(e.target.value, 10);
 		}
-		return (t, r) => (w(), o("nav", Fr, [
+		return (t, r) => (w(), o("nav", Jr, [
 			s("button", {
 				class: "first-page g-pagination-button",
 				disabled: p.value === 1,
@@ -2734,7 +3012,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 				}),
 				s("path", { d: "M11 7l-5 5l5 5" }),
 				s("path", { d: "M17 7l-5 5l5 5" })
-			], -1)]], 8, Ir),
+			], -1)]], 8, Yr),
 			s("button", {
 				class: "prev-page g-pagination-button",
 				disabled: p.value === 1,
@@ -2755,8 +3033,8 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), s("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, Lr),
-			s("span", Rr, N(d.value) + " to " + N(f.value), 1),
+			}), s("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, Xr),
+			s("span", Zr, N(d.value) + " to " + N(f.value), 1),
 			s("button", {
 				class: "next-page g-pagination-button",
 				disabled: p.value === i.value,
@@ -2777,7 +3055,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), s("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, zr),
+			}), s("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, Qr),
 			s("button", {
 				class: "last-page g-pagination-button",
 				disabled: p.value === i.value,
@@ -2802,7 +3080,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 				}),
 				s("path", { d: "M7 7l5 5l-5 5" }),
 				s("path", { d: "M13 7l5 5l-5 5" })
-			], -1)]], 8, Br),
+			], -1)]], 8, $r),
 			s("select", {
 				id: "page-size-select",
 				class: "page-size-select",
@@ -2816,14 +3094,14 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			], (e) => (w(), o("option", {
 				key: e,
 				value: e
-			}, N(e), 9, Hr))), 128))], 40, Vr),
+			}, N(e), 9, ti))), 128))], 40, ei),
 			r[8] ||= s("label", {
 				class: "page-size-label",
 				for: "page-size-select"
 			}, "per page", -1)
 		]));
 	}
-}), Wr = ["id"], Gr = { class: "g-modal-inner" }, Kr = { class: "g-modal-header" }, qr = ["id"], Jr = ["id"], Yr = /* @__PURE__ */ u({
+}), ri = ["id"], ii = { class: "g-modal-inner" }, ai = { class: "g-modal-header" }, oi = ["id"], si = ["id"], ci = /* @__PURE__ */ u({
 	__name: "GModal",
 	props: {
 		label: {},
@@ -2867,12 +3145,12 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 				ref_key: "dialog",
 				ref: f,
 				style: { zIndex: L(y) }
-			}), [s("div", Gr, [s("div", Kr, [e.hiddenLabel ? a("", !0) : (w(), o("h2", {
+			}), [s("div", ii, [s("div", ai, [e.hiddenLabel ? a("", !0) : (w(), o("h2", {
 				key: 0,
 				id: "modal-label-" + L(m),
 				class: "g-modal-label",
 				tabindex: "-1"
-			}, N(e.label), 9, qr)), s("button", {
+			}, N(e.label), 9, oi)), s("button", {
 				class: "g-modal-close",
 				onClick: T,
 				"aria-label": "Close"
@@ -2887,16 +3165,16 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			})], -1)]])]), s("div", {
 				id: "modal-description-" + L(m),
 				class: "g-modal-content"
-			}, [k(r.$slots, "default")], 8, Jr)])], 16, Wr)]),
+			}, [k(r.$slots, "default")], 8, si)])], 16, ri)]),
 			_: 3
 		})]));
 	}
-}), Xr = [
+}), li = [
 	"id",
 	"aria-expanded",
 	"aria-label",
 	"aria-controls"
-], Zr = /* @__PURE__ */ u({
+], ui = /* @__PURE__ */ u({
 	__name: "GHamburgerMenu",
 	props: {
 		label: { default: "Main Navigation" },
@@ -2926,34 +3204,34 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 		}, [...n[0] ||= [s("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 51.26 51.26"
-		}, [s("g", { fill: "currentColor" }, [s("path", { d: "M11.6 16.52h28.06a3.24 3.24 0 1 0 0-6.48H11.6a3.24 3.24 0 0 0 0 6.48ZM39.66 22.07H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48ZM39.66 34.1H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48Z" })])], -1)]], 42, Xr));
+		}, [s("g", { fill: "currentColor" }, [s("path", { d: "M11.6 16.52h28.06a3.24 3.24 0 1 0 0-6.48H11.6a3.24 3.24 0 0 0 0 6.48ZM39.66 22.07H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48ZM39.66 34.1H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48Z" })])], -1)]], 42, li));
 	}
-}), Qr = /* @__PURE__ */ u({
+}), di = /* @__PURE__ */ u({
 	__name: "GDetailList",
 	props: { variant: { default: "grid" } },
 	setup(e) {
 		let t = e;
 		return (e, n) => (w(), o("dl", { class: _(["g-detail-list", `g-detail-list--${t.variant}`]) }, [k(e.$slots, "default")], 2));
 	}
-}), $r = { class: "g-detail-list-item" }, ei = { class: "g-detail-list-item__label" }, ti = { class: "g-detail-list-item__value" }, ni = /* @__PURE__ */ u({
+}), fi = { class: "g-detail-list-item" }, pi = { class: "g-detail-list-item__label" }, mi = { class: "g-detail-list-item__value" }, hi = /* @__PURE__ */ u({
 	__name: "GDetailListItem",
 	props: { label: {} },
 	setup(e) {
-		return (t, n) => (w(), o("div", $r, [s("dt", ei, [k(t.$slots, "label", {}, () => [c(N(e.label), 1)])]), s("dd", ti, [k(t.$slots, "default")])]));
+		return (t, n) => (w(), o("div", fi, [s("dt", pi, [k(t.$slots, "label", {}, () => [c(N(e.label), 1)])]), s("dd", mi, [k(t.$slots, "default")])]));
 	}
-}), ri = {
+}), gi = {
 	key: 0,
 	class: "g-scroll-lock-overlay"
-}, ii = /* @__PURE__ */ u({
+}, _i = /* @__PURE__ */ u({
 	__name: "GOverlay",
 	setup(e) {
 		let { hasScrollLock: t } = qe();
 		return (e, r) => (w(), i(n, { name: "g-fade" }, {
-			default: K(() => [L(t) ? (w(), o("div", ri)) : a("", !0)]),
+			default: K(() => [L(t) ? (w(), o("div", gi)) : a("", !0)]),
 			_: 1
 		}));
 	}
-}), ai = { class: "popover-content" }, oi = { class: "year-dropdown" }, si = { class: "month-selector" }, ci = /* @__PURE__ */ u({
+}), vi = { class: "popover-content" }, yi = { class: "year-dropdown" }, bi = { class: "month-selector" }, xi = /* @__PURE__ */ u({
 	__name: "GTermSelectorControl",
 	props: /* @__PURE__ */ m({
 		termYears: { default: () => ["2026"] },
@@ -2974,7 +3252,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = B(e, "modelValue");
-		return (n, r) => (w(), o("div", ai, [s("div", oi, [l(Ht, {
+		return (n, r) => (w(), o("div", vi, [s("div", yi, [l(Ht, {
 			modelValue: t.value.year,
 			"onUpdate:modelValue": r[0] ||= (e) => t.value.year = e,
 			options: e.termYears,
@@ -2983,7 +3261,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			"modelValue",
 			"options",
 			"label"
-		])]), s("div", si, [l(yt, {
+		])]), s("div", bi, [l(yt, {
 			modelValue: t.value.name,
 			"onUpdate:modelValue": r[1] ||= (e) => t.value.name = e,
 			options: e.termNames,
@@ -2995,10 +3273,10 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			"label"
 		])])]));
 	}
-}), li = { class: "g-term-selector" }, ui = { class: "g-term-label" }, di = {
+}), Si = { class: "g-term-selector" }, Ci = { class: "g-term-label" }, wi = {
 	class: "g-popover-title",
 	tabindex: "-1"
-}, fi = /* @__PURE__ */ u({
+}, Ti = /* @__PURE__ */ u({
 	__name: "GTermSelector",
 	props: /* @__PURE__ */ m({
 		heading: { default: "Period Selection" },
@@ -3020,7 +3298,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = B(e, "modelValue");
-		return (n, r) => (w(), o("div", li, [l(it, null, {
+		return (n, r) => (w(), o("div", Si, [l(it, null, {
 			trigger: K(({ toggle: e }) => [l(Q, {
 				class: "g-term-selector-button",
 				theme: "none",
@@ -3033,7 +3311,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 640 640"
 					}, [s("path", { d: "M224 64C206.3 64 192 78.3 192 96L192 128L160 128C124.7 128 96 156.7 96 192L96 240L544 240L544 192C544 156.7 515.3 128 480 128L448 128L448 96C448 78.3 433.7 64 416 64C398.3 64 384 78.3 384 96L384 128L256 128L256 96C256 78.3 241.7 64 224 64zM96 288L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 288L96 288z" })])], -1),
-					s("span", ui, N(t.value?.name) + " " + N(t.value?.year), 1),
+					s("span", Ci, N(t.value?.name) + " " + N(t.value?.year), 1),
 					r[1] ||= s("span", { class: "g-caret" }, [s("svg", {
 						role: "none presentation",
 						xmlns: "http://www.w3.org/2000/svg",
@@ -3042,15 +3320,15 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 				]),
 				_: 1
 			}, 8, ["onClick"])]),
-			default: K(() => [s("h2", di, N(e.heading), 1), l(ci, v(f(n.$props)), null, 16)]),
+			default: K(() => [s("h2", wi, N(e.heading), 1), l(xi, v(f(n.$props)), null, 16)]),
 			_: 1
 		})]));
 	}
-}), pi = { class: "g-user-menu" }, mi = [
+}), Ei = { class: "g-user-menu" }, Di = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
-], hi = { class: "g-user-menu__popover" }, gi = { class: "g-user-menu__list" }, _i = /* @__PURE__ */ u({
+], Oi = { class: "g-user-menu__popover" }, ki = { class: "g-user-menu__list" }, Ai = /* @__PURE__ */ u({
 	__name: "GUserMenu",
 	props: {
 		initials: {},
@@ -3062,7 +3340,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 		let n = `${z()}-email`, r = D(!1), a = H("emailHeading");
 		d()?.appContext?.components?.RouterLink;
 		let c = V();
-		return (u, d) => (w(), o("div", pi, [l(it, {
+		return (u, d) => (w(), o("div", Ei, [l(it, {
 			modelValue: r.value,
 			"onUpdate:modelValue": d[0] ||= (e) => r.value = e,
 			minimal: ""
@@ -3074,8 +3352,8 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 				"aria-expanded": r.value,
 				"aria-haspopup": "menu",
 				onClick: e
-			}, N(t.initials), 13, mi)]),
-			default: K(() => [s("div", hi, [s("h2", {
+			}, N(t.initials), 13, Di)]),
+			default: K(() => [s("div", Oi, [s("h2", {
 				id: n,
 				ref_key: "emailHeading",
 				ref: a,
@@ -3084,11 +3362,11 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			}, N(t.email), 513), s("nav", {
 				class: "g-user-menu__nav",
 				"aria-labelledby": n
-			}, [s("ul", gi, [(w(!0), o(e, null, O(c.default(), (e, t) => (w(), o("li", { key: t }, [(w(), i(A(e)))]))), 128))])])])]),
+			}, [s("ul", ki, [(w(!0), o(e, null, O(c.default(), (e, t) => (w(), o("li", { key: t }, [(w(), i(A(e)))]))), 128))])])])]),
 			_: 1
 		}, 8, ["modelValue"])]));
 	}
-}), vi = /* @__PURE__ */ u({
+}), ji = /* @__PURE__ */ u({
 	__name: "GCurrencyInput",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3139,7 +3417,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			"form-key"
 		]));
 	}
-}), yi = /* @__PURE__ */ u({
+}), Mi = /* @__PURE__ */ u({
 	__name: "GEmailInput",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3184,13 +3462,13 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			"instructions"
 		]));
 	}
-}), bi = ["for"], xi = {
+}), Ni = ["for"], Pi = {
 	key: 0,
 	class: "g-file-input-required"
-}, Si = {
+}, Fi = {
 	key: 0,
 	class: "g-file-input-box-header"
-}, Ci = ["id"], wi = [
+}, Ii = ["id"], Li = [
 	"id",
 	"disabled",
 	"required",
@@ -3199,11 +3477,11 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 	"aria-invalid",
 	"aria-describedby",
 	"aria-errormessage"
-], Ti = {
+], Ri = {
 	key: 1,
 	class: "g-file-input-pills",
 	"aria-label": "Selected files"
-}, Ei = /* @__PURE__ */ u({
+}, zi = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GFileInput",
 	props: /* @__PURE__ */ m({
@@ -3260,12 +3538,12 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 				key: 0,
 				for: L(d),
 				class: "g-file-input-label"
-			}, [c(N(t.label) + " ", 1), t.required ? (w(), o("span", xi, "*")) : a("", !0)], 8, bi)) : a("", !0),
+			}, [c(N(t.label) + " ", 1), t.required ? (w(), o("span", Pi, "*")) : a("", !0)], 8, Ni)) : a("", !0),
 			s("div", { class: _(["g-file-input-box", { "g-file-input-box--disabled": t.disabled }]) }, [
-				t.instructions ? (w(), o("div", Si, [s("span", {
+				t.instructions ? (w(), o("div", Fi, [s("span", {
 					id: "instructions-" + L(d),
 					class: "g-file-input-instructions"
-				}, N(t.instructions), 9, Ci)])) : a("", !0),
+				}, N(t.instructions), 9, Ii)])) : a("", !0),
 				s("input", {
 					id: L(d),
 					type: "file",
@@ -3278,8 +3556,8 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 					"aria-describedby": t.instructions ? "instructions-" + L(d) : void 0,
 					"aria-errormessage": y.value ? "error-message-" + L(d) : void 0,
 					onChange: g
-				}, null, 40, wi),
-				t.multiple && b.value.length > 0 ? (w(), o("ul", Ti, [(w(!0), o(e, null, O(b.value, (e) => (w(), o("li", {
+				}, null, 40, Li),
+				t.multiple && b.value.length > 0 ? (w(), o("ul", Ri, [(w(!0), o(e, null, O(b.value, (e) => (w(), o("li", {
 					key: e,
 					class: "g-file-input-pill"
 				}, [r[0] ||= s("svg", {
@@ -3295,7 +3573,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), Di = /* @__PURE__ */ u({
+}), Bi = /* @__PURE__ */ u({
 	__name: "GDateInput",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3343,21 +3621,21 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			"form-key"
 		]));
 	}
-}), Oi = { class: "g-date-range-input" }, ki = {
+}), Vi = { class: "g-date-range-input" }, Hi = {
 	key: 0,
 	class: "g-date-range-input__label"
-}, Ai = {
+}, Ui = {
 	key: 0,
 	class: "g-date-range-input__required",
 	"aria-hidden": "true"
-}, ji = {
+}, Wi = {
 	key: 1,
 	class: "g-date-range-input__instructions"
-}, Mi = { class: "g-date-range-input__fields" }, Ni = {
+}, Gi = { class: "g-date-range-input__fields" }, Ki = {
 	key: 2,
 	class: "g-date-range-input__errors",
 	role: "alert"
-}, Pi = /* @__PURE__ */ u({
+}, qi = /* @__PURE__ */ u({
 	__name: "GDateRangeInput",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3397,10 +3675,10 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			};
 		}), W(r, (e) => {
 			e.start !== i.value && (i.value = e.start), e.end !== u.value && (u.value = e.end);
-		}, { deep: !0 }), (t, r) => (w(), o("div", Oi, [
-			n.label ? (w(), o("div", ki, [c(N(n.label), 1), n.required ? (w(), o("span", Ai, " *")) : a("", !0)])) : a("", !0),
-			n.instructions ? (w(), o("div", ji, N(n.instructions), 1)) : a("", !0),
-			s("div", Mi, [l(Di, {
+		}, { deep: !0 }), (t, r) => (w(), o("div", Vi, [
+			n.label ? (w(), o("div", Hi, [c(N(n.label), 1), n.required ? (w(), o("span", Ui, " *")) : a("", !0)])) : a("", !0),
+			n.instructions ? (w(), o("div", Wi, N(n.instructions), 1)) : a("", !0),
+			s("div", Gi, [l(Bi, {
 				modelValue: i.value,
 				"onUpdate:modelValue": r[0] ||= (e) => i.value = e,
 				label: n.startLabel,
@@ -3412,7 +3690,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 				"label",
 				"disabled",
 				"required"
-			]), l(Di, {
+			]), l(Bi, {
 				modelValue: u.value,
 				"onUpdate:modelValue": r[1] ||= (e) => u.value = e,
 				label: n.endLabel,
@@ -3425,13 +3703,13 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 				"disabled",
 				"required"
 			])]),
-			L(d).length > 0 ? (w(), o("div", Ni, [(w(!0), o(e, null, O(L(d), (e, t) => (w(), o("div", {
+			L(d).length > 0 ? (w(), o("div", Ki, [(w(!0), o(e, null, O(L(d), (e, t) => (w(), o("div", {
 				key: t,
 				class: "g-date-range-input__error"
 			}, N(e), 1))), 128))])) : a("", !0)
 		]));
 	}
-}), Fi = ["action", "method"], Ii = /* @__PURE__ */ u({
+}), Ji = ["action", "method"], Yi = /* @__PURE__ */ u({
 	__name: "GForm",
 	props: /* @__PURE__ */ m({
 		action: { default: void 0 },
@@ -3471,9 +3749,9 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			hasErrors: L(s).hasErrors.value,
 			values: L(s).values.value,
 			errors: L(s).errors.value
-		})], 40, Fi));
+		})], 40, Ji));
 	}
-}), Li = /* @__PURE__ */ u({
+}), Xi = /* @__PURE__ */ u({
 	__name: "GSubmitButton",
 	props: {
 		disabled: {
@@ -3496,21 +3774,21 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			_: 3
 		}, 8, ["disabled", "variant"]));
 	}
-}), Ri = {
+}), Zi = {
 	key: 0,
 	class: "g-checkbox-group__legend"
-}, zi = {
+}, Qi = {
 	key: 0,
 	class: "g-checkbox-group__required",
 	"aria-hidden": "true"
-}, Bi = {
+}, $i = {
 	key: 1,
 	class: "g-checkbox-group__label"
-}, Vi = {
+}, ea = {
 	key: 0,
 	class: "g-checkbox-group__required",
 	"aria-hidden": "true"
-}, Hi = ["id"], Ui = { class: "g-checkbox-group__options" }, Wi = ["for"], Gi = [
+}, ta = ["id"], na = { class: "g-checkbox-group__options" }, ra = ["for"], ia = [
 	"id",
 	"type",
 	"name",
@@ -3519,7 +3797,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 	"disabled",
 	"required",
 	"onChange"
-], Ki = { class: "g-checkbox-group__label-text" }, qi = ["id"], Ji = /* @__PURE__ */ u({
+], aa = { class: "g-checkbox-group__label-text" }, oa = ["id"], sa = /* @__PURE__ */ u({
 	__name: "GCheckboxGroup",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3581,13 +3859,13 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 		}
 		return (n, r) => (w(), i(A(C.value ? "fieldset" : "div"), h({ class: ["g-checkbox-group", { "g-checkbox-group--error": L(m) }] }, T.value), {
 			default: K(() => [
-				C.value && t.label ? (w(), o("legend", Ri, [c(N(t.label), 1), t.required ? (w(), o("span", zi, "\xA0*")) : a("", !0)])) : !C.value && t.label ? (w(), o("div", Bi, [c(N(t.label), 1), t.required ? (w(), o("span", Vi, "\xA0*")) : a("", !0)])) : a("", !0),
+				C.value && t.label ? (w(), o("legend", Zi, [c(N(t.label), 1), t.required ? (w(), o("span", Qi, "\xA0*")) : a("", !0)])) : !C.value && t.label ? (w(), o("div", $i, [c(N(t.label), 1), t.required ? (w(), o("span", ea, "\xA0*")) : a("", !0)])) : a("", !0),
 				t.instructions ? (w(), o("div", {
 					key: 2,
 					id: S.value,
 					class: "g-checkbox-group__instructions"
-				}, N(t.instructions), 9, Hi)) : a("", !0),
-				s("div", Ui, [(w(!0), o(e, null, O(t.options, (e, n) => (w(), o("div", {
+				}, N(t.instructions), 9, ta)) : a("", !0),
+				s("div", na, [(w(!0), o(e, null, O(t.options, (e, n) => (w(), o("div", {
 					key: e.value,
 					class: _(["g-checkbox-group__option-wrapper", { "g-checkbox-group__option-wrapper--disabled": e.disabled }])
 				}, [s("label", {
@@ -3602,11 +3880,11 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 					disabled: e.disabled,
 					required: t.required && (t.radio && n === 0 || !t.radio && t.options.length === 1),
 					class: "g-checkbox-group__input"
-				}, { ref_for: !0 }, k(e, n), { onChange: (t) => y(e.value, t.target.checked) }), null, 16, Gi), s("span", Ki, N(e.label), 1)], 10, Wi), e.hint ? (w(), o("div", {
+				}, { ref_for: !0 }, k(e, n), { onChange: (t) => y(e.value, t.target.checked) }), null, 16, ia), s("span", aa, N(e.label), 1)], 10, ra), e.hint ? (w(), o("div", {
 					key: 0,
 					id: E(n),
 					class: "g-checkbox-group__hint"
-				}, N(e.hint), 9, qi)) : a("", !0)], 2))), 128))]),
+				}, N(e.hint), 9, oa)) : a("", !0)], 2))), 128))]),
 				l(je, {
 					errors: L(p),
 					id: x.value
@@ -3615,11 +3893,11 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			_: 1
 		}, 16, ["class"]));
 	}
-}), Yi = ["for"], Xi = {
+}), ca = ["for"], la = {
 	key: 0,
 	class: "g-textarea-required",
 	"aria-hidden": "true"
-}, Zi = ["id"], Qi = [
+}, ua = ["id"], da = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -3628,11 +3906,11 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 	"rows",
 	"maxlength",
 	"aria-invalid"
-], $i = {
+], fa = {
 	key: 2,
 	class: "g-textarea-char-count",
 	"aria-live": "polite"
-}, ea = /* @__PURE__ */ u({
+}, pa = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GTextarea",
 	props: /* @__PURE__ */ m({
@@ -3705,12 +3983,12 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 				key: 0,
 				for: m.value,
 				class: "g-textarea-label"
-			}, [c(N(n.label), 1), n.required ? (w(), o("span", Xi, " *")) : a("", !0)], 8, Yi)) : a("", !0),
+			}, [c(N(n.label), 1), n.required ? (w(), o("span", la, " *")) : a("", !0)], 8, ca)) : a("", !0),
 			t.$slots.instructions || e.instructions ? (w(), o("div", {
 				key: 1,
 				id: "instructions-" + L(u),
 				class: "g-textarea-instructions"
-			}, [k(t.$slots, "instructions", {}, () => [c(N(e.instructions), 1)])], 8, Zi)) : a("", !0),
+			}, [k(t.$slots, "instructions", {}, () => [c(N(e.instructions), 1)])], 8, ua)) : a("", !0),
 			s("textarea", h({
 				ref: "textareaEl",
 				value: i.value ?? "",
@@ -3731,279 +4009,14 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 				onInput: T,
 				onBlur: E,
 				onPaste: D
-			}), null, 16, Qi),
-			n.maxlength === void 0 ? a("", !0) : (w(), o("div", $i, N((i.value ?? "").length) + " / " + N(n.maxlength), 1)),
+			}), null, 16, da),
+			n.maxlength === void 0 ? a("", !0) : (w(), o("div", fa, N((i.value ?? "").length) + " / " + N(n.maxlength), 1)),
 			l(je, {
 				errors: L(v),
 				id: "error-message-" + L(u)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), ta = ["id", "for"], na = {
-	key: 0,
-	class: "g-multiselect-required",
-	"aria-hidden": "true"
-}, ra = ["id"], ia = ["aria-labelledby"], aa = { class: "g-multiselect-chip-label" }, oa = [
-	"aria-label",
-	"disabled",
-	"onClick"
-], sa = [
-	"id",
-	"value",
-	"placeholder",
-	"disabled",
-	"aria-expanded",
-	"aria-controls",
-	"aria-activedescendant",
-	"aria-describedby",
-	"aria-required"
-], ca = ["id"], la = [
-	"id",
-	"aria-selected",
-	"onClick"
-], ua = {
-	class: "g-multiselect-option-check",
-	"aria-hidden": "true"
-}, da = {
-	key: 0,
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 0 640 640",
-	width: "1.25em"
-}, fa = {
-	key: 1,
-	"aria-live": "polite",
-	class: "g-multiselect-option g-multiselect-no-results"
-}, pa = /* @__PURE__ */ u({
-	__name: "GMultiSelect",
-	props: /* @__PURE__ */ m({
-		options: {},
-		label: {},
-		hiddenLabel: {
-			type: Boolean,
-			default: !1
-		},
-		placeholder: {},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		required: {
-			type: Boolean,
-			default: !1
-		},
-		name: {},
-		errors: { default: () => [] },
-		instructions: {},
-		formKey: {}
-	}, {
-		modelValue: { default: () => [] },
-		modelModifiers: {}
-	}),
-	emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
-	setup(t, { emit: n }) {
-		let i = t, u = n, d = B(t, "modelValue"), f = z(), p = D(null), m = D(null), v = D(null), y = D(!1), b = D(0), x = D(""), S = D(!1), { displayErrors: C, hasErrors: T } = $({
-			name: i.name,
-			value: d,
-			errors: F(i, "errors"),
-			formKey: i.formKey
-		}), { menuPlacement: E, menuStyle: k, isTop: A, scrollOptionIntoView: j } = Mt({
-			open: y,
-			anchorRef: m,
-			listboxRef: v,
-			baseId: f,
-			activeIndex: b
-		}), M = r(() => jt(i.options)), P = r(() => {
-			if (!x.value) return M.value;
-			let e = x.value.toLowerCase();
-			return M.value.filter((t) => t.label.toLowerCase().includes(e));
-		});
-		function I(e) {
-			return d.value.includes(e);
-		}
-		function R(e) {
-			let t = M.value.find((t) => t.value === e);
-			return t ? t.label : String(e);
-		}
-		function V() {
-			i.disabled || (y.value = !0, b.value = 0);
-		}
-		function H() {
-			y.value = !1, x.value = "";
-		}
-		function U(e) {
-			let t = P.value[e];
-			if (!t) return;
-			let n = d.value, r = I(t.value) ? n.filter((e) => e !== t.value) : [...n, t.value];
-			d.value = r, u("change", r), g(() => p.value?.focus());
-		}
-		function W(e) {
-			if (i.disabled) return;
-			let t = d.value.filter((t) => t !== e);
-			d.value = t, u("change", t);
-		}
-		function G() {
-			i.disabled || (p.value?.focus(), y.value || V());
-		}
-		function K(e) {
-			x.value = e.target.value, b.value = 0, y.value || V();
-		}
-		function Y() {
-			i.disabled || y.value || V();
-		}
-		function te(e) {
-			if (S.value) {
-				S.value = !1;
-				return;
-			}
-			let t = e.relatedTarget;
-			t && v.value?.contains(t) || t && m.value?.contains(t) || H();
-		}
-		function X(e) {
-			e.preventDefault();
-		}
-		function Z() {
-			S.value = !0;
-		}
-		function ne(e) {
-			if (i.disabled) return;
-			let t = P.value.length - 1;
-			switch (e.key) {
-				case "ArrowDown":
-					e.preventDefault(), y.value ? (b.value = Math.min(t, b.value + 1), j()) : V();
-					break;
-				case "ArrowUp":
-					e.preventDefault(), y.value ? (b.value = Math.max(0, b.value - 1), j()) : V();
-					break;
-				case "Home":
-					e.preventDefault(), b.value = 0, j();
-					break;
-				case "End":
-					e.preventDefault(), b.value = t, j();
-					break;
-				case "Enter":
-					e.preventDefault(), y.value && P.value.length > 0 ? U(b.value) : y.value || V();
-					break;
-				case " ":
-					y.value && !x.value && (e.preventDefault(), P.value.length > 0 && U(b.value));
-					break;
-				case "Escape":
-					A.value && (e.preventDefault(), setTimeout(() => H(), 0));
-					break;
-				case "Backspace":
-					!x.value && d.value.length > 0 && W(d.value[d.value.length - 1]);
-					break;
-			}
-		}
-		let re = r(() => `${f}-input`), ie = r(() => `${f}-label`), ae = r(() => `${f}-instructions`), oe = r(() => `error-message-${f}`), se = r(() => {
-			let e = [];
-			return i.instructions && e.push(ae.value), T.value && e.push(oe.value), e.length > 0 ? e.join(" ") : void 0;
-		});
-		return (n, r) => (w(), o("div", { class: _(["g-multiselect-root", {
-			"g-multiselect-open": y.value,
-			"g-multiselect-has-error": L(T)
-		}]) }, [
-			t.hiddenLabel ? a("", !0) : (w(), o("label", {
-				key: 0,
-				id: ie.value,
-				for: re.value,
-				class: "g-multiselect-label"
-			}, [c(N(t.label), 1), t.required ? (w(), o("span", na, " *")) : a("", !0)], 8, ta)),
-			t.instructions ? (w(), o("div", {
-				key: 1,
-				id: ae.value,
-				class: "g-multiselect-instructions"
-			}, N(t.instructions), 9, ra)) : a("", !0),
-			s("div", {
-				ref_key: "controlRef",
-				ref: m,
-				class: _(["g-multiselect-control", { "g-multiselect-control--disabled": t.disabled }]),
-				onClick: G
-			}, [
-				s("ul", {
-					class: "g-multiselect-chips",
-					"aria-labelledby": ie.value
-				}, [(w(!0), o(e, null, O(d.value, (e) => (w(), o("li", {
-					key: e,
-					class: "g-multiselect-chip"
-				}, [s("span", aa, N(R(e)), 1), s("button", {
-					type: "button",
-					class: "g-multiselect-chip-remove",
-					"aria-label": `Remove ${R(e)}`,
-					disabled: t.disabled,
-					onMousedown: Z,
-					onClick: J((t) => W(e), ["stop"])
-				}, [...r[0] ||= [s("svg", {
-					xmlns: "http://www.w3.org/2000/svg",
-					viewBox: "0 0 51.26 51.26",
-					width: "1em",
-					role: "none presentation"
-				}, [s("path", {
-					fill: "currentColor",
-					d: "m37.84 32.94-7.63-7.63 7.63-7.63a3.24 3.24 0 0 0-4.58-4.58l-7.63 7.63L18 13.1a3.24 3.24 0 0 0-4.58 4.58L21 25.31l-7.62 7.63A3.24 3.24 0 1 0 18 37.52l7.63-7.63 7.63 7.63a3.24 3.24 0 0 0 4.58-4.58Z"
-				})], -1)]], 40, oa)]))), 128))], 8, ia),
-				s("input", h({
-					ref_key: "inputRef",
-					ref: p,
-					type: "text",
-					role: "combobox",
-					class: "g-multiselect-input",
-					id: re.value,
-					value: x.value,
-					placeholder: d.value.length === 0 ? t.placeholder : void 0,
-					disabled: t.disabled,
-					autocomplete: "off",
-					"aria-autocomplete": "list",
-					"aria-expanded": y.value ? "true" : "false",
-					"aria-haspopup": "listbox",
-					"aria-controls": L(f) + "-listbox",
-					"aria-activedescendant": y.value && P.value.length > 0 ? L(f) + "-option-" + b.value : void 0
-				}, t.hiddenLabel ? { "aria-label": t.label } : void 0, {
-					"aria-describedby": se.value,
-					"aria-required": t.required ? "true" : void 0,
-					onInput: K,
-					onKeydown: ne,
-					onFocus: Y,
-					onBlur: te
-				}), null, 16, sa),
-				r[2] ||= s("svg", {
-					class: "g-multiselect-caret",
-					xmlns: "http://www.w3.org/2000/svg",
-					viewBox: "0 0 51.26 51.26",
-					"aria-hidden": "true",
-					width: "1.125em"
-				}, [s("path", {
-					fill: "currentColor",
-					d: "M38.75 24.13a1.36 1.36 0 0 1 0 2.36l-12.44 7.18-12.43 7.18a1.36 1.36 0 0 1-2.05-1.18V11a1.36 1.36 0 0 1 2.05-1.18L26.31 17Z"
-				})], -1),
-				q(s("div", h({
-					ref_key: "listboxRef",
-					ref: v,
-					id: L(f) + "-listbox",
-					role: "listbox",
-					"aria-multiselectable": "true"
-				}, t.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": ie.value }, {
-					class: ["g-multiselect-listbox", { "g-multiselect-listbox--above": L(E) === "above" }],
-					style: L(k),
-					tabindex: "-1"
-				}), [P.value.length > 0 ? (w(!0), o(e, { key: 0 }, O(P.value, (e, t) => (w(), o("div", {
-					key: e.value,
-					id: L(f) + "-option-" + t,
-					role: "option",
-					class: _(["g-multiselect-option", {
-						"g-multiselect-option--active": t === b.value,
-						"g-multiselect-option--selected": I(e.value)
-					}]),
-					"aria-selected": I(e.value) ? "true" : "false",
-					onMousedown: X,
-					onClick: (e) => U(t)
-				}, [s("span", ua, [I(e.value) ? (w(), o("svg", da, [...r[1] ||= [s("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)]])) : a("", !0)]), c(" " + N(e.label), 1)], 42, la))), 128)) : (w(), o("div", fa, " No results found. "))], 16, ca), [[ee, y.value]])
-			], 2),
-			l(je, {
-				errors: L(C),
-				id: oe.value
-			}, null, 8, ["errors", "id"])
-		], 2));
-	}
 });
 //#endregion
 //#region src/compose/useActiveLink.ts
@@ -4171,6 +4184,6 @@ function ga() {
 	};
 }
 //#endregion
-export { ke as $, $n as A, Ht as B, Pr as C, tr as D, rr as E, hn as F, it as G, wt as H, dn as I, Qe as J, et as K, ln as L, Cn as M, vn as N, ir as O, gn as P, $ as Q, on as R, Ur as S, er as T, yt as U, At as V, ft as W, qe as X, Ke as Y, Re as Z, ii as _, ea as a, Zr as b, Ii as c, Ei as d, De as et, yi as f, ci as g, fi as h, pa as i, Q as it, Rn as j, ar as k, Pi as l, _i as m, ha as n, be as nt, Ji as o, vi as p, $e as q, ma as r, ye as rt, Li as s, ga as t, Ee as tt, Di as u, ni as v, nr as w, Yr as x, Qr as y, Qt as z };
+export { ke as $, $n as A, Ht as B, hr as C, _r as D, mr as E, hn as F, it as G, wt as H, dn as I, Qe as J, et as K, ln as L, Cn as M, vn as N, vr as O, gn as P, $ as Q, on as R, qr as S, gr as T, yt as U, At as V, ft as W, qe as X, Ke as Y, Re as Z, hi as _, sa as a, ci as b, qi as c, Mi as d, De as et, ji as f, _i as g, xi as h, pa as i, Q as it, Rn as j, fr as k, Bi as l, Ti as m, ha as n, be as nt, Xi as o, Ai as p, $e as q, ma as r, ye as rt, Yi as s, ga as t, Ee as tt, zi as u, di as v, pr as w, ni as x, ui as y, Qt as z };
 
-//# sourceMappingURL=grad-vue-SX-RHHr3.js.map
+//# sourceMappingURL=grad-vue-BlLcBFHO.js.map