@turquoisehealth/pit-viper 2.219.1-dev.0 → 2.220.0

package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs

@@ -2,11 +2,11 @@
 /*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();import * as e from "vue";
 import { Fragment as t, Teleport as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createTextVNode as l, createVNode as u, defineComponent as d, getCurrentInstance as f, guardReactiveProps as p, inject as m, isRef as h, mergeModels as g, mergeProps as _, nextTick as v, normalizeClass as y, normalizeProps as b, normalizeStyle as x, onBeforeMount as S, onBeforeUnmount as C, onBeforeUpdate as w, onMounted as T, onUnmounted as E, openBlock as D, provide as O, ref as k, renderList as A, renderSlot as j, resolveComponent as M, resolveDynamicComponent as N, shallowRef as P, toDisplayString as F, toHandlers as I, toRef as L, unref as R, useAttrs as z, useId as B, useModel as V, useSlots as H, useTemplateRef as ee, vModelCheckbox as te, vModelText as ne, vShow as re, watch as U, withCtx as W, withDirectives as G, withKeys as ie, withModifiers as K } from "vue";
 import { AgCharts as ae } from "ag-charts-vue3";
-import { LicenseManager as q } from "ag-charts-enterprise";
-import { onClickOutside as oe, onKeyStroke as J, toRef as se, useDebounceFn as ce, useElementBounding as le, useElementHover as Y, useElementSize as ue, useToggle as X, watchDebounced as de } from "@vueuse/core";
-import { useSortable as Z } from "@vueuse/integrations/useSortable.mjs";
-import { AgGridVue as fe } from "ag-grid-vue3";
-import { CellStyleModule as pe, CheckboxEditorModule as me, ClientSideRowModelModule as he, ColumnApiModule as ge, ColumnAutoSizeModule as _e, CsvExportModule as ve, CustomEditorModule as ye, CustomFilterModule as be, DateEditorModule as xe, EventApiModule as Se, GridStateModule as Ce, LargeTextEditorModule as we, ModuleRegistry as Te, NumberEditorModule as Ee, PaginationModule as De, QuickFilterModule as Oe, RowApiModule as Q, RowStyleModule as ke, ScrollApiModule as Ae, SelectEditorModule as je, TextEditorModule as Me, TextFilterModule as Ne, UndoRedoEditModule as Pe, themeQuartz as Fe } from "ag-grid-community";
+import { LicenseManager as oe } from "ag-charts-enterprise";
+import { onClickOutside as se, onKeyStroke as ce, toRef as q, useDebounceFn as le, useElementBounding as ue, useElementHover as J, useElementSize as de, useToggle as fe, watchDebounced as pe } from "@vueuse/core";
+import { useSortable as Y } from "@vueuse/integrations/useSortable.mjs";
+import { AgGridVue as me } from "ag-grid-vue3";
+import { CellStyleModule as he, CheckboxEditorModule as ge, ClientSideRowModelModule as _e, ColumnApiModule as ve, ColumnAutoSizeModule as ye, CsvExportModule as be, CustomEditorModule as xe, CustomFilterModule as Se, DateEditorModule as Ce, EventApiModule as we, GridStateModule as Te, LargeTextEditorModule as Ee, ModuleRegistry as De, NumberEditorModule as Oe, PaginationModule as ke, QuickFilterModule as Ae, RowApiModule as X, RowStyleModule as je, ScrollApiModule as Me, SelectEditorModule as Z, TextEditorModule as Q, TextFilterModule as Ne, UndoRedoEditModule as Pe, themeQuartz as Fe } from "ag-grid-community";
 import { AdvancedFilterModule as Ie, CellSelectionModule as Le, ClientSideRowModelApiModule as Re, ClipboardModule as ze, ColumnMenuModule as Be, ContextMenuModule as Ve, LicenseManager as He, MultiFilterModule as Ue, RenderApiModule as We, RichSelectModule as Ge, RowGroupingModule as Ke, RowSelectionModule as qe, ServerSideRowModelApiModule as Je, ServerSideRowModelModule as Ye, SetFilterModule as Xe, TooltipModule as Ze, ValidationModule as Qe } from "ag-grid-enterprise";
 import $e from "papaparse";
 import { vOnClickOutside as et } from "@vueuse/components";
@@ -250,7 +250,7 @@ var Ut = { style: { position: "relative" } }, Wt = {
 	emits: ["series-visibility-change"],
 	setup(e, { expose: n, emit: c }) {
 		let l = e, d = c;
-		q.setLicenseKey($t);
+		oe.setLicenseKey($t);
 		let f = k(null), p = k({}), m = () => {
 			if (!f.value || !l.customChartProps?.scatter?.quadrantRenderer) return;
 			let e = f.value.$el;
@@ -521,7 +521,7 @@ var Ut = { style: { position: "relative" } }, Wt = {
 	},
 	emits: ["series-visibility-change"],
 	setup(e, { expose: t, emit: n }) {
-		let i = e, c = n, l = k(null), d = k(null), f = k(null), { width: p } = ue(l), { height: m } = ue(d), h = r(() => p.value > 0 ? p.value : typeof window < "u" && window.innerWidth > 0 ? window.innerWidth : 800), g = r(() => h.value < 250 || i.miniChart === "always" ? !0 : i.miniChart === "auto" && h.value < 400), _ = r(() => Math.max(m.value, 200)), v = r(() => xn(i.options, {
+		let i = e, c = n, l = k(null), d = k(null), f = k(null), { width: p } = de(l), { height: m } = de(d), h = r(() => p.value > 0 ? p.value : typeof window < "u" && window.innerWidth > 0 ? window.innerWidth : 800), g = r(() => h.value < 250 || i.miniChart === "always" ? !0 : i.miniChart === "auto" && h.value < 400), _ = r(() => Math.max(m.value, 200)), v = r(() => xn(i.options, {
 			dataLimit: i.dataLimit,
 			showAxes: i.showAxes
 		})), b = r(() => _n(v.value)), S = r(() => vn(v.value)), C = r(() => cn({
@@ -1728,7 +1728,7 @@ var Bi = ["popover"], Vi = "--pv-popover-v2-anchor", Hi = /* @__PURE__ */ tn(/*
 			"position-try-fallbacks: flip-block",
 			"position-visibility: anchors-visible",
 			`anchor-scope: ${Vi}`
-		].every((e) => CSS.supports(e)), g = k(!1), _ = k(null), y = k(null), b = k(null), S = k(null), C = Y(y), w = Y(S), O = k(!1), A = {
+		].every((e) => CSS.supports(e)), g = k(!1), _ = k(null), y = k(null), b = k(null), S = k(null), C = J(y), w = J(S), O = k(!1), A = {
 			"top-center": "top",
 			"bottom-center": "bottom",
 			"center-left": "left",
@@ -1792,7 +1792,7 @@ var Bi = ["popover"], Vi = "--pv-popover-v2-anchor", Hi = /* @__PURE__ */ tn(/*
 				middleware: e
 			});
 			L = n.update, z = () => n.floatingStyles.value;
-			let i = le(b), a = ce(() => {
+			let i = ue(b), a = le(() => {
 				c.value && L();
 			}, 5);
 			U([
@@ -1800,7 +1800,7 @@ var Bi = ["popover"], Vi = "--pv-popover-v2-anchor", Hi = /* @__PURE__ */ tn(/*
 				i.left,
 				i.width,
 				i.height
-			], a), oe(_, () => {
+			], a), se(_, () => {
 				t.disableClickOutsideToClose || W(!1);
 			}, { ignore: r(() => [
 				S.value,
@@ -1824,10 +1824,10 @@ var Bi = ["popover"], Vi = "--pv-popover-v2-anchor", Hi = /* @__PURE__ */ tn(/*
 			!e || !g.value || !m.value || (c.value ? e.showPopover() : e.hidePopover());
 		}, K = r(() => t.showOnHover ? t.disableInteractive ? C.value || O.value : C.value || w.value || O.value : !1), ae = () => {
 			t.showOnHover || W(H ? !1 : !c.value);
-		}, q = (e) => {
+		}, oe = (e) => {
 			let t = e.newState === "open";
 			c.value !== t && (c.value = t);
-		}, J = (e) => {
+		}, ce = (e) => {
 			h && N.value === "manual" && e.key === "Escape" && c.value && (e.preventDefault(), e.stopPropagation(), W(!1));
 		};
 		return U(c, async (e) => {
@@ -1858,7 +1858,7 @@ var Bi = ["popover"], Vi = "--pv-popover-v2-anchor", Hi = /* @__PURE__ */ tn(/*
 			ref_key: "root",
 			ref: _,
 			style: x(P.value),
-			onKeydown: J
+			onKeydown: ce
 		}, [s("div", {
 			ref_key: "triggerWrapper",
 			ref: y,
@@ -1873,7 +1873,7 @@ var Bi = ["popover"], Vi = "--pv-popover-v2-anchor", Hi = /* @__PURE__ */ tn(/*
 			class: "pv-floating pv-floating-native",
 			popover: N.value,
 			style: x(I.value),
-			onToggle: q
+			onToggle: oe
 		}, [e.disabled ? a("", !0) : j(r.$slots, "content", { key: 0 })], 44, Bi)) : m.value ? (D(), i(n, {
 			key: 1,
 			to: e.teleportLocation,
@@ -4907,7 +4907,7 @@ var Bi = ["popover"], Vi = "--pv-popover-v2-anchor", Hi = /* @__PURE__ */ tn(/*
 			"pv-input-padded-end": !0
 		}));
 		return T(() => {
-			n.displayShortcut && J(da, (e) => {
+			n.displayShortcut && ce(da, (e) => {
 				let t = e.target, n = t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement || (t?.isContentEditable ?? !1), r = document.activeElement === i.value;
 				(!n || r) && (r || (e.preventDefault(), i.value?.focus()));
 			});
@@ -5822,7 +5822,7 @@ var La = {
 	emits: ["list-order-updated"],
 	setup(e, { expose: t, emit: n }) {
 		let r = k(null), i = ee("popoverList"), a = e, s = n;
-		return a.isSortable && a.isList && Z(i, [], {
+		return a.isSortable && a.isList && Y(i, [], {
 			animation: 150,
 			onUpdate: () => {
 				s("list-order-updated", Array.from(i.value?.children || []).map((e) => e.id));
@@ -5889,9 +5889,9 @@ var La = {
 			p.value !== void 0 && (p.value = void 0);
 		}, M = () => {
 			let e = p.value;
-			E(), e && v(() => Se(e));
+			E(), e && v(() => we(e));
 		}, N = [...m($a, []), h];
-		O($a, N), oe(g, (e) => {
+		O($a, N), se(g, (e) => {
 			(e.target instanceof Element ? e.target.closest("[data-pv-menu-ancestors]")?.dataset.pvMenuAncestors?.split(" ") : void 0)?.includes(h) || E();
 		}, { ignore: [S] });
 		let F = P(f.value);
@@ -5909,9 +5909,9 @@ var La = {
 		let H = m(eo, void 0), ee = m(ro, k(!1)), te = m(to, void 0), ne = m(no, void 0), ie = r(() => l.singleSelect || l.config?.variant === "radio"), K = r(() => l.options.find((e) => e.id === p.value && e.children?.length)), ae = (e, t, n = !1, r = !0) => {
 			let i = !r || p.value !== e.id;
 			p.value = i ? e.id : void 0, i && (C.value = t, v(() => {
-				T(), n && be(b.value ?? document.getElementById(h), 0);
+				T(), n && Se(b.value ?? document.getElementById(h), 0);
 			}));
-		}, q = (e, t = !1) => {
+		}, oe = (e, t = !1) => {
 			if (l.readOnly) return;
 			let n = (!t && l.childrenDisplay === "popover" ? l.options.find((t) => t.id === e.option.id) : void 0) ?? e.option;
 			if (l.childrenDisplay === "popover" && !t && n.children?.length) {
@@ -5953,23 +5953,23 @@ var La = {
 				...e,
 				option: n
 			} : e);
-		}, J = (e) => {
+		}, ce = (e) => {
 			let t = K.value;
 			if (!t) return;
 			let n = t.children?.find((t) => t.id === e.option.id) ?? e.option;
-			q({
+			oe({
 				...e,
 				option: n
-			}, !0), p.value = void 0, v(() => Se(t.id));
-		}, se = r(() => new Set(F.value.map((e) => e.id))), ce = (e) => {
+			}, !0), p.value = void 0, v(() => we(t.id));
+		}, q = r(() => new Set(F.value.map((e) => e.id))), le = (e) => {
 			for (let t of e) {
-				if (se.value.has(t.id)) return t;
-				let e = t.children?.length ? ce(t.children) : void 0;
+				if (q.value.has(t.id)) return t;
+				let e = t.children?.length ? le(t.children) : void 0;
 				if (e) return e;
 			}
-		}, le = (e) => {
+		}, ue = (e) => {
 			if (l.childrenDisplay !== "popover" || !e.children?.length) return e;
-			let t = ce(e.children);
+			let t = le(e.children);
 			return {
 				...e,
 				children: void 0,
@@ -5977,54 +5977,54 @@ var La = {
 				subText: t?.text ?? e.subText,
 				totalChildCount: void 0
 			};
-		}, Y = (e) => ({
+		}, J = (e) => ({
 			...e,
 			children: void 0,
 			totalChildCount: void 0
-		}), ue = (e) => l.childrenDisplay === "popover" ? e.config ?? l.config : l.config, X = (e) => se.value.has(e.id) || z.value && te?.value?.has(e.id) || (z.value || l.childrenDisplay === "popover") && e.children?.length && ce(e.children) ? !0 : null, de = (e) => {
+		}), de = (e) => l.childrenDisplay === "popover" ? e.config ?? l.config : l.config, fe = (e) => q.value.has(e.id) || z.value && te?.value?.has(e.id) || (z.value || l.childrenDisplay === "popover") && e.children?.length && le(e.children) ? !0 : null, pe = (e) => {
 			let t = e.config?.variant ?? l.config?.variant;
 			return ie.value || t === "radio" ? "menuitemradio" : t === "checkbox" ? "menuitemcheckbox" : "menuitem";
-		}, Z = (e) => de(e) === "menuitem" ? void 0 : !!X(e), fe = (e) => e.children?.length && !l.highlightParentItems ? null : de(e) !== "menuitemcheckbox" && X(e) || p.value === e.id ? !0 : null, pe = (e) => de(e) !== "menuitemcheckbox" && se.value.has(e.id) ? !0 : null, me = (e, t) => !!(!t || se.value.has(e.id) || te?.value?.has(e.id) || e.children?.length && ce(e.children)), he = k(), ge = k(), _e = r(() => {
-			let e = l.options.filter((e) => !l.readOnly && !e.disabled && me(e, l.isLoading)).map((e) => e.id);
-			return l.hasMoreOptions && !l.isSeeMoreLoading && e.push(Co), he.value && e.includes(he.value) ? he.value : e[0];
-		}), ve = r(() => {
+		}, Y = (e) => pe(e) === "menuitem" ? void 0 : !!fe(e), me = (e) => e.children?.length && !l.highlightParentItems ? null : pe(e) !== "menuitemcheckbox" && fe(e) || p.value === e.id ? !0 : null, he = (e) => pe(e) !== "menuitemcheckbox" && q.value.has(e.id) ? !0 : null, ge = (e, t) => !!(!t || q.value.has(e.id) || te?.value?.has(e.id) || e.children?.length && le(e.children)), _e = k(), ve = k(), ye = r(() => {
+			let e = l.options.filter((e) => !l.readOnly && !e.disabled && ge(e, l.isLoading)).map((e) => e.id);
+			return l.hasMoreOptions && !l.isSeeMoreLoading && e.push(Co), _e.value && e.includes(_e.value) ? _e.value : e[0];
+		}), be = r(() => {
 			let e = K.value?.children?.filter((e) => !l.readOnly && !e.disabled) ?? [];
-			return e.some((e) => e.id === ge.value) ? ge.value : e[0]?.id;
-		}), ye = (e) => {
+			return e.some((e) => e.id === ve.value) ? ve.value : e[0]?.id;
+		}), xe = (e) => {
 			let t = Array.from(e?.querySelectorAll("li[role='none'] > [role^='menuitem']:not([aria-disabled='true'])") ?? []).filter((e) => !e.hidden && e.style.display !== "none");
 			return t.length ? t : Array.from(e?.querySelectorAll("button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex='-1'])") ?? []).filter((e) => !e.hidden && e.style.display !== "none");
-		}, be = (e, t) => {
-			let n = ye(e);
+		}, Se = (e, t) => {
+			let n = xe(e);
 			n.length && n[(t + n.length) % n.length]?.focus();
-		}, xe = (e, t, n) => {
-			let r = ye(e), i = r.indexOf(t);
+		}, Ce = (e, t, n) => {
+			let r = xe(e), i = r.indexOf(t);
 			!r.length || i < 0 || r[(i + n + r.length) % r.length]?.focus();
-		}, Se = (e) => {
-			ye(g.value).find((t) => t.dataset.optionId === e)?.focus();
+		}, we = (e) => {
+			xe(g.value).find((t) => t.dataset.optionId === e)?.focus();
 		};
 		U(p, (e) => {
-			ge.value = void 0, e && v(() => {
+			ve.value = void 0, e && v(() => {
 				let t = Array.from(g.value?.children ?? []).find((t) => t.dataset.optionId === e);
 				t && (C.value = t, T());
 			});
 		}, { immediate: !0 });
-		let Ce = (e, t) => {
+		let Te = (e, t) => {
 			switch (e.key) {
-				case "ArrowDown": return e.preventDefault(), xe(t, e.currentTarget, 1), !0;
-				case "ArrowUp": return e.preventDefault(), xe(t, e.currentTarget, -1), !0;
-				case "Home": return e.preventDefault(), be(t, 0), !0;
-				case "End": return e.preventDefault(), be(t, -1), !0;
+				case "ArrowDown": return e.preventDefault(), Ce(t, e.currentTarget, 1), !0;
+				case "ArrowUp": return e.preventDefault(), Ce(t, e.currentTarget, -1), !0;
+				case "Home": return e.preventDefault(), Se(t, 0), !0;
+				case "End": return e.preventDefault(), Se(t, -1), !0;
 				default: return !1;
 			}
-		}, we = (e, t) => {
-			if (!(e.target !== e.currentTarget || Ce(e, g.value))) switch (e.key) {
+		}, Ee = (e, t) => {
+			if (!(e.target !== e.currentTarget || Te(e, g.value))) switch (e.key) {
 				case "ArrowRight":
 					if (!t.children?.length) break;
 					e.preventDefault(), ae(t, e.currentTarget, !0, !1);
 					break;
 				case "Enter":
 				case " ":
-					e.preventDefault(), t.children?.length ? ae(t, e.currentTarget, !0, !1) : q({
+					e.preventDefault(), t.children?.length ? ae(t, e.currentTarget, !0, !1) : oe({
 						event: e,
 						option: t
 					});
@@ -6037,8 +6037,8 @@ var La = {
 					p.value = void 0;
 					break;
 			}
-		}, Te = (e) => {
-			if (!Ce(e, g.value)) switch (e.key) {
+		}, De = (e) => {
+			if (!Te(e, g.value)) switch (e.key) {
 				case "Enter":
 				case " ":
 					e.preventDefault(), d("see-more", { parentId: void 0 });
@@ -6048,18 +6048,18 @@ var La = {
 					E();
 					break;
 			}
-		}, Ee = (e, t) => {
-			if (!(e.target !== e.currentTarget || Ce(e, b.value))) switch (e.key) {
+		}, Oe = (e, t) => {
+			if (!(e.target !== e.currentTarget || Te(e, b.value))) switch (e.key) {
 				case "ArrowLeft":
 				case "Escape": {
 					e.preventDefault(), e.key === "Escape" && e.stopPropagation();
 					let t = p.value;
-					p.value = void 0, t && v(() => Se(t));
+					p.value = void 0, t && v(() => we(t));
 					break;
 				}
 				case "Enter":
 				case " ":
-					e.preventDefault(), J({
+					e.preventDefault(), ce({
 						event: e,
 						option: t
 					});
@@ -6076,29 +6076,29 @@ var La = {
 			class: "pv-popover-list"
 		}, r.$attrs), [(D(!0), o(t, null, A(e.options, (t) => G((D(), o("li", {
 			key: t.id,
-			"data-active": fe(t),
+			"data-active": me(t),
 			"data-option-id": t.id,
 			"data-testid": e.itemTestId,
 			class: y(e.itemClass),
 			role: e.childrenDisplay === "popover" ? "none" : void 0
-		}, [u(mo, _({ ref_for: !0 }, le(t), {
-			"aria-checked": e.childrenDisplay === "popover" ? Z(t) : void 0,
+		}, [u(mo, _({ ref_for: !0 }, ue(t), {
+			"aria-checked": e.childrenDisplay === "popover" ? Y(t) : void 0,
 			"aria-controls": e.childrenDisplay === "popover" && t.children?.length ? R(h) : void 0,
 			"aria-disabled": e.childrenDisplay === "popover" && (l.readOnly || t.disabled) ? "true" : void 0,
 			"aria-expanded": e.childrenDisplay === "popover" && t.children?.length ? p.value === t.id : void 0,
 			"aria-haspopup": e.childrenDisplay === "popover" && t.children?.length ? t.popoverRole ?? "menu" : void 0,
-			"data-active": fe(t),
+			"data-active": me(t),
 			"data-dd-action-name": t.rumActionName,
 			"data-option-id": t.id,
 			disabled: l.readOnly || t.disabled,
-			config: ue(t),
+			config: de(t),
 			itemClass: e.itemClass,
 			queryText: e.queryText,
-			role: e.childrenDisplay === "popover" ? de(t) : void 0,
-			tabindex: e.childrenDisplay === "popover" ? _e.value === t.id ? 0 : -1 : void 0,
-			onFocus: (e) => he.value = t.id,
-			onKeydown: (n) => e.childrenDisplay === "popover" ? we(n, t) : void 0,
-			onHandleSelected: q,
+			role: e.childrenDisplay === "popover" ? pe(t) : void 0,
+			tabindex: e.childrenDisplay === "popover" ? ye.value === t.id ? 0 : -1 : void 0,
+			onFocus: (e) => _e.value = t.id,
+			onKeydown: (n) => e.childrenDisplay === "popover" ? Ee(n, t) : void 0,
+			onHandleSelected: oe,
 			onSeeMore: c[0] ||= (e) => d("see-more", e)
 		}), null, 16, [
 			"aria-checked",
@@ -6117,7 +6117,7 @@ var La = {
 			"tabindex",
 			"onFocus",
 			"onKeydown"
-		])], 10, vo)), [[re, me(t, e.isLoading)]])), 128)), e.hasMoreOptions ? (D(), o("li", {
+		])], 10, vo)), [[re, ge(t, e.isLoading)]])), 128)), e.hasMoreOptions ? (D(), o("li", {
 			key: 0,
 			role: e.childrenDisplay === "popover" ? "none" : void 0
 		}, [u(Ln, {
@@ -6127,10 +6127,10 @@ var La = {
 			loading: e.isSeeMoreLoading,
 			disabled: e.isSeeMoreLoading,
 			role: e.childrenDisplay === "popover" ? "menuitem" : void 0,
-			tabindex: e.childrenDisplay === "popover" ? _e.value === Co ? 0 : -1 : void 0,
+			tabindex: e.childrenDisplay === "popover" ? ye.value === Co ? 0 : -1 : void 0,
 			"data-testid": "pv-menu-see-more",
-			onFocus: c[1] ||= (e) => he.value = Co,
-			onKeydown: c[2] ||= (t) => e.childrenDisplay === "popover" ? Te(t) : void 0,
+			onFocus: c[1] ||= (e) => _e.value = Co,
+			onKeydown: c[2] ||= (t) => e.childrenDisplay === "popover" ? De(t) : void 0,
 			onClick: c[3] ||= (e) => d("see-more", { parentId: void 0 })
 		}, null, 8, [
 			"loading",
@@ -6167,25 +6167,25 @@ var La = {
 				role: "menu"
 			}, [(D(!0), o(t, null, A(K.value.children, (t) => (D(), o("li", {
 				key: t.id,
-				"data-active": pe(t),
+				"data-active": he(t),
 				"data-option-id": t.id,
 				class: y(e.itemClass),
 				role: "none"
-			}, [u(mo, _({ ref_for: !0 }, Y(t), {
-				"aria-checked": Z(t),
+			}, [u(mo, _({ ref_for: !0 }, J(t), {
+				"aria-checked": Y(t),
 				"aria-disabled": l.readOnly || t.disabled ? "true" : void 0,
-				"data-active": pe(t),
+				"data-active": he(t),
 				"data-dd-action-name": t.rumActionName,
 				"data-option-id": t.id,
 				disabled: l.readOnly || t.disabled,
-				config: ue(t),
+				config: de(t),
 				itemClass: e.itemClass,
 				queryText: e.queryText,
-				role: de(t),
-				tabindex: ve.value === t.id ? 0 : -1,
-				onFocus: (e) => ge.value = t.id,
-				onKeydown: (e) => Ee(e, t),
-				onHandleSelected: J,
+				role: pe(t),
+				tabindex: be.value === t.id ? 0 : -1,
+				onFocus: (e) => ve.value = t.id,
+				onKeydown: (e) => Oe(e, t),
+				onHandleSelected: ce,
 				onSeeMore: c[4] ||= (e) => d("see-more", e)
 			}), null, 16, [
 				"aria-checked",
@@ -6266,7 +6266,7 @@ var La = {
 			action: n.optionsAction,
 			variant: n.optionsVariant,
 			counterBadgeVariant: n.counterBadgeVariant
-		})), d = t, [f] = X(n.defaultOpen), p = V(e, "modelValue"), m = V(e, "searchInput");
+		})), d = t, [f] = fe(n.defaultOpen), p = V(e, "modelValue"), m = V(e, "searchInput");
 		U(f, (e) => {
 			d(e ? "dropdown-open" : "dropdown-closed");
 		});
@@ -6302,7 +6302,7 @@ var La = {
 		}, E = () => {
 			f.value = !1, m.value = "";
 		};
-		return J("Escape", () => {
+		return ce("Escape", () => {
 			f.value && E();
 		}), (t, n) => (D(), i(Hi, _({
 			modelValue: R(f),
@@ -7208,7 +7208,7 @@ var La = {
 			dataRows: v.value,
 			mapColumn: N.value,
 			seriesColumn: E.value
-		})), K = r(() => Vs(ie.value, E.value?.field)), ae = r(() => Hs(E.value)), q = r(() => Us({
+		})), K = r(() => Vs(ie.value, E.value?.field)), ae = r(() => Hs(E.value)), oe = r(() => Us({
 			aggregatedCategoryChartData: G.value,
 			categoryColumn: T.value,
 			dataLimit: n.dataLimit,
@@ -7229,25 +7229,25 @@ var La = {
 			useDisplayDataRows: n.chartData !== void 0,
 			xKey: n.xKey,
 			yKey: n.yKey
-		})), oe = r(() => _n(q.value)), J = r(() => vn(q.value)), se = r(() => cn({
+		})), se = r(() => _n(oe.value)), ce = r(() => vn(oe.value)), q = r(() => cn({
 			baseMinHeight: n.minHeight,
-			dataCount: oe.value,
+			dataCount: se.value,
 			enableChartScrolling: n.enableChartScrolling,
-			isHorizontalScrollingChart: J.value
-		})), ce = r(() => {
+			isHorizontalScrollingChart: ce.value
+		})), le = r(() => {
 			let e = ln({
 				enableChartScrolling: n.enableChartScrolling,
-				isHorizontalScrollingChart: J.value
+				isHorizontalScrollingChart: ce.value
 			});
-			if (e) return J.value ? {
+			if (e) return ce.value ? {
 				...e,
 				maxHeight: `${n.minHeight}px`
 			} : e;
-		}), le = r(() => un({
-			chartMinHeight: se.value,
-			dataCount: oe.value,
+		}), ue = r(() => un({
+			chartMinHeight: q.value,
+			dataCount: se.value,
 			enableChartScrolling: n.enableChartScrolling,
-			isHorizontalScrollingChart: J.value,
+			isHorizontalScrollingChart: ce.value,
 			minContentWidth: 320
 		}));
 		return (n, r) => (D(), i(Tn, {
@@ -7296,14 +7296,14 @@ var La = {
 				])], 4)) : (D(), o("div", {
 					key: 2,
 					class: y(["pv-data-widget__chart-scroll", { "pv-data-widget__chart-scroll--enabled pv-scrollbar-visible": e.enableChartScrolling }]),
-					style: x(ce.value)
+					style: x(le.value)
 				}, [s("div", {
 					class: "pv-data-widget__chart-content",
-					style: x(le.value)
+					style: x(ue.value)
 				}, [u(nn, {
-					options: q.value,
+					options: oe.value,
 					isLoading: e.chartLoading,
-					minHeight: se.value
+					minHeight: q.value
 				}, null, 8, [
 					"options",
 					"isLoading",
@@ -7651,7 +7651,7 @@ var uc = {
 		let r = e, i = n, c = ee("sidePanel"), l = V(e, "searchInput"), d = V(e, "modelValue"), f = () => {
 			c?.value?.removeAttribute("open"), d.value = !1;
 		}, p = () => {
-			c.value && oe(c.value, () => {
+			c.value && se(c.value, () => {
 				d.value && (i("click-outside"), f());
 			}, { ignore: [".pv-click-outside-ignore"] });
 		};
@@ -7659,7 +7659,7 @@ var uc = {
 			d.value && c?.value?.setAttribute("open", "true"), r.closeOnClickOutside && p();
 		}), U(() => d.value, () => {
 			d.value ? c?.value?.setAttribute("open", "true") : c?.value?.removeAttribute("open");
-		}), J("Escape", () => {
+		}), ce("Escape", () => {
 			c.value && d.value && f();
 		}), (n, i) => (D(), o("div", {
 			class: "pv-drawer pv-surface",
@@ -7895,7 +7895,7 @@ var bc = {
 			return Pa(c.options, t) + e;
 		}), T = r(() => re.value.length > 0 ? !0 : c.enableCascadeSelection && L.value?.length ? L.value.some((e) => e.state === "selected") : !1), E = (e) => {
 			g("see-more", e ?? {});
-		}, k = ee("searchInputRef"), [M, N] = X(c.defaultOpen), I = V(e, "modelValue"), L = V(e, "selectionState"), z = V(e, "searchInput"), B = r(() => c.menuActionsVariant === "cancel-confirm"), H = (e) => {
+		}, k = ee("searchInputRef"), [M, N] = fe(c.defaultOpen), I = V(e, "modelValue"), L = V(e, "selectionState"), z = V(e, "searchInput"), B = r(() => c.menuActionsVariant === "cancel-confirm"), H = (e) => {
 			re.value = e, B.value || (I.value = e, L.value = S());
 		}, te = () => {
 			B.value && (I.value = re.value, L.value = S());
@@ -7927,7 +7927,7 @@ var bc = {
 			}
 		}), ae = () => {
 			z.value = "", M.value = !1;
-		}, q = r(() => {
+		}, oe = r(() => {
 			let e = c.size === "lg" ? 24 : 30;
 			return c.overlayTrigger ? -e : void 0;
 		});
@@ -7947,26 +7947,26 @@ var bc = {
 				c.overlayTrigger && !c.disableSearchInput && k.value?.input?.focus(), g("dropdown-open");
 			})) : (ne(), g("dropdown-closed"));
 		});
-		let oe = r(() => {
+		let se = r(() => {
 			if (z.value === "") return c.options;
 			let e = z.value.toLocaleLowerCase();
 			return c.enableCascadeSelection ? Ia(c.options, e, !c.hideParentOnChildQueryMatch) : c.options.filter((t) => t.text.toLocaleLowerCase().includes(e) || t.searchText?.toLocaleLowerCase().includes(e));
-		}), se = () => {
+		}), q = () => {
 			if (c.enableCascadeSelection) {
 				let e = /* @__PURE__ */ new Set(), t = (n) => {
 					for (let r of n) ja(r) && (e.add(r.id), r.children?.length && t(r.children));
 				};
-				t(oe.value), f.value = e, m.value = /* @__PURE__ */ new Map();
+				t(se.value), f.value = e, m.value = /* @__PURE__ */ new Map();
 			}
-			let e = c.enableCascadeSelection ? Ma(oe.value) : oe.value;
+			let e = c.enableCascadeSelection ? Ma(se.value) : se.value;
 			g("select-all", e.length), H(e);
-		}, ce = () => {
-			g("clear-all", re.value.length), f.value = /* @__PURE__ */ new Set(), m.value = /* @__PURE__ */ new Map(), H([]);
 		}, le = () => {
+			g("clear-all", re.value.length), f.value = /* @__PURE__ */ new Set(), m.value = /* @__PURE__ */ new Map(), H([]);
+		}, ue = () => {
 			ne(), ae();
-		}, Y = () => {
+		}, J = () => {
 			te(), ae();
-		}, ue = r(() => {
+		}, de = r(() => {
 			if (!c.groupings) return;
 			let e = /* @__PURE__ */ new Map();
 			c.groupings.forEach((t) => {
@@ -7978,23 +7978,23 @@ var bc = {
 			}
 			for (let [t, n] of e) n.length === 0 && e.delete(t);
 			return Array.from(e.entries());
-		}), de = r(() => c.groupings && z.value === ""), Z = r(() => ({
+		}), pe = r(() => c.groupings && z.value === ""), Y = r(() => ({
 			...c,
 			selectedItems: I.value,
 			searchInput: z.value,
 			slotContext: c.slotContext,
 			isOpen: M.value,
 			isLoading: c.isLoading
-		})), fe = r(() => c.rumActionName ? c.rumActionName : c.rumFilterName ? `Open ${c.rumFilterName} filter` : void 0), pe = r(() => c.rumFilterName ? `Search ${c.rumFilterName} options` : void 0), me = ee("popoverContentRef"), he = r(() => {
-			let e = me.value?.getRootNode();
+		})), me = r(() => c.rumActionName ? c.rumActionName : c.rumFilterName ? `Open ${c.rumFilterName} filter` : void 0), he = r(() => c.rumFilterName ? `Search ${c.rumFilterName} options` : void 0), ge = ee("popoverContentRef"), _e = r(() => {
+			let e = ge.value?.getRootNode();
 			return e instanceof ShadowRoot ? e.host : null;
-		}), { present: ge } = zi("header", { host: he }), { present: _e } = zi("no-results", { host: he }), { present: ve } = zi("footer", { host: he });
-		return J("Escape", () => {
+		}), { present: ve } = zi("header", { host: _e }), { present: ye } = zi("no-results", { host: _e }), { present: be } = zi("footer", { host: _e });
+		return ce("Escape", () => {
 			M.value && ae();
 		}), (n, r) => (D(), i(Hi, _({
 			modelValue: R(M),
 			"onUpdate:modelValue": r[4] ||= (e) => h(M) ? M.value = e : null
-		}, e.popoverProperties, { offset: q.value }), {
+		}, e.popoverProperties, { offset: oe.value }), {
 			trigger: W(() => [u(Ea, {
 				ref: "select-button-trigger-ref",
 				variant: e.variant,
@@ -8011,8 +8011,8 @@ var bc = {
 				"counter-value": w.value,
 				"counter-style": e.counterStyle,
 				"selected-items": re.value,
-				"data-dd-action-name": fe.value,
-				onHandleClear: ce,
+				"data-dd-action-name": me.value,
+				onHandleClear: le,
 				onHandleToggleDropdown: r[0] ||= (e) => R(N)()
 			}, null, 8, [
 				"variant",
@@ -8033,7 +8033,7 @@ var bc = {
 			])]),
 			content: W(() => [s("div", {
 				ref_key: "popoverContentRef",
-				ref: me,
+				ref: ge,
 				class: "pv-popover",
 				"data-test-id": "pv-popover",
 				style: x({
@@ -8044,7 +8044,7 @@ var bc = {
 				e.disableSearchInput ? a("", !0) : (D(), o("div", {
 					key: 0,
 					class: "pv-inset-square-8 pv-border-bottom",
-					"data-dd-action-name": pe.value
+					"data-dd-action-name": he.value
 				}, [u(fa, {
 					ref: "searchInputRef",
 					"model-value": z.value,
@@ -8052,8 +8052,8 @@ var bc = {
 					class: "pv-stack-4",
 					placeholder: e.searchPlaceholder
 				}, null, 8, ["model-value", "placeholder"])], 8, Sc)),
-				n.$slots.header || R(ge) ? (D(), o("div", Cc, [j(n.$slots, "header", b(p(Z.value)))])) : a("", !0),
-				oe.value.length > 0 ? (D(), o(t, { key: 2 }, [de.value ? (D(!0), o(t, { key: 0 }, A(ue.value, ([t, i], s) => (D(), o("div", { key: t }, [
+				n.$slots.header || R(ve) ? (D(), o("div", Cc, [j(n.$slots, "header", b(p(Y.value)))])) : a("", !0),
+				se.value.length > 0 ? (D(), o(t, { key: 2 }, [pe.value ? (D(!0), o(t, { key: 0 }, A(de.value, ([t, i], s) => (D(), o("div", { key: t }, [
 					n.$slots[t] ? j(n.$slots, t, { key: 0 }) : t === "other" ? a("", !0) : (D(), o("span", wc, F(t), 1)),
 					u(wo, {
 						selectedItems: K.value,
@@ -8066,7 +8066,7 @@ var bc = {
 						isLoading: e.isLoading,
 						isSeeMoreLoading: e.isSeeMoreLoading,
 						enableCascadeSelection: e.enableCascadeSelection,
-						hasMoreOptions: s === ue.value.length - 1 && C.value && !e.isLoading,
+						hasMoreOptions: s === de.value.length - 1 && C.value && !e.isLoading,
 						onSeeMore: E
 					}, null, 8, [
 						"selectedItems",
@@ -8079,12 +8079,12 @@ var bc = {
 						"enableCascadeSelection",
 						"hasMoreOptions"
 					]),
-					ue.value && s !== ue.value.length - 1 ? (D(), o("div", Tc)) : a("", !0)
+					de.value && s !== de.value.length - 1 ? (D(), o("div", Tc)) : a("", !0)
 				]))), 128)) : (D(), i(wo, {
 					key: 1,
 					selectedItems: K.value,
 					"onUpdate:selectedItems": r[3] ||= (e) => K.value = e,
-					options: oe.value,
+					options: se.value,
 					config: l.value,
 					queryText: e.highlightSearchText ? z.value : null,
 					itemTestId: `pv-multiselect-${e.label}-item`,
@@ -8103,16 +8103,16 @@ var bc = {
 					"isSeeMoreLoading",
 					"hasMoreOptions"
 				]))], 64)) : a("", !0),
-				e.isLoading ? (D(), o("div", Ec, [u(Dt, { variant: "dark" })])) : oe.value.length === 0 ? (D(), o(t, { key: 4 }, [R(_e) ? j(n.$slots, "no-results", b(_({ key: 0 }, Z.value))) : (D(), i(Aa, { key: 1 }))], 64)) : a("", !0),
-				s("div", Dc, [R(ve) ? j(n.$slots, "footer", b(_({ key: 0 }, Z.value))) : a("", !0), e.menuActionsVariant ? (D(), i(xc, {
+				e.isLoading ? (D(), o("div", Ec, [u(Dt, { variant: "dark" })])) : se.value.length === 0 ? (D(), o(t, { key: 4 }, [R(ye) ? j(n.$slots, "no-results", b(_({ key: 0 }, Y.value))) : (D(), i(Aa, { key: 1 }))], 64)) : a("", !0),
+				s("div", Dc, [R(be) ? j(n.$slots, "footer", b(_({ key: 0 }, Y.value))) : a("", !0), e.menuActionsVariant ? (D(), i(xc, {
 					key: 1,
 					variant: e.menuActionsVariant,
 					disabled: e.isLoading,
 					rumFilterName: e.rumFilterName,
-					onHandleClearAll: ce,
-					onHandleSelectAll: se,
-					onHandleCancel: le,
-					onHandleConfirm: Y
+					onHandleClearAll: le,
+					onHandleSelectAll: q,
+					onHandleCancel: ue,
+					onHandleConfirm: J
 				}, null, 8, [
 					"variant",
 					"disabled",
@@ -8669,9 +8669,9 @@ var Ac = "__pv_filter_panel_scoped_value__", jc = (e) => typeof e == "object" &&
 		let n = e, c = { renderer: vl }, l = ee("search-input"), d = V(e, "searchText"), f = V(e, "query"), p = V(e, "options"), { addQueryOption: m, containsQueryOption: h, removeQueryOption: g } = dl(), v = k(!1), b = k(!1), S = k(!1), C = r(() => f.value === null ? n.placeholder : ""), w = k(null), T = r(() => w.value !== null && w.value !== "" && !b.value), E = () => {
 			f.value = null, d.value = "", w.value = null, S.value = !1;
 		};
-		n.enableCustomOptionsInput && J("Enter", () => {
+		n.enableCustomOptionsInput && ce("Enter", () => {
 			d.value.trim() && O();
-		}, { target: l }), J("Backspace", () => {
+		}, { target: l }), ce("Backspace", () => {
 			if (d.value !== "") return;
 			let e = f.value?.queryTerms;
 			if (!e || e.length === 0) return;
@@ -8958,7 +8958,7 @@ var pu = /* @__PURE__ */ tn(uu, [["render", fu]]), mu = ["innerHTML"], hu = { ke
 	__name: "GroupedCellRenderer",
 	props: { params: {} },
 	setup(e) {
-		let n = e, i = m(Il, k([])), c = m(Ll, k(null)), d = m(Rl, k({})), f = se(n.params, "rowNode"), p = r(() => !n.params.displayBaseAggregationsOnly || f.value.level === i.value.length - 1), h = r(() => n.params.rowNode.group), g = r(() => {
+		let n = e, i = m(Il, k([])), c = m(Ll, k(null)), d = m(Rl, k({})), f = q(n.params, "rowNode"), p = r(() => !n.params.displayBaseAggregationsOnly || f.value.level === i.value.length - 1), h = r(() => n.params.rowNode.group), g = r(() => {
 			let e = f.value.data;
 			if (e?.bucketMin !== void 0 && e?.bucketMax !== void 0) {
 				let t = f.value.rowGroupColumn?.getColDef()?.valueFormatter;
@@ -9619,14 +9619,14 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 			return;
 		}
 		M.value[e] = t - 1;
-	}, ae = /* @__PURE__ */ new Set(), q = /* @__PURE__ */ new Set(), oe = (e, t = !1) => {
-		let n = t ? q : ae;
+	}, ae = /* @__PURE__ */ new Set(), oe = /* @__PURE__ */ new Set(), se = (e, t = !1) => {
+		let n = t ? oe : ae;
 		e.forEach((e) => n.add(e));
-	}, J = () => {
-		q.forEach((e) => ae.add(e)), q.clear();
-	}, se = () => {
-		q.clear();
-	}, ce = (e) => {
+	}, ce = () => {
+		oe.forEach((e) => ae.add(e)), oe.clear();
+	}, q = () => {
+		oe.clear();
+	}, le = (e) => {
 		let t = new Set(e);
 		for (let n of e) {
 			let e = A.value[n] || [];
@@ -9634,19 +9634,19 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 		}
 		for (let e of t) w.value[e] = !1;
 		for (let e of j.value) t.has(e) || (w.value[e] = !0);
-	}, le = e.initStagedFilterSelections, Y = e.clearStagedFilterSelections, ue = (e) => N.value[e] || [], X = (e, t) => {
+	}, ue = e.initStagedFilterSelections, J = e.clearStagedFilterSelections, de = (e) => N.value[e] || [], fe = (e, t) => {
 		N.value[e] = t;
-	}, Z = (e) => {
+	}, Y = (e) => {
 		t.value = e;
-	}, fe = (e) => {
+	}, me = (e) => {
 		(!e || t.value === e) && (t.value = null);
-	}, pe = () => t.value?.getFilterModel() ?? n.value, me = (e) => {
+	}, he = () => t.value?.getFilterModel() ?? n.value, ge = (e) => {
 		let r = t.value?.setFilterModel(e);
 		(!t.value || r === !1) && (n.value = e);
-	}, he = (e) => {
+	}, _e = (e) => {
 		let n = t.value?.setTableSearchFilterModel(e);
 		(!t.value || n === !1) && (a.value = e);
-	}, ge = (e) => t.value?.refreshData(e), _e = (e) => {
+	}, ve = (e) => t.value?.refreshData(e), ye = (e) => {
 		let t = /* @__PURE__ */ new Map();
 		if (!e) return t;
 		if (pd(e)) {
@@ -9663,17 +9663,17 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 			return n(e), t.forEach((e) => e.sort()), t;
 		}
 		return Object.entries(e).forEach(([e, n]) => t.set(e, [JSON.stringify(n)])), t;
-	}, ve = (e, t) => {
-		let n = /* @__PURE__ */ new Set(), r = _e(e), i = _e(t), a = new Set([...r.keys(), ...i.keys()]);
+	}, be = (e, t) => {
+		let n = /* @__PURE__ */ new Set(), r = ye(e), i = ye(t), a = new Set([...r.keys(), ...i.keys()]);
 		for (let e of a) JSON.stringify(r.get(e) ?? []) !== JSON.stringify(i.get(e) ?? []) && n.add(e);
 		n.size === 0 && JSON.stringify(e) !== JSON.stringify(t) && a.forEach((e) => n.add(e));
 		let s = Date.now();
 		for (let e of n) o.value[e] = s;
 		return n;
 	};
-	return de(n, (e, t) => {
-		let n = ve(e, t);
-		ae.forEach((e) => n.add(e)), ae.clear(), n.size > 0 && ce(n);
+	return pe(n, (e, t) => {
+		let n = be(e, t);
+		ae.forEach((e) => n.add(e)), ae.clear(), n.size > 0 && le(n);
 	}, {
 		deep: !0,
 		debounce: 200,
@@ -9712,26 +9712,26 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 		refreshFiltersInBackground: E,
 		stageFilterChangesUntilDropdownCloses: D,
 		filterSearchMinLength: O,
-		markOtherFieldsStale: ce,
-		noteFilterModelChange: oe,
-		commitStagedFilterModelChanges: J,
-		clearStagedFilterModelChanges: se,
+		markOtherFieldsStale: le,
+		noteFilterModelChange: se,
+		commitStagedFilterModelChanges: ce,
+		clearStagedFilterModelChanges: q,
 		aggregateFieldMap: A,
 		registerAggregateField: G,
 		registeredFilterFields: j,
 		registerFilterField: ie,
 		unregisterFilterField: K,
 		stagedSelectedValuesMap: N,
-		initStagedSelectedValues: le,
-		clearStagedSelectedValues: Y,
-		getStagedSelectedValues: ue,
-		setStagedSelectedValues: X,
-		registerFilterController: Z,
-		unregisterFilterController: fe,
-		getFilterModel: pe,
-		applyFilterModel: me,
-		applyTableSearchFilterModel: he,
-		refreshData: ge,
+		initStagedSelectedValues: ue,
+		clearStagedSelectedValues: J,
+		getStagedSelectedValues: de,
+		setStagedSelectedValues: fe,
+		registerFilterController: Y,
+		unregisterFilterController: me,
+		getFilterModel: he,
+		applyFilterModel: ge,
+		applyTableSearchFilterModel: _e,
+		refreshData: ve,
 		filterValueSearchTextMap: S,
 		filterValuesHasMoreMap: f,
 		filterValuesTotalCountMap: p
@@ -9744,60 +9744,60 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 	return e;
 }, xd = (e) => {
 	let { filterColDef: t, filterStyle: n, onSelectionChanged: i, filterGroupStagedFields: a, readOnly: o, disableUnselected: s } = e, c = Tl(), l = m(jl, k(null)), u = yd(), { fetchFilterValues: d, invalidateFilterRequest: f, filterModel: p, stagedFilterModel: h, filterModelCleared: g, filterValuesLoadingStatus: _, filterValueContext: y, getFilterSelectedValues: b, isServerSideFilter: x, setFilterValueSearchText: S, setFilterSelectedValues: C, getFilterValues: w, setFilterValues: D, filterStaleMap: O, refreshFiltersInBackground: A, stageFilterChangesUntilDropdownCloses: j, filterSearchMinLength: M, noteFilterModelChange: N, registerAggregateField: P, registerFilterField: F, unregisterFilterField: I, getStagedSelectedValues: L, setStagedSelectedValues: R, filterValueSearchTextMap: z, filterValuesHasMoreMap: B, filterValuesTotalCountMap: V } = u, { computedFocuses: H, removeFocus: ee, computedFocusType: te } = vu(), ne = m(Bl, k(!1)), re = m(zl, k(!1)), W = m($l, k(!1)), G = r({
-		get: () => Z.value ? L(Y.value) : b(Y.value),
+		get: () => Y.value ? L(J.value) : b(J.value),
 		set: (e) => {
-			Z.value ? R(Y.value, e) : C(Y.value, e);
+			Y.value ? R(J.value, e) : C(J.value, e);
 		}
 	}), ie = r(() => {
-		let e = w(Y.value);
-		if (fe.value && me.value.length > 0) {
-			let t = new Set(e), n = me.value.filter((e) => t.has(e)), r = new Set(me.value), i = e.filter((e) => !r.has(e));
+		let e = w(J.value);
+		if (me.value && ge.value.length > 0) {
+			let t = new Set(e), n = ge.value.filter((e) => t.has(e)), r = new Set(ge.value), i = e.filter((e) => !r.has(e));
 			return [...n, ...i];
 		}
 		return Re(e);
-	}), K = r(() => _.value[Y.value] ?? !1), ae = r(() => A.value || $(t.value).prefetchFilterValues === !0), q = r(() => (o?.value ?? !1) && (s?.value ?? !1) && G.value.length === 0 && je.value.length === 0), oe = r(() => o?.value ?? !1), J = r(() => oe.value && (s?.value ?? !1)), se = r({
-		get: () => z.value[Y.value] ?? "",
-		set: (e) => S(Y.value, e)
-	}), ce = r(() => $(t.value).filterSearchMinLength ?? M.value), le = r(() => {
-		let e = ce.value ?? 0, t = se.value?.length ?? 0;
+	}), K = r(() => _.value[J.value] ?? !1), ae = r(() => A.value || $(t.value).prefetchFilterValues === !0), oe = r(() => (o?.value ?? !1) && (s?.value ?? !1) && G.value.length === 0 && Z.value.length === 0), se = r(() => o?.value ?? !1), ce = r(() => se.value && (s?.value ?? !1)), q = r({
+		get: () => z.value[J.value] ?? "",
+		set: (e) => S(J.value, e)
+	}), le = r(() => $(t.value).filterSearchMinLength ?? M.value), ue = r(() => {
+		let e = le.value ?? 0, t = q.value?.length ?? 0;
 		return e > 0 && t > 0 && t < e;
-	}), Y = r(() => t.value.field || ""), ue = r(() => t.value.filter || ""), X = r(() => t.value.headerName || ""), Z = r(() => n?.value === "vertical"), fe = k(!1), pe = k(!1), me = k([]), he = r(() => ns(t.value)), ge = r(() => rs(t.value)), _e = r(() => is(t.value)), ve = r(() => $(t.value).filterOptionsSortDescription), ye = r(() => $(t.value).filterOptionsSortTooltip), be = r(() => {
+	}), J = r(() => t.value.field || ""), de = r(() => t.value.filter || ""), fe = r(() => t.value.headerName || ""), Y = r(() => n?.value === "vertical"), me = k(!1), he = k(!1), ge = k([]), _e = r(() => ns(t.value)), ve = r(() => rs(t.value)), ye = r(() => is(t.value)), be = r(() => $(t.value).filterOptionsSortDescription), xe = r(() => $(t.value).filterOptionsSortTooltip), Se = r(() => {
 		let e = $(t.value).filterSearch;
 		return typeof e == "boolean" ? e : $(t.value).dataType !== Xo.Boolean;
-	}), xe = r(() => $(t.value).emptyFilterResultsRenderer), Se = r(() => $(t.value).filterOptionsRenderer), Ce = r(() => $(t.value).filterHeaderRenderer), we = r(() => $(t.value).filterFooterRenderer), Te = r(() => ge.value ? G.value.length >= ge.value : !1), Ee = r(() => ie.value.filter((e) => e != null && !G.value.includes(e))), De = r(() => oe.value ? void 0 : V.value[Y.value]), Oe = r(() => oe.value ? !1 : B.value[Y.value]), Q = r(() => ls(t.value)), ke = () => new Set([Y.value, ...ss(t.value)]), Ae = (e, t) => {
+	}), Ce = r(() => $(t.value).emptyFilterResultsRenderer), we = r(() => $(t.value).filterOptionsRenderer), Te = r(() => $(t.value).filterHeaderRenderer), Ee = r(() => $(t.value).filterFooterRenderer), De = r(() => ve.value ? G.value.length >= ve.value : !1), Oe = r(() => ie.value.filter((e) => e != null && !G.value.includes(e))), ke = r(() => se.value ? void 0 : V.value[J.value]), Ae = r(() => se.value ? !1 : B.value[J.value]), X = r(() => ls(t.value)), je = () => new Set([J.value, ...ss(t.value)]), Me = (e, t) => {
 		let n = new Set(e), r = new Set(t);
 		return n.size === r.size ? [...n].every((e) => r.has(e)) : !1;
-	}, je = k([]), Me = k("[]"), Ne = r(() => ie.value.length === 1 && ie.value[0] === null && G.value.length === 0), Pe = (e = !1) => {
-		if (Q.value) return;
+	}, Z = k([]), Q = k("[]"), Ne = r(() => ie.value.length === 1 && ie.value[0] === null && G.value.length === 0), Pe = (e = !1) => {
+		if (X.value) return;
 		let n = [];
 		if (W.value && l.value) {
 			let e = l.value.getAdvancedFilterModel();
-			n = od(Y.value, e);
+			n = od(J.value, e);
 		} else n = Zu(t.value, p.value);
-		e ? G.value = n : G.value = Array.from(new Set([...b(Y.value), ...n]));
+		e ? G.value = n : G.value = Array.from(new Set([...b(J.value), ...n]));
 	}, Fe = (e) => {
 		let t = (n) => {
 			for (let r of n) if (r.id === String(e) && r.state === "selected" || r.children && t(r.children)) return !0;
 			return !1;
 		};
-		return t(je.value);
+		return t(Z.value);
 	}, Ie = (e, t) => {
-		let n = je.value.find((t) => t.id === String(e));
+		let n = Z.value.find((t) => t.id === String(e));
 		return n?.state === "selected" ? !n.children?.some((e) => e.id === String(t) && e.state === "deselected") : Fe(t);
 	}, Le = (e, t) => (t == null ? Fe(e.id) : Ie(t, e.id)) ? !0 : (e.children ?? []).some((t) => Le(t, e.id)), Re = (e) => [...e].sort((e, t) => {
 		let n = G.value.includes(e) || Fe(e), r = G.value.includes(t) || Fe(t);
 		return n && !r ? -1 : !n && r ? 1 : 0;
 	}), ze = async (e = !1, n = !1) => {
 		if (!l.value) return;
-		let r = O.value[Y.value] ?? !1, i = _.value[Y.value] !== !0, a = (w(Y.value) || []).length === 0, o = e && i && (r || n || a);
+		let r = O.value[J.value] ?? !1, i = _.value[J.value] !== !0, a = (w(J.value) || []).length === 0, o = e && i && (r || n || a);
 		if (W.value) {
 			if (x.value && o) {
 				let e = await d(t.value, {
 					api: l.value,
 					filterModel: p.value ?? void 0,
-					useStaged: Z.value
+					useStaged: Y.value
 				});
-				D(Y.value, e), O.value[Y.value] = !1, It();
+				D(J.value, e), O.value[J.value] = !1, It();
 			}
 			return;
 		}
@@ -9807,11 +9807,11 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 				s.refreshFilterValues();
 				return;
 			}
-			D(Y.value, s.getFilterValues()), O.value[Y.value] = !1;
+			D(J.value, s.getFilterValues()), O.value[J.value] = !1;
 		}
 	}, Be = (e) => {
-		let t = y(Y.value, e);
-		return !t && Q.value && e && (t = ot(e)), t;
+		let t = y(J.value, e);
+		return !t && X.value && e && (t = ot(e)), t;
 	}, Ve = (e) => e?.field ?? e?.colField, He = (e) => e?.rawValue == null ? e?.metadata?.rawValue == null ? e ? Qe(e.value).value : null : e.metadata.rawValue : e.rawValue, Ue = (e, t) => t?.rawValue == null ? t?.metadata?.rawValue == null ? e : t.metadata.rawValue : t.rawValue, We = (e, t) => {
 		if (!e || !t || e.label && e.rawValue == null && e.metadata?.rawValue == null) return e;
 		let n = ($(t).metadataDisplayFields || []).find((t) => e.metadata?.[t] != null);
@@ -9820,8 +9820,8 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 			label: String(e.metadata?.[n])
 		} : e;
 	}, Ge = (e, t) => {
-		let n = he.value, r = t, i = Ve(t);
-		if (i && Q.value) {
+		let n = _e.value, r = t, i = Ve(t);
+		if (i && X.value) {
 			let e = l.value?.getColumnDef(i);
 			n = e ? ns(e) ?? n : n, r = We(t, e ?? void 0);
 		}
@@ -9831,21 +9831,21 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 		}) : r?.label || e;
 	}, Ke = (e) => Ge(e, Be(e)), qe = (e, n) => {
 		if (e == null) return !1;
-		if (Q.value) {
+		if (X.value) {
 			let t = n ?? Be(e), r = Ve(t) ?? Qe(e).field, i = $(r ? l.value?.getColumnDef(r) : void 0).metadataDisplayFields;
 			return i?.length ? t == null ? !0 : !i.some((e) => t.metadata?.[e] != null) : !1;
 		}
 		if (!$(t.value).metadataDisplayFields?.length) return !1;
-		let r = y(Y.value, e);
+		let r = y(J.value, e);
 		return r == null || r.label == null;
-	}, Je = (e) => Ne.value || y(Y.value, e)?.isSelectable === !1 ? !0 : _e.value ? !1 : Te.value && !G.value.includes(e), Ye = (e) => e ? l.value && l.value.getColumnDef(e)?.headerName || e : "", Xe = (e, n, r) => tl({
+	}, Je = (e) => Ne.value || y(J.value, e)?.isSelectable === !1 ? !0 : ye.value ? !1 : De.value && !G.value.includes(e), Ye = (e) => e ? l.value && l.value.getColumnDef(e)?.headerName || e : "", Xe = (e, n, r) => tl({
 		fallbackSubText: n,
 		getDisplayName: Ye,
 		matchedField: e?.matchedField,
 		matchedValue: e?.matchedValue ?? e?.menuOption?.searchText,
 		primaryText: r,
 		showPrefix: $(t.value).showSearchMatchSubTextPrefix !== !1
-	}), Ze = r(() => $c(Y.value, $(t.value).queryColIds, (e) => e === Y.value && X.value || Ye(e))), Qe = (e) => {
+	}), Ze = r(() => $c(J.value, $(t.value).queryColIds, (e) => e === J.value && fe.value || Ye(e))), Qe = (e) => {
 		if (!e.startsWith("__")) return { value: e };
 		let t = e.slice(2).split("__");
 		return t.length < 2 ? { value: e } : {
@@ -9855,7 +9855,7 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 	}, $e = (e) => Kc(e, nt()), et = (e) => {
 		let t = Qe(e.value), n = { ...e };
 		return !n.field && !n.colField && t.field && (n.field = t.field), n.rawValue == null && n.metadata?.rawValue == null && t.field && (n.rawValue = t.value), e.children?.length && (n.children = e.children.map(et)), n;
-	}, tt = r(() => [...u.filterValueMap.value[Y.value] || [], ...u.filterValueSelectedMetadataMap.value[Y.value] || []].map((e) => e && et(e))), nt = () => tt.value, rt = (e, t) => {
+	}, tt = r(() => [...u.filterValueMap.value[J.value] || [], ...u.filterValueSelectedMetadataMap.value[J.value] || []].map((e) => e && et(e))), nt = () => tt.value, rt = (e, t) => {
 		for (let n of e) {
 			if (!n) continue;
 			if (t(n)) return n;
@@ -9906,28 +9906,28 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 		let n = nt(), r = rt(n, (t) => t.value === e.id);
 		return r?.children?.length ? r : it(n, e.id) || (r && Ve(r) === cs(t.value) ? r : st(e.id) || r);
 	}, lt = (e) => {
-		if (!Q.value) return;
-		let t = u.filterValueSelectedMetadataMap.value[Y.value] || [], n = /* @__PURE__ */ new Map();
+		if (!X.value) return;
+		let t = u.filterValueSelectedMetadataMap.value[J.value] || [], n = /* @__PURE__ */ new Map();
 		for (let e of t) e && n.set(e.value, e);
 		for (let t of e) {
 			if (t.state !== "selected") continue;
 			let e = ct(t);
 			e && n.set(e.value, e);
 		}
-		u.filterValueSelectedMetadataMap.value[Y.value] = [...n.values()];
+		u.filterValueSelectedMetadataMap.value[J.value] = [...n.values()];
 	}, ut = () => {
 		let e = /* @__PURE__ */ new Set();
-		for (let t of je.value) {
+		for (let t of Z.value) {
 			if (t.state !== "selected") continue;
 			let n = ct(t);
 			n && e.add(n.value);
 		}
 		return [...e].filter((e) => !ie.value.includes(e));
 	}, dt = (e) => {
-		let n = y(Y.value, e), r = (n?.children?.length ?? 0) > 0 || (n?.totalChildCount ?? 0) > 0, i = ve.value ? "suggestions" : null;
+		let n = y(J.value, e), r = (n?.children?.length ?? 0) > 0 || (n?.totalChildCount ?? 0) > 0, i = be.value ? "suggestions" : null;
 		n?.isPreference && (i = "preferences");
 		let a = null, o = Ke(e) || "", s = n?.matchedValue;
-		s ? a = Xe(n, n?.subText, o) : n?.subText ? a = n.subText : Ve(n) && Q.value && !r && (a = Ye(Ve(n)));
+		s ? a = Xe(n, n?.subText, o) : n?.subText ? a = n.subText : Ve(n) && X.value && !r && (a = Ye(Ve(n)));
 		let c, d, f;
 		if (r) {
 			let e = (e) => {
@@ -9952,9 +9952,9 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 					let r = Math.max(n?.offset ?? 0, a), o = await u.filterStoreHandler.value({
 						api: l.value,
 						colDef: t.value,
-						field: Y.value,
+						field: J.value,
 						filterModel: p.value ?? void 0,
-						query: se.value || void 0,
+						query: q.value || void 0,
 						offset: r,
 						parentId: i,
 						reason: "child-load-more"
@@ -9980,11 +9980,11 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 			handleSeeMore: f
 		};
 	}, ft = r(() => {
-		let e = [...Q.value ? ut() : G.value.filter((e) => e != null && e !== "" && !ie.value.includes(e)), ...ie.value];
+		let e = [...X.value ? ut() : G.value.filter((e) => e != null && e !== "" && !ie.value.includes(e)), ...ie.value];
 		return e.filter((t, n) => e.indexOf(t) === n).filter((e) => e != null && e !== "").filter((e) => !qe(e)).map(dt);
 	}), pt = (e) => {
 		let t = e.children;
-		t?.length && (t = t.filter((t) => !J.value || Le(t, e.id)).map((e) => pt(e)));
+		t?.length && (t = t.filter((t) => !ce.value || Le(t, e.id)).map((e) => pt(e)));
 		let n = (e.children ?? []).some((t) => Le(t, e.id));
 		return {
 			...e,
@@ -9994,12 +9994,12 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 			handleSeeMore: void 0,
 			...n ? { defaultExpanded: !0 } : {}
 		};
-	}, mt = (e) => Q.value ? Le(e, null) : G.value.includes(e.id), ht = r(() => {
+	}, mt = (e) => X.value ? Le(e, null) : G.value.includes(e.id), ht = r(() => {
 		let e = ft.value;
-		return oe.value ? e.filter((e) => !J.value || mt(e)).map((e) => pt(e)) : e;
+		return se.value ? e.filter((e) => !ce.value || mt(e)).map((e) => pt(e)) : e;
 	}), gt = r({
-		get: () => Q.value ? [] : G.value.map((e) => {
-			let t = y(Y.value, e), n = Ve(t), r = n ? Ye(n) : void 0;
+		get: () => X.value ? [] : G.value.map((e) => {
+			let t = y(J.value, e), n = Ve(t), r = n ? Ye(n) : void 0;
 			return {
 				id: e,
 				text: Ke(e),
@@ -10008,8 +10008,8 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 			};
 		}),
 		set: (e) => {
-			if (Q.value) {
-				if (e.length === 0 && !fe.value && j.value && !Z.value) {
+			if (X.value) {
+				if (e.length === 0 && !me.value && j.value && !Y.value) {
 					Nt([]);
 					return;
 				}
@@ -10021,25 +10021,25 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 				let e = new Set(t), r = new Set(n);
 				for (let t of r) e.has(t) || Ct(t, "select", "click", r.size);
 				for (let t of e) r.has(t) || Ct(t, "deselect", "click", r.size);
-			}), G.value = n, (e.length === 0 && !fe.value || !j.value || Z.value) && (vt(), H.value.forEach((e) => {
-				!G.value.includes(e) && te.value === Y.value && ee(e);
+			}), G.value = n, (e.length === 0 && !me.value || !j.value || Y.value) && (vt(), H.value.forEach((e) => {
+				!G.value.includes(e) && te.value === J.value && ee(e);
 			})), i?.();
 		}
 	}), _t = (e) => {
 		let t = {};
 		for (let n of e) {
 			if (n === null) continue;
-			let e = Ve(y(Y.value, n)) || Y.value;
+			let e = Ve(y(J.value, n)) || J.value;
 			t[e] || (t[e] = []), t[e].push(n);
 		}
 		return t;
 	}, vt = async (e, n, r) => {
 		if (!l.value) return;
 		if (e !== void 0 && n !== void 0) {
-			let r = e || Y.value, i = new Set([Y.value, r]), a = n;
+			let r = e || J.value, i = new Set([J.value, r]), a = n;
 			if (W.value) {
 				let e = Ru(r, a || []);
-				if (Z.value) {
+				if (Y.value) {
 					let t = h.value, n = id(t, e, r);
 					N(i, !0), h.value = n;
 					return;
@@ -10050,7 +10050,7 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 				});
 				return;
 			}
-			if (Z.value) {
+			if (Y.value) {
 				let e = await Xu(l.value, t.value, a);
 				N(i, !0), h.value = {
 					...h.value,
@@ -10066,8 +10066,8 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 		}
 		let i = _t(G.value), o = $(t.value);
 		if (W.value) {
-			let e = Z.value ? h.value : l.value.getAdvancedFilterModel(), n = e, s = /* @__PURE__ */ new Set();
-			if (Q.value) {
+			let e = Y.value ? h.value : l.value.getAdvancedFilterModel(), n = e, s = /* @__PURE__ */ new Set();
+			if (X.value) {
 				let e = ss(t.value), r = [];
 				for (let t of e) {
 					let e = i[t] || [];
@@ -10090,8 +10090,8 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 					} : e;
 				}
 			} else {
-				let t = G.value.length > 0 ? G.value : null, r = Ru(Y.value, t || []);
-				n = id(n, r, Y.value);
+				let t = G.value.length > 0 ? G.value : null, r = Ru(J.value, t || []);
+				n = id(n, r, J.value);
 				let i = !1;
 				if (a?.value) {
 					let e = o.filterGroup?.fields ?? [];
@@ -10103,11 +10103,11 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 						n = id(n, r, t);
 					}
 				}
-				let c = G.value.filter((e) => e !== null), l = od(Y.value, e), u = new Set(l), d = new Set(c);
+				let c = G.value.filter((e) => e !== null), l = od(J.value, e), u = new Set(l), d = new Set(c);
 				if (!(u.size !== d.size || c.some((e) => !u.has(e))) && !i) return;
 			}
 			if (r?.skipIfUnchanged && rd(e, n)) return;
-			if (N(Q.value ? ke() : new Set([Y.value, ...s]), Z.value), Z.value) h.value = n;
+			if (N(X.value ? je() : new Set([J.value, ...s]), Y.value), Y.value) h.value = n;
 			else {
 				let e = n;
 				v(() => {
@@ -10119,36 +10119,36 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 		let s = G.value.length > 0 ? G.value : null;
 		if (r?.skipIfUnchanged) {
 			let e = Zu(t.value, l.value.getFilterModel());
-			if (Ae(G.value, e)) return;
+			if (Me(G.value, e)) return;
 		}
-		if (Z.value) {
+		if (Y.value) {
 			let e = await Xu(l.value, t.value, s);
-			N(new Set([Y.value]), !0), h.value = {
+			N(new Set([J.value]), !0), h.value = {
 				...h.value,
-				[Y.value]: e
+				[J.value]: e
 			};
 			return;
 		}
 		let c = await Xu(l.value, t.value, s);
-		N(new Set([Y.value])), l.value.setColumnFilterModel(Y.value, c).then(() => {
+		N(new Set([J.value])), l.value.setColumnFilterModel(J.value, c).then(() => {
 			l.value && l.value.onFilterChanged();
 		});
-	}, yt = r(() => Z.value ? "all_filters_drawer" : "horizontal"), bt = !1, xt = (e, t) => {
+	}, yt = r(() => Y.value ? "all_filters_drawer" : "horizontal"), bt = !1, xt = (e, t) => {
 		bt = !0;
-		let n = se.value || "";
+		let n = q.value || "";
 		Dl(() => {
 			El("filter_bulk_action", {
-				filter_name: X.value,
-				filter_field: Y.value,
+				filter_name: fe.value,
+				filter_field: J.value,
 				action: e,
 				value_count: t,
 				location: yt.value,
 				search_query: n
 			}, c());
 		});
-	}, St = (e) => !Q.value || e == null ? Y.value : Ve(Be(e)) || (Qe(e).field ?? Y.value), Ct = (e, t, n, r) => {
+	}, St = (e) => !X.value || e == null ? J.value : Ve(Be(e)) || (Qe(e).field ?? J.value), Ct = (e, t, n, r) => {
 		El("filter_option_selected", {
-			filter_name: X.value,
+			filter_name: fe.value,
 			filter_field: St(e),
 			selected_value: Ke(e),
 			selected_value_id: e,
@@ -10156,7 +10156,7 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 			source: n,
 			current_selection_count: r,
 			location: yt.value,
-			search_query: se.value || ""
+			search_query: q.value || ""
 		}, c());
 	}, wt = (e) => {
 		let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Map();
@@ -10178,32 +10178,32 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 			for (let [t, i] of n.deselectedChildren) !r.deselectedChildren.has(t) && r.selected.has(i) && Ct(t, "select", "click", e);
 		});
 	}, Et = r({
-		get: () => je.value,
+		get: () => Z.value,
 		set: (e) => {
-			if (Q.value) {
+			if (X.value) {
 				let t = bt;
-				bt = !1, t || Tt(je.value, e);
+				bt = !1, t || Tt(Z.value, e);
 			}
-			je.value = e;
+			Z.value = e;
 		}
 	}), Dt = (e, n, r = "click") => {
 		let a = null;
-		if (Q.value && e) {
-			let r = n || ss(t.value)[0] || Y.value;
+		if (X.value && e) {
+			let r = n || ss(t.value)[0] || J.value;
 			a = e.startsWith("__") ? e : at(r, e) || e;
 		}
 		let o = e != null && (G.value.includes(e) || a != null && Fe(a)), s = G.value.slice();
-		if (e && _e.value ? G.value = [e] : e && !o && (G.value = [...G.value, e]), e != null && !o) {
-			let t = G.value.length, n = _e.value;
+		if (e && ye.value ? G.value = [e] : e && !o && (G.value = [...G.value, e]), e != null && !o) {
+			let t = G.value.length, n = ye.value;
 			Dl(() => {
 				if (n) for (let n of s) n !== e && Ct(n, "deselect", r, t);
 				Ct(e, "select", r, t);
 			});
 		}
-		a != null && (je.value.find((e) => e.id === a) || (je.value = [...je.value, {
+		a != null && (Z.value.find((e) => e.id === a) || (Z.value = [...Z.value, {
 			id: a,
 			state: "selected"
-		}])), (!j.value || Z.value) && (Q.value && e ? Nt(je.value) : n && n !== Y.value ? vt(n, [e]) : vt()), i?.();
+		}])), (!j.value || Y.value) && (X.value && e ? Nt(Z.value) : n && n !== J.value ? vt(n, [e]) : vt()), i?.();
 	}, Ot = (e, n, r = "click") => {
 		let a = G.value.includes(e);
 		if (G.value = G.value.filter((t) => t !== e), e != null && a) {
@@ -10212,29 +10212,29 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 				Ct(e, "deselect", r, t);
 			});
 		}
-		if (Q.value && e) {
-			let r = n || ss(t.value)[0] || Y.value, i = e.startsWith("__") ? e : at(r, e) || e;
-			je.value = je.value.filter((e) => e.id !== i);
+		if (X.value && e) {
+			let r = n || ss(t.value)[0] || J.value, i = e.startsWith("__") ? e : at(r, e) || e;
+			Z.value = Z.value.filter((e) => e.id !== i);
 		}
-		(!j.value || Z.value) && (Q.value && e ? Nt(je.value) : n && n !== Y.value ? vt(n, null) : vt()), i?.();
+		(!j.value || Y.value) && (X.value && e ? Nt(Z.value) : n && n !== J.value ? vt(n, null) : vt()), i?.();
 	}, kt = () => {
-		me.value = Re(w(Y.value)), fe.value = !0;
+		ge.value = Re(w(J.value)), me.value = !0;
 	}, At = () => {
-		fe.value = !1, me.value = [], se.value = "", bt = !1, !o?.value && j.value && !Z.value && (Q.value ? Nt(je.value, { skipIfUnchanged: !0 }) : vt(void 0, void 0, { skipIfUnchanged: !0 }));
+		me.value = !1, ge.value = [], q.value = "", bt = !1, !o?.value && j.value && !Y.value && (X.value ? Nt(Z.value, { skipIfUnchanged: !0 }) : vt(void 0, void 0, { skipIfUnchanged: !0 }));
 	}, jt = async (e) => {
 		if (!l.value) return;
 		let n = ie.value.length, r = !e.parentId;
-		r && (pe.value = !0);
+		r && (he.value = !0);
 		try {
 			await d(t.value, {
 				api: l.value,
 				filterModel: p.value ?? void 0,
 				offset: e.offset ?? n,
 				parentId: e.parentId,
-				useStaged: Z.value
+				useStaged: Y.value
 			});
 		} finally {
-			r && (pe.value = !1);
+			r && (he.value = !1);
 		}
 	}, Mt = (e, n) => Xc({
 		baseModel: n,
@@ -10242,79 +10242,79 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 		options: nt(),
 		state: e
 	}), Nt = (e, n) => {
-		if (!l.value || !Q.value) return !1;
+		if (!l.value || !X.value) return !1;
 		let r = JSON.stringify(e);
-		if (n?.skipIfUnchanged && r === Me.value) return je.value = e, !1;
-		if (je.value = e, lt(e), ss(t.value).length === 0) return !1;
-		let a = Z.value ? h.value : l.value.getAdvancedFilterModel(), o = Mt(e, a);
-		if (n?.skipIfUnchanged && rd(a, o)) return Me.value = r, !1;
-		if (Z.value) h.value = o;
+		if (n?.skipIfUnchanged && r === Q.value) return Z.value = e, !1;
+		if (Z.value = e, lt(e), ss(t.value).length === 0) return !1;
+		let a = Y.value ? h.value : l.value.getAdvancedFilterModel(), o = Mt(e, a);
+		if (n?.skipIfUnchanged && rd(a, o)) return Q.value = r, !1;
+		if (Y.value) h.value = o;
 		else {
 			let e = o;
 			v(() => {
 				l.value?.setAdvancedFilterModel(e);
 			});
 		}
-		return Me.value = r, N(ke(), Z.value), i?.(), !0;
+		return Q.value = r, N(je(), Y.value), i?.(), !0;
 	}, Pt = (e) => {
-		if (!Q.value || !ss(t.value).length) return;
+		if (!X.value || !ss(t.value).length) return;
 		let n = Qc({
 			colDef: t.value,
 			model: e,
 			options: nt()
 		}), r = JSON.stringify(n);
-		JSON.stringify(je.value) !== r && (je.value = n), Me.value = r, lt(n);
-	}, Ft = () => Q.value ? je.value.some((e) => {
+		JSON.stringify(Z.value) !== r && (Z.value = n), Q.value = r, lt(n);
+	}, Ft = () => X.value ? Z.value.some((e) => {
 		let { field: t, value: n } = $e(e.id);
 		return t ? at(t, n) !== e.id : !1;
 	}) : !1, It = () => {
-		!Q.value || !W.value || Ft() && Pt(p.value);
+		!X.value || !W.value || Ft() && Pt(p.value);
 	};
-	U(je, (e) => {
-		Q.value && (lt(e), !(j.value && !Z.value) && Nt(e));
-	}, { deep: !0 }), U(() => O.value[Y.value], (e) => {
-		!e || fe.value || q.value || ae.value && ze(!0);
+	U(Z, (e) => {
+		X.value && (lt(e), !(j.value && !Y.value) && Nt(e));
+	}, { deep: !0 }), U(() => O.value[J.value], (e) => {
+		!e || me.value || oe.value || ae.value && ze(!0);
 	}), U(() => h.value, () => {
-		if (Z.value) {
+		if (Y.value) {
 			if (W.value) {
 				let e = [], n = h.value;
-				if (Q.value) {
+				if (X.value) {
 					let r = ss(t.value);
 					for (let t of r) {
 						let r = od(t, n);
 						e.push(...r);
 					}
-				} else e = od(Y.value, n);
+				} else e = od(J.value, n);
 				G.value = e;
 				return;
 			}
-			ue.value === "agSetColumnFilter" ? G.value = h.value?.[Y.value]?.values || [] : ue.value === "agMultiColumnFilter" ? G.value = h.value?.[Y.value]?.filterModels?.find((e) => e && e.filterType === "set")?.values || [] : console.error(`Staged filter model update for filter type ${ue.value} is not yet supported.`);
+			de.value === "agSetColumnFilter" ? G.value = h.value?.[J.value]?.values || [] : de.value === "agMultiColumnFilter" ? G.value = h.value?.[J.value]?.filterModels?.find((e) => e && e.filterType === "set")?.values || [] : console.error(`Staged filter model update for filter type ${de.value} is not yet supported.`);
 		}
 	}), U(() => p.value, () => {
-		if (Z.value) return;
-		if (Q.value) {
+		if (Y.value) return;
+		if (X.value) {
 			W.value && Pt(p.value);
 			return;
 		}
 		if (W.value) {
-			let e = p.value, t = od(Y.value, e);
+			let e = p.value, t = od(J.value, e);
 			Pe(G.value.some((e) => e !== null && !t.includes(e)));
 			return;
 		}
 		let e = Zu(t.value, p.value);
 		Pe(G.value.some((t) => !e.includes(t)));
 	}, { deep: !0 }), U(() => g.value, () => {
-		G.value = [], je.value = [], Me.value = "[]";
+		G.value = [], Z.value = [], Q.value = "[]";
 	}), U(() => l.value, (e) => {
-		e && x.value && !fe.value && (O.value[Y.value] = !0);
+		e && x.value && !me.value && (O.value[J.value] = !0);
 	}, { immediate: !0 }), U(() => re.value, async () => {
-		ae.value && !q.value && !fe.value && (Z.value ? setTimeout(async () => {
-			fe.value || await ze(!0);
+		ae.value && !oe.value && !me.value && (Y.value ? setTimeout(async () => {
+			me.value || await ze(!0);
 		}, 2e3) : await ze(!0)), Pe();
-	}), de(() => se.value, async () => {
-		if (fe.value) {
-			if (le.value) {
-				f(Y.value);
+	}), pe(() => q.value, async () => {
+		if (me.value) {
+			if (ue.value) {
+				f(J.value);
 				return;
 			}
 			await ze(!0, !0);
@@ -10322,20 +10322,20 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 	}, { debounce: 300 });
 	let Lt = (e) => {
 		let t = e.toLocaleLowerCase(), n = ht.value;
-		return Q.value ? Ia(n, t, !0).length : n.filter((e) => e.text.toLocaleLowerCase().includes(t) || e.searchText?.toLocaleLowerCase().includes(t)).length;
+		return X.value ? Ia(n, t, !0).length : n.filter((e) => e.text.toLocaleLowerCase().includes(t) || e.searchText?.toLocaleLowerCase().includes(t)).length;
 	}, Rt = (e) => {
 		Dl(() => {
 			El("filter_search", {
-				filter_name: X.value,
-				filter_field: Y.value,
+				filter_name: fe.value,
+				filter_field: J.value,
 				query: e,
 				result_count: Lt(e),
 				location: yt.value
 			}, c());
 		});
 	}, zt = null;
-	return de(() => se.value, (e) => {
-		if (!e || se.value !== e || le.value) {
+	return pe(() => q.value, (e) => {
+		if (!e || q.value !== e || ue.value) {
 			zt = null;
 			return;
 		}
@@ -10347,52 +10347,52 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 	}, { debounce: 500 }), U(() => K.value, (e) => {
 		if (e || zt == null) return;
 		let t = zt;
-		zt = null, se.value === t && Rt(t);
+		zt = null, q.value === t && Rt(t);
 	}), T(() => {
-		F(Y.value);
+		F(J.value);
 		let e = ss(t.value);
-		if (e.length && P(Y.value, e), Pe(), Q.value && W.value && Pt(p.value), o?.value && x.value && l.value) {
-			let e = Q.value || ($(t.value).metadataDisplayFields?.length ?? 0) > 0, n = Q.value && W.value ? ss(t.value).some((e) => od(e, p.value).length > 0) : G.value.length > 0;
+		if (e.length && P(J.value, e), Pe(), X.value && W.value && Pt(p.value), o?.value && x.value && l.value) {
+			let e = X.value || ($(t.value).metadataDisplayFields?.length ?? 0) > 0, n = X.value && W.value ? ss(t.value).some((e) => od(e, p.value).length > 0) : G.value.length > 0;
 			e && n && d(t.value, {
 				api: l.value,
 				filterModel: p.value ?? void 0
 			});
 		}
-		Q.value || $(t.value).metadataDisplayFields?.length && G.value.some((e) => qe(e)) && ze(!0, !0);
+		X.value || $(t.value).metadataDisplayFields?.length && G.value.some((e) => qe(e)) && ze(!0, !0);
 	}), E(() => {
-		I(Y.value), j.value && !Z.value && (Q.value ? Nt(je.value, { skipIfUnchanged: !0 }) : vt(void 0, void 0, { skipIfUnchanged: !0 }));
+		I(J.value), j.value && !Y.value && (X.value ? Nt(Z.value, { skipIfUnchanged: !0 }) : vt(void 0, void 0, { skipIfUnchanged: !0 }));
 	}), {
 		selectedValues: G,
 		filterValues: ie,
 		isLoading: K,
-		isSeeMoreLoading: pe,
-		filterSearchText: se,
-		filterSearchMinLength: ce,
-		belowFilterSearchMinLength: le,
+		isSeeMoreLoading: he,
+		filterSearchText: q,
+		filterSearchMinLength: le,
+		belowFilterSearchMinLength: ue,
 		rowsLoading: ne,
 		gridApi: l,
-		filterField: Y,
-		filterType: ue,
-		filterDisplayName: X,
-		isInFilterPanel: Z,
-		maxSelectableValues: ge,
-		isSingleSelect: _e,
-		selectionLimitReached: Te,
-		suggestedValues: Ee,
+		filterField: J,
+		filterType: de,
+		filterDisplayName: fe,
+		isInFilterPanel: Y,
+		maxSelectableValues: ve,
+		isSingleSelect: ye,
+		selectionLimitReached: De,
+		suggestedValues: Oe,
 		displayedFilterValues: ht,
 		selectedFilterValues: gt,
-		showSearchBar: be,
+		showSearchBar: Se,
 		filterSearchPlaceholder: Ze,
-		emptyFilterResultsRenderer: xe,
-		filterOptionsRenderer: Se,
-		filterHeaderRenderer: Ce,
-		filterFooterRenderer: we,
-		filterOptionsSortDescription: ve,
-		filterOptionsSortTooltip: ye,
-		totalOptionCount: De,
-		hasMoreOptions: Oe,
-		isAggregate: Q,
-		cascadeSelectionState: je,
+		emptyFilterResultsRenderer: Ce,
+		filterOptionsRenderer: we,
+		filterHeaderRenderer: Te,
+		filterFooterRenderer: Ee,
+		filterOptionsSortDescription: be,
+		filterOptionsSortTooltip: xe,
+		totalOptionCount: ke,
+		hasMoreOptions: Ae,
+		isAggregate: X,
+		cascadeSelectionState: Z,
 		cascadeSelectionStateModel: Et,
 		filterValueContext: y,
 		formatDisplayValue: Ke,
@@ -10702,67 +10702,67 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 		"handle-settings-icon"
 	],
 	setup(e, { emit: n }) {
-		let d = e, f = n, g = k(null), x = r(() => g.value?.selectedValues ?? /* @__PURE__ */ new Set()), S = r(() => g.value?.selectedValues.size ?? 0), { selectedValues: C, isLoading: w, isSeeMoreLoading: T, filterSearchText: E, filterSearchMinLength: O, belowFilterSearchMinLength: j, rowsLoading: M, gridApi: P, filterField: I, filterDisplayName: z, isInFilterPanel: B, suggestedValues: V, displayedFilterValues: H, selectedFilterValues: ee, showSearchBar: te, filterSearchPlaceholder: ne, emptyFilterResultsRenderer: re, filterOptionsRenderer: U, filterHeaderRenderer: G, filterFooterRenderer: ie, filterOptionsSortDescription: K, filterOptionsSortTooltip: ae, filterValueContext: q, formatDisplayValue: oe, resolvedFilterValueContext: J, isUnresolvedMetadataValue: se, getLatestFilterValues: ce, addSelectedValue: le, removeSelectedValue: Y, recordBulkAction: ue, rumLocation: X, handleDropdownOpen: de, handleDropdownClosed: Z, handleSeeMore: fe, getColDisplayNameForField: pe, hasMoreOptions: me, totalOptionCount: he, isAggregate: ge, cascadeSelectionState: _e, cascadeSelectionStateModel: ve } = xd({
+		let d = e, f = n, g = k(null), x = r(() => g.value?.selectedValues ?? /* @__PURE__ */ new Set()), S = r(() => g.value?.selectedValues.size ?? 0), { selectedValues: C, isLoading: w, isSeeMoreLoading: T, filterSearchText: E, filterSearchMinLength: O, belowFilterSearchMinLength: j, rowsLoading: M, gridApi: P, filterField: I, filterDisplayName: z, isInFilterPanel: B, suggestedValues: V, displayedFilterValues: H, selectedFilterValues: ee, showSearchBar: te, filterSearchPlaceholder: ne, emptyFilterResultsRenderer: re, filterOptionsRenderer: U, filterHeaderRenderer: G, filterFooterRenderer: ie, filterOptionsSortDescription: K, filterOptionsSortTooltip: ae, filterValueContext: oe, formatDisplayValue: se, resolvedFilterValueContext: ce, isUnresolvedMetadataValue: q, getLatestFilterValues: le, addSelectedValue: ue, removeSelectedValue: J, recordBulkAction: de, rumLocation: fe, handleDropdownOpen: pe, handleDropdownClosed: Y, handleSeeMore: me, getColDisplayNameForField: he, hasMoreOptions: ge, totalOptionCount: _e, isAggregate: ve, cascadeSelectionState: ye, cascadeSelectionStateModel: be } = xd({
 			filterColDef: L(d, "filterColDef"),
 			filterStyle: L(d, "filterStyle"),
 			onSelectionChanged: () => f("filter-selection-changed"),
 			filterGroupStagedFields: x,
 			readOnly: L(d, "readOnly"),
 			disableUnselected: L(d, "disableUnselected")
-		}), ye = Tl(), { handleFocusUpdate: be, isFocused: xe, removeFocus: Se, isFocusable: Ce, canRemoveFocus: we } = vu(), Te = (e) => {
+		}), xe = Tl(), { handleFocusUpdate: Se, isFocused: Ce, removeFocus: we, isFocusable: Te, canRemoveFocus: Ee } = vu(), De = (e) => {
 			if (e.context?.metadata?.rawValue != null) return String(e.context.metadata.rawValue);
 			if (e.id.startsWith("__")) {
 				let t = e.id.slice(2).split("__");
 				if (t.length >= 2) return t[1];
 			}
 			return e.id;
-		}, Ee = r(() => {
-			if (Ce(ls(d.filterColDef) ? ss(d.filterColDef) : [I.value])) return {
+		}, Oe = r(() => {
+			if (Te(ls(d.filterColDef) ? ss(d.filterColDef) : [I.value])) return {
 				icon: "focus",
-				isDisabled: (e) => !Ce([e.context?.colField || I.value]),
+				isDisabled: (e) => !Te([e.context?.colField || I.value]),
 				tooltipText: (e) => {
 					let t = e.context?.colField || I.value;
-					if (!Ce([t])) return `Group by ${pe(t)} to enable ${d.focusText}`;
-					let n = xe(ge.value ? Te(e) : e.id, t);
-					return n && !we() ? `${d.focusText} (required)` : n ? `Remove ${d.focusText}` : `Select as ${d.focusText}`;
+					if (!Te([t])) return `Group by ${he(t)} to enable ${d.focusText}`;
+					let n = Ce(ve.value ? De(e) : e.id, t);
+					return n && !Ee() ? `${d.focusText} (required)` : n ? `Remove ${d.focusText}` : `Select as ${d.focusText}`;
 				},
 				action: (e) => {
-					e && !C.value.includes(e.id) && le(e.id, e.context?.colField);
+					e && !C.value.includes(e.id) && ue(e.id, e.context?.colField);
 					let t = e.context?.colField || I.value;
-					be(ge.value ? Te(e) : e.id, t);
+					Se(ve.value ? De(e) : e.id, t);
 				},
 				alwaysShow: (e) => {
 					let t = e.context?.colField || I.value;
-					return xe(ge.value ? Te(e) : e.id, t);
+					return Ce(ve.value ? De(e) : e.id, t);
 				}
 			};
-		}), De = (e) => {
+		}), ke = (e) => {
 			if (!e) return null;
-			if (!ge.value) return e;
-			let t = J(e);
+			if (!ve.value) return e;
+			let t = ce(e);
 			if (t?.metadata?.rawValue != null) return String(t.metadata.rawValue);
 			if (e.startsWith("__")) {
 				let t = e.slice(2).split("__");
 				if (t.length >= 2) return t[1];
 			}
 			return e;
-		}, Oe = (e) => {
-			Y(e, void 0, "remove_chip");
-			let t = J(e)?.colField || I.value, n = De(e);
-			xe(n, t) && we() && Se(n);
-		}, Q = m($l, k(!1)), ke = r(() => !!$(d.filterColDef).filterGroup && Q.value), Ae = null, je = null, Me = () => {
+		}, Ae = (e) => {
+			J(e, void 0, "remove_chip");
+			let t = ce(e)?.colField || I.value, n = ke(e);
+			Ce(n, t) && Ee() && we(n);
+		}, X = m($l, k(!1)), je = r(() => !!$(d.filterColDef).filterGroup && X.value), Me = null, Z = null, Q = () => {
 			try {
-				return ge.value ? JSON.stringify(_e.value) : JSON.stringify([...C.value].sort());
+				return ve.value ? JSON.stringify(ye.value) : JSON.stringify([...C.value].sort());
 			} catch {
 				return null;
 			}
 		}, Ne = () => {
-			Ae = Date.now(), je = Me(), de(), ce(!0);
+			Me = Date.now(), Z = Q(), pe(), le(!0);
 		}, Pe = () => {
-			let e = Ae == null ? 0 : Date.now() - Ae;
-			Ae = null;
-			let t = Me(), n = je != null && t != null && je !== t;
-			je = null;
+			let e = Me == null ? 0 : Date.now() - Me;
+			Me = null;
+			let t = Q(), n = Z != null && t != null && Z !== t;
+			Z = null;
 			let r = C.value.length;
 			Dl(() => {
 				El("filter_dropdown_closed", {
@@ -10771,20 +10771,20 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 					selection_count: r,
 					selection_changed: n,
 					dwell_ms: e,
-					location: X.value
-				}, ye());
+					location: fe.value
+				}, xe());
 			}), v(() => {
-				Z(), f("filter-closed");
+				Y(), f("filter-closed");
 			});
 		}, Fe = (e) => {
-			let t = J(e)?.colField || I.value;
-			return xe(De(e), t);
-		}, Ie = r(() => S.value > 0 ? !0 : ge.value ? _e.value.length > 0 : C.value.length > 0);
-		return (n, r) => (D(), o(t, null, [s("div", null, [R(B) && R(C).length > 0 ? (D(), o("ul", Od, [(D(!0), o(t, null, A(R(C), (n) => (D(), o(t, { key: `${R(z)}-${n}` }, [R(se)(n) ? a("", !0) : (D(), o("li", kd, [u($s, {
-			label: R(oe)(n) || "",
-			showClear: !e.readOnly && (!Fe(n) || R(we)()),
+			let t = ce(e)?.colField || I.value;
+			return Ce(ke(e), t);
+		}, Ie = r(() => S.value > 0 ? !0 : ve.value ? ye.value.length > 0 : C.value.length > 0);
+		return (n, r) => (D(), o(t, null, [s("div", null, [R(B) && R(C).length > 0 ? (D(), o("ul", Od, [(D(!0), o(t, null, A(R(C), (n) => (D(), o(t, { key: `${R(z)}-${n}` }, [R(q)(n) ? a("", !0) : (D(), o("li", kd, [u($s, {
+			label: R(se)(n) || "",
+			showClear: !e.readOnly && (!Fe(n) || R(Ee)()),
 			disabled: e.readOnly,
-			onHandleClose: (e) => Oe(n)
+			onHandleClose: (e) => Ae(n)
 		}, null, 8, [
 			"label",
 			"showClear",
@@ -10796,8 +10796,8 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 			disabled: !R(B) && e.readOnly && e.disableUnselected && !Ie.value,
 			searchInput: R(E),
 			"onUpdate:searchInput": r[2] ||= (e) => h(E) ? E.value = e : null,
-			selectionState: R(ve),
-			"onUpdate:selectionState": r[3] ||= (e) => h(ve) ? ve.value = e : null,
+			selectionState: R(be),
+			"onUpdate:selectionState": r[3] ||= (e) => h(be) ? be.value = e : null,
 			"data-horizontal-filter-field": R(B) ? void 0 : R(I),
 			label: R(B) ? "" : R(z),
 			rumFilterName: R(z),
@@ -10811,7 +10811,7 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 			overlayTrigger: R(B),
 			options: R(H),
 			optionsRenderer: R(U),
-			optionsAction: Ee.value,
+			optionsAction: Oe.value,
 			popoverCssProperties: {
 				maxHeight: "400px",
 				maxWidth: R(B) ? "300px" : "400px",
@@ -10823,12 +10823,12 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 			groupings: ["preferences", "suggestions"],
 			isLoading: R(w),
 			isSeeMoreLoading: R(T),
-			hasMoreOptions: R(me),
-			totalOptionCount: R(he),
-			enableCascadeSelection: R(ge),
-			enableChildExpansion: R(ge),
-			parentSelectsAllChildren: R(ge),
-			countSelectedParents: R(ge),
+			hasMoreOptions: R(ge),
+			totalOptionCount: R(_e),
+			enableCascadeSelection: R(ve),
+			enableChildExpansion: R(ve),
+			parentSelectsAllChildren: R(ve),
+			countSelectedParents: R(ve),
 			additionalCounter: S.value,
 			slotContext: {
 				gridApi: R(P),
@@ -10837,9 +10837,9 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 			},
 			onDropdownOpen: Ne,
 			onDropdownClosed: Pe,
-			onSeeMore: R(fe),
-			onSelectAll: r[4] ||= (e) => R(ue)("select_all", e),
-			onClearAll: r[5] ||= (e) => R(ue)("clear_all", e)
+			onSeeMore: R(me),
+			onSelectAll: r[4] ||= (e) => R(de)("select_all", e),
+			onClearAll: r[5] ||= (e) => R(de)("clear_all", e)
 		}, c({
 			preferences: W(() => [s("div", jd, [r[7] ||= s("p", { class: "pv-text-subdued pv-text-body-xxs" }, "Your Preferences", -1), u(R(Wi), {
 				variant: "dark",
@@ -10872,11 +10872,11 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 			} : void 0]), 1024)])]),
 			_: 2
 		}, [
-			R(G) || ke.value || R(j) ? {
+			R(G) || je.value || R(j) ? {
 				name: "header",
 				fn: W((t) => [
 					R(j) ? (D(), o("p", Ad, " Type " + F(R(O)) + " or more characters to search ", 1)) : a("", !0),
-					ke.value ? (D(), i(Dd, {
+					je.value ? (D(), i(Dd, {
 						key: 1,
 						ref_key: "filterGroupMenuRef",
 						ref: g,
@@ -10920,8 +10920,8 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 			}
 		}, [u(R(lc), {
 			disabled: R(w),
-			label: R(oe)(e) || "",
-			onHandleClick: (t) => R(le)(e, R(q)(R(I), e)?.colField)
+			label: R(se)(e) || "",
+			onHandleClick: (t) => R(ue)(e, R(oe)(R(I), e)?.colField)
 		}, null, 8, [
 			"disabled",
 			"label",
@@ -11032,7 +11032,7 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 			O.value = !1, M.value = "";
 		}, ae = () => {
 			b(), C(), g.value = null, K();
-		}, q = () => {
+		}, oe = () => {
 			b(), ne.value && n.value && (S(), f.value ? n.value.setAdvancedFilterModel(g.value) : (n.value.setFilterModel(g.value), n.value.onFilterChanged())), g.value = null, K();
 		};
 		return (r, c) => (D(), o(t, null, [s("div", {
@@ -11084,7 +11084,7 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 				"onUpdate:modelValue": c[9] ||= (e) => O.value = e,
 				class: "pv-drawer pv-surface",
 				"close-on-click-outside": !0,
-				onClickOutside: c[10] ||= (e) => q(),
+				onClickOutside: c[10] ||= (e) => oe(),
 				style: {
 					"max-width": "450px",
 					"z-index": "10"
@@ -11118,7 +11118,7 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 					variant: "primary",
 					label: "Apply",
 					"data-dd-action-name": "Apply filters",
-					onClick: c[7] ||= (e) => q()
+					onClick: c[7] ||= (e) => oe()
 				})) : (D(), i(R(Ln), {
 					key: 1,
 					variant: "primary",
@@ -11381,7 +11381,7 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 	__name: "PaginationPanel",
 	props: { panelSize: { default: "xl" } },
 	setup(e) {
-		Te.registerModules([Se]);
+		De.registerModules([we]);
 		let n = m(jl, k(null)), a = m(Vl, k(1)), s = m(Hl, k(0)), c = e, l = r(() => {
 			let e = s.value, t = a.value;
 			if (e <= 7) return Array.from({ length: e }, (e, t) => t + 1);
@@ -11510,12 +11510,12 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 				};
 			}), o.value = !1;
 		};
-		return de(r, (e) => {
+		return pe(r, (e) => {
 			t.searchStyle === "query-builder" ? _(e) : t.searchStyle === "text" && h(e);
 		}, {
 			debounce: 300,
 			immediate: !0
-		}), de(n, (e) => {
+		}), pe(n, (e) => {
 			t.searchStyle === "query-builder" && g(e);
 		}, {
 			debounce: 300,
@@ -11756,39 +11756,39 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 		let d = [
 			Ie,
 			Le,
-			pe,
-			Re,
 			he,
-			ze,
-			ge,
+			Re,
 			_e,
+			ze,
+			ve,
+			ye,
 			Be,
 			Ve,
-			ve,
 			be,
-			Ce,
+			Se,
+			Te,
 			Ue,
-			Ae,
+			Me,
 			Ye,
 			Je,
 			Xe,
 			Ne,
 			We,
-			Q,
+			X,
 			Ke,
 			qe,
+			je,
 			ke,
-			De,
-			Oe,
+			Ae,
 			Ze,
-			Me,
+			Q,
 			Pe,
-			me,
-			je,
-			we,
+			ge,
+			Z,
 			Ee,
+			Oe,
+			Ce,
 			xe,
-			ye,
 			Ge
 		];
 		He.setLicenseKey("Using_this_{AG_Grid}_Enterprise_key_{AG-084011}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Turquoise_Health}_is_granted_a_{Multiple_Applications}_Developer_License_for_{3}_Front-End_JavaScript_developers___All_Front-End_JavaScript_developers_need_to_be_licensed_in_addition_to_the_ones_working_with_{AG_Grid}_Enterprise___This_key_has_been_granted_a_Deployment_License_Add-on_for_{2}_Production_Environments___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{16_August_2026}____[v3]_[01]_MTc4NjgzNDgwMDAwMA==3bfdb2557ede1aa3533ccbd05785addb");
@@ -11797,7 +11797,7 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 		let h = r(() => f.layout ? {} : {
 			height: f.containerHeight,
 			minHeight: f.containerMinHeight
-		}), g = r(() => f.theme != null && typeof f.theme != "string"), w = r(() => f.theme && typeof f.theme == "string" ? f.theme : J.value.length > 0 ? "pv-data-table-grouped" : "pv-data-table-base"), T = f.theme && typeof f.theme == "string" ? f.theme : "pv-data-table-base", E = r(() => g.value ? f.theme : af[w.value]), A = c, M = k(!1), N = (e) => {
+		}), g = r(() => f.theme != null && typeof f.theme != "string"), w = r(() => f.theme && typeof f.theme == "string" ? f.theme : q.value.length > 0 ? "pv-data-table-grouped" : "pv-data-table-base"), T = f.theme && typeof f.theme == "string" ? f.theme : "pv-data-table-base", E = r(() => g.value ? f.theme : af[w.value]), A = c, M = k(!1), N = (e) => {
 			let t = ss(e), n = e.context;
 			return Array.from(new Set([
 				...t,
@@ -11809,12 +11809,12 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 			let n = K.find((e) => cs(e) === t);
 			return !!n && N(n).some((t) => Gu(e, t));
 		}, L = "serverSideRowHandler" in f && f.serverSideRowHandler ? { getRows: (e) => {
-			if (!Y.value) {
-				e.success({ rowData: [] }), se.value = !0;
+			if (!de.value) {
+				e.success({ rowData: [] }), le.value = !0;
 				return;
 			}
-			ce.value = !0;
-			let t = e.success, n = e.fail, r = e.request.groupKeys?.length || 0, i = e.request.rowGroupCols?.length || 0, a = r === i, o = !1, s = tt.value;
+			ue.value = !0;
+			let t = e.success, n = e.fail, r = e.request.groupKeys?.length || 0, i = e.request.rowGroupCols?.length || 0, a = r === i, o = !1, s = nt.value;
 			if (i > 0 && r === 0) {
 				let t = e.request.rowGroupCols[0].id;
 				o = I(s, t);
@@ -11868,7 +11868,7 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 					e.request.groupKeys = e.request.groupKeys.filter((t, n) => e.request.rowGroupCols?.[n]?.aggFunc !== Ro), e.request.rowGroupCols = e.request.rowGroupCols.filter((e) => e.aggFunc !== Ro);
 				}
 			}
-			if (e.request.rowGroupCols?.length === 0 ? e.request.valueCols = [] : e.request.valueCols = e.request.valueCols?.filter((t) => !e.request.rowGroupCols?.some((e) => e.id === t.id)), (a || o) && !Se.tableSearchFilterModelEmpty.value) if (f.enableAdvancedFilter) {
+			if (e.request.rowGroupCols?.length === 0 ? e.request.valueCols = [] : e.request.valueCols = e.request.valueCols?.filter((t) => !e.request.rowGroupCols?.some((e) => e.id === t.id)), (a || o) && !De.tableSearchFilterModelEmpty.value) if (f.enableAdvancedFilter) {
 				let t = e.request.filterModel;
 				t ? e.request.filterModel = {
 					filterType: "join",
@@ -11880,8 +11880,8 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 				e.request.filterModel = Ku(K, t, s);
 			}
 			e.success = (e) => {
-				if (ce.value = !1, f.enableFocusView && dt.value.length > 0 && ut.value && e.rowData) {
-					let n = ts(e.rowData, ut.value, dt.value);
+				if (ue.value = !1, f.enableFocusView && ft.value.length > 0 && dt.value && e.rowData) {
+					let n = ts(e.rowData, dt.value, ft.value);
 					if (n) {
 						e.rowData = n, t(e);
 						return;
@@ -11889,18 +11889,18 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 				}
 				t(e);
 			}, e.fail = () => {
-				ce.value = !1, n();
+				ue.value = !1, n();
 			}, f.serverSideRowHandler?.(e);
 		} } : null, z = "filterValuesSetHandler" in f && f.filterValuesSetHandler ? async (e) => {
-			let t = [], n = { ...et.value };
-			t = !se.value && q ? cd(n, e.colDef.field ?? e.colDef.colId ?? "") || [] : await at(e.colDef, {
+			let t = [], n = { ...tt.value };
+			t = !le.value && se ? cd(n, e.colDef.field ?? e.colDef.colId ?? "") || [] : await st(e.colDef, {
 				api: e.api,
 				filterModel: n,
 				useStaged: !1
 			}), e.success([...t, ""]);
 		} : null, B = (e) => {
 			let t = e.node, n = e.column?.getColId();
-			return !t.group || !n ? !1 : mt.value.some((e) => {
+			return !t.group || !n ? !1 : ht.value.some((e) => {
 				if (e.field === n) return !0;
 			});
 		}, V = (() => {
@@ -11915,13 +11915,13 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 				headerComponent: f.enableInlineFilters ? void 0 : ef,
 				cellDataType: !1,
 				tooltipComponent: bf,
-				cellClass: (e) => Ct(e.column) ? "" : as(e.column?.getColDef()) ? "pv-text-right" : "",
+				cellClass: (e) => wt(e.column) ? "" : as(e.column?.getColDef()) ? "pv-text-right" : "",
 				cellRendererSelector: (e) => {
 					if (B(e)) return e.column?.getColDef().cellRenderer ? void 0 : {
 						component: Nu,
 						params: e
 					};
-					if (!e.column?.getColDef().cellRenderer && f.displayRowNumber && J.value.length === 0) {
+					if (!e.column?.getColDef().cellRenderer && f.displayRowNumber && q.value.length === 0) {
 						let t = e.api.getAllDisplayedColumns() || [], n = e.column;
 						if (t.findIndex((e) => e === n) === 0) return {
 							component: hf,
@@ -11940,10 +11940,10 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 			icon: "<span class=\"ag-icon ag-icon-filter\"></span>",
 			action: function(e) {
 				let t = e.column?.getColId();
-				if (e.column && Ct(e.column) && (t = ht.value?.getColId() || ""), !Ut(t)) {
+				if (e.column && wt(e.column) && (t = gt.value?.getColId() || ""), !Wt(t)) {
 					let n = e.api.getColumn(t)?.getColDef();
-					n && (oe.value = n, v(() => {
-						Ut(t);
+					n && (ce.value = n, v(() => {
+						Wt(t);
 					}));
 				}
 			}
@@ -11971,70 +11971,70 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 			return n && (t = ie(t, n)), t;
 		}).filter((e) => e != null) || [], ae = new Set(f.colDefs?.map((e) => e.field || e.colId).filter(Boolean) || []);
 		for (let e of K) for (let t of ss(e)) ae.has(t) || console.warn(`aggregate field hierarchy references "${t}" on column "${e.field || e.colId}", but no colDef with that field exists.`);
-		let q = Bu(f.initialGridState, K, f.enableAdvancedFilter), oe = k(null), J = k([]), se = m(zl, k(!1)), ce = k(!1), le = r(() => {
-			if (J.value.length > 0) {
-				let e = J.value[0], t = K.find((t) => t.field === e), n = et.value, r = !n;
+		let oe = K.some((e) => e.context?.visibilityState !== void 0), se = Bu(f.initialGridState, K, f.enableAdvancedFilter), ce = k(null), q = k([]), le = m(zl, k(!1)), ue = k(!1), J = r(() => {
+			if (q.value.length > 0) {
+				let e = q.value[0], t = K.find((t) => t.field === e), n = tt.value, r = !n;
 				if (!r && md(n) && (r = !n[e]), r && t?.context?.filterRequiredToGroup) return t.headerName;
 			}
 			return null;
-		}), Y = r(() => Se.filterModelEmpty.value && f.requireFiltersToShowData ? !1 : le.value === null), ue = r(() => le.value ? `Select at least one value for "${le.value}" to view data.` : "Select a filter to view data."), X = P(null), Z = k([]), Se = f.filterStore || yd(), Te = m(kl, null), Fe = Te || _u(null, f.allFieldsAreFocusable), et = Se.filterModel, tt = Se.tableSearchFilterModel, nt = Se.filterValueMap, rt = Se.filterValuesMap, it = Se.filterValueSelectedMetadataMap, at = Se.fetchFilterValues, st = Se.filterStoreHandler, ct = Se.tableSearchHandler;
-		if (st.value = f.filterValuesSetHandler, st.value) {
+		}), de = r(() => De.filterModelEmpty.value && f.requireFiltersToShowData ? !1 : J.value === null), fe = r(() => J.value ? `Select at least one value for "${J.value}" to view data.` : "Select a filter to view data."), Y = P(null), we = k([]), De = f.filterStore || yd(), Fe = m(kl, null), et = Fe || _u(null, f.allFieldsAreFocusable), tt = De.filterModel, nt = De.tableSearchFilterModel, rt = De.filterValueMap, it = De.filterValuesMap, at = De.filterValueSelectedMetadataMap, st = De.fetchFilterValues, ct = De.filterStoreHandler, lt = De.tableSearchHandler;
+		if (ct.value = f.filterValuesSetHandler, ct.value) {
 			let e = (e) => ({
-				hasMore: Se.filterHasMoreMap.value[e],
-				totalCount: Se.filterTotalCountMap.value[e],
-				values: Se.filterOptionsMap.value[e] ?? []
+				hasMore: De.filterHasMoreMap.value[e],
+				totalCount: De.filterTotalCountMap.value[e],
+				values: De.filterOptionsMap.value[e] ?? []
 			});
-			Se.setFilterOptionsHandler(async (t) => {
-				let n = st.value;
+			De.setFilterOptionsHandler(async (t) => {
+				let n = ct.value;
 				return n ? await n({
 					...t,
-					api: X.value ?? void 0,
+					api: Y.value ?? void 0,
 					colDef: t.colDef,
 					filterModel: t.filterModel
 				}) ?? e(t.field) : e(t.field);
 			});
 		}
-		ct.value = f.tableSearchHandler, nt.value = f.initialFilterValueMap || {}, rt.value = Object.fromEntries(Object.entries(f.initialFilterValueMap || {}).map(([e, t]) => [e, t.filter((e) => e != null).map((e) => e.value)])), it.value = f.initialFilterValueSelectedMetadataMap || {}, Se.refreshFiltersInBackground.value = f.refreshFiltersInBackground ?? !1, Se.stageFilterChangesUntilDropdownCloses.value = f.stageFilterChangesUntilDropdownCloses ?? !1, Se.filterSearchMinLength.value = f.filterSearchMinLength, Se.filterModelType.value = f.enableAdvancedFilter ? "advanced" : "regular", U(() => f.enableAdvancedFilter, (e) => {
-			Se.filterModelType.value = e ? "advanced" : "regular";
-		}), de([nt, it], () => {
+		lt.value = f.tableSearchHandler, rt.value = f.initialFilterValueMap || {}, it.value = Object.fromEntries(Object.entries(f.initialFilterValueMap || {}).map(([e, t]) => [e, t.filter((e) => e != null).map((e) => e.value)])), at.value = f.initialFilterValueSelectedMetadataMap || {}, De.refreshFiltersInBackground.value = f.refreshFiltersInBackground ?? !1, De.stageFilterChangesUntilDropdownCloses.value = f.stageFilterChangesUntilDropdownCloses ?? !1, De.filterSearchMinLength.value = f.filterSearchMinLength, De.filterModelType.value = f.enableAdvancedFilter ? "advanced" : "regular", U(() => f.enableAdvancedFilter, (e) => {
+			De.filterModelType.value = e ? "advanced" : "regular";
+		}), pe([rt, at], () => {
 			A("filter-metadata-changed", {
-				filterValueMap: nt.value,
-				filterValueSelectedMetadataMap: it.value
+				filterValueMap: rt.value,
+				filterValueSelectedMetadataMap: at.value
 			});
 		}, {
 			deep: !0,
 			debounce: 250
 		});
-		let lt = k(null), ut = r(() => Fe?.computedFocusType.value || null), dt = r(() => Fe?.computedFocuses.value || []), ft = r(() => K.filter((e) => e.filter)), pt = r(() => K.filter((e) => e.enableRowGroup)), mt = r(() => K.filter((e) => e.aggFunc)), ht = k(null), gt = k({}), _t = k(1), vt = k(0);
-		O(Ol, Se), O(kl, Fe), O(Al, Z), O(jl, X), O(Ml, lt), O(Nl, oe), O(Pl, ft), O(Fl, pt), O(Il, J), O(Ll, ht), O(Rl, gt), O(zl, se), O(Bl, ce), O(Vl, _t), O(Hl, vt), O($l, r(() => f.enableAdvancedFilter));
-		let yt = r(() => !f.enableFocusView && !f.rowData || f.enableFocusView && !dt.value.length && !ut.value ? f.rowData : ts(f.rowData, ut.value, dt.value));
-		U(() => dt.value, (e) => {
+		let ut = k(null), dt = r(() => et?.computedFocusType.value || null), ft = r(() => et?.computedFocuses.value || []), pt = r(() => K.filter((e) => e.filter)), mt = r(() => K.filter((e) => e.enableRowGroup)), ht = r(() => K.filter((e) => e.aggFunc)), gt = k(null), _t = k({}), vt = k(1), yt = k(0);
+		O(Ol, De), O(kl, et), O(Al, we), O(jl, Y), O(Ml, ut), O(Nl, ce), O(Pl, pt), O(Fl, mt), O(Il, q), O(Ll, gt), O(Rl, _t), O(zl, le), O(Bl, ue), O(Vl, vt), O(Hl, yt), O($l, r(() => f.enableAdvancedFilter));
+		let bt = r(() => !f.enableFocusView && !f.rowData || f.enableFocusView && !ft.value.length && !dt.value ? f.rowData : ts(f.rowData, dt.value, ft.value));
+		U(() => ft.value, (e) => {
 			A("focus-update", {
-				filterField: ut.value,
+				filterField: dt.value,
 				focuses: e
 			});
 		}), U(M, (e) => {
-			if (!X.value) return;
+			if (!Y.value) return;
 			let t = K.filter((e) => e.context?.devOnly).map((e) => e.field).filter(Boolean);
-			t.length > 0 && X.value.setColumnsVisible(t, e);
+			t.length > 0 && Y.value.setColumnsVisible(t, e);
 		});
-		let bt = (e) => {
-			X.value = e.api;
-			let t = J.value.find((e) => !K.find((t) => t.field === e)?.hide), n = !t && J.value.length > 0 ? K.find((e) => !e.hide && !e.rowGroup)?.field ?? null : null, r = f.leftPinnedColumnName ?? t ?? n, i = [];
-			if (f.hideAllRowGroupedColumns && J.value.forEach((e) => i.push(e)), r) {
+		let xt = (e) => {
+			Y.value = e.api;
+			let t = q.value.find((e) => !K.find((t) => t.field === e)?.hide), n = !t && q.value.length > 0 ? K.find((e) => !e.hide && !e.rowGroup)?.field ?? null : null, r = f.leftPinnedColumnName ?? t ?? n, i = [];
+			if (f.hideAllRowGroupedColumns && q.value.forEach((e) => i.push(e)), r) {
 				let t = e.api.getColumn(r);
-				ht.value = t, i.push(r), qt(t?.getColDef());
-			}
-			q ? Zt(q) : et.value && kt(et.value), tt.value && At(tt.value), e.api.setColumnsVisible([...i], !1), lt.value = e.api.getAllGridColumns(), _t.value = e.api.paginationGetCurrentPage() + 1, vt.value = e.api.paginationGetTotalPages(), A("grid-ready", e);
-		}, xt = (e) => {
-			if (X.value) {
-				let t = Ot();
-				rd(et.value, t) || (et.value = t, A("filter-changed", e));
+				gt.value = t, i.push(r), Jt(t?.getColDef());
 			}
+			se ? Qt(se) : tt.value && At(tt.value), nt.value && Ft(nt.value), e.api.setColumnsVisible([...i], !1), ut.value = [...e.api.getAllGridColumns()], vt.value = e.api.paginationGetCurrentPage() + 1, yt.value = e.api.paginationGetTotalPages(), A("grid-ready", e);
 		}, St = (e) => {
-			Z.value = e.api?.getState()?.sort?.sortModel || [], se.value && A("sort-changed", e);
-		}, Ct = (e) => e.getColId() && e.getColId().includes("ag-Grid-AutoColumn"), wt = k(!1), Tt = async (e) => {
-			if (!X.value) {
+			if (Y.value) {
+				let t = kt();
+				rd(tt.value, t) || (tt.value = t, A("filter-changed", e));
+			}
+		}, Ct = (e) => {
+			we.value = e.api?.getState()?.sort?.sortModel || [], le.value && A("sort-changed", e);
+		}, wt = (e) => e.getColId() && e.getColId().includes("ag-Grid-AutoColumn"), Tt = k(!1), Et = async (e) => {
+			if (!Y.value) {
 				console.error("Grid API not available");
 				return;
 			}
@@ -12043,23 +12043,23 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 				route: [],
 				purge: !0
 			};
-			X.value.refreshServerSide(t);
+			Y.value.refreshServerSide(t);
 		};
-		function Et(e) {
-			return e?.hydrate ? Se.hydrateSelectedFilterMetadata(K) : it.value;
+		function Dt(e) {
+			return e?.hydrate ? De.hydrateSelectedFilterMetadata(K) : at.value;
 		}
-		let Dt = async () => {
-			if (wt.value = !0, !X.value) return console.error("Grid API not available"), wt.value = !1, null;
+		let Ot = async () => {
+			if (Tt.value = !0, !Y.value) return console.error("Grid API not available"), Tt.value = !1, null;
 			try {
-				let e = f.serverSideCsvHandler, t = X.value?.getState(), n = {
+				let e = f.serverSideCsvHandler, t = Y.value?.getState(), n = {
 					rowGroupCols: [],
-					valueCols: X.value?.getValueColumns().map((e) => ({
+					valueCols: Y.value?.getValueColumns().map((e) => ({
 						id: e.getId(),
 						field: e.getColDef().field,
 						aggFunc: typeof e.getColDef().aggFunc == "string" ? e.getColDef().aggFunc : void 0,
 						displayName: e.getColDef().headerName || e.getColDef().field || ""
 					})) || [],
-					filterModel: Ot(),
+					filterModel: kt(),
 					sortModel: t?.sort?.sortModel || [],
 					pivotCols: [],
 					pivotMode: !1,
@@ -12071,22 +12071,22 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 					let e = {
 						request: n,
 						parentNode: {},
-						api: X.value,
+						api: Y.value,
 						context: void 0,
 						success: () => {},
 						fail: () => {}
 					};
-					return await f.serverSideCsvHandler(e), wt.value = !1, null;
+					return await f.serverSideCsvHandler(e), Tt.value = !1, null;
 				}
 				let r = f.serverSideRowHandler;
 				return r ? await new Promise((e, t) => {
-					X.value?.getState(), r({
+					Y.value?.getState(), r({
 						request: n,
 						parentNode: {},
-						api: X.value,
+						api: Y.value,
 						context: void 0,
 						success: (t) => {
-							let n = X.value?.getRowGroupColumns().map((e) => e.getColDef().field).filter((e) => !!e) || [], r = X.value?.getAllDisplayedColumns().map((e) => e.getColDef().field).filter((e) => !!e) || [], i = X.value?.getValueColumns().map((e) => e.getColDef().field).filter((e) => !!e) || [], a = Array.from(new Set([
+							let n = Y.value?.getRowGroupColumns().map((e) => e.getColDef().field).filter((e) => !!e) || [], r = Y.value?.getAllDisplayedColumns().map((e) => e.getColDef().field).filter((e) => !!e) || [], i = Y.value?.getValueColumns().map((e) => e.getColDef().field).filter((e) => !!e) || [], a = Array.from(new Set([
 								...n,
 								...r,
 								...i
@@ -12097,81 +12097,81 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 									t[n] = r == null ? null : String(r);
 								}), t;
 							}), s = $e.unparse(o);
-							wt.value = !1, e(s);
+							Tt.value = !1, e(s);
 						},
 						fail: () => {
-							wt.value = !1, t("CSV export failed.");
+							Tt.value = !1, t("CSV export failed.");
 						}
 					}, !0);
-				}) : (console.warn("Client-side export does not return CSV string"), wt.value = !1, X.value.exportDataAsCsv(), null);
+				}) : (console.warn("Client-side export does not return CSV string"), Tt.value = !1, Y.value.exportDataAsCsv(), null);
 			} catch (e) {
-				return console.error("CSV export failed", e), wt.value = !1, null;
+				return console.error("CSV export failed", e), Tt.value = !1, null;
 			}
-		}, Ot = () => X.value ? f.enableAdvancedFilter ? X.value.getAdvancedFilterModel() : X.value.getFilterModel() : et.value, kt = (e) => {
-			if (!X.value) return !1;
+		}, kt = () => Y.value ? f.enableAdvancedFilter ? Y.value.getAdvancedFilterModel() : Y.value.getFilterModel() : tt.value, At = (e) => {
+			if (!Y.value) return !1;
 			if (f.enableAdvancedFilter) {
 				let t = e && md(e) ? zu(e) : e;
-				X.value.setAdvancedFilterModel(t);
+				Y.value.setAdvancedFilterModel(t);
 			} else {
 				if (e && !md(e)) return console.warn("Attempting to set a non-regular filter model while advanced filtering is disabled. The filter model was not applied. Consider enabling advanced filtering for full functionality."), !1;
-				X.value.setFilterModel(e);
+				Y.value.setFilterModel(e);
 			}
 			return !0;
-		}, At = (e) => (tt.value = e, X.value ? (X.value.onFilterChanged(), L && X.value.refreshServerSide({ purge: !0 }), !0) : !1), Ft = {
-			getFilterModel: Ot,
-			refreshData: Tt,
-			setFilterModel: kt,
-			setTableSearchFilterModel: At
+		}, Ft = (e) => (nt.value = e, Y.value ? (Y.value.onFilterChanged(), L && Y.value.refreshServerSide({ purge: !0 }), !0) : !1), It = {
+			getFilterModel: kt,
+			refreshData: Et,
+			setFilterModel: At,
+			setTableSearchFilterModel: Ft
 		};
-		Se.registerFilterController(Ft), C(() => {
-			Se.unregisterFilterController(Ft);
+		De.registerFilterController(It), C(() => {
+			De.unregisterFilterController(It);
 		}), t({
-			getCsvData: Dt,
-			refreshData: Tt,
-			getFilterValueSelectedMetadataMap: Et,
-			availableRowGroupColumns: pt,
-			availableAggFuncColumns: mt,
-			rowGroupColumnFields: J,
-			getPvFilterModel: Ot,
-			setPvFilterModel: kt
+			getCsvData: Ot,
+			refreshData: Et,
+			getFilterValueSelectedMetadataMap: Dt,
+			availableRowGroupColumns: mt,
+			availableAggFuncColumns: ht,
+			rowGroupColumnFields: q,
+			getPvFilterModel: kt,
+			setPvFilterModel: At
 		});
-		let It = (e) => {
+		let Lt = (e) => {
 			e.api.refreshHeader(), A("column-value-changed", e);
-		}, Lt = (e) => {
+		}, Rt = (e) => {
 			v(() => {
-				let t = ht.value, n = e.api.getRowGroupColumns(), r = n.length > 0, i;
+				let t = gt.value, n = e.api.getRowGroupColumns(), r = n.length > 0, i;
 				if (r && f.leftPinnedColumnName && (i = e.api.getColumn(f.leftPinnedColumnName || "")), r && !f.leftPinnedColumnName && (i = n.find((e) => !e.getColDef().hide), !i)) {
 					let t = K.find((e) => !e.hide && !e.rowGroup)?.field;
 					t && (i = e.api.getColumn(t));
 				}
-				i ? (ht.value = i, qt(i.getColDef()), e.api.setColumnsVisible([i.getColId()], !1)) : (ht.value = null, qt(null));
+				i ? (gt.value = i, Jt(i.getColDef()), e.api.setColumnsVisible([i.getColId()], !1)) : (gt.value = null, Jt(null));
 				let a = t?.getColId();
-				if ((!i || a !== i.getColId()) && (t?.getColDef()?.hide || e.api.setColumnsVisible([a || ""], !0)), J.value = [...n].map((e) => e.getColId()), f.enableFocusView && !Te) {
-					let e = J.value.length > 0 ? J.value[0] : null;
-					Fe.setFocusType(e);
+				if ((!i || a !== i.getColId()) && (t?.getColDef()?.hide || e.api.setColumnsVisible([a || ""], !0)), q.value = [...n].map((e) => e.getColId()), f.enableFocusView && !Fe) {
+					let e = q.value.length > 0 ? q.value[0] : null;
+					et.setFocusType(e);
 				}
-				se.value && A("column-row-group-changed", e);
+				le.value && A("column-row-group-changed", e);
 			});
-		}, Rt = (e) => {
+		}, zt = (e) => {
 			let t = e.column?.getColId() || "";
-			if (t === ht.value?.getColId()) {
+			if (t === gt.value?.getColId()) {
 				e.api.setColumnsVisible([t], !1);
 				return;
 			}
-		}, zt = (e) => {
-			f.enableExpandOnRowClick && e.node.group && e.node.setExpanded(!e.node.expanded), A("row-clicked", e);
 		}, Bt = (e) => {
-			e.finished && (lt.value = e.api.getAllGridColumns()), se.value && A("column-moved", e);
+			f.enableExpandOnRowClick && e.node.group && e.node.setExpanded(!e.node.expanded), A("row-clicked", e);
 		}, Vt = (e) => {
-			e.api && (_t.value = e.api.paginationGetCurrentPage() + 1, vt.value = e.api.paginationGetTotalPages());
-		}, Ht = (e) => "allChildrenRowCount" in e && e.allChildrenRowCount || 0, Ut = (e) => {
+			e.finished && (ut.value = [...e.api.getAllGridColumns()]), le.value && A("column-moved", e);
+		}, Ht = (e) => {
+			e.api && (vt.value = e.api.paginationGetCurrentPage() + 1, yt.value = e.api.paginationGetTotalPages());
+		}, Ut = (e) => "allChildrenRowCount" in e && e.allChildrenRowCount || 0, Wt = (e) => {
 			let t = document.querySelector(`[data-horizontal-filter-field="${e}"]`);
 			if (t) {
 				let e = t.querySelector("button");
 				if (e) return e.click(), !0;
 			}
 			return !1;
-		}, Wt = k(pu), Gt = k({ loadingMessage: "One moment please..." }), Kt = k((() => {
+		}, Gt = k(pu), Kt = k({ loadingMessage: "One moment please..." }), qt = k((() => {
 			let e = {
 				headerName: "",
 				minWidth: 200,
@@ -12188,28 +12188,28 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 						displayCount: f.displayGroupCount,
 						formattedValue: e.valueFormatted,
 						rowNode: e.node,
-						api: X.value,
+						api: Y.value,
 						focusText: f.focusText,
 						cellParams: e
 					})
 				}
 			};
 			return f.autoGroupColumnDefOverrides && Object.assign(e, f.autoGroupColumnDefOverrides), e;
-		})()), qt = (e) => {
+		})()), Jt = (e) => {
 			if (!e) {
-				Kt.value.headerName = "", Kt.value.headerComponent = void 0, Kt.value.context = null, Kt.value.sortable = !1, Kt.value.filter = void 0, Kt.value.enableRowGroup = void 0;
+				qt.value.headerName = "", qt.value.headerComponent = void 0, qt.value.context = null, qt.value.sortable = !1, qt.value.filter = void 0, qt.value.enableRowGroup = void 0;
 				return;
 			}
-			Kt.value.field = e.field, Kt.value.headerName = e.headerName, Kt.value.headerComponent = e.headerComponent ?? (f.enableInlineFilters ? void 0 : ef), Kt.value.context = { dataType: e.context?.dataType || null }, Kt.value.sortable = e.sortable, Kt.value.filter = e.filter, Kt.value.enableRowGroup = e.enableRowGroup, Kt.value.onCellClicked = e.onCellClicked;
-		}, Jt = (e) => {
+			qt.value.field = e.field, qt.value.headerName = e.headerName, qt.value.headerComponent = e.headerComponent ?? (f.enableInlineFilters ? void 0 : ef), qt.value.context = { dataType: e.context?.dataType || null }, qt.value.sortable = e.sortable, qt.value.filter = e.filter, qt.value.enableRowGroup = e.enableRowGroup, qt.value.onCellClicked = e.onCellClicked;
+		}, Yt = (e) => {
 			if (e.node.group) return {
 				backgroundColor: "#F7F8F8",
 				...f.enableExpandOnRowClick ? { cursor: "pointer" } : {}
 			};
-		}, Yt = (e) => {
+		}, Xt = (e) => {
 			let t = e.node.rowIndex;
 			if (!(e.node.group || t == null)) return e.api.getDisplayedRowAtIndex(t + 1)?.group ? "pv-data-table-group-last-child" : void 0;
-		}, Xt = { Median: (e) => {
+		}, Zt = { Median: (e) => {
 			let t = e.values;
 			if (e.rowNode.leafGroup) return {
 				values: t,
@@ -12222,7 +12222,7 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 			};
 		} };
 		S(() => {
-			tn.value = document.querySelector("body");
+			nn.value = document.querySelector("body");
 			let e = Array.isArray(f.rowData) && f.rowData.length > 0, t = typeof f.serverSideRowHandler == "function", n = typeof f.filterValuesSetHandler == "function";
 			(e && t || e && n) && console.warn("Only one of `rowData` or `serverSideRowHandler + hasFilterValuesSetHandler` params should be provided to PvDataTable, not both."), H.value = (e) => {
 				let t = [
@@ -12230,27 +12230,32 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 					"sortDescending",
 					"sortUnSort",
 					"rowUnGroup"
-				], n = e.column && Ct(e.column) ? ht.value : e.column;
+				], n = e.column && wt(e.column) ? gt.value : e.column;
 				return !f.enableInlineFilters && n && n.getColDef().filter && t.splice(2, 0, te), t.filter((t) => typeof t == "string" ? e.defaultItems.includes(t) : !0);
-			}, q && (et.value = (f.enableAdvancedFilter ? q.filter?.advancedFilterModel : q.filter?.filterModel) || null, J.value = q.rowGroup?.groupColIds || []);
+			}, se && (tt.value = (f.enableAdvancedFilter ? se.filter?.advancedFilterModel : se.filter?.filterModel) || null, q.value = se.rowGroup?.groupColIds || []);
 		});
-		let Zt = (e) => {
-			let t = X.value;
+		let Qt = (e) => {
+			let t = Y.value;
 			if (!t) return;
 			let n = e.filter?.filterModel || null, r = e.rowGroup?.groupColIds || null, i = e.columnVisibility || null;
-			n && !rd(n, t.getFilterModel()) && t.setFilterModel(n), f.isTableGrouped && r && !ot(r, J.value) && t.setRowGroupColumns(r), i?.hiddenColIds && t.setColumnsVisible(i.hiddenColIds, !1);
+			n && !rd(n, t.getFilterModel()) && t.setFilterModel(n), f.isTableGrouped && r && !ot(r, q.value) && t.setRowGroupColumns(r), i?.hiddenColIds && t.setColumnsVisible(i.hiddenColIds, !1);
+			let a = e.columnOrder?.orderedColIds;
+			oe && a?.length && (ot(a, t.getAllGridColumns().map((e) => e.getColId())) || t.applyColumnState({
+				state: a.map((e) => ({ colId: e })),
+				applyOrder: !0
+			}));
 		};
 		U(() => f.initialGridState, () => {
 			if (f.initialGridState) {
 				let e = Bu(f.initialGridState, K, f.enableAdvancedFilter);
-				e && Zt(e);
+				e && Qt(e);
 			}
 		}, { deep: !0 });
-		let Qt = (e) => {
-			se.value = !0, A("first-data-rendered", e);
-		}, $t = (e) => L ? f.isServerSideGroupOpenByDefault ? f.isServerSideGroupOpenByDefault(e) : e.rowNode.level === J.value.length - 2 : !1, en = r(() => {
+		let $t = (e) => {
+			le.value = !0, A("first-data-rendered", e);
+		}, en = (e) => L ? f.isServerSideGroupOpenByDefault ? f.isServerSideGroupOpenByDefault(e) : e.rowNode.level === q.value.length - 2 : !1, tn = r(() => {
 			if (!L) return f.groupDefaultExpanded;
-		}), tn = k(null), nn = k(null), { present: rn } = zi("top-slot"), an = r(() => f.enableTopSlot && rn.value), on = r(() => an.value && f.tableSearchInline), sn = "42px", cn = r(() => [
+		}), nn = k(null), rn = k(null), { present: an } = zi("top-slot"), on = r(() => f.enableTopSlot && an.value), sn = r(() => on.value && f.tableSearchInline), cn = "42px", ln = r(() => [
 			f.tableSearchInline ? {
 				width: "360px",
 				maxWidth: "100%",
@@ -12259,15 +12264,15 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 				width: "40%",
 				maxWidth: "50%"
 			},
-			on.value ? {
+			sn.value ? {
 				alignItems: "center",
 				display: "grid",
-				minHeight: sn
+				minHeight: cn
 			} : void 0,
 			f.customCssProperties?.tableSearchWrapper
-		]), ln = r(() => ({
+		]), un = r(() => ({
 			placeholder: f.tableSearchPlaceholder,
-			disabled: !Y.value,
+			disabled: !de.value,
 			searchStyle: f.tableSearchStyle
 		}));
 		return (t, r) => (D(), o("div", {
@@ -12296,17 +12301,17 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 			})) : a("", !0),
 			G(s("div", xf, [s("div", {
 				class: "pv-flex pv-space-between",
-				style: x(on.value ? "--flex-align: flex-start; --flex-wrap: wrap" : void 0)
+				style: x(sn.value ? "--flex-align: flex-start; --flex-wrap: wrap" : void 0)
 			}, [s("div", {
 				class: "pv-flex",
-				style: x(on.value ? "--flex-gap: 8px; --flex-wrap: wrap; flex: 1 1 0; min-width: 0" : "--flex-gap: 8px")
+				style: x(sn.value ? "--flex-gap: 8px; --flex-wrap: wrap; flex: 1 1 0; min-width: 0" : "--flex-gap: 8px")
 			}, [e.enableTableSearch && e.tableSearchInline ? (D(), o("div", {
 				key: 0,
-				style: x(cn.value)
-			}, [u(_f, b(p(ln.value)), null, 16)], 4)) : a("", !0), (D(), i(n, {
+				style: x(ln.value)
+			}, [u(_f, b(p(un.value)), null, 16)], 4)) : a("", !0), (D(), i(n, {
 				to: e.filterTeleportLocation,
 				disabled: !e.filterTeleportLocation
-			}, [ft.value.length > 0 && !f.enableInlineFilters ? (D(), i(Xd, {
+			}, [pt.value.length > 0 && !f.enableInlineFilters ? (D(), i(Xd, {
 				key: 0,
 				"enable-focus-view": e.enableFocusView,
 				"enable-vertical-panel": e.enableVerticalFilterPanel,
@@ -12317,7 +12322,7 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 				"max-horizontal-filters": f.maxHorizontalFilters,
 				"read-only": f.filterPanelReadOnly,
 				"disable-unselected-filters": f.disableUnselectedReadOnlyFilters,
-				"wrap-horizontal-filters": on.value
+				"wrap-horizontal-filters": sn.value
 			}, null, 8, [
 				"enable-focus-view",
 				"enable-vertical-panel",
@@ -12330,9 +12335,9 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 				"wrap-horizontal-filters"
 			])) : a("", !0)], 8, ["to", "disabled"]))], 4), s("div", {
 				class: "pv-flex",
-				style: x(on.value ? {
+				style: x(sn.value ? {
 					"--flex-wrap": "wrap",
-					minHeight: sn
+					minHeight: cn
 				} : void 0)
 			}, [
 				e.enableGroupBySelector && e.rowGroupLimit !== 0 ? (D(), i(lu, {
@@ -12342,25 +12347,25 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 				}, null, 8, ["rowGroupLimit", "enableFocusView"])) : a("", !0),
 				e.enableCsvExport ? (D(), i(lf, {
 					key: 1,
-					getCsvData: Dt
+					getCsvData: Ot
 				})) : a("", !0),
-				on.value ? (D(), o("div", {
+				sn.value ? (D(), o("div", {
 					key: 2,
 					class: y(e.hideTable ? "pv-hide" : "")
 				}, [j(t.$slots, "top-slot")], 2)) : a("", !0)
-			], 4)], 4)], 512), [[re, e.enableGroupBySelector || !e.filterTeleportLocation || e.enableTableSearch && e.tableSearchInline || on.value]]),
+			], 4)], 4)], 512), [[re, e.enableGroupBySelector || !e.filterTeleportLocation || e.enableTableSearch && e.tableSearchInline || sn.value]]),
 			G(s("div", {
 				ref_key: "advancedFilterParentElement",
-				ref: nn,
+				ref: rn,
 				class: y(["pv-stack-8 pv-text-body-sm", e.hideTable ? "pv-hide" : ""])
 			}, null, 2), [[re, M.value && e.enableAdvancedFilter]]),
-			!e.tableSearchInline && (e.enableTableSearch || an.value) ? (D(), o("div", {
+			!e.tableSearchInline && (e.enableTableSearch || on.value) ? (D(), o("div", {
 				key: 1,
 				class: y(["pv-stack-8 pv-flex pv-space-between", e.hideTable ? "pv-hide" : ""])
 			}, [e.enableTableSearch && !e.tableSearchInline ? (D(), o("div", {
 				key: 0,
-				style: x(cn.value)
-			}, [u(_f, b(p(ln.value)), null, 16)], 4)) : a("", !0), an.value ? j(t.$slots, "top-slot", { key: 1 }) : a("", !0)], 2)) : a("", !0),
+				style: x(ln.value)
+			}, [u(_f, b(p(un.value)), null, 16)], 4)) : a("", !0), on.value ? j(t.$slots, "top-slot", { key: 1 }) : a("", !0)], 2)) : a("", !0),
 			s("div", {
 				class: y(["pv-relative pv-stack-8", e.hideTable ? "pv-hide" : ""]),
 				style: {
@@ -12369,7 +12374,7 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 					"min-height": "0",
 					"overflow-x": "hidden"
 				}
-			}, [u(R(fe), _({
+			}, [u(R(me), _({
 				ref: "gridRef",
 				class: ["pv-data-table", R(T)],
 				style: [{
@@ -12379,51 +12384,51 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 				domLayout: e.layout
 			}, R(L) ? { serverSideDatasource: R(L) } : {}, {
 				onCellValueChanged: r[2] ||= (e) => A("cell-value-changed", e),
-				onColumnMoved: Bt,
-				onColumnRowGroupChanged: Lt,
-				onColumnValueChanged: It,
-				onColumnVisible: Rt,
-				onFilterChanged: xt,
+				onColumnMoved: Vt,
+				onColumnRowGroupChanged: Rt,
+				onColumnValueChanged: Lt,
+				onColumnVisible: zt,
+				onFilterChanged: St,
 				onFilterOpened: r[3] ||= (e) => A("filter-opened", e),
-				onFirstDataRendered: Qt,
-				onGridReady: bt,
-				onPaginationChanged: Vt,
+				onFirstDataRendered: $t,
+				onGridReady: xt,
+				onPaginationChanged: Ht,
 				onRedoEnded: r[4] ||= (e) => A("redo-ended", e),
 				onRedoStarted: r[5] ||= (e) => A("redo-started", e),
 				onRowDataUpdated: r[6] ||= (e) => A("row-data-updated", e),
-				onRowClicked: zt,
+				onRowClicked: Bt,
 				onRowSelected: r[7] ||= (e) => A("row-selected", e),
 				onSelectionChanged: r[8] ||= (e) => A("selection-changed", e),
-				onSortChanged: St,
+				onSortChanged: Ct,
 				onUndoEnded: r[9] ||= (e) => A("undo-ended", e),
 				onUndoStarted: r[10] ||= (e) => A("undo-started", e),
-				aggFuncs: Xt,
-				autoGroupColumnDef: Kt.value,
+				aggFuncs: Zt,
+				autoGroupColumnDef: qt.value,
 				columnDefs: R(K),
 				debug: e.debugMode,
 				defaultColDef: R(V),
-				getChildCount: Ht,
+				getChildCount: Ut,
 				getContextMenuItems: ee.value,
 				getMainMenuItems: H.value,
-				getRowClass: Yt,
-				getRowStyle: Jt,
-				groupDefaultExpanded: en.value,
+				getRowClass: Xt,
+				getRowStyle: Yt,
+				groupDefaultExpanded: tn.value,
 				groupDisplayType: "singleColumn",
-				initialState: R(q) || void 0,
+				initialState: R(se) || void 0,
 				isGroupOpenByDefault: R(L) ? void 0 : f.isClientSideGroupOpenByDefault,
-				isServerSideGroupOpenByDefault: $t,
+				isServerSideGroupOpenByDefault: en,
 				includeHiddenColumnsInAdvancedFilter: !0,
 				loading: R(L) ? !1 : e.isLoading,
-				loadingCellRenderer: Wt.value,
-				loadingCellRendererParams: Gt.value,
+				loadingCellRenderer: Gt.value,
+				loadingCellRendererParams: Kt.value,
 				maxConcurrentDatasourceRequests: R(L) ? -1 : void 0,
 				maintainColumnOrder: e.maintainColumnOrder,
 				modules: d,
-				popupParent: tn.value,
+				popupParent: nn.value,
 				processCellForClipboard: e.processCellForClipboard,
 				processCellFromClipboard: e.processCellFromClipboard,
 				processDataFromClipboard: e.processDataFromClipboard,
-				rowData: yt.value,
+				rowData: bt.value,
 				rowHeight: e.rowHeight,
 				rowModelType: R(L) ? "serverSide" : "clientSide",
 				rowSelection: e.rowSelection,
@@ -12448,15 +12453,158 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 				undoRedoCellEditing: e.undoRedoCellEditing,
 				undoRedoCellEditingLimit: e.undoRedoCellEditingLimit,
 				enableAdvancedFilter: e.enableAdvancedFilter,
-				advancedFilterParent: nn.value
-			}), null, 16, /* @__PURE__ */ "class.style.domLayout.autoGroupColumnDef.columnDefs.debug.defaultColDef.getContextMenuItems.getMainMenuItems.groupDefaultExpanded.initialState.isGroupOpenByDefault.loading.loadingCellRenderer.loadingCellRendererParams.maxConcurrentDatasourceRequests.maintainColumnOrder.popupParent.processCellForClipboard.processCellFromClipboard.processDataFromClipboard.rowData.rowHeight.rowModelType.rowSelection.serverSideInitialRowCount.theme.pagination.paginationPageSize.tooltip-show-delay.tooltip-hide-delay.cellSelection.copyHeadersToClipboard.suppressClipboardPaste.suppressCutToClipboard.undoRedoCellEditing.undoRedoCellEditingLimit.enableAdvancedFilter.advancedFilterParent".split(".")), !e.isLoading && !Y.value ? (D(), o("div", Sf, [s("p", Cf, F(ue.value), 1)])) : a("", !0)], 2),
+				advancedFilterParent: rn.value
+			}), null, 16, /* @__PURE__ */ "class.style.domLayout.autoGroupColumnDef.columnDefs.debug.defaultColDef.getContextMenuItems.getMainMenuItems.groupDefaultExpanded.initialState.isGroupOpenByDefault.loading.loadingCellRenderer.loadingCellRendererParams.maxConcurrentDatasourceRequests.maintainColumnOrder.popupParent.processCellForClipboard.processCellFromClipboard.processDataFromClipboard.rowData.rowHeight.rowModelType.rowSelection.serverSideInitialRowCount.theme.pagination.paginationPageSize.tooltip-show-delay.tooltip-hide-delay.cellSelection.copyHeadersToClipboard.suppressClipboardPaste.suppressCutToClipboard.undoRedoCellEditing.undoRedoCellEditingLimit.enableAdvancedFilter.advancedFilterParent".split(".")), !e.isLoading && !de.value ? (D(), o("div", Sf, [s("p", Cf, F(fe.value), 1)])) : a("", !0)], 2),
 			e.pagination ? (D(), i(df, { key: 2 })) : a("", !0)
 		], 4));
 	}
-}), Tf = {
+}), Tf = ["id"], Ef = {
+	key: 0,
+	class: "sort-divider-container"
+}, Df = ["data-label"], Of = ["onDrop"], kf = { class: "pv-full-width pv-bordered pv-radius-md pv-flex pv-center pv-placeholder-dropzone" }, Af = { class: "pv-text-body-sm pv-text-tertiary" }, jf = { class: "pv-flex pv-full-width pv-sort-option" }, Mf = { class: "pv-text-body-sm" }, Nf = {
+	key: 1,
+	class: "pv-button-placeholder"
+}, Pf = "--divider--", Ff = "placeholder-", If = /* @__PURE__ */ tn(/* @__PURE__ */ d({
+	__name: "PvSortableList",
+	props: /* @__PURE__ */ g({
+		options: { default: () => [] },
+		activeOptionLimit: {},
+		placeholderText: { default: "Add option" },
+		showPlaceholders: {
+			type: Boolean,
+			default: !0
+		}
+	}, {
+		modelValue: {
+			required: !1,
+			default: () => []
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let n = e, c = V(e, "modelValue"), l = {
+			id: Pf,
+			text: "",
+			disabled: !0
+		}, d = r(() => n.activeOptionLimit ? Math.max(0, n.activeOptionLimit - c.value.length) : 0), f = r(() => !n.showPlaceholders || d.value === 0 ? [] : Array.from({ length: d.value }, (e, t) => ({
+			id: `${Ff}${t}`,
+			text: "",
+			disabled: !0,
+			isPlaceholder: !0
+		}))), p = r(() => {
+			let e = new Set(c.value.map((e) => e.id));
+			return [
+				...c.value,
+				...f.value,
+				l,
+				...n.options.filter((t) => !e.has(t.id))
+			];
+		}), m = ee("sortableListRef"), h = ee("containerRef"), g = null, _ = null, v = () => {
+			if (!m.value) return;
+			let e = Array.from(m.value.children).map((e) => e.id), t = e.findIndex((e) => e === Pf);
+			t !== -1 && (e = e.slice(0, t)), e = e.filter((e) => !e.startsWith("placeholder-")), c.value = e.map((e) => n.options.find((t) => t.id === e) || null).filter(Boolean).slice(0, n.activeOptionLimit || Infinity);
+		};
+		T(() => {
+			m.value && (g = new st(m.value, {
+				animation: 200,
+				filter: `#${Pf}, [id^="placeholder-"]`,
+				dragoverBubble: !0,
+				onStart: (e) => {
+					_ = e.item;
+				},
+				onMove: (e) => {
+					let t = e.related;
+					if (t?.id === Pf || t?.id?.startsWith("placeholder-")) return !1;
+					let r = n.options.find((t) => t.id === e.dragged.id);
+					return r && w(r);
+				},
+				onEnd: () => {
+					_ = null, v();
+				},
+				onUpdate: v
+			}));
+		}), E(() => {
+			g &&= (g.destroy(), null);
+		});
+		let b = (e) => {
+			e.preventDefault(), _ && e.currentTarget.classList.add("placeholder-drag-over");
+		}, S = (e) => {
+			e.currentTarget.classList.remove("placeholder-drag-over");
+		}, C = (e, t) => {
+			if (e.preventDefault(), e.currentTarget.classList.remove("placeholder-drag-over"), _) {
+				let e = _.id, r = n.options.find((t) => t.id === e);
+				if (r && !w(r)) {
+					let e = [...c.value];
+					e.splice(t - 1, 0, r), c.value = e.slice(0, n.activeOptionLimit || Infinity), _.parentNode && _.parentNode.removeChild(_);
+				}
+			}
+		}, w = (e) => c.value.some((t) => t.id === e.id), O = r(() => n.activeOptionLimit ? c.value.length >= n.activeOptionLimit : !1), k = (e) => {
+			if (w(e)) c.value = c.value.filter((t) => t.id !== e.id);
+			else {
+				if (n.activeOptionLimit && c.value.length >= n.activeOptionLimit) return;
+				c.value = c.value.concat([e]);
+			}
+		}, j = (e) => !w(e) && n.activeOptionLimit && c.value.length >= n.activeOptionLimit || e.disabled, M = (e) => {
+			let t = { padding: "4px 8px" };
+			return w(e) && (t.backgroundColor = "#E4F8F6", t.borderColor = "#16696D"), t;
+		}, N = (e) => {
+			let t = {};
+			return j(e) && (t.backgroundColor = "transparent"), !w(e) && !j(e) ? t.color = "#16696D" : t.color = "#89989B", t;
+		};
+		return (e, r) => (D(), o("div", {
+			ref_key: "containerRef",
+			ref: h
+		}, [s("ul", {
+			ref_key: "sortableListRef",
+			ref: m,
+			role: "list"
+		}, [(D(!0), o(t, null, A(p.value, (e) => (D(), o("li", {
+			key: e.id,
+			id: e.id,
+			class: "pv-stack-4"
+		}, [e.id === Pf ? (D(), o("div", Ef, [s("div", {
+			class: "sort-divider pv-text-default pv-text-body-xs pv-text-tertiary",
+			"data-label": O.value ? `Maximum of ${n.activeOptionLimit}` : ""
+		}, null, 8, Df)])) : e.id.includes(Ff) ? (D(), o("div", {
+			key: 1,
+			class: "placeholder-zone",
+			onDragover: r[0] ||= (e) => b(e),
+			onDragleave: r[1] ||= (e) => S(e),
+			onDrop: (t) => C(t, parseInt(e.id.split("-")[1]) + 1)
+		}, [s("div", kf, [s("span", Af, F(n.placeholderText), 1)])], 40, Of)) : (D(), o("div", {
+			key: 2,
+			class: y(["pv-full-width pv-bordered pv-radius-md pv-flex pv-space-between", !w(e) && O.value ? "pv-menu-item-disabled" : ""]),
+			style: x(M(e))
+		}, [s("div", jf, [
+			u(Nn, {
+				class: y(w(e) ? "pv-text-brand" : "pv-text-tertiary"),
+				name: "reorder"
+			}, null, 8, ["class"]),
+			e.icon ? (D(), i(Nn, {
+				key: 0,
+				class: y(w(e) ? "pv-text-brand" : "pv-text-tertiary"),
+				name: e.icon
+			}, null, 8, ["class", "name"])) : a("", !0),
+			s("span", Mf, F(e.text), 1)
+		]), j(e) ? (D(), o("div", Nf)) : (D(), i(Ln, {
+			key: 0,
+			"left-icon": w(e) ? "remove-circle" : "add-circle",
+			ariaLabel: w(e) ? `Remove ${e.text}` : `Add ${e.text}`,
+			variant: "ghost",
+			style: x(N(e)),
+			onClick: (t) => k(e)
+		}, null, 8, [
+			"left-icon",
+			"ariaLabel",
+			"style",
+			"onClick"
+		]))], 6))], 8, Tf))), 128))], 512)], 512));
+	}
+}), [["__scopeId", "data-v-34615cd0"]]), Lf = {
 	class: "pv-flex pv-full-width pv-space-between",
 	style: { "white-space": "nowrap" }
-}, Ef = { class: "pv-text-body-md" }, Df = /* @__PURE__ */ d({
+}, Rf = { class: "pv-text-body-md" }, zf = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "PvTableOverlayMenuItemRenderer",
 	props: {
@@ -12465,24 +12613,31 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 		context: {}
 	},
 	setup(e) {
-		return (t, n) => (D(), o("div", Tf, [s("span", Ef, F(e.text), 1), e.context?.rightIcon ? (D(), i(Nn, {
+		return (t, n) => (D(), o("div", Lf, [s("span", Rf, F(e.text), 1), e.context?.rightIcon ? (D(), i(Nn, {
 			key: 0,
 			name: e.context.rightIcon,
 			class: "pv-text-subdued"
 		}, null, 8, ["name"])) : a("", !0)]));
 	}
-}), Of = { class: "pv-relative" }, kf = {
+}), Bf = { class: "pv-relative" }, Vf = {
 	role: "list",
 	class: "pv-relative"
-}, Af = ["data-active"], jf = { style: { cursor: "pointer" } }, Mf = { role: "list" }, Nf = /* @__PURE__ */ d({
+}, Hf = ["data-active"], Uf = ["data-active"], Wf = { style: { cursor: "pointer" } }, Gf = {
+	key: 0,
+	role: "list"
+}, Kf = /* @__PURE__ */ d({
 	__name: "PvTableOptionsPanel",
 	props: {
 		groupedModeEnabled: { type: Boolean },
 		tableConfigOptions: {}
 	},
-	emits: ["toggle-group", "table-overlay-change"],
+	emits: [
+		"toggle-group",
+		"table-overlay-change",
+		"column-config-change"
+	],
 	setup(e, { emit: n }) {
-		let i = e, c = n, { popoverPositionStyle: l, updateRects: d, triggerRef: f, popoverRef: p } = Sd({
+		let i = e, c = n, l = m(jl, P(null)), d = m(Ml, k(null)), f = m(Ll, k(null)), { popoverPositionStyle: p, updateRects: h, triggerRef: g, popoverRef: _ } = Sd({
 			alignment: "top",
 			popoverCssProperties: {
 				maxWidth: "300px",
@@ -12490,40 +12645,72 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 				transform: "translateX(-100%)"
 			},
 			useTeleport: !0
-		}), m = k(!1), h = k(!1), g = k(null);
-		U(g, (e) => {
-			e && (p.value = e);
+		}), v = k(!1), b = k(null), x = k(null);
+		U(x, (e) => {
+			e && (_.value = e);
 		});
-		let _ = r(() => (i.tableConfigOptions?.tableOverlayOptions ?? []).map((e) => ({
+		let S = r(() => (i.tableConfigOptions?.tableOverlayOptions ?? []).map((e) => ({
 			id: e.field,
 			text: e.title,
 			context: { rightIcon: e.icon }
-		}))), v = r(() => _.value.length > 0), b = k((i.tableConfigOptions?.tableOverlayOptions ?? []).filter((e) => e.defaultSelected !== !1).map((e) => e.field));
-		U(b, (e) => {
+		}))), C = r(() => S.value.length > 0), w = k((i.tableConfigOptions?.tableOverlayOptions ?? []).filter((e) => e.defaultSelected !== !1).map((e) => e.field));
+		U(w, (e) => {
 			c("table-overlay-change", e);
 		}, { immediate: !0 });
-		let x = () => {
-			m.value = !1, h.value = !1;
-		}, S = () => {
-			c("toggle-group", !i.groupedModeEnabled), x();
-		}, C = () => {
-			m.value = !m.value, h.value = !1;
-		}, w = () => {
-			if (v.value) {
-				if (h.value) {
-					h.value = !1;
-					return;
-				}
-				h.value = !0, f.value = document.getElementById("table-config-overlay"), d();
+		let T = () => {
+			v.value = !1, b.value = null;
+		}, E = () => {
+			c("toggle-group", !i.groupedModeEnabled), T();
+		}, O = () => {
+			v.value = !v.value, b.value = null;
+		}, j = (e) => {
+			if (b.value === e) {
+				b.value = null;
+				return;
 			}
+			e === "columns" && B(), b.value = e, g.value = document.getElementById(`table-config-${e}`), h();
+		}, M = r(() => f.value?.getColId() ?? null), N = r(() => (d.value ?? []).filter((e) => e.getColDef().context?.visibilityState === void 0 && e.getColId() !== M.value)), F = r(() => !!i.tableConfigOptions?.enableColumnConfiguration && N.value.length > 0), I = (e) => {
+			let t = e.getColDef();
+			return {
+				id: e.getColId(),
+				text: t.headerName || e.getColId(),
+				icon: Zo(t.context?.dataType || null) || "circle-chevron-down"
+			};
+		}, L = r(() => N.value.map(I)), z = k([]), B = () => {
+			z.value = N.value.filter((e) => e.isVisible()).map(I);
+		};
+		U(N, B);
+		let V = (e) => {
+			let t = e.getAllGridColumns();
+			return {
+				orderedColIds: t.map((e) => e.getColId()),
+				hiddenColIds: t.filter((e) => !e.isVisible() && e.getColId() !== M.value).map((e) => e.getColId())
+			};
+		}, H = (e) => {
+			let t = l.value;
+			if (!t) return;
+			let n = e.map((e) => String(e.id));
+			if (ot(n, z.value.map((e) => String(e.id)))) return;
+			let r = V(t), i = new Set(N.value.map((e) => e.getColId())), a = new Set(n), o = r.orderedColIds.filter((e) => i.has(e) && !a.has(e)), s = new Set(o), u = [...n, ...o], d = 0, f = r.orderedColIds.map((e) => i.has(e) ? u[d++] : e);
+			t.applyColumnState({
+				state: f.map((e) => i.has(e) ? {
+					colId: e,
+					hide: s.has(e)
+				} : { colId: e }),
+				applyOrder: !0
+			}), B(), c("column-config-change", {
+				...V(t),
+				previousOrderedColIds: r.orderedColIds,
+				previousHiddenColIds: r.hiddenColIds
+			});
 		};
-		return (n, r) => (D(), o(t, null, [G((D(), o("div", Of, [u(Ea, {
-			open: m.value,
+		return (n, r) => (D(), o(t, null, [G((D(), o("div", Bf, [u(Ea, {
+			open: v.value,
 			label: "Table Configuration",
 			icon: "settings",
-			onClick: C
+			onClick: O
 		}, null, 8, ["open"]), u(go, {
-			class: y({ "pv-hide": !m.value }),
+			class: y({ "pv-hide": !v.value }),
 			"css-custom-properties": {
 				minWidth: "240px",
 				zIndex: 5
@@ -12531,54 +12718,70 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 			alignment: "right",
 			isList: !0
 		}, {
-			default: W(() => [r[1] ||= s("div", { class: "pv-border-bottom" }, [s("p", {
+			default: W(() => [r[4] ||= s("div", { class: "pv-border-bottom" }, [s("p", {
 				class: "pv-text-title-sm pv-inset-square-8",
 				style: {
 					"padding-top": "4px",
 					"padding-bottom": "12px"
 				}
-			}, " Table Configuration ")], -1), s("ul", kf, [v.value ? (D(), o("li", {
-				key: 0,
-				id: "table-config-overlay",
-				"data-active": h.value ? !0 : null,
-				style: { cursor: "pointer" }
-			}, [u(mo, {
-				config: { variant: "icon" },
-				id: "table-config-overlay-item",
-				text: "Table Overlay",
-				icon: "layers-2",
-				"class-list": ["pv-menu-nested", h.value ? "pv-menu-nested-active" : ""],
-				onHandleSelected: w
-			}, null, 8, ["class-list"])], 8, Af)) : a("", !0), s("li", jf, [u(mo, {
-				config: { variant: "icon" },
-				id: "table-config-group-toggle",
-				class: "pv-text-subdued",
-				text: e.groupedModeEnabled ? "Ungroup Table" : "Group Table to Match Chart",
-				icon: e.groupedModeEnabled ? "ungroup" : "group",
-				onHandleSelected: S
-			}, null, 8, ["text", "icon"])])])]),
+			}, " Table Configuration ")], -1), s("ul", Vf, [
+				C.value ? (D(), o("li", {
+					key: 0,
+					id: "table-config-overlay",
+					"data-active": b.value === "overlay" ? !0 : null,
+					style: { cursor: "pointer" }
+				}, [u(mo, {
+					config: { variant: "icon" },
+					id: "table-config-overlay-item",
+					text: "Table Overlay",
+					icon: "layers-2",
+					"class-list": ["pv-menu-nested", b.value === "overlay" ? "pv-menu-nested-active" : ""],
+					onHandleSelected: r[0] ||= (e) => j("overlay")
+				}, null, 8, ["class-list"])], 8, Hf)) : a("", !0),
+				F.value ? (D(), o("li", {
+					key: 1,
+					id: "table-config-columns",
+					"data-active": b.value === "columns" ? !0 : null,
+					style: { cursor: "pointer" }
+				}, [u(mo, {
+					config: { variant: "icon" },
+					id: "table-config-columns-item",
+					text: "Columns",
+					icon: "columns-3",
+					"class-list": ["pv-menu-nested", b.value === "columns" ? "pv-menu-nested-active" : ""],
+					onHandleSelected: r[1] ||= (e) => j("columns")
+				}, null, 8, ["class-list"])], 8, Uf)) : a("", !0),
+				s("li", Wf, [u(mo, {
+					config: { variant: "icon" },
+					id: "table-config-group-toggle",
+					class: "pv-text-subdued",
+					text: e.groupedModeEnabled ? "Ungroup Table" : "Group Table to Match Chart",
+					icon: e.groupedModeEnabled ? "ungroup" : "group",
+					onHandleSelected: E
+				}, null, 8, ["text", "icon"])])
+			])]),
 			_: 1
-		}, 8, ["class"])])), [[R(et), [x, { ignore: [".pv-popover"] }]]]), u(go, {
+		}, 8, ["class"])])), [[R(et), [T, { ignore: [".pv-popover"] }]]]), u(go, {
 			ref_key: "nestedMenuPopoverRef",
-			ref: g,
-			class: y({ "pv-hide": !(m.value && h.value) }),
+			ref: x,
+			class: y({ "pv-hide": !(v.value && b.value !== null) }),
 			"css-custom-properties": {
 				width: "auto",
 				maxWidth: "260px",
-				...R(l)
+				...R(p)
 			},
-			isList: !0
+			isList: b.value !== "columns"
 		}, {
-			default: W(() => [s("ul", Mf, [(D(!0), o(t, null, A(_.value, (e) => (D(), o("li", { key: e.id }, [u(mo, {
+			default: W(() => [b.value === "overlay" ? (D(), o("ul", Gf, [(D(!0), o(t, null, A(S.value, (e) => (D(), o("li", { key: e.id }, [u(mo, {
 				id: e.id,
 				config: {
 					variant: "checkbox",
-					renderer: Df
+					renderer: zf
 				},
 				text: e.text,
 				context: e.context,
-				selectedIds: b.value,
-				"onUpdate:selectedIds": r[0] ||= (e) => b.value = e,
+				selectedIds: w.value,
+				"onUpdate:selectedIds": r[2] ||= (e) => w.value = e,
 				"class-list": ["pv-table-overlay-option"]
 			}, null, 8, [
 				"id",
@@ -12586,22 +12789,43 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 				"text",
 				"context",
 				"selectedIds"
-			])]))), 128))])]),
+			])]))), 128))])) : b.value === "columns" ? (D(), o("div", {
+				key: 1,
+				class: "pv-inset-square-8",
+				role: "dialog",
+				"aria-label": "Column options",
+				onKeydown: r[3] ||= ie(K((e) => b.value = null, ["stop"]), ["esc"])
+			}, [r[5] ||= s("p", {
+				class: "pv-text-tertiary pv-text-body-sm pv-stack-4",
+				style: {
+					"padding-left": "2px",
+					"padding-bottom": "6px"
+				}
+			}, " Currently Viewing ", -1), u(If, {
+				modelValue: z.value,
+				options: L.value,
+				showPlaceholders: !1,
+				"onUpdate:modelValue": H
+			}, null, 8, ["modelValue", "options"])], 32)) : a("", !0)]),
 			_: 1
-		}, 8, ["class", "css-custom-properties"])], 64));
+		}, 8, [
+			"class",
+			"css-custom-properties",
+			"isList"
+		])], 64));
 	}
-}), Pf = { class: "pv-chart-benchmark-chips pv-flex-vertical" }, Ff = ["data-group-name"], If = { class: "pv-chart-chip-section-label pv-chart-benchmark-chip-section-label" }, Lf = ["data-loading"], Rf = { class: "pv-chart-chip-label pv-flex-item" }, zf = { class: "pv-chart-chip-value" }, Bf = /* @__PURE__ */ d({
+}), qf = { class: "pv-chart-benchmark-chips pv-flex-vertical" }, Jf = ["data-group-name"], Yf = { class: "pv-chart-chip-section-label pv-chart-benchmark-chip-section-label" }, Xf = ["data-loading"], Zf = { class: "pv-chart-chip-label pv-flex-item" }, Qf = { class: "pv-chart-chip-value" }, $f = /* @__PURE__ */ d({
 	__name: "PvBenchmarkChips",
 	props: { sections: {} },
 	emits: ["chip-hover"],
 	setup(e, { emit: n }) {
 		let r = n;
-		return (n, c) => (D(), o("div", Pf, [(D(!0), o(t, null, A(e.sections, (e) => (D(), o("div", {
+		return (n, c) => (D(), o("div", qf, [(D(!0), o(t, null, A(e.sections, (e) => (D(), o("div", {
 			key: e.groupName,
 			"data-testid": "chip-section",
 			"data-group-name": e.groupName,
 			class: "pv-flex-vertical"
-		}, [s("p", If, F(e.groupName), 1), (D(!0), o(t, null, A(e.chips, (e) => (D(), o("div", _({
+		}, [s("p", Yf, F(e.groupName), 1), (D(!0), o(t, null, A(e.chips, (e) => (D(), o("div", _({
 			key: e.key,
 			"data-testid": "benchmark-chip",
 			class: "pv-chart-benchmark-chip pv-flex pv-bordered pv-inset-square-8",
@@ -12628,8 +12852,8 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 				class: "pv-chart-benchmark-chip-accent",
 				style: x({ backgroundColor: e.color })
 			}, null, 4)) : a("", !0),
-			s("span", Rf, F(e.label), 1),
-			s("span", zf, F(e.formattedValue), 1),
+			s("span", Zf, F(e.label), 1),
+			s("span", Qf, F(e.formattedValue), 1),
 			e.excludeFromCrossline ? (D(), i(R(Wi), {
 				key: 1,
 				"data-testid": "benchmark-chip-unit-mismatch-tooltip",
@@ -12652,159 +12876,16 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 				} }, " Shown in different units than the chart, so no line is drawn for this benchmark. ", -1)]]),
 				_: 1
 			})) : a("", !0)
-		], 64))], 16, Lf))), 128))], 8, Ff))), 128))]));
-	}
-}), Vf = ["id"], Hf = {
-	key: 0,
-	class: "sort-divider-container"
-}, Uf = ["data-label"], Wf = ["onDrop"], Gf = { class: "pv-full-width pv-bordered pv-radius-md pv-flex pv-center pv-placeholder-dropzone" }, Kf = { class: "pv-text-body-sm pv-text-tertiary" }, qf = { class: "pv-flex pv-full-width pv-sort-option" }, Jf = { class: "pv-text-body-sm" }, Yf = {
-	key: 1,
-	class: "pv-button-placeholder"
-}, Xf = "--divider--", Zf = "placeholder-", Qf = /* @__PURE__ */ tn(/* @__PURE__ */ d({
-	__name: "PvSortableList",
-	props: /* @__PURE__ */ g({
-		options: { default: () => [] },
-		activeOptionLimit: {},
-		placeholderText: { default: "Add option" },
-		showPlaceholders: {
-			type: Boolean,
-			default: !0
-		}
-	}, {
-		modelValue: {
-			required: !1,
-			default: () => []
-		},
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(e) {
-		let n = e, c = V(e, "modelValue"), l = {
-			id: Xf,
-			text: "",
-			disabled: !0
-		}, d = r(() => n.activeOptionLimit ? Math.max(0, n.activeOptionLimit - c.value.length) : 0), f = r(() => !n.showPlaceholders || d.value === 0 ? [] : Array.from({ length: d.value }, (e, t) => ({
-			id: `${Zf}${t}`,
-			text: "",
-			disabled: !0,
-			isPlaceholder: !0
-		}))), p = r(() => {
-			let e = new Set(c.value.map((e) => e.id));
-			return [
-				...c.value,
-				...f.value,
-				l,
-				...n.options.filter((t) => !e.has(t.id))
-			];
-		}), m = ee("sortableListRef"), h = ee("containerRef"), g = null, _ = null, v = () => {
-			if (!m.value) return;
-			let e = Array.from(m.value.children).map((e) => e.id), t = e.findIndex((e) => e === Xf);
-			t !== -1 && (e = e.slice(0, t)), e = e.filter((e) => !e.startsWith("placeholder-")), c.value = e.map((e) => n.options.find((t) => t.id === e) || null).filter(Boolean).slice(0, n.activeOptionLimit || Infinity);
-		};
-		T(() => {
-			m.value && (g = new st(m.value, {
-				animation: 200,
-				filter: `#${Xf}, [id^="placeholder-"]`,
-				dragoverBubble: !0,
-				onStart: (e) => {
-					_ = e.item;
-				},
-				onMove: (e) => {
-					let t = e.related;
-					if (t?.id === Xf || t?.id?.startsWith("placeholder-")) return !1;
-					let r = n.options.find((t) => t.id === e.dragged.id);
-					return r && w(r);
-				},
-				onEnd: () => {
-					_ = null, v();
-				},
-				onUpdate: v
-			}));
-		}), E(() => {
-			g &&= (g.destroy(), null);
-		});
-		let b = (e) => {
-			e.preventDefault(), _ && e.currentTarget.classList.add("placeholder-drag-over");
-		}, S = (e) => {
-			e.currentTarget.classList.remove("placeholder-drag-over");
-		}, C = (e, t) => {
-			if (e.preventDefault(), e.currentTarget.classList.remove("placeholder-drag-over"), _) {
-				let e = _.id, r = n.options.find((t) => t.id === e);
-				if (r && !w(r)) {
-					let e = [...c.value];
-					e.splice(t - 1, 0, r), c.value = e.slice(0, n.activeOptionLimit || Infinity), _.parentNode && _.parentNode.removeChild(_);
-				}
-			}
-		}, w = (e) => c.value.some((t) => t.id === e.id), O = r(() => n.activeOptionLimit ? c.value.length >= n.activeOptionLimit : !1), k = (e) => {
-			if (w(e)) c.value = c.value.filter((t) => t.id !== e.id);
-			else {
-				if (n.activeOptionLimit && c.value.length >= n.activeOptionLimit) return;
-				c.value = c.value.concat([e]);
-			}
-		}, j = (e) => !w(e) && n.activeOptionLimit && c.value.length >= n.activeOptionLimit || e.disabled, M = (e) => {
-			let t = { padding: "4px 8px" };
-			return w(e) && (t.backgroundColor = "#E4F8F6", t.borderColor = "#16696D"), t;
-		}, N = (e) => {
-			let t = {};
-			return j(e) && (t.backgroundColor = "transparent"), !w(e) && !j(e) ? t.color = "#16696D" : t.color = "#89989B", t;
-		};
-		return (e, r) => (D(), o("div", {
-			ref_key: "containerRef",
-			ref: h
-		}, [s("ul", {
-			ref_key: "sortableListRef",
-			ref: m,
-			role: "list"
-		}, [(D(!0), o(t, null, A(p.value, (e) => (D(), o("li", {
-			key: e.id,
-			id: e.id,
-			class: "pv-stack-4"
-		}, [e.id === Xf ? (D(), o("div", Hf, [s("div", {
-			class: "sort-divider pv-text-default pv-text-body-xs pv-text-tertiary",
-			"data-label": O.value ? `Maximum of ${n.activeOptionLimit}` : ""
-		}, null, 8, Uf)])) : e.id.includes(Zf) ? (D(), o("div", {
-			key: 1,
-			class: "placeholder-zone",
-			onDragover: r[0] ||= (e) => b(e),
-			onDragleave: r[1] ||= (e) => S(e),
-			onDrop: (t) => C(t, parseInt(e.id.split("-")[1]) + 1)
-		}, [s("div", Gf, [s("span", Kf, F(n.placeholderText), 1)])], 40, Wf)) : (D(), o("div", {
-			key: 2,
-			class: y(["pv-full-width pv-bordered pv-radius-md pv-flex pv-space-between", !w(e) && O.value ? "pv-menu-item-disabled" : ""]),
-			style: x(M(e))
-		}, [s("div", qf, [
-			u(Nn, {
-				class: y(w(e) ? "pv-text-brand" : "pv-text-tertiary"),
-				name: "reorder"
-			}, null, 8, ["class"]),
-			e.icon ? (D(), i(Nn, {
-				key: 0,
-				class: y(w(e) ? "pv-text-brand" : "pv-text-tertiary"),
-				name: e.icon
-			}, null, 8, ["class", "name"])) : a("", !0),
-			s("span", Jf, F(e.text), 1)
-		]), j(e) ? (D(), o("div", Yf)) : (D(), i(Ln, {
-			key: 0,
-			"left-icon": w(e) ? "remove-circle" : "add-circle",
-			ariaLabel: w(e) ? `Remove ${e.text}` : `Add ${e.text}`,
-			variant: "ghost",
-			style: x(N(e)),
-			onClick: (t) => k(e)
-		}, null, 8, [
-			"left-icon",
-			"ariaLabel",
-			"style",
-			"onClick"
-		]))], 6))], 8, Vf))), 128))], 512)], 512));
+		], 64))], 16, Xf))), 128))], 8, Jf))), 128))]));
 	}
-}), [["__scopeId", "data-v-34615cd0"]]), $f = (e) => e.field === "state" || $(e).dataType === Xo.Location, ep = (e) => e.filter($f), tp = (e, t, n) => {
+}), ep = (e) => e.field === "state" || $(e).dataType === Xo.Location, tp = (e) => e.filter(ep), np = (e, t, n) => {
 	if (!n || t.length === 0) return e;
 	let r = new Set(n(t).map((e) => e.field));
 	return e.filter((e) => r.has(e));
-}, np = (e) => e.filter((e) => !as(e)), rp = (e) => e.filter((e) => as(e)), ip = {
+}, rp = (e) => e.filter((e) => !as(e)), ip = (e) => e.filter((e) => as(e)), ap = {
 	xAxis: {
 		selectMode: "sortable",
-		filterColumns: np
+		filterColumns: rp
 	},
 	yAxis: {},
 	secondaryYAxis: {},
@@ -12813,16 +12894,16 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 	rowGroupLimit: 2,
 	supportsFocusView: !0,
 	storeBeforeChange: !0
-}, ap = [
+}, op = [
 	{
-		...ip,
+		...ap,
 		id: "column",
 		text: "Column",
 		icon: "chart-column",
 		agChartType: "bar"
 	},
 	{
-		...ip,
+		...ap,
 		id: "bar",
 		text: "Bar",
 		icon: "chart-bar",
@@ -12830,28 +12911,28 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 		isHorizontal: !0
 	},
 	{
-		...ip,
+		...ap,
 		id: "line",
 		text: "Line",
 		icon: "chart-line",
 		agChartType: "line"
 	},
 	{
-		...ip,
+		...ap,
 		id: "area",
 		text: "Area",
 		icon: "chart-area",
 		agChartType: "area"
 	},
 	{
-		...ip,
+		...ap,
 		id: "column_stacked",
 		text: "Stacked Column",
 		icon: "chart-column-stacked",
 		agChartType: "bar"
 	},
 	{
-		...ip,
+		...ap,
 		id: "bar_stacked",
 		text: "Stacked Bar",
 		icon: "chart-bar-stacked",
@@ -12859,7 +12940,7 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 		isHorizontal: !0
 	},
 	{
-		...ip,
+		...ap,
 		id: "pie",
 		text: "Pie",
 		icon: "chart-pie",
@@ -12873,7 +12954,7 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 		icon: "chart-column",
 		xAxis: {
 			selectMode: "single",
-			filterColumns: rp,
+			filterColumns: ip,
 			hideLabel: !0
 		},
 		yAxis: {
@@ -12894,7 +12975,7 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 		icon: "map",
 		xAxis: {
 			selectMode: "single",
-			filterColumns: ep,
+			filterColumns: tp,
 			hideLabel: !0
 		},
 		yAxis: {},
@@ -12906,26 +12987,26 @@ var ju = { style: { "line-height": "20px" } }, Mu = { class: "pv-text-subdued pv
 		supportsFocusView: !1,
 		storeBeforeChange: !1
 	}
-], op = new Map(ap.map((e) => [e.id, e])), sp = op.get("column");
-function cp(e) {
-	return op.get(e) || sp;
+], sp = new Map(op.map((e) => [e.id, e])), cp = sp.get("column");
+function lp(e) {
+	return sp.get(e) || cp;
 }
 //#endregion
 //#region src/components/charts/PvDataTableWithChart/table-chart-components/PvChartOptionMenuItemRenderer.vue?vue&type=script&setup=true&lang.ts
-var lp = {
+var up = {
 	class: "pv-full-width pv-flex",
 	style: { "--flex-gap": "8px" }
-}, up = {
+}, dp = {
 	class: "pv-full-width pv-truncate pv-flex-vertical",
 	style: {
 		"align-items": "flex-start",
 		"--flex-gap": "0"
 	}
-}, dp = ["title"], fp = ["title"], pp = { style: {
+}, fp = ["title"], pp = ["title"], mp = { style: {
 	"max-width": "220px",
 	"white-space": "normal",
 	"overflow-wrap": "break-word"
-} }, mp = /* @__PURE__ */ d({
+} }, hp = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "PvChartOptionMenuItemRenderer",
 	props: {
@@ -12934,14 +13015,14 @@ var lp = {
 		text: {}
 	},
 	setup(e) {
-		return (t, n) => (D(), o("div", lp, [s("div", up, [s("span", {
+		return (t, n) => (D(), o("div", up, [s("div", dp, [s("span", {
 			class: "pv-text-body-md pv-full-width pv-truncate",
 			title: e.text
-		}, F(e.text), 9, dp), e.subText ? (D(), o("span", {
+		}, F(e.text), 9, fp), e.subText ? (D(), o("span", {
 			key: 0,
 			class: "pv-text-body-xs pv-text-subdued pv-full-width pv-truncate",
 			title: e.subText
-		}, F(e.subText), 9, fp)) : a("", !0)]), e.context?.description ? (D(), i(R(Wi), {
+		}, F(e.subText), 9, pp)) : a("", !0)]), e.context?.description ? (D(), i(R(Wi), {
 			key: 0,
 			variant: "dark",
 			position: "center-right",
@@ -12955,34 +13036,34 @@ var lp = {
 				name: "info-circle",
 				class: "pv-text-subdued"
 			})]),
-			content: W(() => [s("div", pp, F(e.context.description), 1)]),
+			content: W(() => [s("div", mp, F(e.context.description), 1)]),
 			_: 1
 		})) : a("", !0)]));
 	}
-}), hp = { class: "pv-stack-16 pv-chart-options-panel" }, gp = { class: "pv-flex pv-relative" }, _p = [
+}), gp = { class: "pv-stack-16 pv-chart-options-panel" }, _p = { class: "pv-flex pv-relative" }, vp = [
 	"id",
 	"aria-label",
 	"onKeydown"
-], vp = {
+], yp = {
 	role: "list",
 	class: "pv-popover-list pv-relative"
-}, yp = [
+}, bp = [
 	"id",
 	"data-active",
 	"data-dd-action-name",
 	"onMouseenter",
 	"onClick"
-], bp = { style: { "max-width": "100px" } }, xp = {
+], xp = { style: { "max-width": "100px" } }, Sp = {
 	key: 1,
 	class: "pv-flex"
-}, Sp = {
+}, Cp = {
 	key: 0,
 	class: "pv-inset-square-8"
-}, Cp = {
+}, wp = {
 	key: 1,
 	role: "list",
 	class: "pv-popover-list"
-}, wp = ["data-active"], Tp = "This metric isn’t available with the selected chart type.", Ep = /* @__PURE__ */ tn(/* @__PURE__ */ d({
+}, Tp = ["data-active"], Ep = "This metric isn’t available with the selected chart type.", Dp = /* @__PURE__ */ tn(/* @__PURE__ */ d({
 	__name: "PvChartOptionsPanel",
 	props: {
 		enablePanel: { type: Boolean },
@@ -13006,7 +13087,7 @@ var lp = {
 				maxHeight: "900px"
 			},
 			useTeleport: !0
-		}), b = k(!1), S = k(void 0), C = k(null), w = m(ql, k(void 0)), T = m(Gl, k([])), E = m(Jl, k(void 0)), O = m(Kl, k([])), j = m(Wl, k([])), M = m(Fl, k([])), N = r(() => cp(w.value?.id || "")), P = r(() => {
+		}), b = k(!1), S = k(void 0), C = k(null), w = m(ql, k(void 0)), T = m(Gl, k([])), E = m(Jl, k(void 0)), O = m(Kl, k([])), j = m(Wl, k([])), M = m(Fl, k([])), N = r(() => lp(w.value?.id || "")), P = r(() => {
 			let e = w.value?.id ?? "";
 			return j.value.length > 1 && !e.endsWith("_stacked");
 		}), I = m(Yl, k("")), L = m(Xl, k([])), z = m(Zl, k(void 0)), B = m(Ql, k([])), V = m(eu, k(/* @__PURE__ */ new Set())), H = m(tu, k([])), ee = r(() => H.value.filter((e) => V.value.has(e.id)).map((e) => ({
@@ -13026,7 +13107,7 @@ var lp = {
 		})) : []), ae = r(() => {
 			let e = j.value[0];
 			return e ? gs(M.value.find((t) => t.field === e)) : !1;
-		}), q = r(() => {
+		}), oe = r(() => {
 			if (w.value) return (j.value.length > 1 ? [
 				"bar_stacked",
 				"line",
@@ -13055,13 +13136,13 @@ var lp = {
 			}
 			w.value = e[0];
 		});
-		let oe = (e, t) => {
+		let se = (e, t) => {
 			for (let n of e) {
 				if (n.id === t) return n;
-				let e = n.children ? oe(n.children, t) : void 0;
+				let e = n.children ? se(n.children, t) : void 0;
 				if (e) return e;
 			}
-		}, J = (e) => e.flatMap((e) => e.children?.length ? J(e.children) : e), se = (e) => {
+		}, ce = (e) => e.flatMap((e) => e.children?.length ? ce(e.children) : e), q = (e) => {
 			switch (e) {
 				case "y-axis": return "Select Y Axis metric";
 				case "secondary-y-axis": return "Select Metric Overlay";
@@ -13070,76 +13151,76 @@ var lp = {
 				case "sort": return "Select Chart Sort";
 				default: return;
 			}
-		}, ce = Tl(), le = (e) => e === "secondary-y-axis" ? "metric-overlay" : e, Y = (e, t, n = "select") => {
+		}, le = Tl(), ue = (e) => e === "secondary-y-axis" ? "metric-overlay" : e, J = (e, t, n = "select") => {
 			if (!t) return;
-			let r = De.value.find((t) => t.value === e), i = r?.availableOptions ? oe(r.availableOptions, t) : void 0;
+			let r = ke.value.find((t) => t.value === e), i = r?.availableOptions ? se(r.availableOptions, t) : void 0;
 			El("chart_option_selected", {
-				panel: le(e),
+				panel: ue(e),
 				selected_value: i?.text ?? t,
 				selected_value_id: t,
 				action: n
-			}, ce());
-		}, ue = (e, t) => {
+			}, le());
+		}, de = (e, t) => {
 			let n = new Set(e.activeOptionIds);
 			e.updateSelectedOptions?.(t), Dl(() => {
-				for (let r of t) n.has(r.id) || Y(e.value, r.id);
+				for (let r of t) n.has(r.id) || J(e.value, r.id);
 			});
-		}, X = (e, t) => {
-			e.updateSelectedOption?.(t?.id || ""), Dl(() => Y(e.value, t?.id));
-		}, de = (e, t) => {
+		}, fe = (e, t) => {
+			e.updateSelectedOption?.(t?.id || ""), Dl(() => J(e.value, t?.id));
+		}, pe = (e, t) => {
 			let n = t.option;
 			if (e.isMultiSelect) {
 				let t = new Set(e.activeOptionIds ?? []), r = new Set(t);
-				r.has(n.id) ? r.delete(n.id) : r.add(n.id), e.updateSelectedOptions?.(J(e.availableOptions ?? []).filter((e) => r.has(e.id))), t.has(n.id) || Dl(() => Y(e.value, n.id));
+				r.has(n.id) ? r.delete(n.id) : r.add(n.id), e.updateSelectedOptions?.(ce(e.availableOptions ?? []).filter((e) => r.has(e.id))), t.has(n.id) || Dl(() => J(e.value, n.id));
 				return;
 			}
-			e.updateSelectedOption?.(n.id), Dl(() => Y(e.value, n.id));
-		}, Z = (e, t) => {
+			e.updateSelectedOption?.(n.id), Dl(() => J(e.value, n.id));
+		}, Y = (e, t) => {
 			let n = e.activeOptions?.value ?? [];
 			e.activeOptions && (e.activeOptions.value = t), Dl(() => {
 				let r = n.map((e) => e.id), i = t.map((e) => e.id), a = new Set(r), o = new Set(i);
-				for (let n of t) a.has(n.id) || Y(e.value, n.id, "select");
-				for (let t of n) o.has(t.id) || Y(e.value, t.id, "deselect");
+				for (let n of t) a.has(n.id) || J(e.value, n.id, "select");
+				for (let t of n) o.has(t.id) || J(e.value, t.id, "deselect");
 				r.length === i.length && r.every((e) => o.has(e)) && r.join(" ") !== i.join(" ") && El("chart_option_selected", {
-					panel: le(e.value),
+					panel: ue(e.value),
 					selected_value: t.map((e) => e.text).join(", "),
 					selected_value_id: i.join(","),
 					action: "reorder"
-				}, ce());
+				}, le());
 			});
-		}, fe = (e, t) => `chart-series-agg-func:${encodeURIComponent(e)}:${encodeURIComponent(t)}`, pe = (e) => `chart-series-agg-func-group:${encodeURIComponent(e)}`, me = (e) => e ? { renderer: mp } : { variant: "icon" }, he = r(() => w.value?.id === "line" ? l.percentOfFocusViewYKey : void 0), ge = (e, t, n) => {
+		}, me = (e, t) => `chart-series-agg-func:${encodeURIComponent(e)}:${encodeURIComponent(t)}`, he = (e) => `chart-series-agg-func-group:${encodeURIComponent(e)}`, ge = (e) => e ? { renderer: hp } : { variant: "icon" }, _e = r(() => w.value?.id === "line" ? l.percentOfFocusViewYKey : void 0), ve = (e, t, n) => {
 			let r = !!e && t === e;
 			return {
 				disabled: r,
-				description: r ? Tp : n
+				description: r ? Ep : n
 			};
-		}, _e = (e, t) => {
+		}, ye = (e, t) => {
 			let n = [], r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
 			for (let a of e) {
 				let e = a.columnField;
 				if (!a.aggFuncOptions?.length || !e) {
-					let { disabled: e, description: r } = ge(t, a.value, a.description);
+					let { disabled: e, description: r } = ve(t, a.value, a.description);
 					n.push({
 						id: a.value,
 						text: a.label,
 						disabled: e,
 						context: r ? { description: r } : void 0,
-						config: me(r)
+						config: ge(r)
 					});
 					continue;
 				}
 				for (let o of a.aggFuncOptions) {
 					let s = r.get(o.aggFunc);
 					s || (s = {
-						id: pe(o.aggFunc),
+						id: he(o.aggFunc),
 						text: o.label,
 						context: o.description ? { description: o.description } : void 0,
-						config: me(o.description),
+						config: ge(o.description),
 						children: []
 					}, r.set(o.aggFunc, s), n.push(s)), o.order !== void 0 && !i.has(s.id) && i.set(s.id, o.order);
-					let { disabled: c, description: l } = ge(t, o.seriesValue ?? a.value, a.description);
+					let { disabled: c, description: l } = ve(t, o.seriesValue ?? a.value, a.description);
 					s.children?.push({
-						id: fe(e, o.aggFunc),
+						id: me(e, o.aggFunc),
 						text: a.label,
 						disabled: c,
 						context: {
@@ -13148,7 +13229,7 @@ var lp = {
 							description: l,
 							seriesValue: o.seriesValue
 						},
-						config: me(l)
+						config: ge(l)
 					});
 				}
 			}
@@ -13156,47 +13237,47 @@ var lp = {
 				let n = i.get(e.id), r = i.get(t.id);
 				return n === void 0 ? r === void 0 ? 0 : 1 : r === void 0 ? -1 : n - r;
 			});
-		}, ve = (e, t) => e.map((e) => {
-			let { disabled: n, description: r } = ge(t, e.value, e.description);
+		}, be = (e, t) => e.map((e) => {
+			let { disabled: n, description: r } = ve(t, e.value, e.description);
 			return {
 				id: e.value,
 				text: e.label,
 				disabled: n,
 				context: r ? { description: r } : void 0
 			};
-		}), ye = (e, t, n) => {
+		}), xe = (e, t, n) => {
 			if (!n) return;
 			let r = t.find((e) => e.value === n || e.aggFuncOptions?.some((e) => e.seriesValue === n));
-			if (!r?.aggFuncOptions?.length || !r.columnField) return oe(e, n);
+			if (!r?.aggFuncOptions?.length || !r.columnField) return se(e, n);
 			let i = r.aggFuncOptions.find((e) => e.aggFunc === r.activeAggFunc) ?? r.aggFuncOptions.find((e) => e.seriesValue === n) ?? r.aggFuncOptions[0];
-			return i ? oe(e, fe(r.columnField, i.aggFunc)) : void 0;
-		}, be = (e, t) => {
-			let n = oe(e, t), r = n?.context;
+			return i ? se(e, me(r.columnField, i.aggFunc)) : void 0;
+		}, Se = (e, t) => {
+			let n = se(e, t), r = n?.context;
 			return {
 				aggFunc: r?.aggFunc,
 				columnField: r?.columnField,
 				seriesValue: r?.seriesValue ?? n?.id
 			};
-		}, xe = (e) => e.reduce((e, t) => e + (t.aggFuncOptions?.length || 1), 0), Se = r(() => f.value ? _e(L.value, he.value) : ve(L.value, he.value)), Ce = r(() => f.value ? _e(B.value) : ve(B.value)), we = r(() => f.value ? xe(L.value) : L.value.length), Te = r(() => M.value.map((e) => ({
+		}, Ce = (e) => e.reduce((e, t) => e + (t.aggFuncOptions?.length || 1), 0), we = r(() => f.value ? ye(L.value, _e.value) : be(L.value, _e.value)), Te = r(() => f.value ? ye(B.value) : be(B.value)), Ee = r(() => f.value ? Ce(L.value) : L.value.length), De = r(() => M.value.map((e) => ({
 			id: e.field || "",
 			text: e.headerName || e.field || "",
 			icon: Zo(e.context?.dataType || null) || "circle-chevron-down"
-		}))), Ee = r({
-			get: () => j.value.map((e) => Te.value.find((t) => t.id === e)).filter(Boolean),
+		}))), Oe = r({
+			get: () => j.value.map((e) => De.value.find((t) => t.id === e)).filter(Boolean),
 			set: (e) => {
 				j.value = e.map((e) => e.id);
 			}
-		}), De = r(() => {
+		}), ke = r(() => {
 			let e = [], t = {
 				value: "y-axis",
 				label: "Y Axis",
 				prefixLabel: "Y Axis",
 				icon: "chart-bar-decreasing",
 				allowDeselect: !1,
-				availableOptions: Se.value,
-				currentOption: ye(Se.value, L.value, I.value),
+				availableOptions: we.value,
+				currentOption: xe(we.value, L.value, I.value),
 				updateSelectedOption: (e) => {
-					let t = be(Se.value, e);
+					let t = Se(we.value, e);
 					t.seriesValue && (I.value = t.seriesValue, t.aggFunc && t.columnField && d("series-agg-func-selected", {
 						aggFunc: t.aggFunc,
 						columnField: t.columnField
@@ -13208,12 +13289,12 @@ var lp = {
 				label: "X Axis",
 				icon: "align-end-horizontal",
 				allowDeselect: !1,
-				availableOptions: Te.value,
+				availableOptions: De.value,
 				...r ? {
-					activeOptions: Ee,
+					activeOptions: Oe,
 					activeOptionLimit: l.rowGroupLimit
 				} : {
-					currentOption: Te.value.find((e) => e.id === j.value[0]),
+					currentOption: De.value.find((e) => e.id === j.value[0]),
 					updateSelectedOption: (e) => {
 						j.value = e ? [e] : [];
 					}
@@ -13225,7 +13306,7 @@ var lp = {
 				allowDeselect: !0,
 				availableOptions: O.value,
 				currentOption: O.value.find((e) => e.id === E.value?.id),
-				disabled: ae.value || !q.value,
+				disabled: ae.value || !oe.value,
 				disabledReason: ae.value ? "Dates are always sorted oldest to newest" : "Sorting is not available for this chart type",
 				updateSelectedOption: (e) => {
 					let t = O.value.find((t) => t.id === e);
@@ -13247,7 +13328,7 @@ var lp = {
 					t && w && (w.value = t);
 				}
 			};
-			if (we.value > 1 && e.push(t), !n.secondaryYAxis?.hidden && Ce.value.length > 0) {
+			if (Ee.value > 1 && e.push(t), !n.secondaryYAxis?.hidden && Te.value.length > 0) {
 				let t = {
 					value: "secondary-y-axis",
 					label: "Metric Overlay",
@@ -13256,16 +13337,16 @@ var lp = {
 					allowDeselect: !0,
 					disabled: P.value,
 					disabledReason: "Metric overlay is not available for this chart type.",
-					availableOptions: Ce.value,
-					currentOption: ye(Ce.value, B.value, z.value),
+					availableOptions: Te.value,
+					currentOption: xe(Te.value, B.value, z.value),
 					updateSelectedOption: (e) => {
 						if (!z) return;
-						let t = ye(Ce.value, B.value, z.value);
+						let t = xe(Te.value, B.value, z.value);
 						if (!e || t?.id === e) {
 							z.value = void 0;
 							return;
 						}
-						let n = be(Ce.value, e);
+						let n = Se(Te.value, e);
 						z.value = n.seriesValue, n.aggFunc && n.columnField && d("series-agg-func-selected", {
 							aggFunc: n.aggFunc,
 							columnField: n.columnField
@@ -13295,15 +13376,15 @@ var lp = {
 				n && e.push(n);
 			}
 			let s = r ? 2 : 1;
-			return Te.value.length >= s && e.push(i), T.value.length > 1 && e.push(o), O.value.length > 0 && e.push(a), e.filter((e) => l.chartConfigOptions ? l.chartConfigOptions.includes(e.value) : !0);
-		}), Oe = r(() => S.value && De.value.find((e) => e.value === S.value) || null), Q = (e) => e.activeOptions ? e.activeOptions.value : e.currentOption ? [e.currentOption] : [], ke = (e) => Q(e).map((e) => e.text).join(", ") || void 0, Ae = r(() => De.value.map((e) => ({
+			return De.value.length >= s && e.push(i), T.value.length > 1 && e.push(o), O.value.length > 0 && e.push(a), e.filter((e) => l.chartConfigOptions ? l.chartConfigOptions.includes(e.value) : !0);
+		}), Ae = r(() => S.value && ke.value.find((e) => e.value === S.value) || null), X = (e) => e.activeOptions ? e.activeOptions.value : e.currentOption ? [e.currentOption] : [], je = (e) => X(e).map((e) => e.text).join(", ") || void 0, Me = r(() => ke.value.map((e) => ({
 			id: e.value,
 			text: e.label,
-			subText: ke(e),
+			subText: je(e),
 			icon: e.icon,
 			disabled: e.disabled,
 			hoverTitle: e.disabledReason,
-			rumActionName: se(e.value),
+			rumActionName: q(e.value),
 			popoverRole: e.isSortableList ? "dialog" : "menu",
 			children: e.availableOptions,
 			config: {
@@ -13315,37 +13396,37 @@ var lp = {
 					alwaysShow: !0
 				} } : {}
 			}
-		}))), je = (e) => e.isMultiSelect ? {
+		}))), Z = (e) => e.isMultiSelect ? {
 			variant: "checkbox",
-			renderer: mp
+			renderer: hp
 		} : { variant: "icon" };
 		U(C, (e) => {
 			e && (v.value = e);
 		});
-		let Me = (e) => {
-			let t = Oe.value;
+		let Q = (e) => {
+			let t = Ae.value;
 			if (!t?.isMultiSelect) return;
 			let n = new Set(V.value);
 			t.updateSelectedOptions?.((t.availableOptions ?? []).filter((t) => e.includes(t.id))), Dl(() => {
-				for (let r of e) n.has(r) || Y(t.value, r);
+				for (let r of e) n.has(r) || J(t.value, r);
 			});
 		}, Ne = (e) => {
-			let t = Oe.value;
-			!t || t.isMultiSelect || (t.updateSelectedOption?.(e.id), Dl(() => Y(t.value, e.id)));
+			let t = Ae.value;
+			!t || t.isMultiSelect || (t.updateSelectedOption?.(e.id), Dl(() => J(t.value, e.id)));
 		}, Pe = (e) => {
-			let t = Oe.value;
+			let t = Ae.value;
 			return !t || t.isMultiSelect ? null : t.currentOption?.id === e.id ? !0 : null;
-		}, Fe = (e) => Oe.value?.isMultiSelect ? {
+		}, Fe = (e) => Ae.value?.isMultiSelect ? {
 			variant: "checkbox",
-			renderer: mp
-		} : e.context && typeof e.context == "object" && "description" in e.context ? { renderer: mp } : { variant: "icon" }, Ie = (e) => {
+			renderer: hp
+		} : e.context && typeof e.context == "object" && "description" in e.context ? { renderer: hp } : { variant: "icon" }, Ie = (e) => {
 			S.value = e, _.value = document.getElementById(`pv-chart-config-${e}`), g();
 		}, Le = () => {
 			b.value = !1, S.value = void 0;
 		}, Re = () => {
 			S.value = void 0;
 		};
-		return (n, r) => (D(), o(t, null, [s("div", hp, [s("div", null, [G((D(), o("div", { class: y(["pv-flex pv-space-between", e.useCombinedButton ? "pv-stack-8" : ""]) }, [s("div", gp, [e.useCombinedButton ? (D(), o(t, { key: 0 }, [u(Ea, {
+		return (n, r) => (D(), o(t, null, [s("div", gp, [s("div", null, [G((D(), o("div", { class: y(["pv-flex pv-space-between", e.useCombinedButton ? "pv-stack-8" : ""]) }, [s("div", _p, [e.useCombinedButton ? (D(), o(t, { key: 0 }, [u(Ea, {
 			open: b.value,
 			label: "Chart Configuration",
 			icon: "chart-area",
@@ -13371,14 +13452,14 @@ var lp = {
 			}, " Chart Configuration ")], -1), u(wo, {
 				expandedOptionId: S.value,
 				"onUpdate:expandedOptionId": r[3] ||= (e) => S.value = e,
-				options: Ae.value,
+				options: Me.value,
 				childrenDisplay: "popover",
 				readOnly: e.readOnly
 			}, {
-				popover: W(({ popoverId: t, close: n }) => [Oe.value?.isSortableList ? (D(), o("div", {
+				popover: W(({ popoverId: t, close: n }) => [Ae.value?.isSortableList ? (D(), o("div", {
 					key: 0,
 					id: t,
-					"aria-label": `${Oe.value.label} options`,
+					"aria-label": `${Ae.value.label} options`,
 					class: "pv-chart-config-popover pv-inset-square-8",
 					role: "dialog",
 					onKeydown: ie(K(n, ["stop"]), ["esc"])
@@ -13388,32 +13469,32 @@ var lp = {
 						"padding-left": "2px",
 						"padding-bottom": "6px"
 					}
-				}, " Viewing ", -1), u(Qf, {
-					modelValue: Oe.value.activeOptions.value,
-					"onUpdate:modelValue": r[1] ||= (e) => Z(Oe.value, e),
-					options: Oe.value.availableOptions || [],
-					activeOptionLimit: Oe.value.activeOptionLimit,
+				}, " Viewing ", -1), u(If, {
+					modelValue: Ae.value.activeOptions.value,
+					"onUpdate:modelValue": r[1] ||= (e) => Y(Ae.value, e),
+					options: Ae.value.availableOptions || [],
+					activeOptionLimit: Ae.value.activeOptionLimit,
 					placeholderText: "Add to X Axis"
 				}, null, 8, [
 					"modelValue",
 					"options",
 					"activeOptionLimit"
-				])], 40, _p)) : Oe.value ? (D(), i(wo, {
+				])], 40, vp)) : Ae.value ? (D(), i(wo, {
 					key: 1,
 					id: t,
-					"aria-label": `${Oe.value.label} options`,
+					"aria-label": `${Ae.value.label} options`,
 					class: "pv-chart-config-popover",
-					options: Oe.value.availableOptions || [],
-					selectedItems: Q(Oe.value),
-					config: je(Oe.value),
-					singleSelect: !Oe.value.isMultiSelect,
-					disableDeselect: !Oe.value.allowDeselect,
+					options: Ae.value.availableOptions || [],
+					selectedItems: X(Ae.value),
+					config: Z(Ae.value),
+					singleSelect: !Ae.value.isMultiSelect,
+					disableDeselect: !Ae.value.allowDeselect,
 					highlightParentItems: !1,
 					readOnly: e.readOnly,
 					childrenDisplay: "popover",
 					itemClass: "pv-chart-option pv-flex",
 					onKeydown: ie(K(n, ["stop"]), ["esc"]),
-					onHandleSelected: r[2] ||= (e) => de(Oe.value, e)
+					onHandleSelected: r[2] ||= (e) => pe(Ae.value, e)
 				}, null, 8, [
 					"id",
 					"aria-label",
@@ -13447,11 +13528,11 @@ var lp = {
 					"padding-top": "4px",
 					"padding-bottom": "12px"
 				}
-			}, " Chart Configuration ")], -1), s("ul", vp, [(D(!0), o(t, null, A(De.value, (t) => (D(), o("li", {
+			}, " Chart Configuration ")], -1), s("ul", yp, [(D(!0), o(t, null, A(ke.value, (t) => (D(), o("li", {
 				id: `pv-chart-config-${t.value}`,
 				key: t.value,
 				"data-active": S.value === t.value ? !0 : null,
-				"data-dd-action-name": se(t.value),
+				"data-dd-action-name": q(t.value),
 				onMouseenter: (e) => t.disabled ? null : Ie(t.value),
 				onClick: (e) => t.disabled ? null : Ie(t.value)
 			}, [u(R(Wi), {
@@ -13478,9 +13559,9 @@ var lp = {
 				_: 2
 			}, [t.disabled && t.disabledReason ? {
 				name: "content",
-				fn: W(() => [s("div", bp, F(t.disabledReason), 1)]),
+				fn: W(() => [s("div", xp, F(t.disabledReason), 1)]),
 				key: "0"
-			} : void 0]), 1024)], 40, yp))), 128))])]),
+			} : void 0]), 1024)], 40, bp))), 128))])]),
 			_: 1
 		}, 8, ["class"]))], 64)) : a("", !0)])], 2)), [[R(et), [Le, { ignore: [".pv-popover"] }]]]), s("div", {
 			class: "pv-flex pv-space-between",
@@ -13490,18 +13571,18 @@ var lp = {
 			options: re.value,
 			modelValue: R(ne),
 			"onUpdate:modelValue": r[4] ||= (e) => h(ne) ? ne.value = e : null
-		}, null, 8, ["options", "modelValue"])) : a("", !0), e.useCombinedButton ? a("", !0) : (D(), o("div", xp, [(D(!0), o(t, null, A(De.value, (n) => (D(), o(t, { key: n.value }, [n.isMultiSelect && n.activeOptions && n.activeOptionIds ? (D(), i(Oc, {
+		}, null, 8, ["options", "modelValue"])) : a("", !0), e.useCombinedButton ? a("", !0) : (D(), o("div", Sp, [(D(!0), o(t, null, A(ke.value, (n) => (D(), o(t, { key: n.value }, [n.isMultiSelect && n.activeOptions && n.activeOptionIds ? (D(), i(Oc, {
 			key: 0,
 			label: n.label,
 			prefixLabel: n.prefixLabel,
 			modelValue: n.availableOptions.filter((e) => n.activeOptionIds.has(e.id)),
-			"onUpdate:modelValue": (e) => ue(n, e),
+			"onUpdate:modelValue": (e) => de(n, e),
 			options: n.availableOptions,
 			disableSearchInput: !0,
 			disabled: n.disabled || e.readOnly,
 			optionsVariant: "checkbox",
-			optionsRenderer: mp,
-			rumActionName: se(n.value)
+			optionsRenderer: hp,
+			rumActionName: q(n.value)
 		}, null, 8, [
 			"label",
 			"prefixLabel",
@@ -13515,14 +13596,14 @@ var lp = {
 			label: n.label,
 			prefixLabel: n.prefixLabel,
 			modelValue: n.currentOption,
-			"onUpdate:modelValue": [(e) => n.currentOption = e, (e) => X(n, e)],
+			"onUpdate:modelValue": [(e) => n.currentOption = e, (e) => fe(n, e)],
 			options: n.availableOptions,
 			disableSearchInput: !0,
 			disableDeselect: !n.allowDeselect,
 			disabled: n.disabled || e.readOnly,
 			optionsVariant: "icon",
 			childrenDisplay: f.value ? "popover" : "inline",
-			rumActionName: se(n.value)
+			rumActionName: q(n.value)
 		}, null, 8, [
 			"label",
 			"prefixLabel",
@@ -13544,23 +13625,23 @@ var lp = {
 				...R(p)
 			}
 		}, {
-			default: W(() => [Oe.value ? (D(), o(t, { key: 0 }, [Oe.value.isSortableList ? (D(), o("div", Sp, [r[9] ||= s("p", {
+			default: W(() => [Ae.value ? (D(), o(t, { key: 0 }, [Ae.value.isSortableList ? (D(), o("div", Cp, [r[9] ||= s("p", {
 				class: "pv-text-tertiary pv-text-body-sm pv-stack-4",
 				style: {
 					"padding-left": "2px",
 					"padding-bottom": "6px"
 				}
-			}, " Viewing ", -1), u(Qf, {
-				modelValue: Oe.value.activeOptions.value,
-				"onUpdate:modelValue": r[5] ||= (e) => Z(Oe.value, e),
-				options: Oe.value.availableOptions || [],
-				activeOptionLimit: Oe.value.activeOptionLimit,
+			}, " Viewing ", -1), u(If, {
+				modelValue: Ae.value.activeOptions.value,
+				"onUpdate:modelValue": r[5] ||= (e) => Y(Ae.value, e),
+				options: Ae.value.availableOptions || [],
+				activeOptionLimit: Ae.value.activeOptionLimit,
 				placeholderText: "Add to X Axis"
 			}, null, 8, [
 				"modelValue",
 				"options",
 				"activeOptionLimit"
-			])])) : (D(), o("ul", Cp, [(D(!0), o(t, null, A(Oe.value.availableOptions, (t) => (D(), o("li", {
+			])])) : (D(), o("ul", wp, [(D(!0), o(t, null, A(Ae.value.availableOptions, (t) => (D(), o("li", {
 				key: t.id,
 				"data-active": Pe(t)
 			}, [u(mo, {
@@ -13570,8 +13651,8 @@ var lp = {
 				icon: t.icon,
 				context: t.context,
 				disabled: t.disabled || e.readOnly,
-				selectedIds: Oe.value.isMultiSelect ? [...R(V)] : [],
-				"onUpdate:selectedIds": Me,
+				selectedIds: Ae.value.isMultiSelect ? [...R(V)] : [],
+				"onUpdate:selectedIds": Q,
 				onHandleSelected: (e) => Ne(t),
 				"class-list": ["pv-legacy-chart-option", "pv-flex"]
 			}, null, 8, [
@@ -13583,14 +13664,14 @@ var lp = {
 				"disabled",
 				"selectedIds",
 				"onHandleSelected"
-			])], 8, wp))), 128))]))], 64)) : a("", !0)]),
+			])], 8, Tp))), 128))]))], 64)) : a("", !0)]),
 			_: 1
 		}, 8, ["class", "css-custom-properties"])) : a("", !0)], 64));
 	}
 }), [["__scopeId", "data-v-144e816a"]]);
 //#endregion
 //#region src/components/charts/PvDataTableWithChart/scatterAxisUtils.ts
-function Dp(e, t, n, r, i) {
+function Op(e, t, n, r, i) {
 	return i ? {
 		xKey: n,
 		xName: r,
@@ -13603,7 +13684,7 @@ function Dp(e, t, n, r, i) {
 		yName: r
 	};
 }
-var Op = (e, t) => {
+var kp = (e, t) => {
 	if (t.length === 0) return null;
 	let n = Math.max(...t.map((e) => e.bucketMax));
 	for (let r = 0; r < t.length; r++) {
@@ -13614,22 +13695,22 @@ var Op = (e, t) => {
 		}
 	}
 	return null;
-}, kp = (e, t) => {
+}, Ap = (e, t) => {
 	let n = +!!t, r = e + n * 2, i = +!t;
 	return {
 		categoryPadOffset: n,
 		axisMin: 0 - i,
 		axisMax: r + i
 	};
-}, Ap = (e, t) => {
+}, jp = (e, t) => {
 	let { categoryPadOffset: n, axisMin: r, axisMax: i } = t;
 	return (e + n - r) / (i - r);
-}, jp = (e, t) => e.filter((e) => t.has(e.id)).flatMap((e) => e.overlays.filter((e) => !e.excludeFromCrossline).map((t) => ({
+}, Mp = (e, t) => e.filter((e) => t.has(e.id)).flatMap((e) => e.overlays.filter((e) => !e.excludeFromCrossline).map((t) => ({
 	...t,
 	color: t.color ?? e.color,
 	formatValue: t.formatValue ?? e.formatValue,
 	key: `${e.id}-${t.label}`
-}))), Mp = (e, t, n) => {
+}))), Np = (e, t, n) => {
 	let r = /* @__PURE__ */ new Map();
 	return e.filter((e) => !!(e.groupName && t.has(e.id))).forEach((e) => {
 		let t = r.get(e.groupName) ?? {
@@ -13651,32 +13732,28 @@ var Op = (e, t) => {
 			});
 		}), r.set(e.groupName, t);
 	}), [...r.values()];
-}, Np = (e) => !!(e.visible && !e.disabled);
+};
+//#endregion
+//#region src/components/charts/PvDataTableWithChart/useBenchmarkOverlays.ts
 function Pp(e) {
-	let { crosslineOverlayGroups: t, useDistributionV2Styling: n, isHistogramWithBuckets: i, isHorizontalBarChart: a, computedChartData: o, pvChartRef: s, formatValue: c, initialActiveOverlayGroupIds: l } = e, u = k(new Set(l?.value ?? t.value.filter((e) => Np(e)).map((e) => e.id))), d = new Map(t.value.map((e) => [e.id, Np(e)]));
-	U(t, (e) => {
-		let t = new Set(u.value), n = !1;
-		for (let r of e) Np(r) && !d.get(r.id) && (t.add(r.id), n = !0);
-		d = new Map(e.map((e) => [e.id, Np(e)])), n && (u.value = t);
-	});
-	let f = r(() => jp(t.value, u.value)), p = r(() => n.value ? Mp(t.value, u.value, c) : []), m = k(null);
+	let { crosslineOverlayGroups: t, useDistributionV2Styling: n, isHistogramWithBuckets: i, isHorizontalBarChart: a, computedChartData: o, pvChartRef: s, formatValue: c } = e, l = k(new Set(t.value.filter((e) => e.visible && !e.disabled).map((e) => e.id))), u = r(() => Mp(t.value, l.value)), d = r(() => n.value ? Np(t.value, l.value, c) : []), f = k(null);
 	return {
-		activeCrosslineOverlayGroups: u,
-		resolvedCrosslineOverlays: f,
-		chipSections: p,
-		hoveredBenchmarkKey: m,
+		activeCrosslineOverlayGroups: l,
+		resolvedCrosslineOverlays: u,
+		chipSections: d,
+		hoveredBenchmarkKey: f,
 		hoveredCrosslineTooltip: r(() => {
-			if (!m.value || !o.value) return null;
-			let e = f.value.find((e) => e.key === m.value);
+			if (!f.value || !o.value) return null;
+			let e = u.value.find((e) => e.key === f.value);
 			if (!e) return null;
-			let t = Op(e.value, o.value);
+			let t = kp(e.value, o.value);
 			if (t == null) return null;
 			let r = (s.value?.$el)?.querySelector(".ag-charts-series-area")?.getBoundingClientRect();
 			if (!r) return null;
-			let l = Ap(t, kp(o.value.length || 1, i.value && n.value)), u = e.formatValue ? e.formatValue(e.value) : c(e.value);
+			let l = jp(t, Ap(o.value.length || 1, i.value && n.value)), d = e.formatValue ? e.formatValue(e.value) : c(e.value);
 			return a.value ? {
 				label: e.label,
-				value: u,
+				value: d,
 				arrowClass: "ag-charts-tooltip--arrow-left",
 				style: {
 					"--left": `${r.left + 8}px`,
@@ -13686,7 +13763,7 @@ function Pp(e) {
 				}
 			} : {
 				label: e.label,
-				value: u,
+				value: d,
 				arrowClass: "ag-charts-tooltip--arrow-bottom",
 				style: {
 					"--left": `${r.left + l * r.width}px`,
@@ -13795,7 +13872,6 @@ var Fp = { style: {
 		tableConfigOptions: {},
 		customCssProperties: {},
 		crosslineOverlayGroups: {},
-		initialActiveOverlayGroupIds: {},
 		colDefs: {},
 		rowData: {},
 		filterStore: {},
@@ -13924,8 +14000,7 @@ var Fp = { style: {
 		"handle-settings-icon",
 		"focus-update",
 		"chart-collapsed",
-		"table-overlay-change",
-		"active-overlay-group-ids-change"
+		"table-overlay-change"
 	],
 	setup(e, { expose: n, emit: c }) {
 		let l = e, d = c, p = k(null), m = k(null), h = k(null), g = k(null), b = k(l.initialChartCollapsed ?? !1), C = "filter-panel-" + f()?.uid, w = k(!1), E = k(!1), A = k(0), M = r(() => m.value?.availableRowGroupColumns || []), P = k([]), I = r(() => P.value.length > 0 ? P.value[0] : ""), L = (e) => $(e).chartSeriesDisplayName || e.headerName || e.field || "", z = k({}), B = (e) => {
@@ -13942,7 +14017,7 @@ var Fp = { style: {
 				seriesValue: t(e)
 			}));
 		}, H = r(() => {
-			let e = we.value;
+			let e = ke.value;
 			return e.yAxis.hidden && e.yAxis.defaultValue ? [{
 				label: "Count",
 				value: e.yAxis.defaultValue
@@ -14000,39 +14075,59 @@ var Fp = { style: {
 		O(kl, ie);
 		let { setFilterSelectedValues: K } = G, ae = k(!1);
 		O(zl, ae);
-		let q = k(l.isTableGrouped), oe = (e) => {
+		let oe = k(l.isTableGrouped), se = (e) => {
 			d("table-overlay-change", e);
-		}, J = r(() => Pt.value ? !1 : !!(l.emptyChartFilterRenderer && l.requireFiltersToShowData && G.filterModelEmpty.value)), se = r(() => ie?.computedFocusType.value || null), ce = r(() => ie?.computedFocuses.value || []), le = (e) => {
+		}, ce = r(() => Lt.value ? !1 : !!(l.emptyChartFilterRenderer && l.requireFiltersToShowData && G.filterModelEmpty.value)), q = r(() => ie?.computedFocusType.value || null), le = r(() => ie?.computedFocuses.value || []), ue = (e) => {
 			z.value = Object.fromEntries(e.getValueColumns().map((e) => [e.getColId(), e.getAggFunc()]).filter((e) => typeof e[1] == "string"));
+		}, J = k(null), de = (e) => {
+			p.value = e.api, ue(e.api), oe.value || p.value?.setRowGroupColumns([]), l.tableConfigOptions?.enableColumnConfiguration && (J.value = e.api.getAllGridColumns().map((e) => e.getColId())), tt(e.api), d("grid-ready", e);
+		}, fe = (e) => {
+			J.value = e.orderedColIds, d("chart-state-changed", {
+				api: p.value,
+				newState: {
+					orderedColIds: e.orderedColIds,
+					hiddenColIds: e.hiddenColIds
+				},
+				oldState: {
+					orderedColIds: e.previousOrderedColIds,
+					hiddenColIds: e.previousHiddenColIds
+				}
+			});
+		}, pe = (e) => {
+			if (d("column-moved", e), !l.tableConfigOptions?.enableColumnConfiguration || !e.finished || e.source !== "uiColumnMoved") return;
+			let t = e.api.getAllGridColumns().map((e) => e.getColId());
+			d("chart-state-changed", {
+				api: p.value,
+				newState: { orderedColIds: t },
+				oldState: { orderedColIds: J.value }
+			}), J.value = t;
 		}, Y = (e) => {
-			p.value = e.api, le(e.api), q.value || p.value?.setRowGroupColumns([]), Qe(e.api), d("grid-ready", e);
-		}, ue = (e) => {
-			let t = ne(te.value, Ae.value);
-			le(e.api), t?.columnField && Ae.value && (Ae.value = te.value.find((e) => e.columnField === t.columnField)?.value), Qe(e.api), d("column-value-changed", e);
-		}, X = (e) => {
+			let t = ne(te.value, Ne.value);
+			ue(e.api), t?.columnField && Ne.value && (Ne.value = te.value.find((e) => e.columnField === t.columnField)?.value), tt(e.api), d("column-value-changed", e);
+		}, me = (e) => {
 			let t = p.value;
 			!t || t.getColumn(e.columnField)?.getAggFunc() === e.aggFunc || t.applyColumnState({ state: [{
 				colId: e.columnField,
 				aggFunc: e.aggFunc
 			}] });
-		}, de = (e) => {
+		}, he = (e) => {
 			d("first-data-rendered", e);
-		}, Z = (e) => {
+		}, ge = (e) => {
 			let t = P.value, n = e.api.getRowGroupColumns().map((e) => e.getColId());
-			if (q.value && JSON.stringify(t) !== JSON.stringify(n)) {
-				let t = we.value;
-				if (n.length > Te.value) {
-					let t = n.slice(0, Te.value);
+			if (oe.value && JSON.stringify(t) !== JSON.stringify(n)) {
+				let t = ke.value;
+				if (n.length > Ae.value) {
+					let t = n.slice(0, Ae.value);
 					P.value = t, e.api.setRowGroupColumns(t);
 				} else P.value = n;
-				t.yAxis.defaultValue && (ke.value = t.yAxis.defaultValue);
+				t.yAxis.defaultValue && (Q.value = t.yAxis.defaultValue);
 			}
 			d("column-row-group-changed", e);
-		}, fe = async (e) => {
-			Qe(e.api), ae.value && d("filter-changed", e);
+		}, _e = async (e) => {
+			tt(e.api), ae.value && d("filter-changed", e);
 		};
 		U(() => P.value, () => {
-			if (q.value) {
+			if (oe.value) {
 				if (!p.value) return;
 				let e = p.value.getRowGroupColumns().map((e) => e.getColId());
 				JSON.stringify(e) !== JSON.stringify(P.value) && v(() => {
@@ -14042,45 +14137,45 @@ var Fp = { style: {
 				p?.value?.setRowGroupColumns([]);
 			});
 			if (!l.allFieldsAreFocusable) {
-				let e = we.value.supportsFocusView && I.value || null;
+				let e = ke.value.supportsFocusView && I.value || null;
 				ie.setFocusType(e);
 			}
-			p.value && Qe(p.value);
+			p.value && tt(p.value);
 		});
-		function pe(e, t, n = !0) {
+		function ve(e, t, n = !0) {
 			return (r) => {
-				if (r.data = Oe.value?.find((t) => t[e] === r.value), r.value === 123e-6) return "";
-				let i = "", a = he(e);
+				if (r.data = Me.value?.find((t) => t[e] === r.value), r.value === 123e-6) return "";
+				let i = "", a = be(e);
 				if (l.truncateLabelValues && n && a && as(a) && !isNaN(Number(r.value))) {
-					if (Ge.value) {
-						let e = r.datum?.[I.value], t = Q.value?.find((t) => t[I.value] === e)?.[`${ke.value}_sort_total`] || Infinity;
+					if (Je.value) {
+						let e = r.datum?.[I.value], t = Z.value?.find((t) => t[I.value] === e)?.[`${Q.value}_sort_total`] || Infinity;
 						if (r.value / t < .05) return "";
 					}
-					let { newValue: e, newSuffix: t } = es(r.value, Xo.Percent === $(a).dataType, Tt.value);
+					let { newValue: e, newSuffix: t } = es(r.value, Xo.Percent === $(a).dataType, Ot.value);
 					r.value = e, i = t;
 				}
 				let o = r.value;
 				return t && (o = t(r)), o + i;
 			};
 		}
-		let me = (e, t = !1) => {
+		let ye = (e, t = !1) => {
 			if (!e) return;
-			let n = he(e);
-			return n && typeof n.valueFormatter == "function" ? pe(e, n.valueFormatter, t) : pe(e, null, t);
-		}, he = (e) => !e || !p.value ? null : p.value?.getColumnDef(e), ge = r(() => gs(he(I.value))), _e = (e, t) => {
-			let n = he(I.value);
+			let n = be(e);
+			return n && typeof n.valueFormatter == "function" ? ve(e, n.valueFormatter, t) : ve(e, null, t);
+		}, be = (e) => !e || !p.value ? null : p.value?.getColumnDef(e), xe = r(() => gs(be(I.value))), Se = (e, t) => {
+			let n = be(I.value);
 			return n && typeof n.valueFormatter == "function" ? `${n.valueFormatter({ value: e })} - ${n.valueFormatter({ value: t })}` : `${e} - ${t}`;
-		}, ve = (e) => {
-			let t = he(I.value);
+		}, Ce = (e) => {
+			let t = be(I.value);
 			return t && typeof t.valueFormatter == "function" ? t.valueFormatter({ value: e }) : `${e}`;
-		}, ye = r(() => [
+		}, we = r(() => [
 			...P.value.length > 1 ? Bo : zo,
 			Vo,
 			Ho
-		].filter((e) => l.enabledChartTypes?.includes(e.id))), be = k(void 0), xe = k(void 0), Se = k(void 0), Ce = !1, we = r(() => cp(be.value?.id || "")), Te = r(() => Math.min(we.value.rowGroupLimit, l.rowGroupLimit)), Ee = r(() => {
-			let e = we.value.xAxis.filterColumns;
+		].filter((e) => l.enabledChartTypes?.includes(e.id))), Te = k(void 0), Ee = k(void 0), De = k(void 0), Oe = !1, ke = r(() => lp(Te.value?.id || "")), Ae = r(() => Math.min(ke.value.rowGroupLimit, l.rowGroupLimit)), X = r(() => {
+			let e = ke.value.xAxis.filterColumns;
 			return e ? e(M.value) : M.value;
-		}), De = k([{
+		}), je = k([{
 			text: "Ascending",
 			id: "asc",
 			icon: "arrow-up-wide-narrow"
@@ -14088,50 +14183,50 @@ var Fp = { style: {
 			text: "Descending",
 			id: "desc",
 			icon: "arrow-down-narrow-wide"
-		}]), Oe = k([]), Q = k([]), ke = k(l.yKey), Ae = k(te.value[0]?.value), je = r(() => l.crosslineOverlayGroups ?? []), Me = k(null), Ne = k(De.value.find((e) => e.id === l.initialSort || "")), Pe = k("");
-		O(jl, p), O(Ul, Pe), O(Fl, Ee), O(Wl, P), O(Gl, ye), O(Kl, De), O(ql, be), O(Jl, Ne), O(Yl, ke), O(Xl, H), O(Zl, Ae), O(Ql, te), O(tu, je), U(ge, (e) => {
-			e && Ne.value && (Ne.value = void 0);
+		}]), Me = k([]), Z = k([]), Q = k(l.yKey), Ne = k(te.value[0]?.value), Pe = r(() => l.crosslineOverlayGroups ?? []), Fe = k(null), Ie = k(je.value.find((e) => e.id === l.initialSort || "")), Le = k("");
+		O(jl, p), O(Ul, Le), O(Fl, X), O(Wl, P), O(Gl, we), O(Kl, je), O(ql, Te), O(Jl, Ie), O(Yl, Q), O(Xl, H), O(Zl, Ne), O(Ql, te), O(tu, Pe), U(xe, (e) => {
+			e && Ie.value && (Ie.value = void 0);
 		}, { immediate: !0 });
-		let Fe = (e) => {
-			be.value = ye.value.find((t) => t.id === e) ?? ye.value[0];
-		}, Ie = (e) => {
+		let Re = (e) => {
+			Te.value = we.value.find((t) => t.id === e) ?? we.value[0];
+		}, ze = (e) => {
 			let t = P.value.length, n = (e) => {
-				let n = cp(e.id);
+				let n = lp(e.id);
 				return t <= Math.min(n.rowGroupLimit, l.rowGroupLimit);
-			}, r = ye.value.find((t) => t.id === e);
-			return r && n(r) ? r.id : ye.value.find(n)?.id ?? ye.value[0]?.id;
+			}, r = we.value.find((t) => t.id === e);
+			return r && n(r) ? r.id : we.value.find(n)?.id ?? we.value[0]?.id;
 		};
-		U(() => ye.value, () => {
-			let e = Ke.value, t = e !== Ce, n = cp(be.value?.id || ""), r = ye.value.some((e) => e.id === be.value?.id), i = P.value.length > Math.min(n.rowGroupLimit, l.rowGroupLimit);
-			if (Ce = e, r && !i && (!t || !n.storeBeforeChange)) return;
-			let a = Ie((e ? Se?.value : xe?.value) ?? l.chartType);
-			a && Fe(a);
-		}), U(() => l.chartType, (e) => Fe(e)), U(() => l.yKey, (e) => {
-			e !== ke.value && (ke.value = e);
-		}), U(Pe, (e) => {
+		U(() => we.value, () => {
+			let e = Ye.value, t = e !== Oe, n = lp(Te.value?.id || ""), r = we.value.some((e) => e.id === Te.value?.id), i = P.value.length > Math.min(n.rowGroupLimit, l.rowGroupLimit);
+			if (Oe = e, r && !i && (!t || !n.storeBeforeChange)) return;
+			let a = ze((e ? De?.value : Ee?.value) ?? l.chartType);
+			a && Re(a);
+		}), U(() => l.chartType, (e) => Re(e)), U(() => l.yKey, (e) => {
+			e !== Q.value && (Q.value = e);
+		}), U(Le, (e) => {
 			if (l.chartFilter && p.value) {
 				let t = l.chartFilter.colId, n = l.chartFilter.options.find((t) => t.value === e)?.filterValues || null;
 				n && n.length === 0 && (n = null), K(t, n || []);
 				let r = Lu({
 					filterType: "set",
 					values: n
-				}, he(t));
+				}, be(t));
 				p.value.setColumnFilterModel(t, r).then(() => {
 					p.value?.onFilterChanged();
 				});
 			}
 		});
-		let Le = (e) => e?.label ?? "", Re = r(() => Le(ne(H.value, ke.value))), ze = r(() => ne(te.value, Ae.value)), Be = r(() => Le(ze.value)), Ve = r(() => we.value.isHorizontal === !0), He = r(() => P.value.length > 1), Ue = r(() => !be.value || H.value.length === 0 ? [] : we.value.seriesFamily === "pie" ? Ye.value : Je.value), We = r(() => be.value?.id === "histogram" && l.useDistributionV2Styling ? !1 : l.showSeriesLabels), Ge = r(() => be.value?.id.includes("stacked")), Ke = r(() => P.value.length > 1), qe = r(() => be.value?.id === "histogram" && nt.value && nt.value.length > 0 && typeof nt.value[0]?.bucketMin == "number" && typeof nt.value[0]?.bucketMax == "number"), Je = r(() => {
-			let e = Ge.value, t = we.value.agChartType, n = [], r = me(ke.value, !0), i = me(Me.value?.fieldName, !0), a = (e) => t === "line" ? {} : { placement: e };
-			if (He.value) Me.value?.fieldValues.forEach((o) => {
+		let Be = (e) => e?.label ?? "", Ve = r(() => Be(ne(H.value, Q.value))), He = r(() => ne(te.value, Ne.value)), Ue = r(() => Be(He.value)), We = r(() => ke.value.isHorizontal === !0), Ge = r(() => P.value.length > 1), Ke = r(() => !Te.value || H.value.length === 0 ? [] : ke.value.seriesFamily === "pie" ? Qe.value : Ze.value), qe = r(() => Te.value?.id === "histogram" && l.useDistributionV2Styling ? !1 : l.showSeriesLabels), Je = r(() => Te.value?.id.includes("stacked")), Ye = r(() => P.value.length > 1), Xe = r(() => Te.value?.id === "histogram" && at.value && at.value.length > 0 && typeof at.value[0]?.bucketMin == "number" && typeof at.value[0]?.bucketMax == "number"), Ze = r(() => {
+			let e = Je.value, t = ke.value.agChartType, n = [], r = ye(Q.value, !0), i = ye(Fe.value?.fieldName, !0), a = (e) => t === "line" ? {} : { placement: e };
+			if (Ge.value) Fe.value?.fieldValues.forEach((o) => {
 				let s = {
 					type: t,
 					xKey: I.value,
-					yKey: ys(ke.value, o),
+					yKey: ys(Q.value, o),
 					yName: typeof i == "function" ? i({ value: o }) : o,
 					...t === "line" ? {} : { stacked: e },
 					label: {
-						enabled: We.value && t !== "line",
+						enabled: qe.value && t !== "line",
 						color: e ? "white" : "black",
 						fontFamily: "Inter",
 						padding: 5,
@@ -14146,10 +14241,10 @@ var Fp = { style: {
 				let e = {
 					type: t,
 					xKey: I.value,
-					yKey: ke.value,
-					yName: Re.value,
+					yKey: Q.value,
+					yName: Ve.value,
 					label: {
-						enabled: We.value,
+						enabled: qe.value,
 						color: "black",
 						fontFamily: "Inter",
 						padding: 5,
@@ -14163,12 +14258,12 @@ var Fp = { style: {
 			let o = {};
 			if (t === "bar") {
 				let e = o;
-				e.direction = Ve.value ? "horizontal" : "vertical", o = e;
+				e.direction = We.value ? "horizontal" : "vertical", o = e;
 			} else if (t === "line" || t === "area") {
 				let e = o;
 				e.connectMissingData = !0, o = e;
 			}
-			let s = st.value == null ? {} : {
+			let s = ut.value == null ? {} : {
 				fillOpacity: .3,
 				strokeOpacity: .3
 			};
@@ -14176,39 +14271,39 @@ var Fp = { style: {
 				...e,
 				...o,
 				...s
-			})), we.value.yAxis.defaultValue === "groupedRecordCount" && (n = n.map((e) => ({
+			})), ke.value.yAxis.defaultValue === "groupedRecordCount" && (n = n.map((e) => ({
 				...e,
 				tooltip: { renderer: (e) => {
 					let t = String(e.datum[e.xKey] ?? ""), n = e.datum.bucketMin, r = e.datum.bucketMax;
-					return typeof n == "number" && typeof r == "number" && (t = _e(n, r)), {
+					return typeof n == "number" && typeof r == "number" && (t = Se(n, r)), {
 						title: t,
 						content: `Count: ${e.datum[e.yKey]}`
 					};
 				} }
-			}))), Ae.value) {
+			}))), Ne.value) {
 				let t;
-				t = e ? `${Ae.value}${Yo}` : Ae.value;
-				let r = he(I.value)?.context?.metadataDisplayFields?.[0] || I.value, i = Dp(I.value, r, t, Be.value, Ve.value), a = {
+				t = e ? `${Ne.value}${Yo}` : Ne.value;
+				let r = be(I.value)?.context?.metadataDisplayFields?.[0] || I.value, i = Op(I.value, r, t, Ue.value, We.value), a = {
 					type: "scatter",
 					id: "metric-overlay",
-					data: vt.value,
+					data: xt.value,
 					...i,
 					label: { enabled: !1 }
 				};
-				if (ze.value?.tooltipRenderer) {
-					let e = ze.value.tooltipRenderer;
-					a.tooltip = { renderer: Ve.value ? (n) => e({
+				if (He.value?.tooltipRenderer) {
+					let e = He.value.tooltipRenderer;
+					a.tooltip = { renderer: We.value ? (n) => e({
 						...n,
 						xKey: I.value,
 						xName: r,
 						yKey: t,
-						yName: Be.value
+						yName: Ue.value
 					}) : e };
 				}
 				n = [...n, a];
 			}
-			if (qe.value && it.value.length > 0 && nt.value) {
-				let e = nt.value.length, t = Number.isFinite(Tt.value) ? Tt.value : 0, r = {
+			if (Xe.value && ct.value.length > 0 && at.value) {
+				let e = at.value.length, t = Number.isFinite(Ot.value) ? Ot.value : 0, r = {
 					type: "scatter",
 					xKey: "__dummy_x__",
 					yKey: "__dummy_y__",
@@ -14222,20 +14317,20 @@ var Fp = { style: {
 					label: { enabled: !1 },
 					tooltip: { enabled: !1 },
 					visible: !1
-				}, { categoryPadOffset: i } = kp(e, qe.value && l.useDistributionV2Styling), a = {
+				}, { categoryPadOffset: i } = Ap(e, Xe.value && l.useDistributionV2Styling), a = {
 					type: "scatter",
 					xKey: "__dummy_x__",
 					yKey: "__dummy_y__",
-					data: it.value.flatMap((e) => {
-						let t = Op(e.value, nt.value || []);
+					data: ct.value.flatMap((e) => {
+						let t = kp(e.value, at.value || []);
 						if (t === null) return [];
-						let n = t + i, r = Number.isFinite(Tt.value) ? Tt.value : 0, a = me(P.value?.[0]), o = typeof a == "function" ? a({ value: e.value }) : e.value;
+						let n = t + i, r = Number.isFinite(Ot.value) ? Ot.value : 0, a = ye(P.value?.[0]), o = typeof a == "function" ? a({ value: e.value }) : e.value;
 						return Array.from({ length: 30 }, (t, i) => ({
 							value: o,
 							__dummy_x__: n,
 							__dummy_y__: r / 29 * i,
 							__dummy_overlay_label__: e.label,
-							[ke.value]: r
+							[Q.value]: r
 						}));
 					}),
 					size: 15,
@@ -14265,41 +14360,41 @@ var Fp = { style: {
 				];
 			}
 			return n;
-		}), Ye = r(() => H.value.length === 0 ? [] : [{
+		}), Qe = r(() => H.value.length === 0 ? [] : [{
 			type: "pie",
 			legendItemKey: I.value,
-			angleKey: ke.value
+			angleKey: Q.value
 		}]);
-		U(ke, (e, t) => {
+		U(Q, (e, t) => {
 			d("chart-state-changed", {
 				api: p.value,
 				newState: { seriesField: e },
 				oldState: { seriesField: t }
 			});
-		}), U(Ae, (e, t) => {
+		}), U(Ne, (e, t) => {
 			d("chart-state-changed", {
 				api: p.value,
 				newState: { secondarySeriesField: e },
 				oldState: { secondarySeriesField: t }
 			});
-		}), U(be, (e, t) => {
-			e?.id && cp(e.id).storeBeforeChange && (Ke.value ? Se.value = e.id : xe.value = e.id);
-			let n = cp(e?.id || ""), r = cp(t?.id || ""), i = (n.xAxis.filterColumns === r.xAxis.filterColumns ? P.value : tp(P.value, M.value, n.xAxis.filterColumns)).slice(0, Math.min(n.rowGroupLimit, l.rowGroupLimit));
-			ot(i, P.value) || (P.value = i), n.yAxis.defaultValue ? ke.value = n.yAxis.defaultValue : r.yAxis.defaultValue && !n.yAxis.defaultValue && v(() => {
-				l.yKey ? ke.value = l.yKey : H.value.length > 0 && (ke.value = H.value[0].value);
+		}), U(Te, (e, t) => {
+			e?.id && lp(e.id).storeBeforeChange && (Ye.value ? De.value = e.id : Ee.value = e.id);
+			let n = lp(e?.id || ""), r = lp(t?.id || ""), i = (n.xAxis.filterColumns === r.xAxis.filterColumns ? P.value : np(P.value, M.value, n.xAxis.filterColumns)).slice(0, Math.min(n.rowGroupLimit, l.rowGroupLimit));
+			ot(i, P.value) || (P.value = i), n.yAxis.defaultValue ? Q.value = n.yAxis.defaultValue : r.yAxis.defaultValue && !n.yAxis.defaultValue && v(() => {
+				l.yKey ? Q.value = l.yKey : H.value.length > 0 && (Q.value = H.value[0].value);
 			}), d("chart-state-changed", {
 				api: p.value,
 				newState: { chartType: e?.id },
 				oldState: { chartType: t?.id }
 			});
-		}), U(Ee, (e) => {
+		}), U(X, (e) => {
 			if (e.length === 1 && P.value.length === 0) {
 				let t = e[0].field;
 				t && (P.value = [t]);
 			}
 		}), U(H, (e) => {
-			e.length === 1 && !ke.value && (ke.value = e[0].value);
-		}), U(Ne, (e, t) => {
+			e.length === 1 && !Q.value && (Q.value = e[0].value);
+		}), U(Ie, (e, t) => {
 			d("chart-state-changed", {
 				api: p.value,
 				newState: { chartSort: e?.id },
@@ -14311,14 +14406,14 @@ var Fp = { style: {
 				newState: { chartCategoryFields: e },
 				oldState: { chartCategoryFields: t }
 			});
-		}), U(q, (e, t) => {
+		}), U(oe, (e, t) => {
 			d("chart-state-changed", {
 				api: p.value,
 				newState: { tableGrouped: e },
 				oldState: { tableGrouped: t }
 			});
 		}), U(() => l.isTableGrouped, (e, t) => {
-			!p.value || e === t || !l.enableGroupingToggle || Vt(e);
+			!p.value || e === t || !l.enableGroupingToggle || Wt(e);
 		}), U(() => l.initialFocusData, (e, t) => {
 			if (!(ot(e?.focuses, t?.focuses) && e?.focusType == t?.focusType)) {
 				if (!e?.focusType) {
@@ -14328,24 +14423,24 @@ var Fp = { style: {
 				ie.setFocusType(e?.focusType), ie.setFocuses(e?.focuses ?? []);
 			}
 		}, { deep: !0 });
-		let Xe = () => {
-			Oe.value = [], Q.value = [], Me.value = null;
-		}, Ze = (e, t) => {
+		let $e = () => {
+			Me.value = [], Z.value = [], Fe.value = null;
+		}, et = (e, t) => {
 			if (!e || e.length === 0) {
-				Xe();
+				$e();
 				return;
 			}
 			if (t) {
-				let { stackedData: n, uniqueFieldValues: r } = xs(e, I.value, t, $e.value, re.value);
-				Q.value = n, Me.value = {
+				let { stackedData: n, uniqueFieldValues: r } = xs(e, I.value, t, nt.value, re.value);
+				Z.value = n, Fe.value = {
 					fieldName: t,
 					fieldValues: r
 				};
-			} else Q.value = [], Me.value = null;
-			Oe.value = e;
-		}, Qe = (e) => {
+			} else Z.value = [], Fe.value = null;
+			Me.value = e;
+		}, tt = (e) => {
 			let t = ++A.value, n = P.value.length;
-			if (Xe(), E.value = !1, n === 0 || H.value.length === 0 || l.requireFiltersToShowData && G.filterModelEmpty.value) return;
+			if ($e(), E.value = !1, n === 0 || H.value.length === 0 || l.requireFiltersToShowData && G.filterModelEmpty.value) return;
 			if (l.serverSideChartHandler) {
 				let e = G.filterModel.value, n = p.value?.getColumnDefs() || [];
 				if (e === null && l.initialGridState) {
@@ -14353,13 +14448,13 @@ var Fp = { style: {
 					e = (l.enableAdvancedFilter ? t?.filter?.advancedFilterModel : t?.filter?.filterModel) || {};
 				}
 				e ||= {};
-				let r = us(ds(P.value.map((e) => p.value?.getColumn(e)).filter((e) => e !== void 0)), n), i = new Set(n.filter((e) => $(e).chartOnSecondaryAxes === !0).map((e) => e.field).filter(Boolean)), a = p.value?.getValueColumns().filter((e) => e.getColId() === ke.value || i.has(e.getColId())), o = {
+				let r = us(ds(P.value.map((e) => p.value?.getColumn(e)).filter((e) => e !== void 0)), n), i = new Set(n.filter((e) => $(e).chartOnSecondaryAxes === !0).map((e) => e.field).filter(Boolean)), a = p.value?.getValueColumns().filter((e) => e.getColId() === Q.value || i.has(e.getColId())), o = {
 					rowGroupCols: r || [],
 					valueCols: ds(a || []),
 					filterModel: e
 				};
 				E.value = !0, l.serverSideChartHandler(o).then((e) => {
-					t === A.value && (Ze(e.data, e.stackField), E.value = !1);
+					t === A.value && (et(e.data, e.stackField), E.value = !1);
 				}).catch((e) => {
 					t === A.value && (console.error("Chart handler error:", e), E.value = !1);
 				});
@@ -14370,27 +14465,27 @@ var Fp = { style: {
 			if (e.forEachNodeAfterFilterAndSort((e) => {
 				if (e.group && e.level === 0) {
 					if (P.value.length > 1) {
-						let { rowData: t, fieldValues: n } = tt(e, e.childrenAfterFilter?.filter((e) => e.level === 1 && e.aggData) || []);
+						let { rowData: t, fieldValues: n } = it(e, e.childrenAfterFilter?.filter((e) => e.level === 1 && e.aggData) || []);
 						a = a.union(n), i?.push(t);
 					}
-					let t = et(e);
+					let t = rt(e);
 					r?.push(t);
 				}
-			}), Oe.value = r, P.value.length > 1 && i && i.length > 0) {
+			}), Me.value = r, P.value.length > 1 && i && i.length > 0) {
 				let e = P.value[1] || "";
-				Q.value = i, Me.value = {
+				Z.value = i, Fe.value = {
 					fieldName: e,
 					fieldValues: Array.from(a)
 				};
-			} else Q.value = [], Me.value = null;
-		}, $e = r(() => {
+			} else Z.value = [], Fe.value = null;
+		}, nt = r(() => {
 			let e = H.value, t = te.value;
 			return [...new Map([...t, ...e].map((e) => [e.value, e])).values()];
-		}), et = (e) => {
+		}), rt = (e) => {
 			let t = { [e.field]: e.key };
-			for (let n of $e.value) !e.aggData || !e.aggData[n.value] || (t[n.value] = e.aggData[n.value]?.value ?? e.aggData[n.value]);
+			for (let n of nt.value) !e.aggData || !e.aggData[n.value] || (t[n.value] = e.aggData[n.value]?.value ?? e.aggData[n.value]);
 			return t;
-		}, tt = (e, t) => {
+		}, it = (e, t) => {
 			let n = /* @__PURE__ */ new Set(), r = { [e.field]: e.key }, i = 0;
 			for (let a of H.value) t.forEach((t) => {
 				let o = t.key;
@@ -14407,15 +14502,15 @@ var Fp = { style: {
 				rowData: r,
 				fieldValues: n
 			};
-		}, nt = r(() => {
-			let e = He.value ? Q.value : Oe.value, t = null;
-			if (Ne.value && (t = He.value ? `${ke.value}${Yo}` : ke.value), ge.value) e = vs(e, I.value);
-			else if (t && e && Ne.value) {
-				let n = Ne.value?.id.includes("desc") ? -1 : 1;
+		}, at = r(() => {
+			let e = Ge.value ? Z.value : Me.value, t = null;
+			if (Ie.value && (t = Ge.value ? `${Q.value}${Yo}` : Q.value), xe.value) e = vs(e, I.value);
+			else if (t && e && Ie.value) {
+				let n = Ie.value?.id.includes("desc") ? -1 : 1;
 				e = [...e].sort((e, r) => ((e[t] || 0) - (r[t] || 0)) * n);
 			}
-			if (we.value.agChartType === "bar" && (e = Ss(e, I.value)), l.enableFocusView && e && ce.value.length > 0 && se.value) {
-				let t = e?.filter((e) => ce.value.includes(e[I.value])), n = e?.filter((e) => !ce.value.includes(e[I.value]));
+			if (ke.value.agChartType === "bar" && (e = Ss(e, I.value)), l.enableFocusView && e && le.value.length > 0 && q.value) {
+				let t = e?.filter((e) => le.value.includes(e[I.value])), n = e?.filter((e) => !le.value.includes(e[I.value]));
 				e = [
 					...t || [],
 					{ [I.value]: Wo },
@@ -14423,37 +14518,36 @@ var Fp = { style: {
 				];
 			}
 			return e;
-		}), { activeCrosslineOverlayGroups: rt, resolvedCrosslineOverlays: it, chipSections: at, hoveredBenchmarkKey: st, hoveredCrosslineTooltip: ct } = Pp({
-			crosslineOverlayGroups: je,
+		}), { activeCrosslineOverlayGroups: st, resolvedCrosslineOverlays: ct, chipSections: lt, hoveredBenchmarkKey: ut, hoveredCrosslineTooltip: dt } = Pp({
+			crosslineOverlayGroups: Pe,
 			useDistributionV2Styling: r(() => l.useDistributionV2Styling),
-			isHistogramWithBuckets: qe,
-			isHorizontalBarChart: Ve,
-			computedChartData: nt,
+			isHistogramWithBuckets: Xe,
+			isHorizontalBarChart: We,
+			computedChartData: at,
 			pvChartRef: h,
 			formatValue: (e) => {
-				let t = me(P.value?.[0]);
+				let t = ye(P.value?.[0]);
 				return typeof t == "function" ? t({ value: e }) : e;
-			},
-			initialActiveOverlayGroupIds: r(() => l.initialActiveOverlayGroupIds)
+			}
 		});
-		O(eu, rt), U(rt, (e) => d("active-overlay-group-ids-change", [...e]), { deep: !0 });
-		let lt = new Set([qo, Jo]), ut = k(void 0), dt = r(() => be.value?.id === "map"), ft = r(() => ke.value || H.value[0]?.value || "value"), pt = r(() => "600px"), mt = r(() => {
-			let e = I.value, t = ft.value;
-			return !e || !t ? [] : (nt.value ?? []).filter((t) => {
+		O(eu, st);
+		let ft = new Set([qo, Jo]), pt = k(void 0), mt = r(() => Te.value?.id === "map"), ht = r(() => Q.value || H.value[0]?.value || "value"), gt = r(() => "600px"), vt = r(() => {
+			let e = I.value, t = ht.value;
+			return !e || !t ? [] : (at.value ?? []).filter((t) => {
 				let n = String(t?.[e] ?? "");
-				return !lt.has(n) && n !== "--SEPARATOR--";
+				return !ft.has(n) && n !== "--SEPARATOR--";
 			}).map((n) => ({
 				[Uo]: String(n[e] ?? ""),
 				[t]: Number(n[t] ?? 0)
 			}));
-		}), ht = r(() => {
-			let e = ft.value;
+		}), yt = r(() => {
+			let e = ht.value;
 			if (!e) return {
 				min: 0,
 				max: 0
 			};
 			let t = !1, n = Infinity, r = -Infinity;
-			return mt.value.forEach((i) => {
+			return vt.value.forEach((i) => {
 				let a = Number(i[e]);
 				Number.isFinite(a) && (t = !0, n = Math.min(n, a), r = Math.max(r, a));
 			}), t ? {
@@ -14463,18 +14557,18 @@ var Fp = { style: {
 				min: 0,
 				max: 0
 			};
-		}), gt = r(() => {
-			let e = he(ft.value)?.valueFormatter;
+		}), bt = r(() => {
+			let e = be(ht.value)?.valueFormatter;
 			return typeof e == "function" ? (t) => String(e({ value: t }) ?? t) : (e) => e.toLocaleString("en-US");
-		}), vt = r(() => {
-			let e = (nt.value ?? []).filter((e) => {
+		}), xt = r(() => {
+			let e = (at.value ?? []).filter((e) => {
 				let t = e?.[I.value];
-				return !lt.has(String(t));
-			}), t = Ae.value;
-			if (!He.value || !t || !Me.value) return e;
-			let n = he(t);
+				return !ft.has(String(t));
+			}), t = Ne.value;
+			if (!Ge.value || !t || !Fe.value) return e;
+			let n = be(t);
 			if ((typeof n?.aggFunc == "string" ? n.aggFunc : "") === "sum") return e;
-			let r = `${t}${Yo}`, i = Me.value.fieldValues;
+			let r = `${t}${Yo}`, i = Fe.value.fieldValues;
 			return e.map((e) => {
 				let n = e[r];
 				if (typeof n != "number") return e;
@@ -14485,73 +14579,73 @@ var Fp = { style: {
 					[r]: a > 0 ? n / a : null
 				};
 			});
-		}), yt = r(() => nt.value?.length || 0), bt = r(() => l.enableChartScrolling), xt = r(() => cn({
+		}), St = r(() => at.value?.length || 0), Ct = r(() => l.enableChartScrolling), wt = r(() => cn({
 			baseMinHeight: 450,
-			dataCount: yt.value,
-			enableChartScrolling: bt.value,
-			isHorizontalScrollingChart: Ve.value,
+			dataCount: St.value,
+			enableChartScrolling: Ct.value,
+			isHorizontalScrollingChart: We.value,
 			itemHeight: 64
-		})), St = r(() => {
+		})), Tt = r(() => {
 			let e = ln({
-				enableChartScrolling: bt.value,
-				isHorizontalScrollingChart: Ve.value
+				enableChartScrolling: Ct.value,
+				isHorizontalScrollingChart: We.value
 			});
-			if (e) return Ve.value ? {
+			if (e) return We.value ? {
 				...e,
 				maxHeight: "450px"
 			} : e;
-		}), Ct = r(() => un({
-			chartMinHeight: xt.value,
-			dataCount: yt.value,
-			enableChartScrolling: bt.value,
-			isHorizontalScrollingChart: Ve.value,
+		}), Et = r(() => un({
+			chartMinHeight: wt.value,
+			dataCount: St.value,
+			enableChartScrolling: Ct.value,
+			isHorizontalScrollingChart: We.value,
 			minContentWidth: 0,
-			reserveWidth: at.value.length > 0 ? 255 : 0
-		})), wt = r(() => He.value ? Q.value : nt.value), Tt = r(() => Cs(wt.value, ke.value, He.value)), Et = r(() => Ae.value ? Cs(wt.value, Ae.value, He.value) : -Infinity), Dt = r(() => ws(wt.value, ke.value, He.value)), Ot = r(() => Ae.value ? ws(wt.value, Ae.value, He.value) : Infinity), kt = r(() => Me.value?.fieldValues?.length || 0), At = r(() => {
-			let e = .25 * Math.exp(-.12 * yt.value);
+			reserveWidth: lt.value.length > 0 ? 255 : 0
+		})), Dt = r(() => Ge.value ? Z.value : at.value), Ot = r(() => Cs(Dt.value, Q.value, Ge.value)), kt = r(() => Ne.value ? Cs(Dt.value, Ne.value, Ge.value) : -Infinity), At = r(() => ws(Dt.value, Q.value, Ge.value)), jt = r(() => Ne.value ? ws(Dt.value, Ne.value, Ge.value) : Infinity), Mt = r(() => Fe.value?.fieldValues?.length || 0), Nt = r(() => {
+			let e = .25 * Math.exp(-.12 * St.value);
 			return Math.min(Math.max(e, .05), .75);
-		}), jt = r(() => kt.value > 5 ? .5 : 1), Mt = r(() => kt.value > 5 ? .25 : .1), Nt = r(() => !nt.value || nt.value?.length === 0 ? !0 : Tt.value === -Infinity || He.value === !0 && Tt.value === 0), Pt = r(() => !!(l.enableFocusView && se.value && ce.value.length === 0 && l.percentOfFocusViewYKey && ke.value && ke.value === l.percentOfFocusViewYKey)), Ft = r(() => {
-			let e = he(se.value || ""), t = e?.headerName || e?.field || "Compare Field";
+		}), Pt = r(() => Mt.value > 5 ? .5 : 1), Ft = r(() => Mt.value > 5 ? .25 : .1), It = r(() => !at.value || at.value?.length === 0 ? !0 : Ot.value === -Infinity || Ge.value === !0 && Ot.value === 0), Lt = r(() => !!(l.enableFocusView && q.value && le.value.length === 0 && l.percentOfFocusViewYKey && Q.value && Q.value === l.percentOfFocusViewYKey)), Rt = r(() => {
+			let e = be(q.value || ""), t = e?.headerName || e?.field || "Compare Field";
 			return hs({
 				currentRowGroupColumnsLength: P.value.length,
-				shouldShowFocusOverlayText: Pt.value || l.focusRequired && ce.value.length === 0,
-				chartDataEmpty: Nt.value,
+				shouldShowFocusOverlayText: Lt.value || l.focusRequired && le.value.length === 0,
+				chartDataEmpty: It.value,
 				missingFocusText: l.missingFocusText,
 				displayGroupByName: t,
-				yAxisName: Re.value,
+				yAxisName: Ve.value,
 				yAxisOptionCount: ee.value
 			});
-		}), It = r(() => Pt.value || J.value || !l.isLoading && Ft.value !== ""), Lt = r(() => {
+		}), zt = r(() => Lt.value || ce.value || !l.isLoading && Rt.value !== ""), Bt = r(() => {
 			let e = {};
 			e.overlays = { noData: { text: "" } };
-			let t = qe.value && l.useDistributionV2Styling, n = t ? [
+			let t = Xe.value && l.useDistributionV2Styling, n = t ? [
 				{ [I.value]: Go },
-				...nt.value ?? [],
+				...at.value ?? [],
 				{ [I.value]: Ko }
-			] : nt.value;
-			e.data = It.value ? [] : n, e.legend = {
+			] : at.value;
+			e.data = zt.value ? [] : n, e.legend = {
 				toggleSeries: !1,
 				preventHidingAll: !0,
 				enabled: P.value.length > 1
 			};
-			let r = He.value ? Me.value?.fieldValues.map((e) => ys(ke.value, e)) || [] : ke.value ? [ke.value] : [], i = (() => {
-				if (!Ae.value) return [];
-				let e = Ae.value;
-				return Ge.value ? [`${e}${Yo}`] : He.value ? Me.value?.fieldValues.map((t) => ys(e, String(t))) || [] : [e];
-			})(), a = we.value.xAxis.hideLabel === !0 && !t, o = [];
+			let r = Ge.value ? Fe.value?.fieldValues.map((e) => ys(Q.value, e)) || [] : Q.value ? [Q.value] : [], i = (() => {
+				if (!Ne.value) return [];
+				let e = Ne.value;
+				return Je.value ? [`${e}${Yo}`] : Ge.value ? Fe.value?.fieldValues.map((t) => ys(e, String(t))) || [] : [e];
+			})(), a = ke.value.xAxis.hideLabel === !0 && !t, o = [];
 			if (o.push({
 				type: "category",
 				keys: [I.value],
-				position: Ve.value ? "left" : "bottom",
+				position: We.value ? "left" : "bottom",
 				crossLines: [{
 					type: "line",
 					value: Wo,
 					stroke: "#666666",
 					strokeWidth: 1,
 					lineDash: [4, 4],
-					strokeOpacity: st.value == null ? .7 : .15
+					strokeOpacity: ut.value == null ? .7 : .15
 				}],
-				line: { enabled: !qe.value },
+				line: { enabled: !Xe.value },
 				label: {
 					minSpacing: 10,
 					autoRotate: !0,
@@ -14561,23 +14655,23 @@ var Fp = { style: {
 					formatter: Ts({
 						hideLabel: a,
 						showDistributionRangeLabels: !!t,
-						chartData: nt.value,
-						formatBucketBoundary: ve,
-						columnValueFormatter: me(I.value),
+						chartData: at.value,
+						formatBucketBoundary: Ce,
+						columnValueFormatter: ye(I.value),
 						enableFocusView: l.enableFocusView,
-						focuses: ce.value,
+						focuses: le.value,
 						focusText: l.focusText
 					})
 				},
-				paddingInner: At.value,
-				paddingOuter: t ? 0 : jt.value,
-				groupPaddingInner: Mt.value
-			}), qe.value && it.value.length > 0) {
-				let { categoryPadOffset: e, axisMin: n, axisMax: r } = kp(nt.value?.length || 1, t);
+				paddingInner: Nt.value,
+				paddingOuter: t ? 0 : Pt.value,
+				groupPaddingInner: Ft.value
+			}), Xe.value && ct.value.length > 0) {
+				let { categoryPadOffset: e, axisMin: n, axisMax: r } = Ap(at.value?.length || 1, t);
 				o.push({
 					type: "number",
 					keys: ["__dummy_x__"],
-					position: Ve.value ? "left" : "bottom",
+					position: We.value ? "left" : "bottom",
 					crosshair: { enabled: !1 },
 					min: n,
 					max: r,
@@ -14586,11 +14680,11 @@ var Fp = { style: {
 					tick: { enabled: !1 },
 					line: { enabled: !1 },
 					gridLine: { enabled: !1 },
-					crossLines: it.value.map((n) => {
-						if (!nt.value) return null;
-						let r = Op(n.value, nt.value);
+					crossLines: ct.value.map((n) => {
+						if (!at.value) return null;
+						let r = kp(n.value, at.value);
 						if (r == null) return null;
-						let i = st.value != null && n.key === st.value, a = st.value != null && !i;
+						let i = ut.value != null && n.key === ut.value, a = ut.value != null && !i;
 						return {
 							type: "line",
 							value: r + e,
@@ -14602,26 +14696,26 @@ var Fp = { style: {
 					}).filter((e) => e !== null)
 				});
 			}
-			let s = !!Ae.value, c = s ? ze.value?.secondaryAxisMax : void 0, u = s && Number.isFinite(Dt.value) && Dt.value < 0, d = s && Number.isFinite(Ot.value) && Ot.value < 0, f = u || d, p = s ? ms(Tt.value, 5) : 0, m = s ? c ?? ms(Et.value, 5) : 0, h = s && !f && p > 0 && m > 0;
+			let s = !!Ne.value, c = s ? He.value?.secondaryAxisMax : void 0, u = s && Number.isFinite(At.value) && At.value < 0, d = s && Number.isFinite(jt.value) && jt.value < 0, f = u || d, p = s ? ms(Ot.value, 5) : 0, m = s ? c ?? ms(kt.value, 5) : 0, h = s && !f && p > 0 && m > 0;
 			if (o.push({
 				type: "number",
 				keys: r,
-				position: Ve.value ? "bottom" : "left",
+				position: We.value ? "bottom" : "left",
 				...h ? {
 					min: 0,
 					max: p,
 					nice: !1,
 					interval: { step: p / 5 }
 				} : {},
-				label: { formatter: me(ke.value) },
+				label: { formatter: ye(Q.value) },
 				title: {
 					enabled: !0,
-					text: Re.value
+					text: Ve.value
 				}
 			}), s && o.push({
 				type: "number",
 				keys: i,
-				position: Ve.value ? "top" : "right",
+				position: We.value ? "top" : "right",
 				crosshair: { enabled: !1 },
 				...h ? {
 					min: 0,
@@ -14639,11 +14733,11 @@ var Fp = { style: {
 				label: { color: _t },
 				title: {
 					enabled: !0,
-					text: Be.value,
+					text: Ue.value,
 					color: _t
 				}
-			}), qe.value && it.value.length > 0) {
-				let e = Number.isFinite(Tt.value) ? Tt.value : 0;
+			}), Xe.value && ct.value.length > 0) {
+				let e = Number.isFinite(Ot.value) ? Ot.value : 0;
 				o.push({
 					type: "number",
 					keys: ["__dummy_y__"],
@@ -14658,23 +14752,23 @@ var Fp = { style: {
 					gridLine: { enabled: !1 }
 				});
 			}
-			return e.axes = o, e.series = Ue.value, e;
-		}), Rt = r(() => E.value || l.isLoading && (!nt.value || nt.value.length === 0)), zt = r(() => Pt.value || !J.value && !l.isLoading && Ft.value !== ""), Bt = (e) => {
+			return e.axes = o, e.series = Ke.value, e;
+		}), Vt = r(() => E.value || l.isLoading && (!at.value || at.value.length === 0)), Ht = r(() => Lt.value || !ce.value && !l.isLoading && Rt.value !== ""), Ut = (e) => {
 			b.value = e, d("chart-collapsed", e);
-		}, Vt = (e) => {
-			p.value && (p.value.setRowGroupColumns(e ? P.value : []), q.value = e);
+		}, Wt = (e) => {
+			p.value && (p.value.setRowGroupColumns(e ? P.value : []), oe.value = e);
 		};
-		function Ht(e) {
+		function Gt(e) {
 			return e?.hydrate ? m.value?.getFilterValueSelectedMetadataMap({ hydrate: !0 }) : m.value?.getFilterValueSelectedMetadataMap();
 		}
 		return n({
-			getChartImageDataURL: (e) => dt.value ? g.value?.getChartImageDataURL(e) : h.value?.getChartImageDataURL(e),
+			getChartImageDataURL: (e) => mt.value ? g.value?.getChartImageDataURL(e) : h.value?.getChartImageDataURL(e),
 			getCsvData: () => m.value?.getCsvData(),
-			refreshData: (e) => (p.value && Qe(p.value), m.value?.refreshData(e)),
-			getFilterValueSelectedMetadataMap: Ht,
+			refreshData: (e) => (p.value && tt(p.value), m.value?.refreshData(e)),
+			getFilterValueSelectedMetadataMap: Gt,
 			getPvFilterModel: () => m.value?.getPvFilterModel(),
 			setPvFilterModel: (e) => m.value?.setPvFilterModel(e),
-			getChipSections: () => at.value
+			getChipSections: () => lt.value
 		}), S(() => {
 			if (l.initialGridState) {
 				let e = l.initialGridState.rowGroup?.groupColIds || [];
@@ -14696,32 +14790,32 @@ var Fp = { style: {
 						"margin-left": "0.5rem"
 					},
 					variant: "secondary",
-					onClick: r[0] ||= (e) => Bt(!b.value),
+					onClick: r[0] ||= (e) => Ut(!b.value),
 					class: y(e.hideChart || b.value ? "pv-hide" : "")
 				}, null, 8, ["class"]),
 				s("div", { class: y(e.hideChart || !b.value ? "pv-hide" : "pv-space-between") }, [s("div", Lp, [u(Nn, {
 					name: "chart-line",
 					size: 20,
 					class: "pv-text-subdued"
-				}), r[11] ||= s("p", {
+				}), r[10] ||= s("p", {
 					class: "pv-text-body-md pv-text-primary",
 					style: { "font-weight": "500" }
 				}, "Expand to see chart", -1)]), u(Ln, {
 					rightIcon: "chevron-selector",
 					label: "Expand",
 					variant: "secondary",
-					onClick: r[1] ||= (e) => Bt(!b.value)
+					onClick: r[1] ||= (e) => Ut(!b.value)
 				})], 2),
-				s("div", { class: y(e.hideChart || b.value ? "pv-hide" : "") }, [u(Ep, {
-					enablePanel: nt.value != null && nt.value.length > 0,
+				s("div", { class: y(e.hideChart || b.value ? "pv-hide" : "") }, [u(Dp, {
+					enablePanel: at.value != null && at.value.length > 0,
 					chartFilter: e.chartFilter,
-					rowGroupLimit: Te.value,
+					rowGroupLimit: Ae.value,
 					"use-combined-button": l.enableCombinedChartConfigPanel,
 					"use-nested-menu": l.enableNestedChartConfigPanel,
 					"chart-config-options": l.chartConfigPanelOptions,
 					"read-only": l.chartConfigPanelReadOnly,
 					"percent-of-focus-view-y-key": l.percentOfFocusViewYKey,
-					onSeriesAggFuncSelected: X
+					onSeriesAggFuncSelected: me
 				}, null, 8, [
 					"enablePanel",
 					"chartFilter",
@@ -14731,29 +14825,29 @@ var Fp = { style: {
 					"chart-config-options",
 					"read-only",
 					"percent-of-focus-view-y-key"
-				]), s("div", Rp, [R(at).length > 0 ? (D(), i(Bf, {
+				]), s("div", Rp, [R(lt).length > 0 ? (D(), i($f, {
 					key: 0,
-					sections: R(at),
-					onChipHover: r[2] ||= (e) => st.value = e
+					sections: R(lt),
+					onChipHover: r[2] ||= (e) => ut.value = e
 				}, null, 8, ["sections"])) : a("", !0), s("div", {
 					class: "pv-relative pv-margin-auto pv-flex-item",
-					style: x(dt.value ? { height: pt.value } : void 0)
-				}, [dt.value ? (D(), i(Ao, {
+					style: x(mt.value ? { height: gt.value } : void 0)
+				}, [mt.value ? (D(), i(Ao, {
 					key: 0,
 					ref_key: "pvMapChartRef",
 					ref: g,
-					selectedRegion: ut.value,
-					"onUpdate:selectedRegion": r[3] ||= (e) => ut.value = e,
-					chartData: mt.value,
-					seriesKey: ft.value,
-					seriesLabel: Re.value,
+					selectedRegion: pt.value,
+					"onUpdate:selectedRegion": r[3] ||= (e) => pt.value = e,
+					chartData: vt.value,
+					seriesKey: ht.value,
+					seriesLabel: Ve.value,
 					clickable: !1,
 					displayRegionSelector: !1,
-					gradientLegendMin: ht.value.min,
-					gradientLegendMax: ht.value.max,
-					seriesValueFormatter: gt.value,
-					isLoading: Rt.value,
-					noDataMessage: Ft.value
+					gradientLegendMin: yt.value.min,
+					gradientLegendMax: yt.value.max,
+					seriesValueFormatter: bt.value,
+					isLoading: Vt.value,
+					noDataMessage: Rt.value
 				}, null, 8, [
 					"selectedRegion",
 					"chartData",
@@ -14766,59 +14860,60 @@ var Fp = { style: {
 					"noDataMessage"
 				])) : (D(), o("div", {
 					key: 1,
-					class: y(["pv-data-table-with-chart__chart-scroll", { "pv-data-table-with-chart__chart-scroll--enabled pv-scrollbar-visible": bt.value }]),
-					style: x(St.value)
+					class: y(["pv-data-table-with-chart__chart-scroll", { "pv-data-table-with-chart__chart-scroll--enabled pv-scrollbar-visible": Ct.value }]),
+					style: x(Tt.value)
 				}, [s("div", {
 					class: "pv-data-table-with-chart__chart-content",
-					style: x(Ct.value)
+					style: x(Et.value)
 				}, [u(nn, {
 					ref_key: "pvChartRef",
 					ref: h,
-					isLoading: Rt.value,
-					options: Lt.value,
+					isLoading: Vt.value,
+					options: Bt.value,
 					enableFocusView: e.enableFocusView,
-					minHeight: xt.value
+					minHeight: wt.value
 				}, null, 8, [
 					"isLoading",
 					"options",
 					"enableFocusView",
 					"minHeight"
-				]), R(ct) ? (D(), o("div", {
+				]), R(dt) ? (D(), o("div", {
 					key: 0,
-					class: y(["ag-charts-tooltip pv-data-table-with-chart__crossline-tooltip pv-tooltip-v2-content", R(ct).arrowClass]),
+					class: y(["ag-charts-tooltip pv-data-table-with-chart__crossline-tooltip pv-tooltip-v2-content", R(dt).arrowClass]),
 					"data-variant": "white",
-					style: x(R(ct).style)
-				}, [s("div", zp, [s("div", Bp, F(R(ct).label), 1), s("div", Vp, F(R(ct).value), 1)])], 6)) : a("", !0)], 4)], 6)), dt.value ? a("", !0) : (D(), o("div", Hp, [J.value ? (D(), o("div", Up, [(D(), i(N(e.emptyChartFilterRenderer)))])) : zt.value ? (D(), o("p", Wp, F(Ft.value), 1)) : a("", !0)]))], 4)])], 2)
+					style: x(R(dt).style)
+				}, [s("div", zp, [s("div", Bp, F(R(dt).label), 1), s("div", Vp, F(R(dt).value), 1)])], 6)) : a("", !0)], 4)], 6)), mt.value ? a("", !0) : (D(), o("div", Hp, [ce.value ? (D(), o("div", Up, [(D(), i(N(e.emptyChartFilterRenderer)))])) : Ht.value ? (D(), o("p", Wp, F(Rt.value), 1)) : a("", !0)]))], 4)])], 2)
 			])),
 			u(wf, _({
 				ref_key: "pvDataTableRef",
 				ref: m
 			}, n.$props, {
 				filterTeleportLocation: w.value ? `#${C}` : void 0,
-				pagination: e.pagination || !q.value,
-				onColumnRowGroupChanged: Z,
-				onColumnValueChanged: ue,
-				onGridReady: Y,
-				onFilterChanged: fe,
+				pagination: e.pagination || !oe.value,
+				onColumnRowGroupChanged: ge,
+				onColumnValueChanged: Y,
+				onGridReady: de,
+				onFilterChanged: _e,
 				onSortChanged: r[5] ||= (e) => d("sort-changed", e),
 				onFilterOpened: r[6] ||= (e) => d("filter-opened", e),
-				onFirstDataRendered: de,
-				onColumnMoved: r[7] ||= (e) => d("column-moved", e),
-				onColumnResized: r[8] ||= (e) => d("column-resized", e),
-				onHandleSettingsIcon: r[9] ||= (e) => d("handle-settings-icon", e),
-				onFocusUpdate: r[10] ||= (e) => d("focus-update", e)
+				onFirstDataRendered: he,
+				onColumnMoved: pe,
+				onColumnResized: r[7] ||= (e) => d("column-resized", e),
+				onHandleSettingsIcon: r[8] ||= (e) => d("handle-settings-icon", e),
+				onFocusUpdate: r[9] ||= (e) => d("focus-update", e)
 			}), {
-				"top-slot": W(() => [e.enableGroupingToggle ? (D(), o(t, { key: 0 }, [e.tableConfigOptions ? (D(), i(Nf, {
+				"top-slot": W(() => [e.enableGroupingToggle ? (D(), o(t, { key: 0 }, [e.tableConfigOptions ? (D(), i(Kf, {
 					key: 0,
-					groupedModeEnabled: q.value,
+					groupedModeEnabled: oe.value,
 					tableConfigOptions: l.tableConfigOptions,
-					onToggleGroup: Vt,
-					onTableOverlayChange: oe
+					onToggleGroup: Wt,
+					onTableOverlayChange: se,
+					onColumnConfigChange: fe
 				}, null, 8, ["groupedModeEnabled", "tableConfigOptions"])) : (D(), i(Ln, {
 					key: 1,
-					leftIcon: q.value ? "ungroup" : "group",
-					label: q.value ? "Ungroup Table" : "Group Table to Match Chart",
-					onClick: r[4] ||= (e) => Vt(!q.value),
+					leftIcon: oe.value ? "ungroup" : "group",
+					label: oe.value ? "Ungroup Table" : "Group Table to Match Chart",
+					onClick: r[4] ||= (e) => Wt(!oe.value),
 					variant: "secondary",
 					size: "lg"
 				}, null, 8, ["leftIcon", "label"]))], 64)) : a("", !0), j(n.$slots, "top-slot")]),