@turquoisehealth/pit-viper 2.258.0 → 2.258.1

package/pv-components/dist/web/components/pv-filter-panel/pv-filter-panel.js

@@ -1,5 +1,5 @@
 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, defineCustomElement as f, getCurrentInstance as p, getCurrentScope as m, guardReactiveProps as h, inject as g, mergeModels as _, mergeProps as v, nextTick as y, normalizeClass as b, normalizeProps as x, normalizeStyle as S, onBeforeUnmount as C, onBeforeUpdate as w, onMounted as T, onScopeDispose as E, onUnmounted as D, onUpdated as O, openBlock as k, reactive as A, readonly as j, ref as M, renderList as N, renderSlot as ee, resolveDynamicComponent as P, shallowReactive as F, shallowRef as I, toDisplayString as L, toValue as R, unref as z, useAttrs as te, useId as ne, useModel as re, useSlots as B, useTemplateRef as ie, vModelCheckbox as ae, vModelText as V, vShow as oe, watch as H, watchEffect as se, withCtx as U, withDirectives as ce, withKeys as W, withModifiers as le } 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, defineCustomElement as f, getCurrentInstance as p, getCurrentScope as m, guardReactiveProps as h, inject as g, mergeModels as _, mergeProps as v, nextTick as y, normalizeClass as b, normalizeProps as x, normalizeStyle as S, onBeforeUnmount as C, onBeforeUpdate as w, onMounted as T, onScopeDispose as E, onUnmounted as ee, onUpdated as D, openBlock as O, reactive as k, readonly as A, ref as j, renderList as M, renderSlot as N, resolveDynamicComponent as P, shallowReactive as F, shallowRef as I, toDisplayString as L, toValue as R, unref as z, useAttrs as B, useId as te, useModel as ne, useSlots as V, useTemplateRef as re, vModelCheckbox as ie, vModelText as ae, vShow as oe, watch as H, watchEffect as se, withCtx as U, withDirectives as ce, withKeys as W, withModifiers as le } from "vue";
 //#region \0rolldown/runtime.js
 var ue = Object.defineProperty, de = Object.getOwnPropertyDescriptor, G = Object.getOwnPropertyNames, K = Object.prototype.hasOwnProperty, fe = (e, t) => {
 	let n = {};
@@ -38,7 +38,7 @@ var ue = Object.defineProperty, de = Object.getOwnPropertyDescriptor, G = Object
 			dark: "pv-spinner-dark",
 			white: "pv-spinner-light"
 		};
