@turquoisehealth/pit-viper 2.209.2 → 2.210.0

package/pv-components/dist/web/components/pv-select-button/pv-select-button.js

@@ -1576,6 +1576,10 @@ var yr = ["popover"], br = 0, xr = /* @__PURE__ */ st(/* @__PURE__ */ d({
 			default: 25,
 			type: Number
 		},
+		closeDelay: {
+			default: 200,
+			type: Number
+		},
 		zIndex: {
 			default: 10,
 			type: Number
@@ -1666,7 +1670,7 @@ var yr = ["popover"], br = 0, xr = /* @__PURE__ */ st(/* @__PURE__ */ d({
 				i.width,
 				i.height
 			], a), Be(_, () => {
-				t.disableClickOutsideToClose || se(!1);
+				t.disableClickOutsideToClose || le(!1);
 			}, { ignore: r(() => [
 				x.value,
 				".p-datepicker-panel",
@@ -1676,45 +1680,57 @@ var yr = ["popover"], br = 0, xr = /* @__PURE__ */ st(/* @__PURE__ */ d({
 		let P = r(() => ({
 			...N(),
 			zIndex: t.zIndex
-		})), F, ae = () => {
+		})), F, ae, se = () => {
 			F && clearTimeout(F), F = void 0;
-		}, se = (e) => {
-			ae(), !(e && !m.value) && (e && t.delay > 0 && (t.showOnHover || !h) ? F = setTimeout(() => {
+		}, ce = () => {
+			ae && clearTimeout(ae), ae = void 0;
+		}, le = (e) => {
+			se(), ce(), !(e && !m.value) && (e && t.delay > 0 && (t.showOnHover || !h) ? F = setTimeout(() => {
 				c.value = !0, F = void 0;
 			}, t.delay) : c.value = e);
-		}, ce = () => {
+		}, ue = () => {
 			let e = x.value;
 			!e || !g.value || !m.value || (c.value ? e.showPopover() : e.hidePopover());
-		}, le = r(() => t.showOnHover ? t.disableInteractive ? w.value || D.value : w.value || T.value || D.value : !1), ue = () => {
-			t.showOnHover || se(F ? !1 : !c.value);
-		}, fe = (e) => {
+		}, fe = r(() => t.showOnHover ? t.disableInteractive ? w.value || D.value : w.value || T.value || D.value : !1), R = () => {
+			t.showOnHover || le(F ? !1 : !c.value);
+		}, me = (e) => {
 			let t = e.newState === "open";
 			c.value !== t && (c.value = t);
-		}, R = (e) => {
-			h && te.value === "manual" && e.key === "Escape" && c.value && (e.preventDefault(), e.stopPropagation(), se(!1));
+		}, he = (e) => {
+			h && te.value === "manual" && e.key === "Escape" && c.value && (e.preventDefault(), e.stopPropagation(), le(!1));
 		};
 		return L(c, async (e) => {
 			if (!h) {
 				e && ie();
 				return;
 			}
-			await b(), ce();
-		}), L(le, (e) => {
-			t.showOnHover && se(e);
+			await b(), ue();
+		}), L(fe, (e) => {
+			if (t.showOnHover) {
+				if (e) {
+					le(!0);
+					return;
+				}
+				se(), t.closeDelay > 0 ? (ce(), ae = setTimeout(() => {
+					ae = void 0, fe.value || le(!1);
+				}, t.closeDelay)) : le(!1);
+			}
 		}), L(m, (e) => {
-			e ? h && c.value && b(ce) : (ae(), c.value = !1);
+			e ? h && c.value && b(ue) : (se(), ce(), c.value = !1);
 		}), E(() => {
-			y.value = v.value, h && (S.value = `--pv-popover-v2-${++br}`), g.value = !0, c.value && b(() => h ? ce() : ie());
-		}), ee(ae), (r, l) => (O(), o("div", {
+			y.value = v.value, h && (S.value = `--pv-popover-v2-${++br}`), g.value = !0, c.value && b(() => h ? ue() : ie());
+		}), ee(() => {
+			se(), ce();
+		}), (r, l) => (O(), o("div", {
 			ref_key: "root",
 			ref: _,
 			style: { width: "fit-content" },
-			onKeydown: R
+			onKeydown: he
 		}, [s("div", {
 			ref_key: "triggerWrapper",
 			ref: v,
 			style: C(ne.value),
-			onClick: ue,
+			onClick: R,
 			onFocusin: l[0] ||= (e) => D.value = !0,
 			onFocusout: l[1] ||= (e) => D.value = !1
 		}, [M(r.$slots, "trigger")], 36), g.value && I(h) && m.value ? (O(), o("div", {
@@ -1724,7 +1740,7 @@ var yr = ["popover"], br = 0, xr = /* @__PURE__ */ st(/* @__PURE__ */ d({
 			class: "pv-floating pv-floating-native",
 			popover: te.value,
 			style: C(re.value),
-			onToggle: fe
+			onToggle: me
 		}, [M(r.$slots, "content")], 44, yr)) : m.value ? (O(), i(n, {
 			key: 1,
 			to: e.teleportLocation,
@@ -1736,7 +1752,7 @@ var yr = ["popover"], br = 0, xr = /* @__PURE__ */ st(/* @__PURE__ */ d({
 			style: C(P.value)
 		}, [M(r.$slots, "content")], 4), [[de, 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"]]);
+}), [["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"]]);
 //#endregion
 //#region src/components/base/PvMenu/cascadeUtils.ts
 function Sr(e) {
@@ -1935,6 +1951,7 @@ var Tr = {
 			default: 0,
 			type: Number
 		},
+		closeDelay: { type: Number },
 		zIndex: { type: Number },
 		teleportLocation: { type: String },
 		offset: { type: Number },