@turquoisehealth/pit-viper 2.252.0 → 2.252.1

package/pv-components/dist/web/components/pv-query-builder-input/pv-query-builder-input.js

@@ -2573,7 +2573,7 @@ function Pa(e, t = {}) {
 //#region src/components/base/PvPopoverV2/useHoverPopoverGroup.ts
 var Fa = /* @__PURE__ */ new Set(), Ia = (e, t) => {
 	let n = t.root.value;
-	return n ? !!(e.root.value?.contains(n) || e.floating?.value?.contains(n)) : !1;
+	return n ? !!(e.root.value?.contains(n) || e.floating?.value?.contains(n) || e.hoverArea?.value?.contains(n)) : !1;
 }, La = (e) => (k(() => Fa.delete(e)), (t) => {
 	if (!t) {
 		Fa.delete(e);
@@ -2600,6 +2600,7 @@ var Fa = /* @__PURE__ */ new Set(), Ia = (e, t) => {
 			type: Boolean,
 			default: !1
 		},
+		hoverTarget: { type: String },
 		disableInteractive: {
 			type: Boolean,
 			default: !1
@@ -2658,11 +2659,12 @@ var Fa = /* @__PURE__ */ new Set(), Ia = (e, t) => {
 			"position-try-fallbacks: flip-block",
 			"position-visibility: anchors-visible",
 			`anchor-scope: ${za}`
-		].every((e) => CSS.supports(e)), g = M(!1), _ = M(null), v = M(null), y = M(null), b = M(null), S = tt(v), C = tt(b), T = M(!1), E = M(!1), O = M(!1), j = La({
+		].every((e) => CSS.supports(e)), g = M(!1), _ = M(null), v = M(null), y = M(null), b = M(null), S = r(() => t.hoverTarget && v.value?.closest(t.hoverTarget) || v.value), C = tt(S), T = tt(b), E = M(!1), O = M(!1), j = M(!1), ee = La({
 			root: _,
 			floating: b,
-			close: () => t.disableClickOutsideToClose ? !1 : (me(), !0)
-		}), ee = {
+			hoverArea: r(() => t.hoverTarget ? S.value : null),
+			close: () => t.disableClickOutsideToClose ? !1 : (he(), !0)
+		}), te = {
 			"top-center": "top",
 			"bottom-center": "bottom",
 			"center-left": "left",
@@ -2673,7 +2675,7 @@ var Fa = /* @__PURE__ */ new Set(), Ia = (e, t) => {
 			"top-right": "top-end",
 			"bottom-left": "bottom-start",
 			"bottom-right": "bottom-end"
-		}, te = {
+		}, ne = {
 			"top-center": {
 				area: "top",
 				margin: "margin-block-end"
@@ -2714,30 +2716,30 @@ var Fa = /* @__PURE__ */ new Set(), Ia = (e, t) => {
 				area: "bottom span-left",
 				margin: "margin-block-start"
 			}
-		}, ne = r(() => t.showOnHover || t.disableClickOutsideToClose ? "manual" : "auto"), re = r(() => ({
+		}, re = r(() => t.showOnHover || t.disableClickOutsideToClose ? "manual" : "auto"), P = r(() => ({
 			width: "fit-content",
 			...h ? { "anchor-scope": za } : void 0,
 			...t.cssCustomProperties
-		})), P = r(() => h ? { "anchor-name": za } : void 0), F = r(() => {
-			let e = te[t.position];
+		})), F = r(() => h ? { "anchor-name": za } : void 0), ie = r(() => {
+			let e = ne[t.position];
 			return {
 				"position-anchor": za,
 				"position-area": e.area,
 				"position-try-fallbacks": t.disableAutoPlacement ? void 0 : "flip-block, flip-inline, flip-block flip-inline",
 				[e.margin]: `${t.offset ?? 0}px`
 			};
-		}), ie = () => {}, I = () => ({});
+		}), I = () => {}, oe = () => ({});
 		if (!h) {
 			let e = [];
 			t.disableAutoPlacement || e.push(ga({ fallbackStrategy: "initialPlacement" })), t.offset && e.push(ha(t.offset));
 			let n = Da(y, b, {
-				placement: ee[t.position],
+				placement: te[t.position],
 				strategy: t.positioningStrategy,
 				middleware: e
 			});
-			ie = n.update, I = () => n.floatingStyles.value;
+			I = n.update, oe = () => n.floatingStyles.value;
 			let i = et(y), a = /* @__PURE__ */ Re(() => {
-				c.value && ie();
+				c.value && I();
 			}, 5);
 			L([
 				i.top,
@@ -2745,110 +2747,110 @@ var Fa = /* @__PURE__ */ new Set(), Ia = (e, t) => {
 				i.width,
 				i.height
 			], a), Ke(_, () => {
-				t.disableClickOutsideToClose || fe(!1);
+				t.disableClickOutsideToClose || me(!1);
 			}, { ignore: r(() => [
 				b.value,
 				".p-datepicker-panel",
 				...t.ignoreClickOutsideClasses?.map((e) => `.${e}`) ?? []
 			]) });
 		}
-		let oe = r(() => ({
-			...I(),
+		let se = r(() => ({
+			...oe(),
 			zIndex: t.zIndex
-		})), se, le, ue = () => {
-			se && clearTimeout(se), se = void 0;
-		}, de = () => {
+		})), le, ue, de = () => {
 			le && clearTimeout(le), le = void 0;
-		}, fe = (e) => {
-			ue(), de(), !(e && (t.disabled || !p.value)) && (e && t.delay > 0 && (t.showOnHover || !h) ? se = setTimeout(() => {
-				c.value = !0, se = void 0;
+		}, fe = () => {
+			ue && clearTimeout(ue), ue = void 0;
+		}, me = (e) => {
+			de(), fe(), !(e && (t.disabled || !p.value)) && (e && t.delay > 0 && (t.showOnHover || !h) ? le = setTimeout(() => {
+				c.value = !0, le = void 0;
 			}, t.delay) : c.value = e);
-		}, me = () => {
-			ue(), de(), c.value = !1;
 		}, he = () => {
+			de(), fe(), c.value = !1;
+		}, _e = () => {
 			let e = b.value;
 			!e || !g.value || !p.value || (c.value ? e.showPopover() : e.hidePopover());
-		}, _e = r(() => !!c.value && (C.value || E.value)), ve = r(() => !t.showOnHover || O.value ? !1 : t.disableInteractive ? S.value || T.value : S.value || T.value || _e.value);
+		}, ve = r(() => !!c.value && (T.value || O.value)), ye = r(() => !t.showOnHover || j.value ? !1 : t.disableInteractive ? C.value || E.value : C.value || E.value || ve.value);
 		L([
-			S,
-			T,
-			E
+			C,
+			E,
+			O
 		], ([e, t, n]) => {
-			!e && !t && !n && (O.value = !1);
+			!e && !t && !n && (j.value = !1);
 		});
-		let ye = ({ target: e }) => {
-			T.value = !t.disabled && e instanceof HTMLElement && e.matches(":focus-visible");
-		}, be = ({ target: e }) => {
+		let be = ({ target: e }) => {
 			E.value = !t.disabled && e instanceof HTMLElement && e.matches(":focus-visible");
-		}, xe = () => {
-			E.value = !1;
+		}, xe = ({ target: e }) => {
+			O.value = !t.disabled && e instanceof HTMLElement && e.matches(":focus-visible");
 		}, Se = () => {
+			O.value = !1;
+		}, Ce = () => {
 			if (t.showOnHover) {
 				if (t.disableClickOutsideToClose) return;
-				if (!c.value && !se && t.enableClickToggle) {
-					O.value = !1, fe(!0);
+				if (!c.value && !le && t.enableClickToggle) {
+					j.value = !1, me(!0);
 					return;
 				}
-				O.value = !0, me();
+				j.value = !0, he();
 				return;
 			}
-			fe(se ? !1 : !c.value);
-		}, Ce = (e) => {
+			me(le ? !1 : !c.value);
+		}, we = (e) => {
 			let t = e.newState === "open";
 			c.value !== t && (c.value = t);
-		}, we = (e) => {
-			h && ne.value === "manual" && e.key === "Escape" && c.value && (e.preventDefault(), e.stopPropagation(), fe(!1));
+		}, Te = (e) => {
+			h && re.value === "manual" && e.key === "Escape" && c.value && (e.preventDefault(), e.stopPropagation(), me(!1));
 		};
 		return L(c, async (e) => {
-			if (t.showOnHover && t.enableGroupSync && j(!!e), !h) {
-				e && ie();
+			if (t.showOnHover && t.enableGroupSync && ee(!!e), !h) {
+				e && I();
 				return;
 			}
-			await x(), he();
-		}), L(ve, (e) => {
+			await x(), _e();
+		}), L(ye, (e) => {
 			if (t.showOnHover) {
 				if (e) {
-					fe(!0);
+					me(!0);
 					return;
 				}
-				ue(), t.closeDelay > 0 ? (de(), le = setTimeout(() => {
-					le = void 0, ve.value || fe(!1);
-				}, t.closeDelay)) : fe(!1);
+				de(), t.closeDelay > 0 ? (fe(), ue = setTimeout(() => {
+					ue = void 0, ye.value || me(!1);
+				}, t.closeDelay)) : me(!1);
 			}
 		}), L(p, (e) => {
-			e ? h && c.value && x(he) : me();
+			e ? h && c.value && x(_e) : he();
 		}), D(() => {
-			y.value = v.value, g.value = !0, c.value && x(() => h ? he() : ie());
+			y.value = v.value, g.value = !0, c.value && x(() => h ? _e() : I());
 		}), k(() => {
-			ue(), de();
+			de(), fe();
 		}), L(() => t.disabled, (e) => {
 			if (!e) {
-				ve.value && fe(!0);
+				ye.value && me(!0);
 				return;
 			}
-			T.value &&= !1, E.value &&= !1, fe(!1);
+			E.value &&= !1, O.value &&= !1, me(!1);
 		}), (r, l) => (A(), o("div", {
 			ref_key: "root",
 			ref: _,
-			style: w(re.value),
-			onKeydown: we
+			style: w(P.value),
+			onKeydown: Te
 		}, [s("div", {
 			ref_key: "triggerWrapper",
 			ref: v,
-			style: w(P.value),
-			onClick: Se,
-			onFocusin: ye,
-			onFocusout: l[0] ||= (e) => T.value = !1
+			style: w(F.value),
+			onClick: Ce,
+			onFocusin: be,
+			onFocusout: l[0] ||= (e) => E.value = !1
 		}, [N(r.$slots, "trigger")], 36), g.value && ae(h) && p.value ? (A(), o("div", {
 			key: 0,
 			ref_key: "floating",
 			ref: b,
 			class: "pv-floating pv-floating-native",
-			popover: ne.value,
-			style: w(F.value),
-			onToggle: Ce,
-			onFocusin: be,
-			onFocusout: xe
+			popover: re.value,
+			style: w(ie.value),
+			onToggle: we,
+			onFocusin: xe,
+			onFocusout: Se
 		}, [e.disabled ? a("v-if", !0) : N(r.$slots, "content", { key: 0 })], 44, Ra)) : p.value ? (A(), i(n, {
 			key: 1,
 			to: e.teleportLocation,
@@ -2857,9 +2859,9 @@ var Fa = /* @__PURE__ */ new Set(), Ia = (e, t) => {
 			ref_key: "floating",
 			ref: b,
 			class: "pv-floating",
-			style: w(oe.value),
-			onFocusin: be,
-			onFocusout: xe
+			style: w(se.value),
+			onFocusin: xe,
+			onFocusout: Se
 		}, [N(r.$slots, "content")], 36), [[pe, c.value]])], 8, ["to", "disabled"])) : a("v-if", !0)], 36));
 	}
 }), Va = ["data-variant"], Ha = /* @__PURE__ */ f({
@@ -2885,6 +2887,7 @@ var Fa = /* @__PURE__ */ new Set(), Ia = (e, t) => {
 			type: Boolean,
 			default: !0
 		},
+		hoverTarget: { type: String },
 		disableInteractive: {
 			type: Boolean,
 			default: !1