@flux-ui/statistics 3.0.0-next.67 → 3.0.0-next.69

package/dist/util/colors.d.ts

@@ -0,0 +1,4 @@
+import { Ref } from 'vue';
+export declare function useCssVarVersion(): Ref<number, number>;
+export declare function resolveCssVar(input: string, root?: HTMLElement): string;
+export declare function deepResolveCssVars<T>(value: T, root?: HTMLElement): T;

package/dist/util/icons.d.ts

@@ -0,0 +1,2 @@
+import { FluxIconName } from '@flux-ui/types';
+export declare function renderIconSvg(name: FluxIconName | undefined, color: string, size?: number): string;

package/dist/util/index.d.ts

@@ -0,0 +1,6 @@
+export * from './colors';
+export * from './icons';
+export * from './options';
+export * from './series';
+export * from './sparkline';
+export * from './tooltips';

package/dist/util/options/buildBaseOptions.d.ts

@@ -0,0 +1,2 @@
+import { EChartsOption } from '../../composable';
+export declare function buildBaseOptions(): EChartsOption;

package/dist/util/options/buildCartesianBaseOptions.d.ts

@@ -0,0 +1,13 @@
+import { EChartsOption } from '../../composable';
+export interface CartesianBaseConfig {
+    readonly xAxisType?: 'category' | 'value';
+    readonly yAxisType?: 'value' | 'category';
+    readonly scale?: boolean;
+    readonly tooltipTrigger?: 'axis' | 'item';
+    readonly xAxisLabels?: boolean;
+    readonly yAxisLabels?: boolean;
+    readonly splitLines?: boolean;
+    readonly minPadding?: number;
+}
+export declare function buildCartesianGrid(xAxisLabels: boolean, yAxisLabels: boolean, minPadding?: number): EChartsOption['grid'];
+export declare function buildCartesianBaseOptions(config?: CartesianBaseConfig): EChartsOption;

package/dist/util/options/buildCircularBaseOptions.d.ts

@@ -0,0 +1,2 @@
+import { EChartsOption } from '../../composable';
+export declare function buildCircularBaseOptions(): EChartsOption;

package/dist/util/options/cartesian/buildAreaChartOptions.d.ts

@@ -0,0 +1,17 @@
+import { FluxStatisticsChartAreaSeries } from '@flux-ui/types';
+import { EChartsOption } from '../../../composable';
+import { ChartTooltipValueFormatter, TooltipStyleClasses, Translator } from '../../tooltips';
+export interface AreaChartOptionsInput {
+    readonly series: readonly FluxStatisticsChartAreaSeries[];
+    readonly labels?: readonly string[];
+    readonly palette: readonly string[];
+    readonly t: Translator;
+    readonly styles: TooltipStyleClasses;
+    readonly tooltip?: boolean;
+    readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
+    readonly xAxisLabels?: boolean;
+    readonly yAxisLabels?: boolean;
+    readonly splitLines?: boolean;
+    readonly advancedOptions?: EChartsOption;
+}
+export declare function buildAreaChartOptions(input: AreaChartOptionsInput): EChartsOption;

package/dist/util/options/cartesian/buildBarChartOptions.d.ts

@@ -0,0 +1,17 @@
+import { FluxStatisticsChartBarSeries } from '@flux-ui/types';
+import { EChartsOption } from '../../../composable';
+import { ChartTooltipValueFormatter, TooltipStyleClasses, Translator } from '../../tooltips';
+export interface BarChartOptionsInput {
+    readonly series: readonly FluxStatisticsChartBarSeries[];
+    readonly labels?: readonly string[];
+    readonly palette: readonly string[];
+    readonly t: Translator;
+    readonly styles: TooltipStyleClasses;
+    readonly tooltip?: boolean;
+    readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
+    readonly xAxisLabels?: boolean;
+    readonly yAxisLabels?: boolean;
+    readonly splitLines?: boolean;
+    readonly advancedOptions?: EChartsOption;
+}
+export declare function buildBarChartOptions(input: BarChartOptionsInput): EChartsOption;

package/dist/util/options/cartesian/buildBoxPlotChartOptions.d.ts

