@flux-ui/statistics 3.0.0-next.68 → 3.0.0-next.70

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/dist/component/FluxStatisticsLegendScope.vue.d.ts +13 -0
  2. package/dist/component/FluxStatisticsPercentageBar.vue.d.ts +8 -0
  3. package/dist/component/index.d.ts +2 -0
  4. package/dist/composable/index.d.ts +4 -2
  5. package/dist/composable/useChartBaseSetup.d.ts +8 -0
  6. package/dist/composable/{usePieSlicesSetup.d.ts → useChartSlicesSetup.d.ts} +2 -2
  7. package/dist/index.css +67 -32
  8. package/dist/index.js +917 -517
  9. package/dist/index.js.map +1 -1
  10. package/dist/util/index.d.ts +5 -6
  11. package/dist/util/options/buildBaseOptions.d.ts +2 -0
  12. package/dist/util/{baseOptions.d.ts → options/buildCartesianBaseOptions.d.ts} +4 -6
  13. package/dist/util/options/buildCircularBaseOptions.d.ts +2 -0
  14. package/dist/util/options/cartesian/buildAreaChartOptions.d.ts +17 -0
  15. package/dist/util/options/cartesian/buildBarChartOptions.d.ts +17 -0
  16. package/dist/util/options/cartesian/buildBoxPlotChartOptions.d.ts +16 -0
  17. package/dist/util/options/cartesian/buildBubbleChartOptions.d.ts +15 -0
  18. package/dist/util/options/cartesian/buildCandlestickChartOptions.d.ts +17 -0
  19. package/dist/util/options/cartesian/buildHeatmapChartOptions.d.ts +15 -0
  20. package/dist/util/options/cartesian/buildLineChartOptions.d.ts +17 -0
  21. package/dist/util/options/cartesian/buildMixedChartOptions.d.ts +17 -0
  22. package/dist/util/options/cartesian/buildScatterChartOptions.d.ts +15 -0
  23. package/dist/util/options/cartesian/index.d.ts +18 -0
  24. package/dist/util/options/circular/buildDonutChartOptions.d.ts +15 -0
  25. package/dist/util/options/circular/buildGaugeChartOptions.d.ts +14 -0
  26. package/dist/util/options/circular/buildPieChartOptions.d.ts +15 -0
  27. package/dist/util/options/circular/buildPolarAreaChartOptions.d.ts +15 -0
  28. package/dist/util/options/circular/buildRadarChartOptions.d.ts +13 -0
  29. package/dist/util/options/circular/buildTreemapChartOptions.d.ts +12 -0
  30. package/dist/util/options/circular/index.d.ts +12 -0
  31. package/dist/util/options/index.d.ts +6 -0
  32. package/dist/util/series/chartColors.d.ts +3 -0
  33. package/dist/util/{convert.d.ts → series/converters.d.ts} +1 -6
  34. package/dist/util/series/index.d.ts +4 -0
  35. package/dist/util/series/labels.d.ts +5 -0
  36. package/dist/util/tooltips/buildBoxPlotTooltip.d.ts +22 -0
  37. package/dist/util/tooltips/buildCartesianTooltip.d.ts +10 -0
  38. package/dist/util/tooltips/buildGaugeTooltip.d.ts +14 -0
  39. package/dist/util/tooltips/buildHeatmapTooltip.d.ts +17 -0
  40. package/dist/util/tooltips/buildRadarTooltip.d.ts +11 -0
  41. package/dist/util/tooltips/buildSharedItemTooltip.d.ts +10 -0
  42. package/dist/util/tooltips/buildTreemapTooltip.d.ts +12 -0
  43. package/dist/util/tooltips/index.d.ts +15 -0
  44. package/dist/util/tooltips/render.d.ts +4 -0
  45. package/dist/util/tooltips/types.d.ts +24 -0
  46. package/package.json +13 -13
  47. package/src/component/FluxStatisticsAreaChart.vue +15 -19
  48. package/src/component/FluxStatisticsBarChart.vue +15 -19
  49. package/src/component/FluxStatisticsBoxPlotChart.vue +14 -34
  50. package/src/component/FluxStatisticsBubbleChart.vue +13 -23
  51. package/src/component/FluxStatisticsCandlestickChart.vue +14 -45
  52. package/src/component/FluxStatisticsChart.vue +2 -2
  53. package/src/component/FluxStatisticsChartPane.vue +12 -13
  54. package/src/component/FluxStatisticsDonutChart.vue +15 -24
  55. package/src/component/FluxStatisticsHeatmapChart.vue +15 -48
  56. package/src/component/FluxStatisticsLegendScope.vue +16 -0
  57. package/src/component/FluxStatisticsLineChart.vue +15 -19
  58. package/src/component/FluxStatisticsMixedChart.vue +15 -18
  59. package/src/component/FluxStatisticsPercentageBar.vue +90 -0
  60. package/src/component/FluxStatisticsPieChart.vue +15 -24
  61. package/src/component/FluxStatisticsPolarAreaChart.vue +15 -24
  62. package/src/component/FluxStatisticsRadarChart.vue +11 -79
  63. package/src/component/FluxStatisticsRadialBar.vue +11 -20
  64. package/src/component/FluxStatisticsScatterChart.vue +13 -23
  65. package/src/component/FluxStatisticsTreemapChart.vue +11 -15
  66. package/src/component/index.ts +2 -0
  67. package/src/composable/index.ts +4 -2
  68. package/src/composable/useChartBaseSetup.ts +16 -0
  69. package/src/composable/{usePieSlicesSetup.ts → useChartSlicesSetup.ts} +3 -3
  70. package/src/css/Chart.module.scss +10 -15
  71. package/src/css/ChartPane.module.scss +3 -10
  72. package/src/css/Empty.module.scss +2 -2
  73. package/src/css/Legend.module.scss +16 -8
  74. package/src/css/Meter.module.scss +1 -0
  75. package/src/css/PercentageBar.module.scss +36 -0
  76. package/src/util/index.ts +5 -6
  77. package/src/util/options/buildBaseOptions.ts +31 -0
  78. package/src/util/{baseOptions.ts → options/buildCartesianBaseOptions.ts} +15 -22
  79. package/src/util/options/buildCircularBaseOptions.ts +10 -0
  80. package/src/util/options/cartesian/buildAreaChartOptions.ts +44 -0
  81. package/src/util/options/cartesian/buildBarChartOptions.ts +44 -0
  82. package/src/util/options/cartesian/buildBoxPlotChartOptions.ts +63 -0
  83. package/src/util/options/cartesian/buildBubbleChartOptions.ts +48 -0
  84. package/src/util/options/cartesian/buildCandlestickChartOptions.ts +77 -0
  85. package/src/util/options/cartesian/buildHeatmapChartOptions.ts +72 -0
  86. package/src/util/options/cartesian/buildLineChartOptions.ts +44 -0
  87. package/src/util/options/cartesian/buildMixedChartOptions.ts +44 -0
  88. package/src/util/options/cartesian/buildScatterChartOptions.ts +48 -0
  89. package/src/util/options/cartesian/index.ts +18 -0
  90. package/src/util/options/circular/buildDonutChartOptions.ts +31 -0
  91. package/src/util/options/circular/buildGaugeChartOptions.ts +45 -0
  92. package/src/util/options/circular/buildPieChartOptions.ts +31 -0
  93. package/src/util/options/circular/buildPolarAreaChartOptions.ts +31 -0
  94. package/src/util/options/circular/buildRadarChartOptions.ts +52 -0
  95. package/src/util/options/circular/buildTreemapChartOptions.ts +28 -0
  96. package/src/util/options/circular/index.ts +12 -0
  97. package/src/util/options/index.ts +6 -0
  98. package/src/util/series/chartColors.ts +20 -0
  99. package/src/util/{convert.ts → series/converters.ts} +2 -44
  100. package/src/util/series/index.ts +4 -0
  101. package/src/util/series/labels.ts +30 -0
  102. package/src/util/tooltips/buildBoxPlotTooltip.ts +66 -0
  103. package/src/util/tooltips/buildCartesianTooltip.ts +44 -0
  104. package/src/util/tooltips/buildGaugeTooltip.ts +49 -0
  105. package/src/util/tooltips/buildHeatmapTooltip.ts +57 -0
  106. package/src/util/tooltips/buildRadarTooltip.ts +53 -0
  107. package/src/util/tooltips/buildSharedItemTooltip.ts +38 -0
  108. package/src/util/tooltips/buildTreemapTooltip.ts +49 -0
  109. package/src/util/tooltips/index.ts +15 -0
  110. package/src/util/tooltips/render.ts +66 -0
  111. package/src/util/tooltips/types.ts +29 -0
  112. package/dist/util/defaultOptions.d.ts +0 -76
  113. package/src/util/defaultOptions.ts +0 -398
  114. /package/dist/util/{iconSvg.d.ts → icons.d.ts} +0 -0
  115. /package/dist/util/{seriesDefaults.d.ts → series/defaults.d.ts} +0 -0
  116. /package/dist/util/{sparklineOptions.d.ts → sparkline.d.ts} +0 -0
  117. /package/src/util/{iconSvg.ts → icons.ts} +0 -0
  118. /package/src/util/{seriesDefaults.ts → series/defaults.ts} +0 -0
  119. /package/src/util/{sparklineOptions.ts → sparkline.ts} +0 -0
