@turquoisehealth/pit-viper 2.258.0 → 2.259.0

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

@@ -1,4 +1,4 @@
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.pv-badge-md[data-v-3def68cb]{--inset-size:2px 2px;min-width:20px;min-height:20px;max-height:20px;font-weight:500}.pv-badge-sm[data-v-3def68cb]{--inset-size:0 2px;min-width:16px;min-height:16px;max-height:16px;font-weight:500}.pv-rounded[data-v-3def68cb]{border-radius:50%}[class*=pv-status]{&[data-v-f2cf1712]:before,&[data-v-f2cf1712]:after{margin-inline-end:0}}.pv-popover-list[data-v-fe6e9c6a]{font-size:14px}.pv-popover-pinned-sections[data-v-fe6e9c6a]{flex-direction:column;display:flex;overflow:hidden}.pv-popover-pinned-sections .pv-popover-list[data-v-fe6e9c6a]{overflow-y:auto}.pv-select[data-v-a13ab0e8]{padding-top:4px;padding-bottom:4px}summary[data-v-dfa0b416]{background-image:none;padding-right:2px}.pv-input-search[data-v-9e0c84d9]{display:block}.pv-select-button-trigger-content[data-v-da9865ad]{min-width:0}.pv-select-button-trigger[data-v-da9865ad]{height:1.5rem;padding-block:0}.pv-select-button-trigger.pv-button-large[data-v-da9865ad]{height:2rem}.pv-select-button-trigger-label[data-v-da9865ad]{flex:auto;min-width:0}.pv-action-button-reveal-on-hover{opacity:0;transition:opacity .2s}.pv-label:hover .pv-action-button-reveal-on-hover{opacity:1}.pv-menu-popover[data-v-951d1d02]{z-index:50}.pv-popover-list>li[data-v-951d1d02]:last-child>.pv-label{margin-block-end:0}[data-v-951d1d02] .pv-menu-nested:after{content:"";border-top:1.5px solid;border-right:1.5px solid;flex-shrink:0;width:.4rem;height:.4rem;margin-left:auto;margin-right:.2rem;transform:rotate(45deg)}.dots-button[data-v-92e78cd3]{background-color:#0000}.input-icon-position{pointer-events:none;position:absolute;top:8px;left:12px}.pv-insight-button[data-v-c1185c07]{position:absolute;top:.5rem;right:.5rem}.expandable-content[data-v-fc5fc7e0]{border-radius:.5rem}.expandable-content .pv-line-clamp[data-v-fc5fc7e0]{transition:max-height .3s ease-in-out}.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}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}.pv-filter-modal-rail[data-v-e3f66d03]{--flex-align:stretch;flex:0 0 180px;padding-inline-end:1rem;overflow-y:auto}.pv-filter-modal-pane[data-v-e3f66d03]{flex:auto;min-width:0;min-height:0;padding-inline-start:1rem}.pv-filter-modal-options[data-v-e3f66d03]{min-height:360px;max-height:360px;overflow-y:auto}.pv-filter-modal-pane-actions[data-v-e3f66d03]{margin-top:auto;padding-top:.5rem}.pv-hover-action-menu[data-v-6325cd25]{position:relative}.pv-hover-action-menu__actions[data-v-6325cd25]{z-index:1;display:none;position:absolute}.pv-hover-action-menu:hover .pv-hover-action-menu__actions[data-v-6325cd25],.pv-hover-action-menu:focus-within .pv-hover-action-menu__actions[data-v-6325cd25]{display:flex}.pv-hover-action-menu--top-right .pv-hover-action-menu__actions[data-v-6325cd25]{top:var(--pv-hover-action-menu-offset-block,8px);right:var(--pv-hover-action-menu-offset-inline,8px)}.pv-hover-action-menu--top-left .pv-hover-action-menu__actions[data-v-6325cd25]{top:var(--pv-hover-action-menu-offset-block,8px);left:var(--pv-hover-action-menu-offset-inline,8px)}.pv-hover-action-menu--bottom-right .pv-hover-action-menu__actions[data-v-6325cd25]{right:var(--pv-hover-action-menu-offset-inline,8px);bottom:var(--pv-hover-action-menu-offset-block,8px)}.pv-hover-action-menu--bottom-left .pv-hover-action-menu__actions[data-v-6325cd25]{bottom:var(--pv-hover-action-menu-offset-block,8px);left:var(--pv-hover-action-menu-offset-inline,8px)}.pv-hover-action-menu__button[data-v-6325cd25] .pv-icon{margin:0}.pv-hover-action-menu__button[data-v-6325cd25],.pv-hover-action-menu__button[data-v-6325cd25] button{opacity:.7}.pv-hover-action-menu__button[data-v-6325cd25]:hover:not(:disabled),.pv-hover-action-menu__button[data-v-6325cd25] button:hover:not(:disabled){opacity:1}
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.pv-badge-md[data-v-3def68cb]{--inset-size:2px 2px;min-width:20px;min-height:20px;max-height:20px;font-weight:500}.pv-badge-sm[data-v-3def68cb]{--inset-size:0 2px;min-width:16px;min-height:16px;max-height:16px;font-weight:500}.pv-rounded[data-v-3def68cb]{border-radius:50%}[class*=pv-status]{&[data-v-e4edde71]:before,&[data-v-e4edde71]:after{margin-inline-end:0}}.pv-popover-list[data-v-fe6e9c6a]{font-size:14px}.pv-popover-pinned-sections[data-v-fe6e9c6a]{flex-direction:column;display:flex;overflow:hidden}.pv-popover-pinned-sections .pv-popover-list[data-v-fe6e9c6a]{overflow-y:auto}.pv-select[data-v-a13ab0e8]{padding-top:4px;padding-bottom:4px}summary[data-v-dfa0b416]{background-image:none;padding-right:2px}.pv-input-search[data-v-9e0c84d9]{display:block}.pv-select-button-trigger-content[data-v-da9865ad]{min-width:0}.pv-select-button-trigger[data-v-da9865ad]{height:1.5rem;padding-block:0}.pv-select-button-trigger.pv-button-large[data-v-da9865ad]{height:2rem}.pv-select-button-trigger-label[data-v-da9865ad]{flex:auto;min-width:0}.pv-action-button-reveal-on-hover{opacity:0;transition:opacity .2s}.pv-label:hover .pv-action-button-reveal-on-hover{opacity:1}.pv-menu-popover[data-v-951d1d02]{z-index:50}.pv-popover-list>li[data-v-951d1d02]:last-child>.pv-label{margin-block-end:0}[data-v-951d1d02] .pv-menu-nested:after{content:"";border-top:1.5px solid;border-right:1.5px solid;flex-shrink:0;width:.4rem;height:.4rem;margin-left:auto;margin-right:.2rem;transform:rotate(45deg)}.dots-button[data-v-92e78cd3]{background-color:#0000}.input-icon-position{pointer-events:none;position:absolute;top:8px;left:12px}.pv-insight-button[data-v-c1185c07]{position:absolute;top:.5rem;right:.5rem}.expandable-content[data-v-fc5fc7e0]{border-radius:.5rem}.expandable-content .pv-line-clamp[data-v-fc5fc7e0]{transition:max-height .3s ease-in-out}.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}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}.pv-filter-modal-rail[data-v-fb919d6a]{--flex-align:stretch;flex:0 0 180px;padding-inline-end:1rem;overflow-y:auto}.pv-filter-modal-pane[data-v-fb919d6a]{flex:auto;min-width:0;min-height:0;padding-inline-start:1rem}.pv-filter-modal-options[data-v-fb919d6a]{min-height:360px;max-height:360px;overflow-y:auto}.pv-filter-modal-pane-actions[data-v-fb919d6a]{margin-top:auto;padding-top:.5rem}.pv-hover-action-menu[data-v-c4eb41f2]{position:relative}.pv-hover-action-menu__actions[data-v-c4eb41f2]{z-index:1;display:none;position:absolute}.pv-hover-action-menu:hover>.pv-hover-action-menu__actions[data-v-c4eb41f2],.pv-hover-action-menu:focus-within>.pv-hover-action-menu__actions[data-v-c4eb41f2]{display:flex}.pv-hover-action-menu--top-right>.pv-hover-action-menu__actions[data-v-c4eb41f2]{top:var(--pv-hover-action-menu-offset-block,8px);right:var(--pv-hover-action-menu-offset-inline,8px)}.pv-hover-action-menu--top-left>.pv-hover-action-menu__actions[data-v-c4eb41f2]{top:var(--pv-hover-action-menu-offset-block,8px);left:var(--pv-hover-action-menu-offset-inline,8px)}.pv-hover-action-menu--bottom-right>.pv-hover-action-menu__actions[data-v-c4eb41f2]{right:var(--pv-hover-action-menu-offset-inline,8px);bottom:var(--pv-hover-action-menu-offset-block,8px)}.pv-hover-action-menu--bottom-left>.pv-hover-action-menu__actions[data-v-c4eb41f2]{bottom:var(--pv-hover-action-menu-offset-block,8px);left:var(--pv-hover-action-menu-offset-inline,8px)}.pv-hover-action-menu__button[data-v-c4eb41f2] .pv-icon{margin:0}.pv-hover-action-menu__button[data-v-c4eb41f2],.pv-hover-action-menu__button[data-v-c4eb41f2] button{opacity:.7}.pv-hover-action-menu__button[data-v-c4eb41f2]:hover:not(:disabled),.pv-hover-action-menu__button[data-v-c4eb41f2] button:hover:not(:disabled){opacity:1}
 /*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();import * as e from "vue";
 import { Fragment as t, Teleport as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createTextVNode as l, createVNode as u, defineComponent as d, getCurrentInstance as f, getCurrentScope as p, guardReactiveProps as m, inject as h, isRef 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, provide as A, ref as j, renderList as M, renderSlot as N, resolveComponent as P, resolveDynamicComponent as F, shallowReactive as I, shallowRef as L, toDisplayString as R, toHandlers as z, toValue as B, unref as V, useAttrs as ee, useId as te, useModel as H, useSlots as ne, useTemplateRef as U, vModelCheckbox as W, vModelDynamic as re, vModelRadio as ie, vModelText as ae, vShow as oe, watch as G, watchEffect as se, withCtx as K, withDirectives as q, withKeys as ce, withModifiers as J } from "vue";
 import { onClickOutside as Y, onKeyStroke as le, useDebounceFn as ue, useElementBounding as de, useElementHover as fe, useElementSize as X, useMutationObserver as Z, useResizeObserver as pe, useToggle as me, useWindowSize as he, watchDebounced as ge } from "@vueuse/core";
@@ -79,6 +79,7 @@ var We = {
 	void 0,
 	10,
 	12,
+	16,
 	20,
 	24,
 	32,
@@ -1758,10 +1759,11 @@ var ir = /* @__PURE__ */ new Set(), ar = (e, t) => {
 		let t = e, n = r(() => {
 			switch (t.size) {
 				case "lg": return "pv-tag-lg";
+				case "xl": return "pv-tag-xl";
 				case "sm": return "pv-tag-sm";
 				default: return "";
 			}
-		}), c = r(() => {
+		}), c = r(() => t.size === "xl" ? 16 : 12), l = r(() => {
 			switch (t.variant) {
 				case "primary": return "pv-tag-primary";
 				case "secondary": return "pv-tag-secondary";
@@ -1769,7 +1771,7 @@ var ir = /* @__PURE__ */ new Set(), ar = (e, t) => {
 				case "transparent": return "pv-tag-tertiary";
 				default: return "";
 			}
-		}), l = r(() => {
+		}), u = r(() => {
 			let e = {
 				"max-width": "100%",
 				"--flex-gap": "4px"
@@ -1778,12 +1780,12 @@ var ir = /* @__PURE__ */ new Set(), ar = (e, t) => {
 		});
 		return (t, r) => (k(), o("button", {
 			class: b([
-				c.value,
+				l.value,
 				n.value,
 				"pv-flex"
 			]),
 			onClick: r[1] ||= (n) => t.$emit("handle-click", e.label),
-			style: S(l.value),
+			style: S(u.value),
 			"data-testid": "pv-tag",
 			"data-style": e.rounded ? "rounded" : void 0
 		}, [
@@ -1792,17 +1794,21 @@ var ir = /* @__PURE__ */ new Set(), ar = (e, t) => {
 				"data-testid": "pv-tag-icon",
 				class: b(e.iconClasses),
 				name: e.icon,
-				size: 12
-			}, null, 8, ["class", "name"])) : a("", !0),
+				size: c.value
+			}, null, 8, [
+				"class",
+				"name",
+				"size"
+			])) : a("", !0),
 			s("span", { class: b(["pv-truncate", { "pv-underline-dotted": e.spine }]) }, R(e.label), 3),
 			e.showClear ? (k(), i(Q, {
 				key: 1,
 				"data-testid": "pv-tag-close-icon",
-				size: 12,
+				size: c.value,
 				name: "close",
 				"data-dd-action-name": e.rumRemoveActionName,
 				onClick: r[0] ||= J((n) => t.$emit("handle-close", e.label), ["stop"])
-			}, null, 8, ["data-dd-action-name"])) : a("", !0)
+			}, null, 8, ["size", "data-dd-action-name"])) : a("", !0)
 		], 14, Er));
 	}
 }), Or = /* @__PURE__ */ Je(/* @__PURE__ */ d({
@@ -1819,10 +1825,11 @@ var ir = /* @__PURE__ */ new Set(), ar = (e, t) => {
 		let t = e, n = r(() => {
 			switch (t.size) {
 				case "lg": return "pv-tag-lg";
+				case "xl": return "pv-tag-xl";
 				case "sm": return "pv-tag-sm";
 				default: return "";
 			}
-		}), c = r(() => {
+		}), c = r(() => t.size === "xl" ? 16 : 12), l = r(() => {
 			if (t.dotVariant) return "pv-tag-tertiary";
 			switch (t.variant) {
 				case "default": return "pv-tag-tertiary";
@@ -1834,7 +1841,7 @@ var ir = /* @__PURE__ */ new Set(), ar = (e, t) => {
 				case "blue": return "pv-tag-blue";
 				default: return "pv-tag-tertiary";
 			}
-		}), l = r(() => {
+		}), u = r(() => {
 			let e = {
 				width: "fit-content",
 				"--flex-gap": "4px"
@@ -1843,13 +1850,13 @@ var ir = /* @__PURE__ */ new Set(), ar = (e, t) => {
 		});
 		return (t, r) => (k(), o("div", {
 			class: b([
-				c.value,
+				l.value,
 				n.value,
 				"pv-flex"
 			]),
 			onClick: r[0] ||= (n) => t.$emit("handle-click", e.label),
 			"data-style": "rounded",
-			style: S(l.value)
+			style: S(u.value)
 		}, [
 			e.dotVariant ? (k(), o("span", {
 				key: 0,
@@ -1859,12 +1866,12 @@ var ir = /* @__PURE__ */ new Set(), ar = (e, t) => {
 			e.icon ? (k(), i(Q, {
 				key: 1,
 				name: e.icon,
-				size: 12
-			}, null, 8, ["name"])) : a("", !0),
+				size: c.value
+			}, null, 8, ["name", "size"])) : a("", !0),
 			s("span", null, R(e.label), 1)
 		], 6));
 	}
-}), [["__scopeId", "data-v-f2cf1712"]]), kr = ["data-align"], Ar = ["id", "role"], jr = /* @__PURE__ */ Je(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-e4edde71"]]), kr = ["data-align"], Ar = ["id", "role"], jr = /* @__PURE__ */ Je(/* @__PURE__ */ d({
 	__name: "PvPopover",
 	props: {
 		alignment: { default: void 0 },
@@ -8483,11 +8490,16 @@ var oo = ["title"], so = ["title"], co = { style: {
 			type: Boolean,
 			default: !1
 		},
-		indeterminate: {
+		focusActionDisabled: {
 			type: Boolean,
 			default: !1
 		},
+		focusActionLabel: {},
 		focusText: { default: "Focus" },
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		},
 		isFocused: {
 			type: Boolean,
 			default: !1
@@ -8511,7 +8523,7 @@ var oo = ["title"], so = ["title"], co = { style: {
 	},
 	emits: ["focus-value", "toggle-value"],
 	setup(e, { emit: t }) {
-		let n = e, c = t, u = ne(), 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 = ne(), 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,
@@ -8525,17 +8537,17 @@ var oo = ["title"], so = ["title"], co = { style: {
 			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", {
 			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", {
 				key: 0,
@@ -8545,42 +8557,52 @@ var oo = ["title"], so = ["title"], co = { style: {
 				checked: e.selected,
 				disabled: e.disabled,
 				name: e.name,
-				onChange: g
+				onChange: y
 			}, null, 40, bu)) : (k(), i(Ks, {
 				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(F(e.renderer), x(v({ key: 2 }, m.value)), null, 16)) : (k(), o("span", xu, [
+			e.renderer ? (k(), i(F(e.renderer), x(v({ key: 2 }, g.value)), null, 16)) : (k(), o("span", xu, [
 				s("span", Su, R(e.label), 1),
 				e.subduedText ? (k(), o("span", Cu, R(e.subduedText), 1)) : a("", !0),
 				e.subText ? (k(), o("span", wu, R(e.subText), 1)) : a("", !0)
 			])),
-			f.value ? (k(), o("span", Tu, [N(t.$slots, "result-count", {}, () => [l("(" + R(e.resultCount) + ")", 1)], !0)])) : a("", !0),
-			e.showFocusAction ? (k(), i($, {
+			m.value ? (k(), o("span", Tu, [N(t.$slots, "result-count", {}, () => [l("(" + R(e.resultCount) + ")", 1)], !0)])) : a("", !0),
+			e.showFocusAction ? (k(), 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: J(_, ["stop", "prevent"])
-			}, null, 8, [
-				"ariaLabel",
-				"disabled",
-				"variant"
-			])) : a("", !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(dr, {
+				description: p.value,
+				position: "top-right",
+				size: "sm"
+			}, {
+				trigger: K(() => [u($, {
+					ariaLabel: p.value,
+					disabled: e.disabled || e.focusActionDisabled,
+					leftIcon: "focus",
+					size: "md",
+					variant: e.isFocused ? "primary" : "ghost",
+					onClick: J(C, ["stop", "prevent"])
+				}, null, 8, [
+					"ariaLabel",
+					"disabled",
+					"variant"
+				])]),
+				_: 1
+			}, 8, ["description"])], 2)) : a("", !0)
 		], 6));
 	}
-}), [["__scopeId", "data-v-d5f24abf"]]), Du = [
+}), [["__scopeId", "data-v-b85834dc"]]), Du = [
 	"totalCount",
 	"total_count",
 	"resultCount",
@@ -9031,22 +9053,22 @@ var oo = ["title"], so = ["title"], co = { style: {
 		"search-change"
 	],
 	setup(e, { emit: n }) {
-		let c = e, d = n, f = j(null), p = j({}), m = j(0), h = te(), g = j(c.filter.searchQuery ?? ""), _ = j(Yd), 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()), N = r(() => c.filter.selectedValues ?? []), P = r(() => new Set(N.value)), I = r(() => c.filter.valueLabels?.true ?? "Yes"), L = r(() => c.filter.filterOptionsSortDescription || "Suggested"), z = r(() => c.filter.disabled === !0 || c.disableWhileLoading && c.filter.isLoading === !0), B = r(() => {
+		let c = e, d = n, f = j(null), p = j({}), m = j(0), h = te(), g = j(c.filter.searchQuery ?? ""), _ = j(Yd), 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"), D = r(() => E.value === "value"), O = r(() => D.value && c.filter.isAggregate === !0), A = r(() => c.filter.aggregateSelectionState ?? []), N = r(() => g.value.trim().toLowerCase()), P = r(() => c.filter.selectedValues ?? []), I = r(() => new Set(P.value)), L = r(() => c.filter.valueLabels?.true ?? "Yes"), z = r(() => c.filter.filterOptionsSortDescription || "Suggested"), B = r(() => c.filter.disabled === !0 || c.disableWhileLoading && c.filter.isLoading === !0), ee = r(() => {
 			let e = c.filter.valueLabels, t = typeof e?.true == "string", n = typeof e?.false == "string";
 			return t && !n ? [{
-				label: I.value,
+				label: L.value,
 				value: !0
 			}] : n && !t ? [{
 				label: b.value,
 				value: !1
 			}] : [{
-				label: I.value,
+				label: L.value,
 				value: !0
 			}, {
 				label: b.value,
 				value: !1
 			}];
-		}), ee = (e) => {
+		}), H = (e) => {
 			let t = typeof e.metadata == "object" && e.metadata !== null ? Object.values(e.metadata) : [];
 			return [
 				e.value,
@@ -9056,148 +9078,154 @@ var oo = ["title"], so = ["title"], co = { style: {
 				e.matchedValue,
 				e.matchedField
 			].concat(t.flatMap((e) => e == null ? [] : [String(e)])).filter((e) => !!e).join(" ").toLowerCase();
-		}, H = 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 ? Ed(O.value) || void 0 : N.value.length || void 0), ne = (e) => e.totalChildCount === null || e.totalChildCount === void 0 ? !1 : e.totalChildCount > (e.children?.length ?? 0), U = (e, t = 0) => e.flatMap((e) => [
+		}, ne = 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 : O.value ? Ed(A.value) || void 0 : P.value.length || void 0), U = (e) => e.totalChildCount === null || e.totalChildCount === void 0 ? !1 : e.totalChildCount > (e.children?.length ?? 0), W = (e, t = 0) => e.flatMap((e) => [
 			{
 				depth: t,
 				kind: "option",
 				option: e
 			},
-			...e.children?.length ? U(e.children, t + 1) : [],
-			...ne(e) ? [{
+			...e.children?.length ? W(e.children, t + 1) : [],
+			...U(e) ? [{
 				depth: t + 1,
 				kind: "child-load-more",
 				parent: e
 			}] : []
-		]), W = r(() => {
-			let e = U(C.value), t = A.value;
-			return c.filter.clientFiltering === !1 || !t ? e : e.filter((e) => e.kind === "option" && ee(e.option).includes(t));
-		}), re = r(() => D.value || c.filter.singleSelect ? [] : N.value.map((e) => p.value[e] ?? {
+		]), re = r(() => {
+			let e = W(C.value), t = N.value;
+			return c.filter.clientFiltering === !1 || !t ? e : e.filter((e) => e.kind === "option" && H(e.option).includes(t));
+		}), ie = r(() => O.value || c.filter.singleSelect ? [] : P.value.map((e) => p.value[e] ?? {
 			label: e,
 			value: e
-		})), ie = j([]), ae = r(() => new Set(ie.value)), oe = r(() => ie.value.map((e) => p.value[e] ?? {
+		})), ae = j([]), oe = r(() => new Set(ae.value)), q = r(() => ae.value.map((e) => p.value[e] ?? {
 			label: e,
 			value: e
-		})), q = r(() => C.value.length > 0 || oe.value.length > 0), ce = r(() => E.value && c.filter.isOpen && c.filter.isLoading === !0 && q.value), J = () => {
-			ie.value = D.value || c.filter.singleSelect ? [] : [...N.value];
+		})), ce = r(() => C.value.length > 0 || q.value.length > 0), J = r(() => D.value && c.filter.isOpen && c.filter.isLoading === !0 && ce.value), Y = () => {
+			ae.value = O.value || c.filter.singleSelect ? [] : [...P.value];
 		};
-		J();
-		let Y = r(() => D.value || c.filter.singleSelect ? W.value : W.value.filter((e) => e.kind === "child-load-more" || !ae.value.has(e.option.value))), le = r(() => Y.value.length > _.value), ue = r(() => le.value || c.filter.hasMore), de = r(() => Y.value.slice(0, _.value)), fe = r(() => D.value ? Cd({
-			options: w.value,
-			state: O.value
-		}) : /* @__PURE__ */ new Map()), X = (e) => Iu(e, c.filter.colDef), Z = (e) => Lu(e), pe = (e) => D.value ? fe.value.get(e.value) ?? {
+		Y();
+		let le = r(() => O.value || c.filter.singleSelect ? re.value : re.value.filter((e) => e.kind === "child-load-more" || !oe.value.has(e.option.value))), ue = r(() => le.value.length > _.value), de = r(() => ue.value || c.filter.hasMore), fe = r(() => le.value.slice(0, _.value)), X = r(() => O.value ? Cd({
+			options: T.value,
+			state: A.value
+		}) : /* @__PURE__ */ new Map()), Z = (e) => Iu(e, c.filter.colDef), pe = (e) => Lu(e), me = (e) => O.value ? X.value.get(e.value) ?? {
 			indeterminate: !1,
 			selected: !1
 		} : {
 			indeterminate: !1,
-			selected: P.value.has(e.value)
-		}, me = (e) => pe(e).selected, he = (e) => pe(e).indeterminate, _e = (e) => Wu(e) ?? e.value, ve = (e) => Gu(e, c.filter.key), ye = (e) => {
-			let t = ve(e), n = _e(e);
+			selected: I.value.has(e.value)
+		}, he = (e) => me(e).selected, _e = (e) => me(e).indeterminate, ve = (e) => Wu(e) ?? e.value, ye = (e) => Gu(e, c.filter.key), be = (e) => {
+			let t = ye(e), n = ve(e);
 			return c.filter.focusedValuesByField?.[t]?.includes(n) || t === c.filter.key && c.filter.focusedValues?.includes(e.value) || !1;
-		}, be = (e) => ({
+		}, xe = (e) => {
+			let t = c.filter.focusableFields ?? [];
+			return !t.length || t.includes(ye(e));
+		}, Se = (e) => !xe(e) || be(e) && c.filter.canRemoveFocus === !1, Ce = (e) => {
+			let t = ye(e);
+			return xe(e) ? be(e) && c.filter.canRemoveFocus === !1 ? `${w.value} (required)` : be(e) ? `Remove ${w.value}` : `Select as ${w.value}` : `Group by ${c.filter.focusFieldLabels?.[t] ?? t} to enable ${w.value}`;
+		}, we = (e) => ({
 			...e.menuOption ?? {},
-			children: e.children?.map(be),
+			children: e.children?.map(we),
 			context: e,
-			disabled: z.value || e.isSelectable === !1 || e.menuOption?.disabled,
+			disabled: B.value || e.isSelectable === !1 || e.menuOption?.disabled,
 			id: e.value,
-			searchText: ee(e),
-			secondaryText: Z(e),
+			searchText: H(e),
+			secondaryText: pe(e),
 			subText: e.subText,
 			subduedText: e.subduedText,
-			text: X(e),
+			text: Z(e),
 			totalChildCount: e.totalChildCount
-		}), xe = r(() => C.value.map(be)), Se = r(() => re.value.map(be)), Ce = r(() => ({
+		}), Te = r(() => C.value.map(we)), Ee = r(() => ie.value.map(we)), De = r(() => ({
 			colDef: c.filter.colDef,
-			disabled: z.value,
+			disabled: B.value,
 			filter: c.filter,
 			isLoading: c.filter.isLoading,
 			isOpen: c.filter.isOpen,
-			options: xe.value,
+			options: Te.value,
 			searchInput: g.value,
-			selectedItems: Se.value,
+			selectedItems: Ee.value,
 			slotContext: {
 				colDef: c.filter.colDef,
 				rowsLoading: c.filter.isLoading
 			}
-		})), we = () => {
-			z.value || (le.value ? _.value += Yd : c.filter.hasMore && d("load-more", g.value.trim()));
-		}, Te = (e) => {
-			z.value || d("load-more", g.value.trim(), e.value);
-		}, Ee = (e) => {
+		})), Oe = () => {
+			B.value || (ue.value ? _.value += Yd : c.filter.hasMore && d("load-more", g.value.trim()));
+		}, ke = (e) => {
+			B.value || d("load-more", g.value.trim(), e.value);
+		}, Ae = (e) => {
 			let t = e.target;
 			d("open-change", t.open);
-		}, De = (e) => {
-			z.value || d("filter-change", {
+		}, je = (e) => {
+			B.value || d("filter-change", {
 				type: "boolean",
 				value: e
 			});
-		}, Oe = (e) => {
-			z.value || d("filter-change", {
+		}, Me = (e) => {
+			B.value || d("filter-change", {
 				type: "exists",
 				value: e === !0
 			});
-		}, ke = (e) => {
-			z.value || d("filter-change", {
+		}, Ne = (e) => {
+			B.value || d("filter-change", {
 				type: "range",
 				value: e
 			});
-		}, Ae = (e, t) => {
-			if (!z.value) {
-				if (D.value) {
+		}, Pe = (e, t) => {
+			if (!B.value) {
+				if (O.value) {
 					d("filter-change", {
 						type: "aggregate-selection",
 						value: xd({
 							checked: t,
 							option: e,
-							options: w.value,
-							state: O.value
+							options: T.value,
+							state: A.value
 						})
 					});
 					return;
 				}
 				d("filter-change", {
 					checked: t,
-					field: ve(e),
+					field: ye(e),
 					type: "value",
-					value: _e(e)
+					value: ve(e)
 				});
 			}
-		}, je = (e) => {
-			z.value || d("focus-change", ve(e), _e(e), e);
-		}, Me = (e, t) => {
-			z.value || d("filter-change", {
+		}, Fe = (e) => {
+			B.value || Se(e) || d("focus-change", ye(e), ve(e), e);
+		}, Ie = (e, t) => {
+			B.value || d("filter-change", {
 				field: e,
 				type: "boolean",
 				value: t ? null : !0
 			});
-		}, Ne = () => {
-			z.value || d("handle-settings-icon", c.filter.key, c.filter.colDef);
+		}, Le = () => {
+			B.value || d("handle-settings-icon", c.filter.key, c.filter.colDef);
 		};
 		G([g, () => c.filter.key], () => {
 			_.value = Yd;
 		});
-		let Pe = () => {
-			let e = Ku(w.value), t = { ...p.value }, n = new Map(Object.entries(t));
+		let Re = () => {
+			let e = Ku(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 - Xd)));
 		};
-		G(w, () => {
-			c.filter.isOpen && Pe();
+		G(T, () => {
+			c.filter.isOpen && Re();
 		}, { immediate: !0 });
-		let Fe = () => {
+		let Be = () => {
 			!c.filter.isOpen || !f.value || (m.value = Math.max(m.value, f.value.offsetHeight));
 		};
 		return G(() => c.filter.isLoading === !0, (e) => {
-			e ? Fe() : m.value = 0;
+			e ? Be() : m.value = 0;
 		}), G(C, () => {
-			c.filter.isLoading && Fe();
+			c.filter.isLoading && Be();
 		}), G(() => c.filter.isOpen, (e) => {
-			e ? (Pe(), J()) : (p.value = {}, m.value = 0);
+			e ? (Re(), Y()) : (p.value = {}, m.value = 0);
 		}), se(() => {
-			if (!c.filter.isOpen || D.value || c.filter.singleSelect) return;
-			let e = new Set(de.value.flatMap((e) => e.kind === "option" ? [e.option.value] : [])), t = N.value.filter((t) => !ae.value.has(t) && !e.has(t));
-			t.length && (ie.value = [...ie.value, ...t]);
+			if (!c.filter.isOpen || O.value || c.filter.singleSelect) return;
+			let e = new Set(fe.value.flatMap((e) => e.kind === "option" ? [e.option.value] : [])), t = P.value.filter((t) => !oe.value.has(t) && !e.has(t));
+			t.length && (ae.value = [...ae.value, ...t]);
 		}), ge(g, (e) => {
-			if (!E.value || c.filter.disabled === !0) return;
+			if (!D.value || c.filter.disabled === !0) return;
 			let t = e.trim();
 			t !== (c.filter.searchQuery ?? "").trim() && d("search-change", t);
 		}, {
@@ -9207,7 +9235,7 @@ var oo = ["title"], so = ["title"], co = { style: {
 			class: "pv-accordion",
 			"data-testid": "pv-filter-panel-accordion",
 			open: e.filter.isOpen,
-			onToggle: Ee
+			onToggle: Ae
 		}, [s("summary", Od, [
 			u(Q, {
 				"aria-hidden": "true",
@@ -9215,13 +9243,13 @@ var oo = ["title"], so = ["title"], co = { style: {
 				name: e.filter.isOpen ? "chevron-down" : "chevron-right"
 			}, null, 8, ["name"]),
 			s("span", null, R(e.filter.label), 1),
-			H.value ? (k(), i(Ye, {
+			ne.value ? (k(), i(Ye, {
 				key: 0,
-				value: H.value,
+				value: ne.value,
 				size: "sm",
 				variant: "secondary"
 			}, null, 8, ["value"])) : a("", !0),
-			ce.value ? (k(), o("span", kd, [u(ze, { size: "sm" }), s("span", Ad, R(e.filter.loadingText || `Updating ${e.filter.label} options`), 1)])) : a("", !0)
+			J.value ? (k(), o("span", kd, [u(ze, { size: "sm" }), s("span", Ad, R(e.filter.loadingText || `Updating ${e.filter.label} options`), 1)])) : a("", !0)
 		]), s("div", {
 			ref_key: "filterContent",
 			ref: f,
@@ -9231,15 +9259,15 @@ var oo = ["title"], so = ["title"], co = { style: {
 				"--flex-align": "stretch",
 				minHeight: m.value ? `${m.value}px` : void 0
 			})
-		}, [E.value ? (k(), o(t, { key: 0 }, [
+		}, [D.value ? (k(), o(t, { key: 0 }, [
 			e.filter.filterGroupOptions?.length || e.filter.displayPreferencesIcon || e.filter.filterHeaderRenderer ? (k(), o("div", Md, [
 				e.filter.filterGroupOptions?.length ? (k(), o("div", Nd, [(k(!0), o(t, null, M(e.filter.filterGroupOptions, (e) => (k(), i($, {
 					key: e.field,
-					disabled: z.value,
+					disabled: B.value,
 					label: e.label,
 					size: "md",
 					variant: e.isActive ? "primary" : "secondary",
-					onClick: (t) => Me(e.field, e.isActive)
+					onClick: (t) => Ie(e.field, e.isActive)
 				}, null, 8, [
 					"disabled",
 					"label",
@@ -9248,13 +9276,13 @@ var oo = ["title"], so = ["title"], co = { style: {
 				]))), 128))])) : a("", !0),
 				e.filter.displayPreferencesIcon ? (k(), o("div", Pd, [u($, {
 					ariaLabel: "Open preferences",
-					disabled: z.value,
+					disabled: B.value,
 					leftIcon: "sliders-horizontal",
 					size: "md",
 					variant: "ghost",
-					onClick: Ne
+					onClick: Le
 				}, null, 8, ["disabled"])])) : a("", !0),
-				e.filter.filterHeaderRenderer ? (k(), i(F(e.filter.filterHeaderRenderer), x(v({ key: 2 }, Ce.value)), null, 16)) : a("", !0)
+				e.filter.filterHeaderRenderer ? (k(), i(F(e.filter.filterHeaderRenderer), x(v({ key: 2 }, De.value)), null, 16)) : a("", !0)
 			])) : a("", !0),
 			e.filter.hideSearch ? a("", !0) : (k(), i(vi, {
 				key: 1,
@@ -9268,28 +9296,32 @@ var oo = ["title"], so = ["title"], co = { style: {
 				"disabled",
 				"placeholder"
 			])),
-			oe.value.length ? (k(), o("div", Fd, [(k(!0), o(t, null, M(oe.value, (t) => (k(), i(Eu, {
+			q.value.length ? (k(), o("div", Fd, [(k(!0), o(t, null, M(q.value, (t) => (k(), i(Eu, {
 				key: t.value,
 				control: e.filter.singleSelect ? "radio" : "checkbox",
-				disabled: z.value || t.isSelectable === !1,
+				disabled: B.value || t.isSelectable === !1,
+				"focus-action-disabled": Se(t),
+				"focus-action-label": Ce(t),
 				"focus-text": e.filter.focusText,
-				"is-focused": ye(t),
-				indeterminate: he(t),
-				label: X(t),
+				"is-focused": be(t),
+				indeterminate: _e(t),
+				label: Z(t),
 				name: V(h),
 				"query-text": g.value,
 				renderer: e.filter.filterOptionsRenderer,
-				"result-count": Z(t),
-				selected: me(t),
+				"result-count": pe(t),
+				selected: he(t),
 				"show-focus-action": e.filter.isFocusable,
 				"sub-text": t.subText,
 				"subdued-text": t.subduedText,
 				value: t.value,
-				onFocusValue: () => je(t),
-				onToggleValue: (e, n) => Ae(t, n)
+				onFocusValue: () => Fe(t),
+				onToggleValue: (e, n) => Pe(t, n)
 			}, null, 8, [
 				"control",
 				"disabled",
+				"focus-action-disabled",
+				"focus-action-label",
 				"focus-text",
 				"is-focused",
 				"indeterminate",
@@ -9306,10 +9338,10 @@ var oo = ["title"], so = ["title"], co = { style: {
 				"onFocusValue",
 				"onToggleValue"
 			]))), 128))])) : a("", !0),
-			e.filter.isLoading && !q.value ? (k(), o("div", Id, [u(ze, { size: "sm" }), e.filter.loadingText ? (k(), o("span", Ld, R(e.filter.loadingText), 1)) : a("", !0)])) : (k(), o(t, { key: 4 }, [
-				!A.value && !C.value.length && !oe.value.length && !ue.value ? (k(), o(t, { key: 0 }, [e.filter.emptyResultsRenderer ? (k(), i(F(e.filter.emptyResultsRenderer), v({ key: 0 }, Ce.value, { "empty-reason": "no-values" }), null, 16)) : (k(), o("p", Rd, "No values available."))], 64)) : !W.value.length && !oe.value.length && !ue.value ? (k(), o(t, { key: 1 }, [e.filter.emptyResultsRenderer ? (k(), i(F(e.filter.emptyResultsRenderer), v({ key: 0 }, Ce.value, { "empty-reason": "no-matches" }), null, 16)) : (k(), o("p", zd, "No matching values."))], 64)) : a("", !0),
-				Y.value.length || ue.value ? (k(), o("div", Bd, [
-					Y.value.length && !e.filter.hideOptionsSortDescription ? (k(), o("div", Vd, [e.filter.filterOptionsSortTooltip ? (k(), i(dr, {
+			e.filter.isLoading && !ce.value ? (k(), o("div", Id, [u(ze, { size: "sm" }), e.filter.loadingText ? (k(), o("span", Ld, R(e.filter.loadingText), 1)) : a("", !0)])) : (k(), o(t, { key: 4 }, [
+				!N.value && !C.value.length && !q.value.length && !de.value ? (k(), o(t, { key: 0 }, [e.filter.emptyResultsRenderer ? (k(), i(F(e.filter.emptyResultsRenderer), v({ key: 0 }, De.value, { "empty-reason": "no-values" }), null, 16)) : (k(), o("p", Rd, "No values available."))], 64)) : !re.value.length && !q.value.length && !de.value ? (k(), o(t, { key: 1 }, [e.filter.emptyResultsRenderer ? (k(), i(F(e.filter.emptyResultsRenderer), v({ key: 0 }, De.value, { "empty-reason": "no-matches" }), null, 16)) : (k(), o("p", zd, "No matching values."))], 64)) : a("", !0),
+				le.value.length || de.value ? (k(), o("div", Bd, [
+					le.value.length && !e.filter.hideOptionsSortDescription ? (k(), o("div", Vd, [e.filter.filterOptionsSortTooltip ? (k(), i(dr, {
 						key: 0,
 						variant: "dark",
 						disableInteractive: !0,
@@ -9318,34 +9350,38 @@ var oo = ["title"], so = ["title"], co = { style: {
 						"use-teleport": !0,
 						style: { "--max-width": "200px" }
 					}, {
-						trigger: K(() => [s("p", Hd, R(L.value), 1)]),
+						trigger: K(() => [s("p", Hd, R(z.value), 1)]),
 						content: K(() => [l(R(e.filter.filterOptionsSortTooltip), 1)]),
 						_: 1
-					})) : (k(), o("p", Ud, R(L.value), 1))])) : a("", !0),
-					(k(!0), o(t, null, M(de.value, (n) => (k(), o(t, { key: n.kind === "option" ? n.option.value : `${n.parent.value}-children-more` }, [n.kind === "option" ? (k(), i(Eu, {
+					})) : (k(), o("p", Ud, R(z.value), 1))])) : a("", !0),
+					(k(!0), o(t, null, M(fe.value, (n) => (k(), o(t, { key: n.kind === "option" ? n.option.value : `${n.parent.value}-children-more` }, [n.kind === "option" ? (k(), i(Eu, {
 						key: 0,
 						control: e.filter.singleSelect ? "radio" : "checkbox",
 						depth: n.depth,
-						disabled: z.value || n.option.isSelectable === !1,
+						disabled: B.value || n.option.isSelectable === !1,
+						"focus-action-disabled": Se(n.option),
+						"focus-action-label": Ce(n.option),
 						"focus-text": e.filter.focusText,
-						"is-focused": ye(n.option),
-						indeterminate: he(n.option),
-						label: X(n.option),
+						"is-focused": be(n.option),
+						indeterminate: _e(n.option),
+						label: Z(n.option),
 						name: V(h),
 						"query-text": g.value,
 						renderer: e.filter.filterOptionsRenderer,
-						"result-count": Z(n.option),
-						selected: me(n.option),
+						"result-count": pe(n.option),
+						selected: he(n.option),
 						"show-focus-action": e.filter.isFocusable,
 						"sub-text": n.option.subText,
 						"subdued-text": n.option.subduedText,
 						value: n.option.value,
-						onFocusValue: () => je(n.option),
-						onToggleValue: (e, t) => Ae(n.option, t)
+						onFocusValue: () => Fe(n.option),
+						onToggleValue: (e, t) => Pe(n.option, t)
 					}, null, 8, [
 						"control",
 						"depth",
 						"disabled",
+						"focus-action-disabled",
+						"focus-action-label",
 						"focus-text",
 						"is-focused",
 						"indeterminate",
@@ -9364,37 +9400,37 @@ var oo = ["title"], so = ["title"], co = { style: {
 					])) : (k(), i($, {
 						key: 1,
 						class: "pv-text-brand",
-						disabled: z.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) => Te(n.parent)
+						onClick: (e) => ke(n.parent)
 					}, null, 8, [
 						"disabled",
 						"style",
 						"onClick"
 					]))], 64))), 128)),
-					ue.value ? (k(), i($, {
+					de.value ? (k(), i($, {
 						key: 1,
 						class: "pv-text-brand",
-						disabled: z.value || e.filter.isLoadingMore,
+						disabled: B.value || e.filter.isLoadingMore,
 						label: "See more",
 						style: { width: "fit-content" },
 						variant: "ghost",
-						onClick: we
+						onClick: Oe
 					}, null, 8, ["disabled"])) : a("", !0)
 				])) : a("", !0),
-				e.filter.filterFooterRenderer ? (k(), i(F(e.filter.filterFooterRenderer), x(v({ key: 3 }, Ce.value)), null, 16)) : a("", !0)
+				e.filter.filterFooterRenderer ? (k(), i(F(e.filter.filterFooterRenderer), x(v({ key: 3 }, De.value)), null, 16)) : a("", !0)
 			], 64))
-		], 64)) : T.value === "range" && e.filter.rangeMin !== null && e.filter.rangeMax !== null ? (k(), i(yu, {
+		], 64)) : E.value === "range" && e.filter.rangeMin !== null && e.filter.rangeMax !== null ? (k(), i(yu, {
 			key: 1,
 			mode: "dual",
 			rangeValue: e.filter.rangeValue,
 			"data-type": e.filter.dataType,
-			disabled: z.value,
+			disabled: B.value,
 			"input-icon": e.filter.rangeInputIcon,
 			label: e.filter.label,
 			max: e.filter.rangeMax,
@@ -9403,7 +9439,7 @@ var oo = ["title"], so = ["title"], co = { style: {
 			"slider-step": e.filter.rangeSliderStep,
 			step: e.filter.rangeStep,
 			"value-decimals": e.filter.valueDecimals,
-			"onUpdate:rangeValue": ke
+			"onUpdate:rangeValue": Ne
 		}, null, 8, [
 			"rangeValue",
 			"data-type",
@@ -9416,12 +9452,12 @@ var oo = ["title"], so = ["title"], co = { style: {
 			"slider-step",
 			"step",
 			"value-decimals"
-		])) : T.value === "range" ? (k(), o("p", Wd, " Range filters require minimum and maximum bounds. ")) : T.value === "boolean" ? (k(), o("div", Gd, [s("div", Kd, [(k(!0), o(t, null, M(B.value, (t) => (k(), i($, {
+		])) : E.value === "range" ? (k(), o("p", Wd, " Range filters require minimum and maximum bounds. ")) : E.value === "boolean" ? (k(), o("div", Gd, [s("div", Kd, [(k(!0), o(t, null, M(ee.value, (t) => (k(), i($, {
 			key: String(t.value),
-			disabled: z.value,
+			disabled: B.value,
 			label: t.label,
 			variant: e.filter.booleanValue === t.value ? "primary" : "secondary",
-			onClick: (n) => De(e.filter.booleanValue === t.value ? null : t.value)
+			onClick: (n) => je(e.filter.booleanValue === t.value ? null : t.value)
 		}, null, 8, [
 			"disabled",
 			"label",
@@ -9430,17 +9466,17 @@ var oo = ["title"], so = ["title"], co = { style: {
 		]))), 128))]), e.filter.booleanValue !== null && e.filter.booleanValue !== void 0 ? (k(), i($, {
 			key: 0,
 			class: "pv-text-brand",
-			disabled: z.value,
+			disabled: B.value,
 			label: "Clear",
 			variant: "ghost",
-			onClick: r[1] ||= (e) => De(null)
-		}, null, 8, ["disabled"])) : a("", !0)])) : T.value === "exists" ? (k(), o("label", qd, [u(Ks, {
-			disabled: z.value,
+			onClick: r[1] ||= (e) => je(null)
+		}, null, 8, ["disabled"])) : a("", !0)])) : E.value === "exists" ? (k(), o("label", qd, [u(Ks, {
+			disabled: B.value,
 			modelValue: e.filter.existsValue ?? !1,
-			"onUpdate:modelValue": Oe
+			"onUpdate:modelValue": Me
 		}, null, 8, ["disabled", "modelValue"]), s("span", Jd, R(y.value), 1)])) : a("", !0)], 12, jd)], 40, Dd));
 	}
-}), [["__scopeId", "data-v-1bc7f614"]]), Qd = {
+}), [["__scopeId", "data-v-347ad16b"]]), Qd = {
 	class: "pv-flex-vertical pv-inset-square-8",
 	"data-testid": "pv-filter-panel-applied-section",
 	style: {
@@ -10280,6 +10316,7 @@ function bp(e, t, n) {
 		}));
 	}, de = (e) => X.value.find((t) => t.key === e) ?? X.value.find((t) => W(t.colDef).includes(e)), fe = (e, t, n) => Ku(de(e)?.knownOptions ?? []).find((r) => r.value === n || qu(r, t, n, e)), X = r(() => e.colDefs.filter(F).map((t) => {
 		let n = O(t), r = D(t), i = M(t), a = le(L(n), t), o = le(H(n), t), s = {
+			canRemoveFocus: e.canRemoveFocus,
 			category: N(t),
 			clientFiltering: r.filterOptionsClientFiltering !== !1,
 			colDef: t,
@@ -10298,6 +10335,8 @@ function bp(e, t, n) {
 			filterSectionDefs: r.filterSectionDefs,
 			filterOptionsSortDescription: r.filterOptionsSortDescription,
 			filterOptionsSortTooltip: r.filterOptionsSortTooltip,
+			focusFieldLabels: Object.fromEntries(W(t).map((e) => [e, ce(e)])),
+			focusableFields: e.focusableFields,
 			focusText: e.focusText,
 			hideOptionsSortDescription: r.filterPanelHideOptionsSortDescription,
 			hideSearch: r.filterPanelHideSearch,
@@ -10697,6 +10736,10 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 			type: Boolean,
 			default: void 0
 		},
+		canRemoveFocus: {
+			type: Boolean,
+			default: !0
+		},
 		cancelLabel: { default: "Cancel" },
 		categoryOrder: {},
 		collapsedFilterDisplayLabel: { default: "Additional Filters" },
@@ -11050,6 +11093,10 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 			type: Boolean,
 			default: void 0
 		},
+		canRemoveFocus: {
+			type: Boolean,
+			default: !0
+		},
 		cancelLabel: { default: "Cancel" },
 		categoryOrder: {},
 		collapsedFilterDisplayLabel: {},
@@ -11415,7 +11462,7 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 			_: 3
 		}, 8, ["modelValue"]));
 	}
-}), [["__scopeId", "data-v-e3f66d03"]]), $p = ["tabindex"], em = {
+}), [["__scopeId", "data-v-fb919d6a"]]), $p = ["tabindex"], em = {
 	key: 0,
 	class: "pv-hover-action-menu__actions"
 }, tm = { class: "pv-hover-action-menu__action-group" }, nm = /* @__PURE__ */ Je(/* @__PURE__ */ d({
@@ -11476,7 +11523,7 @@ var xp = ["aria-label"], Sp = { class: "pv-filter-panel-header pv-flex pv-border
 			_: 1
 		}, 8, ["variant"])])) : a("", !0)], 10, $p));
 	}
-}), [["__scopeId", "data-v-6325cd25"]]), rm = () => {
+}), [["__scopeId", "data-v-c4eb41f2"]]), rm = () => {
 	let e = (e, n) => {
 		let i = e || { queryTerms: [] }, a = n.queryTerm || {};
 		return t(n) && !r(e, n) && i.queryTerms.push(a), i;