@@ -0,0 +1,16 @@
+import { FluxStatisticsChartBoxPlotSeries } from '@flux-ui/types';
+import { EChartsOption } from '../../../composable';
+import { TooltipStyleClasses, Translator } from '../../tooltips';
+export interface BoxPlotChartOptionsInput {
+    readonly series: readonly FluxStatisticsChartBoxPlotSeries[];
+    readonly labels?: readonly string[];
+    readonly palette: readonly string[];
+    readonly t: Translator;
+    readonly styles: TooltipStyleClasses;
+    readonly tooltip?: boolean;
+    readonly xAxisLabels?: boolean;
+    readonly yAxisLabels?: boolean;
+    readonly splitLines?: boolean;
+    readonly advancedOptions?: EChartsOption;
+}
+export declare function buildBoxPlotChartOptions(input: BoxPlotChartOptionsInput): EChartsOption;

package/dist/util/options/cartesian/buildBubbleChartOptions.d.ts

@@ -0,0 +1,15 @@
+import { FluxStatisticsChartBubbleSeries } from '@flux-ui/types';
+import { EChartsOption } from '../../../composable';
+import { TooltipStyleClasses, Translator } from '../../tooltips';
+export interface BubbleChartOptionsInput {
+    readonly series: readonly FluxStatisticsChartBubbleSeries[];
+    readonly palette: readonly string[];
+    readonly t: Translator;
+    readonly styles: TooltipStyleClasses;
+    readonly tooltip?: boolean;
+    readonly xAxisLabels?: boolean;
+    readonly yAxisLabels?: boolean;
+    readonly splitLines?: boolean;
+    readonly advancedOptions?: EChartsOption;
+}
+export declare function buildBubbleChartOptions(input: BubbleChartOptionsInput): EChartsOption;

package/dist/util/options/cartesian/buildCandlestickChartOptions.d.ts

@@ -0,0 +1,17 @@
+import { FluxStatisticsChartCandlestickSeries } from '@flux-ui/types';
+import { ChartLegendItem } from '../../../composable/useChartLegend';
+import { EChartsOption } from '../../../composable/useECharts';
+import { TooltipStyleClasses, Translator } from '../../tooltips';
+export interface CandlestickChartOptionsInput {
+    readonly series: readonly FluxStatisticsChartCandlestickSeries[];
+    readonly labels?: readonly string[];
+    readonly t: Translator;
+    readonly styles: TooltipStyleClasses;
+    readonly tooltip?: boolean;
+    readonly xAxisLabels?: boolean;
+    readonly yAxisLabels?: boolean;
+    readonly splitLines?: boolean;
+    readonly advancedOptions?: EChartsOption;
+}
+export declare function candlestickLegendItemBuilder(s: FluxStatisticsChartCandlestickSeries): readonly ChartLegendItem[];
+export declare function buildCandlestickChartOptions(input: CandlestickChartOptionsInput): EChartsOption;

package/dist/util/options/cartesian/buildHeatmapChartOptions.d.ts

@@ -0,0 +1,15 @@
+import { FluxStatisticsChartHeatmapSeries } from '@flux-ui/types';
+import { EChartsOption } from '../../../composable';
+import { TooltipStyleClasses, Translator } from '../../tooltips';
+export interface HeatmapChartOptionsInput {
+    readonly series: readonly FluxStatisticsChartHeatmapSeries[];
+    readonly xLabels: readonly string[];
+    readonly yLabels: readonly string[];
+    readonly t: Translator;
+    readonly styles: TooltipStyleClasses;
+    readonly tooltip?: boolean;
+    readonly xAxisLabels?: boolean;
+    readonly yAxisLabels?: boolean;
+    readonly advancedOptions?: EChartsOption;
+}
+export declare function buildHeatmapChartOptions(input: HeatmapChartOptionsInput): EChartsOption;

package/dist/util/options/cartesian/buildLineChartOptions.d.ts

@@ -0,0 +1,17 @@
+import { FluxStatisticsChartLineSeries } from '@flux-ui/types';
+import { EChartsOption } from '../../../composable';
+import { ChartTooltipValueFormatter, TooltipStyleClasses, Translator } from '../../tooltips';
+export interface LineChartOptionsInput {
+    readonly series: readonly FluxStatisticsChartLineSeries[];
+    readonly labels?: readonly string[];
+    readonly palette: readonly string[];
+    readonly t: Translator;
+    readonly styles: TooltipStyleClasses;
+    readonly tooltip?: boolean;
+    readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
+    readonly xAxisLabels?: boolean;
+    readonly yAxisLabels?: boolean;
+    readonly splitLines?: boolean;
+    readonly advancedOptions?: EChartsOption;
+}
+export declare function buildLineChartOptions(input: LineChartOptionsInput): EChartsOption;

package/dist/util/options/cartesian/buildMixedChartOptions.d.ts