-		return (r, i) => (k(), o("div", {
+		return (r, i) => (O(), o("div", {
 			"data-testid": "pv-spinner",
 			class: b(n[e.variant]),
 			style: S({ "--size": t[e.size] })
@@ -52,7 +52,7 @@ var ue = Object.defineProperty, de = Object.getOwnPropertyDescriptor, G = Object
 //#endregion
 //#region src/web-components/utils.ts
 function _e() {
-	let e = M(!1), t = p()?.root || {};
+	let e = j(!1), t = p()?.root || {};
 	return "isCE" in t && t.isCE === !0 && (e.value = !0), e;
 }
 //#endregion
@@ -72,11 +72,11 @@ var ve = [
 		size: { type: null }
 	},
 	setup(e) {
-		let t = e, n = _e(), i = M(null), a = r(() => ({
+		let t = e, n = _e(), i = j(null), a = r(() => ({
 			"pv-icon": !0,
 			[`pv-icon-${t.size}`]: t.size != null && ve.includes(t.size)
 		})), c = r(() => n.value && i.value ? `${i.value}#${t.name}` : `#${t.name}`);
-		return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (i.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (e, t) => (k(), o("svg", {
+		return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (i.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (e, t) => (O(), o("svg", {
 			"data-testid": "pv-icon",
 			"aria-hidden": "true",
 			class: b(a.value)
@@ -116,7 +116,7 @@ var ve = [
 			"pv-surface": t.variant == "ghost",
 			"pv-rounded": t.rounded
 		}));
-		return (e, t) => (k(), o("div", {
+		return (e, t) => (O(), o("div", {
 			class: b(i.value),
 			"data-testid": "pv-counter-badge"
 		}, L(n.value), 3));
@@ -165,33 +165,33 @@ var ve = [
 			let t = ge(n.size);
 			return t && e.push(t), e;
 		});
-		return (n, r) => (k(), o("button", {
+		return (n, r) => (O(), o("button", {
 			type: "button",
 			class: b(c.value),
 			disabled: e.disabled,
 			"aria-label": s.value,
 			"data-testid": "pv-button"
-		}, [e.loading ? (k(), i(he, {
+		}, [e.loading ? (O(), i(he, {
 			key: 0,
 			size: "sm"
-		})) : (k(), o(t, { key: 1 }, [
-			e.leftCounterBadge ? (k(), i(we, {
+		})) : (O(), o(t, { key: 1 }, [
+			e.leftCounterBadge ? (O(), i(we, {
 				key: 0,
 				value: e.leftCounterBadge,
 				variant: "tertiary"
 			}, null, 8, ["value"])) : a("v-if", !0),
-			e.leftIcon ? (k(), i(be, {
+			e.leftIcon ? (O(), i(be, {
 				key: 1,
 				name: e.leftIcon,
 				"data-testid": "pv-button-left-icon"
 			}, null, 8, ["name"])) : a("v-if", !0),
-			e.label ? (k(), o("span", Ee, L(e.label), 1)) : a("v-if", !0),
-			e.rightCounterBadge ? (k(), i(we, {
+			e.label ? (O(), o("span", Ee, L(e.label), 1)) : a("v-if", !0),
+			e.rightCounterBadge ? (O(), i(we, {
 				key: 3,
 				value: e.rightCounterBadge,
 				variant: "tertiary"
 			}, null, 8, ["value"])) : a("v-if", !0),
-			e.rightIcon ? (k(), i(be, {
+			e.rightIcon ? (O(), i(be, {
 				key: 4,
 				name: e.rightIcon,
 				"data-testid": "pv-button-right-icon"
@@ -236,7 +236,7 @@ var ve = [
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = e, n = r(() => t.position === "center" ? "position: fixed; inset-block: 0; height: fit-content; margin-block: auto" : void 0), i = ie("dialog"), c = re(e, "modelValue");
+		let t = e, n = r(() => t.position === "center" ? "position: fixed; inset-block: 0; height: fit-content; margin-block: auto" : void 0), i = re("dialog"), c = ne(e, "modelValue");
 		H(() => c.value, () => {
 			c.value ? i.value?.showModal() : i.value?.close();
 		});
@@ -245,13 +245,13 @@ var ve = [
 		}, u = (e) => {
 			!t.disableCloseOnClickOutside && e.target === i.value && l();
 		};
-		return (t, r) => (k(), o("dialog", {
+		return (t, r) => (O(), o("dialog", {
 			class: "pv-modal-sm",
 			ref: "dialog",
 			style: S(n.value),
 			onClose: l,
 			onClick: u
-		}, [s("div", De, [e.hideHeader ? a("v-if", !0) : (k(), o("div", Oe, [s("span", X, L(e.header), 1), e.subheader ? (k(), o("span", ke, L(e.subheader), 1)) : a("v-if", !0)])), ee(t.$slots, "body")]), e.hideFooter ? a("v-if", !0) : (k(), o("div", Ae, [ee(t.$slots, "footer")]))], 36));
+		}, [s("div", De, [e.hideHeader ? a("v-if", !0) : (O(), o("div", Oe, [s("span", X, L(e.header), 1), e.subheader ? (O(), o("span", ke, L(e.subheader), 1)) : a("v-if", !0)])), N(t.$slots, "body")]), e.hideFooter ? a("v-if", !0) : (O(), o("div", Ae, [N(t.$slots, "footer")]))], 36));
 	}
 });
 //#endregion
@@ -574,7 +574,7 @@ var lt = { class: "pv-relative" }, ut = ["disabled", "placeholder"], dt = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e, { expose: t }) {
-		let n = e, i = ie("search-input"), c = re(e, "modelValue"), l = r(() => ({
+		let n = e, i = re("search-input"), c = ne(e, "modelValue"), l = r(() => ({
 			"pv-input-search": !0,
 			"pv-full-width": !0,
 			"pv-input-padded-end": !0,
@@ -585,7 +585,7 @@ var lt = { class: "pv-relative" }, ut = ["disabled", "placeholder"], dt = {
 				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()));
 			});
-		}), t({ input: i }), (t, n) => (k(), o("div", lt, [ce(s("input", {
+		}), t({ input: i }), (t, n) => (O(), o("div", lt, [ce(s("input", {
 			ref: "search-input",
 			"onUpdate:modelValue": n[0] ||= (e) => c.value = e,
 			"data-testid": "pv-search-input",
@@ -593,7 +593,7 @@ var lt = { class: "pv-relative" }, ut = ["disabled", "placeholder"], dt = {
 			disabled: e.disabled,
 			class: b(l.value),
 			placeholder: e.placeholder
-		}, null, 10, ut), [[V, c.value]]), e.displayShortcut ? (k(), o("kbd", dt, L(ft))) : a("v-if", !0)]));
+		}, null, 10, ut), [[ae, c.value]]), e.displayShortcut ? (O(), o("kbd", dt, L(ft))) : a("v-if", !0)]));
 	}
 }), [["styles", [".pv-input-search[data-v-9e0c84d9]{display:block}"]], ["__scopeId", "data-v-9e0c84d9"]]), mt = Math.min, ht = Math.max, gt = Math.round, _t = (e) => ({
 	x: e,
@@ -1380,11 +1380,11 @@ function ur(e, t, { useShadowSlot: n = !0, countWhitespaceTextInDefaultSlot: r =
 	return a ? cr(a, t, r) : or(e, t, r);
 }
 function dr(e, t = {}) {
-	let { host: n, vueSlots: i, observe: a = !0, listenSlotChange: o = !0, countWhitespaceTextInDefaultSlot: s = !1 } = t, c = _e(), l = i ?? B(), u = e === "default" || e === "" ? "default" : e, d = () => !!l && !!l[u], f = M(d());
+	let { host: n, vueSlots: i, observe: a = !0, listenSlotChange: o = !0, countWhitespaceTextInDefaultSlot: s = !1 } = t, c = _e(), l = i ?? V(), u = e === "default" || e === "" ? "default" : e, d = () => !!l && !!l[u], f = j(d());
 	w(() => {
 		f.value = d();
 	});
-	let p = M(!1), m = null, h = null, g = () => {
+	let p = j(!1), m = null, h = null, g = () => {
 		m &&= (m.disconnect(), null), h &&= (h.removeEventListener("slotchange", _), null);
 	}, _ = () => {
 		if (!c.value) {
@@ -1430,7 +1430,7 @@ function dr(e, t = {}) {
 var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 	let n = t.root.value;
 	return n ? !!(e.root.value?.contains(n) || e.floating?.value?.contains(n) || e.hoverArea?.value?.contains(n)) : !1;
-}, mr = (e) => (D(() => fr.delete(e)), (t) => {
+}, mr = (e) => (ee(() => fr.delete(e)), (t) => {
 	if (!t) {
 		fr.delete(e);
 		return;
@@ -1509,13 +1509,13 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = e, c = re(e, "modelValue"), l = p(), u = typeof HTMLElement < "u" && l && "ce" in l && l.ce instanceof HTMLElement ? l.ce : void 0, { hasVueSlot: d, hasNativeSlot: f } = dr("content", { host: u }), m = r(() => u ? f.value : d.value), h = typeof HTMLElement < "u" && typeof HTMLElement.prototype.showPopover == "function" && typeof CSS < "u" && typeof CSS.supports == "function" && [
+		let t = e, c = ne(e, "modelValue"), l = p(), u = typeof HTMLElement < "u" && l && "ce" in l && l.ce instanceof HTMLElement ? l.ce : void 0, { hasVueSlot: d, hasNativeSlot: f } = dr("content", { host: u }), m = r(() => u ? f.value : d.value), h = typeof HTMLElement < "u" && typeof HTMLElement.prototype.showPopover == "function" && typeof CSS < "u" && typeof CSS.supports == "function" && [
 			"anchor-name: --pv-anchor",
 			"position-area: bottom",
 			"position-try-fallbacks: flip-block",
 			"position-visibility: anchors-visible",
 			`anchor-scope: ${gr}`
-		].every((e) => CSS.supports(e)), g = M(!1), _ = M(null), v = M(null), b = M(null), x = M(null), C = r(() => t.hoverTarget && v.value?.closest(t.hoverTarget) || v.value), w = ct(C), E = ct(x), O = M(!1), A = M(!1), j = M(!1), N = mr({
+		].every((e) => CSS.supports(e)), g = j(!1), _ = j(null), v = j(null), b = j(null), x = j(null), C = r(() => t.hoverTarget && v.value?.closest(t.hoverTarget) || v.value), w = ct(C), E = ct(x), D = j(!1), k = j(!1), A = j(!1), M = mr({
 			root: _,
 			floating: x,
 			hoverArea: r(() => t.hoverTarget ? C.value : null),
@@ -1576,7 +1576,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 			width: "fit-content",
 			...h ? { "anchor-scope": gr } : void 0,
 			...t.cssCustomProperties
-		})), R = r(() => h ? { "anchor-name": gr } : void 0), te = r(() => {
+		})), R = r(() => h ? { "anchor-name": gr } : void 0), B = r(() => {
 			let e = F[t.position];
 			return {
 				"position-anchor": gr,
@@ -1584,7 +1584,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 				"position-try-fallbacks": t.disableAutoPlacement ? void 0 : "flip-block, flip-inline, flip-block flip-inline",
 				[e.margin]: `${t.offset ?? 0}px`
 			};
-		}), ne = () => {}, B = () => ({});
+		}), te = () => {}, V = () => ({});
 		if (!h) {
 			let e = [];
 			t.disableAutoPlacement || e.push(qn({ fallbackStrategy: "initialPlacement" })), t.offset && e.push(Kn(t.offset));
@@ -1593,9 +1593,9 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 				strategy: t.positioningStrategy,
 				middleware: e
 			});
-			ne = n.update, B = () => n.floatingStyles.value;
+			te = n.update, V = () => n.floatingStyles.value;
 			let i = st(b), a = /* @__PURE__ */ Ge(() => {
-				c.value && ne();
+				c.value && te();
 			}, 5);
 			H([
 				i.top,
@@ -1610,47 +1610,47 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 				...t.ignoreClickOutsideClasses?.map((e) => `.${e}`) ?? []
 			]) });
 		}
-		let ie = r(() => ({
-			...B(),
+		let re = r(() => ({
+			...V(),
 			zIndex: t.zIndex
-		})), ae, V, se = () => {
-			ae && clearTimeout(ae), ae = void 0;
+		})), ie, ae, se = () => {
+			ie && clearTimeout(ie), ie = void 0;
 		}, U = () => {
-			V && clearTimeout(V), V = void 0;
+			ae && clearTimeout(ae), ae = void 0;
 		}, W = (e) => {
-			se(), U(), !(e && (t.disabled || !m.value)) && (e && t.delay > 0 && (t.showOnHover || !h) ? ae = setTimeout(() => {
-				c.value = !0, ae = void 0;
+			se(), U(), !(e && (t.disabled || !m.value)) && (e && t.delay > 0 && (t.showOnHover || !h) ? ie = setTimeout(() => {
+				c.value = !0, ie = void 0;
 			}, t.delay) : c.value = e);
 		}, le = () => {
 			se(), U(), c.value = !1;
 		}, ue = () => {
 			let e = x.value;
 			!e || !g.value || !m.value || (c.value ? e.showPopover() : e.hidePopover());
-		}, de = r(() => !!c.value && (E.value || A.value)), G = r(() => !t.showOnHover || j.value ? !1 : t.disableInteractive ? w.value || O.value : w.value || O.value || de.value);
+		}, de = r(() => !!c.value && (E.value || k.value)), G = r(() => !t.showOnHover || A.value ? !1 : t.disableInteractive ? w.value || D.value : w.value || D.value || de.value);
 		H([
 			w,
-			O,
-			A
+			D,
+			k
 		], ([e, t, n]) => {
-			!e && !t && !n && (j.value = !1);
+			!e && !t && !n && (A.value = !1);
 		});
 		let K = ({ target: e }) => {
-			O.value = !t.disabled && e instanceof HTMLElement && e.matches(":focus-visible");
+			D.value = !t.disabled && e instanceof HTMLElement && e.matches(":focus-visible");
 		}, fe = ({ target: e }) => {
-			A.value = !t.disabled && e instanceof HTMLElement && e.matches(":focus-visible");
+			k.value = !t.disabled && e instanceof HTMLElement && e.matches(":focus-visible");
 		}, pe = () => {
-			A.value = !1;
+			k.value = !1;
 		}, me = () => {
 			if (t.showOnHover) {
 				if (t.disableClickOutsideToClose) return;
-				if (!c.value && !ae && t.enableClickToggle) {
-					j.value = !1, W(!0);
+				if (!c.value && !ie && t.enableClickToggle) {
+					A.value = !1, W(!0);
 					return;
 				}
-				j.value = !0, le();
+				A.value = !0, le();
 				return;
 			}
-			W(ae ? !1 : !c.value);
+			W(ie ? !1 : !c.value);
 		}, he = (e) => {
 			let t = e.newState === "open";
 			c.value !== t && (c.value = t);
@@ -1658,8 +1658,8 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 			h && I.value === "manual" && e.key === "Escape" && c.value && (e.preventDefault(), e.stopPropagation(), W(!1));
 		};
 		return H(c, async (e) => {
-			if (t.showOnHover && t.enableGroupSync && N(!!e), !h) {
-				e && ne();
+			if (t.showOnHover && t.enableGroupSync && M(!!e), !h) {
+				e && te();
 				return;
 			}
 			await y(), ue();
@@ -1669,23 +1669,23 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 					W(!0);
 					return;
 				}
-				se(), t.closeDelay > 0 ? (U(), V = setTimeout(() => {
-					V = void 0, G.value || W(!1);
+				se(), t.closeDelay > 0 ? (U(), ae = setTimeout(() => {
+					ae = void 0, G.value || W(!1);
 				}, t.closeDelay)) : W(!1);
 			}
 		}), H(m, (e) => {
 			e ? h && c.value && y(ue) : le();
 		}), T(() => {
-			b.value = v.value, g.value = !0, c.value && y(() => h ? ue() : ne());
-		}), D(() => {
+			b.value = v.value, g.value = !0, c.value && y(() => h ? ue() : te());
+		}), ee(() => {
 			se(), U();
 		}), H(() => t.disabled, (e) => {
 			if (!e) {
 				G.value && W(!0);
 				return;
 			}
-			O.value &&= !1, A.value &&= !1, W(!1);
-		}), (r, l) => (k(), o("div", {
+			D.value &&= !1, k.value &&= !1, W(!1);
+		}), (r, l) => (O(), o("div", {
 			ref_key: "root",
 			ref: _,
 			style: S(L.value),
@@ -1696,18 +1696,18 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 			style: S(R.value),
 			onClick: me,
 			onFocusin: K,
-			onFocusout: l[0] ||= (e) => O.value = !1
-		}, [ee(r.$slots, "trigger")], 36), g.value && z(h) && m.value ? (k(), o("div", {
+			onFocusout: l[0] ||= (e) => D.value = !1
+		}, [N(r.$slots, "trigger")], 36), g.value && z(h) && m.value ? (O(), o("div", {
 			key: 0,
 			ref_key: "floating",
 			ref: x,
 			class: "pv-floating pv-floating-native",
 			popover: I.value,
-			style: S(te.value),
+			style: S(B.value),
 			onToggle: he,
 			onFocusin: fe,
 			onFocusout: pe
-		}, [e.disabled ? a("v-if", !0) : ee(r.$slots, "content", { key: 0 })], 44, hr)) : m.value ? (k(), i(n, {
+		}, [e.disabled ? a("v-if", !0) : N(r.$slots, "content", { key: 0 })], 44, hr)) : m.value ? (O(), i(n, {
 			key: 1,
 			to: e.teleportLocation,
 			disabled: !t.useTeleport || e.disabled
@@ -1715,10 +1715,10 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 			ref_key: "floating",
 			ref: x,
 			class: "pv-floating",
-			style: S(ie.value),
+			style: S(re.value),
 			onFocusin: fe,
 			onFocusout: pe
-		}, [ee(r.$slots, "content")], 36), [[oe, c.value]])], 8, ["to", "disabled"])) : a("v-if", !0)], 36));
+		}, [N(r.$slots, "content")], 36), [[oe, c.value]])], 8, ["to", "disabled"])) : a("v-if", !0)], 36));
 	}
 }), vr = ["data-variant"], yr = /* @__PURE__ */ d({
 	__name: "PvTooltipV2",
@@ -1766,8 +1766,8 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 	},
 	setup(e) {
 		let t = e, n = p(), a = typeof HTMLElement < "u" && n && "ce" in n && n.ce instanceof HTMLElement ? n.ce : void 0, { hasVueSlot: o, hasNativeSlot: u } = dr("content", { host: a }), d = r(() => a ? u.value : o.value), f = r(() => !!t.description || d.value);
-		return (t, n) => (k(), i(_r, x(h(t.$props)), c({
-			trigger: U(() => [ee(t.$slots, "trigger", {}, () => [s("p", null, L(e.label), 1)])]),
+		return (t, n) => (O(), i(_r, x(h(t.$props)), c({
+			trigger: U(() => [N(t.$slots, "trigger", {}, () => [s("p", null, L(e.label), 1)])]),
 			_: 2
 		}, [f.value ? {
 			name: "content",
@@ -1775,7 +1775,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 				class: b(["pv-tooltip-v2-content", { "pv-tooltip-v2-content-small": e.size === "sm" }]),
 				role: "tooltip",
 				"data-variant": e.variant
-			}, [ee(t.$slots, "content", {}, () => [l(L(e.description), 1)])], 10, vr)]),
+			}, [N(t.$slots, "content", {}, () => [l(L(e.description), 1)])], 10, vr)]),
 			key: "0"
 		} : void 0]), 1040));
 	}
@@ -1796,10 +1796,10 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let n = re(e, "modelValue"), r = (e) => {
+		let n = ne(e, "modelValue"), r = (e) => {
 			e.disabled || (n.value = e.value);
 		};
-		return (a, s) => (k(), o("div", { class: b(["pv-segmented-control", { "pv-segmented-control-large": e.size === "xl" }]) }, [(k(!0), o(t, null, N(e.options, (e) => (k(), i(yr, {
+		return (a, s) => (O(), o("div", { class: b(["pv-segmented-control", { "pv-segmented-control-large": e.size === "xl" }]) }, [(O(!0), o(t, null, M(e.options, (e) => (O(), i(yr, {
 			key: e.value,
 			variant: "dark",
 			position: "bottom-right",
@@ -1861,7 +1861,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 				default: return "";
 			}
 		});
-		return (t, r) => (k(), o("button", {
+		return (t, r) => (O(), o("button", {
 			class: b(["pv-suggestion-tag pv-border-dashed pv-tag-secondary", n.value]),
 			onClick: r[0] ||= (n) => t.$emit("handle-click", e.label),
 			"data-testid": "pv-suggestion-tag",
@@ -1869,7 +1869,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 			"data-style": e.rounded ? "rounded" : void 0,
 			disabled: e.disabled,
 			title: e.label
-		}, [e.icon ? (k(), i(be, {
+		}, [e.icon ? (O(), i(be, {
 			key: 0,
 			"data-testid": "pv-suggestion-tag-icon",
 			name: e.icon,
@@ -1893,8 +1893,8 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = re(e, "modelValue");
-		return (n, r) => ce((k(), o("input", {
+		let t = ne(e, "modelValue");
+		return (n, r) => ce((O(), o("input", {
 			"onUpdate:modelValue": r[0] ||= (e) => t.value = e,
 			class: "pv-checkbox",
 			type: "checkbox",
@@ -1902,7 +1902,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 			"aria-label": e.ariaLabel,
 			disabled: e.disabled,
 			indeterminate: e.indeterminate
-		}, null, 8, wr)), [[ae, t.value]]);
+		}, null, 8, wr)), [[ie, t.value]]);
 	}
 }), Er = {
 	key: 0,
@@ -2058,22 +2058,22 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 	}),
 	emits: ["update:modelValue", "update:rangeValue"],
 	setup(e) {
-		let t = e, n = re(e, "modelValue"), c = re(e, "rangeValue"), l = te(), u = ne(), d = `${u}-max`, f = `${u}-min`, p = M(""), m = M(""), h = M(null), g = M(null), _ = M(!1), y = M(null), x = null, w = null, T = (e) => typeof e == "number" && Number.isFinite(e), E = (e) => T(e) ? e : null, D = (e) => {
+		let t = e, n = ne(e, "modelValue"), c = ne(e, "rangeValue"), l = B(), u = te(), d = `${u}-max`, f = `${u}-min`, p = j(""), m = j(""), h = j(null), g = j(null), _ = j(!1), y = j(null), x = null, w = null, T = (e) => typeof e == "number" && Number.isFinite(e), E = (e) => T(e) ? e : null, ee = (e) => {
 			let t = e.trim();
 			if (t === "") return null;
 			let n = Number(t.replace(/[^0-9.\-]/g, ""));
 			return Number.isFinite(n) ? n : null;
-		}, O = (e) => e === "currency" || e === "integer" || e === "percent" ? 0 : null, A = () => {
+		}, D = (e) => e === "currency" || e === "integer" || e === "percent" ? 0 : null, k = () => {
 			if (t.valueDecimals !== null && t.valueDecimals !== void 0) return Math.max(0, t.valueDecimals);
-			let e = O(t.dataType);
+			let e = D(t.dataType);
 			return e === null ? 2 : e;
-		}, j = r(() => new Intl.NumberFormat("en-US", {
-			maximumFractionDigits: A(),
+		}, A = r(() => new Intl.NumberFormat("en-US", {
+			maximumFractionDigits: k(),
 			minimumFractionDigits: 0
-		})), N = (e) => j.value.format(e), ee = (e) => N(e), P = (e) => {
-			let n = N(e);
+		})), M = (e) => A.value.format(e), N = (e) => M(e), P = (e) => {
+			let n = M(e);
 			return t.dataType === "currency" ? `$${n}` : t.dataType === "percent" ? `${n}%` : n;
-		}, F = r(() => t.scale === "log"), I = r(() => E(t.step)), R = r(() => E(t.sliderStep)), B = r(() => I.value !== null && I.value > 0 ? I.value : 0), ie = r(() => R.value !== null && R.value > 0 ? Math.max(R.value, B.value) : B.value), ae = r(() => B.value > 0 ? String(B.value) : "any"), V = r(() => F.value ? "1" : ie.value > 0 ? String(ie.value) : "any"), oe = r(() => I.value === null ? 1 : I.value > 0 ? I.value : 0), se = r(() => R.value !== null && R.value > 0 ? Math.max(R.value, oe.value) : oe.value), U = r(() => F.value ? "1" : se.value > 0 ? String(se.value) : "any"), ce = r(() => t.color === "multiple" ? "var(--color-data-viz-3, #ff7a4e)" : "var(--color-border, #e3e7ea)"), le = (e) => e.min > 0 ? 0 : 1 - e.min, ue = (e, t) => {
+		}, F = r(() => t.scale === "log"), I = r(() => E(t.step)), R = r(() => E(t.sliderStep)), V = r(() => I.value !== null && I.value > 0 ? I.value : 0), re = r(() => R.value !== null && R.value > 0 ? Math.max(R.value, V.value) : V.value), ie = r(() => V.value > 0 ? String(V.value) : "any"), ae = r(() => F.value ? "1" : re.value > 0 ? String(re.value) : "any"), oe = r(() => I.value === null ? 1 : I.value > 0 ? I.value : 0), se = r(() => R.value !== null && R.value > 0 ? Math.max(R.value, oe.value) : oe.value), U = r(() => F.value ? "1" : se.value > 0 ? String(se.value) : "any"), ce = r(() => t.color === "multiple" ? "var(--color-data-viz-3, #ff7a4e)" : "var(--color-border, #e3e7ea)"), le = (e) => e.min > 0 ? 0 : 1 - e.min, ue = (e, t) => {
 			if (t.max === t.min) return 0;
 			if (!F.value) return (e - t.min) / (t.max - t.min);
 			let n = le(t), r = Math.log(t.min + n), i = Math.log(t.max + n);
@@ -2110,31 +2110,31 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 			return t.split(".")[1]?.length ?? 0;
 		}, J = r(() => {
 			let e = E(t.min), n = E(t.max), r = E(c.value?.min), i = E(c.value?.max), a = e ?? Math.min(Lr, r ?? Lr, i ?? Lr), o = n ?? Math.max(Rr, r ?? Rr, i ?? Rr);
-			return a > o && ([a, o] = [o, a]), a === o && (o = a + (B.value > 0 ? B.value : 1)), {
+			return a > o && ([a, o] = [o, a]), a === o && (o = a + (V.value > 0 ? V.value : 1)), {
 				max: o,
 				min: a
 			};
 		}), ge = (e) => Math.max(J.value.min, Math.min(J.value.max, e)), _e = r(() => {
 			let e = Math.max(q(J.value.min), q(J.value.max));
-			return B.value <= 0 ? Math.max(6, e) : Math.max(e, q(B.value));
+			return V.value <= 0 ? Math.max(6, e) : Math.max(e, q(V.value));
 		}), ve = (e) => {
 			let t = Math.min(20, _e.value);
 			return ge(Number(e.toFixed(t)));
 		}, ye = (e, t) => {
-			let n = 10 ** -Math.min(A(), 1), r = Math.abs(e), i = r < 1 ? 0 : 10 ** Math.floor(Math.log10(r)) / 100;
+			let n = 10 ** -Math.min(k(), 1), r = Math.abs(e), i = r < 1 ? 0 : 10 ** Math.floor(Math.log10(r)) / 100;
 			return Math.max(i, n, t);
 		}, xe = (e, t) => F.value ? ye(e, t) : t, Se = r(() => {
 			if (t.allowMinMaxEqual) return 0;
 			let e = J.value.max - J.value.min;
 			if (e <= 0) return 0;
-			let n = Math.max(e / 1e6, 10 ** -_e.value), r = B.value > 0 ? B.value : n;
+			let n = Math.max(e / 1e6, 10 ** -_e.value), r = V.value > 0 ? V.value : n;
 			return Math.min(r, e);
 		}), Ce = (e, t, n = "nearest") => {
 			let r = ge(e);
 			if (t <= 0) return ve(r);
 			let i = F.value ? 0 : J.value.min, a = (r - i) / t;
 			return ve((n === "down" ? Math.floor(a) : n === "up" ? Math.ceil(a) : Math.round(a)) * t + i);
-		}, we = (e, t = "nearest") => Ce(e, xe(e, B.value), t), Te = (e, t = "nearest") => we(Ce(e, xe(e, ie.value), t), t), Ee = (e) => Ce(e, B.value), De = (e, t, n = !0) => {
+		}, we = (e, t = "nearest") => Ce(e, xe(e, V.value), t), Te = (e, t = "nearest") => we(Ce(e, xe(e, re.value), t), t), Ee = (e) => Ce(e, V.value), De = (e, t, n = !0) => {
 			let r = Math.max(J.value.min, t - Se.value), i = Math.min(e, r);
 			return n ? we(i, "down") : ve(i);
 		}, Oe = (e, t, n = !0) => {
@@ -2150,7 +2150,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 			"--range-track-color": ce.value,
 			"--value-max": `${Ae.value}%`,
 			"--value-min": `${ke.value}%`
-		})), Me = r(() => ({ left: `${ke.value}%` })), Ne = r(() => ({ left: `${Ae.value}%` })), Pe = r(() => E(c.value?.min) !== null || E(c.value?.max) !== null), Fe = (e, t) => F.value ? Math.round(ue(e, t) * zr) : e, Ie = (e, t) => F.value ? de(e / zr, t) : e, Le = r(() => F.value ? 0 : J.value.min), Re = r(() => F.value ? zr : J.value.max), ze = r(() => Fe(X.value.min, J.value)), Be = r(() => Fe(X.value.max, J.value)), Ve = r(() => F.value ? 0 : K.value.min), He = r(() => F.value ? zr : K.value.max), Ue = r(() => Fe(fe.value, K.value)), We = r(() => Math.max(ee(J.value.min).length, ee(J.value.max).length, 3)), Ge = r(() => {
+		})), Me = r(() => ({ left: `${ke.value}%` })), Ne = r(() => ({ left: `${Ae.value}%` })), Pe = r(() => E(c.value?.min) !== null || E(c.value?.max) !== null), Fe = (e, t) => F.value ? Math.round(ue(e, t) * zr) : e, Ie = (e, t) => F.value ? de(e / zr, t) : e, Le = r(() => F.value ? 0 : J.value.min), Re = r(() => F.value ? zr : J.value.max), ze = r(() => Fe(X.value.min, J.value)), Be = r(() => Fe(X.value.max, J.value)), Ve = r(() => F.value ? 0 : K.value.min), He = r(() => F.value ? zr : K.value.max), Ue = r(() => Fe(fe.value, K.value)), We = r(() => Math.max(N(J.value.min).length, N(J.value.max).length, 3)), Ge = r(() => {
 			let e = t.inputIcon ? "3.25rem" : "2rem";
 			return {
 				"--flex-align": "stretch",
@@ -2205,11 +2205,11 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 			if (!a && !o) return;
 			e.preventDefault();
 			let s = a ? 1 : -1, c = e.key === "PageUp" || e.key === "PageDown" ? 10 : 1, l = Te(de(ue(i, r) + s * Vr * c, r), a ? "up" : "down");
-			l === i && (l = i + s * xe(i, ie.value)), Qe(n), Z(n, l, !1);
+			l === i && (l = i + s * xe(i, re.value)), Qe(n), Z(n, l, !1);
 		}, ut = () => {
-			g.value !== "min" && (m.value = ee(X.value.min)), g.value !== "max" && (p.value = ee(X.value.max));
+			g.value !== "min" && (m.value = N(X.value.min)), g.value !== "max" && (p.value = N(X.value.max));
 		}, dt = (e) => {
-			let t = D(e === "min" ? m.value : p.value);
+			let t = ee(e === "min" ? m.value : p.value);
 			Z(e, t === null ? e === "min" ? J.value.min : J.value.max : Ee(t), !1);
 		}, ft = (e) => {
 			m.value = e.target.value, dt("min");
@@ -2249,7 +2249,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 		};
 		return H([X, J], ut, { immediate: !0 }), C(() => {
 			yt(), et();
-		}), (n, r) => e.mode === "single" ? (k(), o("div", Er, [e.showValueTooltips && _.value ? (k(), o("span", {
+		}), (n, r) => e.mode === "single" ? (O(), o("div", Er, [e.showValueTooltips && _.value ? (O(), o("span", {
 			key: 0,
 			class: "pv-range-tooltip",
 			style: S(he.value)
@@ -2268,7 +2268,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 			onInput: ot,
 			onPointerdown: at,
 			onPointerup: tt
-		}), null, 16, Dr)])) : (k(), o("div", v({ key: 1 }, z(l), {
+		}), null, 16, Dr)])) : (O(), o("div", v({ key: 1 }, z(l), {
 			class: "pv-flex-vertical",
 			"data-testid": "pv-range-dual",
 			role: "group",
@@ -2278,7 +2278,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 				"--flex-gap": "0"
 			}
 		}), [
-			e.showBoundLabels ? (k(), o("div", kr, [s("span", null, L(P(J.value.min)), 1), s("span", null, L(P(J.value.max)), 1)])) : a("v-if", !0),
+			e.showBoundLabels ? (O(), o("div", kr, [s("span", null, L(P(J.value.min)), 1), s("span", null, L(P(J.value.max)), 1)])) : a("v-if", !0),
 			s("div", {
 				ref_key: "sliderRef",
 				ref: y,
@@ -2287,12 +2287,12 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 				onPointerdown: xt
 			}, [
 				r[10] ||= s("div", { class: "pv-range-dual-fill" }, null, -1),
-				e.showValueTooltips && h.value === "min" ? (k(), o("span", {
+				e.showValueTooltips && h.value === "min" ? (O(), o("span", {
 					key: 0,
 					class: "pv-range-dual-tooltip",
 					style: S(Me.value)
 				}, L(P(X.value.min)), 5)) : a("v-if", !0),
-				e.showValueTooltips && h.value === "max" ? (k(), o("span", {
+				e.showValueTooltips && h.value === "max" ? (O(), o("span", {
 					key: 1,
 					class: "pv-range-dual-tooltip",
 					style: S(Ne.value)
@@ -2305,7 +2305,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 					disabled: e.disabled,
 					max: Re.value,
 					min: Le.value,
-					step: V.value,
+					step: ae.value,
 					value: ze.value,
 					onBlur: Ze,
 					onChange: Ze,
@@ -2322,7 +2322,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 					disabled: e.disabled,
 					max: Re.value,
 					min: Le.value,
-					step: V.value,
+					step: ae.value,
 					value: Be.value,
 					onBlur: Ze,
 					onChange: Ze,
@@ -2332,12 +2332,12 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 					onPointerup: Ze
 				}, null, 40, jr)
 			], 38),
-			e.showInputs ? (k(), o("div", Mr, [
+			e.showInputs ? (O(), o("div", Mr, [
 				s("label", {
 					class: "pv-flex-vertical pv-range-input-label",
 					for: f,
 					style: S(Ge.value)
-				}, [s("span", Nr, L(e.minLabel), 1), s("span", { class: b(["pv-range-input-field", { "pv-range-input-field-with-icon": e.inputIcon }]) }, [e.inputIcon ? (k(), i(be, {
+				}, [s("span", Nr, L(e.minLabel), 1), s("span", { class: b(["pv-range-input-field", { "pv-range-input-field-with-icon": e.inputIcon }]) }, [e.inputIcon ? (O(), i(be, {
 					key: 0,
 					class: "pv-range-input-icon",
 					name: e.inputIcon
@@ -2347,7 +2347,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 					disabled: e.disabled,
 					inputmode: "decimal",
 					placeholder: "Min",
-					step: ae.value,
+					step: ie.value,
 					type: "text",
 					value: m.value,
 					onBlur: r[4] ||= (e) => ht("min"),
@@ -2359,7 +2359,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 					class: "pv-flex-vertical pv-range-input-label",
 					for: d,
 					style: S(Ge.value)
-				}, [s("span", Fr, L(e.maxLabel), 1), s("span", { class: b(["pv-range-input-field", { "pv-range-input-field-with-icon": e.inputIcon }]) }, [e.inputIcon ? (k(), i(be, {
+				}, [s("span", Fr, L(e.maxLabel), 1), s("span", { class: b(["pv-range-input-field", { "pv-range-input-field-with-icon": e.inputIcon }]) }, [e.inputIcon ? (O(), i(be, {
 					key: 0,
 					class: "pv-range-input-icon",
 					name: e.inputIcon
@@ -2369,7 +2369,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 					disabled: e.disabled,
 					inputmode: "decimal",
 					placeholder: "Max",
-					step: ae.value,
+					step: ie.value,
 					type: "text",
 					value: p.value,
 					onBlur: r[7] ||= (e) => ht("max"),
@@ -2377,7 +2377,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 					onInput: pt,
 					onKeydown: r[9] ||= W((e) => gt(e, "max"), ["enter"])
 				}, null, 40, Ir)], 2)], 4),
-				e.showClear && Pe.value ? (k(), i(Y, {
+				e.showClear && Pe.value ? (O(), i(Y, {
 					key: 0,
 					class: "pv-text-brand",
 					disabled: e.disabled,
@@ -2385,7 +2385,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 					variant: "ghost",
 					onClick: $e
 				}, null, 8, ["disabled"])) : a("v-if", !0)
-			])) : e.showClear && Pe.value ? (k(), i(Y, {
+			])) : e.showClear && Pe.value ? (O(), i(Y, {
 				key: 2,
 				class: "pv-text-brand",
 				disabled: e.disabled,
@@ -2428,14 +2428,19 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 			type: Boolean,
 			default: !1
 		},
-		indeterminate: {
+		focusActionDisabled: {
 			type: Boolean,
 			default: !1
 		},
+		focusActionLabel: { type: String },
 		focusText: {
 			default: "Focus",
 			type: String
 		},
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		},
 		isFocused: {
 			type: Boolean,
 			default: !1
@@ -2466,7 +2471,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 	},
 	emits: ["focus-value", "toggle-value"],
 	setup(e, { emit: t }) {
-		let n = e, c = t, u = B(), d = r(() => n.resultCount !== null && n.resultCount !== void 0 && n.resultCount !== ""), f = r(() => !n.renderer && (d.value || !!u["result-count"])), p = r(() => ({ "--pv-filter-panel-option-row-depth": String(n.depth) })), m = r(() => ({
+		let n = e, c = t, d = V(), f = r(() => n.resultCount !== null && n.resultCount !== void 0 && n.resultCount !== ""), p = r(() => n.focusActionLabel ?? (n.isFocused ? `Remove ${n.focusText}` : `Select as ${n.focusText}`)), m = r(() => !n.renderer && (f.value || !!d["result-count"])), h = r(() => ({ "--pv-filter-panel-option-row-depth": String(n.depth) })), g = r(() => ({
 			disabled: n.disabled,
 			highlightSearchText: !0,
 			id: n.value,
@@ -2480,19 +2485,19 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 			subduedText: n.subduedText,
 			text: n.label,
 			value: n.value
-		})), h = (e) => {
+		})), _ = (e) => {
 			n.disabled || c("toggle-value", n.value, e === !0);
-		}, g = (e) => {
-			h(e.target.checked);
-		}, _ = () => {
-			n.disabled || c("focus-value", n.value);
+		}, y = (e) => {
+			_(e.target.checked);
+		}, C = () => {
+			n.disabled || n.focusActionDisabled || c("focus-value", n.value);
 		};
-		return (t, n) => (k(), o("label", {
+		return (t, n) => (O(), o("label", {
 			class: b(["pv-filter-panel-option-row pv-flex", { "pv-filter-panel-option-row-disabled": e.disabled }]),
 			"data-testid": "pv-filter-panel-option-row",
-			style: S(p.value)
+			style: S(h.value)
 		}, [
-			e.control === "radio" ? (k(), o("input", {
+			e.control === "radio" ? (O(), o("input", {
 				key: 0,
 				class: "pv-radio",
 				type: "radio",
@@ -2500,42 +2505,52 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 				checked: e.selected,
 				disabled: e.disabled,
 				name: e.name,
-				onChange: g
-			}, null, 40, Ur)) : (k(), i(Tr, {
+				onChange: y
+			}, null, 40, Ur)) : (O(), i(Tr, {
 				key: 1,
 				ariaLabel: e.ariaLabel || e.label,
 				disabled: e.disabled,
 				indeterminate: e.indeterminate,
 				modelValue: e.selected,
-				"onUpdate:modelValue": h
+				"onUpdate:modelValue": _
 			}, null, 8, [
 				"ariaLabel",
 				"disabled",
 				"indeterminate",
 				"modelValue"
 			])),
-			e.renderer ? (k(), i(P(e.renderer), x(v({ key: 2 }, m.value)), null, 16)) : (k(), o("span", Wr, [
+			e.renderer ? (O(), i(P(e.renderer), x(v({ key: 2 }, g.value)), null, 16)) : (O(), o("span", Wr, [
 				s("span", Gr, L(e.label), 1),
-				e.subduedText ? (k(), o("span", Kr, L(e.subduedText), 1)) : a("v-if", !0),
-				e.subText ? (k(), o("span", qr, L(e.subText), 1)) : a("v-if", !0)
+				e.subduedText ? (O(), o("span", Kr, L(e.subduedText), 1)) : a("v-if", !0),
+				e.subText ? (O(), o("span", qr, L(e.subText), 1)) : a("v-if", !0)
 			])),
-			f.value ? (k(), o("span", Jr, [ee(t.$slots, "result-count", {}, () => [l("(" + L(e.resultCount) + ")", 1)], !0)])) : a("v-if", !0),
-			e.showFocusAction ? (k(), i(Y, {
+			m.value ? (O(), o("span", Jr, [N(t.$slots, "result-count", {}, () => [l("(" + L(e.resultCount) + ")", 1)], !0)])) : a("v-if", !0),
+			e.showFocusAction ? (O(), o("div", {
 				key: 5,
-				ariaLabel: e.isFocused ? `Remove ${e.focusText}` : `Select as ${e.focusText}`,
-				disabled: e.disabled,
-				leftIcon: "focus",
-				size: "md",
-				variant: e.isFocused ? "primary" : "ghost",
-				onClick: le(_, ["stop", "prevent"])
-			}, null, 8, [
-				"ariaLabel",
-				"disabled",
-				"variant"
-			])) : a("v-if", !0)
+				class: b(["pv-filter-panel-option-row-focus-action", { "pv-filter-panel-option-row-focus-action-always-visible": e.isFocused }]),
+				"data-testid": "pv-filter-panel-option-row-focus-action"
+			}, [u(yr, {
+				description: p.value,
+				position: "top-right",
+				size: "sm"
+			}, {
+				trigger: U(() => [u(Y, {
+					ariaLabel: p.value,
+					disabled: e.disabled || e.focusActionDisabled,
+					leftIcon: "focus",
+					size: "md",
+					variant: e.isFocused ? "primary" : "ghost",
+					onClick: le(C, ["stop", "prevent"])
+				}, null, 8, [
+					"ariaLabel",
+					"disabled",
+					"variant"
+				])]),
+				_: 1
+			}, 8, ["description"])], 2)) : a("v-if", !0)
 		], 6));
 	}
-}), [["styles", [".pv-filter-panel-option-row[data-v-d5f24abf]{--flex-align:center;--flex-gap:.5rem;cursor:pointer;min-width:0;padding-left:calc(var(--pv-filter-panel-option-row-depth) * 1.25rem)}.pv-filter-panel-option-row-content[data-v-d5f24abf]{--flex-align:stretch;--flex-gap:0;flex:auto;min-width:0}.pv-filter-panel-option-row-disabled[data-v-d5f24abf]{cursor:not-allowed;opacity:.6}.pv-filter-panel-option-row-line[data-v-d5f24abf]{--lines:1}.pv-filter-panel-option-row-right[data-v-d5f24abf]{text-align:right;flex:none}"]], ["__scopeId", "data-v-d5f24abf"]]), Xr = [
+}), [["styles", [".pv-filter-panel-option-row[data-v-b85834dc]{--flex-align:center;--flex-gap:.5rem;cursor:pointer;min-width:0;padding-left:calc(var(--pv-filter-panel-option-row-depth) * 1.25rem)}.pv-filter-panel-option-row-content[data-v-b85834dc]{--flex-align:stretch;--flex-gap:0;flex:auto;min-width:0}.pv-filter-panel-option-row-disabled[data-v-b85834dc]{cursor:not-allowed;opacity:.6}.pv-filter-panel-option-row-line[data-v-b85834dc]{--lines:1}.pv-filter-panel-option-row-right[data-v-b85834dc]{text-align:right;flex:none}.pv-filter-panel-option-row-focus-action[data-v-b85834dc]{opacity:0;pointer-events:none}.pv-filter-panel-option-row:hover .pv-filter-panel-option-row-focus-action[data-v-b85834dc],.pv-filter-panel-option-row:focus-within .pv-filter-panel-option-row-focus-action[data-v-b85834dc],.pv-filter-panel-option-row-focus-action-always-visible[data-v-b85834dc]{opacity:1;pointer-events:auto}"]], ["__scopeId", "data-v-b85834dc"]]), Xr = [
 	"totalCount",
 	"total_count",
 	"resultCount",
@@ -2986,22 +3001,22 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 		"search-change"
 	],
 	setup(e, { emit: n }) {
-		let c = e, d = n, f = M(null), p = M({}), m = M(0), h = ne(), g = M(c.filter.searchQuery ?? ""), _ = M(va), y = r(() => c.filter.existsLabel ?? `Has ${c.filter.label}`), b = r(() => c.filter.valueLabels?.false ?? "No"), C = r(() => c.filter.options ?? []), w = r(() => [...c.filter.knownOptions ?? [], ...C.value]), T = r(() => c.filter.type ?? "value"), E = r(() => T.value === "value"), D = r(() => E.value && c.filter.isAggregate === !0), O = r(() => c.filter.aggregateSelectionState ?? []), A = r(() => g.value.trim().toLowerCase()), j = r(() => c.filter.selectedValues ?? []), ee = r(() => new Set(j.value)), F = r(() => c.filter.valueLabels?.true ?? "Yes"), I = r(() => c.filter.filterOptionsSortDescription || "Suggested"), R = r(() => c.filter.disabled === !0 || c.disableWhileLoading && c.filter.isLoading === !0), te = r(() => {
+		let c = e, d = n, f = j(null), p = j({}), m = j(0), h = te(), g = j(c.filter.searchQuery ?? ""), _ = j(va), y = r(() => c.filter.existsLabel ?? `Has ${c.filter.label}`), b = r(() => c.filter.valueLabels?.false ?? "No"), C = r(() => c.filter.options ?? []), w = r(() => c.filter.focusText ?? "Focus"), T = r(() => [...c.filter.knownOptions ?? [], ...C.value]), E = r(() => c.filter.type ?? "value"), ee = r(() => E.value === "value"), D = r(() => ee.value && c.filter.isAggregate === !0), k = r(() => c.filter.aggregateSelectionState ?? []), A = r(() => g.value.trim().toLowerCase()), N = r(() => c.filter.selectedValues ?? []), F = r(() => new Set(N.value)), I = r(() => c.filter.valueLabels?.true ?? "Yes"), R = r(() => c.filter.filterOptionsSortDescription || "Suggested"), B = r(() => c.filter.disabled === !0 || c.disableWhileLoading && c.filter.isLoading === !0), ne = r(() => {
 			let e = c.filter.valueLabels, t = typeof e?.true == "string", n = typeof e?.false == "string";
 			return t && !n ? [{
-				label: F.value,
+				label: I.value,
 				value: !0
 			}] : n && !t ? [{
 				label: b.value,
 				value: !1
 			}] : [{
-				label: F.value,
+				label: I.value,
 				value: !0
 			}, {
 				label: b.value,
 				value: !1
 			}];
-		}), re = (e) => {
+		}), V = (e) => {
 			let t = typeof e.metadata == "object" && e.metadata !== null ? Object.values(e.metadata) : [];
 			return [
 				e.value,
@@ -3011,7 +3026,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 				e.matchedValue,
 				e.matchedField
 			].concat(t.flatMap((e) => e == null ? [] : [String(e)])).filter((e) => !!e).join(" ").toLowerCase();
-		}, B = r(() => T.value === "range" ? c.filter.rangeValue?.min !== null && c.filter.rangeValue?.min !== void 0 || c.filter.rangeValue?.max !== null && c.filter.rangeValue?.max !== void 0 ? 1 : void 0 : T.value === "boolean" ? c.filter.booleanValue !== null && c.filter.booleanValue !== void 0 ? 1 : void 0 : T.value === "exists" ? c.filter.existsValue ? 1 : void 0 : D.value ? Yi(O.value) || void 0 : j.value.length || void 0), ie = (e) => e.totalChildCount === null || e.totalChildCount === void 0 ? !1 : e.totalChildCount > (e.children?.length ?? 0), ae = (e, t = 0) => e.flatMap((e) => [
+		}, re = r(() => E.value === "range" ? c.filter.rangeValue?.min !== null && c.filter.rangeValue?.min !== void 0 || c.filter.rangeValue?.max !== null && c.filter.rangeValue?.max !== void 0 ? 1 : void 0 : E.value === "boolean" ? c.filter.booleanValue !== null && c.filter.booleanValue !== void 0 ? 1 : void 0 : E.value === "exists" ? c.filter.existsValue ? 1 : void 0 : D.value ? Yi(k.value) || void 0 : N.value.length || void 0), ie = (e) => e.totalChildCount === null || e.totalChildCount === void 0 ? !1 : e.totalChildCount > (e.children?.length ?? 0), ae = (e, t = 0) => e.flatMap((e) => [
 			{
 				depth: t,
 				kind: "option",
@@ -3023,146 +3038,152 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 				kind: "child-load-more",
 				parent: e
 			}] : []
-		]), V = r(() => {
+		]), oe = r(() => {
 			let e = ae(C.value), t = A.value;
-			return c.filter.clientFiltering === !1 || !t ? e : e.filter((e) => e.kind === "option" && re(e.option).includes(t));
-		}), oe = r(() => D.value || c.filter.singleSelect ? [] : j.value.map((e) => p.value[e] ?? {
+			return c.filter.clientFiltering === !1 || !t ? e : e.filter((e) => e.kind === "option" && V(e.option).includes(t));
+		}), ce = r(() => D.value || c.filter.singleSelect ? [] : N.value.map((e) => p.value[e] ?? {
 			label: e,
 			value: e
-		})), ce = M([]), W = r(() => new Set(ce.value)), le = r(() => ce.value.map((e) => p.value[e] ?? {
+		})), W = j([]), le = r(() => new Set(W.value)), ue = r(() => W.value.map((e) => p.value[e] ?? {
 			label: e,
 			value: e
-		})), ue = r(() => C.value.length > 0 || le.value.length > 0), de = r(() => E.value && c.filter.isOpen && c.filter.isLoading === !0 && ue.value), G = () => {
-			ce.value = D.value || c.filter.singleSelect ? [] : [...j.value];
+		})), de = r(() => C.value.length > 0 || ue.value.length > 0), G = r(() => ee.value && c.filter.isOpen && c.filter.isLoading === !0 && de.value), K = () => {
+			W.value = D.value || c.filter.singleSelect ? [] : [...N.value];
 		};
-		G();
-		let K = r(() => D.value || c.filter.singleSelect ? V.value : V.value.filter((e) => e.kind === "child-load-more" || !W.value.has(e.option.value))), fe = r(() => K.value.length > _.value), pe = r(() => fe.value || c.filter.hasMore), me = r(() => K.value.slice(0, _.value)), q = r(() => D.value ? Ki({
-			options: w.value,
-			state: O.value
-		}) : /* @__PURE__ */ new Map()), J = (e) => ai(e, c.filter.colDef), ge = (e) => oi(e), _e = (e) => D.value ? q.value.get(e.value) ?? {
+		K();
+		let fe = r(() => D.value || c.filter.singleSelect ? oe.value : oe.value.filter((e) => e.kind === "child-load-more" || !le.value.has(e.option.value))), pe = r(() => fe.value.length > _.value), me = r(() => pe.value || c.filter.hasMore), q = r(() => fe.value.slice(0, _.value)), J = r(() => D.value ? Ki({
+			options: T.value,
+			state: k.value
+		}) : /* @__PURE__ */ new Map()), ge = (e) => ai(e, c.filter.colDef), _e = (e) => oi(e), ve = (e) => D.value ? J.value.get(e.value) ?? {
 			indeterminate: !1,
 			selected: !1
 		} : {
 			indeterminate: !1,
-			selected: ee.value.has(e.value)
-		}, ve = (e) => _e(e).selected, ye = (e) => _e(e).indeterminate, xe = (e) => pi(e) ?? e.value, Se = (e) => mi(e, c.filter.key), Ce = (e) => {
-			let t = Se(e), n = xe(e);
+			selected: F.value.has(e.value)
+		}, ye = (e) => ve(e).selected, xe = (e) => ve(e).indeterminate, Se = (e) => pi(e) ?? e.value, Ce = (e) => mi(e, c.filter.key), Te = (e) => {
+			let t = Ce(e), n = Se(e);
 			return c.filter.focusedValuesByField?.[t]?.includes(n) || t === c.filter.key && c.filter.focusedValues?.includes(e.value) || !1;
-		}, Te = (e) => ({
+		}, Ee = (e) => {
+			let t = c.filter.focusableFields ?? [];
+			return !t.length || t.includes(Ce(e));
+		}, De = (e) => !Ee(e) || Te(e) && c.filter.canRemoveFocus === !1, Oe = (e) => {
+			let t = Ce(e);
+			return Ee(e) ? Te(e) && c.filter.canRemoveFocus === !1 ? `${w.value} (required)` : Te(e) ? `Remove ${w.value}` : `Select as ${w.value}` : `Group by ${c.filter.focusFieldLabels?.[t] ?? t} to enable ${w.value}`;
+		}, X = (e) => ({
 			...e.menuOption ?? {},
-			children: e.children?.map(Te),
+			children: e.children?.map(X),
 			context: e,
-			disabled: R.value || e.isSelectable === !1 || e.menuOption?.disabled,
+			disabled: B.value || e.isSelectable === !1 || e.menuOption?.disabled,
 			id: e.value,
-			searchText: re(e),
-			secondaryText: ge(e),
+			searchText: V(e),
+			secondaryText: _e(e),
 			subText: e.subText,
 			subduedText: e.subduedText,
-			text: J(e),
+			text: ge(e),
 			totalChildCount: e.totalChildCount
-		}), Ee = r(() => C.value.map(Te)), De = r(() => oe.value.map(Te)), Oe = r(() => ({
+		}), ke = r(() => C.value.map(X)), Ae = r(() => ce.value.map(X)), je = r(() => ({
 			colDef: c.filter.colDef,
-			disabled: R.value,
+			disabled: B.value,
 			filter: c.filter,
 			isLoading: c.filter.isLoading,
 			isOpen: c.filter.isOpen,
-			options: Ee.value,
+			options: ke.value,
 			searchInput: g.value,
-			selectedItems: De.value,
+			selectedItems: Ae.value,
 			slotContext: {
 				colDef: c.filter.colDef,
 				rowsLoading: c.filter.isLoading
 			}
-		})), X = () => {
-			R.value || (fe.value ? _.value += va : c.filter.hasMore && d("load-more", g.value.trim()));
-		}, ke = (e) => {
-			R.value || d("load-more", g.value.trim(), e.value);
-		}, Ae = (e) => {
+		})), Me = () => {
+			B.value || (pe.value ? _.value += va : c.filter.hasMore && d("load-more", g.value.trim()));
+		}, Ne = (e) => {
+			B.value || d("load-more", g.value.trim(), e.value);
+		}, Pe = (e) => {
 			let t = e.target;
 			d("open-change", t.open);
-		}, je = (e) => {
-			R.value || d("filter-change", {
+		}, Fe = (e) => {
+			B.value || d("filter-change", {
 				type: "boolean",
 				value: e
 			});
-		}, Me = (e) => {
-			R.value || d("filter-change", {
+		}, Ie = (e) => {
+			B.value || d("filter-change", {
 				type: "exists",
 				value: e === !0
 			});
-		}, Ne = (e) => {
-			R.value || d("filter-change", {
+		}, Le = (e) => {
+			B.value || d("filter-change", {
 				type: "range",
 				value: e
 			});
-		}, Pe = (e, t) => {
-			if (!R.value) {
+		}, Re = (e, t) => {
+			if (!B.value) {
 				if (D.value) {
 					d("filter-change", {
 						type: "aggregate-selection",
 						value: Wi({
 							checked: t,
 							option: e,
-							options: w.value,
-							state: O.value
+							options: T.value,
+							state: k.value
 						})
 					});
 					return;
 				}
 				d("filter-change", {
 					checked: t,
-					field: Se(e),
+					field: Ce(e),
 					type: "value",
-					value: xe(e)
+					value: Se(e)
 				});
 			}
-		}, Fe = (e) => {
-			R.value || d("focus-change", Se(e), xe(e), e);
-		}, Ie = (e, t) => {
-			R.value || d("filter-change", {
+		}, ze = (e) => {
+			B.value || De(e) || d("focus-change", Ce(e), Se(e), e);
+		}, Be = (e, t) => {
+			B.value || d("filter-change", {
 				field: e,
 				type: "boolean",
 				value: t ? null : !0
 			});
-		}, Le = () => {
-			R.value || d("handle-settings-icon", c.filter.key, c.filter.colDef);
+		}, Ve = () => {
+			B.value || d("handle-settings-icon", c.filter.key, c.filter.colDef);
 		};
 		H([g, () => c.filter.key], () => {
 			_.value = va;
 		});
-		let Re = () => {
-			let e = hi(w.value), t = { ...p.value }, n = new Map(Object.entries(t));
+		let He = () => {
+			let e = hi(T.value), t = { ...p.value }, n = new Map(Object.entries(t));
 			for (let t of e) n.delete(t.value), n.set(t.value, t);
 			p.value = Object.fromEntries([...n.entries()].slice(Math.max(0, n.size - ya)));
 		};
-		H(w, () => {
-			c.filter.isOpen && Re();
+		H(T, () => {
+			c.filter.isOpen && He();
 		}, { immediate: !0 });
-		let ze = () => {
+		let Ue = () => {
 			!c.filter.isOpen || !f.value || (m.value = Math.max(m.value, f.value.offsetHeight));
 		};
 		return H(() => c.filter.isLoading === !0, (e) => {
-			e ? ze() : m.value = 0;
+			e ? Ue() : m.value = 0;
 		}), H(C, () => {
-			c.filter.isLoading && ze();
+			c.filter.isLoading && Ue();
 		}), H(() => c.filter.isOpen, (e) => {
-			e ? (Re(), G()) : (p.value = {}, m.value = 0);
+			e ? (He(), K()) : (p.value = {}, m.value = 0);
 		}), se(() => {
 			if (!c.filter.isOpen || D.value || c.filter.singleSelect) return;
-			let e = new Set(me.value.flatMap((e) => e.kind === "option" ? [e.option.value] : [])), t = j.value.filter((t) => !W.value.has(t) && !e.has(t));
-			t.length && (ce.value = [...ce.value, ...t]);
+			let e = new Set(q.value.flatMap((e) => e.kind === "option" ? [e.option.value] : [])), t = N.value.filter((t) => !le.value.has(t) && !e.has(t));
+			t.length && (W.value = [...W.value, ...t]);
 		}), Je(g, (e) => {
-			if (!E.value || c.filter.disabled === !0) return;
+			if (!ee.value || c.filter.disabled === !0) return;
 			let t = e.trim();
 			t !== (c.filter.searchQuery ?? "").trim() && d("search-change", t);
 		}, {
 			debounce: 300,
 			maxWait: 1e3
-		}), (n, r) => (k(), o("details", {
+		}), (n, r) => (O(), o("details", {
 			class: "pv-accordion",
 			"data-testid": "pv-filter-panel-accordion",
 			open: e.filter.isOpen,
-			onToggle: Ae
+			onToggle: Pe
 		}, [s("summary", Zi, [
 			u(be, {
 				"aria-hidden": "true",
@@ -3170,13 +3191,13 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 				name: e.filter.isOpen ? "chevron-down" : "chevron-right"
 			}, null, 8, ["name"]),
 			s("span", null, L(e.filter.label), 1),
-			B.value ? (k(), i(we, {
+			re.value ? (O(), i(we, {
 				key: 0,
-				value: B.value,
+				value: re.value,
 				size: "sm",
 				variant: "secondary"
 			}, null, 8, ["value"])) : a("v-if", !0),
-			de.value ? (k(), o("span", Qi, [u(he, { size: "sm" }), s("span", $i, L(e.filter.loadingText || `Updating ${e.filter.label} options`), 1)])) : a("v-if", !0)
+			G.value ? (O(), o("span", Qi, [u(he, { size: "sm" }), s("span", $i, L(e.filter.loadingText || `Updating ${e.filter.label} options`), 1)])) : a("v-if", !0)
 		]), s("div", {
 			ref_key: "filterContent",
 			ref: f,
@@ -3186,32 +3207,32 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 				"--flex-align": "stretch",
 				minHeight: m.value ? `${m.value}px` : void 0
 			})
-		}, [E.value ? (k(), o(t, { key: 0 }, [
-			e.filter.filterGroupOptions?.length || e.filter.displayPreferencesIcon || e.filter.filterHeaderRenderer ? (k(), o("div", ta, [
-				e.filter.filterGroupOptions?.length ? (k(), o("div", na, [(k(!0), o(t, null, N(e.filter.filterGroupOptions, (e) => (k(), i(Y, {
+		}, [ee.value ? (O(), o(t, { key: 0 }, [
+			e.filter.filterGroupOptions?.length || e.filter.displayPreferencesIcon || e.filter.filterHeaderRenderer ? (O(), o("div", ta, [
+				e.filter.filterGroupOptions?.length ? (O(), o("div", na, [(O(!0), o(t, null, M(e.filter.filterGroupOptions, (e) => (O(), i(Y, {
 					key: e.field,
-					disabled: R.value,
+					disabled: B.value,
 					label: e.label,
 					size: "md",
 					variant: e.isActive ? "primary" : "secondary",
-					onClick: (t) => Ie(e.field, e.isActive)
+					onClick: (t) => Be(e.field, e.isActive)
 				}, null, 8, [
 					"disabled",
 					"label",
 					"variant",
 					"onClick"
 				]))), 128))])) : a("v-if", !0),
-				e.filter.displayPreferencesIcon ? (k(), o("div", ra, [u(Y, {
+				e.filter.displayPreferencesIcon ? (O(), o("div", ra, [u(Y, {
 					ariaLabel: "Open preferences",
-					disabled: R.value,
+					disabled: B.value,
 					leftIcon: "sliders-horizontal",
 					size: "md",
 					variant: "ghost",
-					onClick: Le
+					onClick: Ve
 				}, null, 8, ["disabled"])])) : a("v-if", !0),
-				e.filter.filterHeaderRenderer ? (k(), i(P(e.filter.filterHeaderRenderer), x(v({ key: 2 }, Oe.value)), null, 16)) : a("v-if", !0)
+				e.filter.filterHeaderRenderer ? (O(), i(P(e.filter.filterHeaderRenderer), x(v({ key: 2 }, je.value)), null, 16)) : a("v-if", !0)
 			])) : a("v-if", !0),
-			e.filter.hideSearch ? a("v-if", !0) : (k(), i(pt, {
+			e.filter.hideSearch ? a("v-if", !0) : (O(), i(pt, {
 				key: 1,
 				modelValue: g.value,
 				"onUpdate:modelValue": r[0] ||= (e) => g.value = e,
@@ -3223,28 +3244,32 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 				"disabled",
 				"placeholder"
 			])),
-			le.value.length ? (k(), o("div", ia, [(k(!0), o(t, null, N(le.value, (t) => (k(), i(Yr, {
+			ue.value.length ? (O(), o("div", ia, [(O(!0), o(t, null, M(ue.value, (t) => (O(), i(Yr, {
 				key: t.value,
 				control: e.filter.singleSelect ? "radio" : "checkbox",
-				disabled: R.value || t.isSelectable === !1,
+				disabled: B.value || t.isSelectable === !1,
+				"focus-action-disabled": De(t),
+				"focus-action-label": Oe(t),
 				"focus-text": e.filter.focusText,
-				"is-focused": Ce(t),
-				indeterminate: ye(t),
-				label: J(t),
+				"is-focused": Te(t),
+				indeterminate: xe(t),
+				label: ge(t),
 				name: z(h),
 				"query-text": g.value,
 				renderer: e.filter.filterOptionsRenderer,
-				"result-count": ge(t),
-				selected: ve(t),
+				"result-count": _e(t),
+				selected: ye(t),
 				"show-focus-action": e.filter.isFocusable,
 				"sub-text": t.subText,
 				"subdued-text": t.subduedText,
 				value: t.value,
-				onFocusValue: () => Fe(t),
-				onToggleValue: (e, n) => Pe(t, n)
+				onFocusValue: () => ze(t),
+				onToggleValue: (e, n) => Re(t, n)
 			}, null, 8, [
 				"control",
 				"disabled",
+				"focus-action-disabled",
+				"focus-action-label",
 				"focus-text",
 				"is-focused",
 				"indeterminate",
@@ -3261,10 +3286,10 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 				"onFocusValue",
 				"onToggleValue"
 			]))), 128))])) : a("v-if", !0),
-			e.filter.isLoading && !ue.value ? (k(), o("div", aa, [u(he, { size: "sm" }), e.filter.loadingText ? (k(), o("span", oa, L(e.filter.loadingText), 1)) : a("v-if", !0)])) : (k(), o(t, { key: 4 }, [
-				!A.value && !C.value.length && !le.value.length && !pe.value ? (k(), o(t, { key: 0 }, [e.filter.emptyResultsRenderer ? (k(), i(P(e.filter.emptyResultsRenderer), v({ key: 0 }, Oe.value, { "empty-reason": "no-values" }), null, 16)) : (k(), o("p", sa, "No values available."))], 64)) : !V.value.length && !le.value.length && !pe.value ? (k(), o(t, { key: 1 }, [e.filter.emptyResultsRenderer ? (k(), i(P(e.filter.emptyResultsRenderer), v({ key: 0 }, Oe.value, { "empty-reason": "no-matches" }), null, 16)) : (k(), o("p", ca, "No matching values."))], 64)) : a("v-if", !0),
-				K.value.length || pe.value ? (k(), o("div", la, [
-					K.value.length && !e.filter.hideOptionsSortDescription ? (k(), o("div", ua, [e.filter.filterOptionsSortTooltip ? (k(), i(yr, {
+			e.filter.isLoading && !de.value ? (O(), o("div", aa, [u(he, { size: "sm" }), e.filter.loadingText ? (O(), o("span", oa, L(e.filter.loadingText), 1)) : a("v-if", !0)])) : (O(), o(t, { key: 4 }, [
+				!A.value && !C.value.length && !ue.value.length && !me.value ? (O(), o(t, { key: 0 }, [e.filter.emptyResultsRenderer ? (O(), i(P(e.filter.emptyResultsRenderer), v({ key: 0 }, je.value, { "empty-reason": "no-values" }), null, 16)) : (O(), o("p", sa, "No values available."))], 64)) : !oe.value.length && !ue.value.length && !me.value ? (O(), o(t, { key: 1 }, [e.filter.emptyResultsRenderer ? (O(), i(P(e.filter.emptyResultsRenderer), v({ key: 0 }, je.value, { "empty-reason": "no-matches" }), null, 16)) : (O(), o("p", ca, "No matching values."))], 64)) : a("v-if", !0),
+				fe.value.length || me.value ? (O(), o("div", la, [
+					fe.value.length && !e.filter.hideOptionsSortDescription ? (O(), o("div", ua, [e.filter.filterOptionsSortTooltip ? (O(), i(yr, {
 						key: 0,
 						variant: "dark",
 						disableInteractive: !0,
@@ -3273,34 +3298,38 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 						"use-teleport": !0,
 						style: { "--max-width": "200px" }
 					}, {
-						trigger: U(() => [s("p", da, L(I.value), 1)]),
+						trigger: U(() => [s("p", da, L(R.value), 1)]),
 						content: U(() => [l(L(e.filter.filterOptionsSortTooltip), 1)]),
 						_: 1
-					})) : (k(), o("p", fa, L(I.value), 1))])) : a("v-if", !0),
-					(k(!0), o(t, null, N(me.value, (n) => (k(), o(t, { key: n.kind === "option" ? n.option.value : `${n.parent.value}-children-more` }, [n.kind === "option" ? (k(), i(Yr, {
+					})) : (O(), o("p", fa, L(R.value), 1))])) : a("v-if", !0),
+					(O(!0), o(t, null, M(q.value, (n) => (O(), o(t, { key: n.kind === "option" ? n.option.value : `${n.parent.value}-children-more` }, [n.kind === "option" ? (O(), i(Yr, {
 						key: 0,
 						control: e.filter.singleSelect ? "radio" : "checkbox",
 						depth: n.depth,
-						disabled: R.value || n.option.isSelectable === !1,
+						disabled: B.value || n.option.isSelectable === !1,
+						"focus-action-disabled": De(n.option),
+						"focus-action-label": Oe(n.option),
 						"focus-text": e.filter.focusText,
-						"is-focused": Ce(n.option),
-						indeterminate: ye(n.option),
-						label: J(n.option),
+						"is-focused": Te(n.option),
+						indeterminate: xe(n.option),
+						label: ge(n.option),
 						name: z(h),
 						"query-text": g.value,
 						renderer: e.filter.filterOptionsRenderer,
-						"result-count": ge(n.option),
-						selected: ve(n.option),
+						"result-count": _e(n.option),
+						selected: ye(n.option),
 						"show-focus-action": e.filter.isFocusable,
 						"sub-text": n.option.subText,
 						"subdued-text": n.option.subduedText,
 						value: n.option.value,
-						onFocusValue: () => Fe(n.option),
-						onToggleValue: (e, t) => Pe(n.option, t)
+						onFocusValue: () => ze(n.option),
+						onToggleValue: (e, t) => Re(n.option, t)
 					}, null, 8, [
 						"control",
 						"depth",
 						"disabled",
+						"focus-action-disabled",
+						"focus-action-label",
 						"focus-text",
 						"is-focused",
 						"indeterminate",
@@ -3316,40 +3345,40 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 						"value",
 						"onFocusValue",
 						"onToggleValue"
-					])) : (k(), i(Y, {
+					])) : (O(), i(Y, {
 						key: 1,
 						class: "pv-text-brand",
-						disabled: R.value || e.filter.isLoadingMore,
+						disabled: B.value || e.filter.isLoadingMore,
 						label: "See more",
 						style: S({
 							marginLeft: `${n.depth * 1.25}rem`,
 							width: "fit-content"
 						}),
 						variant: "ghost",
-						onClick: (e) => ke(n.parent)
+						onClick: (e) => Ne(n.parent)
 					}, null, 8, [
 						"disabled",
 						"style",
 						"onClick"
 					]))], 64))), 128)),
-					pe.value ? (k(), i(Y, {
+					me.value ? (O(), i(Y, {
 						key: 1,
 						class: "pv-text-brand",
-						disabled: R.value || e.filter.isLoadingMore,
+						disabled: B.value || e.filter.isLoadingMore,
 						label: "See more",
 						style: { width: "fit-content" },
 						variant: "ghost",
-						onClick: X
+						onClick: Me
 					}, null, 8, ["disabled"])) : a("v-if", !0)
 				])) : a("v-if", !0),
-				e.filter.filterFooterRenderer ? (k(), i(P(e.filter.filterFooterRenderer), x(v({ key: 3 }, Oe.value)), null, 16)) : a("v-if", !0)
+				e.filter.filterFooterRenderer ? (O(), i(P(e.filter.filterFooterRenderer), x(v({ key: 3 }, je.value)), null, 16)) : a("v-if", !0)
 			], 64))
-		], 64)) : T.value === "range" && e.filter.rangeMin !== null && e.filter.rangeMax !== null ? (k(), i(Hr, {
+		], 64)) : E.value === "range" && e.filter.rangeMin !== null && e.filter.rangeMax !== null ? (O(), i(Hr, {
 			key: 1,
 			mode: "dual",
 			rangeValue: e.filter.rangeValue,
 			"data-type": e.filter.dataType,
-			disabled: R.value,
+			disabled: B.value,
 			"input-icon": e.filter.rangeInputIcon,
 			label: e.filter.label,
 			max: e.filter.rangeMax,
@@ -3358,7 +3387,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 			"slider-step": e.filter.rangeSliderStep,
 			step: e.filter.rangeStep,
 			"value-decimals": e.filter.valueDecimals,
-			"onUpdate:rangeValue": Ne
+			"onUpdate:rangeValue": Le
 		}, null, 8, [
 			"rangeValue",
 			"data-type",
@@ -3371,31 +3400,31 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 			"slider-step",
 			"step",
 			"value-decimals"
-		])) : T.value === "range" ? (k(), o("p", pa, " Range filters require minimum and maximum bounds. ")) : T.value === "boolean" ? (k(), o("div", ma, [s("div", ha, [(k(!0), o(t, null, N(te.value, (t) => (k(), i(Y, {
+		])) : E.value === "range" ? (O(), o("p", pa, " Range filters require minimum and maximum bounds. ")) : E.value === "boolean" ? (O(), o("div", ma, [s("div", ha, [(O(!0), o(t, null, M(ne.value, (t) => (O(), i(Y, {
 			key: String(t.value),
-			disabled: R.value,
+			disabled: B.value,
 			label: t.label,
 			variant: e.filter.booleanValue === t.value ? "primary" : "secondary",
-			onClick: (n) => je(e.filter.booleanValue === t.value ? null : t.value)
+			onClick: (n) => Fe(e.filter.booleanValue === t.value ? null : t.value)
 		}, null, 8, [
 			"disabled",
 			"label",
 			"variant",
 			"onClick"
-		]))), 128))]), e.filter.booleanValue !== null && e.filter.booleanValue !== void 0 ? (k(), i(Y, {
+		]))), 128))]), e.filter.booleanValue !== null && e.filter.booleanValue !== void 0 ? (O(), i(Y, {
 			key: 0,
 			class: "pv-text-brand",
-			disabled: R.value,
+			disabled: B.value,
 			label: "Clear",
 			variant: "ghost",
-			onClick: r[1] ||= (e) => je(null)
-		}, null, 8, ["disabled"])) : a("v-if", !0)])) : T.value === "exists" ? (k(), o("label", ga, [u(Tr, {
-			disabled: R.value,
+			onClick: r[1] ||= (e) => Fe(null)
+		}, null, 8, ["disabled"])) : a("v-if", !0)])) : E.value === "exists" ? (O(), o("label", ga, [u(Tr, {
+			disabled: B.value,
 			modelValue: e.filter.existsValue ?? !1,
-			"onUpdate:modelValue": Me
+			"onUpdate:modelValue": Ie
 		}, null, 8, ["disabled", "modelValue"]), s("span", _a, L(y.value), 1)])) : a("v-if", !0)], 12, ea)], 40, Xi));
 	}
-}), [["styles", ["summary[data-v-1bc7f614]{background-image:none;padding-right:2px}[data-v-1bc7f614] .pv-input-search{background-color:#fff}.suggested-title-label[data-v-1bc7f614]{text-underline-offset:2px;text-decoration:underline dotted}.pv-filter-panel-refresh-status[data-v-1bc7f614]{margin-left:auto;display:inline-flex}"]], ["__scopeId", "data-v-1bc7f614"]]), xa = ["data-style"], Sa = /* @__PURE__ */ d({
+}), [["styles", ["summary[data-v-347ad16b]{background-image:none;padding-right:2px}[data-v-347ad16b] .pv-input-search{background-color:#fff}.suggested-title-label[data-v-347ad16b]{text-underline-offset:2px;text-decoration:underline dotted}.pv-filter-panel-refresh-status[data-v-347ad16b]{margin-left:auto;display:inline-flex}"]], ["__scopeId", "data-v-347ad16b"]]), xa = ["data-style"], Sa = /* @__PURE__ */ d({
 	__name: "PvTag",
 	props: {
 		size: {
@@ -3437,7 +3466,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 			};
 			return t.variant === "transparent" && (e["--tag-background-color"] = "transparent"), e;
 		});
-		return (t, r) => (k(), o("button", {
+		return (t, r) => (O(), o("button", {
 			class: b([
 				c.value,
 				n.value,
@@ -3448,7 +3477,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 			"data-testid": "pv-tag",
 			"data-style": e.rounded ? "rounded" : void 0
 		}, [
-			e.icon ? (k(), i(be, {
+			e.icon ? (O(), i(be, {
 				key: 0,
 				"data-testid": "pv-tag-icon",
 				class: b(e.iconClasses),
@@ -3456,7 +3485,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 				size: 12
 			}, null, 8, ["class", "name"])) : a("v-if", !0),
 			s("span", { class: b(["pv-truncate", { "pv-underline-dotted": e.spine }]) }, L(e.label), 3),
-			e.showClear ? (k(), i(be, {
+			e.showClear ? (O(), i(be, {
 				key: 1,
 				"data-testid": "pv-tag-close-icon",
 				size: 12,
@@ -3521,7 +3550,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 		let a = e, c = n, l = r(() => a.externalFilters.filter((e) => e.values.length > 0)), u = r(() => a.appliedCount > 0 || l.value.length > 0), d = (e) => !a.readOnly && e.removable !== !1, f = (e, t) => {
 			c("remove-filter", t.field ?? e, t.value, t.type);
 		};
-		return (n, r) => (k(), o("section", Ca, [u.value ? (k(), o("div", wa, [(k(!0), o(t, null, N(l.value, (e) => (k(), o("div", {
+		return (n, r) => (O(), o("section", Ca, [u.value ? (O(), o("div", wa, [(O(!0), o(t, null, M(l.value, (e) => (O(), o("div", {
 			key: `external-${e.key}`,
 			class: "pv-flex-vertical pv-border-bottom",
 			"data-testid": "pv-filter-panel-external-filter-group",
@@ -3530,7 +3559,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 				"--flex-gap": "12px",
 				"padding-bottom": "12px"
 			}
-		}, [s("span", Ta, L(e.label), 1), s("div", Ea, [(k(!0), o(t, null, N(e.values, (t) => (k(), i(Sa, {
+		}, [s("span", Ta, L(e.label), 1), s("div", Ea, [(O(!0), o(t, null, M(e.values, (t) => (O(), i(Sa, {
 			key: `${e.key}-${t.value}`,
 			label: t.label,
 			showClear: d(e),
@@ -3539,7 +3568,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 			"label",
 			"showClear",
 			"onHandleClose"
-		]))), 128))])]))), 128)), (k(!0), o(t, null, N(e.appliedGroups, (n) => (k(), o("div", {
+		]))), 128))])]))), 128)), (O(!0), o(t, null, M(e.appliedGroups, (n) => (O(), o("div", {
 			key: n.key,
 			class: "pv-flex-vertical pv-border-bottom",
 			style: {
@@ -3547,7 +3576,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 				"--flex-gap": "12px",
 				"padding-bottom": "12px"
 			}
-		}, [s("span", Da, L(n.label), 1), s("div", Oa, [(k(!0), o(t, null, N(n.values, (t) => (k(), i(Sa, {
+		}, [s("span", Da, L(n.label), 1), s("div", Oa, [(O(!0), o(t, null, M(n.values, (t) => (O(), i(Sa, {
 			key: `${t.field ?? n.key}-${t.type ?? "value"}-${t.value}`,
 			label: t.label,
 			showClear: !e.readOnly,
@@ -3556,7 +3585,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 			"label",
 			"showClear",
 			"onHandleClose"
-		]))), 128))])]))), 128))])) : (k(), o("p", ka, "No filters applied yet."))]));
+		]))), 128))])]))), 128))])) : (O(), o("p", ka, "No filters applied yet."))]));
 	}
 }), ja = { class: "pv-horizontal-scroller" }, Ma = ["aria-label"], Na = 1, Pa = /* @__PURE__ */ d({
 	__name: "PvHorizontalScroller",
@@ -3599,7 +3628,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 		}
 	},
 	setup(e) {
-		let t = e, n = M(!1), c = M(!1), l = M(null), u = M(null), d = null, f = !1, p = r(() => Math.max(0, t.scrollFraction)), m = () => {
+		let t = e, n = j(!1), c = j(!1), l = j(null), u = j(null), d = null, f = !1, p = r(() => Math.max(0, t.scrollFraction)), m = () => {
 			let e = u.value;
 			if (!e) return;
 			let t = Math.max(0, e.scrollWidth - e.clientWidth);
@@ -3619,11 +3648,11 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 		};
 		return T(() => {
 			u.value?.addEventListener("scroll", m, { passive: !0 }), typeof ResizeObserver < "u" ? (d = new ResizeObserver(() => m()), h()) : (f = !0, window.addEventListener("resize", m)), g();
-		}), O(() => {
+		}), D(() => {
 			h(), g();
 		}), C(() => {
 			u.value?.removeEventListener("scroll", m), d?.disconnect(), f && window.removeEventListener("resize", m);
-		}), (t, r) => (k(), o("div", ja, [
+		}), (t, r) => (O(), o("div", ja, [
 			s("div", {
 				ref_key: "scrollContainer",
 				ref: u,
@@ -3634,11 +3663,11 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 				ref_key: "contentContainer",
 				ref: l,
 				class: "pv-horizontal-scroller-content"
-			}, [ee(t.$slots, "default")], 512)], 10, Ma),
+			}, [N(t.$slots, "default")], 512)], 10, Ma),
 			s("div", { class: b(["pv-horizontal-scroller-control pv-horizontal-scroller-control-left", {
 				"pv-horizontal-scroller-control-hidden": !n.value,
 				"pv-horizontal-scroller-control-left-fade": e.showFades
-			}]) }, [n.value ? (k(), i(Y, {
+			}]) }, [n.value ? (O(), i(Y, {
 				key: 0,
 				ariaLabel: e.leftAriaLabel,
 				leftIcon: "chevron-left",
@@ -3653,7 +3682,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 			s("div", { class: b(["pv-horizontal-scroller-control pv-horizontal-scroller-control-right", {
 				"pv-horizontal-scroller-control-hidden": !c.value,
 				"pv-horizontal-scroller-control-right-fade": e.showFades
-			}]) }, [c.value ? (k(), i(Y, {
+			}]) }, [c.value ? (O(), i(Y, {
 				key: 0,
 				ariaLabel: e.rightAriaLabel,
 				leftIcon: "chevron-right",
@@ -3696,7 +3725,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let n = e, c = re(e, "modelValue"), l = r(() => {
+		let n = e, c = ne(e, "modelValue"), l = r(() => {
 			let e = /* @__PURE__ */ new Set(), t = [];
 			for (let r of n.filters) r.category && (e.add(r.category), t.includes(r.category) || t.push(r.category));
 			let r = (n.categoryOrder ?? []).filter((t) => e.has(t)), i = new Set(r), a = t.filter((e) => !i.has(e));
@@ -3706,7 +3735,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 		}, f = (e) => c.value === e ? "secondary" : "ghost";
 		return H(l, (e) => {
 			c.value !== null && !e.includes(c.value) && (c.value = null);
-		}, { immediate: !0 }), (n, r) => l.value.length ? (k(), o("div", Fa, [u(Pa, {
+		}, { immediate: !0 }), (n, r) => l.value.length ? (O(), o("div", Fa, [u(Pa, {
 			ariaLabel: "Filter categories",
 			buttonSize: "lg",
 			buttonVariant: "ghost",
@@ -3719,7 +3748,7 @@ var fr = /* @__PURE__ */ new Set(), pr = (e, t) => {
 				label: e.allCategoriesLabel,
 				variant: f(null),
 				onClick: r[0] ||= (e) => d(null)
-			}, null, 8, ["label", "variant"]), (k(!0), o(t, null, N(l.value, (e) => (k(), i(Y, {
+			}, null, 8, ["label", "variant"]), (O(!0), o(t, null, M(l.value, (e) => (O(), i(Y, {
 				key: e,
 				label: e,
 				variant: f(e),
@@ -4187,7 +4216,7 @@ var yo = (e, t, n) => {
 		children: hs(e.children, t, n).filter((e) => !!e)
 	} : e));
 }, gs = (e, t) => `${e}::${t}`, _s = () => {
-	let e = M(null), t = M(null), n = M(), r = M({}), i = M({}), a = M({}), o = M({}), s = M({}), c = M({}), l = M({}), u = M({}), d = M({}), f = M({}), p = M({}), m = M({}), h = M({}), g = M({}), _ = M({}), v = M(), y = M({}), b = (e) => {
+	let e = j(null), t = j(null), n = j(), r = j({}), i = j({}), a = j({}), o = j({}), s = j({}), c = j({}), l = j({}), u = j({}), d = j({}), f = j({}), p = j({}), m = j({}), h = j({}), g = j({}), _ = j({}), v = j(), y = j({}), b = (e) => {
 		v.value = e;
 	}, x = (e) => r.value[e] ?? [], S = (e, t) => {
 		r.value[e] = t;
@@ -4198,16 +4227,16 @@ var yo = (e, t, n) => {
 		o.value = ds(i.value), s.value = ds(a.value);
 	}, E = () => {
 		o.value = {}, s.value = {};
-	}, D = () => {
+	}, ee = () => {
 		i.value = ds(o.value), a.value = ds(s.value), E();
-	}, O = (e, t) => {
+	}, D = (e, t) => {
 		c.value[e] = t;
-	}, k = (e, t) => {
+	}, O = (e, t) => {
 		l.value[e] = t;
-	}, A = (e, t) => `${t ? "append" : "initial"}::${e}`, j = (e, t) => {
-		let n = t ? d : u, r = A(e, t);
+	}, k = (e, t) => `${t ? "append" : "initial"}::${e}`, A = (e, t) => {
+		let n = t ? d : u, r = k(e, t);
 		return y.value[r] = (y.value[r] ?? 0) + 1, n.value[e] = !0, r;
-	}, N = (e, t, n) => {
+	}, M = (e, t, n) => {
 		let r = t ? d : u, i = Math.max(0, (y.value[n] ?? 1) - 1);
 		if (i > 0) {
 			y.value[n] = i;
@@ -4217,13 +4246,13 @@ var yo = (e, t, n) => {
 	};
 	return {
 		clearStagedFilterSelections: E,
-		commitStagedFilterSelections: D,
+		commitStagedFilterSelections: ee,
 		fetchFilterOptions: async (n) => {
 			let o = v.value;
 			if (!o) return [];
 			let s = n.query ?? c.value[n.field] ?? void 0;
 			c.value[n.field] = s;
-			let u = n.parentId ? ps(r.value[n.field], n.parentId) : void 0, d = n.offset ?? (n.parentId ? u?.children?.length ?? 0 : n.reason === "load-more" ? (r.value[n.field] ?? []).filter(Boolean).length : 0), y = n.reason === "load-more" || n.reason === "child-load-more", b = j(n.field, y), x = n.parentId ? gs(n.field, n.parentId) : n.field, S = (g.value[x] ?? 0) + 1;
+			let u = n.parentId ? ps(r.value[n.field], n.parentId) : void 0, d = n.offset ?? (n.parentId ? u?.children?.length ?? 0 : n.reason === "load-more" ? (r.value[n.field] ?? []).filter(Boolean).length : 0), y = n.reason === "load-more" || n.reason === "child-load-more", b = A(n.field, y), x = n.parentId ? gs(n.field, n.parentId) : n.field, S = (g.value[x] ?? 0) + 1;
 			g.value[x] = S;
 			try {
 				let c = await o({
@@ -4249,7 +4278,7 @@ var yo = (e, t, n) => {
 				}
 				return r.value[n.field] = b, _.value[n.field] = !1, b.filter((e) => !!e).map((e) => e.value);
 			} finally {
-				N(n.field, y, b);
+				M(n.field, y, b);
 			}
 		},
 		filterChildHasMoreMap: m,
@@ -4271,10 +4300,10 @@ var yo = (e, t, n) => {
 		getFilterOptions: x,
 		getFilterSelectedValues: C,
 		initStagedFilterSelections: T,
-		setFilterFacetSelections: k,
+		setFilterFacetSelections: O,
 		setFilterOptions: S,
 		setFilterOptionsHandler: b,
-		setFilterSearchQuery: O,
+		setFilterSearchQuery: D,
 		setFilterSelectedValues: w,
 		stagedFilterModel: t,
 		stagedFilterSelectedMetadataMap: s,
@@ -4287,7 +4316,7 @@ var yo = (e, t, n) => {
 	"exists"
 ]);
 function Cs(e, t, n) {
-	let i = p(), a = M(t.value), o = _s(), s = vs(), c = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Set(), u = F(/* @__PURE__ */ new Map()), d = r(() => !!(e.filterStore ?? s)), f = r(() => !d.value && !!e.filterOptionsHandler), m = r(() => e.filterStore ?? s ?? o), h = r(() => m.value === o), g = r(() => d.value || f.value), _ = r(() => e.filterModelType ?? m.value?.filterModelType.value), v = r(() => _.value ?? "advanced"), y = r(() => {
+	let i = p(), a = j(t.value), o = _s(), s = vs(), c = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Set(), u = F(/* @__PURE__ */ new Map()), d = r(() => !!(e.filterStore ?? s)), f = r(() => !d.value && !!e.filterOptionsHandler), m = r(() => e.filterStore ?? s ?? o), h = r(() => m.value === o), g = r(() => d.value || f.value), _ = r(() => e.filterModelType ?? m.value?.filterModelType.value), v = r(() => _.value ?? "advanced"), y = r(() => {
 		let n = m.value;
 		return n ? e.staged ? n.stagedFilterModel.value : n.filterModel.value : e.staged ? a.value : t.value;
 	}), b = r(() => es(y.value, v.value)), x = (e, t) => {
@@ -4374,53 +4403,53 @@ function Cs(e, t, n) {
 	}, E = () => {
 		let e = i?.vnode.props ?? {};
 		return Object.prototype.hasOwnProperty.call(e, "filterModel") || Object.prototype.hasOwnProperty.call(e, "filter-model");
-	}, D = (e) => !!(e && typeof e == "object" && "filterType" in e), O = (e) => {
+	}, ee = (e) => !!(e && typeof e == "object" && "filterType" in e), D = (e) => {
 		if (!e) return;
-		let t = D(e);
+		let t = ee(e);
 		v.value === "advanced" && !t && T("regular-model-in-advanced-mode", "PvFilterPanel: produced a regular FilterModel while filterModelType is \"advanced\"."), v.value === "regular" && t && T("advanced-model-in-regular-mode", "PvFilterPanel: produced an AdvancedFilterModel while filterModelType is \"regular\".");
 	};
 	se(() => {
 		w("filterModel", !!((e.filterStore || s) && t.value !== null)), w("filterOptions", Object.keys(e.filterOptions).length > 0), w("filterLoadingMap", Object.keys(e.filterLoadingMap).length > 0), w("filterLoadingMoreMap", Object.keys(e.filterLoadingMoreMap).length > 0), w("filterHasMoreMap", Object.keys(e.filterHasMoreMap).length > 0), w("filterSearchQueries", Object.keys(e.filterSearchQueries).length > 0), w("filterOptionsHandler", !!(e.filterStore && e.filterOptionsHandler));
 		let n = !!((e.filterStore || s) && y.value !== null);
-		import.meta.env?.DEV && !_.value && y.value !== null && !D(y.value) && (E() || n) && T("missing-filter-model-type", "PvFilterPanel: filterModelType was not provided by props or filterStore; defaulting to \"advanced\".");
+		import.meta.env?.DEV && !_.value && y.value !== null && !ee(y.value) && (E() || n) && T("missing-filter-model-type", "PvFilterPanel: filterModelType was not provided by props or filterStore; defaulting to \"advanced\".");
 	});
-	let k = (e) => e.context ?? {}, A = (e) => e.colId || e.field || "", j = (e) => typeof e == "number" && Number.isFinite(e) ? e : null, N = (e) => {
-		let t = k(e), n = t.filterPanelType;
+	let O = (e) => e.context ?? {}, k = (e) => e.colId || e.field || "", A = (e) => typeof e == "number" && Number.isFinite(e) ? e : null, M = (e) => {
+		let t = O(e), n = t.filterPanelType;
 		if (n && Ss.has(n)) return n;
 		if (t.filterPanelRange) return "range";
 		if (t.dataType === "boolean") return "boolean";
 		if (e.filter) return "value";
-	}, ee = (e) => N(e) ?? "value", P = (e) => k(e).filterPanelCategory ?? null, I = (e) => {
-		let t = k(e).filterPanelValueLabels;
+	}, N = (e) => M(e) ?? "value", P = (e) => O(e).filterPanelCategory ?? null, I = (e) => {
+		let t = O(e).filterPanelValueLabels;
 		return typeof t != "object" || !t || Array.isArray(t) ? null : Object.fromEntries(Object.entries(t).flatMap(([e, t]) => typeof t == "string" ? [[e, t]] : []));
 	}, L = (t) => {
-		let n = k(t), r = A(t);
-		return !r || n.filterPanelHidden === !0 || n.devOnly && !e.devMode || e.autoHideRelatedFilterFields !== !1 && n.filterPanelHidden !== !1 && oe.value.has(r) ? !1 : !!N(t);
+		let n = O(t), r = k(t);
+		return !r || n.filterPanelHidden === !0 || n.devOnly && !e.devMode || e.autoHideRelatedFilterFields !== !1 && n.filterPanelHidden !== !1 && oe.value.has(r) ? !1 : !!M(t);
 	}, R = (e) => (m.value.filterOptionsMap.value[e] ?? []).filter((e) => !!e), z = (t) => {
 		let n = m.value;
 		return ((e.staged ? n.stagedFilterSelectedMetadataMap : n.filterSelectedMetadataMap).value[t] ?? []).filter((e) => !!e);
-	}, te = (e) => m.value.filterHasMoreMap.value[e] ?? !1, ne = (e) => m.value.filterLoadingMap.value[e] ?? !1, re = (e) => m.value.filterLoadingMoreMap.value[e] ?? !1, B = (e) => m.value.filterSearchQueries.value[e] ?? "", ie = (t) => e.filterSuggestions.flatMap((e) => e.field !== t || e.filter.type !== "value" ? [] : [e.option ?? {
+	}, B = (e) => m.value.filterHasMoreMap.value[e] ?? !1, te = (e) => m.value.filterLoadingMap.value[e] ?? !1, ne = (e) => m.value.filterLoadingMoreMap.value[e] ?? !1, V = (e) => m.value.filterSearchQueries.value[e] ?? "", re = (t) => e.filterSuggestions.flatMap((e) => e.field !== t || e.filter.type !== "value" ? [] : [e.option ?? {
 		label: e.label,
 		value: e.filter.value
-	}]), ae = (e) => [
-		...ie(e),
+	}]), ie = (e) => [
+		...re(e),
 		...R(e),
 		...z(e)
-	], V = (e) => {
+	], ae = (e) => {
 		if (typeof e != "object" || !e || !("field" in e)) return [];
-		let t = e, n = typeof t.field == "string" ? t.field : null, r = Array.isArray(t.children) ? t.children.flatMap(V) : [];
+		let t = e, n = typeof t.field == "string" ? t.field : null, r = Array.isArray(t.children) ? t.children.flatMap(ae) : [];
 		return n ? [n, ...r] : r;
 	}, oe = r(() => {
 		let t = /* @__PURE__ */ new Set();
 		for (let n of e.colDefs) {
-			let e = k(n);
+			let e = O(n);
 			for (let n of Array.isArray(e.aggregateFields) ? e.aggregateFields : []) n && t.add(n);
-			for (let n of V(e.aggregateFieldHierarchy)) n && t.add(n);
+			for (let n of ae(e.aggregateFieldHierarchy)) n && t.add(n);
 			for (let n of e.filterGroup?.fields ?? []) n && t.add(n);
 		}
 		return t;
 	}), U = (e) => {
-		let t = A(e), n = k(e), r = Array.isArray(n.aggregateFields) ? n.aggregateFields.filter(Boolean) : [], i = V(n.aggregateFieldHierarchy);
+		let t = k(e), n = O(e), r = Array.isArray(n.aggregateFields) ? n.aggregateFields.filter(Boolean) : [], i = ae(n.aggregateFieldHierarchy);
 		return Array.from(new Set([
 			t,
 			...r,
@@ -4446,29 +4475,30 @@ function Cs(e, t, n) {
 			a !== null && t.get(n)?.includes(a) && r.add(i.value);
 		}
 		return Array.from(r);
-	}, de = (t) => Object.fromEntries(U(t).map((t) => [t, e.focusedValues[t] ?? []])), G = (t) => e.colDefs.find((e) => A(e) === t || e.field === t || e.colId === t), K = (e) => G(e)?.headerName ?? e, fe = (e) => {
-		let t = k(e);
-		return typeof t.filterPanelSearchPlaceholder == "string" ? t.filterPanelSearchPlaceholder : yo(A(e), t.queryColIds, K);
+	}, de = (t) => Object.fromEntries(U(t).map((t) => [t, e.focusedValues[t] ?? []])), G = (t) => e.colDefs.find((e) => k(e) === t || e.field === t || e.colId === t), K = (e) => G(e)?.headerName ?? e, fe = (e) => {
+		let t = O(e);
+		return typeof t.filterPanelSearchPlaceholder == "string" ? t.filterPanelSearchPlaceholder : yo(k(e), t.queryColIds, K);
 	}, pe = (e, t) => xo({
 		fallbackSubText: e.subText,
 		getDisplayName: K,
 		matchedField: e.matchedField,
 		matchedValue: e.matchedValue,
 		primaryText: e.label,
-		showPrefix: k(t).showSearchMatchSubTextPrefix !== !1
+		showPrefix: O(t).showSearchMatchSubTextPrefix !== !1
 	}), me = (e, t) => e.map((e) => ({
 		...e,
 		children: e.children?.length ? me(e.children, t) : e.children,
 		subText: pe(e, t)
 	})), he = (e) => {
-		let t = k(e).filterGroup;
+		let t = O(e).filterGroup;
 		if (t?.fields.length) return t.fields.map((e) => ({
 			field: e,
 			isActive: b.value.get(e)?.booleanValue === !0,
 			label: G(e)?.headerName ?? e
 		}));
 	}, q = (e) => ge.value.find((t) => t.key === e) ?? ge.value.find((t) => U(t.colDef).includes(e)), J = (e, t, n) => hi(q(e)?.knownOptions ?? []).find((r) => r.value === n || gi(r, t, n, e)), ge = r(() => e.colDefs.filter(L).map((t) => {
-		let n = A(t), r = k(t), i = ee(t), a = me(R(n), t), o = me(ae(n), t), s = {
+		let n = k(t), r = O(t), i = N(t), a = me(R(n), t), o = me(ie(n), t), s = {
+			canRemoveFocus: e.canRemoveFocus,
 			category: P(t),
 			clientFiltering: r.filterOptionsClientFiltering !== !1,
 			colDef: t,
@@ -4487,29 +4517,31 @@ function Cs(e, t, n) {
 			filterSectionDefs: r.filterSectionDefs,
 			filterOptionsSortDescription: r.filterOptionsSortDescription,
 			filterOptionsSortTooltip: r.filterOptionsSortTooltip,
+			focusFieldLabels: Object.fromEntries(U(t).map((e) => [e, K(e)])),
+			focusableFields: e.focusableFields,
 			focusText: e.focusText,
 			hideOptionsSortDescription: r.filterPanelHideOptionsSortDescription,
 			hideSearch: r.filterPanelHideSearch,
 			focusedValues: e.focusedValues[n] ?? [],
 			focusedValuesByField: de(t),
-			hasMore: te(n),
+			hasMore: B(n),
 			isAggregate: ce(t),
 			isFocusable: e.enableFocusView && (!e.focusableFields.length || U(t).some((t) => e.focusableFields.includes(t))),
-			isLoading: ne(n),
-			isLoadingMore: re(n),
+			isLoading: te(n),
+			isLoadingMore: ne(n),
 			isOpen: !1,
 			key: n,
 			knownOptions: o,
 			label: t.headerName || n,
 			loadingText: r.filterOptionsLoadingText,
 			rangeInputIcon: r.filterPanelRange?.inputIcon ?? null,
-			rangeMax: j(r.filterPanelRange?.max),
-			rangeMin: j(r.filterPanelRange?.min),
+			rangeMax: A(r.filterPanelRange?.max),
+			rangeMin: A(r.filterPanelRange?.min),
 			rangeScale: r.filterPanelRange?.scale,
-			rangeSliderStep: j(r.filterPanelRange?.sliderStep),
-			rangeStep: j(r.filterPanelRange?.step),
+			rangeSliderStep: A(r.filterPanelRange?.sliderStep),
+			rangeStep: A(r.filterPanelRange?.step),
 			searchPlaceholder: fe(t),
-			searchQuery: B(n) ?? "",
+			searchQuery: V(n) ?? "",
 			singleSelect: r.filterPanelSingleSelect === !0,
 			type: i,
 			valueDecimals: r.valueDecimals ?? null,
@@ -4607,7 +4639,7 @@ function Cs(e, t, n) {
 		}
 		for (let r of ge.value) r.type === "value" && (e && (n.has(r.key) || U(r.colDef).some((e) => n.has(e))) || (t.filterStaleMap.value[r.key] = !0));
 	}, Y = (r, i, o, c) => {
-		O(r);
+		D(r);
 		let l = y.value, u = m.value;
 		u ? (S(u, r), r === null && (e.staged ? (u.stagedFilterSelectedValueMap.value = {}, u.stagedFilterSelectedMetadataMap.value = {}) : (u.filterSelectedValueMap.value = {}, u.filterSelectedMetadataMap.value = {}))) : e.staged && (a.value = r), !e.filterStore && !s && !e.staged && (t.value = r), Ee(o), n("filter-change", {
 			colDef: (o ? q(o) : void 0)?.colDef,
@@ -4895,6 +4927,10 @@ var ws = ["aria-label"], Ts = { class: "pv-filter-panel-header pv-flex pv-border
 			type: Boolean,
 			default: void 0
 		},
+		canRemoveFocus: {
+			type: Boolean,
+			default: !0
+		},
 		cancelLabel: {
 			default: "Cancel",
 			type: String
@@ -5036,15 +5072,15 @@ var ws = ["aria-label"], Ts = { class: "pv-filter-panel-header pv-flex pv-border
 		"suggestion-click"
 	], ["update:filterModel", "update:isCollapsed"]),
 	setup(e, { emit: n }) {
-		let c = e, l = re(e, "filterModel"), d = re(e, "isCollapsed"), f = n, { resolvedFilters: p, appliedGroups: m, appliedCount: h, showClearAll: g, visibleSuggestions: _, activateFilter: v, applyStagedFilters: y, cancelStagedFilters: b, clearAllFilters: x, getSuggestionKey: C, handleControlChange: w, handleLoadMore: T, handleSearchChange: E, handleSuggestionClick: D, removeAppliedFilter: O } = Cs(c, l, f), A = M("filters"), j = M({}), P = M(null), F = M(!1), I = M(!1), R = M(""), te = r(() => c.enableFilterSearch ? R.value.trim().toLowerCase() : ""), ne = r(() => te.value.length > 0), B = (e) => e.label.toLowerCase().includes(te.value);
-		H(ne, (e) => {
+		let c = e, l = ne(e, "filterModel"), d = ne(e, "isCollapsed"), f = n, { resolvedFilters: p, appliedGroups: m, appliedCount: h, showClearAll: g, visibleSuggestions: _, activateFilter: v, applyStagedFilters: y, cancelStagedFilters: b, clearAllFilters: x, getSuggestionKey: C, handleControlChange: w, handleLoadMore: T, handleSearchChange: E, handleSuggestionClick: ee, removeAppliedFilter: D } = Cs(c, l, f), k = j("filters"), A = j({}), P = j(null), F = j(!1), I = j(!1), R = j(""), B = r(() => c.enableFilterSearch ? R.value.trim().toLowerCase() : ""), te = r(() => B.value.length > 0), V = (e) => e.label.toLowerCase().includes(B.value);
+		H(te, (e) => {
 			e && (P.value = null);
 		}), H(P, (e) => {
 			e !== null && (R.value = "");
 		});
-		let ie = (e) => e.colDef.context?.filterCollapsedByDefault === !0, ae = r(() => ne.value ? p.value.filter(B) : P.value === null ? p.value : p.value.filter((e) => e.category === P.value)), V = r(() => ae.value.filter((e) => !ie(e))), se = r(() => ae.value.filter(ie)), W = r(() => P.value !== null), le = r(() => W.value || ne.value || F.value ? [...V.value, ...se.value] : V.value), ue = r(() => ne.value ? "No filters match your search." : "No filters in this category."), de = r(() => `${F.value ? "Hide" : "Show"} ${c.collapsedFilterDisplayLabel}`), G = r(() => A.value === "filters" && !W.value && !ne.value && se.value.length > 0), K = r(() => c.externalFilters.filter((e) => e.values.length > 0)), fe = r(() => K.value.filter((e) => e.removable !== !1)), pe = r(() => K.value.reduce((e, t) => e + t.values.length, 0)), me = r(() => fe.value.reduce((e, t) => e + t.values.length, 0)), he = r(() => h.value + pe.value), q = r(() => g.value || me.value > 0), J = r(() => !c.readOnly && (q.value || c.staged)), ge = r(() => le.value.map((e) => ({
+		let re = (e) => e.colDef.context?.filterCollapsedByDefault === !0, ie = r(() => te.value ? p.value.filter(V) : P.value === null ? p.value : p.value.filter((e) => e.category === P.value)), ae = r(() => ie.value.filter((e) => !re(e))), se = r(() => ie.value.filter(re)), W = r(() => P.value !== null), le = r(() => W.value || te.value || F.value ? [...ae.value, ...se.value] : ae.value), ue = r(() => te.value ? "No filters match your search." : "No filters in this category."), de = r(() => `${F.value ? "Hide" : "Show"} ${c.collapsedFilterDisplayLabel}`), G = r(() => k.value === "filters" && !W.value && !te.value && se.value.length > 0), K = r(() => c.externalFilters.filter((e) => e.values.length > 0)), fe = r(() => K.value.filter((e) => e.removable !== !1)), pe = r(() => K.value.reduce((e, t) => e + t.values.length, 0)), me = r(() => fe.value.reduce((e, t) => e + t.values.length, 0)), he = r(() => h.value + pe.value), q = r(() => g.value || me.value > 0), J = r(() => !c.readOnly && (q.value || c.staged)), ge = r(() => le.value.map((e) => ({
 			...e,
-			isOpen: j.value[e.key] ?? e.isOpen ?? !1
+			isOpen: A.value[e.key] ?? e.isOpen ?? !1
 		}))), _e = r(() => [{
 			label: "Filters",
 			value: "filters"
@@ -5058,9 +5094,9 @@ var ws = ["aria-label"], Ts = { class: "pv-filter-panel-header pv-flex pv-border
 			minHeight: "0",
 			width: c.width
 		})), ye = (e) => {
-			(e === "filters" || e === "applied") && (A.value = e);
+			(e === "filters" || e === "applied") && (k.value = e);
 		}, be = (e, t) => {
-			j.value[e.key] = t, f("open-change", e.key, t, e.colDef), t && v(e);
+			A.value[e.key] = t, f("open-change", e.key, t, e.colDef), t && v(e);
 		}, xe = () => {
 			I.value = !1;
 		}, Se = () => {
@@ -5070,7 +5106,7 @@ var ws = ["aria-label"], Ts = { class: "pv-filter-panel-header pv-flex pv-border
 		}, Ce = () => {
 			I.value = !0;
 		};
-		return (n, r) => (k(), o(t, null, [d.value ? a("v-if", !0) : (k(), o("div", {
+		return (n, r) => (O(), o(t, null, [d.value ? a("v-if", !0) : (O(), o("div", {
 			key: 0,
 			role: "complementary",
 			class: "pv-filter-panel pv-flex-vertical pv-surface pv-border-right",
@@ -5079,12 +5115,12 @@ var ws = ["aria-label"], Ts = { class: "pv-filter-panel-header pv-flex pv-border
 			style: S(ve.value)
 		}, [
 			s("div", Ts, [u(br, {
-				modelValue: A.value,
+				modelValue: k.value,
 				options: _e.value,
 				class: "pv-filter-panel-mode-control",
 				size: "xl",
 				"onUpdate:modelValue": ye
-			}, null, 8, ["modelValue", "options"]), e.hideCollapseButton ? a("v-if", !0) : (k(), i(Y, {
+			}, null, 8, ["modelValue", "options"]), e.hideCollapseButton ? a("v-if", !0) : (O(), i(Y, {
 				key: 0,
 				ariaLabel: "Collapse filters",
 				leftIcon: "chevrons-left",
@@ -5093,19 +5129,19 @@ var ws = ["aria-label"], Ts = { class: "pv-filter-panel-header pv-flex pv-border
 				onClick: r[0] ||= (e) => d.value = !0
 			}))]),
 			s("div", Es, [ce(s("div", Ds, [
-				!e.readOnly && z(_).length ? (k(), o("section", Os, [r[8] ||= s("p", { class: "pv-filter-panel-section-title pv-text-title-sm pv-text-subdued" }, "Suggestions", -1), s("div", ks, [(k(!0), o(t, null, N(z(_), (e) => (k(), i(Cr, {
+				!e.readOnly && z(_).length ? (O(), o("section", Os, [r[8] ||= s("p", { class: "pv-filter-panel-section-title pv-text-title-sm pv-text-subdued" }, "Suggestions", -1), s("div", ks, [(O(!0), o(t, null, M(z(_), (e) => (O(), i(Cr, {
 					key: z(C)(e),
 					icon: e.icon,
 					"icon-classes": e.iconClasses,
 					label: e.label,
-					onHandleClick: () => z(D)(e)
+					onHandleClick: () => z(ee)(e)
 				}, null, 8, [
 					"icon",
 					"icon-classes",
 					"label",
 					"onHandleClick"
 				]))), 128))])])) : a("v-if", !0),
-				ee(n.$slots, "suggestions"),
+				N(n.$slots, "suggestions"),
 				u(La, {
 					modelValue: P.value,
 					"onUpdate:modelValue": r[1] ||= (e) => P.value = e,
@@ -5118,12 +5154,12 @@ var ws = ["aria-label"], Ts = { class: "pv-filter-panel-header pv-flex pv-border
 					"category-order",
 					"filters"
 				]),
-				e.enableFilterSearch && z(p).length ? (k(), o("div", As, [u(pt, {
+				e.enableFilterSearch && z(p).length ? (O(), o("div", As, [u(pt, {
 					modelValue: R.value,
 					"onUpdate:modelValue": r[2] ||= (e) => R.value = e,
 					placeholder: e.filterSearchPlaceholder
 				}, null, 8, ["modelValue", "placeholder"])])) : a("v-if", !0),
-				z(p).length ? ae.value.length ? (k(), o("div", Ns, [(k(!0), o(t, null, N(ge.value, (t) => (k(), i(ba, {
+				z(p).length ? ie.value.length ? (O(), o("div", Ns, [(O(!0), o(t, null, M(ge.value, (t) => (O(), i(ba, {
 					key: t.key,
 					"disable-while-loading": e.disableWhileLoading,
 					filter: t,
@@ -5140,34 +5176,34 @@ var ws = ["aria-label"], Ts = { class: "pv-filter-panel-header pv-flex pv-border
 					"onLoadMore",
 					"onOpenChange",
 					"onSearchChange"
-				]))), 128)), G.value ? (k(), i(Y, {
+				]))), 128)), G.value ? (O(), i(Y, {
 					key: 0,
 					class: "pv-filter-panel-collapsed-filters-toggle pv-text-brand",
 					label: de.value,
 					variant: "ghost",
 					onClick: r[5] ||= (e) => F.value = !F.value
-				}, null, 8, ["label"])) : a("v-if", !0)])) : (k(), o("div", Ms, L(ue.value), 1)) : (k(), o("div", js, " No filters available. "))
-			], 512), [[oe, A.value === "filters"]]), ce(u(Aa, {
+				}, null, 8, ["label"])) : a("v-if", !0)])) : (O(), o("div", Ms, L(ue.value), 1)) : (O(), o("div", js, " No filters available. "))
+			], 512), [[oe, k.value === "filters"]]), ce(u(Aa, {
 				"applied-count": z(h),
 				"applied-groups": z(m),
 				"external-filters": K.value,
 				"read-only": e.readOnly,
 				onRemoveExternalFilter: r[6] ||= (e, t) => f("remove-external-filter", e, t),
-				onRemoveFilter: z(O)
+				onRemoveFilter: z(D)
 			}, null, 8, [
 				"applied-count",
 				"applied-groups",
 				"external-filters",
 				"read-only",
 				"onRemoveFilter"
-			]), [[oe, A.value === "applied"]])]),
-			J.value ? (k(), o("div", Ps, [s("div", Fs, [q.value && !e.readOnly ? (k(), i(Y, {
+			]), [[oe, k.value === "applied"]])]),
+			J.value ? (O(), o("div", Ps, [s("div", Fs, [q.value && !e.readOnly ? (O(), i(Y, {
 				key: 0,
 				class: "pv-text-brand",
 				label: e.clearAllLabel,
 				variant: "ghost",
 				onClick: Ce
-			}, null, 8, ["label"])) : a("v-if", !0), e.staged && !e.readOnly ? (k(), o(t, { key: 1 }, [u(Y, {
+			}, null, 8, ["label"])) : a("v-if", !0), e.staged && !e.readOnly ? (O(), o(t, { key: 1 }, [u(Y, {
 				label: e.cancelLabel,
 				variant: "ghost",
 				onClick: z(b)
@@ -5528,15 +5564,15 @@ var zc = {
 	getCommon({ name: e = "", theme: t = {}, params: n, set: r, defaults: i }) {
 		let { preset: a, options: o } = t, s, c, l, u, d, f, p;
 		if ($(a) && o.transform !== "strict") {
-			let { primitive: t, semantic: n, extend: m } = a, h = n || {}, { colorScheme: g } = h, _ = bc(h, ["colorScheme"]), v = m || {}, { colorScheme: y } = v, b = bc(v, ["colorScheme"]), x = g || {}, { dark: S } = x, C = bc(x, ["dark"]), w = y || {}, { dark: T } = w, E = bc(w, ["dark"]), D = $(t) ? this._toVariables({ primitive: t }, o) : {}, O = $(_) ? this._toVariables({ semantic: _ }, o) : {}, k = $(C) ? this._toVariables({ light: C }, o) : {}, A = $(S) ? this._toVariables({ dark: S }, o) : {}, j = $(b) ? this._toVariables({ semantic: b }, o) : {}, M = $(E) ? this._toVariables({ light: E }, o) : {}, N = $(T) ? this._toVariables({ dark: T }, o) : {}, [ee, P] = [D.declarations ?? "", D.tokens], [F, I] = [O.declarations ?? "", O.tokens || []], [L, R] = [k.declarations ?? "", k.tokens || []], [z, te] = [A.declarations ?? "", A.tokens || []], [ne, re] = [j.declarations ?? "", j.tokens || []], [B, ie] = [M.declarations ?? "", M.tokens || []], [ae, V] = [N.declarations ?? "", N.tokens || []];
-			s = this.transformCSS(e, ee, "light", "variable", o, r, i), c = P, l = `${this.transformCSS(e, `${F}${L}`, "light", "variable", o, r, i)}${this.transformCSS(e, `${z}`, "dark", "variable", o, r, i)}`, u = [...new Set([
+			let { primitive: t, semantic: n, extend: m } = a, h = n || {}, { colorScheme: g } = h, _ = bc(h, ["colorScheme"]), v = m || {}, { colorScheme: y } = v, b = bc(v, ["colorScheme"]), x = g || {}, { dark: S } = x, C = bc(x, ["dark"]), w = y || {}, { dark: T } = w, E = bc(w, ["dark"]), ee = $(t) ? this._toVariables({ primitive: t }, o) : {}, D = $(_) ? this._toVariables({ semantic: _ }, o) : {}, O = $(C) ? this._toVariables({ light: C }, o) : {}, k = $(S) ? this._toVariables({ dark: S }, o) : {}, A = $(b) ? this._toVariables({ semantic: b }, o) : {}, j = $(E) ? this._toVariables({ light: E }, o) : {}, M = $(T) ? this._toVariables({ dark: T }, o) : {}, [N, P] = [ee.declarations ?? "", ee.tokens], [F, I] = [D.declarations ?? "", D.tokens || []], [L, R] = [O.declarations ?? "", O.tokens || []], [z, B] = [k.declarations ?? "", k.tokens || []], [te, ne] = [A.declarations ?? "", A.tokens || []], [V, re] = [j.declarations ?? "", j.tokens || []], [ie, ae] = [M.declarations ?? "", M.tokens || []];
+			s = this.transformCSS(e, N, "light", "variable", o, r, i), c = P, l = `${this.transformCSS(e, `${F}${L}`, "light", "variable", o, r, i)}${this.transformCSS(e, `${z}`, "dark", "variable", o, r, i)}`, u = [...new Set([
 				...I,
 				...R,
-				...te
-			])], d = `${this.transformCSS(e, `${ne}${B}color-scheme:light`, "light", "variable", o, r, i)}${this.transformCSS(e, `${ae}color-scheme:dark`, "dark", "variable", o, r, i)}`, f = [...new Set([
+				...B
+			])], d = `${this.transformCSS(e, `${te}${V}color-scheme:light`, "light", "variable", o, r, i)}${this.transformCSS(e, `${ie}color-scheme:dark`, "dark", "variable", o, r, i)}`, f = [...new Set([
+				...ne,
 				...re,
-				...ie,
-				...V
+				...ae
 			])], p = Xs(a.css, { dt: Fc });
 		}
 		return {
@@ -5562,11 +5598,11 @@ var zc = {
 				"colorScheme",
 				"extend",
 				"css"
-			]), h = f || {}, { colorScheme: g } = h, _ = bc(h, ["colorScheme"]), v = d || {}, { dark: y } = v, b = bc(v, ["dark"]), x = g || {}, { dark: S } = x, C = bc(x, ["dark"]), w = $(m) ? this._toVariables({ [r]: vc(vc({}, m), _) }, n) : {}, T = $(b) ? this._toVariables({ [r]: vc(vc({}, b), C) }, n) : {}, E = $(y) ? this._toVariables({ [r]: vc(vc({}, y), S) }, n) : {}, [D, O] = [w.declarations ?? "", w.tokens || []], [k, A] = [T.declarations ?? "", T.tokens || []], [j, M] = [E.declarations ?? "", E.tokens || []];
-			s = `${this.transformCSS(r, `${D}${k}`, "light", "variable", n, i, a, o)}${this.transformCSS(r, j, "dark", "variable", n, i, a, o)}`, c = [...new Set([
-				...O,
-				...A,
-				...M
+			]), h = f || {}, { colorScheme: g } = h, _ = bc(h, ["colorScheme"]), v = d || {}, { dark: y } = v, b = bc(v, ["dark"]), x = g || {}, { dark: S } = x, C = bc(x, ["dark"]), w = $(m) ? this._toVariables({ [r]: vc(vc({}, m), _) }, n) : {}, T = $(b) ? this._toVariables({ [r]: vc(vc({}, b), C) }, n) : {}, E = $(y) ? this._toVariables({ [r]: vc(vc({}, y), S) }, n) : {}, [ee, D] = [w.declarations ?? "", w.tokens || []], [O, k] = [T.declarations ?? "", T.tokens || []], [A, j] = [E.declarations ?? "", E.tokens || []];
+			s = `${this.transformCSS(r, `${ee}${O}`, "light", "variable", n, i, a, o)}${this.transformCSS(r, A, "dark", "variable", n, i, a, o)}`, c = [...new Set([
+				...D,
+				...k,
+				...j
 			])], l = Xs(p, { dt: Fc });
 		}
 		return {
@@ -5925,32 +5961,32 @@ function Jc(e) {
 }
 var Yc = 0;
 function Xc(e) {
-	var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = M(!1), r = M(e), i = M(null), a = lc() ? window.document : void 0, o = t.document, s = o === void 0 ? a : o, c = t.immediate, l = c === void 0 ? !0 : c, u = t.manual, d = u === void 0 ? !1 : u, f = t.name, p = f === void 0 ? `style_${++Yc}` : f, m = t.id, h = m === void 0 ? void 0 : m, g = t.media, _ = g === void 0 ? void 0 : g, v = t.nonce, y = v === void 0 ? void 0 : v, b = t.first, x = b === void 0 ? !1 : b, S = t.onMounted, C = S === void 0 ? void 0 : S, w = t.onUpdated, T = w === void 0 ? void 0 : w, E = t.onLoad, D = E === void 0 ? void 0 : E, O = t.props, k = O === void 0 ? {} : O, A = function() {}, N = function(t) {
+	var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = j(!1), r = j(e), i = j(null), a = lc() ? window.document : void 0, o = t.document, s = o === void 0 ? a : o, c = t.immediate, l = c === void 0 ? !0 : c, u = t.manual, d = u === void 0 ? !1 : u, f = t.name, p = f === void 0 ? `style_${++Yc}` : f, m = t.id, h = m === void 0 ? void 0 : m, g = t.media, _ = g === void 0 ? void 0 : g, v = t.nonce, y = v === void 0 ? void 0 : v, b = t.first, x = b === void 0 ? !1 : b, S = t.onMounted, C = S === void 0 ? void 0 : S, w = t.onUpdated, T = w === void 0 ? void 0 : w, E = t.onLoad, ee = E === void 0 ? void 0 : E, D = t.props, O = D === void 0 ? {} : D, k = function() {}, M = function(t) {
 		var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
 		if (s) {
-			var o = Wc(Wc({}, k), a), c = o.name || p, l = o.id || h, u = o.nonce || y;
+			var o = Wc(Wc({}, O), a), c = o.name || p, l = o.id || h, u = o.nonce || y;
 			i.value = s.querySelector(`style[data-primevue-style-id="${c}"]`) || s.getElementById(l) || s.createElement("style"), i.value.isConnected || (r.value = t || e, cc(i.value, {
 				type: "text/css",
 				id: l,
 				media: _,
 				nonce: u
 			}), x ? s.head.prepend(i.value) : s.head.appendChild(i.value), uc(i.value, "data-primevue-style-id", c), cc(i.value, o), i.value.onload = function(e) {
-				return D?.(e, { name: c });
-			}, C?.(c)), !n.value && (A = H(r, function(e) {
+				return ee?.(e, { name: c });
+			}, C?.(c)), !n.value && (k = H(r, function(e) {
 				i.value.textContent = e, T?.(c);
 			}, { immediate: !0 }), n.value = !0);
 		}
 	};
-	return l && !d && Jc(N), {
+	return l && !d && Jc(M), {
 		id: h,
 		name: p,
 		el: i,
 		css: r,
 		unload: function() {
-			!s || !n.value || (A(), oc(i.value) && s.head.removeChild(i.value), n.value = !1, i.value = null);
+			!s || !n.value || (k(), oc(i.value) && s.head.removeChild(i.value), n.value = !1, i.value = null);
 		},
-		load: N,
-		isLoaded: j(n)
+		load: M,
+		isLoaded: A(n)
 	};
 }
 //#endregion
@@ -6428,7 +6464,7 @@ var Sl = {
 	csp: { nonce: void 0 }
 }, Cl = Symbol();
 function wl(e, t) {
-	var n = { config: A(t) };
+	var n = { config: k(t) };
 	return e.config.globalProperties.$primevue = n, e.provide(Cl, n), El(), Dl(e, n), n;
 }
 var Tl = [];
@@ -6438,7 +6474,7 @@ function El() {
 	}), Tl = [];
 }
 function Dl(e, t) {
-	var n = M(!1), r = function() {
+	var n = j(!1), r = function() {
 		if (t.config?.theme !== "none" && !Bc.isStyleNameLoaded("common")) {
 			var e, n = ml.getCommonTheme?.call(ml) || {}, r = n.primitive, i = n.semantic, a = n.global, o = n.style, s = { nonce: (e = t.config) == null || (e = e.csp) == null ? void 0 : e.nonce };
 			ml.load(r?.css, vl({ name: "primitive-variables" }, s)), ml.load(i?.css, vl({ name: "semantic-variables" }, s)), ml.load(a?.css, vl({ name: "global-variables" }, s)), ml.loadStyle(vl({ name: "global-style" }, s), o), Bc.setLoadedStyleName("common");