@skdx/angular-charts 0.33.0 → 0.34.0

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

@@ -2,7 +2,7 @@ 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. */
+/** One polyline per series with a dot per value; series may also be bars, areas or ranges. */
 declare class SkdxLineChartComponent extends SkdxChartBase {
     protected readonly layout: i0.Signal<_skdx_angular_charts_internal.Canvas>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkdxLineChartComponent, never>;

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

@@ -2,14 +2,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. */
+/** A choropleth of GeoJSON 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>;
+    readonly projection: _angular_core.InputSignal<"equirectangular" | "mercator" | undefined>;
+    protected readonly layout: _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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxMapChartComponent, "skdx-map-chart", never, { "features": { "alias": "features"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "projection": { "alias": "projection"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { SkdxMapChartComponent };

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

@@ -2,14 +2,22 @@ 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. */
+/** A pie, a donut when `innerRadius` is set, or a half circle with `startAngle`/`endAngle`; 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>;
+    /** Write each slice's name and share on the slice. */
+    readonly labels: _angular_core.InputSignal<boolean>;
+    /** Degrees clockwise from 12 o'clock where the first slice starts. */
+    readonly startAngle: _angular_core.InputSignal<number | undefined>;
+    /** Degrees where the last slice ends; -90/90 makes a half circle. */
+    readonly endAngle: _angular_core.InputSignal<number | undefined>;
+    /** Text in the middle of a donut. */
+    readonly centerLabel: _angular_core.InputSignal<string | 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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxPieChartComponent, "skdx-pie-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "innerRadius": { "alias": "innerRadius"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "startAngle": { "alias": "startAngle"; "required": false; "isSignal": true; }; "endAngle": { "alias": "endAngle"; "required": false; "isSignal": true; }; "centerLabel": { "alias": "centerLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { SkdxPieChartComponent };

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

@@ -5,11 +5,16 @@ 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>;
+    /** Scale every series to its own maximum, so rings read as percentages. */
+    readonly normalize: _angular_core.InputSignal<boolean>;
+    /** Outer ring value. */
+    readonly max: _angular_core.InputSignal<number | undefined>;
+    /** Fill the polygons. */
+    readonly fill: _angular_core.InputSignal<boolean>;
+    protected readonly layout: _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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxRadarChartComponent, "skdx-radar-chart", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; "categories": { "alias": "categories"; "required": true; "isSignal": true; }; "normalize": { "alias": "normalize"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { SkdxRadarChartComponent };

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

@@ -0,0 +1,34 @@
+import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
+import { SkdxSizedBase, Datum, RadialBand } from '@skdx/angular-charts/internal';
+import * as _angular_core from '@angular/core';
+
+/** Concentric arcs, one per datum, each a share of `max`: KPI completion, utilization, quota, health. */
+declare class SkdxRadialBarChartComponent extends SkdxSizedBase {
+    readonly data: _angular_core.InputSignal<Datum[]>;
+    /** The value a full arc represents. */
+    readonly max: _angular_core.InputSignal<number | undefined>;
+    /** Degrees clockwise from 12 o'clock. */
+    readonly startAngle: _angular_core.InputSignal<number | undefined>;
+    readonly endAngle: _angular_core.InputSignal<number | undefined>;
+    /** Hole radius as a fraction of the outer radius. */
+    readonly innerRadius: _angular_core.InputSignal<number | undefined>;
+    /** Gap between arcs as a fraction of one arc's thickness. */
+    readonly gap: _angular_core.InputSignal<number | undefined>;
+    /** Draw the full-range track behind each arc. */
+    readonly track: _angular_core.InputSignal<boolean>;
+    /** Round the arc ends. */
+    readonly rounded: _angular_core.InputSignal<boolean>;
+    /** Write each name and value at the arc start. */
+    readonly labels: _angular_core.InputSignal<boolean>;
+    /** Threshold sectors outside the arcs, in value units. */
+    readonly bands: _angular_core.InputSignal<RadialBand[] | undefined>;
+    /** A tick across every arc at this value. */
+    readonly target: _angular_core.InputSignal<number | undefined>;
+    /** Text in the middle, e.g. the headline value. */
+    readonly centerLabel: _angular_core.InputSignal<string | undefined>;
+    protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxRadialBarChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxRadialBarChartComponent, "skdx-radial-bar-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "startAngle": { "alias": "startAngle"; "required": false; "isSignal": true; }; "endAngle": { "alias": "endAngle"; "required": false; "isSignal": true; }; "innerRadius": { "alias": "innerRadius"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "track": { "alias": "track"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "bands": { "alias": "bands"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "centerLabel": { "alias": "centerLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SkdxRadialBarChartComponent };

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

@@ -2,10 +2,10 @@ 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. */
+/** Flows between nodes, node heights and ribbon widths by value. */
 declare class SkdxSankeyChartComponent extends SkdxSizedBase {
     readonly links: _angular_core.InputSignal<SankeyLink[]>;
-    protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    protected readonly layout: _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>;
 }

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

@@ -1,13 +1,20 @@
 import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
-import { SkdxSizedBase, ScatterSeries } from '@skdx/angular-charts/internal';
+import { SkdxSizedBase, ScatterSeries, AxisOptions, Reference } from '@skdx/angular-charts/internal';
 import * as _angular_core from '@angular/core';
 
-/** One dot per `[x, y]` pair on two linear axes. */
+/** One dot per `[x, y]` pair, or a bubble per `[x, y, size]` triple, on two linear axes. */
 declare class SkdxScatterChartComponent extends SkdxSizedBase {
     readonly series: _angular_core.InputSignal<ScatterSeries[]>;
+    /** Bubble radius range in pixels. */
+    readonly sizeRange: _angular_core.InputSignal<[number, number] | undefined>;
+    /** Least-squares line per series. */
+    readonly trendline: _angular_core.InputSignal<boolean>;
+    readonly xAxis: _angular_core.InputSignal<AxisOptions | undefined>;
+    readonly yAxis: _angular_core.InputSignal<AxisOptions | undefined>;
+    readonly references: _angular_core.InputSignal<Reference[] | undefined>;
     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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxScatterChartComponent, "skdx-scatter-chart", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; "sizeRange": { "alias": "sizeRange"; "required": false; "isSignal": true; }; "trendline": { "alias": "trendline"; "required": false; "isSignal": true; }; "xAxis": { "alias": "xAxis"; "required": false; "isSignal": true; }; "yAxis": { "alias": "yAxis"; "required": false; "isSignal": true; }; "references": { "alias": "references"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { SkdxScatterChartComponent };

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

@@ -1,14 +1,22 @@
 import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
-import { SkdxSizedBase } from '@skdx/angular-charts/internal';
+import { SkdxSizedBase, Value, Curve } from '@skdx/angular-charts/internal';
 import * as _angular_core from '@angular/core';
 
-/** A small axis-less trend line with the last point marked. */
+/** A small axis-less trend: an area, a bare line or bars, with optional extremes and last value. */
 declare class SkdxSparklineComponent extends SkdxSizedBase {
-    readonly data: _angular_core.InputSignal<number[]>;
+    readonly data: _angular_core.InputSignal<Value[]>;
     readonly color: _angular_core.InputSignal<string | undefined>;
-    protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    readonly curve: _angular_core.InputSignal<Curve | undefined>;
+    readonly variant: _angular_core.InputSignal<"area" | "line" | "bar" | undefined>;
+    /** Color by direction: success when rising, danger when falling. */
+    readonly trend: _angular_core.InputSignal<boolean>;
+    /** Mark the minimum and maximum. */
+    readonly extremes: _angular_core.InputSignal<boolean>;
+    /** Write the last value after the line. */
+    readonly lastValue: _angular_core.InputSignal<boolean>;
+    protected readonly layout: _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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxSparklineComponent, "skdx-sparkline", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "curve": { "alias": "curve"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "trend": { "alias": "trend"; "required": false; "isSignal": true; }; "extremes": { "alias": "extremes"; "required": false; "isSignal": true; }; "lastValue": { "alias": "lastValue"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { SkdxSparklineComponent };

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

@@ -2,10 +2,10 @@ 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. */
+/** Nested rings, one per tree depth, children inside their parent's span. */
 declare class SkdxSunburstChartComponent extends SkdxSizedBase {
     readonly data: _angular_core.InputSignal<TreeNode[]>;
-    protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    protected readonly layout: _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>;
 }

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

@@ -1,11 +1,11 @@
 import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
-import { SkdxSizedBase, Datum } from '@skdx/angular-charts/internal';
+import { SkdxSizedBase, TreeNode } from '@skdx/angular-charts/internal';
 import * as _angular_core from '@angular/core';
 
-/** Squarified tiles, one per datum, sized by value. */
+/** Squarified tiles by value; branches are outlined and their children tiled inside. */
 declare class SkdxTreemapComponent extends SkdxSizedBase {
-    readonly data: _angular_core.InputSignal<Datum[]>;
-    protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    readonly data: _angular_core.InputSignal<TreeNode[]>;
+    protected readonly layout: _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>;
 }

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

@@ -2,12 +2,12 @@ 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. */
+/** Signed deltas stacked on the running total, with an optional closing total bar. */
 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>;
+    protected readonly layout: _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>;
 }

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

@@ -16,4 +16,5 @@ 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';
+export { SkdxRadialBarChartComponent } from '@skdx/angular-charts/radial';
+export { AxisOptions, CalendarCell, Candle, CartesianSeries, Category, ChartItem, Curve, Datum, Format, GanttTask, GeoMultiPolygon, GeoPolygon, MapFeature, RadialBand, RangeSeries, Reference, SankeyLink, ScatterSeries, Series, TreeNode, Value, Variant, Zoom, csv, makeFormatter, seriesCsv, svgMarkup } from '@skdx/angular-charts/internal';