@@ -0,0 +1,17 @@
+import { FluxStatisticsChartMixedSeries } from '@flux-ui/types';
+import { EChartsOption } from '../../../composable';
+import { ChartTooltipValueFormatter, TooltipStyleClasses, Translator } from '../../tooltips';
+export interface MixedChartOptionsInput {
+    readonly series: readonly FluxStatisticsChartMixedSeries[];
+    readonly labels?: readonly string[];
+    readonly palette: readonly string[];
+    readonly t: Translator;
+    readonly styles: TooltipStyleClasses;
+    readonly tooltip?: boolean;
+    readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
+    readonly xAxisLabels?: boolean;
+    readonly yAxisLabels?: boolean;
+    readonly splitLines?: boolean;
+    readonly advancedOptions?: EChartsOption;
+}
+export declare function buildMixedChartOptions(input: MixedChartOptionsInput): EChartsOption;

package/dist/util/options/cartesian/buildScatterChartOptions.d.ts

@@ -0,0 +1,15 @@
+import { FluxStatisticsChartScatterSeries } from '@flux-ui/types';
+import { EChartsOption } from '../../../composable';
+import { TooltipStyleClasses, Translator } from '../../tooltips';
+export interface ScatterChartOptionsInput {
+    readonly series: readonly FluxStatisticsChartScatterSeries[];
+    readonly palette: readonly string[];
+    readonly t: Translator;
+    readonly styles: TooltipStyleClasses;
+    readonly tooltip?: boolean;
+    readonly xAxisLabels?: boolean;
+    readonly yAxisLabels?: boolean;
+    readonly splitLines?: boolean;
+    readonly advancedOptions?: EChartsOption;
+}
+export declare function buildScatterChartOptions(input: ScatterChartOptionsInput): EChartsOption;

package/dist/util/options/cartesian/index.d.ts

@@ -0,0 +1,18 @@
+export type { AreaChartOptionsInput } from './buildAreaChartOptions';
+export { buildAreaChartOptions } from './buildAreaChartOptions';
+export type { BarChartOptionsInput } from './buildBarChartOptions';
+export { buildBarChartOptions } from './buildBarChartOptions';
+export type { BoxPlotChartOptionsInput } from './buildBoxPlotChartOptions';
+export { buildBoxPlotChartOptions } from './buildBoxPlotChartOptions';
+export type { BubbleChartOptionsInput } from './buildBubbleChartOptions';
+export { buildBubbleChartOptions } from './buildBubbleChartOptions';
+export type { CandlestickChartOptionsInput } from './buildCandlestickChartOptions';
+export { buildCandlestickChartOptions, candlestickLegendItemBuilder } from './buildCandlestickChartOptions';
+export type { HeatmapChartOptionsInput } from './buildHeatmapChartOptions';
+export { buildHeatmapChartOptions } from './buildHeatmapChartOptions';
+export type { LineChartOptionsInput } from './buildLineChartOptions';
+export { buildLineChartOptions } from './buildLineChartOptions';
+export type { MixedChartOptionsInput } from './buildMixedChartOptions';
+export { buildMixedChartOptions } from './buildMixedChartOptions';
+export type { ScatterChartOptionsInput } from './buildScatterChartOptions';
+export { buildScatterChartOptions } from './buildScatterChartOptions';

package/dist/util/options/circular/buildDonutChartOptions.d.ts

@@ -0,0 +1,15 @@
+import { FluxStatisticsChartPieSlice } from '@flux-ui/types';
+import { EChartsOption } from '../../../composable';
+import { ChartTooltipValueFormatter, SharedTooltipItem, TooltipStyleClasses, Translator } from '../../tooltips';
+export interface DonutChartOptionsInput {
+    readonly slices: readonly FluxStatisticsChartPieSlice[];
+    readonly palette: readonly string[];
+    readonly tooltipItems: readonly SharedTooltipItem[];
+    readonly title?: string;
+    readonly t: Translator;
+    readonly styles: TooltipStyleClasses;
+    readonly tooltip?: boolean;
+    readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
+    readonly advancedOptions?: EChartsOption;
+}
+export declare function buildDonutChartOptions(input: DonutChartOptionsInput): EChartsOption;

package/dist/util/options/circular/buildGaugeChartOptions.d.ts

