@skdx/angular-charts 0.1.0

package/types/skdx-angular-charts-heatmap.d.ts

@@ -0,0 +1,18 @@
+import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
+import { SkdxSizedBase } from '@skdx/angular-charts/internal';
+import * as _angular_core from '@angular/core';
+
+/** A grid of cells whose opacity follows the value. */
+declare class SkdxHeatmapComponent extends SkdxSizedBase {
+    readonly rows: _angular_core.InputSignal<string[]>;
+    readonly columns: _angular_core.InputSignal<string[]>;
+    /** `data[row][column]`. */
+    readonly data: _angular_core.InputSignal<number[][]>;
+    /** The cell color; each cell's opacity follows its value. */
+    readonly color: _angular_core.InputSignal<string | undefined>;
+    protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxHeatmapComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxHeatmapComponent, "skdx-heatmap", never, { "rows": { "alias": "rows"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SkdxHeatmapComponent };

package/types/skdx-angular-charts-internal.d.ts

@@ -0,0 +1,358 @@
+import * as _angular_core from '@angular/core';
+
+/** One plotted series: a name for the legend/title and a value per category. */
+interface Series {
+    name: string;
+    data: number[];
+    /** Any CSS color; defaults to the next `@skdx/tokens` series color. */
+    color?: string | undefined;
+}
+/** One named value, for the part-of-whole charts (pie, funnel). */
+interface Datum {
+    name: string;
+    value: number;
+    color?: string | undefined;
+}
+interface Sized {
+    /** @default 600 (300 for the round charts, 120 for sparklines) */
+    width?: number | undefined;
+    /** @default 300 (32 for sparklines) */
+    height?: number | undefined;
+    /** Draw a legend row above the plot. @default false */
+    legend?: boolean | undefined;
+    /** Show a hover tooltip for the mark under the pointer. @default true */
+    tooltip?: boolean | undefined;
+}
+type Curve = 'linear' | 'monotone';
+interface ChartInput extends Sized {
+    series: Series[];
+    /** X-axis labels; defaults to the 1-based index of each point. */
+    categories?: string[] | undefined;
+}
+interface BarChartInput extends ChartInput {
+    /** Stack series on top of each other instead of grouping them side by side. @default false */
+    stacked?: boolean | undefined;
+}
+interface LineChartInput extends ChartInput {
+    /** Straight segments, or a monotone cubic that never overshoots the data. @default 'linear' */
+    curve?: Curve | undefined;
+}
+type AreaChartInput = LineChartInput;
+interface PieChartInput extends Sized {
+    data: Datum[];
+    /** Hole radius as a fraction of the outer radius: 0 is a pie, 0.6 a donut. @default 0 */
+    innerRadius?: number | undefined;
+    /** Write each slice's name and share on the slice. @default false */
+    labels?: boolean | undefined;
+}
+interface ScatterSeries {
+    name: string;
+    /** `[x, y]` pairs. */
+    data: [number, number][];
+    color?: string | undefined;
+}
+interface ScatterChartInput extends Sized {
+    series: ScatterSeries[];
+}
+interface SparklineInput extends Sized {
+    data: number[];
+    color?: string | undefined;
+    /** @default 'linear' */
+    curve?: Curve | undefined;
+}
+interface RadarChartInput extends Sized {
+    series: Series[];
+    /** One axis per category. */
+    categories: string[];
+    /** Scale every series to its own maximum, so rings read as percentages. @default false */
+    normalize?: boolean | undefined;
+}
+interface HeatmapInput extends Sized {
+    rows: string[];
+    columns: string[];
+    /** `data[row][column]`. */
+    data: number[][];
+    /** The cell color; each cell's opacity follows its value. */
+    color?: string | undefined;
+    /** Split around zero: values below use `negativeColor`, opacity follows the distance from zero. @default false */
+    diverging?: boolean | undefined;
+    /** @default the tokens danger color */
+    negativeColor?: string | undefined;
+}
+interface FunnelChartInput extends Sized {
+    data: Datum[];
+}
+interface Tick {
+    /** Pixel position along the axis. */
+    pos: number;
+    label: string;
+}
+interface Box {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+/** What every axis chart shares: the outer size, the plot box and the axis ticks. */
+interface Frame extends Canvas {
+    plot: Box;
+    xTicks: Tick[];
+    yTicks: Tick[];
+    /** Pixel y of value 0 (clamped into the plot): where bars and areas start and the x axis is drawn. */
+    baseline: number;
+}
+interface SankeyLink {
+    source: string;
+    target: string;
+    value: number;
+}
+interface SankeyInput extends Sized {
+    /** Nodes are derived from the link endpoints, in order of first appearance. */
+    links: SankeyLink[];
+}
+interface TreemapInput extends Sized {
+    /** Flat data, or a tree: branches are outlined and their children tiled inside. */
+    data: TreeNode[];
+}
+interface Candle {
+    label: string;
+    open: number;
+    high: number;
+    low: number;
+    close: number;
+}
+interface CandlestickInput extends Sized {
+    data: Candle[];
+    /** @default 'linear' */
+    scale?: 'linear' | 'log' | undefined;
+}
+interface WaterfallInput extends Sized {
+    /** Signed deltas, applied in order. */
+    data: Datum[];
+    /** Label of a final bar showing the running total; omitted when unset. */
+    total?: string | undefined;
+}
+interface GanttTask {
+    name: string;
+    start: number;
+    end: number;
+    color?: string | undefined;
+}
+interface GanttInput extends Sized {
+    tasks: GanttTask[];
+    /** Formats the x-axis ticks, e.g. a timestamp as a date. @default formatValue */
+    format?: ((value: number) => string) | undefined;
+}
+interface BoxplotInput extends Sized {
+    /** One box per series, over that series' raw samples. */
+    series: Series[];
+}
+interface TreeNode {
+    name: string;
+    /** Leaf size; a branch's size is the sum of its children when unset. */
+    value?: number | undefined;
+    children?: TreeNode[] | undefined;
+    color?: string | undefined;
+}
+interface SunburstInput extends Sized {
+    data: TreeNode[];
+}
+interface ChordInput extends Sized {
+    names: string[];
+    /** `matrix[i][j]` is the flow from `i` to `j`. */
+    matrix: number[][];
+}
+interface GeoPolygon {
+    type: 'Polygon';
+    /** Rings of `[longitude, latitude]` pairs. */
+    coordinates: [number, number][][];
+}
+interface GeoMultiPolygon {
+    type: 'MultiPolygon';
+    coordinates: [number, number][][][];
+}
+interface MapFeature {
+    name: string;
+    value: number;
+    geometry: GeoPolygon | GeoMultiPolygon;
+}
+interface MapInput extends Sized {
+    /** GeoJSON-shaped regions; drawn with an equirectangular projection fitted to their bounds. */
+    features: MapFeature[];
+    /** The region color; each region's opacity follows its value. */
+    color?: string | undefined;
+    /** @default 'equirectangular' */
+    projection?: 'equirectangular' | 'mercator' | undefined;
+}
+interface ShapeBase {
+    /** The `data-skdx-part` value, e.g. `node`, `link`, `grid`. */
+    part: string;
+    /** Native tooltip text. */
+    title?: string | undefined;
+}
+type Shape = (ShapeBase & {
+    kind: 'path';
+    d: string;
+    fill?: string | undefined;
+    stroke?: string | undefined;
+    strokeWidth?: number | undefined;
+    strokeLinecap?: 'round' | undefined;
+    strokeLinejoin?: 'round' | undefined;
+    opacity?: number | undefined;
+    fillOpacity?: number | undefined;
+}) | (ShapeBase & {
+    kind: 'rect';
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    fill: string;
+    stroke?: string | undefined;
+    opacity?: number | undefined;
+}) | (ShapeBase & {
+    kind: 'line';
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+    stroke: string;
+    dash?: string | undefined;
+}) | (ShapeBase & {
+    kind: 'circle';
+    cx: number;
+    cy: number;
+    r: number;
+    fill: string;
+}) | (ShapeBase & {
+    kind: 'text';
+    x: number;
+    y: number;
+    text: string;
+    anchor?: 'start' | 'middle' | 'end' | undefined;
+    baseline?: 'middle' | 'hanging' | undefined;
+    fill?: string | undefined;
+});
+/** What every layout returns: the outer size, the whole chart as shapes and the tooltip switch. */
+interface Canvas {
+    width: number;
+    height: number;
+    /** Everything drawn, back to front: grid, marks, legend and labels. */
+    shapes: Shape[];
+    tooltip: boolean;
+}
+interface LegendItem {
+    name: string;
+    color: string;
+}
+
+declare function layoutBarChart(input: BarChartInput): Canvas;
+
+declare function layoutLineChart(input: LineChartInput): Canvas;
+declare function layoutAreaChart(input: AreaChartInput): Canvas;
+
+declare function layoutScatterChart(input: ScatterChartInput): Canvas;
+
+declare function layoutPieChart(input: PieChartInput): Canvas;
+
+declare function layoutSparkline(input: SparklineInput): Canvas;
+
+declare function layoutRadarChart(input: RadarChartInput): Canvas;
+
+declare function layoutHeatmap(input: HeatmapInput): Canvas;
+
+declare function layoutFunnelChart(input: FunnelChartInput): Canvas;
+
+/**
+ * Tooltip shapes for the mark under the pointer, or none. Reads the mark's
+ * `<title>` and converts the pointer position into viewBox units.
+ */
+declare function hoverTooltip(target: EventTarget | null, svg: Element, clientX: number, clientY: number, width: number, height: number): Shape[];
+
+declare const CHART_COLORS: {
+    readonly axis: "var(--skdx-color-border-strong)";
+    readonly grid: "var(--skdx-color-border-subtle)";
+    readonly label: "var(--skdx-color-text-muted)";
+    readonly fontFamily: "var(--skdx-font-family)";
+    readonly fontSize: "var(--skdx-font-size-xs)";
+};
+
+declare function layoutSankey(input: SankeyInput): Canvas;
+
+declare function layoutTreemap(input: TreemapInput): Canvas;
+
+declare function layoutCandlestick(input: CandlestickInput): Canvas;
+
+declare function layoutWaterfall(input: WaterfallInput): Canvas;
+
+declare function layoutGantt(input: GanttInput): Canvas;
+
+declare function layoutBoxplot(input: BoxplotInput): Canvas;
+
+declare function layoutSunburst(input: SunburstInput): Canvas;
+
+declare function layoutChord(input: ChordInput): Canvas;
+
+/** Projection fitted to the features' bounds (equirectangular by default, or Mercator); opacity follows the value. */
+declare function layoutMap(input: MapInput): Canvas;
+
+/** The accessible `<svg>` root every chart renders into: projected marks, then decorations, then the hover tooltip. */
+declare class SkdxChartRootComponent {
+    readonly layout: _angular_core.InputSignal<Canvas>;
+    readonly kind: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
+    protected readonly colors: {
+        readonly axis: "var(--skdx-color-border-strong)";
+        readonly grid: "var(--skdx-color-border-subtle)";
+        readonly label: "var(--skdx-color-text-muted)";
+        readonly fontFamily: "var(--skdx-font-family)";
+        readonly fontSize: "var(--skdx-font-size-xs)";
+    };
+    protected readonly tip: _angular_core.WritableSignal<Shape[]>;
+    protected onPointerMove(e: PointerEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxChartRootComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxChartRootComponent, "skdx-chart-root", never, { "layout": { "alias": "layout"; "required": true; "isSignal": true; }; "kind": { "alias": "kind"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** The `<svg>` root, grid, axis and tick labels every axis chart shares; marks are projected. */
+declare abstract class SkdxSizedBase {
+    readonly width: _angular_core.InputSignal<number | undefined>;
+    readonly height: _angular_core.InputSignal<number | undefined>;
+    /** Accessible name of the chart; defaults to "<Kind> chart". */
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    /** Draw a legend row above the plot. */
+    readonly legend: _angular_core.InputSignal<boolean>;
+    /** Show a hover tooltip for the mark under the pointer. */
+    readonly tooltip: _angular_core.InputSignal<boolean>;
+    protected sized(): {
+        width: number | undefined;
+        height: number | undefined;
+        legend: boolean;
+        tooltip: boolean;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxSizedBase, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SkdxSizedBase, never, never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "legend": { "alias": "legend"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** Inputs the category charts take. */
+declare abstract class SkdxChartBase extends SkdxSizedBase {
+    readonly series: _angular_core.InputSignal<Series[]>;
+    readonly categories: _angular_core.InputSignal<string[] | undefined>;
+    protected input(): {
+        series: Series[];
+        categories: string[] | undefined;
+        width: number | undefined;
+        height: number | undefined;
+        legend: boolean;
+        tooltip: boolean;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxChartBase, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SkdxChartBase, never, never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Draws a core shape list back to front. */
+declare class SkdxChartShapesComponent {
+    readonly shapes: _angular_core.InputSignal<Shape[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxChartShapesComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxChartShapesComponent, "g[skdxChartShapes]", never, { "shapes": { "alias": "shapes"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { CHART_COLORS, SkdxChartBase, SkdxChartRootComponent, SkdxChartShapesComponent, SkdxSizedBase, hoverTooltip, layoutAreaChart, layoutBarChart, layoutBoxplot, layoutCandlestick, layoutChord, layoutFunnelChart, layoutGantt, layoutHeatmap, layoutLineChart, layoutMap, layoutPieChart, layoutRadarChart, layoutSankey, layoutScatterChart, layoutSparkline, layoutSunburst, layoutTreemap, layoutWaterfall };
+export type { AreaChartInput, BarChartInput, Box, BoxplotInput, Candle, CandlestickInput, Canvas, ChartInput, ChordInput, Curve, Datum, Frame, FunnelChartInput, GanttInput, GanttTask, GeoMultiPolygon, GeoPolygon, HeatmapInput, LegendItem, LineChartInput, MapFeature, MapInput, PieChartInput, RadarChartInput, SankeyInput, SankeyLink, ScatterChartInput, ScatterSeries, Series, Shape, Sized, SparklineInput, SunburstInput, Tick, TreeNode, TreemapInput, WaterfallInput };

package/types/skdx-angular-charts-line.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from '@angular/core';
+import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
+import { SkdxChartBase } from '@skdx/angular-charts/internal';
+
+/** One polyline per series with a dot per value. */
+declare class SkdxLineChartComponent extends SkdxChartBase {
+    protected readonly layout: i0.Signal<_skdx_angular_charts_internal.Canvas>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkdxLineChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkdxLineChartComponent, "skdx-line-chart", never, {}, {}, never, never, true, never>;
+}
+
+export { SkdxLineChartComponent };

package/types/skdx-angular-charts-map.d.ts

@@ -0,0 +1,15 @@
+import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
+import { SkdxSizedBase, MapFeature } from '@skdx/angular-charts/internal';
+import * as _angular_core from '@angular/core';
+
+/** Choropleth of GeoJSON-shaped regions, opacity by value. */
+declare class SkdxMapChartComponent extends SkdxSizedBase {
+    readonly features: _angular_core.InputSignal<MapFeature[]>;
+    /** The region color; each region's opacity follows its value. */
+    readonly color: _angular_core.InputSignal<string | undefined>;
+    protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxMapChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxMapChartComponent, "skdx-map-chart", never, { "features": { "alias": "features"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SkdxMapChartComponent };

package/types/skdx-angular-charts-pie.d.ts

@@ -0,0 +1,15 @@
+import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
+import { SkdxSizedBase, Datum } from '@skdx/angular-charts/internal';
+import * as _angular_core from '@angular/core';
+
+/** A pie, or a donut when `innerRadius` is set; one slice per datum. */
+declare class SkdxPieChartComponent extends SkdxSizedBase {
+    readonly data: _angular_core.InputSignal<Datum[]>;
+    /** Hole radius as a fraction of the outer radius: 0 is a pie, 0.6 a donut. */
+    readonly innerRadius: _angular_core.InputSignal<number | undefined>;
+    protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxPieChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxPieChartComponent, "skdx-pie-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "innerRadius": { "alias": "innerRadius"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SkdxPieChartComponent };

package/types/skdx-angular-charts-radar.d.ts

@@ -0,0 +1,15 @@
+import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
+import { SkdxSizedBase, Series } from '@skdx/angular-charts/internal';
+import * as _angular_core from '@angular/core';
+
+/** One polygon per series over a spoke per category. */
+declare class SkdxRadarChartComponent extends SkdxSizedBase {
+    readonly series: _angular_core.InputSignal<Series[]>;
+    /** One axis per category. */
+    readonly categories: _angular_core.InputSignal<string[]>;
+    protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxRadarChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxRadarChartComponent, "skdx-radar-chart", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; "categories": { "alias": "categories"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SkdxRadarChartComponent };

package/types/skdx-angular-charts-sankey.d.ts

@@ -0,0 +1,13 @@
+import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
+import { SkdxSizedBase, SankeyLink } from '@skdx/angular-charts/internal';
+import * as _angular_core from '@angular/core';
+
+/** Flows between nodes as ribbons, nodes placed by depth. */
+declare class SkdxSankeyChartComponent extends SkdxSizedBase {
+    readonly links: _angular_core.InputSignal<SankeyLink[]>;
+    protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxSankeyChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxSankeyChartComponent, "skdx-sankey-chart", never, { "links": { "alias": "links"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SkdxSankeyChartComponent };

package/types/skdx-angular-charts-scatter.d.ts

@@ -0,0 +1,13 @@
+import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
+import { SkdxSizedBase, ScatterSeries } from '@skdx/angular-charts/internal';
+import * as _angular_core from '@angular/core';
+
+/** One dot per `[x, y]` pair on two linear axes. */
+declare class SkdxScatterChartComponent extends SkdxSizedBase {
+    readonly series: _angular_core.InputSignal<ScatterSeries[]>;
+    protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxScatterChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxScatterChartComponent, "skdx-scatter-chart", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SkdxScatterChartComponent };

package/types/skdx-angular-charts-sparkline.d.ts

@@ -0,0 +1,14 @@
+import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
+import { SkdxSizedBase } from '@skdx/angular-charts/internal';
+import * as _angular_core from '@angular/core';
+
+/** A small axis-less trend line with the last point marked. */
+declare class SkdxSparklineComponent extends SkdxSizedBase {
+    readonly data: _angular_core.InputSignal<number[]>;
+    readonly color: _angular_core.InputSignal<string | undefined>;
+    protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxSparklineComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxSparklineComponent, "skdx-sparkline", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SkdxSparklineComponent };

package/types/skdx-angular-charts-sunburst.d.ts

@@ -0,0 +1,13 @@
+import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
+import { SkdxSizedBase, TreeNode } from '@skdx/angular-charts/internal';
+import * as _angular_core from '@angular/core';
+
+/** Nested rings, one per tree depth, children within their parent span. */
+declare class SkdxSunburstChartComponent extends SkdxSizedBase {
+    readonly data: _angular_core.InputSignal<TreeNode[]>;
+    protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxSunburstChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxSunburstChartComponent, "skdx-sunburst-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SkdxSunburstChartComponent };

package/types/skdx-angular-charts-treemap.d.ts

@@ -0,0 +1,13 @@
+import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
+import { SkdxSizedBase, Datum } from '@skdx/angular-charts/internal';
+import * as _angular_core from '@angular/core';
+
+/** Squarified tiles, one per datum, sized by value. */
+declare class SkdxTreemapComponent extends SkdxSizedBase {
+    readonly data: _angular_core.InputSignal<Datum[]>;
+    protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxTreemapComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxTreemapComponent, "skdx-treemap", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SkdxTreemapComponent };

package/types/skdx-angular-charts-waterfall.d.ts

@@ -0,0 +1,15 @@
+import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
+import { SkdxSizedBase, Datum } from '@skdx/angular-charts/internal';
+import * as _angular_core from '@angular/core';
+
+/** Signed deltas stacked on a running total. */
+declare class SkdxWaterfallChartComponent extends SkdxSizedBase {
+    readonly data: _angular_core.InputSignal<Datum[]>;
+    /** Label of a final bar showing the running total. */
+    readonly total: _angular_core.InputSignal<string | undefined>;
+    protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxWaterfallChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxWaterfallChartComponent, "skdx-waterfall-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SkdxWaterfallChartComponent };

package/types/skdx-angular-charts.d.ts

@@ -0,0 +1,19 @@
+export { SkdxBarChartComponent } from '@skdx/angular-charts/bar';
+export { SkdxLineChartComponent } from '@skdx/angular-charts/line';
+export { SkdxAreaChartComponent } from '@skdx/angular-charts/area';
+export { SkdxPieChartComponent } from '@skdx/angular-charts/pie';
+export { SkdxScatterChartComponent } from '@skdx/angular-charts/scatter';
+export { SkdxSparklineComponent } from '@skdx/angular-charts/sparkline';
+export { SkdxRadarChartComponent } from '@skdx/angular-charts/radar';
+export { SkdxHeatmapComponent } from '@skdx/angular-charts/heatmap';
+export { SkdxFunnelChartComponent } from '@skdx/angular-charts/funnel';
+export { SkdxSankeyChartComponent } from '@skdx/angular-charts/sankey';
+export { SkdxTreemapComponent } from '@skdx/angular-charts/treemap';
+export { SkdxCandlestickChartComponent } from '@skdx/angular-charts/candlestick';
+export { SkdxWaterfallChartComponent } from '@skdx/angular-charts/waterfall';
+export { SkdxGanttChartComponent } from '@skdx/angular-charts/gantt';
+export { SkdxBoxplotComponent } from '@skdx/angular-charts/boxplot';
+export { SkdxSunburstChartComponent } from '@skdx/angular-charts/sunburst';
+export { SkdxChordChartComponent } from '@skdx/angular-charts/chord';
+export { SkdxMapChartComponent } from '@skdx/angular-charts/map';
+export { Candle, Datum, GanttTask, GeoMultiPolygon, GeoPolygon, MapFeature, SankeyLink, ScatterSeries, Series, TreeNode } from '@skdx/angular-charts/internal';