@flux-ui/statistics 3.2.0-beta.0 → 3.2.0-beta.10

package/dist/component/FluxStatisticsBubbleChart.vue.d.ts

@@ -1,11 +1,13 @@
 import { FluxStatisticsChartBubbleSeries } from '@flux-ui/types';
 import { EChartsOption } from '../composable';
+import { ChartTooltipValueFormatter } from '../util';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
     readonly advancedOptions?: EChartsOption;
     readonly series: readonly FluxStatisticsChartBubbleSeries[];
     readonly splitLines?: boolean;
     readonly tooltip?: boolean;
+    readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
     readonly xAxisLabels?: boolean;
     readonly yAxisLabels?: boolean;
 };

package/dist/component/FluxStatisticsScatterChart.vue.d.ts

@@ -1,11 +1,13 @@
 import { FluxStatisticsChartScatterSeries } from '@flux-ui/types';
 import { EChartsOption } from '../composable';
+import { ChartTooltipValueFormatter } from '../util';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
     readonly advancedOptions?: EChartsOption;
     readonly series: readonly FluxStatisticsChartScatterSeries[];
     readonly splitLines?: boolean;
     readonly tooltip?: boolean;
+    readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
     readonly xAxisLabels?: boolean;
     readonly yAxisLabels?: boolean;
 };

package/dist/composable/useChartBaseSetup.d.ts

@@ -1,8 +1,5 @@
-import { ComputedRef } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { EChartsInstance } from './useECharts';
 export interface UseChartBaseSetupReturn {
     readonly t: ReturnType<typeof useI18n>['t'];
-    readonly chartInstance: ComputedRef<EChartsInstance | null>;
 }
 export declare function useChartBaseSetup(): UseChartBaseSetupReturn;

package/dist/index.css

@@ -260,6 +260,8 @@
   position: relative;
   display: block;
   align-self: center;