@@ -0,0 +1,14 @@
+import { FluxStatisticsChartGaugeSeries } from '@flux-ui/types';
+import { ChartLegendItem } from '../../../composable/useChartLegend';
+import { EChartsOption } from '../../../composable/useECharts';
+import { TooltipStyleClasses, Translator } from '../../tooltips';
+export interface GaugeChartOptionsInput {
+    readonly series: readonly FluxStatisticsChartGaugeSeries[];
+    readonly palette: readonly string[];
+    readonly t: Translator;
+    readonly styles: TooltipStyleClasses;
+    readonly tooltip?: boolean;
+    readonly advancedOptions?: EChartsOption;
+}
+export declare function gaugeLegendItemBuilder(s: FluxStatisticsChartGaugeSeries, color: string, _index: number, t: Translator): ChartLegendItem;
+export declare function buildGaugeChartOptions(input: GaugeChartOptionsInput): EChartsOption;

package/dist/util/options/circular/buildPieChartOptions.d.ts

@@ -0,0 +1,15 @@
+import { FluxStatisticsChartPieSlice } from '@flux-ui/types';
+import { EChartsOption } from '../../../composable';
+import { ChartTooltipValueFormatter, SharedTooltipItem, TooltipStyleClasses, Translator } from '../../tooltips';
+export interface PieChartOptionsInput {
+    readonly slices: readonly FluxStatisticsChartPieSlice[];
+    readonly palette: readonly string[];
+    readonly tooltipItems: readonly SharedTooltipItem[];
+    readonly title?: string;
+    readonly t: Translator;
+    readonly styles: TooltipStyleClasses;
+    readonly tooltip?: boolean;
+    readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
+    readonly advancedOptions?: EChartsOption;
+}
+export declare function buildPieChartOptions(input: PieChartOptionsInput): EChartsOption;

package/dist/util/options/circular/buildPolarAreaChartOptions.d.ts

@@ -0,0 +1,15 @@
+import { FluxStatisticsChartPieSlice } from '@flux-ui/types';
+import { EChartsOption } from '../../../composable';
+import { ChartTooltipValueFormatter, SharedTooltipItem, TooltipStyleClasses, Translator } from '../../tooltips';
+export interface PolarAreaChartOptionsInput {
+    readonly slices: readonly FluxStatisticsChartPieSlice[];
+    readonly palette: readonly string[];
+    readonly tooltipItems: readonly SharedTooltipItem[];
+    readonly title?: string;
+    readonly t: Translator;
+    readonly styles: TooltipStyleClasses;
+    readonly tooltip?: boolean;
+    readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
+    readonly advancedOptions?: EChartsOption;
+}
+export declare function buildPolarAreaChartOptions(input: PolarAreaChartOptionsInput): EChartsOption;

package/dist/util/options/circular/buildRadarChartOptions.d.ts

@@ -0,0 +1,13 @@
+import { FluxStatisticsChartRadarIndicator, FluxStatisticsChartRadarSeries } from '@flux-ui/types';
+import { EChartsOption } from '../../../composable';
+import { TooltipStyleClasses, Translator } from '../../tooltips';
+export interface RadarChartOptionsInput {
+    readonly series: readonly FluxStatisticsChartRadarSeries[];
+    readonly indicators: readonly FluxStatisticsChartRadarIndicator[];
+    readonly palette: readonly string[];
+    readonly t: Translator;
+    readonly styles: TooltipStyleClasses;
+    readonly tooltip?: boolean;
+    readonly advancedOptions?: EChartsOption;
+}
+export declare function buildRadarChartOptions(input: RadarChartOptionsInput): EChartsOption;

package/dist/util/options/circular/buildTreemapChartOptions.d.ts

@@ -0,0 +1,12 @@
+import { FluxStatisticsChartTreemapNode } from '@flux-ui/types';
+import { EChartsOption } from '../../../composable';
+import { TooltipStyleClasses, Translator } from '../../tooltips';
+export interface TreemapChartOptionsInput {
+    readonly nodes: readonly FluxStatisticsChartTreemapNode[];
+    readonly palette?: readonly string[];
+    readonly t: Translator;
+    readonly styles: TooltipStyleClasses;
+    readonly tooltip?: boolean;
+    readonly advancedOptions?: EChartsOption;
+}
+export declare function buildTreemapChartOptions(input: TreemapChartOptionsInput): EChartsOption;

package/dist/util/options/circular/index.d.ts

