@turquoisehealth/pit-viper 2.209.1 → 2.210.0

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

@@ -2694,6 +2694,10 @@ var Ba = ["popover"], Va = 0, Ha = /* @__PURE__ */ br(/* @__PURE__ */ f({
 			default: 25,
 			type: Number
 		},
+		closeDelay: {
+			default: 200,
+			type: Number
+		},
 		zIndex: {
 			default: 10,
 			type: Number
@@ -2784,7 +2788,7 @@ var Ba = ["popover"], Va = 0, Ha = /* @__PURE__ */ br(/* @__PURE__ */ f({
 				i.width,
 				i.height
 			], a), qe(_, () => {
-				t.disableClickOutsideToClose || ce(!1);
+				t.disableClickOutsideToClose || de(!1);
 			}, { ignore: r(() => [
 				b.value,
 				".p-datepicker-panel",
@@ -2794,45 +2798,57 @@ var Ba = ["popover"], Va = 0, Ha = /* @__PURE__ */ br(/* @__PURE__ */ f({
 		let N = r(() => ({
 			...M(),
 			zIndex: t.zIndex
-		})), oe, P = () => {
+		})), oe, P, ce = () => {
 			oe && clearTimeout(oe), oe = void 0;
-		}, ce = (e) => {
-			P(), !(e && !p.value) && (e && t.delay > 0 && (t.showOnHover || !h) ? oe = setTimeout(() => {
+		}, ue = () => {
+			P && clearTimeout(P), P = void 0;
+		}, de = (e) => {
+			ce(), ue(), !(e && !p.value) && (e && t.delay > 0 && (t.showOnHover || !h) ? oe = setTimeout(() => {
 				c.value = !0, oe = void 0;
 			}, t.delay) : c.value = e);
-		}, ue = () => {
+		}, fe = () => {
 			let e = b.value;
 			!e || !g.value || !p.value || (c.value ? e.showPopover() : e.hidePopover());
-		}, de = r(() => t.showOnHover ? t.disableInteractive ? C.value || E.value : C.value || T.value || E.value : !1), fe = () => {
-			t.showOnHover || ce(oe ? !1 : !c.value);
-		}, pe = (e) => {
+		}, pe = r(() => t.showOnHover ? t.disableInteractive ? C.value || E.value : C.value || T.value || E.value : !1), he = () => {
+			t.showOnHover || de(oe ? !1 : !c.value);
+		}, ge = (e) => {
 			let t = e.newState === "open";
 			c.value !== t && (c.value = t);
-		}, he = (e) => {
-			h && te.value === "manual" && e.key === "Escape" && c.value && (e.preventDefault(), e.stopPropagation(), ce(!1));
+		}, ve = (e) => {
+			h && te.value === "manual" && e.key === "Escape" && c.value && (e.preventDefault(), e.stopPropagation(), de(!1));
 		};
 		return F(c, async (e) => {
 			if (!h) {
 				e && ae();
 				return;
 			}
-			await x(), ue();
-		}), F(de, (e) => {
-			t.showOnHover && ce(e);
+			await x(), fe();
+		}), F(pe, (e) => {
+			if (t.showOnHover) {
+				if (e) {
+					de(!0);
+					return;
+				}
+				ce(), t.closeDelay > 0 ? (ue(), P = setTimeout(() => {
+					P = void 0, pe.value || de(!1);
+				}, t.closeDelay)) : de(!1);
+			}
 		}), F(p, (e) => {
-			e ? h && c.value && x(ue) : (P(), c.value = !1);
+			e ? h && c.value && x(fe) : (ce(), ue(), c.value = !1);
 		}), D(() => {
-			y.value = v.value, h && (S.value = `--pv-popover-v2-${++Va}`), g.value = !0, c.value && x(() => h ? ue() : ae());
-		}), ee(P), (r, l) => (k(), o("div", {
+			y.value = v.value, h && (S.value = `--pv-popover-v2-${++Va}`), g.value = !0, c.value && x(() => h ? fe() : ae());
+		}), ee(() => {
+			ce(), ue();
+		}), (r, l) => (k(), o("div", {
 			ref_key: "root",
 			ref: _,
 			style: { width: "fit-content" },
-			onKeydown: he
+			onKeydown: ve
 		}, [s("div", {
 			ref_key: "triggerWrapper",
 			ref: v,
 			style: w(ne.value),
-			onClick: fe,
+			onClick: he,
 			onFocusin: l[0] ||= (e) => E.value = !0,
 			onFocusout: l[1] ||= (e) => E.value = !1
 		}, [re(r.$slots, "trigger")], 36), g.value && se(h) && p.value ? (k(), o("div", {
@@ -2842,7 +2858,7 @@ var Ba = ["popover"], Va = 0, Ha = /* @__PURE__ */ br(/* @__PURE__ */ f({
 			class: "pv-floating pv-floating-native",
 			popover: te.value,
 			style: w(ie.value),
-			onToggle: pe
+			onToggle: ge
 		}, [re(r.$slots, "content")], 44, Ba)) : p.value ? (k(), i(n, {
 			key: 1,
 			to: e.teleportLocation,
@@ -2854,7 +2870,7 @@ var Ba = ["popover"], Va = 0, Ha = /* @__PURE__ */ br(/* @__PURE__ */ f({
 			style: w(N.value)
 		}, [re(r.$slots, "content")], 4), [[me, c.value]])], 8, ["to", "disabled"])) : a("v-if", !0)], 544));
 	}
-}), [["styles", [".pv-floating-native[data-v-146d33b3]{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-146d33b3]>.pv-popover,.pv-floating-native>slot[name=content][data-v-146d33b3]::slotted(.pv-popover){position:static!important}"]], ["__scopeId", "data-v-146d33b3"]]), Ua = ["data-variant"], Wa = /* @__PURE__ */ f({
+}), [["styles", [".pv-floating-native[data-v-97886581]{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-97886581]>.pv-popover,.pv-floating-native>slot[name=content][data-v-97886581]::slotted(.pv-popover){position:static!important}"]], ["__scopeId", "data-v-97886581"]]), Ua = ["data-variant"], Wa = /* @__PURE__ */ f({
 	__name: "PvTooltipV2",
 	props: {
 		variant: {
@@ -2887,6 +2903,7 @@ var Ba = ["popover"], Va = 0, Ha = /* @__PURE__ */ br(/* @__PURE__ */ f({
 			default: 0,
 			type: Number
 		},
+		closeDelay: { type: Number },
 		zIndex: { type: Number },
 		teleportLocation: { type: String },
 		offset: { type: Number },