@turquoisehealth/pit-viper 2.181.2 → 2.182.1-dev.0

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

@@ -96,7 +96,7 @@ var O = [
 			"pv-badge-md pv-text-body-md": r.value == "md",
 			"pv-badge-sm pv-text-body-sm": r.value == "sm",
 			"pv-surface-brand-inverse pv-text-inverse": n.variant == "primary",
-			"pv-surface pv-bordered": n.variant == "secondary",
+			"pv-badge-secondary": n.variant == "secondary",
 			"pv-surface-lighten-5": n.variant == "tertiary",
 			"pv-text-secondary": n.variant == "ghost" || n.variant == "tertiary",
 			"pv-surface": n.variant == "ghost"
@@ -106,11 +106,11 @@ var O = [
 			"data-testid": "pv-counter-badge"
 		}, y(a.value), 3));
 	}
-}), M = ".pv-badge-md[data-v-1ce1cb53]{--inset-size:2px 2px;min-width:20px;min-height:20px;max-height:20px;font-weight:500}.pv-badge-sm[data-v-1ce1cb53]{--inset-size:0 2px;min-width:16px;min-height:16px;max-height:16px;font-weight:500}.pv-surface-lighten-5[data-v-1ce1cb53]{background-color:#e0e5e4}.pv-text-secondary[data-v-1ce1cb53]{color:#4b595c}", N = (e, t) => {
+}), M = ".pv-badge-md[data-v-743a2e13]{--inset-size:2px 2px;min-width:20px;min-height:20px;max-height:20px;font-weight:500}.pv-badge-sm[data-v-743a2e13]{--inset-size:0 2px;min-width:16px;min-height:16px;max-height:16px;font-weight:500}.pv-surface-lighten-5[data-v-743a2e13]{background-color:#e0e5e4}.pv-text-secondary[data-v-743a2e13]{color:#4b595c}", N = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, te = /* @__PURE__ */ N(j, [["styles", [M]], ["__scopeId", "data-v-1ce1cb53"]]), ne = ["disabled"], re = {
+}, te = /* @__PURE__ */ N(j, [["styles", [M]], ["__scopeId", "data-v-743a2e13"]]), ne = ["disabled", "aria-label"], re = {
 	key: 2,
 	"data-testid": "pv-button-label"
 }, ie = /* @__PURE__ */ s({
@@ -140,10 +140,11 @@ var O = [
 			default: !1
 		},
 		leftCounterBadge: { type: Number },
-		rightCounterBadge: { type: Number }
+		rightCounterBadge: { type: Number },
+		ariaLabel: { type: String }
 	},
 	setup(a) {
-		let o = a, s = t(() => {
+		let o = a, s = t(() => !o.label || o.loading ? o.label || o.ariaLabel : void 0), c = t(() => {
 			let e = [];
 			o.inverse && w.includes(o.variant) ? e.push(`pv-button-${o.variant}-inverse`) : e.push(`pv-button-${o.variant}`);
 			let t = E(o.size);
@@ -151,8 +152,9 @@ var O = [
 		});
 		return (t, o) => (h(), i("button", {
 			type: "button",
-			class: f(s.value),
+			class: f(c.value),
 			disabled: a.disabled,
+			"aria-label": s.value,
 			"data-testid": "pv-button"
 		}, [a.loading ? (h(), n(C, {
 			key: 0,
@@ -245,6 +247,7 @@ var O = [
 				"data-testid": "pagination-left-arrow-icon",
 				disabled: r.value === 1,
 				"left-icon": "chevron-left",
+				ariaLabel: "Previous page",
 				variant: "ghost",
 				onClick: c[0] ||= (e) => s.$emit("update:modelValue", r.value - 1)
 			}, null, 8, ["disabled"])]),
@@ -263,12 +266,13 @@ var O = [
 				"data-testid": "pagination-right-arrow-icon",
 				disabled: r.value === t.maxPages,
 				"left-icon": "chevron-right",
+				ariaLabel: "Next page",
 				variant: "ghost",
 				onClick: c[1] ||= (e) => s.$emit("update:modelValue", r.value + 1)
 			}, null, 8, ["disabled"])])
 		], 8, se));
 	}
-}), [["styles", [".dots-button[data-v-d470244b]{color:#4b595c;background-color:#0000}"]], ["__scopeId", "data-v-d470244b"]]), fe = Object.defineProperty, pe = Object.getOwnPropertySymbols, me = Object.prototype.hasOwnProperty, he = Object.prototype.propertyIsEnumerable, ge = (e, t, n) => t in e ? fe(e, t, {
+}), [["styles", [".dots-button[data-v-6c36dca2]{color:#4b595c;background-color:#0000}"]], ["__scopeId", "data-v-6c36dca2"]]), fe = Object.defineProperty, pe = Object.getOwnPropertySymbols, me = Object.prototype.hasOwnProperty, he = Object.prototype.propertyIsEnumerable, ge = (e, t, n) => t in e ? fe(e, t, {
 	enumerable: !0,
 	configurable: !0,
 	writable: !0,