@skdx/angular-charts 0.34.0 → 0.34.1

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

@@ -7,9 +7,15 @@ declare class SkdxFunnelChartComponent extends SkdxSizedBase {
     readonly data: _angular_core.InputSignal<Datum[]>;
     readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal" | undefined>;
     readonly variant: _angular_core.InputSignal<"funnel" | "pyramid" | undefined>;
+    /** Gap between stages in pixels. */
+    readonly gap: _angular_core.InputSignal<number | undefined>;
+    /** Stage labels inside, beside, or hidden. */
+    readonly labelPosition: _angular_core.InputSignal<"inside" | "outside" | "none" | undefined>;
+    /** Order stages by value. */
+    readonly sort: _angular_core.InputSignal<"asc" | "desc" | undefined>;
     protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxFunnelChartComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxFunnelChartComponent, "skdx-funnel-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxFunnelChartComponent, "skdx-funnel-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { SkdxFunnelChartComponent };

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

@@ -1,5 +1,5 @@
 import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
-import { SkdxSizedBase, GanttTask, Reference } from '@skdx/angular-charts/internal';
+import { SkdxSizedBase, GanttTask, Reference, Annotation, AxisOptions } from '@skdx/angular-charts/internal';
 import * as _angular_core from '@angular/core';
 
 /** Intervals on a numeric time axis, one row per task or per `group`. */
@@ -7,9 +7,16 @@ declare class SkdxGanttChartComponent extends SkdxSizedBase {
     readonly tasks: _angular_core.InputSignal<GanttTask[]>;
     /** Vertical lines and bands in time coordinates, e.g. today. */
     readonly references: _angular_core.InputSignal<Reference[] | undefined>;
+    readonly annotations: _angular_core.InputSignal<Annotation[] | undefined>;
+    /** A labelled "Today" line at this time. */
+    readonly today: _angular_core.InputSignal<number | Date | undefined>;
+    /** Highlight the longest dependency chain. */
+    readonly criticalPath: _angular_core.InputSignal<boolean>;
+    /** How task times are written. */
+    readonly xAxis: _angular_core.InputSignal<Pick<AxisOptions, "format" | "label" | "ticks"> | undefined>;
     protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxGanttChartComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxGanttChartComponent, "skdx-gantt-chart", never, { "tasks": { "alias": "tasks"; "required": true; "isSignal": true; }; "references": { "alias": "references"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxGanttChartComponent, "skdx-gantt-chart", never, { "tasks": { "alias": "tasks"; "required": true; "isSignal": true; }; "references": { "alias": "references"; "required": false; "isSignal": true; }; "annotations": { "alias": "annotations"; "required": false; "isSignal": true; }; "today": { "alias": "today"; "required": false; "isSignal": true; }; "criticalPath": { "alias": "criticalPath"; "required": false; "isSignal": true; }; "xAxis": { "alias": "xAxis"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { SkdxGanttChartComponent };

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

@@ -0,0 +1,36 @@
+import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
+import { SkdxSizedBase, Band } from '@skdx/angular-charts/internal';
+import * as _angular_core from '@angular/core';
+
+/** One reading on an arc scale: a needle over threshold bands (`radial`), or the arc filled up to the value (`solid`). */
+declare class SkdxGaugeChartComponent extends SkdxSizedBase {
+    /** The reading; values outside min–max are clamped. */
+    readonly value: _angular_core.InputSignal<number>;
+    /** Scale start. Defaults to 0. */
+    readonly min: _angular_core.InputSignal<number | undefined>;
+    /** Scale end. Defaults to 100. */
+    readonly max: _angular_core.InputSignal<number | undefined>;
+    readonly variant: _angular_core.InputSignal<"radial" | "solid" | undefined>;
+    /** Degrees clockwise from 12 o'clock; -90/90 is a semi-circle. */
+    readonly startAngle: _angular_core.InputSignal<number | undefined>;
+    readonly endAngle: _angular_core.InputSignal<number | undefined>;
+    /** Arc thickness as a fraction of the radius. */
+    readonly thickness: _angular_core.InputSignal<number | undefined>;
+    /** Threshold sectors in value units. */
+    readonly bands: _angular_core.InputSignal<Band[] | undefined>;
+    /** A marker at this value. */
+    readonly target: _angular_core.InputSignal<number | undefined>;
+    /** Tick count including both ends; 0 for none. Defaults to 5. */
+    readonly ticks: _angular_core.InputSignal<number | undefined>;
+    /** Write the tick values. */
+    readonly tickLabels: _angular_core.InputSignal<boolean>;
+    /** Text in the middle; defaults to the formatted value. */
+    readonly centerLabel: _angular_core.InputSignal<string | undefined>;
+    /** Smaller text under the value, e.g. the metric name. */
+    readonly caption: _angular_core.InputSignal<string | undefined>;
+    protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxGaugeChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxGaugeChartComponent, "skdx-gauge-chart", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "startAngle": { "alias": "startAngle"; "required": false; "isSignal": true; }; "endAngle": { "alias": "endAngle"; "required": false; "isSignal": true; }; "thickness": { "alias": "thickness"; "required": false; "isSignal": true; }; "bands": { "alias": "bands"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "ticks": { "alias": "ticks"; "required": false; "isSignal": true; }; "tickLabels": { "alias": "tickLabels"; "required": false; "isSignal": true; }; "centerLabel": { "alias": "centerLabel"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SkdxGaugeChartComponent };

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

@@ -1,5 +1,5 @@
 import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
-import { SkdxSizedBase, Value, CalendarCell } from '@skdx/angular-charts/internal';
+import { SkdxSizedBase, Value, CalendarCell, ColorScale } from '@skdx/angular-charts/internal';
 import * as _angular_core from '@angular/core';
 
 /** A grid of cells whose opacity follows the value; `calendar` lays days out as weekday rows and week columns. */
@@ -18,9 +18,27 @@ declare class SkdxHeatmapComponent extends SkdxSizedBase {
     readonly labels: _angular_core.InputSignal<boolean>;
     /** Value range the opacity ramp covers. */
     readonly domain: _angular_core.InputSignal<[number, number] | undefined>;
+    /** Quantize the color ramp into this many steps. */
+    readonly steps: _angular_core.InputSignal<number | undefined>;
+    /** First day of the calendar week. */
+    readonly weekStart: _angular_core.InputSignal<"monday" | "sunday" | undefined>;
+    /** A full color scale; wins over color/diverging/steps/domain. */
+    readonly colorScale: _angular_core.InputSignal<ColorScale | undefined>;
+    /** Draw the color scale under the grid. */
+    readonly colorLegend: _angular_core.InputSignal<boolean>;
+    /** Fill for null cells. */
+    readonly missingColor: _angular_core.InputSignal<string | undefined>;
+    /** Gap between cells in pixels. */
+    readonly cellGap: _angular_core.InputSignal<number | undefined>;
+    /** Cell corner radius in pixels. */
+    readonly cellRadius: _angular_core.InputSignal<number | undefined>;
+    /** Order rows by their sum. */
+    readonly rowOrder: _angular_core.InputSignal<"asc" | "desc" | undefined>;
+    /** Order columns by their sum. */
+    readonly columnOrder: _angular_core.InputSignal<"asc" | "desc" | undefined>;
     protected readonly layout: _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": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "diverging": { "alias": "diverging"; "required": false; "isSignal": true; }; "negativeColor": { "alias": "negativeColor"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "domain": { "alias": "domain"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxHeatmapComponent, "skdx-heatmap", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "diverging": { "alias": "diverging"; "required": false; "isSignal": true; }; "negativeColor": { "alias": "negativeColor"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "domain": { "alias": "domain"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "weekStart": { "alias": "weekStart"; "required": false; "isSignal": true; }; "colorScale": { "alias": "colorScale"; "required": false; "isSignal": true; }; "colorLegend": { "alias": "colorLegend"; "required": false; "isSignal": true; }; "missingColor": { "alias": "missingColor"; "required": false; "isSignal": true; }; "cellGap": { "alias": "cellGap"; "required": false; "isSignal": true; }; "cellRadius": { "alias": "cellRadius"; "required": false; "isSignal": true; }; "rowOrder": { "alias": "rowOrder"; "required": false; "isSignal": true; }; "columnOrder": { "alias": "columnOrder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { SkdxHeatmapComponent };

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

@@ -0,0 +1,34 @@
+import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
+import { SkdxSizedBase, Value, AxisOptions, Reference, Annotation } from '@skdx/angular-charts/internal';
+import * as _angular_core from '@angular/core';
+
+/** The distribution of a raw sample in equal-width or explicit bins, as counts, density or shares. */
+declare class SkdxHistogramComponent extends SkdxSizedBase {
+    /** The raw sample. */
+    readonly data: _angular_core.InputSignal<Value[]>;
+    /** Series name in tooltips and the legend. */
+    readonly name: _angular_core.InputSignal<string | undefined>;
+    readonly color: _angular_core.InputSignal<string | undefined>;
+    /** Bin count; defaults to Sturges' rule. */
+    readonly bins: _angular_core.InputSignal<number | undefined>;
+    /** Bin width; wins over bins. */
+    readonly binWidth: _angular_core.InputSignal<number | undefined>;
+    /** Explicit ascending bin edges. */
+    readonly thresholds: _angular_core.InputSignal<number[] | undefined>;
+    /** Value range binned; samples outside are dropped. */
+    readonly domain: _angular_core.InputSignal<[number, number] | undefined>;
+    readonly mode: _angular_core.InputSignal<"count" | "density" | "percent" | undefined>;
+    readonly xAxis: _angular_core.InputSignal<Pick<AxisOptions, "format" | "label"> | undefined>;
+    readonly yAxis: _angular_core.InputSignal<AxisOptions | undefined>;
+    readonly references: _angular_core.InputSignal<Reference[] | undefined>;
+    readonly annotations: _angular_core.InputSignal<Annotation[] | undefined>;
+    /** Write each bin's value above its bar. */
+    readonly labels: _angular_core.InputSignal<boolean>;
+    /** Share of each bin slot left empty. */
+    readonly barGap: _angular_core.InputSignal<number | undefined>;
+    protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxHistogramComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxHistogramComponent, "skdx-histogram", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "bins": { "alias": "bins"; "required": false; "isSignal": true; }; "binWidth": { "alias": "binWidth"; "required": false; "isSignal": true; }; "thresholds": { "alias": "thresholds"; "required": false; "isSignal": true; }; "domain": { "alias": "domain"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "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; }; "annotations": { "alias": "annotations"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "barGap": { "alias": "barGap"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SkdxHistogramComponent };

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

@@ -0,0 +1,29 @@
+import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
+import { SkdxSizedBase, TreeNode, ChartItemId, ColorScale } from '@skdx/angular-charts/internal';
+import * as _angular_core from '@angular/core';
+
+/** A rectangular sunburst: one row per depth, children inside their parent's span. */
+declare class SkdxIcicleChartComponent extends SkdxSizedBase {
+    readonly data: _angular_core.InputSignal<TreeNode[]>;
+    /** Root row at the top, or root column at the left. */
+    readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal" | undefined>;
+    /** Id (or name) of the node shown as the whole chart. */
+    readonly rootId: _angular_core.InputSignal<ChartItemId | undefined>;
+    /** Write the path to `rootId` above the cells. */
+    readonly breadcrumbs: _angular_core.InputSignal<boolean>;
+    /** Deepest level drawn. */
+    readonly maxDepth: _angular_core.InputSignal<number | undefined>;
+    /** Cell order inside a parent. */
+    readonly sort: _angular_core.InputSignal<"asc" | "desc" | "none" | undefined>;
+    /** Write names on cells wide enough. */
+    readonly labels: _angular_core.InputSignal<boolean>;
+    /** Gap between cells, in pixels. */
+    readonly padding: _angular_core.InputSignal<number | undefined>;
+    /** Colors cells by their value. */
+    readonly colorScale: _angular_core.InputSignal<ColorScale | undefined>;
+    protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxIcicleChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxIcicleChartComponent, "skdx-icicle-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "rootId": { "alias": "rootId"; "required": false; "isSignal": true; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; "isSignal": true; }; "maxDepth": { "alias": "maxDepth"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "colorScale": { "alias": "colorScale"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SkdxIcicleChartComponent };