@@ -0,0 +1,12 @@
+export type { DonutChartOptionsInput } from './buildDonutChartOptions';
+export { buildDonutChartOptions } from './buildDonutChartOptions';
+export type { GaugeChartOptionsInput } from './buildGaugeChartOptions';
+export { buildGaugeChartOptions, gaugeLegendItemBuilder } from './buildGaugeChartOptions';
+export type { PieChartOptionsInput } from './buildPieChartOptions';
+export { buildPieChartOptions } from './buildPieChartOptions';
+export type { PolarAreaChartOptionsInput } from './buildPolarAreaChartOptions';
+export { buildPolarAreaChartOptions } from './buildPolarAreaChartOptions';
+export type { RadarChartOptionsInput } from './buildRadarChartOptions';
+export { buildRadarChartOptions } from './buildRadarChartOptions';
+export type { TreemapChartOptionsInput } from './buildTreemapChartOptions';
+export { buildTreemapChartOptions } from './buildTreemapChartOptions';

package/dist/util/options/index.d.ts

@@ -0,0 +1,6 @@
+export * from './cartesian';
+export * from './circular';
+export { buildBaseOptions } from './buildBaseOptions';
+export type { CartesianBaseConfig } from './buildCartesianBaseOptions';
+export { buildCartesianBaseOptions, buildCartesianGrid } from './buildCartesianBaseOptions';
+export { buildCircularBaseOptions } from './buildCircularBaseOptions';

package/dist/util/series/chartColors.d.ts

@@ -0,0 +1,3 @@
+import { FluxStatisticsChartColor } from '@flux-ui/types';
+export declare const CHART_DEFAULT_COLORS: readonly ["var(--chart-1)", "var(--chart-2)", "var(--chart-3)", "var(--chart-4)"];
+export declare function resolveChartColor(color?: FluxStatisticsChartColor): string | undefined;

package/dist/util/series/converters.d.ts

@@ -0,0 +1,17 @@
+import { FluxStatisticsChartAreaSeries, FluxStatisticsChartBarSeries, FluxStatisticsChartBoxPlotSeries, FluxStatisticsChartBubbleSeries, FluxStatisticsChartCandlestickSeries, FluxStatisticsChartGaugeSeries, FluxStatisticsChartHeatmapSeries, FluxStatisticsChartLineSeries, FluxStatisticsChartMixedSeries, FluxStatisticsChartPieSlice, FluxStatisticsChartRadarSeries, FluxStatisticsChartScatterSeries, FluxStatisticsChartTreemapNode } from '@flux-ui/types';
+import { BarSeriesOption, BoxplotSeriesOption, CandlestickSeriesOption, GaugeSeriesOption, HeatmapSeriesOption, LineSeriesOption, PieSeriesOption, RadarSeriesOption, ScatterSeriesOption, TreemapSeriesOption } from 'echarts/charts';
+export declare function toLineSeries(s: FluxStatisticsChartLineSeries, fallbackColor: string): LineSeriesOption;
+export declare function toAreaSeries(s: FluxStatisticsChartAreaSeries, fallbackColor: string): LineSeriesOption;
+export declare function toBarSeries(s: FluxStatisticsChartBarSeries, fallbackColor: string): BarSeriesOption;
+export declare function toMixedSeries(s: FluxStatisticsChartMixedSeries, fallbackColor: string): LineSeriesOption | BarSeriesOption;
+export declare function toPieSeries(slices: readonly FluxStatisticsChartPieSlice[], palette: readonly string[]): PieSeriesOption;
+export declare function toDonutSeries(slices: readonly FluxStatisticsChartPieSlice[], palette: readonly string[]): PieSeriesOption;
+export declare function toPolarAreaSeries(slices: readonly FluxStatisticsChartPieSlice[], palette: readonly string[]): PieSeriesOption;
+export declare function toRadarSeries(series: readonly FluxStatisticsChartRadarSeries[], palette: readonly string[]): RadarSeriesOption;
+export declare function toScatterSeries(s: FluxStatisticsChartScatterSeries, fallbackColor: string): ScatterSeriesOption;
+export declare function toBubbleSeries(s: FluxStatisticsChartBubbleSeries, fallbackColor: string): ScatterSeriesOption;
+export declare function toCandlestickSeries(s: FluxStatisticsChartCandlestickSeries): CandlestickSeriesOption;
+export declare function toBoxPlotSeries(s: FluxStatisticsChartBoxPlotSeries, fallbackColor: string): BoxplotSeriesOption;
+export declare function toHeatmapSeries(s: FluxStatisticsChartHeatmapSeries, xLabels: readonly (string | number)[], yLabels: readonly (string | number)[]): HeatmapSeriesOption;
+export declare function toTreemapSeries(nodes: readonly FluxStatisticsChartTreemapNode[], palette: readonly string[]): TreemapSeriesOption;
+export declare function toGaugeSeries(s: FluxStatisticsChartGaugeSeries, fallbackColor: string, index: number, total: number): GaugeSeriesOption;

