@internetstiftelsen/charts 0.5.1 → 0.6.0

package/export-tabular.js

@@ -1,3 +1,5 @@
+import { isGroupedData } from './grouped-data.js';
+import { toGroupedTabularData } from './grouped-tabular.js';
 function normalizeTableValue(value) {
     if (value === null || value === undefined) {
         return '';
@@ -27,6 +29,9 @@ function escapeCSVValue(value, delimiter) {
     return `"${escaped}"`;
 }
 export function resolveTableColumns(data, requestedColumns) {
+    if (isGroupedData(data)) {
+        return toGroupedTabularData(data).columns;
+    }
     if (requestedColumns && requestedColumns.length > 0) {
         return requestedColumns;
     }
@@ -43,6 +48,9 @@ export function resolveTableColumns(data, requestedColumns) {
     return columns;
 }
 export function toTabularData(data, requestedColumns) {
+    if (isGroupedData(data)) {
+        return toGroupedTabularData(data, requestedColumns);
+    }
     const columns = resolveTableColumns(data, requestedColumns);
     const rows = data.map((item) => columns.map((column) => normalizeTableValue(item[column])));
     return {

package/export-xlsx.d.ts

@@ -1,4 +1,4 @@
-import type { DataItem, ExportOptions } from './types.js';
+import type { ChartData, ExportOptions } from './types.js';
 type XlsxLoader = () => Promise<unknown>;
-export declare function exportXLSXBlob(data: DataItem[], options?: ExportOptions, loader?: XlsxLoader): Promise<Blob>;
+export declare function exportXLSXBlob(data: ChartData, options?: ExportOptions, loader?: XlsxLoader): Promise<Blob>;
 export {};

package/gauge-chart.d.ts

@@ -0,0 +1,138 @@
+import type { DataItem } from './types.js';
+import { BaseChart, type BaseChartConfig } from './base-chart.js';
+import type { ChartComponent, LayoutAwareComponent } from './chart-interface.js';
+export type GaugeSegment = {
+    from: number;
+    to: number;
+    color?: string;
+    label?: string;
+};
+export type GaugeNeedleConfig = {
+    show?: boolean;
+    color?: string;
+    width?: number;
+    lengthRatio?: number;
+    capRadius?: number;
+};
+export type GaugeMarkerConfig = {
+    show?: boolean;
+    color?: string;
+    width?: number;
+};
+export type GaugeTickConfig = {
+    count?: number;
+    show?: boolean;
+    showLines?: boolean;
+    showLabels?: boolean;
+    size?: number;
+    labelOffset?: number;
+    formatter?: (value: number) => string;
+    labelStyle?: GaugeLabelStyle;
+};
+export type GaugeLabelStyle = {
+    fontSize?: number | string;
+    fontFamily?: string;
+    fontWeight?: number | string;
+    color?: string;
+};
+export type GaugeConfig = {
+    value?: number;
+    min?: number;
+    max?: number;
+    halfCircle?: boolean;
+    startAngle?: number;
+    endAngle?: number;
+    innerRadius?: number;
+    thickness?: number;
+    cornerRadius?: number;
+    trackColor?: string;
+    progressColor?: string;
+    targetColor?: string;
+    segmentStyle?: 'solid' | 'gradient';
+    segments?: GaugeSegment[];
+    needle?: boolean | GaugeNeedleConfig;
+    marker?: boolean | GaugeMarkerConfig;
+    showValue?: boolean;
+    valueFormatter?: (value: number) => string;
+    valueLabelStyle?: GaugeLabelStyle;
+    targetValue?: number;
+    ticks?: GaugeTickConfig;
+};
+export type GaugeChartConfig = BaseChartConfig & {
+    gauge?: GaugeConfig;
+    valueKey?: string;
+    targetValueKey?: string;
+};
+export declare class GaugeChart extends BaseChart {
+    private readonly configuredValue;
+    private readonly configuredTargetValue;
+    private readonly configuredSegments;
+    private readonly valueKey;
+    private readonly targetValueKey;
+    private readonly minValue;
+    private readonly maxValue;
+    private readonly halfCircle;
+    private readonly startAngle;
+    private readonly endAngle;
+    private readonly innerRadiusRatio;
+    private readonly thickness;
+    private readonly cornerRadius;
+    private readonly trackColor;
+    private readonly progressColor;
+    private readonly targetColor;
+    private readonly segmentStyle;
+    private readonly valueFormatter;
+    private readonly showValue;
+    private readonly needle;
+    private readonly marker;
+    private readonly ticks;
+    private readonly tickLabelStyle;
+    private readonly valueLabelStyle;
+    private segments;
+    private value;
+    private targetValue;
+    constructor(config: GaugeChartConfig);
+    private normalizeNeedleConfig;
+    private normalizeMarkerConfig;
+    private getThemePaletteColor;
+    private normalizeTickConfig;
+    private normalizeTickLabelStyle;
+    private normalizeValueLabelStyle;
+    private validateGaugeConfig;
+    private validateSegments;
+    private refreshResolvedValues;
+    private resolveValue;
+    private resolveTargetValue;
+    private warnIfMultipleRows;
+    private parseFiniteNumber;
+    private clampToDomain;
+    private prepareSegments;
+    private defaultFormat;
+    addChild(component: ChartComponent): this;
+    protected getExportComponents(): ChartComponent[];
+    update(data: DataItem[]): void;
+    protected getLayoutComponents(): LayoutAwareComponent[];
+    protected createExportChart(): BaseChart;
+    protected renderChart(): void;
+    private buildAriaLabel;
+    private findSegmentStatusLabel;
+    private getVisibleSegments;
+    private resolveProgressColor;
+    private valueToAngle;
+    private getProgressRadii;
+    private pointAt;
+    private renderTrack;
+    private renderSegments;
+    private renderGradientSegments;
+    private renderProgress;
+    private renderTicks;
+    private renderTargetMarker;
+    private renderNeedle;
+    private renderCurrentValueMarker;
+    private renderValueText;
+    private attachTooltipLayer;
+    private resolveTooltipDiv;
+    private buildTooltipContent;
+    private positionTooltip;
+    private renderLegend;
+}