+  min-height: var(--min-height, auto);
+  max-height: var(--max-height, none);
 }
 
 .pane-header + .statistics-chart-pane-container {

package/dist/index.js

@@ -788,7 +788,11 @@ var Locale = class Locale {
 	}
 	static create(locale, numberingSystem, outputCalendar, weekSettings, defaultToEN = false) {
 		const specifiedLocale = locale || Settings.defaultLocale;
-		return new Locale(specifiedLocale || (defaultToEN ? "en-US" : systemLocale()), numberingSystem || Settings.defaultNumberingSystem, outputCalendar || Settings.defaultOutputCalendar, validateWeekSettings(weekSettings) || Settings.defaultWeekSettings, specifiedLocale);
+		const localeR = specifiedLocale || (defaultToEN ? "en-US" : systemLocale());
+		const numberingSystemR = numberingSystem || Settings.defaultNumberingSystem;
+		const outputCalendarR = outputCalendar || Settings.defaultOutputCalendar;
+		const weekSettingsR = validateWeekSettings(weekSettings) || Settings.defaultWeekSettings;
+		return new Locale(localeR, numberingSystemR, outputCalendarR, weekSettingsR, specifiedLocale);
 	}
 	static resetCache() {
 		sysLocaleCache = null;
@@ -6183,7 +6187,7 @@ function friendlyDateTime(dateTimeish) {
 	else throw new InvalidArgumentError(`Unknown datetime argument: ${dateTimeish}, of type ${typeof dateTimeish}`);
 }
 //#endregion
-//#region ../../node_modules/.bun/@basmilius+utils@3.45.0+f2ed1ec6a4c7f7fd/node_modules/@basmilius/utils/dist/index.mjs
+//#region ../../node_modules/.bun/@basmilius+utils@3.50.0+f2ed1ec6a4c7f7fd/node_modules/@basmilius/utils/dist/index.mjs
 function p$3(e, t = 0) {
 	let n = typeof navigator < `u` ? navigator.language : `nl-NL`;
 	return new Intl.NumberFormat(n, {
@@ -6220,7 +6224,7 @@ function K$1(e, t, n) {
 	Object.defineProperty(e, t, { value: n });
 }
 //#endregion
-//#region ../internals/dist/util-DjGcg63Z.js
+//#region ../internals/dist/util-vNzwiqjo.js
 var o$1 = [
 	`a[href]:not([disabled])`,
 	`button:not([disabled])`,
@@ -7261,7 +7265,7 @@ var convertLchToLab = ({ l, c, h, alpha }, mode = "lab") => {
 };
 //#endregion
 //#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/xyz65/constants.js
-var k$3 = Math.pow(29, 3) / Math.pow(3, 3);
+var k$4 = Math.pow(29, 3) / Math.pow(3, 3);
 var e$3 = Math.pow(6, 3) / Math.pow(29, 3);
 //#endregion
 //#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/constants.js
@@ -7279,7 +7283,7 @@ Math.pow(29, 3) / Math.pow(3, 3);
 Math.pow(6, 3) / Math.pow(29, 3);
 //#endregion
 //#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lab65/convertLab65ToXyz65.js
-var fn$2 = (v) => Math.pow(v, 3) > e$3 ? Math.pow(v, 3) : (116 * v - 16) / k$3;
+var fn$2 = (v) => Math.pow(v, 3) > e$3 ? Math.pow(v, 3) : (116 * v - 16) / k$4;
 var convertLab65ToXyz65 = ({ l, a, b, alpha }) => {
 	if (l === void 0) l = 0;
 	if (a === void 0) a = 0;
@@ -7301,7 +7305,7 @@ var convertLab65ToXyz65 = ({ l, a, b, alpha }) => {
 var convertLab65ToRgb = (lab) => convertXyz65ToRgb(convertLab65ToXyz65(lab));
 //#endregion
 //#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lab65/convertXyz65ToLab65.js
-var f$2 = (value) => value > e$3 ? Math.cbrt(value) : (k$3 * value + 16) / 116;
+var f$2 = (value) => value > e$3 ? Math.cbrt(value) : (k$4 * value + 16) / 116;
 var convertXyz65ToLab65 = ({ x, y, z, alpha }) => {
 	if (x === void 0) x = 0;
 	if (y === void 0) y = 0;
@@ -8163,11 +8167,11 @@ var definition$16 = {
 };
 //#endregion
 //#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/xyz50/constants.js
-var k$1 = Math.pow(29, 3) / Math.pow(3, 3);
+var k$2 = Math.pow(29, 3) / Math.pow(3, 3);
 var e$1 = Math.pow(6, 3) / Math.pow(29, 3);
 //#endregion
 //#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lab/convertLabToXyz50.js
-var fn$1 = (v) => Math.pow(v, 3) > e$1 ? Math.pow(v, 3) : (116 * v - 16) / k$1;
+var fn$1 = (v) => Math.pow(v, 3) > e$1 ? Math.pow(v, 3) : (116 * v - 16) / k$2;
 var convertLabToXyz50 = ({ l, a, b, alpha }) => {
 	if (l === void 0) l = 0;
 	if (a === void 0) a = 0;
@@ -8216,7 +8220,7 @@ var convertRgbToXyz50 = (rgb) => {
 };
 //#endregion
 //#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lab/convertXyz50ToLab.js
-var f$1 = (value) => value > e$1 ? Math.cbrt(value) : (k$1 * value + 16) / 116;
+var f$1 = (value) => value > e$1 ? Math.cbrt(value) : (k$2 * value + 16) / 116;
 var convertXyz50ToLab = ({ x, y, z, alpha }) => {
 	if (x === void 0) x = 0;
 	if (y === void 0) y = 0;
@@ -8422,7 +8426,7 @@ var u_fn$1 = (x, y, z) => 4 * x / (x + 15 * y + 3 * z);
 var v_fn$1 = (x, y, z) => 9 * y / (x + 15 * y + 3 * z);
 var un$2 = u_fn$1(D50.X, D50.Y, D50.Z);
 var vn$2 = v_fn$1(D50.X, D50.Y, D50.Z);
-var l_fn = (value) => value <= e$1 ? k$1 * value : 116 * Math.cbrt(value) - 16;
+var l_fn = (value) => value <= e$1 ? k$2 * value : 116 * Math.cbrt(value) - 16;
 var convertXyz50ToLuv = ({ x, y, z, alpha }) => {
 	if (x === void 0) x = 0;
 	if (y === void 0) y = 0;
@@ -8462,7 +8466,7 @@ var convertLuvToXyz50 = ({ l, u, v, alpha }) => {
 	if (v === void 0) v = 0;
 	let up = u / (13 * l) + un$1;
 	let vp = v / (13 * l) + vn$1;
-	let y = D50.Y * (l <= 8 ? l / k$1 : Math.pow((l + 16) / 116, 3));
+	let y = D50.Y * (l <= 8 ? l / k$2 : Math.pow((l + 16) / 116, 3));
 	let res = {
 		mode: "xyz50",
 		x: y * (9 * up) / (4 * vp),
@@ -9428,7 +9432,7 @@ useMode(definition$2);
 useMode(definition$1);
 useMode(definition);
 //#endregion
-//#region ../../node_modules/.bun/@basmilius+http-client@3.45.0+4ee6465b33b5b900/node_modules/@basmilius/http-client/dist/index.mjs
+//#region ../../node_modules/.bun/@basmilius+http-client@3.50.0+2111c3e180df0f85/node_modules/@basmilius/http-client/dist/index.mjs
 function adapter_default(Parent) {
 	return class extends Parent {
 		constructor(...args) {
@@ -9972,38 +9976,38 @@ function Oe$1(e, t, n) {
 	onScopeDispose(o);
 }
 //#endregion
-//#region ../internals/dist/composable-ByAxh3HA.js
-function R$1(e, { cycle: t = !0, direction: n = `bidirectional`, ignore: r } = {}) {
-	we$1(e, () => s(o(), !1), {
+//#region ../internals/dist/composable-Cr4VA1Rs.js
+function L$1(e, { cycle: t = !0, direction: r = `bidirectional`, ignore: i } = {}) {
+	we$1(e, () => s(a(), !1), {
 		childList: !0,
 		subtree: !0
 	});
-	function o() {
-		let t = s$1(G$1(e), r), n = t.findIndex((e) => _$1(e) && !e.hasAttribute(`aria-disabled`)), o = t.findIndex((e) => !e.hasAttribute(`aria-disabled`));
-		return n > -1 ? n : o > -1 ? o : 0;
+	function a() {
+		let t = s$1(G$1(e), i), r = t.findIndex((e) => _$1(e) && !e.hasAttribute(`aria-disabled`)), a = t.findIndex((e) => !e.hasAttribute(`aria-disabled`));
+		return r > -1 ? r : a > -1 ? a : 0;
 	}
-	function s(t, n = !0) {
-		let i = s$1(G$1(e), r);
-		i.forEach((e, n) => e.tabIndex = n === t ? 0 : -1), n && i[t]?.focus();
+	function s(t, r = !0) {
+		let a = s$1(G$1(e), i);
+		a.forEach((e, n) => e.tabIndex = n === t ? 0 : -1), r && a[t]?.focus();
 	}
-	function c(i) {
-		let o = G$1(e), c = s$1(o, r);
-		if (![`Enter`, ` `].includes(i.key)) switch (n) {
+	function c(a) {
+		let o = G$1(e), c = s$1(o, i);
+		if (![`Enter`, ` `].includes(a.key)) switch (r) {
 			case `bidirectional`:
-				z$1(i, o, c, s, r);
+				R$1(a, o, c, s, i);
 				break;
 			case `horizontal`:
 			case `vertical`:
-				B$1(i, o, t, n, c, s, r);
+				z$1(a, o, t, r, c, s, i);
 				break;
 		}
 	}
 	watch(e, (t, n, r) => {
 		let i = G$1(e);
-		i && (i.addEventListener(`keydown`, c), s(o(), !1), r(() => i.removeEventListener(`keydown`, c)));
+		i && (i.addEventListener(`keydown`, c), s(a(), !1), r(() => i.removeEventListener(`keydown`, c)));
 	}, { immediate: !0 });
 }
-function z$1(e, t, r, i, a) {
+function R$1(e, t, n, r, a) {
 	let o;
 	switch (e.key) {
 		case `ArrowUp`:
@@ -10021,9 +10025,9 @@ function z$1(e, t, r, i, a) {
 		default: return;
 	}
 	let s = c$2(t, document.activeElement, o, a);
-	s && i(r.indexOf(s)), e.preventDefault();
+	s && r(n.indexOf(s)), e.preventDefault();
 }
-function B$1(e, n, r, i, a, o, s) {
+function z$1(e, n, r, i, a, o, s) {
 	let c;
 	if (e.key === (i === `horizontal` ? `ArrowLeft` : `ArrowUp`)) c = -1;
 	else if (e.key === (i === `horizontal` ? `ArrowRight` : `ArrowDown`)) c = 1;
@@ -10038,11 +10042,7 @@ var oe = `#ef4444`, _e = `#f97316`, Oe = `#f59e0b`, ze = `#eab308`, Xe = `#84cc1
 //#region src/composable/useChartBaseSetup.ts
 function useChartBaseSetup() {
 	const { t } = useI18n({ useScope: "parent" });
-	const chartRef = useTemplateRef("chartRef");
-	return {
-		t,
-		chartInstance: computed(() => chartRef.value?.chartInstance ?? null)
-	};
+	return { t };
 }
 //#endregion
 //#region src/composable/useChartLegend.ts
@@ -10713,7 +10713,8 @@ function buildBoxPlotTooltip(input) {
 		const point = s?.data[dataIndex];
 		if (!s || !point) return "";
 		const color = palette[seriesIndex % palette.length];
-		return renderTooltip(t, styles, [s.name ? t(String(s.name)) : "", point.label ? t(String(point.label)) : ""].filter(Boolean).join(" — "), [
+		const title = [s.name ? t(String(s.name)) : "", point.label ? t(String(point.label)) : ""].filter(Boolean).join(" — ");
+		const items = [
 			{
 				name: "Min",
 				value: point.min,
@@ -10739,7 +10740,8 @@ function buildBoxPlotTooltip(input) {
 				value: point.max,
 				color
 			}
-		]);
+		];
+		return renderTooltip(t, styles, title, items);
 	};
 	return { tooltip: {
 		show: true,
@@ -10763,7 +10765,8 @@ function buildCandlestickTooltip(input) {
 		const positive = resolveChartColor(s.positiveColor) ?? "var(--success-500)";
 		const negative = resolveChartColor(s.negativeColor) ?? "var(--danger-500)";
 		const color = point.close >= point.open ? positive : negative;
-		return renderTooltip(t, styles, [s.name ? t(String(s.name)) : "", point.label ? t(String(point.label)) : ""].filter(Boolean).join(" — "), [
+		const title = [s.name ? t(String(s.name)) : "", point.label ? t(String(point.label)) : ""].filter(Boolean).join(" — ");
+		const items = [
 			{
 				name: "Open",
 				value: point.open,
@@ -10784,7 +10787,8 @@ function buildCandlestickTooltip(input) {
 				value: point.high,
 				color
 			}
-		]);
+		];
+		return renderTooltip(t, styles, title, items);
 	};
 	return { tooltip: {
 		show: true,
@@ -10830,12 +10834,14 @@ function buildGaugeTooltip(input) {
 		const s = series[seriesIndex];
 		if (!s) return "";
 		const color = palette[seriesIndex % palette.length];
-		return renderTooltip(t, styles, s.name ? t(String(s.name)) : "", [{
+		const title = s.name ? t(String(s.name)) : "";
+		const items = [{
 			name: "",
 			value: s.value,
 			color,
 			icon: s.icon
-		}]);
+		}];
+		return renderTooltip(t, styles, title, items);
 	};
 	return { tooltip: {
 		show: true,
@@ -10856,11 +10862,13 @@ function buildHeatmapTooltip(input) {
 		const s = series[seriesIndex];
 		const point = s?.data[dataIndex];
 		if (!s || !point) return "";
-		return renderTooltip(t, styles, [s.name ? t(String(s.name)) : "", `${t(String(point.x))} · ${t(String(point.y))}`].filter(Boolean).join(" — "), [{
+		const title = [s.name ? t(String(s.name)) : "", `${t(String(point.x))} · ${t(String(point.y))}`].filter(Boolean).join(" — ");
+		const items = [{
 			name: "",
 			value: point.formatted ?? point.value,
 			color: "var(--primary-600)"
-		}]);
+		}];
+		return renderTooltip(t, styles, title, items);
 	};
 	return { tooltip: {
 		show: true,
@@ -10882,11 +10890,13 @@ function buildRadarTooltip(input) {
 		const ring = series[ringIndex];
 		if (!ring) return "";
 		const color = palette[ringIndex % palette.length];
-		return renderTooltip(t, styles, ring.name ? t(String(ring.name)) : "", indicators.map((indicator, idx) => ({
+		const title = ring.name ? t(String(ring.name)) : "";
+		const items = indicators.map((indicator, idx) => ({
 			name: indicator.name,
 			value: ring.values[idx] ?? "",
 			color
-		})));
+		}));
+		return renderTooltip(t, styles, title, items);
 	};
 	return { tooltip: {
 		show: true,
@@ -10904,7 +10914,8 @@ function buildSharedItemTooltip(input) {
 		const items = getItems();
 		const activeIndex = param.dataIndex ?? -1;
 		const rawTitle = getTitle?.() ?? "";
-		return renderTooltip(t, styles, rawTitle ? t(String(rawTitle)) : "", items, activeIndex, valueFormatter);
+		const title = rawTitle ? t(String(rawTitle)) : "";
+		return renderTooltip(t, styles, title, items, activeIndex, valueFormatter);
 	};
 	return { tooltip: {
 		show: true,
@@ -10922,11 +10933,13 @@ function buildTreemapTooltip(input) {
 		const data = param.data;
 		if (!data) return "";
 		const color = data.itemStyle?.color ?? param.color ?? "var(--primary-600)";
-		return renderTooltip(t, styles, data.name ? t(String(data.name)) : "", [{
+		const title = data.name ? t(String(data.name)) : "";
+		const items = [{
 			name: "",
 			value: data.value ?? "",
 			color
-		}]);
+		}];
+		return renderTooltip(t, styles, title, items);
 	};
 	return { tooltip: {
 		show: true,
@@ -11087,7 +11100,7 @@ function buildBoxPlotChartOptions(input) {
 //#endregion
 //#region src/util/options/cartesian/buildBubbleChartOptions.ts
 function buildBubbleChartOptions(input) {
-	const { series, palette, t, styles, tooltip = false, xAxisLabels = false, yAxisLabels = false, splitLines = false, advancedOptions = {} } = input;
+	const { series, palette, t, styles, tooltip = false, tooltipValueFormatter, xAxisLabels = false, yAxisLabels = false, splitLines = false, advancedOptions = {} } = input;
 	return merge({}, buildCartesianBaseOptions({
 		xAxisType: "value",
 		yAxisType: "value",
@@ -11099,7 +11112,8 @@ function buildBubbleChartOptions(input) {
 	}), tooltip ? buildCartesianTooltip({
 		t,
 		styles,
-		getSeriesIcons: () => series.map((s) => s.icon)
+		getSeriesIcons: () => series.map((s) => s.icon),
+		valueFormatter: tooltipValueFormatter
 	}) : { tooltip: { show: false } }, advancedOptions, {
 		series: series.map((s, i) => toBubbleSeries({
 			...s,
@@ -11257,7 +11271,7 @@ function buildMixedChartOptions(input) {
 //#endregion
 //#region src/util/options/cartesian/buildScatterChartOptions.ts
 function buildScatterChartOptions(input) {
-	const { series, palette, t, styles, tooltip = false, xAxisLabels = false, yAxisLabels = false, splitLines = false, advancedOptions = {} } = input;
+	const { series, palette, t, styles, tooltip = false, tooltipValueFormatter, xAxisLabels = false, yAxisLabels = false, splitLines = false, advancedOptions = {} } = input;
 	return merge({}, buildCartesianBaseOptions({
 		xAxisType: "value",
 		yAxisType: "value",
@@ -11269,7 +11283,8 @@ function buildScatterChartOptions(input) {
 	}), tooltip ? buildCartesianTooltip({
 		t,
 		styles,
-		getSeriesIcons: () => series.map((s) => s.icon)
+		getSeriesIcons: () => series.map((s) => s.icon),
+		valueFormatter: tooltipValueFormatter
 	}) : { tooltip: { show: false } }, advancedOptions, {
 		series: series.map((s, i) => toScatterSeries({
 			...s,
@@ -11753,13 +11768,16 @@ var FluxStatisticsBase_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(FluxPane), { class: normalizeClass(__props.isSmall ? unref(Base_module_default).statisticsBaseSmall : unref(Base_module_default).statisticsBase) }, {
 				default: withCtx(() => [
-					__props.title ? (openBlock(), createElementBlock("div", {
+					__props.title || __props.icon || slots.info ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						class: normalizeClass(unref(Base_module_default).statisticsBaseHeader)
 					}, [
-						createElementVNode("span", { class: normalizeClass(unref(Base_module_default).statisticsBaseHeaderTitle) }, toDisplayString(__props.title), 3),
-						slots.info ? (openBlock(), createBlock(unref(FluxTooltip), {
+						__props.title ? (openBlock(), createElementBlock("span", {
 							key: 0,
+							class: normalizeClass(unref(Base_module_default).statisticsBaseHeaderTitle)
+						}, toDisplayString(__props.title), 3)) : createCommentVNode("", true),
+						slots.info ? (openBlock(), createBlock(unref(FluxTooltip), {
+							key: 1,
 							direction: "vertical"
 						}, {
 							content: withCtx(() => [renderSlot(_ctx.$slots, "info")]),
@@ -11770,7 +11788,7 @@ var FluxStatisticsBase_default = /* @__PURE__ */ defineComponent({
 							_: 3
 						})) : createCommentVNode("", true),
 						__props.icon ? (openBlock(), createBlock(unref(FluxIcon), {
-							key: 1,
+							key: 2,
 							class: normalizeClass(unref(Base_module_default).statisticsBaseHeaderIcon),
 							name: __props.icon
 						}, null, 8, ["class", "name"])) : createCommentVNode("", true)
@@ -11848,6 +11866,7 @@ var FluxStatisticsBubbleChart_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
+		tooltipValueFormatter: { type: Function },
 		xAxisLabels: {
 			type: Boolean,
 			default: false
@@ -11865,6 +11884,7 @@ var FluxStatisticsBubbleChart_default = /* @__PURE__ */ defineComponent({
 			t,
 			styles: Chart_module_default,
 			tooltip: __props.tooltip,
+			tooltipValueFormatter: __props.tooltipValueFormatter,
 			xAxisLabels: __props.xAxisLabels,
 			yAxisLabels: __props.yAxisLabels,
 			splitLines: __props.splitLines,
@@ -12132,9 +12152,6 @@ var DetailsTable_module_default = {
 	detailsTableTitle: `details-table-title`
 };
 //#endregion
-//#region src/component/FluxStatisticsDetailsTable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$1 = ["aria-label"];
-//#endregion
 //#region src/component/FluxStatisticsDetailsTable.vue
 var FluxStatisticsDetailsTable_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxStatisticsDetailsTable",
@@ -12143,12 +12160,14 @@ var FluxStatisticsDetailsTable_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				role: "table",
-				"aria-label": __props.title,
 				class: normalizeClass(unref(DetailsTable_module_default).detailsTable)
-			}, [createElementVNode("div", { class: normalizeClass(unref(DetailsTable_module_default).detailsTableTitle) }, toDisplayString(__props.title), 3), createElementVNode("div", {
+			}, [createElementVNode("div", {
+				role: "caption",
+				class: normalizeClass(unref(DetailsTable_module_default).detailsTableTitle)
+			}, toDisplayString(__props.title), 3), createElementVNode("div", {
 				role: "rowgroup",
 				class: normalizeClass(unref(DetailsTable_module_default).detailsTableRows)
-			}, [renderSlot(_ctx.$slots, "default")], 2)], 10, _hoisted_1$1);
+			}, [renderSlot(_ctx.$slots, "default")], 2)], 2);
 		};
 	}
 });
@@ -12485,8 +12504,7 @@ var FluxStatisticsLegend_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const slots = useSlots();
 		const legendContext = inject(FluxStatisticsChartLegendInjectionKey, null);
-		R$1(useTemplateRef("list"), { direction: "bidirectional" });
-		const hasSlot = computed(() => !!slots.default);
+		L$1(useTemplateRef("list"), { direction: "bidirectional" });
 		const autoItems = computed(() => legendContext?.items.value ?? []);
 		const containerClass = computed(() => {
 			if (__props.variant === "compact") return clsx(Legend_module_default.statisticsLegendCompact, __props.direction === "vertical" ? Legend_module_default.isVertical : Legend_module_default.isHorizontal);
@@ -12504,7 +12522,7 @@ var FluxStatisticsLegend_default = /* @__PURE__ */ defineComponent({
 				ref: "list",
 				role: "list",
 				class: normalizeClass(containerClass.value)
-			}, [hasSlot.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(autoItems.value, (item, index) => {
+			}, [unref(slots).default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(autoItems.value, (item, index) => {
 				return openBlock(), createBlock(FluxStatisticsLegendItem_default, {
 					key: `${index}-${item.label}`,
 					color: item.color,
@@ -12939,6 +12957,7 @@ var FluxStatisticsScatterChart_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
+		tooltipValueFormatter: { type: Function },
 		xAxisLabels: {
 			type: Boolean,
 			default: false
@@ -12956,6 +12975,7 @@ var FluxStatisticsScatterChart_default = /* @__PURE__ */ defineComponent({
 			t,
 			styles: Chart_module_default,
 			tooltip: __props.tooltip,
+			tooltipValueFormatter: __props.tooltipValueFormatter,
 			xAxisLabels: __props.xAxisLabels,
 			yAxisLabels: __props.yAxisLabels,
 			splitLines: __props.splitLines,