package/dist/util/series/defaults.d.ts

@@ -0,0 +1,15 @@
+import { BarSeriesOption, BoxplotSeriesOption, CandlestickSeriesOption, GaugeSeriesOption, HeatmapSeriesOption, LineSeriesOption, PieSeriesOption, RadarSeriesOption, ScatterSeriesOption, TreemapSeriesOption } from 'echarts/charts';
+export declare const LINE_SERIES_DEFAULTS: Partial<LineSeriesOption>;
+export declare const AREA_SERIES_DEFAULTS: Partial<LineSeriesOption>;
+export declare const BAR_SERIES_DEFAULTS: Partial<BarSeriesOption>;
+export declare const PIE_SERIES_DEFAULTS: Partial<PieSeriesOption>;
+export declare const DONUT_SERIES_DEFAULTS: Partial<PieSeriesOption>;
+export declare const POLAR_AREA_SERIES_DEFAULTS: Partial<PieSeriesOption>;
+export declare const RADAR_SERIES_DEFAULTS: Partial<RadarSeriesOption>;
+export declare const HEATMAP_SERIES_DEFAULTS: Partial<HeatmapSeriesOption>;
+export declare const SCATTER_SERIES_DEFAULTS: Partial<ScatterSeriesOption>;
+export declare const BUBBLE_SERIES_DEFAULTS: Partial<ScatterSeriesOption>;
+export declare const BOXPLOT_SERIES_DEFAULTS: Partial<BoxplotSeriesOption>;
+export declare const CANDLESTICK_SERIES_DEFAULTS: Partial<CandlestickSeriesOption>;
+export declare const TREEMAP_SERIES_DEFAULTS: Partial<TreemapSeriesOption>;
+export declare const GAUGE_SERIES_DEFAULTS: Partial<GaugeSeriesOption>;

package/dist/util/series/index.d.ts

@@ -0,0 +1,4 @@
+export { CHART_DEFAULT_COLORS, resolveChartColor } from './chartColors';
+export * from './converters';
+export * from './defaults';
+export { cartesianFallbackLabels, extractLabels } from './labels';

package/dist/util/series/labels.d.ts

@@ -0,0 +1,5 @@
+import { FluxStatisticsChartCartesianSeries, FluxStatisticsChartCategoryPoint } from '@flux-ui/types';
+export declare function extractLabels(series: readonly {
+    readonly data: readonly (number | FluxStatisticsChartCategoryPoint)[];
+}[]): readonly string[] | undefined;
+export declare function cartesianFallbackLabels(series: readonly FluxStatisticsChartCartesianSeries[]): string[];

package/dist/util/sparkline.d.ts

@@ -0,0 +1,7 @@
+import { EChartsOption } from '../composable';
+export type SparklineVariant = 'line' | 'bar' | 'area';
+export interface SparklineSeriesItem {
+    readonly name?: string;
+    readonly data: (number | string | null)[];
+}
+export declare function buildSparklineOptions(variant: SparklineVariant, color: string, series: readonly SparklineSeriesItem[]): EChartsOption;

package/dist/util/tooltips/buildBoxPlotTooltip.d.ts

@@ -0,0 +1,22 @@
+import { FluxIconName } from '@flux-ui/types';
+import { EChartsOption } from '../../composable';
+import { TooltipStyleClasses, Translator } from './types';
+export interface BoxPlotTooltipPoint {
+    readonly label?: string;
+    readonly min: number;
+    readonly q1: number;
+    readonly median: number;
+    readonly q3: number;
+    readonly max: number;
+}
+export interface BoxPlotTooltipInput {
+    readonly t: Translator;
+    readonly styles: TooltipStyleClasses;
+    readonly getSeries: () => readonly {
+        readonly name?: string;
+        readonly icon?: FluxIconName;
+        readonly data: readonly BoxPlotTooltipPoint[];
+    }[];
+    readonly getPalette: () => readonly string[];
+}
+export declare function buildBoxPlotTooltip(input: BoxPlotTooltipInput): EChartsOption;

package/dist/util/tooltips/buildCartesianTooltip.d.ts