@@ -1,7 +1,6 @@
1
- export * from './baseOptions';
2
1
  export * from './colors';
3
- export * from './convert';
4
- export * from './defaultOptions';
5
- export * from './iconSvg';
6
- export * from './seriesDefaults';
7
- export * from './sparklineOptions';
2
+ export * from './icons';
3
+ export * from './options';
4
+ export * from './series';
5
+ export * from './sparkline';
6
+ export * from './tooltips';
@@ -0,0 +1,2 @@
1
+ import { EChartsOption } from '../../composable';
2
+ export declare function buildBaseOptions(): EChartsOption;
@@ -1,5 +1,5 @@
1
- import { EChartsOption } from '../composable';
2
- interface CartesianBaseConfig {
1
+ import { EChartsOption } from '../../composable';
2
+ export interface CartesianBaseConfig {
3
3
  readonly xAxisType?: 'category' | 'value';
4
4
  readonly yAxisType?: 'value' | 'category';
5
5
  readonly scale?: boolean;
@@ -7,9 +7,7 @@ interface CartesianBaseConfig {
7
7
  readonly xAxisLabels?: boolean;
8
8
  readonly yAxisLabels?: boolean;
9
9
  readonly splitLines?: boolean;
10
+ readonly minPadding?: number;
10
11
  }
11
- export declare function buildCartesianGrid(xAxisLabels: boolean, yAxisLabels: boolean): EChartsOption['grid'];
12
+ export declare function buildCartesianGrid(xAxisLabels: boolean, yAxisLabels: boolean, minPadding?: number): EChartsOption['grid'];
12
13
  export declare function buildCartesianBaseOptions(config?: CartesianBaseConfig): EChartsOption;
13
- export declare const POLAR_BASE_OPTIONS: EChartsOption;
14
- export declare const SPARKLINE_AXIS_BASE: EChartsOption;
15
- export {};
@@ -0,0 +1,2 @@
1
+ import { EChartsOption } from '../../composable';
2
+ export declare function buildCircularBaseOptions(): EChartsOption;
@@ -0,0 +1,17 @@
1
+ import { FluxStatisticsChartAreaSeries } from '@flux-ui/types';
2
+ import { EChartsOption } from '../../../composable';
3
+ import { ChartTooltipValueFormatter, TooltipStyleClasses, Translator } from '../../tooltips';
4
+ export interface AreaChartOptionsInput {
5
+ readonly series: readonly FluxStatisticsChartAreaSeries[];
6
+ readonly labels?: readonly string[];
7
+ readonly palette: readonly string[];
8
+ readonly t: Translator;
9
+ readonly styles: TooltipStyleClasses;
10
+ readonly tooltip?: boolean;
11
+ readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
12
+ readonly xAxisLabels?: boolean;
13
+ readonly yAxisLabels?: boolean;
14
+ readonly splitLines?: boolean;
15
+ readonly advancedOptions?: EChartsOption;
16
+ }
17
+ export declare function buildAreaChartOptions(input: AreaChartOptionsInput): EChartsOption;
@@ -0,0 +1,17 @@
1
+ import { FluxStatisticsChartBarSeries } from '@flux-ui/types';
2
+ import { EChartsOption } from '../../../composable';
3
+ import { ChartTooltipValueFormatter, TooltipStyleClasses, Translator } from '../../tooltips';
4
+ export interface BarChartOptionsInput {
5
+ readonly series: readonly FluxStatisticsChartBarSeries[];
6
+ readonly labels?: readonly string[];
7
+ readonly palette: readonly string[];
8
+ readonly t: Translator;
9
+ readonly styles: TooltipStyleClasses;
10
+ readonly tooltip?: boolean;
11
+ readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
12
+ readonly xAxisLabels?: boolean;
13
+ readonly yAxisLabels?: boolean;
14
+ readonly splitLines?: boolean;
15
+ readonly advancedOptions?: EChartsOption;
16
+ }
17
+ export declare function buildBarChartOptions(input: BarChartOptionsInput): EChartsOption;
@@ -0,0 +1,16 @@
1
+ import { FluxStatisticsChartBoxPlotSeries } from '@flux-ui/types';
2
+ import { EChartsOption } from '../../../composable';
3
+ import { TooltipStyleClasses, Translator } from '../../tooltips';
4
+ export interface BoxPlotChartOptionsInput {
5
+ readonly series: readonly FluxStatisticsChartBoxPlotSeries[];
6
+ readonly labels?: readonly string[];
7
+ readonly palette: readonly string[];
8
+ readonly t: Translator;
9
+ readonly styles: TooltipStyleClasses;
10
+ readonly tooltip?: boolean;
11
+ readonly xAxisLabels?: boolean;
12
+ readonly yAxisLabels?: boolean;
13
+ readonly splitLines?: boolean;
14
+ readonly advancedOptions?: EChartsOption;
15
+ }
16
+ export declare function buildBoxPlotChartOptions(input: BoxPlotChartOptionsInput): EChartsOption;
@@ -0,0 +1,15 @@
1
+ import { FluxStatisticsChartBubbleSeries } from '@flux-ui/types';
2
+ import { EChartsOption } from '../../../composable';
3
+ import { TooltipStyleClasses, Translator } from '../../tooltips';
4
+ export interface BubbleChartOptionsInput {
5
+ readonly series: readonly FluxStatisticsChartBubbleSeries[];
6
+ readonly palette: readonly string[];
7
+ readonly t: Translator;
8
+ readonly styles: TooltipStyleClasses;
9
+ readonly tooltip?: boolean;
10
+ readonly xAxisLabels?: boolean;
11
+ readonly yAxisLabels?: boolean;
12
+ readonly splitLines?: boolean;
13
+ readonly advancedOptions?: EChartsOption;
14
+ }
15
+ export declare function buildBubbleChartOptions(input: BubbleChartOptionsInput): EChartsOption;
@@ -0,0 +1,17 @@
1
+ import { FluxStatisticsChartCandlestickSeries } from '@flux-ui/types';
2
+ import { ChartLegendItem } from '../../../composable/useChartLegend';
3
+ import { EChartsOption } from '../../../composable/useECharts';
4
+ import { TooltipStyleClasses, Translator } from '../../tooltips';
5
+ export interface CandlestickChartOptionsInput {
6
+ readonly series: readonly FluxStatisticsChartCandlestickSeries[];
7
+ readonly labels?: readonly string[];
8
+ readonly t: Translator;
9
+ readonly styles: TooltipStyleClasses;
10
+ readonly tooltip?: boolean;
11
+ readonly xAxisLabels?: boolean;
12
+ readonly yAxisLabels?: boolean;
13
+ readonly splitLines?: boolean;
14
+ readonly advancedOptions?: EChartsOption;
15
+ }
16
+ export declare function candlestickLegendItemBuilder(s: FluxStatisticsChartCandlestickSeries): readonly ChartLegendItem[];
17
+ export declare function buildCandlestickChartOptions(input: CandlestickChartOptionsInput): EChartsOption;
@@ -0,0 +1,15 @@
1
+ import { FluxStatisticsChartHeatmapSeries } from '@flux-ui/types';
2
+ import { EChartsOption } from '../../../composable';
3
+ import { TooltipStyleClasses, Translator } from '../../tooltips';
4
+ export interface HeatmapChartOptionsInput {
5
+ readonly series: readonly FluxStatisticsChartHeatmapSeries[];
6
+ readonly xLabels: readonly string[];
7
+ readonly yLabels: readonly string[];
8
+ readonly t: Translator;
9
+ readonly styles: TooltipStyleClasses;
10
+ readonly tooltip?: boolean;
11
+ readonly xAxisLabels?: boolean;
12
+ readonly yAxisLabels?: boolean;
13
+ readonly advancedOptions?: EChartsOption;
14
+ }
15
+ export declare function buildHeatmapChartOptions(input: HeatmapChartOptionsInput): EChartsOption;
@@ -0,0 +1,17 @@
1
+ import { FluxStatisticsChartLineSeries } from '@flux-ui/types';
2
+ import { EChartsOption } from '../../../composable';
3
+ import { ChartTooltipValueFormatter, TooltipStyleClasses, Translator } from '../../tooltips';
4
+ export interface LineChartOptionsInput {
5
+ readonly series: readonly FluxStatisticsChartLineSeries[];
6
+ readonly labels?: readonly string[];
7
+ readonly palette: readonly string[];
8
+ readonly t: Translator;
9
+ readonly styles: TooltipStyleClasses;
10
+ readonly tooltip?: boolean;
11
+ readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
12
+ readonly xAxisLabels?: boolean;
13
+ readonly yAxisLabels?: boolean;
14
+ readonly splitLines?: boolean;
15
+ readonly advancedOptions?: EChartsOption;
16
+ }
17
+ export declare function buildLineChartOptions(input: LineChartOptionsInput): EChartsOption;
@@ -0,0 +1,17 @@
1
+ import { FluxStatisticsChartMixedSeries } from '@flux-ui/types';
2
+ import { EChartsOption } from '../../../composable';
3
+ import { ChartTooltipValueFormatter, TooltipStyleClasses, Translator } from '../../tooltips';
4
+ export interface MixedChartOptionsInput {
5
+ readonly series: readonly FluxStatisticsChartMixedSeries[];
6
+ readonly labels?: readonly string[];
7
+ readonly palette: readonly string[];
8
+ readonly t: Translator;
9
+ readonly styles: TooltipStyleClasses;
10
+ readonly tooltip?: boolean;
11
+ readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
12
+ readonly xAxisLabels?: boolean;
13
+ readonly yAxisLabels?: boolean;
14
+ readonly splitLines?: boolean;
15
+ readonly advancedOptions?: EChartsOption;
16
+ }
17
+ export declare function buildMixedChartOptions(input: MixedChartOptionsInput): EChartsOption;
@@ -0,0 +1,15 @@
1
+ import { FluxStatisticsChartScatterSeries } from '@flux-ui/types';
2
+ import { EChartsOption } from '../../../composable';
3
+ import { TooltipStyleClasses, Translator } from '../../tooltips';
4
+ export interface ScatterChartOptionsInput {
5
+ readonly series: readonly FluxStatisticsChartScatterSeries[];
6
+ readonly palette: readonly string[];
7
+ readonly t: Translator;
8
+ readonly styles: TooltipStyleClasses;
9
+ readonly tooltip?: boolean;
10
+ readonly xAxisLabels?: boolean;
11
+ readonly yAxisLabels?: boolean;
12
+ readonly splitLines?: boolean;
13
+ readonly advancedOptions?: EChartsOption;
14
+ }
15
+ export declare function buildScatterChartOptions(input: ScatterChartOptionsInput): EChartsOption;
@@ -0,0 +1,18 @@
1
+ export type { AreaChartOptionsInput } from './buildAreaChartOptions';
2
+ export { buildAreaChartOptions } from './buildAreaChartOptions';
3
+ export type { BarChartOptionsInput } from './buildBarChartOptions';
4
+ export { buildBarChartOptions } from './buildBarChartOptions';
5
+ export type { BoxPlotChartOptionsInput } from './buildBoxPlotChartOptions';
6
+ export { buildBoxPlotChartOptions } from './buildBoxPlotChartOptions';
7
+ export type { BubbleChartOptionsInput } from './buildBubbleChartOptions';
8
+ export { buildBubbleChartOptions } from './buildBubbleChartOptions';
9
+ export type { CandlestickChartOptionsInput } from './buildCandlestickChartOptions';
10
+ export { buildCandlestickChartOptions, candlestickLegendItemBuilder } from './buildCandlestickChartOptions';
11
+ export type { HeatmapChartOptionsInput } from './buildHeatmapChartOptions';
12
+ export { buildHeatmapChartOptions } from './buildHeatmapChartOptions';
13
+ export type { LineChartOptionsInput } from './buildLineChartOptions';
14
+ export { buildLineChartOptions } from './buildLineChartOptions';
15
+ export type { MixedChartOptionsInput } from './buildMixedChartOptions';
16
+ export { buildMixedChartOptions } from './buildMixedChartOptions';
17
+ export type { ScatterChartOptionsInput } from './buildScatterChartOptions';
18
+ export { buildScatterChartOptions } from './buildScatterChartOptions';
@@ -0,0 +1,15 @@
1
+ import { FluxStatisticsChartPieSlice } from '@flux-ui/types';
2
+ import { EChartsOption } from '../../../composable';
3
+ import { ChartTooltipValueFormatter, SharedTooltipItem, TooltipStyleClasses, Translator } from '../../tooltips';
4
+ export interface DonutChartOptionsInput {
5
+ readonly slices: readonly FluxStatisticsChartPieSlice[];
6
+ readonly palette: readonly string[];
7
+ readonly tooltipItems: readonly SharedTooltipItem[];
8
+ readonly title?: string;
9
+ readonly t: Translator;
10
+ readonly styles: TooltipStyleClasses;
11
+ readonly tooltip?: boolean;
12
+ readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
13
+ readonly advancedOptions?: EChartsOption;
14
+ }
15
+ export declare function buildDonutChartOptions(input: DonutChartOptionsInput): EChartsOption;
@@ -0,0 +1,14 @@
1
+ import { FluxStatisticsChartGaugeSeries } from '@flux-ui/types';
2
+ import { ChartLegendItem } from '../../../composable/useChartLegend';
3
+ import { EChartsOption } from '../../../composable/useECharts';
4
+ import { TooltipStyleClasses, Translator } from '../../tooltips';
5
+ export interface GaugeChartOptionsInput {
6
+ readonly series: readonly FluxStatisticsChartGaugeSeries[];
7
+ readonly palette: readonly string[];
8
+ readonly t: Translator;
9
+ readonly styles: TooltipStyleClasses;
10
+ readonly tooltip?: boolean;
11
+ readonly advancedOptions?: EChartsOption;
12
+ }
13
+ export declare function gaugeLegendItemBuilder(s: FluxStatisticsChartGaugeSeries, color: string, _index: number, t: Translator): ChartLegendItem;
14
+ export declare function buildGaugeChartOptions(input: GaugeChartOptionsInput): EChartsOption;
@@ -0,0 +1,15 @@
1
+ import { FluxStatisticsChartPieSlice } from '@flux-ui/types';
2
+ import { EChartsOption } from '../../../composable';
3
+ import { ChartTooltipValueFormatter, SharedTooltipItem, TooltipStyleClasses, Translator } from '../../tooltips';
4
+ export interface PieChartOptionsInput {
5
+ readonly slices: readonly FluxStatisticsChartPieSlice[];
6
+ readonly palette: readonly string[];
7
+ readonly tooltipItems: readonly SharedTooltipItem[];
8
+ readonly title?: string;
9
+ readonly t: Translator;
10
+ readonly styles: TooltipStyleClasses;
11
+ readonly tooltip?: boolean;
12
+ readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
13
+ readonly advancedOptions?: EChartsOption;
14
+ }
15
+ export declare function buildPieChartOptions(input: PieChartOptionsInput): EChartsOption;
@@ -0,0 +1,15 @@
1
+ import { FluxStatisticsChartPieSlice } from '@flux-ui/types';
2
+ import { EChartsOption } from '../../../composable';
3
+ import { ChartTooltipValueFormatter, SharedTooltipItem, TooltipStyleClasses, Translator } from '../../tooltips';
4
+ export interface PolarAreaChartOptionsInput {
5
+ readonly slices: readonly FluxStatisticsChartPieSlice[];
6
+ readonly palette: readonly string[];
7
+ readonly tooltipItems: readonly SharedTooltipItem[];
8
+ readonly title?: string;
9
+ readonly t: Translator;
10
+ readonly styles: TooltipStyleClasses;
11
+ readonly tooltip?: boolean;
12
+ readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
13
+ readonly advancedOptions?: EChartsOption;
14
+ }
15
+ export declare function buildPolarAreaChartOptions(input: PolarAreaChartOptionsInput): EChartsOption;
@@ -0,0 +1,13 @@
1
+ import { FluxStatisticsChartRadarIndicator, FluxStatisticsChartRadarSeries } from '@flux-ui/types';
2
+ import { EChartsOption } from '../../../composable';
3
+ import { TooltipStyleClasses, Translator } from '../../tooltips';
4
+ export interface RadarChartOptionsInput {
5
+ readonly series: readonly FluxStatisticsChartRadarSeries[];
6
+ readonly indicators: readonly FluxStatisticsChartRadarIndicator[];
7
+ readonly palette: readonly string[];
8
+ readonly t: Translator;
9
+ readonly styles: TooltipStyleClasses;
10
+ readonly tooltip?: boolean;
11
+ readonly advancedOptions?: EChartsOption;
12
+ }
13
+ export declare function buildRadarChartOptions(input: RadarChartOptionsInput): EChartsOption;
@@ -0,0 +1,12 @@
1
+ import { FluxStatisticsChartTreemapNode } from '@flux-ui/types';
2
+ import { EChartsOption } from '../../../composable';
3
+ import { TooltipStyleClasses, Translator } from '../../tooltips';
4
+ export interface TreemapChartOptionsInput {
5
+ readonly nodes: readonly FluxStatisticsChartTreemapNode[];
6
+ readonly palette?: readonly string[];
7
+ readonly t: Translator;
8
+ readonly styles: TooltipStyleClasses;
9
+ readonly tooltip?: boolean;
10
+ readonly advancedOptions?: EChartsOption;
11
+ }
12
+ export declare function buildTreemapChartOptions(input: TreemapChartOptionsInput): EChartsOption;
@@ -0,0 +1,12 @@
1
+ export type { DonutChartOptionsInput } from './buildDonutChartOptions';
2
+ export { buildDonutChartOptions } from './buildDonutChartOptions';
3
+ export type { GaugeChartOptionsInput } from './buildGaugeChartOptions';
4
+ export { buildGaugeChartOptions, gaugeLegendItemBuilder } from './buildGaugeChartOptions';
5
+ export type { PieChartOptionsInput } from './buildPieChartOptions';
6
+ export { buildPieChartOptions } from './buildPieChartOptions';
7
+ export type { PolarAreaChartOptionsInput } from './buildPolarAreaChartOptions';
8
+ export { buildPolarAreaChartOptions } from './buildPolarAreaChartOptions';
9
+ export type { RadarChartOptionsInput } from './buildRadarChartOptions';
10
+ export { buildRadarChartOptions } from './buildRadarChartOptions';
11
+ export type { TreemapChartOptionsInput } from './buildTreemapChartOptions';
12
+ export { buildTreemapChartOptions } from './buildTreemapChartOptions';
@@ -0,0 +1,6 @@
1
+ export * from './cartesian';
2
+ export * from './circular';
3
+ export { buildBaseOptions } from './buildBaseOptions';
4
+ export type { CartesianBaseConfig } from './buildCartesianBaseOptions';
5
+ export { buildCartesianBaseOptions, buildCartesianGrid } from './buildCartesianBaseOptions';
6
+ export { buildCircularBaseOptions } from './buildCircularBaseOptions';
@@ -0,0 +1,3 @@
1
+ import { FluxStatisticsChartColor } from '@flux-ui/types';
2
+ export declare const CHART_DEFAULT_COLORS: readonly ["var(--chart-1)", "var(--chart-2)", "var(--chart-3)", "var(--chart-4)"];
3
+ export declare function resolveChartColor(color?: FluxStatisticsChartColor): string | undefined;
@@ -1,9 +1,5 @@
1
- import { FluxStatisticsChartAreaSeries, FluxStatisticsChartBarSeries, FluxStatisticsChartBoxPlotSeries, FluxStatisticsChartBubbleSeries, FluxStatisticsChartCandlestickSeries, FluxStatisticsChartCartesianSeries, FluxStatisticsChartCategoryPoint, FluxStatisticsChartColor, FluxStatisticsChartGaugeSeries, FluxStatisticsChartHeatmapSeries, FluxStatisticsChartLineSeries, FluxStatisticsChartMixedSeries, FluxStatisticsChartPieSlice, FluxStatisticsChartRadarSeries, FluxStatisticsChartScatterSeries, FluxStatisticsChartTreemapNode } from '@flux-ui/types';
1
+ import { FluxStatisticsChartAreaSeries, FluxStatisticsChartBarSeries, FluxStatisticsChartBoxPlotSeries, FluxStatisticsChartBubbleSeries, FluxStatisticsChartCandlestickSeries, FluxStatisticsChartGaugeSeries, FluxStatisticsChartHeatmapSeries, FluxStatisticsChartLineSeries, FluxStatisticsChartMixedSeries, FluxStatisticsChartPieSlice, FluxStatisticsChartRadarSeries, FluxStatisticsChartScatterSeries, FluxStatisticsChartTreemapNode } from '@flux-ui/types';
2
2
  import { BarSeriesOption, BoxplotSeriesOption, CandlestickSeriesOption, GaugeSeriesOption, HeatmapSeriesOption, LineSeriesOption, PieSeriesOption, RadarSeriesOption, ScatterSeriesOption, TreemapSeriesOption } from 'echarts/charts';
3
- export declare function resolveChartColor(color?: FluxStatisticsChartColor): string | undefined;
4
- export declare function extractLabels(series: readonly {
5
- readonly data: readonly (number | FluxStatisticsChartCategoryPoint)[];
6
- }[]): readonly string[] | undefined;
7
3
  export declare function toLineSeries(s: FluxStatisticsChartLineSeries, fallbackColor: string): LineSeriesOption;
8
4
  export declare function toAreaSeries(s: FluxStatisticsChartAreaSeries, fallbackColor: string): LineSeriesOption;
9
5
  export declare function toBarSeries(s: FluxStatisticsChartBarSeries, fallbackColor: string): BarSeriesOption;
@@ -19,4 +15,3 @@ export declare function toBoxPlotSeries(s: FluxStatisticsChartBoxPlotSeries, fal
19
15
  export declare function toHeatmapSeries(s: FluxStatisticsChartHeatmapSeries, xLabels: readonly (string | number)[], yLabels: readonly (string | number)[]): HeatmapSeriesOption;
20
16
  export declare function toTreemapSeries(nodes: readonly FluxStatisticsChartTreemapNode[], palette: readonly string[]): TreemapSeriesOption;
21
17
  export declare function toGaugeSeries(s: FluxStatisticsChartGaugeSeries, fallbackColor: string, index: number, total: number): GaugeSeriesOption;
22
- export declare function cartesianFallbackLabels(series: readonly FluxStatisticsChartCartesianSeries[]): string[];
@@ -0,0 +1,4 @@
1
+ export { CHART_DEFAULT_COLORS, resolveChartColor } from './chartColors';
2
+ export * from './converters';
3
+ export * from './defaults';
4
+ export { cartesianFallbackLabels, extractLabels } from './labels';
@@ -0,0 +1,5 @@
1
+ import { FluxStatisticsChartCartesianSeries, FluxStatisticsChartCategoryPoint } from '@flux-ui/types';
2
+ export declare function extractLabels(series: readonly {
3
+ readonly data: readonly (number | FluxStatisticsChartCategoryPoint)[];
4
+ }[]): readonly string[] | undefined;
5
+ export declare function cartesianFallbackLabels(series: readonly FluxStatisticsChartCartesianSeries[]): string[];
@@ -0,0 +1,22 @@
1
+ import { FluxIconName } from '@flux-ui/types';
2
+ import { EChartsOption } from '../../composable';
3
+ import { TooltipStyleClasses, Translator } from './types';
4
+ export interface BoxPlotTooltipPoint {
5
+ readonly label?: string;
6
+ readonly min: number;
7
+ readonly q1: number;
8
+ readonly median: number;
9
+ readonly q3: number;
10
+ readonly max: number;
11
+ }
12
+ export interface BoxPlotTooltipInput {
13
+ readonly t: Translator;
14
+ readonly styles: TooltipStyleClasses;
15
+ readonly getSeries: () => readonly {
16
+ readonly name?: string;
17
+ readonly icon?: FluxIconName;
18
+ readonly data: readonly BoxPlotTooltipPoint[];
19
+ }[];
20
+ readonly getPalette: () => readonly string[];
21
+ }
22
+ export declare function buildBoxPlotTooltip(input: BoxPlotTooltipInput): EChartsOption;
@@ -0,0 +1,10 @@
1
+ import { FluxIconName } from '@flux-ui/types';
2
+ import { EChartsOption } from '../../composable';
3
+ import { ChartTooltipValueFormatter, TooltipStyleClasses, Translator } from './types';
4
+ export interface CartesianTooltipInput {
5
+ readonly t: Translator;
6
+ readonly styles: TooltipStyleClasses;
7
+ readonly getSeriesIcons: () => readonly (FluxIconName | undefined)[];
8
+ readonly valueFormatter?: ChartTooltipValueFormatter;
9
+ }
10
+ export declare function buildCartesianTooltip(input: CartesianTooltipInput): EChartsOption;
@@ -0,0 +1,14 @@
1
+ import { FluxIconName } from '@flux-ui/types';
2
+ import { EChartsOption } from '../../composable';
3
+ import { TooltipStyleClasses, Translator } from './types';
4
+ export interface GaugeTooltipInput {
5
+ readonly t: Translator;
6
+ readonly styles: TooltipStyleClasses;
7
+ readonly getSeries: () => readonly {
8
+ readonly name?: string;
9
+ readonly value: number;
10
+ readonly icon?: FluxIconName;
11
+ }[];
12
+ readonly getPalette: () => readonly string[];
13
+ }
14
+ export declare function buildGaugeTooltip(input: GaugeTooltipInput): EChartsOption;
@@ -0,0 +1,17 @@
1
+ import { EChartsOption } from '../../composable';
2
+ import { TooltipStyleClasses, Translator } from './types';
3
+ export interface HeatmapTooltipPoint {
4
+ readonly x: string | number;
5
+ readonly y: string | number;
6
+ readonly value: number;
7
+ readonly formatted?: string;
8
+ }
9
+ export interface HeatmapTooltipInput {
10
+ readonly t: Translator;
11
+ readonly styles: TooltipStyleClasses;
12
+ readonly getSeries: () => readonly {
13
+ readonly name?: string;
14
+ readonly data: readonly HeatmapTooltipPoint[];
15
+ }[];
16
+ }
17
+ export declare function buildHeatmapTooltip(input: HeatmapTooltipInput): EChartsOption;
@@ -0,0 +1,11 @@
1
+ import { FluxStatisticsChartRadarIndicator, FluxStatisticsChartRadarSeries } from '@flux-ui/types';
2
+ import { EChartsOption } from '../../composable';
3
+ import { TooltipStyleClasses, Translator } from './types';
4
+ export interface RadarTooltipInput {
5
+ readonly t: Translator;
6
+ readonly styles: TooltipStyleClasses;
7
+ readonly getSeries: () => readonly FluxStatisticsChartRadarSeries[];
8
+ readonly getIndicators: () => readonly FluxStatisticsChartRadarIndicator[];
9
+ readonly getPalette: () => readonly string[];
10
+ }
11
+ export declare function buildRadarTooltip(input: RadarTooltipInput): EChartsOption;
@@ -0,0 +1,10 @@
1
+ import { EChartsOption } from '../../composable';
2
+ import { ChartTooltipValueFormatter, SharedTooltipItem, TooltipStyleClasses, Translator } from './types';
3
+ export interface SharedItemTooltipInput {
4
+ readonly t: Translator;
5
+ readonly styles: TooltipStyleClasses;
6
+ readonly getItems: () => readonly SharedTooltipItem[];
7
+ readonly getTitle?: () => string | undefined;
8
+ readonly valueFormatter?: ChartTooltipValueFormatter;
9
+ }
10
+ export declare function buildSharedItemTooltip(input: SharedItemTooltipInput): EChartsOption;
@@ -0,0 +1,12 @@
1
+ import { EChartsOption } from '../../composable';
2
+ import { TooltipStyleClasses, Translator } from './types';
3
+ export interface TreemapTooltipNode {
4
+ readonly name: string;
5
+ readonly value?: number;
6
+ readonly color?: string;
7
+ }
8
+ export interface TreemapTooltipInput {
9
+ readonly t: Translator;
10
+ readonly styles: TooltipStyleClasses;
11
+ }
12
+ export declare function buildTreemapTooltip(input: TreemapTooltipInput): EChartsOption;
@@ -0,0 +1,15 @@
1
+ export type { BoxPlotTooltipInput, BoxPlotTooltipPoint } from './buildBoxPlotTooltip';
2
+ export { buildBoxPlotTooltip } from './buildBoxPlotTooltip';
3
+ export type { CartesianTooltipInput } from './buildCartesianTooltip';
4
+ export { buildCartesianTooltip } from './buildCartesianTooltip';
5
+ export type { GaugeTooltipInput } from './buildGaugeTooltip';
6
+ export { buildGaugeTooltip } from './buildGaugeTooltip';
7
+ export type { HeatmapTooltipInput, HeatmapTooltipPoint } from './buildHeatmapTooltip';
8
+ export { buildHeatmapTooltip } from './buildHeatmapTooltip';
9
+ export type { RadarTooltipInput } from './buildRadarTooltip';
10
+ export { buildRadarTooltip } from './buildRadarTooltip';
11
+ export type { SharedItemTooltipInput } from './buildSharedItemTooltip';
12
+ export { buildSharedItemTooltip } from './buildSharedItemTooltip';
13
+ export type { TreemapTooltipInput, TreemapTooltipNode } from './buildTreemapTooltip';
14
+ export { buildTreemapTooltip } from './buildTreemapTooltip';
15
+ export type { ChartTooltipValueFormatter, SharedTooltipItem, TooltipParam, TooltipStyleClasses, Translator } from './types';
@@ -0,0 +1,4 @@
1
+ import { ChartTooltipValueFormatter, SharedTooltipItem, TooltipParam, TooltipStyleClasses, Translator } from './types';
2
+ export declare function renderTooltip(t: Translator, styles: TooltipStyleClasses, title: string, items: readonly SharedTooltipItem[], activeIndex?: number, valueFormatter?: ChartTooltipValueFormatter): string;
3
+ export declare function extractValue(value: TooltipParam['value']): number | string;
4
+ export declare function formatValue(value: TooltipParam['value']): string;
@@ -0,0 +1,24 @@
1
+ import { FluxIconName } from '@flux-ui/types';
2
+ export interface TooltipParam {
3
+ readonly seriesName?: string;
4
+ readonly seriesIndex: number;
5
+ readonly color: string;
6
+ readonly value: number | string | (number | string)[];
7
+ readonly name: string;
8
+ readonly dataIndex?: number;
9
+ readonly axisValue?: string;
10
+ readonly axisValueLabel?: string;
11
+ readonly data?: unknown;
12
+ readonly marker?: string;
13
+ }
14
+ export type TooltipStyleClasses = Readonly<Record<string, string>>;
15
+ export type Translator = (key: string) => string;
16
+ export interface SharedTooltipItem {
17
+ readonly name: string;
18
+ readonly value: number | string;
19
+ readonly color: string;
20
+ readonly icon?: FluxIconName;
21
+ readonly seriesIndex?: number;
22
+ readonly dataIndex?: number;
23
+ }
24
+ export type ChartTooltipValueFormatter = (value: number | string, item: SharedTooltipItem) => string;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@flux-ui/statistics",
3
3
  "description": "Statistics components for the Flux UI library.",
4
- "version": "3.0.0-next.68",
4
+ "version": "3.0.0-next.70",
5
5
  "type": "module",
6
6
  "license": "MIT",
7
7
  "funding": "https://github.com/sponsors/basmilius",
@@ -49,28 +49,28 @@
49
49
  "types": "./dist/index.d.ts",
50
50
  "sideEffects": false,
51
51
  "dependencies": {
52
- "@basmilius/common": "^3.33.0",
53
- "@basmilius/utils": "^3.33.0",
54
- "@flux-ui/components": "3.0.0-next.68",
55
- "@flux-ui/internals": "3.0.0-next.68",
56
- "@flux-ui/types": "3.0.0-next.68",
52
+ "@basmilius/common": "^3.35.0",
53
+ "@basmilius/utils": "^3.35.0",
54
+ "@flux-ui/components": "3.0.0-next.70",
55
+ "@flux-ui/internals": "3.0.0-next.70",
56
+ "@flux-ui/types": "3.0.0-next.70",
57
57
  "clsx": "^2.1.1"
58
58
  },
59
59
  "peerDependencies": {
60
- "echarts": "^6.0.0",
60
+ "echarts": "^6.1.0",
61
61
  "lodash-es": "^4.18.1",
62
62
  "vue": "^3.6.0-beta.12",
63
- "vue-i18n": "^11.4.2"
63
+ "vue-i18n": "^11.4.4"
64
64
  },
65
65
  "devDependencies": {
66
- "@basmilius/vite-preset": "^3.33.0",
66
+ "@basmilius/vite-preset": "^3.35.0",
67
67
  "@types/lodash-es": "^4.17.12",
68
- "@types/node": "^25.8.0",
68
+ "@types/node": "^25.9.1",
69
69
  "@vitejs/plugin-vue": "^6.0.7",
70
70
  "@vue/tsconfig": "^0.9.1",
71
- "sass-embedded": "^1.99.0",
71
+ "sass-embedded": "^1.100.0",
72
72
  "typescript": "^6.0.3",
73
- "vite": "^8.0.13",
74
- "vue-tsc": "^3.2.9"
73
+ "vite": "^8.0.14",
74
+ "vue-tsc": "^3.3.1"
75
75
  }
76
76
  }