@turquoisehealth/pit-viper 2.217.1-dev.0 → 2.218.0

package/pv-components/dist/web/components/pv-select-button/pv-select-button.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, isRef as _, mergeModels as v, mergeProps as y, nextTick as b, normalizeClass as x, normalizeProps as S, normalizeStyle as C, onBeforeUnmount as w, onBeforeUpdate as T, onMounted as E, onScopeDispose as ee, onUnmounted as D, openBlock as O, provide as k, reactive as A, readonly as j, ref as M, renderList as te, renderSlot as ne, resolveComponent as re, resolveDynamicComponent as ie, shallowRef as N, toDisplayString as P, toValue as F, unref as I, useAttrs as ae, useId as oe, useModel as se, useSlots as ce, useTemplateRef as le, vModelCheckbox as ue, vModelText as de, vShow as fe, watch as L, watchEffect as pe, withCtx as me, withDirectives as he, withModifiers as ge } 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, isRef as _, mergeModels as v, mergeProps as y, nextTick as b, normalizeClass as x, normalizeProps as S, normalizeStyle as C, onBeforeUnmount as w, onBeforeUpdate as T, onMounted as E, onScopeDispose as ee, onUnmounted as D, openBlock as O, provide as k, reactive as A, readonly as te, ref as j, renderList as ne, renderSlot as re, resolveComponent as ie, resolveDynamicComponent as M, shallowRef as N, toDisplayString as P, toValue as F, unref as I, useAttrs as ae, useId as oe, useModel as se, useSlots as ce, useTemplateRef as le, vModelCheckbox as ue, vModelText as de, vShow as fe, watch as L, watchEffect as pe, withCtx as me, withDirectives as he, withModifiers as ge } from "vue";
 //#region \0rolldown/runtime.js
 var _e = Object.defineProperty, ve = Object.getOwnPropertyDescriptor, ye = Object.getOwnPropertyNames, be = Object.prototype.hasOwnProperty, xe = (e, t) => {
 	let n = {};
@@ -355,7 +355,7 @@ var tt = { class: "pv-relative" }, nt = ["disabled", "placeholder"], rt = {
 //#endregion
 //#region src/web-components/utils.ts
 function ot() {
-	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
@@ -382,7 +382,7 @@ var st = {
 		size: { type: null }
 	},
 	setup(e) {
-		let t = e, n = ot(), i = M(null), a = r(() => ({
+		let t = e, n = ot(), i = j(null), a = r(() => ({
 			"pv-icon": !0,
 			[`pv-icon-${t.size}`]: t.size != null && ct.includes(t.size)
 		})), c = r(() => n.value && i.value ? `${i.value}#${t.name}` : `#${t.name}`);
@@ -451,7 +451,7 @@ var st = {
 		srcPathOverride: { type: String }
 	},
 	setup(e) {
-		let t = e, n = M(!0), i = r(() => st[t.size] || "32px"), a = r(() => ({
+		let t = e, n = j(!0), i = r(() => st[t.size] || "32px"), a = r(() => ({
 			"pv-icon": n.value,
 			[`pv-company-${t.size}`]: t.size && !n.value
 		})), c = r(() => ({ width: i.value })), l = r(() => `${t.name.toLowerCase().replace(/[^a-z\s]/g, "").trim().replace(/\s+/g, "_")}.svg`), u = r(() => t.srcPathOverride ? t.srcPathOverride : `${t.basePath}/${l.value}`);
@@ -533,11 +533,11 @@ function Ct(e, t) {
 	return n ? t === "default" || t === "" ? n.querySelector("slot:not([name])") : n.querySelector(`slot[name="${CSS.escape(t)}"]`) : null;
 }
 function wt(e, t = {}) {
-	let { host: n, vueSlots: i, observe: a = !0, listenSlotChange: o = !0, countWhitespaceTextInDefaultSlot: s = !1 } = t, c = ot(), l = i ?? ce(), 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 = ot(), l = i ?? ce(), u = e === "default" || e === "" ? "default" : e, d = () => !!l && !!l[u], f = j(d());
 	T(() => {
 		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) {
@@ -627,12 +627,12 @@ var Tt = [
 			"data-style": e.variant === "white" ? "white" : "dark",
 			"data-static": e.disableInteractive ? !0 : void 0,
 			"aria-labelledby": I(t) ? e.ariaLabelledBy : void 0
-		}, [ne(n.$slots, "label"), I(t) ? (O(), o("div", {
+		}, [re(n.$slots, "label"), I(t) ? (O(), o("div", {
 			key: 0,
 			role: "tooltip",
 			id: e.ariaLabelledBy,
 			"data-testid": "pv-tooltip-content"
-		}, [ne(n.$slots, "tooltip-content")], 8, Et)) : a("v-if", !0)], 10, Tt));
+		}, [re(n.$slots, "tooltip-content")], 8, Et)) : a("v-if", !0)], 10, Tt));
 	}
 }), Ot = ["ghost"], kt = {
 	md: "pv-button-small",
@@ -714,7 +714,7 @@ var Tt = [
 					variant: e.counterBadgeVariant,
 					size: "sm"
 				}, null, 8, ["value", "variant"])) : a("v-if", !0),
-				!e.isLoading && e.renderer && f.value ? (O(), i(ie(e.renderer), S(y({ key: 2 }, f.value)), null, 16)) : (O(), o(t, { key: 3 }, [
+				!e.isLoading && e.renderer && f.value ? (O(), i(M(e.renderer), S(y({ key: 2 }, f.value)), null, 16)) : (O(), o(t, { key: 3 }, [
 					e.icon ? (O(), i(ut, {
 						key: 0,
 						"data-testid": "pv-multi-select-button-icon",
@@ -1713,7 +1713,7 @@ var Rr = ["popover"], zr = "--pv-popover-v2-anchor", Br = /* @__PURE__ */ pt(/*
 			"position-try-fallbacks: flip-block",
 			"position-visibility: anchors-visible",
 			`anchor-scope: ${zr}`
-		].every((e) => CSS.supports(e)), g = M(!1), _ = M(null), v = M(null), y = M(null), x = M(null), S = et(v), w = et(x), T = M(!1), ee = {
+		].every((e) => CSS.supports(e)), g = j(!1), _ = j(null), v = j(null), y = j(null), x = j(null), S = et(v), w = et(x), T = j(!1), ee = {
 			"top-center": "top",
 			"bottom-center": "bottom",
 			"center-left": "left",
@@ -1755,7 +1755,7 @@ var Rr = ["popover"], zr = "--pv-popover-v2-anchor", Br = /* @__PURE__ */ pt(/*
 				area: "bottom span-left",
 				margin: "margin-block-start"
 			}
-		}, A = r(() => t.showOnHover || t.disableClickOutsideToClose ? "manual" : "auto"), j = r(() => h ? { "anchor-scope": zr } : void 0), te = r(() => h ? { "anchor-name": zr } : void 0), re = r(() => {
+		}, A = r(() => t.showOnHover || t.disableClickOutsideToClose ? "manual" : "auto"), te = r(() => h ? { "anchor-scope": zr } : void 0), ne = r(() => h ? { "anchor-name": zr } : void 0), ie = r(() => {
 			let e = k[t.position];
 			return {
 				"position-anchor": zr,
@@ -1763,7 +1763,7 @@ var Rr = ["popover"], zr = "--pv-popover-v2-anchor", Br = /* @__PURE__ */ pt(/*
 				"position-try-fallbacks": t.disableAutoPlacement ? void 0 : "flip-block, flip-inline, flip-block flip-inline",
 				[e.margin]: `${t.offset ?? 0}px`
 			};
-		}), ie = () => {}, N = () => ({});
+		}), M = () => {}, N = () => ({});
 		if (!h) {
 			let e = [];
 			t.disableAutoPlacement || e.push(Er({ fallbackStrategy: "initialPlacement" })), t.offset && e.push(wr(t.offset));
@@ -1772,9 +1772,9 @@ var Rr = ["popover"], zr = "--pv-popover-v2-anchor", Br = /* @__PURE__ */ pt(/*
 				strategy: t.positioningStrategy,
 				middleware: e
 			});
-			ie = n.update, N = () => n.floatingStyles.value;
+			M = n.update, N = () => n.floatingStyles.value;
 			let i = $e(y), a = /* @__PURE__ */ Ie(() => {
-				c.value && ie();
+				c.value && M();
 			}, 5);
 			L([
 				i.top,
@@ -1813,7 +1813,7 @@ var Rr = ["popover"], zr = "--pv-popover-v2-anchor", Br = /* @__PURE__ */ pt(/*
 		};
 		return L(c, async (e) => {
 			if (!h) {
-				e && ie();
+				e && M();
 				return;
 			}
 			await b(), ue();
@@ -1830,30 +1830,30 @@ var Rr = ["popover"], zr = "--pv-popover-v2-anchor", Br = /* @__PURE__ */ pt(/*
 		}), L(m, (e) => {
 			e ? h && c.value && b(ue) : (oe(), ce(), c.value = !1);
 		}), E(() => {
-			y.value = v.value, g.value = !0, c.value && b(() => h ? ue() : ie());
+			y.value = v.value, g.value = !0, c.value && b(() => h ? ue() : M());
 		}), D(() => {
 			oe(), ce();
 		}), (r, l) => (O(), o("div", {
 			ref_key: "root",
 			ref: _,
-			style: C([{ width: "fit-content" }, j.value]),
+			style: C([{ width: "fit-content" }, te.value]),
 			onKeydown: ge
 		}, [s("div", {
 			ref_key: "triggerWrapper",
 			ref: v,
-			style: C(te.value),
+			style: C(ne.value),
 			onClick: pe,
 			onFocusin: l[0] ||= (e) => T.value = !0,
 			onFocusout: l[1] ||= (e) => T.value = !1
-		}, [ne(r.$slots, "trigger")], 36), g.value && I(h) && m.value ? (O(), o("div", {
+		}, [re(r.$slots, "trigger")], 36), g.value && I(h) && m.value ? (O(), o("div", {
 			key: 0,
 			ref_key: "floating",
 			ref: x,
 			class: "pv-floating pv-floating-native",
 			popover: A.value,
-			style: C(re.value),
+			style: C(ie.value),
 			onToggle: me
-		}, [ne(r.$slots, "content")], 44, Rr)) : m.value ? (O(), i(n, {
+		}, [re(r.$slots, "content")], 44, Rr)) : m.value ? (O(), i(n, {
 			key: 1,
 			to: e.teleportLocation,
 			disabled: !t.useTeleport
@@ -1862,7 +1862,7 @@ var Rr = ["popover"], zr = "--pv-popover-v2-anchor", Br = /* @__PURE__ */ pt(/*
 			ref: x,
 			class: "pv-floating",
 			style: C(P.value)
-		}, [ne(r.$slots, "content")], 4), [[fe, c.value]])], 8, ["to", "disabled"])) : a("v-if", !0)], 36));
+		}, [re(r.$slots, "content")], 4), [[fe, c.value]])], 8, ["to", "disabled"])) : a("v-if", !0)], 36));
 	}
 }), [["styles", [".pv-floating-native[data-v-08e2d92a]{width:max-content;color:inherit;position-visibility:anchors-visible;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:auto;overflow:visible}.pv-floating-native[data-v-08e2d92a]>.pv-popover,.pv-floating-native>slot[name=content][data-v-08e2d92a]::slotted(.pv-popover){position:static!important}"]], ["__scopeId", "data-v-08e2d92a"]]);
 //#endregion
@@ -1918,7 +1918,7 @@ var Wr = {
 		config: { type: Object }
 	},
 	setup(e) {
-		let n = e, c = M(null), l = M(null), u = r(() => n.subText || null), d = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), f = (e, t, n) => {
+		let n = e, c = j(null), l = j(null), u = r(() => n.subText || null), d = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), f = (e, t, n) => {
 			let r = d(n), i = RegExp(`(${r})`, "gi");
 			e.innerHTML = t.replace(i, "<span data-test-id=\"pv-matched-text\" style=\"font-weight: bold;\">$1</span>");
 		}, p = () => {
@@ -2074,7 +2074,7 @@ var Wr = {
 	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 } = wt("content", { host: a }), d = r(() => a ? u.value : o.value), f = r(() => !!t.description || d.value);
 		return (t, n) => (O(), i(Br, S(h(t.$props)), c({
-			trigger: me(() => [ne(t.$slots, "trigger", {}, () => [s("p", null, P(e.label), 1)])]),
+			trigger: me(() => [re(t.$slots, "trigger", {}, () => [s("p", null, P(e.label), 1)])]),
 			_: 2
 		}, [f.value ? {
 			name: "content",
@@ -2082,7 +2082,7 @@ var Wr = {
 				class: x(["pv-tooltip-v2-content", { "pv-tooltip-v2-content-small": e.size === "sm" }]),
 				role: "tooltip",
 				"data-variant": e.variant
-			}, [ne(t.$slots, "content", {}, () => [l(P(e.description), 1)])], 10, $r)]),
+			}, [re(t.$slots, "content", {}, () => [l(P(e.description), 1)])], 10, $r)]),
 			key: "0"
 		} : void 0]), 1040));
 	}
@@ -2233,7 +2233,7 @@ var Wr = {
 	},
 	emits: ["handle-selected", "toggle-expanded"],
 	setup(e, { emit: t }) {
-		let n = e, c = le("inputRef"), l = g(ai, void 0), d = g(oi, M(!1)), f = g(li, void 0), m = g(ui, void 0), h = g(si, r(() => !1)), _ = r(() => {
+		let n = e, c = le("inputRef"), l = g(ai, void 0), d = g(oi, j(!1)), f = g(li, void 0), m = g(ui, void 0), h = g(si, r(() => !1)), _ = r(() => {
 			if (!d.value || !Vr(n)) return [];
 			let e = n.children ? Hr(n.children) : [];
 			if (f?.value) {
@@ -2270,17 +2270,17 @@ var Wr = {
 		}), E = r(() => n.action ?? n.menuOptionConfig?.action), ee = r(() => {
 			let e = n.menuOptionConfig?.variant;
 			return e !== "checkbox" && e !== "radio";
-		}), D = r(() => n.menuOptionConfig?.variant === "radio" ? "radio" : "checkbox"), k = `${D.value}-${p()?.uid}`, A = r(() => n.menuOptionConfig?.variant === "checkbox" ? "pv-checkbox" : "pv-radio"), j = r(() => `pv-menu${n.menuOptionConfig?.variant === "checkbox" ? "-checkbox" : n.menuOptionConfig?.variant === "radio" ? "-radio" : ""}-item`), te = t, ne = (e) => {
-			n.disabled || (te("handle-selected", {
+		}), D = r(() => n.menuOptionConfig?.variant === "radio" ? "radio" : "checkbox"), k = `${D.value}-${p()?.uid}`, A = r(() => n.menuOptionConfig?.variant === "checkbox" ? "pv-checkbox" : "pv-radio"), te = r(() => `pv-menu${n.menuOptionConfig?.variant === "checkbox" ? "-checkbox" : n.menuOptionConfig?.variant === "radio" ? "-radio" : ""}-item`), ne = t, re = (e) => {
+			n.disabled || (ne("handle-selected", {
 				option: { ...n },
 				event: e
 			}), b(() => {
 				c.value && (c.value.checked = v.value, c.value.indeterminate = S.value);
 			}));
-		}, re = (e) => {
+		}, ie = (e) => {
 			if (!h.value) return;
 			let t = e.target.closest("a, button, input, select, textarea, [contenteditable], [role='button'], [role='checkbox'], [role='link'], [role='radio'], [role='switch']");
-			t && t !== e.currentTarget && t !== c.value || (e.preventDefault(), ne(e));
+			t && t !== e.currentTarget && t !== c.value || (e.preventDefault(), re(e));
 		};
 		return (t, r) => (O(), o("label", y(t.$attrs, {
 			class: ["pv-label pv-label-hover pv-flex pv-full-width pv-stack-4 pv-inset-square-8", C.value],
@@ -2289,8 +2289,8 @@ var Wr = {
 				paddingTop: e.subText ? "4px" : void 0,
 				paddingBottom: e.subText ? "4px" : void 0
 			}],
-			"data-testid": j.value,
-			onClick: re
+			"data-testid": te.value,
+			onClick: ie
 		}), [
 			s("input", {
 				ref_key: "inputRef",
@@ -2304,9 +2304,9 @@ var Wr = {
 				tabindex: I(h) ? -1 : void 0,
 				"aria-hidden": I(h) ? !0 : void 0,
 				disabled: e.disabled,
-				onChange: r[0] ||= (e) => I(h) ? void 0 : ne(e)
+				onChange: r[0] ||= (e) => I(h) ? void 0 : re(e)
 			}, null, 42, hi),
-			e.menuOptionConfig?.renderer ? (O(), i(ie(e.menuOptionConfig?.renderer), y({ key: 0 }, T.value, { selected: v.value }), null, 16, ["selected"])) : (O(), i(Jr, y({ key: 1 }, T.value, {
+			e.menuOptionConfig?.renderer ? (O(), i(M(e.menuOptionConfig?.renderer), y({ key: 0 }, T.value, { selected: v.value }), null, 16, ["selected"])) : (O(), i(Jr, y({ key: 1 }, T.value, {
 				menuOptionConfig: e.menuOptionConfig,
 				queryText: e.queryText,
 				highlightSearchText: e.highlightSearchText
@@ -2343,7 +2343,7 @@ var Wr = {
 				class: "pv-button-ghost pv-menu-item-expand-chevron",
 				"aria-label": n.text ? `Toggle children for ${n.text}` : "Toggle children",
 				"aria-expanded": e.expanded,
-				onClick: r[1] ||= ge((e) => te("toggle-expanded"), ["prevent", "stop"])
+				onClick: r[1] ||= ge((e) => ne("toggle-expanded"), ["prevent", "stop"])
 			}, [u(ut, {
 				name: e.chevronIcon ?? "chevron-right",
 				size: 12
@@ -2492,7 +2492,7 @@ var Wr = {
 	}),
 	emits: /* @__PURE__ */ v(["handle-selected", "see-more"], ["update:selectedIds"]),
 	setup(e, { emit: n }) {
-		let i = e, s = g(ai, void 0), c = se(e, "selectedIds"), l = g(pi, M(!1)), d = g(fi, M(!1)), f = g(si, r(() => !1)), p = ae(), m = r(() => {
+		let i = e, s = g(ai, void 0), c = se(e, "selectedIds"), l = g(pi, j(!1)), d = g(fi, j(!1)), f = g(si, r(() => !1)), p = ae(), m = r(() => {
 			if (!f.value) return {};
 			let e = new Set([
 				"aria-checked",
@@ -2509,11 +2509,11 @@ var Wr = {
 				"tabindex"
 			]);
 			return Object.fromEntries(Object.entries(p).filter(([t]) => e.has(t)));
-		}), h = g(ui, void 0), _ = g(di, void 0), v = M(i.defaultExpanded ?? !1);
+		}), h = g(ui, void 0), _ = g(di, void 0), v = j(i.defaultExpanded ?? !1);
 		L(() => i.defaultExpanded, (e) => {
 			e && (v.value = !0);
 		});
-		let b = M(!1), S = M(!1), w = M(i.children ?? []), T = M(/* @__PURE__ */ new Set());
+		let b = j(!1), S = j(!1), w = j(i.children ?? []), T = j(/* @__PURE__ */ new Set());
 		L(() => i.children, (e) => {
 			if (!e) {
 				w.value = [];
@@ -2530,10 +2530,10 @@ var Wr = {
 		}), k = r(() => Vr({
 			...i,
 			children: w.value
-		}) && i.level < Ti), A = r(() => k.value ? l.value ? v.value : !0 : !1), j = r(() => v.value ? "chevron-down" : "chevron-right"), ne = (e) => s && Array.isArray(s.value) ? s.value.some((t) => t.id === e.id) : c.value.includes(e.id), ie = n, N = r(() => S.value || i.totalChildCount == null ? !1 : i.totalChildCount > w.value.length), P = async () => {
+		}) && i.level < Ti), A = r(() => k.value ? l.value ? v.value : !0 : !1), te = r(() => v.value ? "chevron-down" : "chevron-right"), re = (e) => s && Array.isArray(s.value) ? s.value.some((t) => t.id === e.id) : c.value.includes(e.id), M = n, N = r(() => S.value || i.totalChildCount == null ? !1 : i.totalChildCount > w.value.length), P = async () => {
 			if (b.value) return;
 			if (!i.handleSeeMore) {
-				ie("see-more", {
+				M("see-more", {
 					parentId: i.id,
 					offset: w.value.length
 				});
@@ -2574,12 +2574,12 @@ var Wr = {
 				let t = c.value.indexOf(e.option.id);
 				t > -1 ? c.value = [...c.value.slice(0, t), ...c.value.slice(t + 1)] : c.value = [...c.value, e.option.id];
 			}
-			ie("handle-selected", e);
+			M("handle-selected", e);
 		}, oe = (e) => {
-			ie("handle-selected", e);
+			M("handle-selected", e);
 		};
 		return (n, r) => {
-			let s = re("PvMenuItem", !0);
+			let s = ie("PvMenuItem", !0);
 			return O(), o(t, null, [u(vi, y({
 				...D.value,
 				...m.value
@@ -2589,11 +2589,11 @@ var Wr = {
 				queryText: e.queryText,
 				highlightSearchText: e.highlightSearchText,
 				showChevron: I(l) && k.value,
-				chevronIcon: j.value,
+				chevronIcon: te.value,
 				expanded: v.value,
 				onHandleSelected: F,
 				onToggleExpanded: E,
-				selected: ne(i)
+				selected: re(i)
 			}), null, 16, [
 				"children",
 				"menuOptionConfig",
@@ -2607,9 +2607,9 @@ var Wr = {
 				key: 0,
 				role: "list",
 				style: C(ee.value)
-			}, [(O(!0), o(t, null, te(w.value, (t) => (O(), o("li", {
+			}, [(O(!0), o(t, null, ne(w.value, (t) => (O(), o("li", {
 				key: t.id,
-				"data-active": ne(t) ? "true" : null,
+				"data-active": re(t) ? "true" : null,
 				class: x(e.itemClass)
 			}, [u(s, y({ ref_for: !0 }, t, {
 				disabled: i.disabled || t.disabled,
@@ -2620,7 +2620,7 @@ var Wr = {
 				highlightSearchText: e.highlightSearchText,
 				level: e.level + 1,
 				onHandleSelected: oe,
-				onSeeMore: r[1] ||= (e) => ie("see-more", e)
+				onSeeMore: r[1] ||= (e) => M("see-more", e)
 			}), null, 16, [
 				"disabled",
 				"selectedIds",
@@ -3413,8 +3413,8 @@ X.prototype = {
 				Ua = n, Wa = x;
 				var k = n.nextElementSibling, A = !1;
 				A = x === 1;
-				var j = fo(K, t, U, r, n, i, e, A);
-				if (j !== !1) return (j === 1 || j === -1) && (A = j === 1), Ya = !0, setTimeout(mo, 30), g(), A && !k ? t.appendChild(U) : n.parentNode.insertBefore(U, A ? k : n), E && da(E, 0, ee - E.scrollTop), W = U.parentNode, S !== void 0 && !Ka && (qa = Math.abs(S - H(n)[T])), v(), _(!0);
+				var te = fo(K, t, U, r, n, i, e, A);
+				if (te !== !1) return (te === 1 || te === -1) && (A = te === 1), Ya = !0, setTimeout(mo, 30), g(), A && !k ? t.appendChild(U) : n.parentNode.insertBefore(U, A ? k : n), E && da(E, 0, ee - E.scrollTop), W = U.parentNode, S !== void 0 && !Ka && (qa = Math.abs(S - H(n)[T])), v(), _(!0);
 			}
 			if (t.contains(U)) return _(!1);
 		}
@@ -3814,7 +3814,7 @@ var Vo = ["data-align"], Ho = /* @__PURE__ */ pt(/* @__PURE__ */ d({
 	},
 	emits: ["list-order-updated"],
 	setup(e, { expose: t, emit: n }) {
-		let r = M(null), i = le("popoverList"), a = e, s = n;
+		let r = j(null), i = le("popoverList"), a = e, s = n;
 		return a.isSortable && a.isList && Lo(i, [], {
 			animation: 150,
 			onUpdate: () => {
@@ -3833,7 +3833,7 @@ var Vo = ["data-align"], Ho = /* @__PURE__ */ pt(/* @__PURE__ */ d({
 			role: "list",
 			class: "pv-popover-list",
 			style: C(e.cssCustomListProperties)
-		}, [ne(t.$slots, "default", {}, void 0, !0)], 4)) : ne(t.$slots, "default", { key: 1 }, void 0, !0)], 12, Vo));
+		}, [re(t.$slots, "default", {}, void 0, !0)], 4)) : re(t.$slots, "default", { key: 1 }, void 0, !0)], 12, Vo));
 	}
 }), [["styles", [".pv-popover-list[data-v-246a9400]{font-size:14px}"]], ["__scopeId", "data-v-246a9400"]]), Uo = ["role"], Wo = [
 	"data-active",
@@ -3872,7 +3872,7 @@ var Vo = ["data-align"], Ho = /* @__PURE__ */ pt(/* @__PURE__ */ d({
 	}),
 	emits: /* @__PURE__ */ v(["handle-selected", "see-more"], ["update:selectedItems", "update:expandedOptionId"]),
 	setup(e, { emit: c }) {
-		let l = e, d = c, f = se(e, "selectedItems"), p = se(e, "expandedOptionId"), m = oe(), h = M(null), _ = M(null), v = M(null), S = M(null), { floatingStyles: w, update: T } = Lr(S, v, {
+		let l = e, d = c, f = se(e, "selectedItems"), p = se(e, "expandedOptionId"), m = oe(), h = j(null), _ = j(null), v = j(null), S = j(null), { floatingStyles: w, update: T } = Lr(S, v, {
 			middleware: [
 				wr(4),
 				Er(),
@@ -3885,7 +3885,7 @@ var Vo = ["data-align"], Ho = /* @__PURE__ */ pt(/* @__PURE__ */ d({
 			p.value !== void 0 && (p.value = void 0);
 		}, ee = () => {
 			let e = p.value;
-			E(), e && b(() => Ne(e));
+			E(), e && b(() => Fe(e));
 		}, D = [...g(ci, []), m];
 		k(ci, D), Ge(h, (e) => {
 			(e.target instanceof Element ? e.target.closest("[data-pv-menu-ancestors]")?.dataset.pvMenuAncestors?.split(" ") : void 0)?.includes(m) || E();
@@ -3893,75 +3893,79 @@ var Vo = ["data-align"], Ho = /* @__PURE__ */ pt(/* @__PURE__ */ d({
 		let A = N(f.value);
 		L(f, (e) => {
 			A.value = e;
-		}), L(A, (e) => {
-			e !== f.value && (f.value = e);
+		});
+		let te, ie = (e) => {
+			te = e, f.value = e;
+		};
+		L(A, (e) => {
+			e !== te && e !== f.value && ie(e);
 		}), k(ai, A), k(si, r(() => l.childrenDisplay === "popover"));
-		let j = r(() => l.childrenDisplay === "inline" && !!l.enableCascadeSelection);
-		k(oi, j);
-		let re = g(li, void 0), ie = g(fi, M(!1)), P = g(ui, void 0), F = g(di, void 0), ae = r(() => l.singleSelect || l.config?.variant === "radio"), ce = r(() => l.options.find((e) => e.id === p.value && e.children?.length)), le = (e, t, n = !1, r = !0) => {
+		let M = r(() => l.childrenDisplay === "inline" && !!l.enableCascadeSelection);
+		k(oi, M);
+		let P = g(li, void 0), F = g(fi, j(!1)), ae = g(ui, void 0), ce = g(di, void 0), le = r(() => l.singleSelect || l.config?.variant === "radio"), ue = r(() => l.options.find((e) => e.id === p.value && e.children?.length)), de = (e, t, n = !1, r = !0) => {
 			let i = !r || p.value !== e.id;
 			p.value = i ? e.id : void 0, i && (S.value = t, b(() => {
-				T(), n && je(_.value ?? document.getElementById(m), 0);
+				T(), n && Ne(_.value ?? document.getElementById(m), 0);
 			}));
-		}, ue = (e, t = !1) => {
+		}, pe = (e, t = !1) => {
 			if (l.readOnly) return;
 			let n = (!t && l.childrenDisplay === "popover" ? l.options.find((t) => t.id === e.option.id) : void 0) ?? e.option;
 			if (l.childrenDisplay === "popover" && !t && n.children?.length) {
 				let t = e.event.currentTarget?.closest("li");
-				t && le(n, t);
+				t && de(n, t);
 				return;
 			}
 			let r;
-			if (j.value && Vr(n)) {
+			if (M.value && Vr(n)) {
 				let e;
-				if (ie.value && re?.value) {
-					let t = re.value.get(n.id);
+				if (F.value && P?.value) {
+					let t = P.value.get(n.id);
 					e = Ur(t?.children ? Hr(t.children) : [], n.children ? Hr(n.children) : []);
 				} else e = n.children ? Hr(n.children) : [];
-				let t = e.map((e) => e.id), i = A.value, a = (P?.value?.has(n.id) ?? !1) || t.some((e) => i.some((t) => t.id === e));
-				if (r = a ? i.filter((e) => !t.includes(e.id)) : [...i, ...e], P?.value) {
-					let e = new Set(P.value);
-					a ? e.delete(n.id) : e.add(n.id), P.value = e;
+				let t = e.map((e) => e.id), i = A.value, a = (ae?.value?.has(n.id) ?? !1) || t.some((e) => i.some((t) => t.id === e));
+				if (r = a ? i.filter((e) => !t.includes(e.id)) : [...i, ...e], ae?.value) {
+					let e = new Set(ae.value);
+					a ? e.delete(n.id) : e.add(n.id), ae.value = e;
 				}
-				if (F?.value?.has(n.id)) {
-					let e = new Map(F.value);
-					e.delete(n.id), F.value = e;
+				if (ce?.value?.has(n.id)) {
+					let e = new Map(ce.value);
+					e.delete(n.id), ce.value = e;
 				}
-			} else if (ae.value) r = A.value.length === 1 && A.value[0].id === n.id ? l.disableDeselect ? A.value : [] : [n];
+			} else if (le.value) r = A.value.length === 1 && A.value[0].id === n.id ? l.disableDeselect ? A.value : [] : [n];
 			else {
 				let e = A.value.findIndex((e) => e.id === n.id);
-				if (r = e > -1 ? [...A.value.slice(0, e), ...A.value.slice(e + 1)] : [...A.value, n], j.value && P?.value && F?.value) {
+				if (r = e > -1 ? [...A.value.slice(0, e), ...A.value.slice(e + 1)] : [...A.value, n], M.value && ae?.value && ce?.value) {
 					let t = e > -1;
-					for (let e of P.value) {
-						let r = re?.value?.get(e)?.children ?? l.options.find((t) => t.id === e)?.children;
+					for (let e of ae.value) {
+						let r = P?.value?.get(e)?.children ?? l.options.find((t) => t.id === e)?.children;
 						if (!r || !(Hr(r).some((e) => e.id === n.id) || l.options.find((t) => t.id === e)?.children?.some((e) => e.id === n.id))) continue;
-						let i = new Map(F.value), a = new Set(i.get(e) ?? []);
-						t ? a.add(n.id) : a.delete(n.id), a.size > 0 ? i.set(e, a) : i.delete(e), F.value = i;
+						let i = new Map(ce.value), a = new Set(i.get(e) ?? []);
+						t ? a.add(n.id) : a.delete(n.id), a.size > 0 ? i.set(e, a) : i.delete(e), ce.value = i;
 						break;
 					}
 				}
 			}
-			A.value = r, f.value = r, !t && l.childrenDisplay === "popover" && (p.value = void 0), d("handle-selected", l.childrenDisplay === "popover" ? {
+			A.value = r, ie(r), !t && l.childrenDisplay === "popover" && (p.value = void 0), d("handle-selected", l.childrenDisplay === "popover" ? {
 				...e,
 				option: n
 			} : e);
-		}, de = (e) => {
-			let t = ce.value;
+		}, ge = (e) => {
+			let t = ue.value;
 			if (!t) return;
 			let n = t.children?.find((t) => t.id === e.option.id) ?? e.option;
-			ue({
+			pe({
 				...e,
 				option: n
-			}, !0), p.value = void 0, b(() => Ne(t.id));
-		}, pe = r(() => new Set(A.value.map((e) => e.id))), ge = (e) => {
+			}, !0), p.value = void 0, b(() => Fe(t.id));
+		}, _e = r(() => new Set(A.value.map((e) => e.id))), ve = (e) => {
 			for (let t of e) {
-				if (pe.value.has(t.id)) return t;
-				let e = t.children?.length ? ge(t.children) : void 0;
+				if (_e.value.has(t.id)) return t;
+				let e = t.children?.length ? ve(t.children) : void 0;
 				if (e) return e;
 			}
-		}, _e = (e) => {
+		}, ye = (e) => {
 			if (l.childrenDisplay !== "popover" || !e.children?.length) return e;
-			let t = ge(e.children);
+			let t = ve(e.children);
 			return {
 				...e,
 				children: void 0,
@@ -3969,54 +3973,54 @@ var Vo = ["data-align"], Ho = /* @__PURE__ */ pt(/* @__PURE__ */ d({
 				subText: t?.text ?? e.subText,
 				totalChildCount: void 0
 			};
-		}, ve = (e) => ({
+		}, be = (e) => ({
 			...e,
 			children: void 0,
 			totalChildCount: void 0
-		}), ye = (e) => l.childrenDisplay === "popover" ? e.config ?? l.config : l.config, be = (e) => pe.value.has(e.id) || j.value && P?.value?.has(e.id) || (j.value || l.childrenDisplay === "popover") && e.children?.length && ge(e.children) ? !0 : null, xe = (e) => {
+		}), xe = (e) => l.childrenDisplay === "popover" ? e.config ?? l.config : l.config, Se = (e) => _e.value.has(e.id) || M.value && ae?.value?.has(e.id) || (M.value || l.childrenDisplay === "popover") && e.children?.length && ve(e.children) ? !0 : null, Ce = (e) => {
 			let t = e.config?.variant ?? l.config?.variant;
-			return ae.value || t === "radio" ? "menuitemradio" : t === "checkbox" ? "menuitemcheckbox" : "menuitem";
-		}, Se = (e) => xe(e) === "menuitem" ? void 0 : !!be(e), Ce = (e) => e.children?.length && !l.highlightParentItems ? null : xe(e) !== "menuitemcheckbox" && be(e) || p.value === e.id ? !0 : null, we = (e) => xe(e) !== "menuitemcheckbox" && pe.value.has(e.id) ? !0 : null, Te = (e, t) => !!(!t || pe.value.has(e.id) || P?.value?.has(e.id) || e.children?.length && ge(e.children)), Ee = M(), De = M(), Oe = r(() => {
-			let e = l.options.filter((e) => !l.readOnly && !e.disabled && Te(e, l.isLoading)).map((e) => e.id);
-			return l.hasMoreOptions && !l.isSeeMoreLoading && e.push(Yo), Ee.value && e.includes(Ee.value) ? Ee.value : e[0];
-		}), ke = r(() => {
-			let e = ce.value?.children?.filter((e) => !l.readOnly && !e.disabled) ?? [];
-			return e.some((e) => e.id === De.value) ? De.value : e[0]?.id;
-		}), Ae = (e) => {
+			return le.value || t === "radio" ? "menuitemradio" : t === "checkbox" ? "menuitemcheckbox" : "menuitem";
+		}, we = (e) => Ce(e) === "menuitem" ? void 0 : !!Se(e), Te = (e) => e.children?.length && !l.highlightParentItems ? null : Ce(e) !== "menuitemcheckbox" && Se(e) || p.value === e.id ? !0 : null, Ee = (e) => Ce(e) !== "menuitemcheckbox" && _e.value.has(e.id) ? !0 : null, De = (e, t) => !!(!t || _e.value.has(e.id) || ae?.value?.has(e.id) || e.children?.length && ve(e.children)), Oe = j(), ke = j(), Ae = r(() => {
+			let e = l.options.filter((e) => !l.readOnly && !e.disabled && De(e, l.isLoading)).map((e) => e.id);
+			return l.hasMoreOptions && !l.isSeeMoreLoading && e.push(Yo), Oe.value && e.includes(Oe.value) ? Oe.value : e[0];
+		}), je = r(() => {
+			let e = ue.value?.children?.filter((e) => !l.readOnly && !e.disabled) ?? [];
+			return e.some((e) => e.id === ke.value) ? ke.value : e[0]?.id;
+		}), Me = (e) => {
 			let t = Array.from(e?.querySelectorAll("li[role='none'] > [role^='menuitem']:not([aria-disabled='true'])") ?? []).filter((e) => !e.hidden && e.style.display !== "none");
 			return t.length ? t : Array.from(e?.querySelectorAll("button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex='-1'])") ?? []).filter((e) => !e.hidden && e.style.display !== "none");
-		}, je = (e, t) => {
-			let n = Ae(e);
+		}, Ne = (e, t) => {
+			let n = Me(e);
 			n.length && n[(t + n.length) % n.length]?.focus();
-		}, Me = (e, t, n) => {
-			let r = Ae(e), i = r.indexOf(t);
+		}, Pe = (e, t, n) => {
+			let r = Me(e), i = r.indexOf(t);
 			!r.length || i < 0 || r[(i + n + r.length) % r.length]?.focus();
-		}, Ne = (e) => {
-			Ae(h.value).find((t) => t.dataset.optionId === e)?.focus();
+		}, Fe = (e) => {
+			Me(h.value).find((t) => t.dataset.optionId === e)?.focus();
 		};
 		L(p, (e) => {
-			De.value = void 0, e && b(() => {
+			ke.value = void 0, e && b(() => {
 				let t = Array.from(h.value?.children ?? []).find((t) => t.dataset.optionId === e);
 				t && (S.value = t, T());
 			});
 		}, { immediate: !0 });
-		let Pe = (e, t) => {
+		let Ie = (e, t) => {
 			switch (e.key) {
-				case "ArrowDown": return e.preventDefault(), Me(t, e.currentTarget, 1), !0;
-				case "ArrowUp": return e.preventDefault(), Me(t, e.currentTarget, -1), !0;
-				case "Home": return e.preventDefault(), je(t, 0), !0;
-				case "End": return e.preventDefault(), je(t, -1), !0;
+				case "ArrowDown": return e.preventDefault(), Pe(t, e.currentTarget, 1), !0;
+				case "ArrowUp": return e.preventDefault(), Pe(t, e.currentTarget, -1), !0;
+				case "Home": return e.preventDefault(), Ne(t, 0), !0;
+				case "End": return e.preventDefault(), Ne(t, -1), !0;
 				default: return !1;
 			}
-		}, Fe = (e, t) => {
-			if (!(e.target !== e.currentTarget || Pe(e, h.value))) switch (e.key) {
+		}, Le = (e, t) => {
+			if (!(e.target !== e.currentTarget || Ie(e, h.value))) switch (e.key) {
 				case "ArrowRight":
 					if (!t.children?.length) break;
-					e.preventDefault(), le(t, e.currentTarget, !0, !1);
+					e.preventDefault(), de(t, e.currentTarget, !0, !1);
 					break;
 				case "Enter":
 				case " ":
-					e.preventDefault(), t.children?.length ? le(t, e.currentTarget, !0, !1) : ue({
+					e.preventDefault(), t.children?.length ? de(t, e.currentTarget, !0, !1) : pe({
 						event: e,
 						option: t
 					});
@@ -4029,8 +4033,8 @@ var Vo = ["data-align"], Ho = /* @__PURE__ */ pt(/* @__PURE__ */ d({
 					p.value = void 0;
 					break;
 			}
-		}, Ie = (e) => {
-			if (!Pe(e, h.value)) switch (e.key) {
+		}, Re = (e) => {
+			if (!Ie(e, h.value)) switch (e.key) {
 				case "Enter":
 				case " ":
 					e.preventDefault(), d("see-more", { parentId: void 0 });
@@ -4040,18 +4044,18 @@ var Vo = ["data-align"], Ho = /* @__PURE__ */ pt(/* @__PURE__ */ d({
 					E();
 					break;
 			}
-		}, Le = (e, t) => {
-			if (!(e.target !== e.currentTarget || Pe(e, _.value))) switch (e.key) {
+		}, ze = (e, t) => {
+			if (!(e.target !== e.currentTarget || Ie(e, _.value))) switch (e.key) {
 				case "ArrowLeft":
 				case "Escape": {
 					e.preventDefault(), e.key === "Escape" && e.stopPropagation();
 					let t = p.value;
-					p.value = void 0, t && b(() => Ne(t));
+					p.value = void 0, t && b(() => Fe(t));
 					break;
 				}
 				case "Enter":
 				case " ":
-					e.preventDefault(), de({
+					e.preventDefault(), ge({
 						event: e,
 						option: t
 					});
@@ -4066,31 +4070,31 @@ var Vo = ["data-align"], Ho = /* @__PURE__ */ pt(/* @__PURE__ */ d({
 			ref: h,
 			role: e.childrenDisplay === "popover" ? "menu" : "list",
 			class: "pv-popover-list"
-		}, r.$attrs), [(O(!0), o(t, null, te(e.options, (t) => he((O(), o("li", {
+		}, r.$attrs), [(O(!0), o(t, null, ne(e.options, (t) => he((O(), o("li", {
 			key: t.id,
-			"data-active": Ce(t),
+			"data-active": Te(t),
 			"data-option-id": t.id,
 			"data-testid": e.itemTestId,
 			class: x(e.itemClass),
 			role: e.childrenDisplay === "popover" ? "none" : void 0
-		}, [u(Ei, y({ ref_for: !0 }, _e(t), {
-			"aria-checked": e.childrenDisplay === "popover" ? Se(t) : void 0,
+		}, [u(Ei, y({ ref_for: !0 }, ye(t), {
+			"aria-checked": e.childrenDisplay === "popover" ? we(t) : void 0,
 			"aria-controls": e.childrenDisplay === "popover" && t.children?.length ? I(m) : void 0,
 			"aria-disabled": e.childrenDisplay === "popover" && (l.readOnly || t.disabled) ? "true" : void 0,
 			"aria-expanded": e.childrenDisplay === "popover" && t.children?.length ? p.value === t.id : void 0,
 			"aria-haspopup": e.childrenDisplay === "popover" && t.children?.length ? t.popoverRole ?? "menu" : void 0,
-			"data-active": Ce(t),
+			"data-active": Te(t),
 			"data-dd-action-name": t.rumActionName,
 			"data-option-id": t.id,
 			disabled: l.readOnly || t.disabled,
-			config: ye(t),
+			config: xe(t),
 			itemClass: e.itemClass,
 			queryText: e.queryText,
-			role: e.childrenDisplay === "popover" ? xe(t) : void 0,
-			tabindex: e.childrenDisplay === "popover" ? Oe.value === t.id ? 0 : -1 : void 0,
-			onFocus: (e) => Ee.value = t.id,
-			onKeydown: (n) => e.childrenDisplay === "popover" ? Fe(n, t) : void 0,
-			onHandleSelected: ue,
+			role: e.childrenDisplay === "popover" ? Ce(t) : void 0,
+			tabindex: e.childrenDisplay === "popover" ? Ae.value === t.id ? 0 : -1 : void 0,
+			onFocus: (e) => Oe.value = t.id,
+			onKeydown: (n) => e.childrenDisplay === "popover" ? Le(n, t) : void 0,
+			onHandleSelected: pe,
 			onSeeMore: c[0] ||= (e) => d("see-more", e)
 		}), null, 16, [
 			"aria-checked",
@@ -4109,7 +4113,7 @@ var Vo = ["data-align"], Ho = /* @__PURE__ */ pt(/* @__PURE__ */ d({
 			"tabindex",
 			"onFocus",
 			"onKeydown"
-		])], 10, Wo)), [[fe, Te(t, e.isLoading)]])), 128)), e.hasMoreOptions ? (O(), o("li", {
+		])], 10, Wo)), [[fe, De(t, e.isLoading)]])), 128)), e.hasMoreOptions ? (O(), o("li", {
 			key: 0,
 			role: e.childrenDisplay === "popover" ? "none" : void 0
 		}, [u(Si, {
@@ -4119,17 +4123,17 @@ var Vo = ["data-align"], Ho = /* @__PURE__ */ pt(/* @__PURE__ */ d({
 			loading: e.isSeeMoreLoading,
 			disabled: e.isSeeMoreLoading,
 			role: e.childrenDisplay === "popover" ? "menuitem" : void 0,
-			tabindex: e.childrenDisplay === "popover" ? Oe.value === Yo ? 0 : -1 : void 0,
+			tabindex: e.childrenDisplay === "popover" ? Ae.value === Yo ? 0 : -1 : void 0,
 			"data-testid": "pv-menu-see-more",
-			onFocus: c[1] ||= (e) => Ee.value = Yo,
-			onKeydown: c[2] ||= (t) => e.childrenDisplay === "popover" ? Ie(t) : void 0,
+			onFocus: c[1] ||= (e) => Oe.value = Yo,
+			onKeydown: c[2] ||= (t) => e.childrenDisplay === "popover" ? Re(t) : void 0,
 			onClick: c[3] ||= (e) => d("see-more", { parentId: void 0 })
 		}, null, 8, [
 			"loading",
 			"disabled",
 			"role",
 			"tabindex"
-		])], 8, Go)) : a("v-if", !0)], 16, Uo), e.childrenDisplay === "popover" && ce.value ? (O(), i(n, {
+		])], 8, Go)) : a("v-if", !0)], 16, Uo), e.childrenDisplay === "popover" && ue.value ? (O(), i(n, {
 			key: 0,
 			to: "body"
 		}, [s("div", {
@@ -4146,38 +4150,38 @@ var Vo = ["data-align"], Ho = /* @__PURE__ */ pt(/* @__PURE__ */ d({
 				maxWidth: "calc(100vw - 16px)"
 			}
 		}, {
-			default: me(() => [ne(r.$slots, "popover", {
-				option: ce.value,
+			default: me(() => [re(r.$slots, "popover", {
+				option: ue.value,
 				popoverId: I(m),
 				close: ee
 			}, () => [s("ul", {
 				id: I(m),
 				ref_key: "nestedMenuRef",
 				ref: _,
-				"aria-label": `${ce.value.text} options`,
+				"aria-label": `${ue.value.text} options`,
 				class: "pv-popover-list",
 				role: "menu"
-			}, [(O(!0), o(t, null, te(ce.value.children, (t) => (O(), o("li", {
+			}, [(O(!0), o(t, null, ne(ue.value.children, (t) => (O(), o("li", {
 				key: t.id,
-				"data-active": we(t),
+				"data-active": Ee(t),
 				"data-option-id": t.id,
 				class: x(e.itemClass),
 				role: "none"
-			}, [u(Ei, y({ ref_for: !0 }, ve(t), {
-				"aria-checked": Se(t),
+			}, [u(Ei, y({ ref_for: !0 }, be(t), {
+				"aria-checked": we(t),
 				"aria-disabled": l.readOnly || t.disabled ? "true" : void 0,
-				"data-active": we(t),
+				"data-active": Ee(t),
 				"data-dd-action-name": t.rumActionName,
 				"data-option-id": t.id,
 				disabled: l.readOnly || t.disabled,
-				config: ye(t),
+				config: xe(t),
 				itemClass: e.itemClass,
 				queryText: e.queryText,
-				role: xe(t),
-				tabindex: ke.value === t.id ? 0 : -1,
-				onFocus: (e) => De.value = t.id,
-				onKeydown: (e) => Le(e, t),
-				onHandleSelected: de,
+				role: Ce(t),
+				tabindex: je.value === t.id ? 0 : -1,
+				onFocus: (e) => ke.value = t.id,
+				onKeydown: (e) => ze(e, t),
+				onHandleSelected: ge,
 				onSeeMore: c[4] ||= (e) => d("see-more", e)
 			}), null, 16, [
 				"aria-checked",
@@ -4197,7 +4201,7 @@ var Vo = ["data-align"], Ho = /* @__PURE__ */ pt(/* @__PURE__ */ d({
 			_: 3
 		})], 12, Ko)])) : a("v-if", !0)], 64));
 	}
-}), [["styles", [".pv-menu-popover[data-v-86fcb2f4]{z-index:50}.pv-popover-list>li[data-v-86fcb2f4]:last-child>.pv-label{margin-block-end:0}[data-v-86fcb2f4] .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)}"]], ["__scopeId", "data-v-86fcb2f4"]]), Zo = {
+}), [["styles", [".pv-menu-popover[data-v-f14f755f]{z-index:50}.pv-popover-list>li[data-v-f14f755f]:last-child>.pv-label{margin-block-end:0}[data-v-f14f755f] .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)}"]], ["__scopeId", "data-v-f14f755f"]]), Zo = {
 	key: 0,
 	class: "pv-inset-square-8 pv-border-bottom"
 }, Qo = /* @__PURE__ */ d({
@@ -4723,9 +4727,9 @@ var $s = {
 	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 (Q(a) && o.transform !== "strict") {
-			let { primitive: t, semantic: n, extend: m } = a, h = n || {}, { colorScheme: g } = h, _ = Ps(h, ["colorScheme"]), v = m || {}, { colorScheme: y } = v, b = Ps(v, ["colorScheme"]), x = g || {}, { dark: S } = x, C = Ps(x, ["dark"]), w = y || {}, { dark: T } = w, E = Ps(w, ["dark"]), ee = Q(t) ? this._toVariables({ primitive: t }, o) : {}, D = Q(_) ? this._toVariables({ semantic: _ }, o) : {}, O = Q(C) ? this._toVariables({ light: C }, o) : {}, k = Q(S) ? this._toVariables({ dark: S }, o) : {}, A = Q(b) ? this._toVariables({ semantic: b }, o) : {}, j = Q(E) ? this._toVariables({ light: E }, o) : {}, M = Q(T) ? this._toVariables({ dark: T }, o) : {}, [te, ne] = [ee.declarations ?? "", ee.tokens], [re, ie] = [D.declarations ?? "", D.tokens || []], [N, P] = [O.declarations ?? "", O.tokens || []], [F, I] = [k.declarations ?? "", k.tokens || []], [ae, oe] = [A.declarations ?? "", A.tokens || []], [se, ce] = [j.declarations ?? "", j.tokens || []], [le, ue] = [M.declarations ?? "", M.tokens || []];
-			s = this.transformCSS(e, te, "light", "variable", o, r, i), c = ne, l = `${this.transformCSS(e, `${re}${N}`, "light", "variable", o, r, i)}${this.transformCSS(e, `${F}`, "dark", "variable", o, r, i)}`, u = [...new Set([
-				...ie,
+			let { primitive: t, semantic: n, extend: m } = a, h = n || {}, { colorScheme: g } = h, _ = Ps(h, ["colorScheme"]), v = m || {}, { colorScheme: y } = v, b = Ps(v, ["colorScheme"]), x = g || {}, { dark: S } = x, C = Ps(x, ["dark"]), w = y || {}, { dark: T } = w, E = Ps(w, ["dark"]), ee = Q(t) ? this._toVariables({ primitive: t }, o) : {}, D = Q(_) ? this._toVariables({ semantic: _ }, o) : {}, O = Q(C) ? this._toVariables({ light: C }, o) : {}, k = Q(S) ? this._toVariables({ dark: S }, o) : {}, A = Q(b) ? this._toVariables({ semantic: b }, o) : {}, te = Q(E) ? this._toVariables({ light: E }, o) : {}, j = Q(T) ? this._toVariables({ dark: T }, o) : {}, [ne, re] = [ee.declarations ?? "", ee.tokens], [ie, M] = [D.declarations ?? "", D.tokens || []], [N, P] = [O.declarations ?? "", O.tokens || []], [F, I] = [k.declarations ?? "", k.tokens || []], [ae, oe] = [A.declarations ?? "", A.tokens || []], [se, ce] = [te.declarations ?? "", te.tokens || []], [le, ue] = [j.declarations ?? "", j.tokens || []];
+			s = this.transformCSS(e, ne, "light", "variable", o, r, i), c = re, l = `${this.transformCSS(e, `${ie}${N}`, "light", "variable", o, r, i)}${this.transformCSS(e, `${F}`, "dark", "variable", o, r, i)}`, u = [...new Set([
+				...M,
 				...P,
 				...I
 			])], d = `${this.transformCSS(e, `${ae}${se}color-scheme:light`, "light", "variable", o, r, i)}${this.transformCSS(e, `${le}color-scheme:dark`, "dark", "variable", o, r, i)}`, f = [...new Set([
@@ -4757,11 +4761,11 @@ var $s = {
 				"colorScheme",
 				"extend",
 				"css"
-			]), h = f || {}, { colorScheme: g } = h, _ = Ps(h, ["colorScheme"]), v = d || {}, { dark: y } = v, b = Ps(v, ["dark"]), x = g || {}, { dark: S } = x, C = Ps(x, ["dark"]), w = Q(m) ? this._toVariables({ [r]: Ms(Ms({}, m), _) }, n) : {}, T = Q(b) ? this._toVariables({ [r]: Ms(Ms({}, b), C) }, n) : {}, E = Q(y) ? this._toVariables({ [r]: Ms(Ms({}, y), S) }, n) : {}, [ee, D] = [w.declarations ?? "", w.tokens || []], [O, k] = [T.declarations ?? "", T.tokens || []], [A, j] = [E.declarations ?? "", E.tokens || []];
+			]), h = f || {}, { colorScheme: g } = h, _ = Ps(h, ["colorScheme"]), v = d || {}, { dark: y } = v, b = Ps(v, ["dark"]), x = g || {}, { dark: S } = x, C = Ps(x, ["dark"]), w = Q(m) ? this._toVariables({ [r]: Ms(Ms({}, m), _) }, n) : {}, T = Q(b) ? this._toVariables({ [r]: Ms(Ms({}, b), C) }, n) : {}, E = Q(y) ? this._toVariables({ [r]: Ms(Ms({}, y), S) }, n) : {}, [ee, D] = [w.declarations ?? "", w.tokens || []], [O, k] = [T.declarations ?? "", T.tokens || []], [A, te] = [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
+				...te
 			])], l = us(p, { dt: Ys });
 		}
 		return {
@@ -5120,7 +5124,7 @@ function sc(e) {
 }
 var cc = 0;
 function lc(e) {
-	var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = M(!1), r = M(e), i = M(null), a = Cs() ? 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_${++cc}` : 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() {}, A = function(t) {
+	var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = j(!1), r = j(e), i = j(null), a = Cs() ? 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_${++cc}` : 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() {}, A = function(t) {
 		var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
 		if (s) {
 			var o = rc(rc({}, O), a), c = o.name || p, l = o.id || h, u = o.nonce || y;
@@ -5145,7 +5149,7 @@ function lc(e) {
 			!s || !n.value || (k(), bs(i.value) && s.head.removeChild(i.value), n.value = !1, i.value = null);
 		},
 		load: A,
-		isLoaded: j(n)
+		isLoaded: te(n)
 	};
 }
 //#endregion
@@ -5633,7 +5637,7 @@ function zc() {
 	}), Rc = [];
 }
 function Bc(e, t) {
-	var n = M(!1), r = function() {
+	var n = j(!1), r = function() {
 		if (t.config?.theme !== "none" && !$.isStyleNameLoaded("common")) {
 			var e, n = Dc.getCommonTheme?.call(Dc) || {}, 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 };
 			Dc.load(r?.css, jc({ name: "primitive-variables" }, s)), Dc.load(i?.css, jc({ name: "semantic-variables" }, s)), Dc.load(a?.css, jc({ name: "global-variables" }, s)), Dc.loadStyle(jc({ name: "global-style" }, s), o), $.setLoadedStyleName("common");