@@ -0,0 +1,10 @@
+import { FluxIconName } from '@flux-ui/types';
+import { EChartsOption } from '../../composable';
+import { ChartTooltipValueFormatter, TooltipStyleClasses, Translator } from './types';
+export interface CartesianTooltipInput {
+    readonly t: Translator;
+    readonly styles: TooltipStyleClasses;
+    readonly getSeriesIcons: () => readonly (FluxIconName | undefined)[];
+    readonly valueFormatter?: ChartTooltipValueFormatter;
+}
+export declare function buildCartesianTooltip(input: CartesianTooltipInput): EChartsOption;

package/dist/util/tooltips/buildGaugeTooltip.d.ts

@@ -0,0 +1,14 @@
+import { FluxIconName } from '@flux-ui/types';
+import { EChartsOption } from '../../composable';
+import { TooltipStyleClasses, Translator } from './types';
+export interface GaugeTooltipInput {
+    readonly t: Translator;
+    readonly styles: TooltipStyleClasses;
+    readonly getSeries: () => readonly {
+        readonly name?: string;
+        readonly value: number;
+        readonly icon?: FluxIconName;
+    }[];
+    readonly getPalette: () => readonly string[];
+}
+export declare function buildGaugeTooltip(input: GaugeTooltipInput): EChartsOption;

package/dist/util/tooltips/buildHeatmapTooltip.d.ts

@@ -0,0 +1,17 @@
+import { EChartsOption } from '../../composable';
+import { TooltipStyleClasses, Translator } from './types';
+export interface HeatmapTooltipPoint {
+    readonly x: string | number;
+    readonly y: string | number;
+    readonly value: number;
+    readonly formatted?: string;
+}
+export interface HeatmapTooltipInput {
+    readonly t: Translator;
+    readonly styles: TooltipStyleClasses;
+    readonly getSeries: () => readonly {
+        readonly name?: string;
+        readonly data: readonly HeatmapTooltipPoint[];
+    }[];
+}
+export declare function buildHeatmapTooltip(input: HeatmapTooltipInput): EChartsOption;

package/dist/util/tooltips/buildRadarTooltip.d.ts

@@ -0,0 +1,11 @@
+import { FluxStatisticsChartRadarIndicator, FluxStatisticsChartRadarSeries } from '@flux-ui/types';
+import { EChartsOption } from '../../composable';
+import { TooltipStyleClasses, Translator } from './types';
+export interface RadarTooltipInput {
+    readonly t: Translator;
+    readonly styles: TooltipStyleClasses;
+    readonly getSeries: () => readonly FluxStatisticsChartRadarSeries[];
+    readonly getIndicators: () => readonly FluxStatisticsChartRadarIndicator[];
+    readonly getPalette: () => readonly string[];
+}
+export declare function buildRadarTooltip(input: RadarTooltipInput): EChartsOption;

package/dist/util/tooltips/buildSharedItemTooltip.d.ts

@@ -0,0 +1,10 @@
+import { EChartsOption } from '../../composable';
+import { ChartTooltipValueFormatter, SharedTooltipItem, TooltipStyleClasses, Translator } from './types';
+export interface SharedItemTooltipInput {
+    readonly t: Translator;
+    readonly styles: TooltipStyleClasses;
+    readonly getItems: () => readonly SharedTooltipItem[];
+    readonly getTitle?: () => string | undefined;
+    readonly valueFormatter?: ChartTooltipValueFormatter;
+}
+export declare function buildSharedItemTooltip(input: SharedItemTooltipInput): EChartsOption;

package/dist/util/tooltips/buildTreemapTooltip.d.ts

@@ -0,0 +1,12 @@
+import { EChartsOption } from '../../composable';
+import { TooltipStyleClasses, Translator } from './types';
+export interface TreemapTooltipNode {
+    readonly name: string;
+    readonly value?: number;
+    readonly color?: string;
+}
+export interface TreemapTooltipInput {
+    readonly t: Translator;
+    readonly styles: TooltipStyleClasses;
+}
+export declare function buildTreemapTooltip(input: TreemapTooltipInput): EChartsOption;

package/dist/util/tooltips/index.d.ts

