@turquoisehealth/pit-viper 2.209.1 → 2.210.0

package/pv-components/dist/web/components/pv-menu/pv-menu.js

@@ -1465,6 +1465,10 @@ var sr = ["popover"], cr = 0, lr = /* @__PURE__ */ Ie(/* @__PURE__ */ d({
 			default: 25,
 			type: Number
 		},
+		closeDelay: {
+			default: 200,
+			type: Number
+		},
 		zIndex: {
 			default: 10,
 			type: Number
@@ -1555,7 +1559,7 @@ var sr = ["popover"], cr = 0, lr = /* @__PURE__ */ Ie(/* @__PURE__ */ d({
 				i.width,
 				i.height
 			], a), Yn(_, () => {
-				t.disableClickOutsideToClose || oe(!1);
+				t.disableClickOutsideToClose || le(!1);
 			}, { ignore: r(() => [
 				x.value,
 				".p-datepicker-panel",
@@ -1565,45 +1569,57 @@ var sr = ["popover"], cr = 0, lr = /* @__PURE__ */ Ie(/* @__PURE__ */ d({
 		let I = r(() => ({
 			...F(),
 			zIndex: t.zIndex
-		})), re, ae = () => {
+		})), re, ae, oe = () => {
 			re && clearTimeout(re), re = void 0;
-		}, oe = (e) => {
-			ae(), !(e && !m.value) && (e && t.delay > 0 && (t.showOnHover || !h) ? re = setTimeout(() => {
+		}, se = () => {
+			ae && clearTimeout(ae), ae = void 0;
+		}, le = (e) => {
+			oe(), se(), !(e && !m.value) && (e && t.delay > 0 && (t.showOnHover || !h) ? re = setTimeout(() => {
 				c.value = !0, re = void 0;
 			}, t.delay) : c.value = e);
-		}, se = () => {
+		}, ue = () => {
 			let e = x.value;
 			!e || !g.value || !m.value || (c.value ? e.showPopover() : e.hidePopover());
-		}, le = r(() => t.showOnHover ? t.disableInteractive ? w.value || O.value : w.value || E.value || O.value : !1), ue = () => {
-			t.showOnHover || oe(re ? !1 : !c.value);
-		}, fe = (e) => {
+		}, fe = r(() => t.showOnHover ? t.disableInteractive ? w.value || O.value : w.value || E.value || O.value : !1), pe = () => {
+			t.showOnHover || le(re ? !1 : !c.value);
+		}, me = (e) => {
 			let t = e.newState === "open";
 			c.value !== t && (c.value = t);
-		}, pe = (e) => {
-			h && M.value === "manual" && e.key === "Escape" && c.value && (e.preventDefault(), e.stopPropagation(), oe(!1));
+		}, he = (e) => {
+			h && M.value === "manual" && e.key === "Escape" && c.value && (e.preventDefault(), e.stopPropagation(), le(!1));
 		};
 		return R(c, async (e) => {
 			if (!h) {
 				e && P();
 				return;
 			}
-			await y(), se();
-		}), R(le, (e) => {
-			t.showOnHover && oe(e);
+			await y(), ue();
+		}), R(fe, (e) => {
+			if (t.showOnHover) {
+				if (e) {
+					le(!0);
+					return;
+				}
+				oe(), t.closeDelay > 0 ? (se(), ae = setTimeout(() => {
+					ae = void 0, fe.value || le(!1);
+				}, t.closeDelay)) : le(!1);
+			}
 		}), R(m, (e) => {
-			e ? h && c.value && y(se) : (ae(), c.value = !1);
+			e ? h && c.value && y(ue) : (oe(), se(), c.value = !1);
 		}), T(() => {
-			b.value = v.value, h && (C.value = `--pv-popover-v2-${++cr}`), g.value = !0, c.value && y(() => h ? se() : P());
-		}), ee(ae), (r, l) => (D(), o("div", {
+			b.value = v.value, h && (C.value = `--pv-popover-v2-${++cr}`), g.value = !0, c.value && y(() => h ? ue() : P());
+		}), ee(() => {
+			oe(), se();
+		}), (r, l) => (D(), o("div", {
 			ref_key: "root",
 			ref: _,
 			style: { width: "fit-content" },
-			onKeydown: pe
+			onKeydown: he
 		}, [s("div", {
 			ref_key: "triggerWrapper",
 			ref: v,
 			style: S(te.value),
-			onClick: ue,
+			onClick: pe,
 			onFocusin: l[0] ||= (e) => O.value = !0,
 			onFocusout: l[1] ||= (e) => O.value = !1
 		}, [N(r.$slots, "trigger")], 36), g.value && L(h) && m.value ? (D(), o("div", {
@@ -1613,7 +1629,7 @@ var sr = ["popover"], cr = 0, lr = /* @__PURE__ */ Ie(/* @__PURE__ */ d({
 			class: "pv-floating pv-floating-native",
 			popover: M.value,
 			style: S(ne.value),
-			onToggle: fe
+			onToggle: me
 		}, [N(r.$slots, "content")], 44, sr)) : m.value ? (D(), i(n, {
 			key: 1,
 			to: e.teleportLocation,
@@ -1625,7 +1641,7 @@ var sr = ["popover"], cr = 0, lr = /* @__PURE__ */ Ie(/* @__PURE__ */ d({
 			style: S(I.value)
 		}, [N(r.$slots, "content")], 4), [[ce, 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"]]), ur = ["data-variant"], dr = /* @__PURE__ */ d({
+}), [["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"]]), ur = ["data-variant"], dr = /* @__PURE__ */ d({
 	__name: "PvTooltipV2",
 	props: {
 		variant: {
@@ -1658,6 +1674,7 @@ var sr = ["popover"], cr = 0, lr = /* @__PURE__ */ Ie(/* @__PURE__ */ d({
 			default: 0,
 			type: Number
 		},
+		closeDelay: { type: Number },
 		zIndex: { type: Number },
 		teleportLocation: { type: String },
 		offset: { type: Number },
@@ -2440,12 +2457,12 @@ var pi = Object.defineProperty, mi = Object.defineProperties, hi = Object.getOwn
 	for (var n in t ||= {}) _i.call(t, n) && yi(e, n, t[n]);
 	if (gi) for (var n of gi(t)) vi.call(t, n) && yi(e, n, t[n]);
 	return e;
-}, bi = (e, t) => mi(e, hi(t)), Z = (e, t) => {
+}, bi = (e, t) => mi(e, hi(t)), xi = (e, t) => {
 	var n = {};
 	for (var r in e) _i.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
 	if (e != null && gi) for (var r of gi(e)) t.indexOf(r) < 0 && vi.call(e, r) && (n[r] = e[r]);
 	return n;
-}, xi = oi(), Si = /{([^}]*)}/g, Ci = /(\d+\s+[\+\-\*\/]\s+\d+)/g, wi = /var\([^)]+\)/g;
+}, Z = oi(), Si = /{([^}]*)}/g, Ci = /(\d+\s+[\+\-\*\/]\s+\d+)/g, wi = /var\([^)]+\)/g;
 function Ti(e) {
 	return ei(e) ? e.replace(/[A-Z]/g, (e, t) => t === 0 ? e : "." + e.toLowerCase()).toLowerCase() : e;
 }
@@ -2615,7 +2632,7 @@ var Q = {
 	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 (J(a) && o.transform !== "strict") {
-			let { primitive: t, semantic: n, extend: m } = a, h = n || {}, { colorScheme: g } = h, _ = Z(h, ["colorScheme"]), v = m || {}, { colorScheme: y } = v, b = Z(v, ["colorScheme"]), x = g || {}, { dark: S } = x, C = Z(x, ["dark"]), w = y || {}, { dark: T } = w, E = Z(w, ["dark"]), ee = J(t) ? this._toVariables({ primitive: t }, o) : {}, D = J(_) ? this._toVariables({ semantic: _ }, o) : {}, O = J(C) ? this._toVariables({ light: C }, o) : {}, k = J(S) ? this._toVariables({ dark: S }, o) : {}, A = J(b) ? this._toVariables({ semantic: b }, o) : {}, j = J(E) ? this._toVariables({ light: E }, o) : {}, M = J(T) ? this._toVariables({ dark: T }, o) : {}, [N, te] = [ee.declarations ?? "", ee.tokens], [ne, P] = [D.declarations ?? "", D.tokens || []], [F, I] = [O.declarations ?? "", O.tokens || []], [L, re] = [k.declarations ?? "", k.tokens || []], [ie, ae] = [A.declarations ?? "", A.tokens || []], [oe, se] = [j.declarations ?? "", j.tokens || []], [ce, R] = [M.declarations ?? "", M.tokens || []];
+			let { primitive: t, semantic: n, extend: m } = a, h = n || {}, { colorScheme: g } = h, _ = xi(h, ["colorScheme"]), v = m || {}, { colorScheme: y } = v, b = xi(v, ["colorScheme"]), x = g || {}, { dark: S } = x, C = xi(x, ["dark"]), w = y || {}, { dark: T } = w, E = xi(w, ["dark"]), ee = J(t) ? this._toVariables({ primitive: t }, o) : {}, D = J(_) ? this._toVariables({ semantic: _ }, o) : {}, O = J(C) ? this._toVariables({ light: C }, o) : {}, k = J(S) ? this._toVariables({ dark: S }, o) : {}, A = J(b) ? this._toVariables({ semantic: b }, o) : {}, j = J(E) ? this._toVariables({ light: E }, o) : {}, M = J(T) ? this._toVariables({ dark: T }, o) : {}, [N, te] = [ee.declarations ?? "", ee.tokens], [ne, P] = [D.declarations ?? "", D.tokens || []], [F, I] = [O.declarations ?? "", O.tokens || []], [L, re] = [k.declarations ?? "", k.tokens || []], [ie, ae] = [A.declarations ?? "", A.tokens || []], [oe, se] = [j.declarations ?? "", j.tokens || []], [ce, R] = [M.declarations ?? "", M.tokens || []];
 			s = this.transformCSS(e, N, "light", "variable", o, r, i), c = te, l = `${this.transformCSS(e, `${ne}${F}`, "light", "variable", o, r, i)}${this.transformCSS(e, `${L}`, "dark", "variable", o, r, i)}`, u = [...new Set([
 				...P,
 				...I,
@@ -2645,11 +2662,11 @@ var Q = {
 	getPreset({ name: e = "", preset: t = {}, options: n, params: r, set: i, defaults: a, selector: o }) {
 		let s, c, l;
 		if (J(t) && n.transform !== "strict") {
-			let r = e.replace("-directive", ""), u = t, { colorScheme: d, extend: f, css: p } = u, m = Z(u, [
+			let r = e.replace("-directive", ""), u = t, { colorScheme: d, extend: f, css: p } = u, m = xi(u, [
 				"colorScheme",
 				"extend",
 				"css"
-			]), h = f || {}, { colorScheme: g } = h, _ = Z(h, ["colorScheme"]), v = d || {}, { dark: y } = v, b = Z(v, ["dark"]), x = g || {}, { dark: S } = x, C = Z(x, ["dark"]), w = J(m) ? this._toVariables({ [r]: X(X({}, m), _) }, n) : {}, T = J(b) ? this._toVariables({ [r]: X(X({}, b), C) }, n) : {}, E = J(y) ? this._toVariables({ [r]: X(X({}, 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, _ = xi(h, ["colorScheme"]), v = d || {}, { dark: y } = v, b = xi(v, ["dark"]), x = g || {}, { dark: S } = x, C = xi(x, ["dark"]), w = J(m) ? this._toVariables({ [r]: X(X({}, m), _) }, n) : {}, T = J(b) ? this._toVariables({ [r]: X(X({}, b), C) }, n) : {}, E = J(y) ? this._toVariables({ [r]: X(X({}, y), S) }, n) : {}, [ee, D] = [w.declarations ?? "", w.tokens || []], [O, k] = [T.declarations ?? "", T.tokens || []], [A, j] = [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,
@@ -2773,7 +2790,7 @@ var Q = {
 		let r = ((e) => e.split(".").filter((e) => !ni(e.toLowerCase(), n.variable.excludedKeyRegex)).join("."))(t), i = t.includes("colorScheme.light") ? "light" : t.includes("colorScheme.dark") ? "dark" : void 0, a = [e[r]?.computed(i)].flat().filter((e) => e);
 		return a.length === 1 ? a[0].value : a.reduce((e = {}, t) => {
 			let n = t, { colorScheme: r } = n;
-			return e[r] = Z(n, ["colorScheme"]), e;
+			return e[r] = xi(n, ["colorScheme"]), e;
 		}, void 0);
 	},
 	getSelectorRule(e, t, n, r) {
@@ -2838,19 +2855,19 @@ var Q = {
 		return this.theme;
 	},
 	setTheme(e) {
-		this.update({ theme: e }), xi.emit("theme:change", e);
+		this.update({ theme: e }), Z.emit("theme:change", e);
 	},
 	getPreset() {
 		return this.preset;
 	},
 	setPreset(e) {
-		this._theme = bi(X({}, this.theme), { preset: e }), this._tokens = Q.createTokens(e, this.defaults), this.clearLoadedStyleNames(), xi.emit("preset:change", e), xi.emit("theme:change", this.theme);
+		this._theme = bi(X({}, this.theme), { preset: e }), this._tokens = Q.createTokens(e, this.defaults), this.clearLoadedStyleNames(), Z.emit("preset:change", e), Z.emit("theme:change", this.theme);
 	},
 	getOptions() {
 		return this.options;
 	},
 	setOptions(e) {
-		this._theme = bi(X({}, this.theme), { options: e }), this.clearLoadedStyleNames(), xi.emit("options:change", e), xi.emit("theme:change", this.theme);
+		this._theme = bi(X({}, this.theme), { options: e }), this.clearLoadedStyleNames(), Z.emit("options:change", e), Z.emit("theme:change", this.theme);
 	},
 	getLayerNames() {
 		return [...this._layerNames];
@@ -2950,7 +2967,7 @@ var Q = {
 		this._loadingStyles.add(e);
 	},
 	onStyleLoaded(e, { name: t }) {
-		this._loadingStyles.size && (this._loadingStyles.delete(t), xi.emit(`theme:${t}:load`, e), !this._loadingStyles.size && xi.emit("theme:load"));
+		this._loadingStyles.size && (this._loadingStyles.delete(t), Z.emit(`theme:${t}:load`, e), !this._loadingStyles.size && Z.emit("theme:load"));
 	}
 }, zi = "\n    *,\n    ::before,\n    ::after {\n        box-sizing: border-box;\n    }\n\n    .p-collapsible-enter-active {\n        animation: p-animate-collapsible-expand 0.2s ease-out;\n        overflow: hidden;\n    }\n\n    .p-collapsible-leave-active {\n        animation: p-animate-collapsible-collapse 0.2s ease-out;\n        overflow: hidden;\n    }\n\n    @keyframes p-animate-collapsible-expand {\n        from {\n            grid-template-rows: 0fr;\n        }\n        to {\n            grid-template-rows: 1fr;\n        }\n    }\n\n    @keyframes p-animate-collapsible-collapse {\n        from {\n            grid-template-rows: 1fr;\n        }\n        to {\n            grid-template-rows: 0fr;\n        }\n    }\n\n    .p-disabled,\n    .p-disabled * {\n        cursor: default;\n        pointer-events: none;\n        user-select: none;\n    }\n\n    .p-disabled,\n    .p-component:disabled {\n        opacity: dt('disabled.opacity');\n    }\n\n    .pi {\n        font-size: dt('icon.size');\n    }\n\n    .p-icon {\n        width: dt('icon.size');\n        height: dt('icon.size');\n    }\n\n    .p-overlay-mask {\n        background: var(--px-mask-background, dt('mask.background'));\n        color: dt('mask.color');\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .p-overlay-mask-enter-active {\n        animation: p-animate-overlay-mask-enter dt('mask.transition.duration') forwards;\n    }\n\n    .p-overlay-mask-leave-active {\n        animation: p-animate-overlay-mask-leave dt('mask.transition.duration') forwards;\n    }\n\n    @keyframes p-animate-overlay-mask-enter {\n        from {\n            background: transparent;\n        }\n        to {\n            background: var(--px-mask-background, dt('mask.background'));\n        }\n    }\n    @keyframes p-animate-overlay-mask-leave {\n        from {\n            background: var(--px-mask-background, dt('mask.background'));\n        }\n        to {\n            background: transparent;\n        }\n    }\n\n    .p-anchored-overlay-enter-active {\n        animation: p-animate-anchored-overlay-enter 300ms cubic-bezier(.19,1,.22,1);\n    }\n\n    .p-anchored-overlay-leave-active {\n        animation: p-animate-anchored-overlay-leave 300ms cubic-bezier(.19,1,.22,1);\n    }\n\n    @keyframes p-animate-anchored-overlay-enter {\n        from {\n            opacity: 0;\n            transform: scale(0.93);\n        }\n    }\n\n    @keyframes p-animate-anchored-overlay-leave {\n        to {\n            opacity: 0;\n            transform: scale(0.93);\n        }\n    }\n";
 //#endregion
@@ -3520,7 +3537,7 @@ function Sa(e, t) {
 }
 var Ca = [];
 function wa() {
-	xi.clear(), Ca.forEach(function(e) {
+	Z.clear(), Ca.forEach(function(e) {
 		return e?.();
 	}), Ca = [];
 }
@@ -3531,7 +3548,7 @@ function Ta(e, t) {
 			fa.load(r?.css, ga({ name: "primitive-variables" }, s)), fa.load(i?.css, ga({ name: "semantic-variables" }, s)), fa.load(a?.css, ga({ name: "global-variables" }, s)), fa.loadStyle(ga({ name: "global-style" }, s), o), $.setLoadedStyleName("common");
 		}
 	};
-	xi.on("theme:change", function(t) {
+	Z.on("theme:change", function(t) {
 		n.value ||= (e.config.globalProperties.$primevue.config.theme = t, !0);
 	});
 	var i = R(t.config, function(e, t) {