@illinois-grad/grad-vue 7.1.0 → 7.1.2

package/dist/grad-vue-elements.js

@@ -5182,9 +5182,14 @@ var du = /* @__PURE__ */ z({
 			t.value = !0;
 		}), (e, n) => t.value ? H(e.$slots, "default", {}, void 0, void 0, 0) : H(e.$slots, "fallback", {}, void 0, void 0, 1);
 	}
-}), fu = { class: "g-popover-wrap" }, pu = ["id"], mu = ["aria-labelledby", "aria-label"], hu = /*#__PURE__*/ $(/* @__PURE__ */ z({
+}), fu = { class: "g-popover-wrap" }, pu = ["id"], mu = [
+	"id",
+	"aria-labelledby",
+	"aria-label"
+], hu = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	__name: "GPopover",
 	props: {
+		ariaLabelledby: { type: String },
 		minimal: {
 			type: Boolean,
 			default: !1
@@ -5268,7 +5273,11 @@ var du = /* @__PURE__ */ z({
 			ref: c,
 			class: "g-popover-trigger",
 			id: `${I(p)}-trigger`
-		}, [H(t.$slots, "trigger", { toggle: S })], 8, pu)) : Z("", !0), Y(du, null, {
+		}, [H(t.$slots, "trigger", {
+			toggle: S,
+			open: a.value,
+			popoverId: `${I(p)}-popover`
+		})], 8, pu)) : Z("", !0), Y(du, null, {
 			default: L(() => [(G(), q(fr, {
 				to: "#modal-root",
 				disabled: I(f)
@@ -5280,6 +5289,7 @@ var du = /* @__PURE__ */ z({
 					key: 0,
 					ref_key: "popoverRef",
 					ref: l,
+					id: `${I(p)}-popover`,
 					class: j({
 						"g-popover": !0,
 						"g-popover-above": T.value,
@@ -5289,8 +5299,8 @@ var du = /* @__PURE__ */ z({
 					}),
 					role: "dialog",
 					"aria-modal": "true",
-					"aria-labelledby": s.value ? `${I(p)}-trigger` : void 0,
-					"aria-label": s.value ? void 0 : "Popover",
+					"aria-labelledby": e.ariaLabelledby || (s.value ? `${I(p)}-trigger` : void 0),
+					"aria-label": e.ariaLabelledby || s.value ? void 0 : "Popover",
 					style: le({
 						top: C.value.top + "px",
 						left: C.value.left + "px",
@@ -7246,6 +7256,7 @@ var Kd = ["id", "for"], qd = {
 }), [["styles", [""]]]), _f = ["aria-label"], vf = [
 	"placeholder",
 	"value",
+	"aria-label",
 	"aria-expanded",
 	"aria-controls",
 	"aria-activedescendant"
@@ -7346,6 +7357,7 @@ var Kd = ["id", "for"], qd = {
 			onInput: d,
 			onKeydown: m,
 			role: "combobox",
+			"aria-label": r.label,
 			"aria-expanded": _.value,
 			"aria-autocomplete": "list",
 			"aria-controls": `${I(y)}-list`,
@@ -7353,14 +7365,13 @@ var Kd = ["id", "for"], qd = {
 		}, null, 40, vf), J("button", {
 			type: "submit",
 			class: "g-search-submit",
-			"aria-label": "Submit search",
 			onKeydown: m
 		}, [g.value ? (G(), q(gf, {
 			key: 0,
 			size: "tiny"
 		})) : Z("", !0), t[1] ||= J("svg", {
 			role: "img",
-			"aria-label": "Search",
+			"aria-label": "Submit Search",
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 51.26 51.26"
 		}, [J("path", {
@@ -9234,7 +9245,8 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 					class: "g-column-head",
 					onClick: (e) => me(t, e.shiftKey)
 				}, [
-					X(M(t.label) + " ", 1),
+					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", Vm, [(G(), K("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 640 640",
@@ -9248,10 +9260,10 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 				], 8, Bm)) : (G(), K("span", Um, M(t.label), 1)), t.filter ? (G(), q(hu, { key: 2 }, {
 					trigger: L(({ toggle: e }) => [J("button", {
 						onClick: Ts(e, ["stop"]),
-						"aria-label": Xe(t) ? "Column Filtered" : "Filter Column",
+						"aria-label": Xe(t) ? `Filter ${t.label} column (filtered)` : `Filter ${t.label} column`,
 						class: j(["g-filter-btn", { "g-active": Xe(t) }]),
 						type: "button"
-					}, [...n[14] ||= [J("svg", {
+					}, [...n[15] ||= [J("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 640 640",
 						height: "1.5em",
@@ -9275,7 +9287,7 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 						"onUpdate:modelValue",
 						"options",
 						"search-description"
-					])) : t.filter.type === "search" ? (G(), K("div", Gm, [n[15] ||= J("span", {
+					])) : t.filter.type === "search" ? (G(), K("div", Gm, [n[16] ||= J("span", {
 						class: "g-filter-search-icon",
 						"aria-hidden": "true"
 					}, [J("svg", {
@@ -9337,7 +9349,7 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 						size: "small",
 						onClick: (e) => Ye(t, [])
 					}, {
-						default: L(() => [...n[16] ||= [X(" Clear ", -1)]]),
+						default: L(() => [...n[17] ||= [X(" Clear ", -1)]]),
 						_: 1
 					}, 8, ["onClick"])) : Z("", !0)])) : Z("", !0)]),
 					_: 2
@@ -9455,10 +9467,7 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 			"label"
 		])])]));
 	}
-}), [["styles", [""]]]), dh = { class: "g-term-selector" }, fh = { class: "g-term-label" }, ph = {
-	class: "g-popover-title",
-	tabindex: "-1"
-}, mh = /*#__PURE__*/ $(/* @__PURE__ */ z({
+}), [["styles", [""]]]), dh = { class: "g-term-selector" }, fh = { class: "g-term-label" }, ph = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	__name: "GTermSelector",
 	props: /*@__PURE__*/ U({
 		heading: {
@@ -9488,41 +9497,52 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = Ni(e, "modelValue");
-		return (n, r) => (G(), K("div", dh, [Y(hu, null, {
-			trigger: L(({ toggle: e }) => [Y(eu, {
+		let t = Ni(e, "modelValue"), n = `${B()}-heading`;
+		return (r, i) => (G(), K("div", dh, [Y(hu, { "aria-labelledby": n }, {
+			trigger: L(({ toggle: e, open: n, popoverId: r }) => [Y(eu, {
 				class: "g-term-selector-button",
 				theme: "none",
 				outlined: "",
+				"aria-haspopup": "dialog",
+				"aria-expanded": n,
+				"aria-controls": n ? r : void 0,
 				onClick: e
 			}, {
 				default: L(() => [
-					r[1] ||= J("span", { class: "g-calendar-icon" }, [J("svg", {
+					i[1] ||= J("span", { class: "g-calendar-icon" }, [J("svg", {
 						role: "none",
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 640 640"
 					}, [J("path", { d: "M224 64C206.3 64 192 78.3 192 96L192 128L160 128C124.7 128 96 156.7 96 192L96 240L544 240L544 192C544 156.7 515.3 128 480 128L448 128L448 96C448 78.3 433.7 64 416 64C398.3 64 384 78.3 384 96L384 128L256 128L256 96C256 78.3 241.7 64 224 64zM96 288L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 288L96 288z" })])], -1),
 					J("span", fh, M(t.value?.name) + " " + M(t.value?.year), 1),
-					r[2] ||= J("span", { class: "g-caret" }, [J("svg", {
+					i[2] ||= J("span", { class: "g-caret" }, [J("svg", {
 						role: "none",
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 640 640"
 					}, [J("path", { d: "M300.3 440.8C312.9 451 331.4 450.3 343.1 438.6L471.1 310.6C480.3 301.4 483 287.7 478 275.7C473 263.7 461.4 256 448.5 256L192.5 256C179.6 256 167.9 263.8 162.9 275.8C157.9 287.8 160.7 301.5 169.9 310.6L297.9 438.6L300.3 440.8z" })])], -1)
 				]),
 				_: 1
-			}, 8, ["onClick"])]),
-			default: L(() => [J("h2", ph, M(e.heading), 1), Y(uh, Ha(n.$props, {
+			}, 8, [
+				"aria-expanded",
+				"aria-controls",
+				"onClick"
+			])]),
+			default: L(() => [J("h2", {
+				id: n,
+				class: "g-popover-title",
+				tabindex: "-1"
+			}, M(e.heading), 1), Y(uh, Ha(r.$props, {
 				modelValue: t.value,
-				"onUpdate:modelValue": r[0] ||= (e) => t.value = e
+				"onUpdate:modelValue": i[0] ||= (e) => t.value = e
 			}), null, 16, ["modelValue"])]),
 			_: 1
 		})]));
 	}
-}), [["styles", [""]]]), hh = ["for"], gh = {
+}), [["styles", [""]]]), mh = ["for"], hh = {
 	key: 0,
 	class: "g-textarea-required",
 	"aria-hidden": "true"
-}, _h = ["id"], vh = [
+}, gh = ["id"], _h = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -9531,11 +9551,11 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 	"rows",
 	"maxlength",
 	"aria-invalid"
-], yh = {
+], vh = {
 	key: 2,
 	class: "g-textarea-char-count",
 	"aria-live": "polite"
-}, bh = /*#__PURE__*/ $(/* @__PURE__ */ z({
+}, yh = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	inheritAttrs: !1,
 	__name: "GTextarea",
 	props: /*@__PURE__*/ U({
@@ -9633,12 +9653,12 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 				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", hh, " *")) : Z("", !0)], 8, mh)) : 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, gh)) : Z("", !0),
 			J("textarea", Ha({
 				ref: "textareaEl",
 				value: r.value ?? "",
@@ -9659,36 +9679,36 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 				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, _h),
+			n.maxlength === void 0 ? Z("", !0) : (G(), K("div", vh, 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", [""]]]), bh = { class: "g-three-way-toggle-wrapper" }, xh = { class: "g-three-way-toggle-control" }, Sh = ["id"], Ch = [
 	"aria-labelledby",
 	"aria-describedby",
 	"disabled",
 	"aria-invalid",
 	"aria-errormessage"
-], Th = { key: 0 }, Eh = { key: 1 }, Dh = { key: 2 }, Oh = ["for"], kh = [
+], wh = { key: 0 }, Th = { key: 1 }, Eh = { key: 2 }, Dh = ["for"], Oh = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], Ah = ["for"], jh = [
+], kh = ["for"], Ah = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], Mh = ["for"], Nh = [
+], jh = ["for"], Mh = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], Ph = ["id"], Fh = /*#__PURE__*/ $(/* @__PURE__ */ z({
+], Nh = ["id"], Ph = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	__name: "GThreeWayToggle",
 	props: /*@__PURE__*/ U({
 		label: { type: String },
@@ -9722,10 +9742,10 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 		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", bh, [J("div", xh, [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, Sh), J("fieldset", {
 			class: j(["g-three-way-toggle", { "g-has-error": e.error }]),
 			role: "radiogroup",
 			"aria-labelledby": I(c),
@@ -9737,7 +9757,7 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 			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", wh, "NO")) : r.value === !0 ? (G(), K("span", Th, "YES")) : (G(), K("span", Eh))], 2),
 			J("label", {
 				for: I(u),
 				class: "g-toggle-option g-left",
@@ -9751,7 +9771,7 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 				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, Oh), n[5] ||= J("span", { class: "ilw-sr-only" }, "No", -1)], 40, Dh),
 			J("label", {
 				for: I(d),
 				class: "g-toggle-option g-center",
@@ -9763,7 +9783,7 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 				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, Ah), n[6] ||= J("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, kh),
 			J("label", {
 				for: I(f),
 				class: "g-toggle-option g-right",
@@ -9777,16 +9797,16 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 				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, Mh), n[7] ||= J("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, jh)
+		], 2)], 10, Ch)]), 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, Nh)) : Z("", !0)]));
 	}
-}), [["styles", [""]]]), Ih = { class: "g-toggle-wrapper" }, Lh = ["for"], Rh = [
+}), [["styles", [""]]]), Fh = { class: "g-toggle-wrapper" }, Ih = ["for"], Lh = [
 	"id",
 	"checked",
 	"disabled",
@@ -9794,7 +9814,7 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 	"aria-describedby",
 	"aria-invalid",
 	"aria-errormessage"
-], zh = ["id"], Bh = /*#__PURE__*/ $(/* @__PURE__ */ z({
+], Rh = ["id"], zh = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	__name: "GToggle",
 	props: /*@__PURE__*/ U({
 		label: { type: String },
@@ -9829,11 +9849,11 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 			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", Fh, [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, Ih)), J("div", { class: j(["g-toggle", { "g-has-error": e.error }]) }, [J("div", { class: j(["g-toggle-track", [r.value ? "g-right" : "g-left", { "g-disabled": e.disabled }]]) }, [J("span", {
 			class: j(["g-toggle-thumb", r.value ? "g-right" : "g-left"]),
 			"aria-hidden": "true"
 		}, null, 2), J("input", {
@@ -9847,21 +9867,21 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 			"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, Lh)], 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, Rh)) : Z("", !0)]));
 	}
-}), [["styles", [""]]]), Vh = { class: "g-tree-menu__divider" }, Hh = {
+}), [["styles", [""]]]), Bh = { class: "g-tree-menu__divider" }, Vh = {
 	key: 0,
 	class: "g-tree-menu__divider-line"
-}, Uh = {
+}, Hh = {
 	key: 1,
 	class: "g-tree-menu__expand-all-wrapper"
-}, Wh = { class: "g-tree-menu__content" }, Gh = /*#__PURE__*/ $(/* @__PURE__ */ z({
+}, Uh = { class: "g-tree-menu__content" }, Wh = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	__name: "GTreeMenu",
 	props: {
 		heading: { type: String },
@@ -9921,7 +9941,7 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 				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", Bh, [e.smallHeading ? Z("", !0) : (G(), K("div", Vh)), e.showExpandAll ? (G(), K("div", Hh, [J("button", {
 				class: "g-tree-menu__expand-all-btn",
 				onClick: u
 			}, [(G(), K("svg", {
@@ -9934,10 +9954,10 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 				"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", Uh, [H(n.$slots, "default")])
 		], 16));
 	}
-}), [["styles", [""]]]), Kh = /*#__PURE__*/ $(/* @__PURE__ */ z({
+}), [["styles", [""]]]), Gh = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	name: "GTreeMenuList",
 	props: { listType: {
 		default: void 0,
@@ -9957,20 +9977,20 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 			_: 3
 		}, 8, ["role"]));
 	}
-}), [["styles", [""]]]), qh = {
+}), [["styles", [""]]]), Kh = {
 	key: 0,
 	class: "g-tree-menu__row"
-}, Jh = { class: "g-tree-menu__row-content-text" }, Yh = [
+}, qh = { class: "g-tree-menu__row-content-text" }, Jh = [
 	"aria-controls",
 	"aria-expanded",
 	"aria-label"
-], Xh = {
+], Yh = {
 	key: 1,
 	class: "g-tree-menu__row g-tree-menu__row--leaf"
-}, Zh = {
+}, Xh = {
 	class: "g-tree-menu__row-content",
 	"data-tree-primary": ""
-}, Qh = /*#__PURE__*/ $(/* @__PURE__ */ z({
+}, Zh = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	name: "GTreeMenuItem",
 	inheritAttrs: !1,
 	props: {
@@ -10035,11 +10055,11 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 			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", Kh, [J("span", {
 				class: "g-tree-menu__row-content",
 				"data-tree-primary": "",
 				onClick: b
-			}, [J("span", Jh, [H(e.$slots, "default")])]), J("button", {
+			}, [J("span", qh, [H(e.$slots, "default")])]), J("button", {
 				type: "button",
 				class: "g-tree-menu__toggle-btn",
 				"aria-controls": I(o) + "-children",
@@ -10057,7 +10077,7 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 				"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, Jh)])) : (G(), K("div", Yh, [t[1] ||= J("span", { class: "g-tree-menu__spacer" }, null, -1), J("span", Xh, [H(e.$slots, "default")])])), c.value && f.value ? (G(), q(Gh, {
 				key: 2,
 				id: I(o) + "-children"
 			}, {
@@ -10067,11 +10087,11 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 			_: 3
 		}, 16, ["role", "data-tree-expandable"]));
 	}
-}), [["styles", [""]]]), $h = { class: "g-user-menu" }, eg = [
+}), [["styles", [""]]]), Qh = { class: "g-user-menu" }, $h = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
-], tg = { class: "g-user-menu__popover" }, ng = { class: "g-user-menu__list" }, rg = /*#__PURE__*/ $(/* @__PURE__ */ z({
+], eg = { class: "g-user-menu__popover" }, tg = { class: "g-user-menu__list" }, ng = /*#__PURE__*/ $(/* @__PURE__ */ z({
 	__name: "GUserMenu",
 	props: {
 		initials: { type: String },
@@ -10089,7 +10109,7 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 		let t = `${B()}-email`, n = /* @__PURE__ */ F(!1), r = jr("emailHeading");
 		Ja()?.appContext?.components?.RouterLink;
 		let i = ui();
-		return (a, o) => (G(), K("div", $h, [Y(hu, {
+		return (a, o) => (G(), K("div", Qh, [Y(hu, {
 			modelValue: n.value,
 			"onUpdate:modelValue": o[0] ||= (e) => n.value = e,
 			minimal: ""
@@ -10097,12 +10117,12 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 			trigger: L(({ toggle: t }) => [J("button", {
 				class: "g-user-menu__avatar",
 				style: le({ backgroundColor: e.color }),
-				"aria-label": e.initials + " - " + e.label,
+				"aria-label": e.label + ": " + e.initials,
 				"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, $h)]),
+			default: L(() => [J("div", eg, [J("h2", {
 				id: t,
 				ref_key: "emailHeading",
 				ref: r,
@@ -10111,19 +10131,19 @@ var Xp = { class: "g-table-outer-wrap" }, Zp = {
 			}, M(e.email), 513), J("nav", {
 				class: "g-user-menu__nav",
 				"aria-labelledby": t
-			}, [J("ul", ng, [(G(!0), K(W, null, V(i.default(), (e, t) => (G(), K("li", { key: t }, [(G(), q(ni(e)))]))), 128))])])])]),
+			}, [J("ul", tg, [(G(!0), K(W, null, V(i.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", [""]]]), rg = globalThis;
+rg.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ = !0;
+var ig = {
 	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 = (rg.__GRAD_VUE_WC_APP_ID__ ?? 0) + 1;
+		rg.__GRAD_VUE_WC_APP_ID__ = t, e.config.idPrefix = `g-wc-${t}-`;
 	}
-}, og = [
+}, ag = [
 	["g-alert-dialog", ou],
 	["g-app-header", Ou],
 	["g-button", eu],
@@ -10153,19 +10173,19 @@ var ag = {
 	["g-submit-button", $f],
 	["g-table", oh],
 	["g-table-body", mp],
-	["g-term-selector", mh],
+	["g-term-selector", ph],
 	["g-term-selector-control", uh],
 	["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", yh],
+	["g-three-way-toggle", Ph],
+	["g-toggle", zh],
+	["g-tree-menu", Wh],
+	["g-tree-menu-list", Gh],
+	["g-tree-menu-item", Zh],
+	["g-user-menu", ng]
 ];
-for (let [e, t] of og) {
-	let n = /* @__PURE__ */ bs(t, ag);
+for (let [e, t] of ag) {
+	let n = /* @__PURE__ */ bs(t, ig);
 	customElements.define(e, n);
 }
 //#endregion