@@ -0,0 +1,15 @@
+export type { BoxPlotTooltipInput, BoxPlotTooltipPoint } from './buildBoxPlotTooltip';
+export { buildBoxPlotTooltip } from './buildBoxPlotTooltip';
+export type { CartesianTooltipInput } from './buildCartesianTooltip';
+export { buildCartesianTooltip } from './buildCartesianTooltip';
+export type { GaugeTooltipInput } from './buildGaugeTooltip';
+export { buildGaugeTooltip } from './buildGaugeTooltip';
+export type { HeatmapTooltipInput, HeatmapTooltipPoint } from './buildHeatmapTooltip';
+export { buildHeatmapTooltip } from './buildHeatmapTooltip';
+export type { RadarTooltipInput } from './buildRadarTooltip';
+export { buildRadarTooltip } from './buildRadarTooltip';
+export type { SharedItemTooltipInput } from './buildSharedItemTooltip';
+export { buildSharedItemTooltip } from './buildSharedItemTooltip';
+export type { TreemapTooltipInput, TreemapTooltipNode } from './buildTreemapTooltip';
+export { buildTreemapTooltip } from './buildTreemapTooltip';
+export type { ChartTooltipValueFormatter, SharedTooltipItem, TooltipParam, TooltipStyleClasses, Translator } from './types';

package/dist/util/tooltips/render.d.ts

@@ -0,0 +1,4 @@
+import { ChartTooltipValueFormatter, SharedTooltipItem, TooltipParam, TooltipStyleClasses, Translator } from './types';
+export declare function renderTooltip(t: Translator, styles: TooltipStyleClasses, title: string, items: readonly SharedTooltipItem[], activeIndex?: number, valueFormatter?: ChartTooltipValueFormatter): string;
+export declare function extractValue(value: TooltipParam['value']): number | string;
+export declare function formatValue(value: TooltipParam['value']): string;

package/dist/util/tooltips/types.d.ts

@@ -0,0 +1,24 @@
+import { FluxIconName } from '@flux-ui/types';
+export interface TooltipParam {
+    readonly seriesName?: string;
+    readonly seriesIndex: number;
+    readonly color: string;
+    readonly value: number | string | (number | string)[];
+    readonly name: string;
+    readonly dataIndex?: number;
+    readonly axisValue?: string;
+    readonly axisValueLabel?: string;
+    readonly data?: unknown;
+    readonly marker?: string;
+}
+export type TooltipStyleClasses = Readonly<Record<string, string>>;
+export type Translator = (key: string) => string;
+export interface SharedTooltipItem {
+    readonly name: string;
+    readonly value: number | string;
+    readonly color: string;
+    readonly icon?: FluxIconName;
+    readonly seriesIndex?: number;
+    readonly dataIndex?: number;
+}
+export type ChartTooltipValueFormatter = (value: number | string, item: SharedTooltipItem) => string;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@flux-ui/statistics",
     "description": "Statistics components for the Flux UI library.",
-    "version": "3.0.0-next.67",
+    "version": "3.0.0-next.69",
     "type": "module",
     "license": "MIT",
     "funding": "https://github.com/sponsors/basmilius",
@@ -49,29 +49,28 @@
     "types": "./dist/index.d.ts",
     "sideEffects": false,
     "dependencies": {
-        "@basmilius/common": "^3.30.0",
-        "@basmilius/utils": "^3.30.0",
-        "@flux-ui/components": "3.0.0-next.67",
-        "@flux-ui/internals": "3.0.0-next.67",
-        "@flux-ui/types": "3.0.0-next.67",
+        "@basmilius/common": "^3.33.0",
+        "@basmilius/utils": "^3.33.0",
+        "@flux-ui/components": "3.0.0-next.69",
+        "@flux-ui/internals": "3.0.0-next.69",
+        "@flux-ui/types": "3.0.0-next.69",
         "clsx": "^2.1.1"
     },
     "peerDependencies": {
-        "apexcharts": "^5.10.6",
+        "echarts": "^6.0.0",
         "lodash-es": "^4.18.1",
-        "vue": "^3.6.0-beta.11",
-        "vue-i18n": "^11.4.2",
-        "vue3-apexcharts": "^1.11.1"
+        "vue": "^3.6.0-beta.12",
+        "vue-i18n": "^11.4.2"
     },
     "devDependencies": {
-        "@basmilius/vite-preset": "^3.30.0",
+        "@basmilius/vite-preset": "^3.33.0",
         "@types/lodash-es": "^4.17.12",
-        "@types/node": "^25.6.0",
-        "@vitejs/plugin-vue": "^6.0.6",
+        "@types/node": "^25.8.0",
+        "@vitejs/plugin-vue": "^6.0.7",
         "@vue/tsconfig": "^0.9.1",
         "sass-embedded": "^1.99.0",
         "typescript": "^6.0.3",
-        "vite": "^8.0.11",
-        "vue-tsc": "^3.2.8"
+        "vite": "^8.0.13",
+        "vue-tsc": "^3.2.9"
     }
 }