@flux-ui/statistics 3.2.0-beta.7 → 3.2.0-beta.9

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

@@ -6220,7 +6220,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])`,
@@ -9972,38 +9972,38 @@ function Oe$1(e, t, n) {
 	onScopeDispose(o);
 }
 //#endregion
-//#region ../internals/dist/composable-6jMsSnBV.js
-function L$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`:
-				R$1(i, o, c, s, r);
+				R$1(a, o, c, s, i);
 				break;
 			case `horizontal`:
 			case `vertical`:
-				z$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 R$1(e, t, r, i, a) {
+function R$1(e, t, n, r, a) {
 	let o;
 	switch (e.key) {
 		case `ArrowUp`:
@@ -10021,7 +10021,7 @@ function R$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 z$1(e, n, r, i, a, o, s) {
 	let c;
@@ -10038,11 +10038,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
@@ -11087,7 +11083,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 +11095,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 +11254,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 +11266,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 +11751,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 +11771,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 +11849,7 @@ var FluxStatisticsBubbleChart_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
+		tooltipValueFormatter: { type: Function },
 		xAxisLabels: {
 			type: Boolean,
 			default: false
@@ -11865,6 +11867,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 +12135,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 +12143,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);
 		};
 	}
 });
@@ -12486,7 +12488,6 @@ var FluxStatisticsLegend_default = /* @__PURE__ */ defineComponent({
 		const slots = useSlots();
 		const legendContext = inject(FluxStatisticsChartLegendInjectionKey, null);
 		L$1(useTemplateRef("list"), { direction: "bidirectional" });
-		const hasSlot = computed(() => !!slots.default);
 		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 +12505,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 +12940,7 @@ var FluxStatisticsScatterChart_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
+		tooltipValueFormatter: { type: Function },
 		xAxisLabels: {
 			type: Boolean,
 			default: false
@@ -12956,6 +12958,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,