@turquoisehealth/pit-viper 2.199.2-dev.2 → 2.201.0

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

@@ -68,7 +68,7 @@ var b = [
 				name: e.icon
 			}, null, 8, ["name"])) : n("v-if", !0),
 			i("div", null, [i("p", {
-				class: l([" pv-text-title-md pv-line-clamp", { "pv-stack-4": e.description }]),
+				class: l(["pv-text-title-md pv-line-clamp", { "pv-stack-4": e.description }]),
 				style: {
 					"--lines": "2",
 					"font-weight": "500"

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

@@ -8,7 +8,7 @@ var h = {
 	__name: "PvBreadcrumbs",
 	props: { options: { type: Array } },
 	setup(r) {
-		return (i, a) => (c(), t("ul", h, [(c(!0), t(e, null, f(r.options, (r) => (c(), t("li", { key: r.label }, [r.href ? (c(), t("a", {
+		return (i, a) => (c(), t("ul", h, [(c(!0), t(e, null, f(r.options, (r, i) => (c(), t("li", { key: `${i}-${r.label}` }, [r.href ? (c(), t("a", {
 			key: 0,
 			href: r.href
 		}, p(r.label), 9, g)) : (c(), t(e, { key: 1 }, [n(p(r.label), 1)], 64))]))), 128))]));

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

@@ -15,7 +15,7 @@ var g = /* @__PURE__ */ n({
 		}
 	},
 	setup(n) {
-		let r = n, i = e(() => r.href ? "a" : r.interactive ? "button" : "div"), a = e(() => r.href || r.interactive ? "button" : "div");
+		let r = n, i = e(() => r.href ? "a" : r.interactive ? "button" : "div"), a = e(() => !r.href && r.interactive ? "button" : void 0);
 		return (e, r) => (c(), t(p(i.value), {
 			href: n.href,
 			type: a.value,

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

@@ -35,7 +35,7 @@ var w = [
 	key: 0,
 	class: "pv-surface-accent pv-inset-square pv-text-body-md pv-radius pv-bordered",
 	style: { "--inset-size": "6px 10px" }
-}, k = { class: "pv-relative" }, A = [
+}, k = { class: "pv-relative pv-flex-item" }, A = [
 	"disabled",
 	"type",
 	"placeholder",
@@ -83,7 +83,7 @@ var w = [
 				class: "pv-label pv-stack-8",
 				for: o.id
 			}, [_(t.$slots, "label")], 8, D)) : r("v-if", !0),
-			a("div", { class: f(["pv-flex", { "pv-stack-8": o.lowerLabel }]) }, [o.prefixLabel ? (m(), i("div", O, v(o.prefixLabel), 1)) : r("v-if", !0), a("div", k, [o.inputIcon ? (m(), n(E, {
+			a("div", { class: f(["pv-flex pv-flex-item", { "pv-stack-8": o.lowerLabel }]) }, [o.prefixLabel ? (m(), i("div", O, v(o.prefixLabel), 1)) : r("v-if", !0), a("div", k, [o.inputIcon ? (m(), n(E, {
 				key: 0,
 				class: "pv-absolute input-icon-position",
 				name: o.inputIcon
@@ -94,7 +94,7 @@ var w = [
 					"pv-inset-square": o.inputIcon,
 					"pv-surface-accent": o.variant === "grey"
 				}],
-				style: l.value,
+				style: [l.value, { width: "100%" }],
 				disabled: o.disabled,
 				type: o.type,
 				placeholder: o.placeholder,

package/pv-components/dist/web/components/pv-insight-card/pv-insight-card.js

@@ -15,7 +15,7 @@ var C = /* @__PURE__ */ o({
 		}
 	},
 	setup(e) {
-		let r = e, i = t(() => r.href ? "a" : r.interactive ? "button" : "div"), a = t(() => r.href || r.interactive ? "button" : "div");
+		let r = e, i = t(() => r.href ? "a" : r.interactive ? "button" : "div"), a = t(() => !r.href && r.interactive ? "button" : void 0);
 		return (t, r) => (p(), n(v(i.value), {
 			href: e.href,
 			type: a.value,

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

@@ -2026,10 +2026,10 @@ var gr = { style: { width: "fit-content" } }, _r = /* @__PURE__ */ f({
 		}), E = r(() => xe({
 			...i,
 			children: v.value
-		}) && i.level < Ur), O = r(() => E.value ? l.value ? m.value : !0 : !1), ee = r(() => m.value ? "chevron-down" : "chevron-right"), k = (e) => s && Array.isArray(s.value) ? s.value.some((t) => t.id === e.id) : c.value.includes(e.id), M = n, ne = r(() => g.value || i.totalChildCount == null ? !1 : i.totalChildCount > v.value.length), N = async () => {
+		}) && i.level < Ur), O = r(() => E.value ? l.value ? m.value || !!i.disabled : !0 : !1), ee = r(() => m.value ? "chevron-down" : "chevron-right"), k = (e) => s && Array.isArray(s.value) ? s.value.some((t) => t.id === e.id) : c.value.includes(e.id), M = (e) => k(e) ? !0 : f?.value?.has(i.id) ? !(p?.value?.get(i.id))?.has(e.id) : !1, ne = n, N = r(() => g.value || i.totalChildCount == null ? !1 : i.totalChildCount > v.value.length), P = async () => {
 			if (h.value) return;
 			if (!i.handleSeeMore) {
-				M("see-more", {
+				ne("see-more", {
 					parentId: i.id,
 					offset: v.value.length
 				});
@@ -2061,7 +2061,7 @@ var gr = { style: { width: "fit-content" } }, _r = /* @__PURE__ */ f({
 			} finally {
 				h.value = !1;
 			}
-		}, P = (e) => {
+		}, re = (e) => {
 			if (l.value && E.value && e.option.id === i.id && !d.value) {
 				S();
 				return;
@@ -2070,9 +2070,9 @@ var gr = { style: { width: "fit-content" } }, _r = /* @__PURE__ */ f({
 				let t = c.value.indexOf(e.option.id);
 				t > -1 ? c.value = [...c.value.slice(0, t), ...c.value.slice(t + 1)] : c.value = [...c.value, e.option.id];
 			}
-			M("handle-selected", e);
-		}, re = (e) => {
-			M("handle-selected", e);
+			ne("handle-selected", e);
+		}, F = (e) => {
+			ne("handle-selected", e);
 		};
 		return (n, r) => {
 			let s = te("PvMenuItem", !0);
@@ -2084,7 +2084,7 @@ var gr = { style: { width: "fit-content" } }, _r = /* @__PURE__ */ f({
 				showChevron: ie(l) && E.value,
 				chevronIcon: ee.value,
 				expanded: m.value,
-				onHandleSelected: P,
+				onHandleSelected: re,
 				onToggleExpanded: S,
 				selected: k(i)
 			}), null, 16, [
@@ -2100,7 +2100,7 @@ var gr = { style: { width: "fit-content" } }, _r = /* @__PURE__ */ f({
 				key: 0,
 				role: "list",
 				style: C(w.value)
-			}, [(D(!0), o(t, null, j(v.value, (t) => (D(), o("li", {
+			}, [(D(!0), o(t, null, j(v.value, (t) => fe((D(), o("li", {
 				key: t.id,
 				"data-active": k(t) ? "true" : null,
 				class: x(e.itemClass)
@@ -2112,8 +2112,8 @@ var gr = { style: { width: "fit-content" } }, _r = /* @__PURE__ */ f({
 				queryText: e.queryText,
 				highlightSearchText: e.highlightSearchText,
 				level: e.level + 1,
-				onHandleSelected: re,
-				onSeeMore: r[1] ||= (e) => M("see-more", e)
+				onHandleSelected: F,
+				onSeeMore: r[1] ||= (e) => ne("see-more", e)
 			}), null, 16, [
 				"disabled",
 				"selectedIds",
@@ -2121,13 +2121,13 @@ var gr = { style: { width: "fit-content" } }, _r = /* @__PURE__ */ f({
 				"queryText",
 				"highlightSearchText",
 				"level"
-			])], 10, Vr))), 128)), ne.value ? (D(), o("li", Hr, [u(Br, {
+			])], 10, Vr)), [[le, !i.disabled || M(t)]])), 128)), N.value ? (D(), o("li", Hr, [u(Br, {
 				class: "pv-text-brand",
 				variant: "ghost",
 				label: "See more",
 				loading: h.value,
 				"data-testid": "pv-menu-item-see-more",
-				onClick: N
+				onClick: P
 			}, null, 8, ["loading"])])) : a("v-if", !0)], 4)) : a("v-if", !0)], 64);
 		};
 	}
@@ -2214,7 +2214,7 @@ var gr = { style: { width: "fit-content" } }, _r = /* @__PURE__ */ f({
 			"config",
 			"itemClass",
 			"queryText"
-		])], 10, Kr)), [[le, C(t, e.isLoading)]])), 128)), e.hasMoreOptions ? (D(), o("li", qr, [u(Br, {
+		])], 10, Kr)), [[le, C(t, e.isLoading || i.readOnly)]])), 128)), e.hasMoreOptions && !i.readOnly ? (D(), o("li", qr, [u(Br, {
 			class: "pv-text-brand",
 			variant: "ghost",
 			label: "See more",

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

@@ -2430,10 +2430,10 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
 		}), E = r(() => Rt({
 			...i,
 			children: v.value
-		}) && i.level < yi), D = r(() => E.value ? l.value ? m.value : !0 : !1), O = r(() => m.value ? "chevron-down" : "chevron-right"), A = (e) => s && Array.isArray(s.value) ? s.value.some((t) => t.id === e.id) : c.value.includes(e.id), j = n, M = r(() => g.value || i.totalChildCount == null ? !1 : i.totalChildCount > v.value.length), P = async () => {
+		}) && i.level < yi), D = r(() => E.value ? l.value ? m.value || !!i.disabled : !0 : !1), O = r(() => m.value ? "chevron-down" : "chevron-right"), A = (e) => s && Array.isArray(s.value) ? s.value.some((t) => t.id === e.id) : c.value.includes(e.id), j = (e) => A(e) ? !0 : f?.value?.has(i.id) ? !(p?.value?.get(i.id))?.has(e.id) : !1, M = n, P = r(() => g.value || i.totalChildCount == null ? !1 : i.totalChildCount > v.value.length), te = async () => {
 			if (h.value) return;
 			if (!i.handleSeeMore) {
-				j("see-more", {
+				M("see-more", {
 					parentId: i.id,
 					offset: v.value.length
 				});
@@ -2465,7 +2465,7 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
 			} finally {
 				h.value = !1;
 			}
-		}, te = (e) => {
+		}, I = (e) => {
 			if (l.value && E.value && e.option.id === i.id && !d.value) {
 				x();
 				return;
@@ -2474,9 +2474,9 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
 				let t = c.value.indexOf(e.option.id);
 				t > -1 ? c.value = [...c.value.slice(0, t), ...c.value.slice(t + 1)] : c.value = [...c.value, e.option.id];
 			}
-			j("handle-selected", e);
-		}, I = (e) => {
-			j("handle-selected", e);
+			M("handle-selected", e);
+		}, L = (e) => {
+			M("handle-selected", e);
 		};
 		return (n, r) => {
 			let s = F("PvMenuItem", !0);
@@ -2488,7 +2488,7 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
 				showChevron: z(l) && E.value,
 				chevronIcon: O.value,
 				expanded: m.value,
-				onHandleSelected: te,
+				onHandleSelected: I,
 				onToggleExpanded: x,
 				selected: A(i)
 			}), null, 16, [
@@ -2504,7 +2504,7 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
 				key: 0,
 				role: "list",
 				style: w(C.value)
-			}, [(k(!0), o(t, null, ee(v.value, (t) => (k(), o("li", {
+			}, [(k(!0), o(t, null, ee(v.value, (t) => de((k(), o("li", {
 				key: t.id,
 				"data-active": A(t) ? "true" : null,
 				class: S(e.itemClass)
@@ -2516,8 +2516,8 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
 				queryText: e.queryText,
 				highlightSearchText: e.highlightSearchText,
 				level: e.level + 1,
-				onHandleSelected: I,
-				onSeeMore: r[1] ||= (e) => j("see-more", e)
+				onHandleSelected: L,
+				onSeeMore: r[1] ||= (e) => M("see-more", e)
 			}), null, 16, [
 				"disabled",
 				"selectedIds",
@@ -2525,13 +2525,13 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
 				"queryText",
 				"highlightSearchText",
 				"level"
-			])], 10, _i))), 128)), M.value ? (k(), o("li", vi, [u(ct, {
+			])], 10, _i)), [[ce, !i.disabled || j(t)]])), 128)), P.value ? (k(), o("li", vi, [u(ct, {
 				class: "pv-text-brand",
 				variant: "ghost",
 				label: "See more",
 				loading: h.value,
 				"data-testid": "pv-menu-item-see-more",
-				onClick: P
+				onClick: te
 			}, null, 8, ["loading"])])) : a("v-if", !0)], 4)) : a("v-if", !0)], 64);
 		};
 	}
@@ -2618,7 +2618,7 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
 			"config",
 			"itemClass",
 			"queryText"
-		])], 10, Si)), [[ce, C(t, e.isLoading)]])), 128)), e.hasMoreOptions ? (k(), o("li", Ci, [u(ct, {
+		])], 10, Si)), [[ce, C(t, e.isLoading || i.readOnly)]])), 128)), e.hasMoreOptions && !i.readOnly ? (k(), o("li", Ci, [u(ct, {
 			class: "pv-text-brand",
 			variant: "ghost",
 			label: "See more",
@@ -2956,8 +2956,13 @@ var $r = { style: { width: "fit-content" } }, ei = /* @__PURE__ */ f({
 					"model-value": F.value,
 					"onUpdate:modelValue": r[1] ||= (e) => F.value = e,
 					class: "pv-stack-4",
-					placeholder: e.searchPlaceholder
-				}, null, 8, ["model-value", "placeholder"])])),
+					placeholder: e.searchPlaceholder,
+					disabled: e.readOnly
+				}, null, 8, [
+					"model-value",
+					"placeholder",
+					"disabled"
+				])])),
 				n.$slots.header || z(Se) ? (k(), o("div", Ei, [P(n.$slots, "header", C(g(ye.value)))])) : a("v-if", !0),
 				fe.value.length > 0 ? (k(), o(t, { key: 2 }, [ve.value ? (k(!0), o(t, { key: 0 }, ee(_e.value, ([t, i], s) => (k(), o("div", { key: t }, [
 					n.$slots[t] ? P(n.$slots, t, { key: 0 }) : t === "other" ? a("v-if", !0) : (k(), o("span", Di, L(t), 1)),