@turquoisehealth/pit-viper 2.209.2 → 2.210.1

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

@@ -1,23 +1,23 @@
 import * as e from "vue";
 import { Teleport as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, createTextVNode as c, createVNode as l, defineComponent as u, defineCustomElement as d, getCurrentInstance as f, getCurrentScope as p, guardReactiveProps as m, mergeModels as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as b, onBeforeUpdate as x, onMounted as S, onScopeDispose as C, onUnmounted as w, openBlock as T, reactive as E, readonly as ee, ref as D, renderSlot as O, shallowRef as k, toDisplayString as A, toValue as j, unref as M, useModel as te, useSlots as ne, vShow as re, watch as N, watchEffect as ie, withCtx as ae, withDirectives as oe, withModifiers as se } from "vue";
 //#region \0rolldown/runtime.js
-var P = Object.defineProperty, ce = Object.getOwnPropertyDescriptor, le = Object.getOwnPropertyNames, F = Object.prototype.hasOwnProperty, ue = (e, t) => {
+var P = Object.defineProperty, ce = Object.getOwnPropertyDescriptor, le = Object.getOwnPropertyNames, ue = Object.prototype.hasOwnProperty, de = (e, t) => {
 	let n = {};
 	for (var r in e) P(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
 	return t || P(n, Symbol.toStringTag, { value: "Module" }), n;
-}, de = (e, t, n, r) => {
-	if (t && typeof t == "object" || typeof t == "function") for (var i = le(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !F.call(e, s) && s !== n && P(e, s, {
+}, fe = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = le(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !ue.call(e, s) && s !== n && P(e, s, {
 		get: ((e) => t[e]).bind(null, s),
 		enumerable: !(r = ce(t, s)) || r.enumerable
 	});
 	return e;
-}, fe = (e, t, n) => (de(e, t, "default"), n && de(n, t, "default"));
+}, pe = (e, t, n) => (fe(e, t, "default"), n && fe(n, t, "default"));
 //#endregion
 //#region src/web-components/utils.ts
-function pe() {
+function F() {
 	let e = D(!1), t = f()?.root || {};
 	return "isCE" in t && t.isCE === !0 && (e.value = !0), e;
 }
@@ -38,7 +38,7 @@ var me = [
 		size: { type: null }
 	},
 	setup(e) {
-		let t = e, r = pe(), i = D(null), s = n(() => ({
+		let t = e, r = F(), i = D(null), s = n(() => ({
 			"pv-icon": !0,
 			[`pv-icon-${t.size}`]: t.size != null && me.includes(t.size)
 		})), c = n(() => r.value && i.value ? `${i.value}#${t.name}` : `#${t.name}`);
@@ -695,7 +695,7 @@ var Bt = {
 		...i,
 		platform: a
 	});
-}, U = /* @__PURE__ */ ue({
+}, U = /* @__PURE__ */ de({
 	Vue: () => e,
 	Vue2: () => void 0,
 	del: () => qt,
@@ -705,7 +705,7 @@ var Bt = {
 	set: () => Kt
 });
 import * as Wt from "vue";
-fe(U, Wt);
+pe(U, Wt);
 function Gt() {}
 function Kt(e, t, n) {
 	return Array.isArray(e) ? (e.length = Math.max(e.length, t), e.splice(t, 1, n), n) : (e[t] = n, n);
@@ -1084,7 +1084,7 @@ function On(e, t) {
 	return n ? t === "default" || t === "" ? n.querySelector("slot:not([name])") : n.querySelector(`slot[name="${CSS.escape(t)}"]`) : null;
 }
 function kn(e, t = {}) {
-	let { host: r, vueSlots: i, observe: a = !0, listenSlotChange: o = !0, countWhitespaceTextInDefaultSlot: s = !1 } = t, c = pe(), l = i ?? ne(), u = e === "default" || e === "" ? "default" : e, d = () => !!l && !!l[u], f = D(d());
+	let { host: r, vueSlots: i, observe: a = !0, listenSlotChange: o = !0, countWhitespaceTextInDefaultSlot: s = !1 } = t, c = F(), l = i ?? ne(), u = e === "default" || e === "" ? "default" : e, d = () => !!l && !!l[u], f = D(d());
 	x(() => {
 		f.value = d();
 	});
@@ -1133,7 +1133,7 @@ function kn(e, t = {}) {
 }
 //#endregion
 //#region src/components/base/PvPopoverV2/PvPopoverV2.vue?vue&type=script&setup=true&lang.ts
-var An = ["popover"], jn = 0, Mn = /* @__PURE__ */ ((e, t) => {
+var An = ["popover"], jn = "--pv-popover-v2-anchor", Mn = /* @__PURE__ */ ((e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
@@ -1172,6 +1172,10 @@ var An = ["popover"], jn = 0, Mn = /* @__PURE__ */ ((e, t) => {
 			default: 25,
 			type: Number
 		},
+		closeDelay: {
+			default: 200,
+			type: Number
+		},
 		zIndex: {
 			default: 10,
 			type: Number
@@ -1192,8 +1196,9 @@ var An = ["popover"], jn = 0, Mn = /* @__PURE__ */ ((e, t) => {
 			"anchor-name: --pv-anchor",
 			"position-area: bottom",
 			"position-try-fallbacks: flip-block",
-			"position-visibility: anchors-visible"
-		].every((e) => CSS.supports(e)), _ = D(!1), v = D(null), b = D(null), x = D(null), C = D(null), E = D(""), ee = Tn(b), k = Tn(C), A = D(!1), j = {
+			"position-visibility: anchors-visible",
+			`anchor-scope: ${jn}`
+		].every((e) => CSS.supports(e)), _ = D(!1), v = D(null), b = D(null), x = D(null), C = D(null), E = Tn(b), ee = Tn(C), k = D(!1), A = {
 			"top-center": "top",
 			"bottom-center": "bottom",
 			"center-left": "left",
@@ -1202,7 +1207,7 @@ var An = ["popover"], jn = 0, Mn = /* @__PURE__ */ ((e, t) => {
 			"top-right": "top-end",
 			"bottom-left": "bottom-start",
 			"bottom-right": "bottom-end"
-		}, ne = {
+		}, j = {
 			"top-center": {
 				area: "top",
 				margin: "margin-block-end"
@@ -1235,10 +1240,10 @@ var An = ["popover"], jn = 0, Mn = /* @__PURE__ */ ((e, t) => {
 				area: "bottom span-left",
 				margin: "margin-block-start"
 			}
-		}, ie = n(() => s.showOnHover || s.disableClickOutsideToClose ? "manual" : "auto"), ae = n(() => h ? { "anchor-name": E.value } : void 0), se = n(() => {
-			let e = ne[s.position];
+		}, ne = n(() => s.showOnHover || s.disableClickOutsideToClose ? "manual" : "auto"), ie = n(() => h ? { "anchor-scope": jn } : void 0), ae = n(() => h ? { "anchor-name": jn } : void 0), se = n(() => {
+			let e = j[s.position];
 			return {
-				"position-anchor": E.value,
+				"position-anchor": jn,
 				"position-area": e.area,
 				"position-try-fallbacks": s.disableAutoPlacement ? void 0 : "flip-block, flip-inline, flip-block flip-inline",
 				[e.margin]: `${s.offset ?? 0}px`
@@ -1248,7 +1253,7 @@ var An = ["popover"], jn = 0, Mn = /* @__PURE__ */ ((e, t) => {
 			let e = [];
 			s.disableAutoPlacement || e.push(Ht({ fallbackStrategy: "initialPlacement" })), s.offset && e.push(Vt(s.offset));
 			let t = $t(x, C, {
-				placement: j[s.position],
+				placement: A[s.position],
 				strategy: s.positioningStrategy,
 				middleware: e
 			});
@@ -1262,7 +1267,7 @@ var An = ["popover"], jn = 0, Mn = /* @__PURE__ */ ((e, t) => {
 				r.width,
 				r.height
 			], i), vn(v, () => {
-				s.disableClickOutsideToClose || de(!1);
+				s.disableClickOutsideToClose || F(!1);
 			}, { ignore: n(() => [
 				C.value,
 				".p-datepicker-panel",
@@ -1272,55 +1277,67 @@ var An = ["popover"], jn = 0, Mn = /* @__PURE__ */ ((e, t) => {
 		let le = n(() => ({
 			...ce(),
 			zIndex: s.zIndex
-		})), F, ue = () => {
-			F && clearTimeout(F), F = void 0;
-		}, de = (e) => {
-			ue(), !(e && !m.value) && (e && s.delay > 0 && (s.showOnHover || !h) ? F = setTimeout(() => {
-				c.value = !0, F = void 0;
+		})), ue, de, fe = () => {
+			ue && clearTimeout(ue), ue = void 0;
+		}, pe = () => {
+			de && clearTimeout(de), de = void 0;
+		}, F = (e) => {
+			fe(), pe(), !(e && !m.value) && (e && s.delay > 0 && (s.showOnHover || !h) ? ue = setTimeout(() => {
+				c.value = !0, ue = void 0;
 			}, s.delay) : c.value = e);
-		}, fe = () => {
+		}, me = () => {
 			let e = C.value;
 			!e || !_.value || !m.value || (c.value ? e.showPopover() : e.hidePopover());
-		}, pe = n(() => s.showOnHover ? s.disableInteractive ? ee.value || A.value : ee.value || k.value || A.value : !1), me = () => {
-			s.showOnHover || de(F ? !1 : !c.value);
-		}, he = (e) => {
+		}, he = n(() => s.showOnHover ? s.disableInteractive ? E.value || k.value : E.value || ee.value || k.value : !1), ge = () => {
+			s.showOnHover || F(ue ? !1 : !c.value);
+		}, _e = (e) => {
 			let t = e.newState === "open";
 			c.value !== t && (c.value = t);
-		}, ge = (e) => {
-			h && ie.value === "manual" && e.key === "Escape" && c.value && (e.preventDefault(), e.stopPropagation(), de(!1));
+		}, ve = (e) => {
+			h && ne.value === "manual" && e.key === "Escape" && c.value && (e.preventDefault(), e.stopPropagation(), F(!1));
 		};
 		return N(c, async (e) => {
 			if (!h) {
 				e && P();
 				return;
 			}
-			await g(), fe();
-		}), N(pe, (e) => {
-			s.showOnHover && de(e);
+			await g(), me();
+		}), N(he, (e) => {
+			if (s.showOnHover) {
+				if (e) {
+					F(!0);
+					return;
+				}
+				fe(), s.closeDelay > 0 ? (pe(), de = setTimeout(() => {
+					de = void 0, he.value || F(!1);
+				}, s.closeDelay)) : F(!1);
+			}
 		}), N(m, (e) => {
-			e ? h && c.value && g(fe) : (ue(), c.value = !1);
+			e ? h && c.value && g(me) : (fe(), pe(), c.value = !1);
 		}), S(() => {
-			x.value = b.value, h && (E.value = `--pv-popover-v2-${++jn}`), _.value = !0, c.value && g(() => h ? fe() : P());
-		}), w(ue), (n, l) => (T(), a("div", {
+			x.value = b.value, _.value = !0, c.value && g(() => h ? me() : P());
+		}), w(() => {
+			fe(), pe();
+		}), (n, l) => (T(), a("div", {
 			ref_key: "root",
 			ref: v,
-			style: { width: "fit-content" },
-			onKeydown: ge
+			style: y([{ width: "fit-content" }, ie.value]),
+			onKeydown: ve
 		}, [o("div", {
 			ref_key: "triggerWrapper",
 			ref: b,
 			style: y(ae.value),
-			onClick: me,
-			onFocusin: l[0] ||= (e) => A.value = !0,
-			onFocusout: l[1] ||= (e) => A.value = !1
+			onClick: ge,
+			onFocusin: l[0] ||= (e) => k.value = !0,
+			onFocusout: l[1] ||= (e) => k.value = !1
 		}, [O(n.$slots, "trigger")], 36), _.value && M(h) && m.value ? (T(), a("div", {
 			key: 0,
 			ref_key: "floating",
 			ref: C,
 			class: "pv-floating pv-floating-native",
-			popover: ie.value,
+			popover: ne.value,
 			style: y(se.value),
-			onToggle: he
+			onToggle: _e
 		}, [O(n.$slots, "content")], 44, An)) : m.value ? (T(), r(t, {
 			key: 1,
 			to: e.teleportLocation,
@@ -1330,9 +1347,9 @@ var An = ["popover"], jn = 0, Mn = /* @__PURE__ */ ((e, t) => {
 			ref: C,
 			class: "pv-floating",
 			style: y(le.value)
-		}, [O(n.$slots, "content")], 4), [[re, c.value]])], 8, ["to", "disabled"])) : i("v-if", !0)], 544));
+		}, [O(n.$slots, "content")], 4), [[re, c.value]])], 8, ["to", "disabled"])) : i("v-if", !0)], 36));
 	}
-}), [["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"]]), Nn = ["data-variant"], Pn = /* @__PURE__ */ u({
+}), [["styles", [".pv-floating-native[data-v-08e2d92a]{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-08e2d92a]>.pv-popover,.pv-floating-native>slot[name=content][data-v-08e2d92a]::slotted(.pv-popover){position:static!important}"]], ["__scopeId", "data-v-08e2d92a"]]), Nn = ["data-variant"], Pn = /* @__PURE__ */ u({
 	__name: "PvTooltipV2",
 	props: {
 		variant: {
@@ -1365,6 +1382,7 @@ var An = ["popover"], jn = 0, Mn = /* @__PURE__ */ ((e, t) => {
 			default: 0,
 			type: Number
 		},
+		closeDelay: { type: Number },
 		zIndex: { type: Number },
 		teleportLocation: { type: String },
 		offset: { type: Number },
@@ -1773,15 +1791,15 @@ 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 (K(a) && o.transform !== "strict") {
-			let { primitive: t, semantic: n, extend: m } = a, h = n || {}, { colorScheme: g } = h, _ = X(h, ["colorScheme"]), v = m || {}, { colorScheme: y } = v, b = X(v, ["colorScheme"]), x = g || {}, { dark: S } = x, C = X(x, ["dark"]), w = y || {}, { dark: T } = w, E = X(w, ["dark"]), ee = K(t) ? this._toVariables({ primitive: t }, o) : {}, D = K(_) ? this._toVariables({ semantic: _ }, o) : {}, O = K(C) ? this._toVariables({ light: C }, o) : {}, k = K(S) ? this._toVariables({ dark: S }, o) : {}, A = K(b) ? this._toVariables({ semantic: b }, o) : {}, j = K(E) ? this._toVariables({ light: E }, o) : {}, M = K(T) ? this._toVariables({ dark: T }, o) : {}, [te, ne] = [ee.declarations ?? "", ee.tokens], [re, N] = [D.declarations ?? "", D.tokens || []], [ie, ae] = [O.declarations ?? "", O.tokens || []], [oe, se] = [k.declarations ?? "", k.tokens || []], [P, ce] = [A.declarations ?? "", A.tokens || []], [le, F] = [j.declarations ?? "", j.tokens || []], [ue, de] = [M.declarations ?? "", M.tokens || []];
+			let { primitive: t, semantic: n, extend: m } = a, h = n || {}, { colorScheme: g } = h, _ = X(h, ["colorScheme"]), v = m || {}, { colorScheme: y } = v, b = X(v, ["colorScheme"]), x = g || {}, { dark: S } = x, C = X(x, ["dark"]), w = y || {}, { dark: T } = w, E = X(w, ["dark"]), ee = K(t) ? this._toVariables({ primitive: t }, o) : {}, D = K(_) ? this._toVariables({ semantic: _ }, o) : {}, O = K(C) ? this._toVariables({ light: C }, o) : {}, k = K(S) ? this._toVariables({ dark: S }, o) : {}, A = K(b) ? this._toVariables({ semantic: b }, o) : {}, j = K(E) ? this._toVariables({ light: E }, o) : {}, M = K(T) ? this._toVariables({ dark: T }, o) : {}, [te, ne] = [ee.declarations ?? "", ee.tokens], [re, N] = [D.declarations ?? "", D.tokens || []], [ie, ae] = [O.declarations ?? "", O.tokens || []], [oe, se] = [k.declarations ?? "", k.tokens || []], [P, ce] = [A.declarations ?? "", A.tokens || []], [le, ue] = [j.declarations ?? "", j.tokens || []], [de, fe] = [M.declarations ?? "", M.tokens || []];
 			s = this.transformCSS(e, te, "light", "variable", o, r, i), c = ne, l = `${this.transformCSS(e, `${re}${ie}`, "light", "variable", o, r, i)}${this.transformCSS(e, `${oe}`, "dark", "variable", o, r, i)}`, u = [...new Set([
 				...N,
 				...ae,
 				...se
-			])], d = `${this.transformCSS(e, `${P}${le}color-scheme:light`, "light", "variable", o, r, i)}${this.transformCSS(e, `${ue}color-scheme:dark`, "dark", "variable", o, r, i)}`, f = [...new Set([
+			])], d = `${this.transformCSS(e, `${P}${le}color-scheme:light`, "light", "variable", o, r, i)}${this.transformCSS(e, `${de}color-scheme:dark`, "dark", "variable", o, r, i)}`, f = [...new Set([
 				...ce,
-				...F,
-				...de
+				...ue,
+				...fe
 			])], p = q(a.css, { dt: Or });
 		}
 		return {