@turquoisehealth/pit-viper 2.209.2 → 2.210.0

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

@@ -1342,6 +1342,10 @@ var Qn = ["popover"], $n = 0, er = /* @__PURE__ */ tt(/* @__PURE__ */ u({
 			default: 25,
 			type: Number
 		},
+		closeDelay: {
+			default: 200,
+			type: Number
+		},
 		zIndex: {
 			default: 10,
 			type: Number
@@ -1432,7 +1436,7 @@ var Qn = ["popover"], $n = 0, er = /* @__PURE__ */ tt(/* @__PURE__ */ u({
 				i.width,
 				i.height
 			], a), Fe(v, () => {
-				t.disableClickOutsideToClose || se(!1);
+				t.disableClickOutsideToClose || le(!1);
 			}, { ignore: r(() => [
 				S.value,
 				".p-datepicker-panel",
@@ -1442,45 +1446,57 @@ var Qn = ["popover"], $n = 0, er = /* @__PURE__ */ tt(/* @__PURE__ */ u({
 		let ie = r(() => ({
 			...re(),
 			zIndex: t.zIndex
-		})), L, ae = () => {
+		})), L, ae, se = () => {
 			L && clearTimeout(L), L = void 0;
-		}, se = (e) => {
-			ae(), !(e && !m.value) && (e && t.delay > 0 && (t.showOnHover || !h) ? L = setTimeout(() => {
+		}, ce = () => {
+			ae && clearTimeout(ae), ae = void 0;
+		}, le = (e) => {
+			se(), ce(), !(e && !m.value) && (e && t.delay > 0 && (t.showOnHover || !h) ? L = setTimeout(() => {
 				c.value = !0, L = void 0;
 			}, t.delay) : c.value = e);
-		}, ce = () => {
+		}, B = () => {
 			let e = S.value;
 			!e || !g.value || !m.value || (c.value ? e.showPopover() : e.hidePopover());
-		}, le = r(() => t.showOnHover ? t.disableInteractive ? D.value || k.value : D.value || ee.value || k.value : !1), B = () => {
-			t.showOnHover || se(L ? !1 : !c.value);
-		}, ue = (e) => {
+		}, ue = r(() => t.showOnHover ? t.disableInteractive ? D.value || k.value : D.value || ee.value || k.value : !1), de = () => {
+			t.showOnHover || le(L ? !1 : !c.value);
+		}, fe = (e) => {
 			let t = e.newState === "open";
 			c.value !== t && (c.value = t);
-		}, de = (e) => {
-			h && N.value === "manual" && e.key === "Escape" && c.value && (e.preventDefault(), e.stopPropagation(), se(!1));
+		}, pe = (e) => {
+			h && N.value === "manual" && e.key === "Escape" && c.value && (e.preventDefault(), e.stopPropagation(), le(!1));
 		};
 		return R(c, async (e) => {
 			if (!h) {
 				e && I();
 				return;
 			}
-			await _(), ce();
-		}), R(le, (e) => {
-			t.showOnHover && se(e);
+			await _(), B();
+		}), R(ue, (e) => {
+			if (t.showOnHover) {
+				if (e) {
+					le(!0);
+					return;
+				}
+				se(), t.closeDelay > 0 ? (ce(), ae = setTimeout(() => {
+					ae = void 0, ue.value || le(!1);
+				}, t.closeDelay)) : le(!1);
+			}
 		}), R(m, (e) => {
-			e ? h && c.value && _(ce) : (ae(), c.value = !1);
+			e ? h && c.value && _(B) : (se(), ce(), c.value = !1);
 		}), C(() => {
-			x.value = y.value, h && (w.value = `--pv-popover-v2-${++$n}`), g.value = !0, c.value && _(() => h ? ce() : I());
-		}), T(ae), (r, l) => (E(), o("div", {
+			x.value = y.value, h && (w.value = `--pv-popover-v2-${++$n}`), g.value = !0, c.value && _(() => h ? B() : I());
+		}), T(() => {
+			se(), ce();
+		}), (r, l) => (E(), o("div", {
 			ref_key: "root",
 			ref: v,
 			style: { width: "fit-content" },
-			onKeydown: de
+			onKeydown: pe
 		}, [s("div", {
 			ref_key: "triggerWrapper",
 			ref: y,
 			style: b(P.value),
-			onClick: B,
+			onClick: de,
 			onFocusin: l[0] ||= (e) => k.value = !0,
 			onFocusout: l[1] ||= (e) => k.value = !1
 		}, [A(r.$slots, "trigger")], 36), g.value && F(h) && m.value ? (E(), o("div", {
@@ -1490,7 +1506,7 @@ var Qn = ["popover"], $n = 0, er = /* @__PURE__ */ tt(/* @__PURE__ */ u({
 			class: "pv-floating pv-floating-native",
 			popover: N.value,
 			style: b(te.value),
-			onToggle: ue
+			onToggle: fe
 		}, [A(r.$slots, "content")], 44, Qn)) : m.value ? (E(), i(n, {
 			key: 1,
 			to: e.teleportLocation,
@@ -1502,7 +1518,7 @@ var Qn = ["popover"], $n = 0, er = /* @__PURE__ */ tt(/* @__PURE__ */ u({
 			style: b(ie.value)
 		}, [A(r.$slots, "content")], 4), [[oe, 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"]]), tr = { class: "pv-relative" }, nr = ["disabled", "placeholder"], rr = {
+}), [["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"]]), tr = { class: "pv-relative" }, nr = ["disabled", "placeholder"], rr = {
 	key: 0,
 	"data-testid": "pv-search-input-shortcut",
 	class: "pv-kbd"