@turquoisehealth/pit-viper 2.224.1-dev.3 → 2.226.0

package/pv-components/dist/vue/visualizations/components/charts/PvDataTableWithChart/crosslineHelpers.d.ts

@@ -1,6 +1,5 @@
 import { ChipSection, CrosslineOverlayGroup, VerticalLineOverlay } from './types';
 export declare const DEFAULT_CROSSLINE_OVERLAY_COLOR = "#E7E2D9";
-export declare const LEGACY_CROSSLINE_OVERLAY_COLOR = "#7C8AF4";
 export declare const scaleValueToIndex: (value: number, buckets: {
     bucketMin: number;
     bucketMax: number;
@@ -11,7 +10,7 @@ export interface CrosslineAxisDomain {
     axisMin: number;
     axisMax: number;
 }
-export declare const getCrosslineAxisDomain: (numCategories: number, showDistributionRangeLabels: boolean | undefined) => CrosslineAxisDomain;
+export declare const getCrosslineAxisDomain: (numCategories: number, isHistogramWithBuckets: boolean | undefined) => CrosslineAxisDomain;
 export declare const scaledIndexToAxisFraction: (scaledValue: number, domain: CrosslineAxisDomain) => number;
 export declare const resolveCrosslineOverlays: (groups: CrosslineOverlayGroup[], activeGroupIds: Set<string>) => VerticalLineOverlay[];
 export declare const computeChipSections: (groups: CrosslineOverlayGroup[], activeGroupIds: Set<string>, formatValue: (value: number) => string | number) => ChipSection[];

package/pv-components/dist/vue/visualizations/components/charts/PvDataTableWithChart/helpers.d.ts

@@ -75,9 +75,8 @@ export declare const calculateMinChartSeriesValue: (data: any[] | undefined, ser
  * Builds the category axis's label formatter. Exactly one of three behaviors applies:
  * - `hideLabel`: every label is blank (e.g. a chart type that doesn't show x-axis labels).
  * - `showDistributionRangeLabels`: only the two blank pad categories flanking a histogram's
- *   real buckets (under `useDistributionV2Styling`) are labeled, with the overall lowest
- *   min / highest max bucket boundary; every other category (including the real buckets
- *   themselves) is blank.
+ *   real buckets are labeled, with the overall lowest min / highest max bucket boundary;
+ *   every other category (including the real buckets themselves) is blank.
  * - Otherwise: normal category labels, formatted via `columnValueFormatter`, with the
  *   separator/single-bar-padding sentinel categories hidden, a focus suffix appended, and
  *   the result truncated to `MAX_LABEL_LENGTH`.

package/pv-components/dist/vue/visualizations/components/charts/PvDataTableWithChart/types.d.ts

@@ -116,6 +116,15 @@ export interface TableConfigOptions {
      * that do not have a `context.visibilityState` on their column definitions.
      */
     enableColumnConfiguration?: boolean;
+    /**
+     * Shows the "Group Table to Match Chart"/"Ungroup Table" item inside the Table Configuration
+     * menu. Defaults to true; set to false for data sources that never group the table to match
+     * the chart (e.g. base rates), keeping the rest of the menu (e.g. "Columns"). If every menu
+     * item ends up hidden, the panel renders no trigger at all. Unlike the top-level
+     * `enableGroupingToggle` prop (which gates whether the menu renders at all), this only
+     * affects the one item within it.
+     */
+    enableGroupTableToMatchChartToggle?: boolean;
 }
 /** Payload emitted when the user changes column visibility/order via the "Columns" configuration panel. */
 export interface ColumnConfigurationChangeEvent {
@@ -142,12 +151,6 @@ export interface PvDataTableWithChartProps<T> extends PvDataTableProps<T> {
     showSeriesLabels?: boolean;
     /** When true, truncates long category labels on the chart axis. */
     truncateLabelValues?: boolean;
-    /**
-     * Gate for distribution/histogram chart styling changes that must ship together.
-     * When true, notates the x-axis of histogram charts with the overall lowest min
-     * (left) and highest max (right) bucket bounds.
-     */
-    useDistributionV2Styling?: boolean;
     /** Pre-populated chart data to render before any server-side fetch completes. */
     initialChartData?: AgChartOptions["data"];
     /** When true, wraps large charts in a native Pit Viper-styled scroll container. */
@@ -201,7 +204,11 @@ export interface PvDataTableWithChartProps<T> extends PvDataTableProps<T> {
     /** Custom text to display when no focuses are selected and chart data is empty. */
     missingFocusText?: string;
     /**
-     * Enable toggle to group or ungroup
+     * Gates the table's grouping affordance as a whole. When true, renders the Table
+     * Configuration menu (when `tableConfigOptions` is set) or a standalone group/ungroup button
+     * (when it isn't), and allows external `isTableGrouped` changes to group/ungroup the table.
+     * When false, neither control renders. To keep the menu but hide only its group/ungroup
+     * item, use `TableConfigOptions.enableGroupTableToMatchChartToggle` instead.
      */
     enableGroupingToggle?: boolean;
     /**

package/pv-components/dist/vue/visualizations/components/charts/PvDataTableWithChart/useBenchmarkOverlays.d.ts

@@ -9,7 +9,6 @@ export interface CrosslineTooltip {
 }
 interface UseBenchmarkOverlaysOptions {
     crosslineOverlayGroups: ComputedRef<CrosslineOverlayGroup[]>;
-    useDistributionV2Styling: ComputedRef<boolean | undefined>;
     isHistogramWithBuckets: ComputedRef<boolean | undefined>;
     isHorizontalBarChart: ComputedRef<boolean>;
     computedChartData: ComputedRef<{

package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs

@@ -12769,7 +12769,10 @@ var Hu = { style: { "line-height": "20px" } }, Uu = { class: "pv-text-subdued pv
 }), Xf = { class: "pv-relative" }, Zf = {
 	role: "list",
 	class: "pv-relative"
-}, Qf = ["data-active"], $f = ["data-active"], ep = { style: { cursor: "pointer" } }, tp = {
+}, Qf = ["data-active"], $f = ["data-active"], ep = {
+	key: 2,
+	style: { cursor: "pointer" }
+}, tp = {
 	key: 0,
 	role: "list"
 }, np = /* @__PURE__ */ d({
@@ -12815,43 +12818,43 @@ var Hu = { style: { "line-height": "20px" } }, Uu = { class: "pv-text-subdued pv
 				b.value = null;
 				return;
 			}
-			e === "columns" && B(), b.value = e, g.value = document.getElementById(`table-config-${e}`), h();
-		}, M = r(() => f.value?.getColId() ?? null), N = r(() => (d.value ?? []).filter((e) => e.getColDef().context?.visibilityState === void 0 && e.getColId() !== M.value)), F = r(() => !!i.tableConfigOptions?.enableColumnConfiguration && N.value.length > 0), I = (e) => {
+			e === "columns" && V(), b.value = e, g.value = document.getElementById(`table-config-${e}`), h();
+		}, M = r(() => f.value?.getColId() ?? null), N = r(() => (d.value ?? []).filter((e) => e.getColDef().context?.visibilityState === void 0 && e.getColId() !== M.value)), F = r(() => !!i.tableConfigOptions?.enableColumnConfiguration && N.value.length > 0), I = r(() => i.tableConfigOptions?.enableGroupTableToMatchChartToggle ?? !0), L = r(() => C.value || F.value || I.value), R = (e) => {
 			let t = e.getColDef();
 			return {
 				id: e.getColId(),
 				text: t.headerName || e.getColId(),
 				icon: es(t.context?.dataType || null) || "circle-chevron-down"
 			};
-		}, L = r(() => N.value.map(I)), R = k([]), B = () => {
-			R.value = N.value.filter((e) => e.isVisible()).map(I);
+		}, B = r(() => N.value.map(R)), ee = k([]), V = () => {
+			ee.value = N.value.filter((e) => e.isVisible()).map(R);
 		};
-		U(N, B);
-		let ee = (e) => {
+		U(N, V);
+		let te = (e) => {
 			let t = e.getAllGridColumns();
 			return {
 				orderedColIds: t.map((e) => e.getColId()),
 				hiddenColIds: t.filter((e) => !e.isVisible() && e.getColId() !== M.value).map((e) => e.getColId())
 			};
-		}, V = (e) => {
+		}, H = (e) => {
 			let t = l.value;
 			if (!t) return;
 			let n = e.map((e) => String(e.id));
-			if (ot(n, R.value.map((e) => String(e.id)))) return;
-			let r = ee(t), i = new Set(N.value.map((e) => e.getColId())), a = new Set(n), o = r.orderedColIds.filter((e) => i.has(e) && !a.has(e)), s = new Set(o), u = [...n, ...o], d = 0, f = r.orderedColIds.map((e) => i.has(e) ? u[d++] : e);
+			if (ot(n, ee.value.map((e) => String(e.id)))) return;
+			let r = te(t), i = new Set(N.value.map((e) => e.getColId())), a = new Set(n), o = r.orderedColIds.filter((e) => i.has(e) && !a.has(e)), s = new Set(o), u = [...n, ...o], d = 0, f = r.orderedColIds.map((e) => i.has(e) ? u[d++] : e);
 			t.applyColumnState({
 				state: f.map((e) => i.has(e) ? {
 					colId: e,
 					hide: s.has(e)
 				} : { colId: e }),
 				applyOrder: !0
-			}), B(), c("column-config-change", {
-				...ee(t),
+			}), V(), c("column-config-change", {
+				...te(t),
 				previousOrderedColIds: r.orderedColIds,
 				previousHiddenColIds: r.hiddenColIds
 			});
 		};
-		return (n, r) => (D(), o(t, null, [G((D(), o("div", Xf, [u(ka, {
+		return (n, r) => L.value ? (D(), o(t, { key: 0 }, [G((D(), o("div", Xf, [u(ka, {
 			open: v.value,
 			label: "Table Configuration",
 			icon: "settings",
@@ -12898,14 +12901,14 @@ var Hu = { style: { "line-height": "20px" } }, Uu = { class: "pv-text-subdued pv
 					"class-list": ["pv-menu-nested", b.value === "columns" ? "pv-menu-nested-active" : ""],
 					onHandleSelected: r[1] ||= (e) => j("columns")
 				}, null, 8, ["class-list"])], 8, $f)) : a("", !0),
-				s("li", ep, [u(_o, {
+				I.value ? (D(), o("li", ep, [u(_o, {
 					config: { variant: "icon" },
 					id: "table-config-group-toggle",
 					class: "pv-text-subdued",
 					text: e.groupedModeEnabled ? "Ungroup Table" : "Group Table to Match Chart",
 					icon: e.groupedModeEnabled ? "ungroup" : "group",
 					onHandleSelected: E
-				}, null, 8, ["text", "icon"])])
+				}, null, 8, ["text", "icon"])])) : a("", !0)
 			])]),
 			_: 1
 		}, 8, ["class"])])), [[z(et), [T, { ignore: [".pv-popover"] }]]]), u(yo, {
@@ -12949,17 +12952,17 @@ var Hu = { style: { "line-height": "20px" } }, Uu = { class: "pv-text-subdued pv
 					"padding-bottom": "6px"
 				}
 			}, " Currently Viewing ", -1), u(Kf, {
-				modelValue: R.value,
-				options: L.value,
+				modelValue: ee.value,
+				options: B.value,
 				showPlaceholders: !1,
-				"onUpdate:modelValue": V
+				"onUpdate:modelValue": H
 			}, null, 8, ["modelValue", "options"])], 32)) : a("", !0)]),
 			_: 1
 		}, 8, [
 			"class",
 			"css-custom-properties",
 			"isList"
-		])], 64));
+		])], 64)) : a("", !0);
 	}
 }), rp = { class: "pv-chart-benchmark-chips pv-flex-vertical" }, ip = ["data-group-name"], ap = { class: "pv-chart-chip-section-label pv-chart-benchmark-chip-section-label" }, op = ["data-loading"], sp = { class: "pv-chart-chip-label pv-flex-item" }, cp = { class: "pv-chart-chip-value" }, lp = /* @__PURE__ */ d({
 	__name: "PvBenchmarkChips",
@@ -13881,46 +13884,46 @@ var zp = (e, t) => {
 	}), [...r.values()];
 }, Wp = (e) => !!(e.visible && !e.disabled);
 function Gp(e) {
-	let { crosslineOverlayGroups: t, useDistributionV2Styling: n, isHistogramWithBuckets: i, isHorizontalBarChart: a, computedChartData: o, pvChartRef: s, formatValue: c, initialActiveOverlayGroupIds: l } = e, u = k(new Set(l?.value ?? t.value.filter((e) => Wp(e)).map((e) => e.id))), d = new Map(t.value.map((e) => [e.id, Wp(e)]));
+	let { crosslineOverlayGroups: t, isHistogramWithBuckets: n, isHorizontalBarChart: i, computedChartData: a, pvChartRef: o, formatValue: s, initialActiveOverlayGroupIds: c } = e, l = k(new Set(c?.value ?? t.value.filter((e) => Wp(e)).map((e) => e.id))), u = new Map(t.value.map((e) => [e.id, Wp(e)]));
 	U(t, (e) => {
-		let t = new Set(u.value), n = !1, r = l?.value !== void 0;
+		let t = new Set(l.value), n = !1, r = c?.value !== void 0;
 		for (let i of e) {
-			let e = Wp(i), a = d.has(i.id) ? !d.get(i.id) : !r;
-			e && a ? (t.add(i.id), n = !0) : !e && d.get(i.id) && (t.delete(i.id), n = !0);
+			let e = Wp(i), a = u.has(i.id) ? !u.get(i.id) : !r;
+			e && a ? (t.add(i.id), n = !0) : !e && u.get(i.id) && (t.delete(i.id), n = !0);
 		}
-		d = new Map(e.map((e) => [e.id, Wp(e)])), n && (u.value = t);
+		u = new Map(e.map((e) => [e.id, Wp(e)])), n && (l.value = t);
 	});
-	let f = r(() => Hp(t.value, u.value)), p = r(() => n.value ? Up(t.value, u.value, c) : []), m = k(null);
+	let d = r(() => Hp(t.value, l.value)), f = r(() => Up(t.value, l.value, s)), p = k(null);
 	return {
-		activeCrosslineOverlayGroups: u,
-		resolvedCrosslineOverlays: f,
-		chipSections: p,
-		hoveredBenchmarkKey: m,
+		activeCrosslineOverlayGroups: l,
+		resolvedCrosslineOverlays: d,
+		chipSections: f,
+		hoveredBenchmarkKey: p,
 		hoveredCrosslineTooltip: r(() => {
-			if (!m.value || !o.value) return null;
-			let e = f.value.find((e) => e.key === m.value);
+			if (!p.value || !a.value) return null;
+			let e = d.value.find((e) => e.key === p.value);
 			if (!e) return null;
-			let t = zp(e.value, o.value);
+			let t = zp(e.value, a.value);
 			if (t == null) return null;
-			let r = (s.value?.$el)?.querySelector(".ag-charts-series-area")?.getBoundingClientRect();
+			let r = (o.value?.$el)?.querySelector(".ag-charts-series-area")?.getBoundingClientRect();
 			if (!r) return null;
-			let l = Vp(t, Bp(o.value.length || 1, i.value && n.value)), u = e.formatValue ? e.formatValue(e.value) : c(e.value);
-			return a.value ? {
+			let c = Vp(t, Bp(a.value.length || 1, n.value)), l = e.formatValue ? e.formatValue(e.value) : s(e.value);
+			return i.value ? {
 				label: e.label,
-				value: u,
+				value: l,
 				arrowClass: "ag-charts-tooltip--arrow-left",
 				style: {
 					"--left": `${r.left + 8}px`,
-					"--top": `${r.top + (1 - l) * r.height}px`,
+					"--top": `${r.top + (1 - c) * r.height}px`,
 					transform: "translateY(-50%)",
 					pointerEvents: "none"
 				}
 			} : {
 				label: e.label,
-				value: u,
+				value: l,
 				arrowClass: "ag-charts-tooltip--arrow-bottom",
 				style: {
-					"--left": `${r.left + l * r.width}px`,
+					"--left": `${r.left + c * r.width}px`,
 					"--top": `${r.top - 8}px`,
 					transform: "translate(-50%, -100%)",
 					pointerEvents: "none"
@@ -13967,10 +13970,6 @@ var Kp = { style: {
 			type: Boolean,
 			default: !0
 		},
-		useDistributionV2Styling: {
-			type: Boolean,
-			default: !1
-		},
 		initialChartData: {},
 		enableChartScrolling: {
 			type: Boolean,
@@ -14374,7 +14373,7 @@ var Kp = { style: {
 				});
 			}
 		});
-		let Be = (e) => e?.label ?? "", Ve = r(() => Be(ne(V.value, Q.value))), He = r(() => ne(H.value, Ne.value)), Ue = r(() => Be(He.value)), We = r(() => Oe.value.isHorizontal === !0), Ge = r(() => P.value.length > 1), Ke = r(() => !we.value || V.value.length === 0 ? [] : Oe.value.seriesFamily === "pie" ? Qe.value : Ze.value), qe = r(() => we.value?.id === "histogram" && l.useDistributionV2Styling ? !1 : l.showSeriesLabels), Je = r(() => we.value?.id.includes("stacked")), Ye = r(() => P.value.length > 1), Xe = r(() => we.value?.id === "histogram" && at.value && at.value.length > 0 && typeof at.value[0]?.bucketMin == "number" && typeof at.value[0]?.bucketMax == "number"), Ze = r(() => {
+		let Be = (e) => e?.label ?? "", Ve = r(() => Be(ne(V.value, Q.value))), He = r(() => ne(H.value, Ne.value)), Ue = r(() => Be(He.value)), We = r(() => Oe.value.isHorizontal === !0), Ge = r(() => P.value.length > 1), Ke = r(() => !we.value || V.value.length === 0 ? [] : Oe.value.seriesFamily === "pie" ? Qe.value : Ze.value), qe = r(() => we.value?.id === "histogram" ? !1 : l.showSeriesLabels), Je = r(() => we.value?.id.includes("stacked")), Ye = r(() => P.value.length > 1), Xe = r(() => we.value?.id === "histogram" && at.value && at.value.length > 0 && typeof at.value[0]?.bucketMin == "number" && typeof at.value[0]?.bucketMax == "number"), Ze = r(() => {
 			let e = Je.value, t = Oe.value.agChartType, n = [], r = ve(Q.value, !0), i = ve(Fe.value?.fieldName, !0), a = (e) => t === "line" ? {} : { placement: e };
 			if (Ge.value) Fe.value?.fieldValues.forEach((o) => {
 				let s = {
@@ -14475,7 +14474,7 @@ var Kp = { style: {
 					label: { enabled: !1 },
 					tooltip: { enabled: !1 },
 					visible: !1
-				}, { categoryPadOffset: i } = Bp(e, Xe.value && l.useDistributionV2Styling), a = {
+				}, { categoryPadOffset: i } = Bp(e, !0), a = {
 					type: "scatter",
 					xKey: "__dummy_x__",
 					yKey: "__dummy_y__",
@@ -14678,7 +14677,6 @@ var Kp = { style: {
 			return e;
 		}), { activeCrosslineOverlayGroups: st, resolvedCrosslineOverlays: ct, chipSections: lt, hoveredBenchmarkKey: ut, hoveredCrosslineTooltip: dt } = Gp({
 			crosslineOverlayGroups: Pe,
-			useDistributionV2Styling: r(() => l.useDistributionV2Styling),
 			isHistogramWithBuckets: Xe,
 			isHorizontalBarChart: We,
 			computedChartData: at,
@@ -14777,22 +14775,22 @@ var Kp = { style: {
 		}), zt = r(() => Lt.value || ce.value || !l.isLoading && Rt.value !== ""), Bt = r(() => {
 			let e = {};
 			e.overlays = { noData: { text: "" } };
-			let t = Xe.value && l.useDistributionV2Styling, n = t ? [
+			let t = Xe.value ? [
 				{ [I.value]: Jo },
 				...at.value ?? [],
 				{ [I.value]: Yo }
 			] : at.value;
-			e.data = zt.value ? [] : n, e.legend = {
+			e.data = zt.value ? [] : t, e.legend = {
 				toggleSeries: !1,
 				preventHidingAll: !0,
 				enabled: P.value.length > 1
 			};
-			let r = Ge.value ? Fe.value?.fieldValues.map((e) => Ss(Q.value, e)) || [] : Q.value ? [Q.value] : [], i = (() => {
+			let n = Ge.value ? Fe.value?.fieldValues.map((e) => Ss(Q.value, e)) || [] : Q.value ? [Q.value] : [], r = (() => {
 				if (!Ne.value) return [];
 				let e = Ne.value;
 				return Je.value ? [`${e}${Qo}`] : Ge.value ? Fe.value?.fieldValues.map((t) => Ss(e, String(t))) || [] : [e];
-			})(), a = Oe.value.xAxis.hideLabel === !0 && !t, o = [];
-			if (o.push({
+			})(), i = Oe.value.xAxis.hideLabel === !0 && !Xe.value, a = [];
+			if (a.push({
 				type: "category",
 				keys: [I.value],
 				position: We.value ? "left" : "bottom",
@@ -14810,10 +14808,10 @@ var Kp = { style: {
 					autoRotate: !0,
 					truncate: !1,
 					wrapping: "never",
-					...t ? { spacing: 2 } : {},
+					...Xe.value ? { spacing: 2 } : {},
 					formatter: Os({
-						hideLabel: a,
-						showDistributionRangeLabels: !!t,
+						hideLabel: i,
+						showDistributionRangeLabels: !!Xe.value,
 						chartData: at.value,
 						formatBucketBoundary: Se,
 						columnValueFormatter: ve(I.value),
@@ -14823,71 +14821,71 @@ var Kp = { style: {
 					})
 				},
 				paddingInner: Nt.value,
-				paddingOuter: t ? 0 : Pt.value,
+				paddingOuter: Xe.value ? 0 : Pt.value,
 				groupPaddingInner: Ft.value
 			}), Xe.value && ct.value.length > 0) {
-				let { categoryPadOffset: e, axisMin: n, axisMax: r } = Bp(at.value?.length || 1, t);
-				o.push({
+				let { categoryPadOffset: e, axisMin: t, axisMax: n } = Bp(at.value?.length || 1, !0);
+				a.push({
 					type: "number",
 					keys: ["__dummy_x__"],
 					position: We.value ? "left" : "bottom",
 					crosshair: { enabled: !1 },
-					min: n,
-					max: r,
+					min: t,
+					max: n,
 					nice: !1,
 					label: { enabled: !1 },
 					tick: { enabled: !1 },
 					line: { enabled: !1 },
 					gridLine: { enabled: !1 },
-					crossLines: ct.value.map((n) => {
+					crossLines: ct.value.map((t) => {
 						if (!at.value) return null;
-						let r = zp(n.value, at.value);
-						if (r == null) return null;
-						let i = ut.value != null && n.key === ut.value, a = ut.value != null && !i;
+						let n = zp(t.value, at.value);
+						if (n == null) return null;
+						let r = ut.value != null && t.key === ut.value, i = ut.value != null && !r;
 						return {
 							type: "line",
-							value: r + e,
-							stroke: n.color || (t ? "#E7E2D9" : "#7C8AF4"),
-							strokeWidth: i ? 3 : 2,
-							strokeOpacity: a ? .2 : i ? 1 : .8,
+							value: n + e,
+							stroke: t.color || "#E7E2D9",
+							strokeWidth: r ? 3 : 2,
+							strokeOpacity: i ? .2 : r ? 1 : .8,
 							lineDash: [6, 3]
 						};
 					}).filter((e) => e !== null)
 				});
 			}
-			let s = !!Ne.value, c = s ? He.value?.secondaryAxisMax : void 0, u = s && Number.isFinite(At.value) && At.value < 0, d = s && Number.isFinite(jt.value) && jt.value < 0, f = u || d, p = s ? _s(Ot.value, 5) : 0, m = s ? c ?? _s(kt.value, 5) : 0, h = s && !f && p > 0 && m > 0;
-			if (o.push({
+			let o = !!Ne.value, s = o ? He.value?.secondaryAxisMax : void 0, c = o && Number.isFinite(At.value) && At.value < 0, u = o && Number.isFinite(jt.value) && jt.value < 0, d = c || u, f = o ? _s(Ot.value, 5) : 0, p = o ? s ?? _s(kt.value, 5) : 0, m = o && !d && f > 0 && p > 0;
+			if (a.push({
 				type: "number",
-				keys: r,
+				keys: n,
 				position: We.value ? "bottom" : "left",
-				...h ? {
+				...m ? {
 					min: 0,
-					max: p,
+					max: f,
 					nice: !1,
-					interval: { step: p / 5 }
+					interval: { step: f / 5 }
 				} : {},
 				label: { formatter: ve(Q.value) },
 				title: {
 					enabled: !0,
 					text: Ve.value
 				}
-			}), s && o.push({
+			}), o && a.push({
 				type: "number",
-				keys: i,
+				keys: r,
 				position: We.value ? "top" : "right",
 				crosshair: { enabled: !1 },
-				...h ? {
+				...m ? {
 					min: 0,
-					max: m,
+					max: p,
 					nice: !1,
-					interval: { step: m / 5 }
+					interval: { step: p / 5 }
 				} : {
-					...d ? {} : { min: 0 },
-					...c === void 0 ? {} : {
-						max: c,
+					...u ? {} : { min: 0 },
+					...s === void 0 ? {} : {
+						max: s,
 						nice: !1
 					},
-					...f ? { gridLine: { enabled: !1 } } : {}
+					...d ? { gridLine: { enabled: !1 } } : {}
 				},
 				label: { color: _t },
 				title: {
@@ -14897,7 +14895,7 @@ var Kp = { style: {
 				}
 			}), Xe.value && ct.value.length > 0) {
 				let e = Number.isFinite(Ot.value) ? Ot.value : 0;
-				o.push({
+				a.push({
 					type: "number",
 					keys: ["__dummy_y__"],
 					position: "left",
@@ -14911,7 +14909,7 @@ var Kp = { style: {
 					gridLine: { enabled: !1 }
 				});
 			}
-			return e.axes = o, e.series = Ke.value, e;
+			return e.axes = a, e.series = Ke.value, e;
 		}), Vt = r(() => E.value || l.isLoading && (!at.value || at.value.length === 0)), Ht = r(() => Lt.value || !ce.value && !l.isLoading && Rt.value !== ""), Ut = (e) => {
 			b.value = e, d("chart-collapsed", e);
 		}, Wt = (e) => {