@illinois-grad/grad-vue 4.0.2 → 4.0.3

package/dist/{grad-vue-BEsMZsHZ.js → grad-vue-BP-cplar.js}

@@ -1,5 +1,5 @@
-import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, getCurrentInstance as d, guardReactiveProps as f, inject as p, mergeModels as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeMount as b, onBeforeUnmount as x, onMounted as S, onUnmounted as C, openBlock as w, provide as T, reactive as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as A, shallowReactive as j, shallowRef as M, toDisplayString as N, toRaw as P, toRef as F, toValue as I, unref as L, useAttrs as R, useId as z, useModel as B, useSlots as V, useTemplateRef as H, vModelCheckbox as U, vModelText as W, vShow as ee, watch as G, watchEffect as te, withCtx as K, withDirectives as ne, withModifiers as q } from "vue";
-import { createEventHook as J, toArray as Y, tryOnScopeDispose as re, unrefElement as ie, useClipboard as ae, useDebounceFn as X, useFocusWithin as Z, useIntersectionObserver as oe, useMediaQuery as se, useMutationObserver as ce, useResizeObserver as le, useSessionStorage as ue } from "@vueuse/core";
+import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, getCurrentInstance as d, guardReactiveProps as f, inject as p, mergeModels as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeMount as b, onBeforeUnmount as x, onMounted as S, onUnmounted as C, openBlock as w, provide as T, reactive as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as A, shallowReactive as j, shallowRef as M, toDisplayString as N, toRaw as P, toRef as F, toValue as I, unref as L, useAttrs as R, useId as z, useModel as B, useSlots as V, useTemplateRef as H, vModelCheckbox as U, vModelText as ee, vShow as te, watch as W, watchEffect as ne, withCtx as G, withDirectives as re, withModifiers as K } from "vue";
+import { createEventHook as q, toArray as J, tryOnScopeDispose as ie, unrefElement as Y, useClipboard as ae, useDebounceFn as X, useFocusWithin as Z, useIntersectionObserver as oe, useMediaQuery as se, useMutationObserver as ce, useResizeObserver as le, useSessionStorage as ue } from "@vueuse/core";
 import { createFocusTrap as de } from "focus-trap";
 //#region src/compose/useCustomElementAttrs.ts
 function Q() {
@@ -79,7 +79,7 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, $ = /* @__PUR
 			onMouseenter: u[7] ||= (e) => r.$emit("mouseenter", e),
 			onMouseleave: u[8] ||= (e) => r.$emit("mouseleave", e)
 		}), {
-			default: K(() => [t.icon || a.icon ? (w(), o(e, { key: 0 }, [s("span", pe, [a.icon ? k(r.$slots, "icon", {}, void 0, void 0, 0) : (w(), o("span", {
+			default: G(() => [t.icon || a.icon ? (w(), o(e, { key: 0 }, [s("span", pe, [a.icon ? k(r.$slots, "icon", {}, void 0, void 0, 0) : (w(), o("span", {
 				key: 1,
 				class: _(t.icon + " g-btn--icon-span"),
 				"aria-hidden": "true"
@@ -147,7 +147,7 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, $ = /* @__PUR
 				id: L(u),
 				class: "g-tree-menu__title"
 			}, {
-				default: K(() => [k(n.$slots, "heading", {}, () => [c(N(e.heading), 1)])]),
+				default: G(() => [k(n.$slots, "heading", {}, () => [c(N(e.heading), 1)])]),
 				_: 3
 			}, 8, ["id"])) : a("", !0),
 			s("div", he, [e.smallHeading ? a("", !0) : (w(), o("div", ge)), e.showExpandAll ? (w(), o("div", _e, [s("button", {
@@ -179,7 +179,7 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, $ = /* @__PUR
 			role: L(o) ? "list" : void 0,
 			class: "g-tree-menu__list"
 		}, {
-			default: K(() => [k(e.$slots, "default")]),
+			default: G(() => [k(e.$slots, "default")]),
 			_: 3
 		}, 8, ["role"]));
 	}
@@ -220,9 +220,9 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, $ = /* @__PUR
 			return n.expanded;
 		}
 		let C = D(b());
-		G(() => n.expanded, (e) => {
+		W(() => n.expanded, (e) => {
 			v && n.label !== void 0 || (C.value = e);
-		}), G(C, (e) => {
+		}), W(C, (e) => {
 			v && n.label !== void 0 && (e ? v.value[n.label] = !0 : delete v.value[n.label]);
 		});
 		function T() {
@@ -235,9 +235,9 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, $ = /* @__PUR
 		function P() {
 			O?.delete(E);
 		}
-		G(C, (e) => {
+		W(C, (e) => {
 			O && g.value && O.set(E, e);
-		}), j && G(() => j.value.version, () => {
+		}), j && W(() => j.value.version, () => {
 			g.value && (C.value = j.value.expanded, M.value = j.value.version);
 		}), S(() => {
 			N(), j && g.value && j.value.version > M.value && j.value.expanded && (C.value = !0, M.value = j.value.version);
@@ -261,7 +261,7 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, $ = /* @__PUR
 			class: "g-tree-menu__item",
 			"data-tree-expandable": g.value ? "true" : void 0
 		}), {
-			default: K(() => [g.value ? (w(), o("div", xe, [s("span", {
+			default: G(() => [g.value ? (w(), o("div", xe, [s("span", {
 				class: "g-tree-menu__row-content",
 				"data-tree-primary": "",
 				onClick: F
@@ -287,7 +287,7 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, $ = /* @__PUR
 				key: 2,
 				id: L(f) + "-children"
 			}, {
-				default: K(() => [k(e.$slots, "children")]),
+				default: G(() => [k(e.$slots, "children")]),
 				_: 3
 			}, 8, ["id"])) : a("", !0)]),
 			_: 3
@@ -560,9 +560,9 @@ var Xe = (e) => e != null;
 //#region ../../node_modules/@vueuse/integrations/dist/useFocusTrap-lXZ_YG-8.js
 function Ze(e, t = {}) {
 	let n, { immediate: i, ...a } = t, o = M(!1), s = M(!1), c = (e) => n && n.activate(e), l = (e) => n && n.deactivate(e);
-	return G(r(() => Y(I(e)).map((e) => {
+	return W(r(() => J(I(e)).map((e) => {
 		let t = I(e);
-		return typeof t == "string" ? t : ie(t);
+		return typeof t == "string" ? t : Y(t);
 	}).filter(Xe)), (e) => {
 		if (e.length) {
 			if (!n) n = de(e, {
@@ -579,7 +579,7 @@ function Ze(e, t = {}) {
 				n?.updateContainerElements(e), !t && i && c();
 			}
 		}
-	}, { flush: "post" }), re(() => l()), {
+	}, { flush: "post" }), ie(() => l()), {
 		hasFocus: o,
 		isPaused: s,
 		activate: c,
@@ -625,7 +625,7 @@ function $e(e, t, n = !1) {
 			});
 		}
 	});
-	return G(t, (e) => {
+	return W(t, (e) => {
 		e ? g(() => {
 			i() && c();
 		}).catch((e) => {
@@ -711,14 +711,14 @@ var nt = /* @__PURE__ */ u({
 	],
 	setup(e, { expose: c, emit: u }) {
 		let d = e, f = u, p = D(d.modelValue);
-		G(F(d, "modelValue"), (e) => {
+		W(F(d, "modelValue"), (e) => {
 			p.value = e;
 		});
 		let m = V(), h = r(() => !!m.trigger), v = H("triggerRef"), b = H("popoverRef"), { isCustomElement: S } = fe(), C = S, T = z(), { push: E, pop: O, isTop: A, zIndex: j } = qe(T, !0), { activate: M, deactivate: N } = $e(b, A, !0);
-		et([b, v], A, p, I, O), G(p, (e) => {
+		et([b, v], A, p, I, O), W(p, (e) => {
 			e ? (g(() => {
 				g(() => M());
-			}), E(), f("show")) : (N(), O(), f("hide"));
+			}), E(), f("show")) : (N(), O(), f("hide"), K.value = !1, q.value = null);
 		});
 		function P() {
 			p.value = !0, f("update:modelValue", !0);
@@ -732,8 +732,8 @@ var nt = /* @__PURE__ */ u({
 		let B = D({
 			top: 0,
 			left: 0
-		}), U = D({ left: "50%" }), W = D(!1), te = D(!1), q = null;
-		function J() {
+		}), U = D({ left: "50%" }), ee = D(!1), ne = D(!1), K = D(!1), q = D(null), J = null;
+		function ie() {
 			if (v.value) return v.value;
 			let e = b.value?.parentElement ?? null;
 			for (; e && e.tagName.toLowerCase() !== "g-popover";) e = e.parentElement;
@@ -742,30 +742,32 @@ var nt = /* @__PURE__ */ u({
 		}
 		function Y() {
 			if (!b.value) return;
-			let e = new DOMRect(0, 0, b.value.offsetWidth, b.value.offsetHeight), t = new DOMRect(0, 0, window.innerWidth, window.innerHeight), n = J();
-			if (!n) {
+			let e = b.value, t = new DOMRect(0, 0, window.innerWidth, window.innerHeight), n = Math.max(t.height - 32, 0), r = e.scrollHeight;
+			K.value = r > n, q.value = K.value ? n : null;
+			let i = new DOMRect(0, 0, e.offsetWidth, Math.min(r, n)), a = ie();
+			if (!a) {
 				B.value = {
-					top: Math.max((t.height - e.height) / 2, 8),
-					left: Math.max((t.width - e.width) / 2, 8)
-				}, te.value = !1, W.value = !1, U.value = { left: "50%" };
+					top: Math.max((t.height - i.height) / 2, 16),
+					left: Math.max((t.width - i.width) / 2, 16)
+				}, ne.value = !1, ee.value = !1, U.value = { left: "50%" };
 				return;
 			}
-			let { top: r, left: i, xOffset: a, placedAbove: o, overlay: s } = tt(n.getBoundingClientRect(), e, t, { gap: d.minimal ? 0 : 8 });
+			let { top: o, left: s, xOffset: c, placedAbove: l, overlay: u } = tt(a.getBoundingClientRect(), i, t, { gap: d.minimal ? 0 : 8 });
 			B.value = {
-				top: r,
-				left: i
+				top: o,
+				left: s
 			}, U.value = {
-				left: `${e.width / 2 - a}px`,
-				top: o ? "auto" : void 0,
-				bottom: o ? "-8px" : void 0
-			}, W.value = o, te.value = s;
+				left: `${i.width / 2 - c}px`,
+				top: l ? "auto" : void 0,
+				bottom: l ? "-8px" : void 0
+			}, ee.value = l, ne.value = u;
 		}
-		return G(p, (e) => {
+		return W(p, (e) => {
 			e ? g(() => {
-				Y(), window.addEventListener("resize", Y), window.addEventListener("scroll", Y, { capture: !0 }), b.value && (q && q.disconnect(), q = new ResizeObserver(() => Y()), q.observe(b.value));
-			}) : (window.removeEventListener("resize", Y), window.removeEventListener("scroll", Y, { capture: !0 }), q && q.disconnect());
+				Y(), window.addEventListener("resize", Y), window.addEventListener("scroll", Y, { capture: !0 }), b.value && (J && J.disconnect(), J = new ResizeObserver(() => Y()), J.observe(b.value));
+			}) : (window.removeEventListener("resize", Y), window.removeEventListener("scroll", Y, { capture: !0 }), J && J.disconnect());
 		}), x(() => {
-			window.removeEventListener("resize", Y), window.removeEventListener("scroll", Y, { capture: !0 }), q && q.disconnect();
+			window.removeEventListener("resize", Y), window.removeEventListener("scroll", Y, { capture: !0 }), J && J.disconnect();
 		}), c({
 			show: P,
 			hide: I,
@@ -777,22 +779,23 @@ var nt = /* @__PURE__ */ u({
 			class: "g-popover-trigger",
 			id: `${L(T)}-trigger`
 		}, [k(r.$slots, "trigger", { toggle: R })], 8, it)) : a("", !0), l(nt, null, {
-			default: K(() => [(w(), i(t, {
+			default: G(() => [(w(), i(t, {
 				to: "#modal-root",
 				disabled: L(C)
 			}, [l(n, {
 				name: "g-popover-expand",
 				appear: ""
 			}, {
-				default: K(() => [L(S) || p.value ? ne((w(), o("div", {
+				default: G(() => [L(S) || p.value ? re((w(), o("div", {
 					key: 0,
 					ref_key: "popoverRef",
 					ref: b,
 					class: _({
 						"g-popover": !0,
-						"g-popover-above": W.value,
-						"g-popover-below": !W.value,
-						"g-popover-minimal": e.minimal
+						"g-popover-above": ee.value,
+						"g-popover-below": !ee.value,
+						"g-popover-minimal": e.minimal,
+						"g-popover-scrollable": K.value
 					}),
 					role: "dialog",
 					"aria-modal": "true",
@@ -801,16 +804,17 @@ var nt = /* @__PURE__ */ u({
 					style: y({
 						top: B.value.top + "px",
 						left: B.value.left + "px",
-						zIndex: L(j)
+						zIndex: L(j),
+						maxHeight: q.value === null ? void 0 : `${q.value}px`
 					})
 				}, [
-					!te.value && !e.minimal ? (w(), o("div", {
+					!ne.value && !e.minimal && !K.value ? (w(), o("div", {
 						key: 0,
-						class: _(["g-popover-arrow", { "g-popover-arrow-above": W.value }]),
+						class: _(["g-popover-arrow", { "g-popover-arrow-above": ee.value }]),
 						style: y(U.value),
 						"aria-hidden": "true"
 					}, null, 6)) : a("", !0),
-					s("div", { class: _(["g-popover-content", { "g-popover-content-minimal": e.minimal }]) }, [k(r.$slots, "default")], 2),
+					k(r.$slots, "default"),
 					e.minimal ? a("", !0) : (w(), o("button", {
 						key: 1,
 						class: "g-popover-close",
@@ -826,7 +830,7 @@ var nt = /* @__PURE__ */ u({
 						fill: "currentColor",
 						d: "m37.84 32.94-7.63-7.63 7.63-7.63a3.24 3.24 0 0 0-4.58-4.58l-7.63 7.63L18 13.1a3.24 3.24 0 0 0-4.58 4.58L21 25.31l-7.62 7.63A3.24 3.24 0 1 0 18 37.52l7.63-7.63 7.63 7.63a3.24 3.24 0 0 0 4.58-4.58Z"
 					})], -1)]]))
-				], 14, at)), [[ee, p.value]]) : a("", !0)]),
+				], 14, at)), [[te, p.value]]) : a("", !0)]),
 				_: 3
 			})], 8, ["disabled"]))]),
 			_: 3
@@ -918,15 +922,15 @@ var mt = /* @__PURE__ */ u({
 		function I(e) {
 			(e.key === "Escape" || e.key === "Esc") && (p.value = !1, m.value = !1);
 		}
-		return G(() => [
+		return W(() => [
 			u.value,
 			d.value,
 			l.value
 		], () => {
 			A(b()), S();
-		}, { immediate: !0 }), G(() => i.text, (e) => {
+		}, { immediate: !0 }), W(() => i.text, (e) => {
 			f.value && (f.value.textContent = e);
-		}), G(() => p.value || m.value, (e) => {
+		}), W(() => p.value || m.value, (e) => {
 			if (e) {
 				S(), f.value && y && ft(y, f.value), g ||= (window.addEventListener("scroll", C, { capture: !0 }), !0);
 				return;
@@ -1127,7 +1131,7 @@ var mt = /* @__PURE__ */ u({
 			name: "g-fade",
 			appear: ""
 		}, {
-			default: K(() => [s("div", {
+			default: G(() => [s("div", {
 				id: "alertdialog-" + L(f),
 				class: "g-alertdialog",
 				role: "alertdialog",
@@ -1150,13 +1154,13 @@ var mt = /* @__PURE__ */ u({
 					outlined: "",
 					onClick: r[0] ||= (e) => o("cancel")
 				}, {
-					default: K(() => [...r[2] ||= [c("Cancel", -1)]]),
+					default: G(() => [...r[2] ||= [c("Cancel", -1)]]),
 					_: 1
 				}), l($, {
 					theme: a.buttonColor,
 					onClick: r[1] ||= (e) => o("confirm")
 				}, {
-					default: K(() => [c(N(a.buttonText), 1)]),
+					default: G(() => [c(N(a.buttonText), 1)]),
 					_: 1
 				}, 8, ["theme"])])
 			])], 12, Dt)]),
@@ -1196,7 +1200,7 @@ function Pt({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a })
 	function h() {
 		p && p();
 	}
-	G(e, (e) => {
+	W(e, (e) => {
 		e ? (o(), m(), g(() => f())) : (s(), h(), l.value = "below", u.value = null);
 	}), x(() => {
 		h();
@@ -1298,7 +1302,7 @@ var Ft = ["id"], It = {
 			let e = I.value.toLowerCase();
 			return P.value.filter((t) => t.label.toLowerCase().includes(e) || i.searchDescription && !!t.description && t.description.toLowerCase().includes(e));
 		}), V = r(() => R.value.findIndex((e) => e.value === d.value));
-		G(() => d.value, (e) => {
+		W(() => d.value, (e) => {
 			let t = R.value.findIndex((t) => t.value === e);
 			t !== -1 && (b.value = t);
 		});
@@ -1314,7 +1318,7 @@ var Ft = ["id"], It = {
 		function U() {
 			y.value = !1, i.searchable && (I.value = "");
 		}
-		function W(e) {
+		function ee(e) {
 			if (!i.disabled && i.searchable) {
 				if (S.value) {
 					S.value = !1;
@@ -1323,13 +1327,13 @@ var Ft = ["id"], It = {
 				H();
 			}
 		}
-		function te(e) {
+		function ne(e) {
 			if (!i.searchable) return;
 			y.value || H(), I.value = e.target.value;
 			let t = R.value.findIndex((e) => e.value === d.value);
 			b.value = t === -1 ? 0 : t;
 		}
-		function K(e) {
+		function G(e) {
 			let t = e.relatedTarget;
 			if (x.value) {
 				x.value = !1;
@@ -1337,16 +1341,16 @@ var Ft = ["id"], It = {
 			}
 			t && m.value && m.value.contains(t) || (i.searchable && (I.value = ""), U());
 		}
-		function J(e) {
+		function q(e) {
 			let t = R.value[e];
 			t && t.value !== d.value && (d.value = t.value, u("change", t.value)), S.value = !0, U(), setTimeout(() => {
 				S.value = !1;
 			}, 100);
 		}
-		function Y() {
+		function J() {
 			i.disabled || (y.value ? U() : H());
 		}
-		function re(e) {
+		function ie(e) {
 			if (i.disabled) return;
 			let t = R.value.length - 1;
 			if (!y.value && [
@@ -1373,15 +1377,15 @@ var Ft = ["id"], It = {
 					break;
 				case "Enter":
 				case " ":
-					e.preventDefault(), y.value ? J(b.value) : H();
+					e.preventDefault(), y.value ? q(b.value) : H();
 					break;
 				case "Escape": j.value && (e.preventDefault(), setTimeout(() => {
 					U();
 				}, 0));
 			}
 		}
-		function ie(e) {
-			J(e);
+		function Y(e) {
+			q(e);
 		}
 		function ae() {
 			x.value = !0;
@@ -1414,10 +1418,10 @@ var Ft = ["id"], It = {
 					value: y.value ? I.value : P.value[V.value] ? P.value[V.value].label : "",
 					placeholder: y.value ? "" : t.placeholder,
 					disabled: i.disabled,
-					onFocus: W,
-					onInput: te,
-					onKeydown: re,
-					onBlur: K,
+					onFocus: ee,
+					onInput: ne,
+					onKeydown: ie,
+					onBlur: G,
 					"aria-autocomplete": "list",
 					"aria-controls": L(f) + "-listbox",
 					"aria-expanded": y.value ? "true" : "false",
@@ -1467,17 +1471,17 @@ var Ft = ["id"], It = {
 			}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": L(f) + "-label" }, {
 				"aria-activedescendant": y.value ? L(f) + "-option-" + b.value : void 0,
 				tabindex: "0",
-				onClick: Y,
-				onKeydown: re,
-				onFocus: W,
-				onBlur: K
+				onClick: J,
+				onKeydown: ie,
+				onFocus: ee,
+				onBlur: G
 			}), [
 				c(N(P.value[V.value] ? P.value[V.value].label : "") + " ", 1),
 				X.value ? (w(), o("button", {
 					key: 0,
 					type: "button",
 					class: "g-select-clear-btn",
-					onClick: q(Z, ["stop"])
+					onClick: K(Z, ["stop"])
 				}, [...r[2] ||= [s("svg", {
 					role: "img",
 					"aria-label": "Clear Selection",
@@ -1498,7 +1502,7 @@ var Ft = ["id"], It = {
 					fill: "currentColor",
 					d: "M38.75 24.13a1.36 1.36 0 0 1 0 2.36l-12.44 7.18-12.43 7.18a1.36 1.36 0 0 1-2.05-1.18V11a1.36 1.36 0 0 1 2.05-1.18L26.31 17Z"
 				})], -1)
-			], 16, Bt)), ne(s("div", h({
+			], 16, Bt)), re(s("div", h({
 				ref_key: "listboxRef",
 				ref: m,
 				class: ["g-select-combo-menu g-select-list", { "g-select-combo-menu--above": L(E) === "above" }],
@@ -1515,12 +1519,12 @@ var Ft = ["id"], It = {
 				role: "option",
 				"aria-selected": e.value === d.value ? "true" : "false",
 				onMousedown: ae,
-				onClick: (e) => ie(t)
+				onClick: (e) => Y(t)
 			}, [k(n.$slots, "option", {
 				option: e,
 				selected: e.value === d.value,
 				index: t
-			}, () => [s("span", Ut, N(e.label), 1), e.description ? (w(), o("span", Wt, N(e.description), 1)) : a("", !0)])], 42, Ht))), 128)) : (w(), o("div", Gt, " No results found. "))], 16, Vt), [[ee, y.value]])]),
+			}, () => [s("span", Ut, N(e.label), 1), e.description ? (w(), o("span", Wt, N(e.description), 1)) : a("", !0)])], 42, Ht))), 128)) : (w(), o("div", Gt, " No results found. "))], 16, Vt), [[te, y.value]])]),
 			l(Me, {
 				errors: L(C),
 				id: "error-message-" + L(f)
@@ -1602,7 +1606,7 @@ var Ft = ["id"], It = {
 		let E = r(() => !!u.loading), A = r(() => S.value && !m.value), j = X(() => {
 			d("submit", l.value);
 		}, 300);
-		G(() => l.value, (e) => {
+		W(() => l.value, (e) => {
 			e ? u.auto && j() : h.value = -1;
 		});
 		let M = z();
@@ -1612,7 +1616,7 @@ var Ft = ["id"], It = {
 			"aria-label": u.label
 		}, [s("form", {
 			class: "g-search-form",
-			onSubmit: n[0] ||= q((e) => T(null), ["prevent"])
+			onSubmit: n[0] ||= K((e) => T(null), ["prevent"])
 		}, [s("input", {
 			ref_key: "inputRef",
 			ref: f,
@@ -1660,14 +1664,14 @@ var Ft = ["id"], It = {
 			id: "g-search-option-" + e.id,
 			class: _(["g-search-option", { "g-search-option-active": v.value[h.value] && v.value[h.value].id === e.id }]),
 			role: "option",
-			onMousedown: q((t) => T(e), ["prevent"]),
+			onMousedown: K((t) => T(e), ["prevent"]),
 			"aria-selected": v.value[h.value] && v.value[h.value].id === e.id
 		}, [k(t.$slots, "option", { option: e }, () => [c(N(e.title), 1)])], 42, en))), 128))], 8, Qt))), 128)) : y.value > 0 ? (w(!0), o(e, { key: 1 }, O(v.value, (e, n) => (w(), o("div", {
 			key: e.id,
 			id: "g-search-option-" + e.id,
 			class: _(["g-search-option", { "g-search-option-active": h.value === n }]),
 			role: "option",
-			onMousedown: q((t) => T(e), ["prevent"]),
+			onMousedown: K((t) => T(e), ["prevent"]),
 			"aria-selected": h.value === n
 		}, [k(t.$slots, "option", { option: e }, () => [c(N(e.title), 1)])], 42, tn))), 128)) : a("", !0)], 8, Zt)])) : a("", !0)], 8, qt));
 	}
@@ -1734,7 +1738,7 @@ function pn(e = "default", t) {
 		});
 	}
 	let o = n.get(r);
-	o.toggle = () => o.open.value = !o.open.value, typeof t == "string" ? t.trim() && (o.breakpoint.value = t) : t && G(t, (e) => {
+	o.toggle = () => o.open.value = !o.open.value, typeof t == "string" ? t.trim() && (o.breakpoint.value = t) : t && W(t, (e) => {
 		e && e.trim() && (o.breakpoint.value = e);
 	}, { immediate: !0 });
 	function s(e) {
@@ -1752,7 +1756,7 @@ function pn(e = "default", t) {
 		}, 5));
 	}
 	return S(() => {
-		G(o.isCollapsible, (e) => {
+		W(o.isCollapsible, (e) => {
 			e ? (document.addEventListener("mousedown", s), document.addEventListener("focusin", c)) : (document.removeEventListener("mousedown", s), document.removeEventListener("focusin", c));
 		}, { immediate: !0 });
 	}), x(() => {
@@ -1911,7 +1915,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 	setup(t) {
 		let n = t, l = B(t, "modelValue"), u = r(() => n.spy && l.value ? "#" + l.value : null), f = H("content");
 		S(() => {
-			G(l, () => {
+			W(l, () => {
 				g(() => {
 					let e = f.value?.querySelector(".g-sidebar-menu__is-active");
 					e && e.scrollIntoView({ block: "nearest" });
@@ -1949,7 +1953,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 				class: "g-sidebar-menu__link",
 				to: e.to
 			}, {
-				default: K(() => [c(N(e.label), 1)]),
+				default: G(() => [c(N(e.label), 1)]),
 				_: 2
 			}, 1032, ["to"])) : (w(), o("a", {
 				key: 1,
@@ -1967,13 +1971,13 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 				n.value && (r.value || i.value) && ft(e, n.value);
 			}), o.observe(n.value));
 		};
-		te(() => {
+		ne(() => {
 			n.value && (n.value.textContent = a.value);
 		});
 		let u = () => {
 			n.value && (r.value || i.value) && ft(e, n.value);
 		};
-		te(() => {
+		ne(() => {
 			r.value || i.value ? (l(), n.value && ft(e, n.value), s ||= (window.addEventListener("scroll", u, { capture: !0 }), !0)) : (s &&= (window.removeEventListener("scroll", u, { capture: !0 }), !1), n.value && (pt(n.value), setTimeout(() => {
 				e.dispatchEvent(new CustomEvent("tooltip-hide"));
 			}, 150)));
@@ -2025,7 +2029,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 		}, m = () => {
 			f.value = n.copyLabel ?? "Copy to clipboard";
 		};
-		return (i, l) => (w(), o("div", Sn, [t.hideText ? a("", !0) : (w(), o(e, { key: 0 }, [c(N(n.text), 1)], 64)), ne((w(), o("button", {
+		return (i, l) => (w(), o("div", Sn, [t.hideText ? a("", !0) : (w(), o(e, { key: 0 }, [c(N(n.text), 1)], 64)), re((w(), o("button", {
 			type: "button",
 			"aria-label": "Copy",
 			onClick: p,
@@ -2078,7 +2082,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 			u.value && f();
 		}), le(c, () => {
 			u.value && f();
-		}), G(() => n.entries, async () => {
+		}), W(() => n.entries, async () => {
 			u.value && (await g(), f());
 		});
 		let m = r(() => [...n.entries].reverse());
@@ -2099,7 +2103,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 				onClick: r[0] ||= () => f({ focusLast: !0 }),
 				"aria-label": "Jump to Latest"
 			}, {
-				default: K(() => [...r[1] ||= [s("svg", {
+				default: G(() => [...r[1] ||= [s("svg", {
 					"aria-hidden": "true",
 					xmlns: "http://www.w3.org/2000/svg",
 					viewBox: "0 0 640 640",
@@ -2369,7 +2373,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 		}, [t.bulkSelectionEnabled ? (w(), o("td", {
 			key: 0,
 			class: "td-checkbox",
-			onClick: r[0] ||= q(() => {}, ["stop"])
+			onClick: r[0] ||= K(() => {}, ["stop"])
 		}, [s("input", {
 			type: "checkbox",
 			checked: p(n.key),
@@ -2527,21 +2531,21 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 			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) {
+		function ee(e) {
 			if (i.disabled) return;
 			let t = d.value.filter((t) => t !== e);
 			d.value = t, u("change", t);
 		}
-		function G() {
+		function W() {
 			i.disabled || (p.value?.focus(), y.value || V());
 		}
-		function te(e) {
+		function ne(e) {
 			x.value = e.target.value, b.value = 0, y.value || V();
 		}
-		function K() {
+		function G() {
 			i.disabled || y.value || V();
 		}
-		function J(e) {
+		function q(e) {
 			if (S.value) {
 				S.value = !1;
 				return;
@@ -2549,13 +2553,13 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 			let t = e.relatedTarget;
 			t && v.value?.contains(t) || t && m.value?.contains(t) || H();
 		}
-		function Y(e) {
+		function J(e) {
 			e.preventDefault();
 		}
-		function re() {
+		function ie() {
 			S.value = !0;
 		}
-		function ie(e) {
+		function Y(e) {
 			if (i.disabled) return;
 			let t = P.value.length - 1;
 			switch (e.key) {
@@ -2580,7 +2584,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 				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]);
+				case "Backspace": !x.value && d.value.length > 0 && ee(d.value[d.value.length - 1]);
 			}
 		}
 		let ae = r(() => `${f}-input`), X = r(() => `${f}-label`), Z = r(() => `${f}-instructions`), oe = r(() => `error-message-${f}`), se = r(() => {
@@ -2606,7 +2610,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 				ref_key: "controlRef",
 				ref: m,
 				class: _(["g-multiselect-control", { "g-multiselect-control--disabled": t.disabled }]),
-				onClick: G
+				onClick: W
 			}, [
 				d.value.length ? (w(), o("ul", {
 					key: 0,
@@ -2620,8 +2624,8 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 					class: "g-multiselect-chip-remove",
 					"aria-label": `Remove ${R(e)}`,
 					disabled: t.disabled,
-					onMousedown: re,
-					onClick: q((t) => W(e), ["stop"])
+					onMousedown: ie,
+					onClick: K((t) => ee(e), ["stop"])
 				}, [...r[0] ||= [s("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					viewBox: "0 0 51.26 51.26",
@@ -2650,10 +2654,10 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 				}, t.hiddenLabel ? { "aria-label": t.label } : void 0, {
 					"aria-describedby": se.value,
 					"aria-required": t.required ? "true" : void 0,
-					onInput: te,
-					onKeydown: ie,
-					onFocus: K,
-					onBlur: J
+					onInput: ne,
+					onKeydown: Y,
+					onFocus: G,
+					onBlur: q
 				}), null, 16, dr),
 				r[2] ||= s("svg", {
 					class: "g-multiselect-caret",
@@ -2665,7 +2669,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 					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),
-				ne(s("div", h({
+				re(s("div", h({
 					ref_key: "listboxRef",
 					ref: v,
 					id: L(f) + "-listbox",
@@ -2684,9 +2688,9 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 						"g-multiselect-option--selected": I(e.value)
 					}]),
 					"aria-selected": I(e.value) ? "true" : "false",
-					onMousedown: Y,
+					onMousedown: J,
 					onClick: (e) => U(t)
-				}, [s("span", mr, [I(e.value) ? (w(), o("svg", hr, [...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)]), s("span", gr, [s("span", _r, N(e.label), 1), e.description ? (w(), o("span", vr, N(e.description), 1)) : a("", !0)])], 42, pr))), 128)) : (w(), o("div", yr, " No results found. "))], 16, fr), [[ee, y.value]])
+				}, [s("span", mr, [I(e.value) ? (w(), o("svg", hr, [...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)]), s("span", gr, [s("span", _r, N(e.label), 1), e.description ? (w(), o("span", vr, N(e.description), 1)) : a("", !0)])], 42, pr))), 128)) : (w(), o("div", yr, " No results found. "))], 16, fr), [[te, y.value]])
 			], 2),
 			l(Me, {
 				errors: L(C),
@@ -2777,7 +2781,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 			};
 		}
 		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(() => [
+			default: G(() => [
 				C.value && t.label ? (w(), o("legend", xr, [c(N(t.label), 1), t.required ? (w(), o("span", Sr, "\xA0*")) : a("", !0)])) : !C.value && t.label ? (w(), o("div", Cr, [c(N(t.label), 1), t.required ? (w(), o("span", wr, "\xA0*")) : a("", !0)])) : a("", !0),
 				t.instructions ? (w(), o("div", {
 					key: 2,
@@ -2848,7 +2852,7 @@ function Lr(e, t = {}) {
 				}
 			});
 		}
-		G(n, (e) => {
+		W(n, (e) => {
 			i.value = Ir(e);
 		}, { deep: !0 });
 	}
@@ -3016,13 +3020,13 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 			} else m.value.includes(e) ? m.value = m.value.filter((t) => t !== e) : m.value = [...m.value, e];
 			I.value = e;
 		}
-		function ee(e) {
+		function te(e) {
 			v("row-click", e);
 		}
-		function G(e) {
+		function W(e) {
 			v("bulk-action", e, m.value);
 		}
-		function te(e) {
+		function ne(e) {
 			let t = e.value, n = e.column.key, r = P(e.row[n]);
 			e.column.editable?.inputAttributes?.type === "number" && (t = e.value === "" ? null : Number(e.value)), e.row[n] = t;
 			let i = {
@@ -3033,7 +3037,7 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 			};
 			v("cell-change", i);
 		}
-		let J = z(), Y = V(), re = d(), ie = D(null);
+		let q = z(), J = V(), ie = d(), Y = D(null);
 		function ae(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));
@@ -3089,7 +3093,7 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 		}
 		function ve(e, t) {
 			oe([...Z.value, X(e, t)]), g(() => {
-				let t = ie.value;
+				let t = Y.value;
 				t && (t.querySelector(`[data-sort-row-key="${String(e)}"]`) ?? t)?.focus();
 			}).catch((e) => {
 				console.error(e);
@@ -3105,7 +3109,7 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 			oe([]);
 		}
 		let Se = r(() => {
-			let e = re?.vnode.props ?? {};
+			let e = ie?.vnode.props ?? {};
 			return "columnVisibility" in e || "column-visibility" in e || "onUpdate:columnVisibility" in e;
 		}), Ce = r(() => {
 			let e = p.value;
@@ -3120,7 +3124,7 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 				[e.key]: t
 			};
 		}
-		let Oe = r(() => h.showPagination ? !0 : !!Y.pagination), ke = r(() => !!(ce.value || T.value || Oe.value || Te.value));
+		let Oe = r(() => h.showPagination ? !0 : !!J.pagination), ke = r(() => !!(ce.value || T.value || Oe.value || Te.value));
 		function Ae(e) {
 			return e.filter?.type === "multi-select" ? e.filter.options.map((e) => ({
 				label: e.label,
@@ -3135,13 +3139,13 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 			ke.value ? (w(), o("div", zr, [
 				s("div", Br, [
 					ce.value ? (w(), o("div", Vr, [l(ot, null, {
-						trigger: K(({ toggle: e }) => [l($, {
+						trigger: G(({ toggle: e }) => [l($, {
 							size: "small",
 							class: _(["g-sort-builder-trigger", { "g-sort-builder-trigger--active": Z.value.length > 0 }]),
 							"aria-label": "Choose sort order",
 							onClick: e
 						}, {
-							default: K(() => [r[0] ||= s("svg", {
+							default: G(() => [r[0] ||= s("svg", {
 								class: "g-sort-builder-trigger-icon",
 								xmlns: "http://www.w3.org/2000/svg",
 								viewBox: "0 0 640 640",
@@ -3153,9 +3157,9 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 							})], -1), Z.value.length ? (w(), o("span", Hr, N(Z.value.length), 1)) : a("", !0)]),
 							_: 1
 						}, 8, ["class", "onClick"])]),
-						default: K(() => [s("fieldset", {
+						default: G(() => [s("fieldset", {
 							ref_key: "sortBuilderRef",
-							ref: ie,
+							ref: Y,
 							class: "g-sort-builder-popover",
 							tabindex: "-1",
 							"popover-focus": ""
@@ -3226,26 +3230,26 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 								class: "g-sort-builder-clear",
 								onClick: xe
 							}, {
-								default: K(() => [...r[6] ||= [c(" Clear sort ", -1)]]),
+								default: G(() => [...r[6] ||= [c(" Clear sort ", -1)]]),
 								_: 1
 							})) : a("", !0)
 						], 512)]),
 						_: 1
 					})])) : a("", !0),
 					Te.value ? (w(), o("div", oi, [l(ot, null, {
-						trigger: K(({ toggle: e }) => [l($, {
+						trigger: G(({ toggle: e }) => [l($, {
 							size: "small",
 							class: _(["g-column-visibility-trigger", { "g-column-visibility-trigger--active": we.value }]),
 							"aria-label": "Choose visible columns",
 							onClick: e
 						}, {
-							default: K(() => [(w(), o("svg", si, [...r[9] ||= [s("path", {
+							default: G(() => [(w(), o("svg", si, [...r[9] ||= [s("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)]]))]),
 							_: 1
 						}, 8, ["class", "onClick"])]),
-						default: K(() => [s("fieldset", ci, [r[10] ||= s("legend", { class: "g-column-visibility-legend" }, " Shown columns ", -1), s("div", li, [(w(!0), o(e, null, O(t.columns, (e) => (w(), o("label", {
+						default: G(() => [s("fieldset", ci, [r[10] ||= s("legend", { class: "g-column-visibility-legend" }, " Shown columns ", -1), s("div", li, [(w(!0), o(e, null, O(t.columns, (e) => (w(), o("label", {
 							key: e.key,
 							class: "g-column-visibility-option"
 						}, [s("input", {
@@ -3262,7 +3266,7 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 						class: "clear-filters",
 						onClick: L(E)
 					}, {
-						default: K(() => [...r[11] ||= [s("svg", {
+						default: G(() => [...r[11] ||= [s("svg", {
 							xmlns: "http://www.w3.org/2000/svg",
 							viewBox: "0 0 51.26 51.26",
 							height: "1em",
@@ -3291,7 +3295,7 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 				class: "g-bulk-select-checkbox"
 			}, null, 40, vi)])) : a("", !0), (w(!0), o(e, null, O(Ce.value, (e) => (w(), o("th", {
 				key: e.key,
-				id: `${L(J)}-th-${String(e.key)}`,
+				id: `${L(q)}-th-${String(e.key)}`,
 				"aria-sort": fe(e.key),
 				class: _([
 					"g-th",
@@ -3317,8 +3321,8 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 				}, null, -1)]], 4))])),
 				ue(e.key) === -1 ? a("", !0) : (w(), o("span", Ci, N(pe(e.key)), 1))
 			], 8, xi)) : (w(), o("span", wi, N(e.label), 1)), e.filter ? (w(), i(ot, { key: 2 }, {
-				trigger: K(({ toggle: t }) => [s("button", {
-					onClick: q(t, ["stop"]),
+				trigger: G(({ toggle: t }) => [s("button", {
+					onClick: K(t, ["stop"]),
 					"aria-label": L(C)[e.key] ? "Column Filtered" : "Filter Column",
 					class: _(["g-filter-btn", { "g-active": L(C)[e.key] }]),
 					type: "button"
@@ -3331,7 +3335,7 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 					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, Ti)]),
-				default: K(() => [e.filter.type === "select" ? (w(), i(Kt, {
+				default: G(() => [e.filter.type === "select" ? (w(), i(Kt, {
 					key: 0,
 					modelValue: f.value[e.key],
 					"onUpdate:modelValue": (t) => f.value[e.key] = t,
@@ -3356,24 +3360,24 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 				}, [s("path", {
 					fill: "currentColor",
 					d: "M30 9.76A14.05 14.05 0 1 0 28.3 31l11.3 13a3.34 3.34 0 0 0 4.72-4.72L31.44 27.86A14.05 14.05 0 0 0 30 9.76ZM27.27 27a10.26 10.26 0 1 1 0-14.5 10.25 10.25 0 0 1 0 14.5Z"
-				})])], -1), ne(s("input", {
+				})])], -1), re(s("input", {
 					type: "search",
 					class: "g-filter-search-input",
 					"onUpdate:modelValue": (t) => f.value[e.key] = t,
 					placeholder: e.filter.placeholder,
 					"aria-label": `Search ${e.label}`
-				}, null, 8, Di), [[W, f.value[e.key]]])])) : e.filter.type === "toggle" ? (w(), o("div", Oi, [s("div", ki, [
-					ne(s("input", {
+				}, null, 8, Di), [[ee, f.value[e.key]]])])) : e.filter.type === "toggle" ? (w(), o("div", Oi, [s("div", ki, [
+					re(s("input", {
 						type: "checkbox",
 						"onUpdate:modelValue": (t) => f.value[e.key] = t,
-						id: `${L(J)}-filter-${String(e.key)}`,
-						"aria-describedby": e.filter.description ? `${L(J)}-filter-description-${String(e.key)}` : void 0
+						id: `${L(q)}-filter-${String(e.key)}`,
+						"aria-describedby": e.filter.description ? `${L(q)}-filter-description-${String(e.key)}` : void 0
 					}, null, 8, Ai), [[U, f.value[e.key]]]),
-					s("label", { for: `${L(J)}-filter-${String(e.key)}` }, N(e.filter.label), 9, ji),
+					s("label", { for: `${L(q)}-filter-${String(e.key)}` }, N(e.filter.label), 9, ji),
 					e.filter.description ? (w(), o("span", {
 						key: 0,
 						class: "g-filter-description",
-						id: `${L(J)}-filter-description-${String(e.key)}`
+						id: `${L(q)}-filter-description-${String(e.key)}`
 					}, N(e.filter.description), 9, Mi)) : a("", !0)
 				])])) : e.filter.type === "multi-select" && e.filter.searchable ? (w(), i(br, {
 					key: 3,
@@ -3406,7 +3410,7 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 					size: "small",
 					onClick: (t) => f.value[e.key] = []
 				}, {
-					default: K(() => [...r[15] ||= [c(" Clear ", -1)]]),
+					default: G(() => [...r[15] ||= [c(" Clear ", -1)]]),
 					_: 1
 				}, 8, ["onClick"])) : a("", !0)])) : a("", !0)]),
 				_: 2
@@ -3420,11 +3424,11 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 				"start-index": t.startIndex,
 				"bulk-selection-enabled": t.bulkSelectionEnabled,
 				"selected-rows": m.value,
-				"table-id": L(J),
+				"table-id": L(q),
 				"change-tracker": t.changeTracker,
-				onRowClick: ee,
+				onRowClick: te,
 				onToggleRow: H,
-				onCellChange: te
+				onCellChange: ne
 			}, null, 8, [
 				"data",
 				"columns",
@@ -3440,10 +3444,10 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 			])], 8, mi),
 			t.bulkSelectionEnabled && m.value.length > 0 ? (w(), o("div", Pi, [s("span", Fi, N(m.value.length) + " row" + N(m.value.length === 1 ? "" : "s") + " selected", 1), s("ul", Ii, [(w(!0), o(e, null, O(t.bulkActions, (e) => (w(), o("li", { key: e.id }, [l($, {
 				theme: e.theme || "accent",
-				onClick: (t) => G(e.id),
+				onClick: (t) => W(e.id),
 				size: "small"
 			}, {
-				default: K(() => [c(N(e.label) + " " + N(m.value.length) + " row" + N(m.value.length === 1 ? "" : "s"), 1)]),
+				default: G(() => [c(N(e.label) + " " + N(m.value.length) + " row" + N(m.value.length === 1 ? "" : "s"), 1)]),
 				_: 2
 			}, 1032, ["theme", "onClick"])]))), 128))])])) : a("", !0)
 		]));
@@ -3618,7 +3622,7 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 			name: "g-fade",
 			appear: ""
 		}, {
-			default: K(() => [s("div", h({
+			default: G(() => [s("div", h({
 				id: "modal-" + L(m),
 				class: ["g-modal", E.value],
 				role: "dialog",
@@ -3722,7 +3726,7 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 	setup(e) {
 		let { hasScrollLock: t } = Je();
 		return (e, r) => (w(), i(n, { name: "g-fade" }, {
-			default: K(() => [L(t) ? (w(), o("div", sa)) : a("", !0)]),
+			default: G(() => [L(t) ? (w(), o("div", sa)) : a("", !0)]),
 			_: 1
 		}));
 	}
@@ -3794,13 +3798,13 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 	setup(e) {
 		let t = B(e, "modelValue");
 		return (n, r) => (w(), o("div", pa, [l(ot, null, {
-			trigger: K(({ toggle: e }) => [l($, {
+			trigger: G(({ toggle: e }) => [l($, {
 				class: "g-term-selector-button",
 				theme: "none",
 				outlined: "",
 				onClick: e
 			}, {
-				default: K(() => [
+				default: G(() => [
 					r[0] ||= s("span", { class: "g-calendar-icon" }, [s("svg", {
 						role: "none",
 						xmlns: "http://www.w3.org/2000/svg",
@@ -3815,7 +3819,7 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 				]),
 				_: 1
 			}, 8, ["onClick"])]),
-			default: K(() => [s("h2", ha, N(e.heading), 1), l(fa, v(f(n.$props)), null, 16)]),
+			default: G(() => [s("h2", ha, N(e.heading), 1), l(fa, v(f(n.$props)), null, 16)]),
 			_: 1
 		})]));
 	}
@@ -3840,7 +3844,7 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 			"onUpdate:modelValue": d[0] ||= (e) => r.value = e,
 			minimal: ""
 		}, {
-			trigger: K(({ toggle: e }) => [s("button", {
+			trigger: G(({ toggle: e }) => [s("button", {
 				class: "g-user-menu__avatar",
 				style: y({ backgroundColor: t.color }),
 				"aria-label": t.initials + " - " + t.label,
@@ -3848,7 +3852,7 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 				"aria-haspopup": "menu",
 				onClick: e
 			}, N(t.initials), 13, va)]),
-			default: K(() => [s("div", ya, [s("h2", {
+			default: G(() => [s("div", ya, [s("h2", {
 				id: n,
 				ref_key: "emailHeading",
 				ref: a,
@@ -4163,12 +4167,12 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 			errors: F(n, "errors"),
 			formKey: n.formKey
 		});
-		return G([i, u], () => {
+		return W([i, u], () => {
 			r.value = {
 				start: i.value,
 				end: u.value
 			};
-		}), G(r, (e) => {
+		}), 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", Ma, [
 			n.label ? (w(), o("div", Na, [c(N(n.label), 1), n.required ? (w(), o("span", Pa, " *")) : a("", !0)])) : a("", !0),
@@ -4217,9 +4221,9 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 	emits: /*@__PURE__*/ m(["submit"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
 		let n = e, r = B(e, "modelValue"), i = t, a = p("form", null), s = a ?? (Q() ? ke(n.formKey) : De());
-		a || T("form", s), G(() => s.values.value, (e) => {
+		a || T("form", s), W(() => s.values.value, (e) => {
 			r.value = { ...e };
-		}, { deep: !0 }), G(() => r.value, (e) => {
+		}, { deep: !0 }), W(() => r.value, (e) => {
 			e && Object.entries(e).forEach(([e, t]) => {
 				let n = s.fields[e];
 				n && n.value.value !== t && (n.value.value = t);
@@ -4265,7 +4269,7 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 			variant: t.variant,
 			class: "g-submit-button"
 		}, {
-			default: K(() => [ne(s("span", null, N(t.loadingText), 513), [[ee, d.value]]), ne(s("span", null, [k(e.$slots, "default", {}, () => [n[0] ||= c("Submit", -1)])], 512), [[ee, !d.value]])]),
+			default: G(() => [re(s("span", null, N(t.loadingText), 513), [[te, d.value]]), re(s("span", null, [k(e.$slots, "default", {}, () => [n[0] ||= c("Submit", -1)])], 512), [[te, !d.value]])]),
 			_: 3
 		}, 8, ["disabled", "variant"]));
 	}
@@ -4330,7 +4334,7 @@ var Rr = { class: "g-table-outer-wrap" }, zr = {
 			let e = x.value;
 			e && (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
 		}
-		G(() => i.value, () => {
+		W(() => i.value, () => {
 			n.autoGrow && g(S);
 		});
 		function C(e) {
@@ -4404,9 +4408,9 @@ function Ja(e, t, n) {
 		.5,
 		.75,
 		1
-	], i = `${-t}px 0px 0px 0px`, a = /* @__PURE__ */ new Map(), o = D(Array.from(ie(e)?.children || []));
+	], i = `${-t}px 0px 0px 0px`, a = /* @__PURE__ */ new Map(), o = D(Array.from(Y(e)?.children || []));
 	ce(e, () => {
-		o.value = Array.from(ie(e)?.children || []);
+		o.value = Array.from(Y(e)?.children || []);
 	}, { childList: !0 });
 	let { stop: s } = oe(o, (e) => {
 		let t = o.value[o.value.length - 1];
@@ -4444,7 +4448,7 @@ function Ya(e = "(max-width: 800px)") {
 		}, 5));
 	}
 	return S(() => {
-		G(r, (e) => {
+		W(r, (e) => {
 			e ? (document.addEventListener("mousedown", i), document.addEventListener("focusin", a)) : (document.removeEventListener("mousedown", i), document.removeEventListener("focusin", a));
 		}, { immediate: !0 });
 	}), x(() => {
@@ -4459,7 +4463,7 @@ function Ya(e = "(max-width: 800px)") {
 //#endregion
 //#region src/compose/useTableChanges.ts
 function Xa() {
-	let e = j(/* @__PURE__ */ new Map()), t = J(), n = (n) => {
+	let e = j(/* @__PURE__ */ new Map()), t = q(), n = (n) => {
 		let r = n.column.key, i = n.row.key, a = n.value, o = n.previousValue;
 		e.has(i) || e.set(i, j(/* @__PURE__ */ new Map()));
 		let s = e.get(i), c = s.get(r), l = c ? c.previousValue : o, u = c?.error;
@@ -4563,4 +4567,4 @@ function Xa() {
 //#endregion
 export { Ae as $, ir as A, nn as B, Mr as C, Lr as D, Ir as E, bn as F, mt as G, Mt as H, gn as I, et as J, ot as K, mn as L, On as M, Cn as N, jr as O, xn as P, ze as Q, pn as R, Pr as S, Nr as T, Et as U, Kt as V, xt as W, qe as X, $e as Y, Je as Z, na as _, Va as a, $ as at, Ki as b, ja as c, Sa as d, ke as et, xa as f, oa as g, ca as h, qa as i, ye as it, Un as j, br as k, Aa as l, fa as m, Ya as n, Ee as nt, Ba as o, ga as p, tt as q, Ja as r, be as rt, Ra as s, Xa as t, De as tt, Ca as u, ta as v, Fr as w, Li as x, Qi as y, un as z };
 
-//# sourceMappingURL=grad-vue-BEsMZsHZ.js.map
+//# sourceMappingURL=grad-vue-BP-cplar.js.map