@skdx/angular-charts 0.33.0 → 0.34.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (128) hide show
  1. package/README.md +104 -41
  2. package/fesm2022/skdx-angular-charts-area.mjs +36 -2
  3. package/fesm2022/skdx-angular-charts-area.mjs.map +1 -1
  4. package/fesm2022/skdx-angular-charts-bar.mjs +40 -15
  5. package/fesm2022/skdx-angular-charts-bar.mjs.map +1 -1
  6. package/fesm2022/skdx-angular-charts-boxplot.mjs +76 -8
  7. package/fesm2022/skdx-angular-charts-boxplot.mjs.map +1 -1
  8. package/fesm2022/skdx-angular-charts-bubble.mjs +119 -0
  9. package/fesm2022/skdx-angular-charts-bubble.mjs.map +1 -0
  10. package/fesm2022/skdx-angular-charts-bullet.mjs +110 -0
  11. package/fesm2022/skdx-angular-charts-bullet.mjs.map +1 -0
  12. package/fesm2022/skdx-angular-charts-bump.mjs +113 -0
  13. package/fesm2022/skdx-angular-charts-bump.mjs.map +1 -0
  14. package/fesm2022/skdx-angular-charts-candlestick.mjs +76 -8
  15. package/fesm2022/skdx-angular-charts-candlestick.mjs.map +1 -1
  16. package/fesm2022/skdx-angular-charts-chord.mjs +63 -12
  17. package/fesm2022/skdx-angular-charts-chord.mjs.map +1 -1
  18. package/fesm2022/skdx-angular-charts-circle-packing.mjs +107 -0
  19. package/fesm2022/skdx-angular-charts-circle-packing.mjs.map +1 -0
  20. package/fesm2022/skdx-angular-charts-combo.mjs +82 -0
  21. package/fesm2022/skdx-angular-charts-combo.mjs.map +1 -0
  22. package/fesm2022/skdx-angular-charts-dumbbell.mjs +116 -0
  23. package/fesm2022/skdx-angular-charts-dumbbell.mjs.map +1 -0
  24. package/fesm2022/skdx-angular-charts-funnel.mjs +63 -8
  25. package/fesm2022/skdx-angular-charts-funnel.mjs.map +1 -1
  26. package/fesm2022/skdx-angular-charts-gantt.mjs +64 -11
  27. package/fesm2022/skdx-angular-charts-gantt.mjs.map +1 -1
  28. package/fesm2022/skdx-angular-charts-gauge.mjs +134 -0
  29. package/fesm2022/skdx-angular-charts-gauge.mjs.map +1 -0
  30. package/fesm2022/skdx-angular-charts-heatmap.mjs +111 -15
  31. package/fesm2022/skdx-angular-charts-heatmap.mjs.map +1 -1
  32. package/fesm2022/skdx-angular-charts-histogram.mjs +134 -0
  33. package/fesm2022/skdx-angular-charts-histogram.mjs.map +1 -0
  34. package/fesm2022/skdx-angular-charts-icicle.mjs +119 -0
  35. package/fesm2022/skdx-angular-charts-icicle.mjs.map +1 -0
  36. package/fesm2022/skdx-angular-charts-internal.mjs +10134 -1106
  37. package/fesm2022/skdx-angular-charts-internal.mjs.map +1 -1
  38. package/fesm2022/skdx-angular-charts-line.mjs +36 -2
  39. package/fesm2022/skdx-angular-charts-line.mjs.map +1 -1
  40. package/fesm2022/skdx-angular-charts-linear-gauge.mjs +119 -0
  41. package/fesm2022/skdx-angular-charts-linear-gauge.mjs.map +1 -0
  42. package/fesm2022/skdx-angular-charts-map.mjs +81 -8
  43. package/fesm2022/skdx-angular-charts-map.mjs.map +1 -1
  44. package/fesm2022/skdx-angular-charts-marimekko.mjs +103 -0
  45. package/fesm2022/skdx-angular-charts-marimekko.mjs.map +1 -0
  46. package/fesm2022/skdx-angular-charts-network.mjs +113 -0
  47. package/fesm2022/skdx-angular-charts-network.mjs.map +1 -0
  48. package/fesm2022/skdx-angular-charts-organization.mjs +111 -0
  49. package/fesm2022/skdx-angular-charts-organization.mjs.map +1 -0
  50. package/fesm2022/skdx-angular-charts-parallel.mjs +105 -0
  51. package/fesm2022/skdx-angular-charts-parallel.mjs.map +1 -0
  52. package/fesm2022/skdx-angular-charts-pareto.mjs +123 -0
  53. package/fesm2022/skdx-angular-charts-pareto.mjs.map +1 -0
  54. package/fesm2022/skdx-angular-charts-pie.mjs +79 -5
  55. package/fesm2022/skdx-angular-charts-pie.mjs.map +1 -1
  56. package/fesm2022/skdx-angular-charts-polar-area.mjs +118 -0
  57. package/fesm2022/skdx-angular-charts-polar-area.mjs.map +1 -0
  58. package/fesm2022/skdx-angular-charts-radar.mjs +87 -9
  59. package/fesm2022/skdx-angular-charts-radar.mjs.map +1 -1
  60. package/fesm2022/skdx-angular-charts-radial.mjs +130 -0
  61. package/fesm2022/skdx-angular-charts-radial.mjs.map +1 -0
  62. package/fesm2022/skdx-angular-charts-range.mjs +133 -0
  63. package/fesm2022/skdx-angular-charts-range.mjs.map +1 -0
  64. package/fesm2022/skdx-angular-charts-sankey.mjs +81 -8
  65. package/fesm2022/skdx-angular-charts-sankey.mjs.map +1 -1
  66. package/fesm2022/skdx-angular-charts-scatter.mjs +74 -5
  67. package/fesm2022/skdx-angular-charts-scatter.mjs.map +1 -1
  68. package/fesm2022/skdx-angular-charts-sparkline.mjs +76 -8
  69. package/fesm2022/skdx-angular-charts-sparkline.mjs.map +1 -1
  70. package/fesm2022/skdx-angular-charts-sunburst.mjs +88 -8
  71. package/fesm2022/skdx-angular-charts-sunburst.mjs.map +1 -1
  72. package/fesm2022/skdx-angular-charts-swarm.mjs +101 -0
  73. package/fesm2022/skdx-angular-charts-swarm.mjs.map +1 -0
  74. package/fesm2022/skdx-angular-charts-timeline.mjs +98 -0
  75. package/fesm2022/skdx-angular-charts-timeline.mjs.map +1 -0
  76. package/fesm2022/skdx-angular-charts-tree.mjs +118 -0
  77. package/fesm2022/skdx-angular-charts-tree.mjs.map +1 -0
  78. package/fesm2022/skdx-angular-charts-treemap.mjs +85 -8
  79. package/fesm2022/skdx-angular-charts-treemap.mjs.map +1 -1
  80. package/fesm2022/skdx-angular-charts-waffle.mjs +113 -0
  81. package/fesm2022/skdx-angular-charts-waffle.mjs.map +1 -0
  82. package/fesm2022/skdx-angular-charts-waterfall.mjs +76 -8
  83. package/fesm2022/skdx-angular-charts-waterfall.mjs.map +1 -1
  84. package/fesm2022/skdx-angular-charts.mjs +23 -0
  85. package/fesm2022/skdx-angular-charts.mjs.map +1 -1
  86. package/package.json +91 -3
  87. package/types/skdx-angular-charts-area.d.ts +1 -1
  88. package/types/skdx-angular-charts-bar.d.ts +5 -13
  89. package/types/skdx-angular-charts-boxplot.d.ts +20 -5
  90. package/types/skdx-angular-charts-bubble.d.ts +27 -0
  91. package/types/skdx-angular-charts-bullet.d.ts +24 -0
  92. package/types/skdx-angular-charts-bump.d.ts +25 -0
  93. package/types/skdx-angular-charts-candlestick.d.ts +15 -4
  94. package/types/skdx-angular-charts-chord.d.ts +13 -6
  95. package/types/skdx-angular-charts-circle-packing.d.ts +23 -0
  96. package/types/skdx-angular-charts-combo.d.ts +12 -0
  97. package/types/skdx-angular-charts-dumbbell.d.ts +26 -0
  98. package/types/skdx-angular-charts-funnel.d.ts +11 -3
  99. package/types/skdx-angular-charts-gantt.d.ts +13 -6
  100. package/types/skdx-angular-charts-gauge.d.ts +36 -0
  101. package/types/skdx-angular-charts-heatmap.d.ts +34 -8
  102. package/types/skdx-angular-charts-histogram.d.ts +34 -0
  103. package/types/skdx-angular-charts-icicle.d.ts +29 -0
  104. package/types/skdx-angular-charts-internal.d.ts +2477 -77
  105. package/types/skdx-angular-charts-line.d.ts +1 -1
  106. package/types/skdx-angular-charts-linear-gauge.d.ts +29 -0
  107. package/types/skdx-angular-charts-map.d.ts +17 -4
  108. package/types/skdx-angular-charts-marimekko.d.ts +21 -0
  109. package/types/skdx-angular-charts-network.d.ts +25 -0
  110. package/types/skdx-angular-charts-organization.d.ts +25 -0
  111. package/types/skdx-angular-charts-parallel.d.ts +25 -0
  112. package/types/skdx-angular-charts-pareto.d.ts +27 -0
  113. package/types/skdx-angular-charts-pie.d.ts +20 -2
  114. package/types/skdx-angular-charts-polar-area.d.ts +28 -0
  115. package/types/skdx-angular-charts-radar.d.ts +24 -4
  116. package/types/skdx-angular-charts-radial.d.ts +34 -0
  117. package/types/skdx-angular-charts-range.d.ts +29 -0
  118. package/types/skdx-angular-charts-sankey.d.ts +22 -4
  119. package/types/skdx-angular-charts-scatter.d.ts +17 -3
  120. package/types/skdx-angular-charts-sparkline.d.ts +19 -5
  121. package/types/skdx-angular-charts-sunburst.d.ts +25 -4
  122. package/types/skdx-angular-charts-swarm.d.ts +19 -0
  123. package/types/skdx-angular-charts-timeline.d.ts +18 -0
  124. package/types/skdx-angular-charts-tree.d.ts +28 -0
  125. package/types/skdx-angular-charts-treemap.d.ts +21 -5
  126. package/types/skdx-angular-charts-waffle.d.ts +25 -0
  127. package/types/skdx-angular-charts-waterfall.d.ts +19 -5
  128. package/types/skdx-angular-charts.d.ts +23 -1
@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
2
2
  import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
3
3
  import { SkdxChartBase } from '@skdx/angular-charts/internal';
4
4
 
5
- /** One polyline per series with a dot per value. */
5
+ /** One polyline per series with a dot per value; series may also be bars, areas or ranges. */
6
6
  declare class SkdxLineChartComponent extends SkdxChartBase {
7
7
  protected readonly layout: i0.Signal<_skdx_angular_charts_internal.Canvas>;
8
8
  static ɵfac: i0.ɵɵFactoryDeclaration<SkdxLineChartComponent, never>;
@@ -0,0 +1,29 @@
1
+ import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
+ import { SkdxSizedBase, Band } from '@skdx/angular-charts/internal';
3
+ import * as _angular_core from '@angular/core';
4
+
5
+ /** A single reading on a straight scale with bands and a target: the bullet engine with gauge semantics. */
6
+ declare class SkdxLinearGaugeComponent extends SkdxSizedBase {
7
+ /** The reading. */
8
+ readonly value: _angular_core.InputSignal<number>;
9
+ /** Scale start. Defaults to 0. */
10
+ readonly min: _angular_core.InputSignal<number | undefined>;
11
+ /** Scale end. Defaults to 100 or the largest of value, target and bands. */
12
+ readonly max: _angular_core.InputSignal<number | undefined>;
13
+ /** A marker at this value. */
14
+ readonly target: _angular_core.InputSignal<number | undefined>;
15
+ /** Threshold sectors in value units. */
16
+ readonly bands: _angular_core.InputSignal<Band[] | undefined>;
17
+ readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical" | undefined>;
18
+ /** The metric name, written before the scale and in tooltips. */
19
+ readonly caption: _angular_core.InputSignal<string | undefined>;
20
+ /** Write the value after the bar. */
21
+ readonly labels: _angular_core.InputSignal<boolean>;
22
+ /** Approximate tick count of the scale. */
23
+ readonly ticks: _angular_core.InputSignal<number | undefined>;
24
+ protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
25
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxLinearGaugeComponent, never>;
26
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxLinearGaugeComponent, "skdx-linear-gauge", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "bands": { "alias": "bands"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "ticks": { "alias": "ticks"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
27
+ }
28
+
29
+ export { SkdxLinearGaugeComponent };
@@ -1,15 +1,28 @@
1
1
  import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
- import { SkdxSizedBase, MapFeature } from '@skdx/angular-charts/internal';
2
+ import { SkdxSizedBase, MapFeature, ColorScale, MapPoint, MapLine } from '@skdx/angular-charts/internal';
3
3
  import * as _angular_core from '@angular/core';
4
4
 
5
- /** Choropleth of GeoJSON-shaped regions, opacity by value. */
5
+ /** A choropleth of GeoJSON regions, opacity by value. */
6
6
  declare class SkdxMapChartComponent extends SkdxSizedBase {
7
7
  readonly features: _angular_core.InputSignal<MapFeature[]>;
8
8
  /** The region color; each region's opacity follows its value. */
9
9
  readonly color: _angular_core.InputSignal<string | undefined>;
10
- protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
10
+ /** A full color scale for the regions. */
11
+ readonly colorScale: _angular_core.InputSignal<ColorScale | undefined>;
12
+ /** Draw the color scale under the map. */
13
+ readonly colorLegend: _angular_core.InputSignal<boolean>;
14
+ readonly projection: _angular_core.InputSignal<"equirectangular" | "mercator" | undefined>;
15
+ /** A marker layer; markers with a value are sized by it. */
16
+ readonly points: _angular_core.InputSignal<MapPoint[] | undefined>;
17
+ /** A line layer: routes and connections. */
18
+ readonly lines: _angular_core.InputSignal<MapLine[] | undefined>;
19
+ /** Marker radius range in pixels. */
20
+ readonly sizeRange: _angular_core.InputSignal<[number, number] | undefined>;
21
+ /** Write each region's name at its centre. */
22
+ readonly labels: _angular_core.InputSignal<boolean>;
23
+ protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
11
24
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxMapChartComponent, never>;
12
- 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>;
25
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxMapChartComponent, "skdx-map-chart", never, { "features": { "alias": "features"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "colorScale": { "alias": "colorScale"; "required": false; "isSignal": true; }; "colorLegend": { "alias": "colorLegend"; "required": false; "isSignal": true; }; "projection": { "alias": "projection"; "required": false; "isSignal": true; }; "points": { "alias": "points"; "required": false; "isSignal": true; }; "lines": { "alias": "lines"; "required": false; "isSignal": true; }; "sizeRange": { "alias": "sizeRange"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
13
26
  }
14
27
 
15
28
  export { SkdxMapChartComponent };
@@ -0,0 +1,21 @@
1
+ import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
+ import { SkdxSizedBase, Datum, MarimekkoCategory, AxisOptions } from '@skdx/angular-charts/internal';
3
+ import * as _angular_core from '@angular/core';
4
+
5
+ /** Columns as wide as their total with segments stacked to 100% inside: size and mix in one chart. */
6
+ declare class SkdxMarimekkoChartComponent extends SkdxSizedBase {
7
+ /** Segment names in stacking order, one color each. */
8
+ readonly segments: _angular_core.InputSignal<(string | Pick<Datum, "id" | "name" | "color">)[]>;
9
+ readonly data: _angular_core.InputSignal<MarimekkoCategory[]>;
10
+ /** Write segment shares inside cells wide enough. */
11
+ readonly labels: _angular_core.InputSignal<boolean>;
12
+ /** Gap between columns as a share of the plot width. */
13
+ readonly gap: _angular_core.InputSignal<number | undefined>;
14
+ /** How column totals are written. */
15
+ readonly xAxis: _angular_core.InputSignal<Pick<AxisOptions, "format" | "label"> | undefined>;
16
+ protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
17
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxMarimekkoChartComponent, never>;
18
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxMarimekkoChartComponent, "skdx-marimekko-chart", never, { "segments": { "alias": "segments"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "xAxis": { "alias": "xAxis"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
19
+ }
20
+
21
+ export { SkdxMarimekkoChartComponent };
@@ -0,0 +1,25 @@
1
+ import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
+ import { SkdxSizedBase, NetworkNode, NetworkEdge } from '@skdx/angular-charts/internal';
3
+ import * as _angular_core from '@angular/core';
4
+
5
+ /** Nodes and edges of a graph: force-directed, circular or at given coordinates. */
6
+ declare class SkdxNetworkChartComponent extends SkdxSizedBase {
7
+ readonly nodes: _angular_core.InputSignal<NetworkNode[]>;
8
+ readonly edges: _angular_core.InputSignal<NetworkEdge[]>;
9
+ readonly arrange: _angular_core.InputSignal<"force" | "circular" | "manual" | undefined>;
10
+ /** Write node labels (off above 60 nodes unless set). */
11
+ readonly labels: _angular_core.InputSignal<boolean>;
12
+ /** Smallest and largest node radius in pixels. */
13
+ readonly nodeRange: _angular_core.InputSignal<[number, number] | undefined>;
14
+ /** Force-layout iterations. */
15
+ readonly iterations: _angular_core.InputSignal<number | undefined>;
16
+ /** Draw an arrowhead at the target end of every edge. */
17
+ readonly directed: _angular_core.InputSignal<boolean>;
18
+ /** Write edge labels at the middle of each edge. */
19
+ readonly edgeLabels: _angular_core.InputSignal<boolean>;
20
+ protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
21
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxNetworkChartComponent, never>;
22
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxNetworkChartComponent, "skdx-network-chart", never, { "nodes": { "alias": "nodes"; "required": true; "isSignal": true; }; "edges": { "alias": "edges"; "required": true; "isSignal": true; }; "arrange": { "alias": "arrange"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "nodeRange": { "alias": "nodeRange"; "required": false; "isSignal": true; }; "iterations": { "alias": "iterations"; "required": false; "isSignal": true; }; "directed": { "alias": "directed"; "required": false; "isSignal": true; }; "edgeLabels": { "alias": "edgeLabels"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
23
+ }
24
+
25
+ export { SkdxNetworkChartComponent };
@@ -0,0 +1,25 @@
1
+ import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
+ import { SkdxSizedBase, TreeNode, ChartItemId } from '@skdx/angular-charts/internal';
3
+ import * as _angular_core from '@angular/core';
4
+
5
+ /** A tree of boxes with elbow links and optional subtitles: reporting lines, ownership, hierarchies. */
6
+ declare class SkdxOrganizationChartComponent extends SkdxSizedBase {
7
+ readonly data: _angular_core.InputSignal<TreeNode[]>;
8
+ /** Root at the top, or at the left. */
9
+ readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal" | undefined>;
10
+ /** Id (or name) of the node shown as the root. */
11
+ readonly rootId: _angular_core.InputSignal<ChartItemId | undefined>;
12
+ /** Nodes whose children are hidden. */
13
+ readonly collapsed: _angular_core.InputSignal<ChartItemId[] | undefined>;
14
+ /** Deepest level drawn. */
15
+ readonly maxDepth: _angular_core.InputSignal<number | undefined>;
16
+ /** Write node names. */
17
+ readonly labels: _angular_core.InputSignal<boolean>;
18
+ /** Box height in pixels. */
19
+ readonly nodeSize: _angular_core.InputSignal<number | undefined>;
20
+ protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
21
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxOrganizationChartComponent, never>;
22
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxOrganizationChartComponent, "skdx-organization-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "rootId": { "alias": "rootId"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "maxDepth": { "alias": "maxDepth"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "nodeSize": { "alias": "nodeSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
23
+ }
24
+
25
+ export { SkdxOrganizationChartComponent };
@@ -0,0 +1,25 @@
1
+ import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
+ import { SkdxSizedBase, ParallelDimension, ParallelRow, Curve } from '@skdx/angular-charts/internal';
3
+ import * as _angular_core from '@angular/core';
4
+
5
+ /** One vertical axis per dimension, each on its own scale, and a line per row through its values. */
6
+ declare class SkdxParallelCoordinatesChartComponent extends SkdxSizedBase {
7
+ readonly dimensions: _angular_core.InputSignal<ParallelDimension[]>;
8
+ readonly data: _angular_core.InputSignal<ParallelRow[]>;
9
+ /** Line opacity; defaults to 0.6, lower above 200 rows. */
10
+ readonly opacity: _angular_core.InputSignal<number | undefined>;
11
+ readonly curve: _angular_core.InputSignal<Curve | undefined>;
12
+ /** Draw lines across missing values. */
13
+ readonly connectNulls: _angular_core.InputSignal<boolean>;
14
+ /** Rows outside these ranges fade. */
15
+ readonly filters: _angular_core.InputSignal<{
16
+ key: string;
17
+ min?: number | undefined;
18
+ max?: number | undefined;
19
+ }[] | undefined>;
20
+ protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
21
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxParallelCoordinatesChartComponent, never>;
22
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxParallelCoordinatesChartComponent, "skdx-parallel-coordinates-chart", never, { "dimensions": { "alias": "dimensions"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "opacity": { "alias": "opacity"; "required": false; "isSignal": true; }; "curve": { "alias": "curve"; "required": false; "isSignal": true; }; "connectNulls": { "alias": "connectNulls"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
23
+ }
24
+
25
+ export { SkdxParallelCoordinatesChartComponent };
@@ -0,0 +1,27 @@
1
+ import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
+ import { SkdxSizedBase, Datum, XAxisOptions, AxisOptions } from '@skdx/angular-charts/internal';
3
+ import * as _angular_core from '@angular/core';
4
+
5
+ /** Categories sorted by value with the cumulative share as a line on the right axis. */
6
+ declare class SkdxParetoChartComponent extends SkdxSizedBase {
7
+ readonly data: _angular_core.InputSignal<Datum[]>;
8
+ /** A cumulative-share reference line, e.g. 0.8. */
9
+ readonly threshold: _angular_core.InputSignal<number | undefined>;
10
+ /** Name of the cumulative line. */
11
+ readonly cumulativeLabel: _angular_core.InputSignal<string | undefined>;
12
+ /** Name of the bars. */
13
+ readonly name: _angular_core.InputSignal<string | undefined>;
14
+ readonly labels: _angular_core.InputSignal<boolean>;
15
+ readonly radius: _angular_core.InputSignal<number | undefined>;
16
+ readonly barGap: _angular_core.InputSignal<number | undefined>;
17
+ readonly barWidth: _angular_core.InputSignal<number | undefined>;
18
+ readonly xAxis: _angular_core.InputSignal<XAxisOptions | undefined>;
19
+ readonly yAxis: _angular_core.InputSignal<AxisOptions | undefined>;
20
+ readonly brush: _angular_core.InputSignal<boolean>;
21
+ readonly crosshair: _angular_core.InputSignal<boolean>;
22
+ protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
23
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxParetoChartComponent, never>;
24
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxParetoChartComponent, "skdx-pareto-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "threshold": { "alias": "threshold"; "required": false; "isSignal": true; }; "cumulativeLabel": { "alias": "cumulativeLabel"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "barGap": { "alias": "barGap"; "required": false; "isSignal": true; }; "barWidth": { "alias": "barWidth"; "required": false; "isSignal": true; }; "xAxis": { "alias": "xAxis"; "required": false; "isSignal": true; }; "yAxis": { "alias": "yAxis"; "required": false; "isSignal": true; }; "brush": { "alias": "brush"; "required": false; "isSignal": true; }; "crosshair": { "alias": "crosshair"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
25
+ }
26
+
27
+ export { SkdxParetoChartComponent };
@@ -2,14 +2,32 @@ import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
2
  import { SkdxSizedBase, Datum } from '@skdx/angular-charts/internal';
3
3
  import * as _angular_core from '@angular/core';
4
4
 
5
- /** A pie, or a donut when `innerRadius` is set; one slice per datum. */
5
+ /** A pie, a donut when `innerRadius` is set, or a half circle with `startAngle`/`endAngle`; one slice per datum. */
6
6
  declare class SkdxPieChartComponent extends SkdxSizedBase {
7
7
  readonly data: _angular_core.InputSignal<Datum[]>;
8
+ /** A donut is a pie with innerRadius 0.6 unless set. */
9
+ readonly variant: _angular_core.InputSignal<"pie" | "donut" | undefined>;
8
10
  /** Hole radius as a fraction of the outer radius: 0 is a pie, 0.6 a donut. */
9
11
  readonly innerRadius: _angular_core.InputSignal<number | undefined>;
12
+ /** Outer radius as a fraction of the space available. */
13
+ readonly outerRadius: _angular_core.InputSignal<number | undefined>;
14
+ /** Write each slice's name and share on the slice. */
15
+ readonly labels: _angular_core.InputSignal<boolean>;
16
+ /** Inside the slice, or outside with a connector. */
17
+ readonly labelPosition: _angular_core.InputSignal<"inside" | "outside" | undefined>;
18
+ /** Gap between slices, in degrees. */
19
+ readonly padAngle: _angular_core.InputSignal<number | undefined>;
20
+ /** Order slices by value. */
21
+ readonly sort: _angular_core.InputSignal<"asc" | "desc" | undefined>;
22
+ /** Degrees clockwise from 12 o'clock where the first slice starts. */
23
+ readonly startAngle: _angular_core.InputSignal<number | undefined>;
24
+ /** Degrees where the last slice ends; -90/90 makes a half circle. */
25
+ readonly endAngle: _angular_core.InputSignal<number | undefined>;
26
+ /** Text in the middle of a donut. */
27
+ readonly centerLabel: _angular_core.InputSignal<string | undefined>;
10
28
  protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
11
29
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxPieChartComponent, never>;
12
- 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>;
30
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxPieChartComponent, "skdx-pie-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "innerRadius": { "alias": "innerRadius"; "required": false; "isSignal": true; }; "outerRadius": { "alias": "outerRadius"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "padAngle": { "alias": "padAngle"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "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>;
13
31
  }
14
32
 
15
33
  export { SkdxPieChartComponent };
@@ -0,0 +1,28 @@
1
+ import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
+ import { SkdxSizedBase, Datum } from '@skdx/angular-charts/internal';
3
+ import * as _angular_core from '@angular/core';
4
+
5
+ /** A Nightingale rose: equal angular sectors whose radius follows the value. */
6
+ declare class SkdxPolarAreaChartComponent extends SkdxSizedBase {
7
+ readonly data: _angular_core.InputSignal<Datum[]>;
8
+ /** Radius proportional to the value, or to its square root (area-proportional). */
9
+ readonly scale: _angular_core.InputSignal<"linear" | "sqrt" | undefined>;
10
+ /** Outer ring value. */
11
+ readonly max: _angular_core.InputSignal<number | undefined>;
12
+ /** Degrees clockwise from 12 o'clock. */
13
+ readonly startAngle: _angular_core.InputSignal<number | undefined>;
14
+ readonly endAngle: _angular_core.InputSignal<number | undefined>;
15
+ /** Gap between sectors, in degrees. */
16
+ readonly padAngle: _angular_core.InputSignal<number | undefined>;
17
+ /** Hole radius as a fraction of the outer radius. */
18
+ readonly innerRadius: _angular_core.InputSignal<number | undefined>;
19
+ /** Number of grid rings. */
20
+ readonly levels: _angular_core.InputSignal<number | undefined>;
21
+ /** Write each name at its sector's edge. */
22
+ readonly labels: _angular_core.InputSignal<boolean>;
23
+ protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
24
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxPolarAreaChartComponent, never>;
25
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxPolarAreaChartComponent, "skdx-polar-area-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "scale": { "alias": "scale"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "startAngle": { "alias": "startAngle"; "required": false; "isSignal": true; }; "endAngle": { "alias": "endAngle"; "required": false; "isSignal": true; }; "padAngle": { "alias": "padAngle"; "required": false; "isSignal": true; }; "innerRadius": { "alias": "innerRadius"; "required": false; "isSignal": true; }; "levels": { "alias": "levels"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
26
+ }
27
+
28
+ export { SkdxPolarAreaChartComponent };
@@ -1,15 +1,35 @@
1
1
  import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
- import { SkdxSizedBase, Series } from '@skdx/angular-charts/internal';
2
+ import { SkdxSizedBase, Series, RadarMetric } from '@skdx/angular-charts/internal';
3
3
  import * as _angular_core from '@angular/core';
4
4
 
5
5
  /** One polygon per series over a spoke per category. */
6
6
  declare class SkdxRadarChartComponent extends SkdxSizedBase {
7
7
  readonly series: _angular_core.InputSignal<Series[]>;
8
8
  /** One axis per category. */
9
- readonly categories: _angular_core.InputSignal<string[]>;
10
- protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
9
+ readonly categories: _angular_core.InputSignal<string[] | undefined>;
10
+ /** Axes with their own min/max scales. */
11
+ readonly metrics: _angular_core.InputSignal<RadarMetric[] | undefined>;
12
+ /** `metric` scales each axis by its own bounds; `series` (or `true`) scales each series to its own maximum; `none` shares one scale. */
13
+ readonly normalize: _angular_core.InputSignal<boolean | "metric" | "series" | "none" | undefined>;
14
+ /** Outer ring value. */
15
+ readonly max: _angular_core.InputSignal<number | undefined>;
16
+ /** Fill the polygons. */
17
+ readonly fill: _angular_core.InputSignal<boolean>;
18
+ /** Number of grid rings. */
19
+ readonly levels: _angular_core.InputSignal<number | undefined>;
20
+ /** Dots on the vertices. */
21
+ readonly markers: _angular_core.InputSignal<boolean>;
22
+ /** Marker radius in pixels. */
23
+ readonly markerSize: _angular_core.InputSignal<number | undefined>;
24
+ /** Write each value at its vertex. */
25
+ readonly labels: _angular_core.InputSignal<boolean>;
26
+ /** Degrees clockwise from 12 o'clock of the first axis. */
27
+ readonly startAngle: _angular_core.InputSignal<number | undefined>;
28
+ /** Grid rings as polygons or circles. */
29
+ readonly gridShape: _angular_core.InputSignal<"polygon" | "circle" | undefined>;
30
+ protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
11
31
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxRadarChartComponent, never>;
12
- 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>;
32
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxRadarChartComponent, "skdx-radar-chart", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; "metrics": { "alias": "metrics"; "required": false; "isSignal": true; }; "normalize": { "alias": "normalize"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; "levels": { "alias": "levels"; "required": false; "isSignal": true; }; "markers": { "alias": "markers"; "required": false; "isSignal": true; }; "markerSize": { "alias": "markerSize"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "startAngle": { "alias": "startAngle"; "required": false; "isSignal": true; }; "gridShape": { "alias": "gridShape"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
13
33
  }
14
34
 
15
35
  export { SkdxRadarChartComponent };
@@ -0,0 +1,34 @@
1
+ import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
+ import { SkdxSizedBase, Datum, RadialBand } from '@skdx/angular-charts/internal';
3
+ import * as _angular_core from '@angular/core';
4
+
5
+ /** Concentric arcs, one per datum, each a share of `max`: KPI completion, utilization, quota, health. */
6
+ declare class SkdxRadialBarChartComponent extends SkdxSizedBase {
7
+ readonly data: _angular_core.InputSignal<Datum[]>;
8
+ /** The value a full arc represents. */
9
+ readonly max: _angular_core.InputSignal<number | undefined>;
10
+ /** Degrees clockwise from 12 o'clock. */
11
+ readonly startAngle: _angular_core.InputSignal<number | undefined>;
12
+ readonly endAngle: _angular_core.InputSignal<number | undefined>;
13
+ /** Hole radius as a fraction of the outer radius. */
14
+ readonly innerRadius: _angular_core.InputSignal<number | undefined>;
15
+ /** Gap between arcs as a fraction of one arc's thickness. */
16
+ readonly gap: _angular_core.InputSignal<number | undefined>;
17
+ /** Draw the full-range track behind each arc. */
18
+ readonly track: _angular_core.InputSignal<boolean>;
19
+ /** Round the arc ends. */
20
+ readonly rounded: _angular_core.InputSignal<boolean>;
21
+ /** Write each name and value at the arc start. */
22
+ readonly labels: _angular_core.InputSignal<boolean>;
23
+ /** Threshold sectors outside the arcs, in value units. */
24
+ readonly bands: _angular_core.InputSignal<RadialBand[] | undefined>;
25
+ /** A tick across every arc at this value. */
26
+ readonly target: _angular_core.InputSignal<number | undefined>;
27
+ /** Text in the middle, e.g. the headline value. */
28
+ readonly centerLabel: _angular_core.InputSignal<string | undefined>;
29
+ protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
30
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxRadialBarChartComponent, never>;
31
+ 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>;
32
+ }
33
+
34
+ export { SkdxRadialBarChartComponent };
@@ -0,0 +1,29 @@
1
+ import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
+ import { SkdxSizedBase, RangeChartSeries, Category, XAxisOptions, AxisOptions, Reference, Annotation, Curve } from '@skdx/angular-charts/internal';
3
+ import * as _angular_core from '@angular/core';
4
+
5
+ /** Low–high intervals per category: a shaded band, floating bars or two outlines. */
6
+ declare class SkdxRangeChartComponent extends SkdxSizedBase {
7
+ readonly series: _angular_core.InputSignal<RangeChartSeries[]>;
8
+ readonly variant: _angular_core.InputSignal<"area" | "bar" | "line" | undefined>;
9
+ readonly categories: _angular_core.InputSignal<Category[] | undefined>;
10
+ readonly xAxis: _angular_core.InputSignal<XAxisOptions | undefined>;
11
+ readonly yAxis: _angular_core.InputSignal<AxisOptions | undefined>;
12
+ readonly rightAxis: _angular_core.InputSignal<AxisOptions | undefined>;
13
+ readonly references: _angular_core.InputSignal<Reference[] | undefined>;
14
+ readonly annotations: _angular_core.InputSignal<Annotation[] | undefined>;
15
+ readonly curve: _angular_core.InputSignal<Curve | undefined>;
16
+ readonly connectNulls: _angular_core.InputSignal<boolean>;
17
+ readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal" | undefined>;
18
+ readonly radius: _angular_core.InputSignal<number | undefined>;
19
+ readonly barGap: _angular_core.InputSignal<number | undefined>;
20
+ /** Largest bar thickness in pixels. */
21
+ readonly barWidth: _angular_core.InputSignal<number | undefined>;
22
+ readonly brush: _angular_core.InputSignal<boolean>;
23
+ readonly crosshair: _angular_core.InputSignal<boolean>;
24
+ protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
25
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxRangeChartComponent, never>;
26
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxRangeChartComponent, "skdx-range-chart", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; "xAxis": { "alias": "xAxis"; "required": false; "isSignal": true; }; "yAxis": { "alias": "yAxis"; "required": false; "isSignal": true; }; "rightAxis": { "alias": "rightAxis"; "required": false; "isSignal": true; }; "references": { "alias": "references"; "required": false; "isSignal": true; }; "annotations": { "alias": "annotations"; "required": false; "isSignal": true; }; "curve": { "alias": "curve"; "required": false; "isSignal": true; }; "connectNulls": { "alias": "connectNulls"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "barGap": { "alias": "barGap"; "required": false; "isSignal": true; }; "barWidth": { "alias": "barWidth"; "required": false; "isSignal": true; }; "brush": { "alias": "brush"; "required": false; "isSignal": true; }; "crosshair": { "alias": "crosshair"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
27
+ }
28
+
29
+ export { SkdxRangeChartComponent };
@@ -1,13 +1,31 @@
1
1
  import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
- import { SkdxSizedBase, SankeyLink } from '@skdx/angular-charts/internal';
2
+ import { SkdxSizedBase, SankeyLink, SankeyNode } from '@skdx/angular-charts/internal';
3
3
  import * as _angular_core from '@angular/core';
4
4
 
5
- /** Flows between nodes as ribbons, nodes placed by depth. */
5
+ /** Flows between nodes, node heights and ribbon widths by value. */
6
6
  declare class SkdxSankeyChartComponent extends SkdxSizedBase {
7
7
  readonly links: _angular_core.InputSignal<SankeyLink[]>;
8
- protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
8
+ /** Explicit nodes with labels and colors. */
9
+ readonly nodes: _angular_core.InputSignal<SankeyNode[] | undefined>;
10
+ /** justify pushes sinks to the last column. */
11
+ readonly align: _angular_core.InputSignal<"left" | "justify" | undefined>;
12
+ /** Node thickness in pixels. */
13
+ readonly nodeWidth: _angular_core.InputSignal<number | undefined>;
14
+ /** Vertical gap between nodes in a column. */
15
+ readonly nodePadding: _angular_core.InputSignal<number | undefined>;
16
+ /** Order nodes inside a column by value. */
17
+ readonly nodeSort: _angular_core.InputSignal<"asc" | "desc" | undefined>;
18
+ /** Order the ribbons leaving a node by value. */
19
+ readonly linkSort: _angular_core.InputSignal<"asc" | "desc" | undefined>;
20
+ /** Write node names. */
21
+ readonly nodeLabels: _angular_core.InputSignal<boolean>;
22
+ /** Write each link's value on it. */
23
+ readonly linkLabels: _angular_core.InputSignal<boolean>;
24
+ /** What to do with links that close a cycle. */
25
+ readonly cyclePolicy: _angular_core.InputSignal<"drop" | "warn" | "error" | undefined>;
26
+ protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
9
27
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxSankeyChartComponent, never>;
10
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxSankeyChartComponent, "skdx-sankey-chart", never, { "links": { "alias": "links"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
28
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxSankeyChartComponent, "skdx-sankey-chart", never, { "links": { "alias": "links"; "required": true; "isSignal": true; }; "nodes": { "alias": "nodes"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "nodeWidth": { "alias": "nodeWidth"; "required": false; "isSignal": true; }; "nodePadding": { "alias": "nodePadding"; "required": false; "isSignal": true; }; "nodeSort": { "alias": "nodeSort"; "required": false; "isSignal": true; }; "linkSort": { "alias": "linkSort"; "required": false; "isSignal": true; }; "nodeLabels": { "alias": "nodeLabels"; "required": false; "isSignal": true; }; "linkLabels": { "alias": "linkLabels"; "required": false; "isSignal": true; }; "cyclePolicy": { "alias": "cyclePolicy"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
11
29
  }
12
30
 
13
31
  export { SkdxSankeyChartComponent };
@@ -1,13 +1,27 @@
1
1
  import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
- import { SkdxSizedBase, ScatterSeries } from '@skdx/angular-charts/internal';
2
+ import { SkdxSizedBase, ScatterSeries, AxisOptions, Reference, Annotation, ColorScale } from '@skdx/angular-charts/internal';
3
3
  import * as _angular_core from '@angular/core';
4
4
 
5
- /** One dot per `[x, y]` pair on two linear axes. */
5
+ /** One dot per `[x, y]` pair, or a bubble per `[x, y, size]` triple, on two linear axes. */
6
6
  declare class SkdxScatterChartComponent extends SkdxSizedBase {
7
7
  readonly series: _angular_core.InputSignal<ScatterSeries[]>;
8
+ /** Bubble radius range in pixels. */
9
+ readonly sizeRange: _angular_core.InputSignal<[number, number] | undefined>;
10
+ /** Least-squares line per series. */
11
+ readonly trendline: _angular_core.InputSignal<boolean>;
12
+ /** Write each point's label next to it. */
13
+ readonly labels: _angular_core.InputSignal<boolean>;
14
+ readonly xAxis: _angular_core.InputSignal<AxisOptions | undefined>;
15
+ readonly yAxis: _angular_core.InputSignal<AxisOptions | undefined>;
16
+ readonly references: _angular_core.InputSignal<Reference[] | undefined>;
17
+ readonly annotations: _angular_core.InputSignal<Annotation[] | undefined>;
18
+ /** Colors points by their `value`. */
19
+ readonly colorScale: _angular_core.InputSignal<ColorScale | undefined>;
20
+ /** Draw the color scale under the plot. */
21
+ readonly colorLegend: _angular_core.InputSignal<boolean>;
8
22
  protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
9
23
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxScatterChartComponent, never>;
10
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxScatterChartComponent, "skdx-scatter-chart", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
24
+ 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; }; "labels": { "alias": "labels"; "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; }; "colorScale": { "alias": "colorScale"; "required": false; "isSignal": true; }; "colorLegend": { "alias": "colorLegend"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
11
25
  }
12
26
 
13
27
  export { SkdxScatterChartComponent };
@@ -1,14 +1,28 @@
1
1
  import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
- import { SkdxSizedBase } from '@skdx/angular-charts/internal';
2
+ import { SkdxSizedBase, Value, Curve } from '@skdx/angular-charts/internal';
3
3
  import * as _angular_core from '@angular/core';
4
4
 
5
- /** A small axis-less trend line with the last point marked. */
5
+ /** A small axis-less trend: an area, a bare line or bars, with optional extremes and last value. */
6
6
  declare class SkdxSparklineComponent extends SkdxSizedBase {
7
- readonly data: _angular_core.InputSignal<number[]>;
7
+ readonly data: _angular_core.InputSignal<Value[]>;
8
8
  readonly color: _angular_core.InputSignal<string | undefined>;
9
- protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
9
+ readonly curve: _angular_core.InputSignal<Curve | undefined>;
10
+ readonly variant: _angular_core.InputSignal<"area" | "line" | "bar" | "winloss" | undefined>;
11
+ /** Color by direction: success when rising, danger when falling. */
12
+ readonly trend: _angular_core.InputSignal<boolean>;
13
+ /** Mark the minimum and maximum. */
14
+ readonly extremes: _angular_core.InputSignal<boolean>;
15
+ /** Write the last value after the line. */
16
+ readonly lastValue: _angular_core.InputSignal<boolean>;
17
+ /** A dashed reference line at this value. */
18
+ readonly target: _angular_core.InputSignal<number | undefined>;
19
+ /** A shaded band between two values. */
20
+ readonly band: _angular_core.InputSignal<[number, number] | undefined>;
21
+ /** Dots on the first and/or last point. */
22
+ readonly markers: _angular_core.InputSignal<("first" | "last")[] | undefined>;
23
+ protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
10
24
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxSparklineComponent, never>;
11
- 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>;
25
+ 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; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "band": { "alias": "band"; "required": false; "isSignal": true; }; "markers": { "alias": "markers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
12
26
  }
13
27
 
14
28
  export { SkdxSparklineComponent };
@@ -1,13 +1,34 @@
1
1
  import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
- import { SkdxSizedBase, TreeNode } from '@skdx/angular-charts/internal';
2
+ import { SkdxSizedBase, TreeNode, ChartItemId, ColorScale } from '@skdx/angular-charts/internal';
3
3
  import * as _angular_core from '@angular/core';
4
4
 
5
- /** Nested rings, one per tree depth, children within their parent span. */
5
+ /** Nested rings, one per tree depth, children inside their parent's span. */
6
6
  declare class SkdxSunburstChartComponent extends SkdxSizedBase {
7
7
  readonly data: _angular_core.InputSignal<TreeNode[]>;
8
- protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
8
+ /** Hole radius as a fraction of the outer radius. */
9
+ readonly innerRadius: _angular_core.InputSignal<number | undefined>;
10
+ /** Text in the middle, e.g. the total. */
11
+ readonly centerLabel: _angular_core.InputSignal<string | undefined>;
12
+ /** Write names on the arcs wide enough to hold them. */
13
+ readonly labels: _angular_core.InputSignal<boolean>;
14
+ /** Id (or name) of the node whose subtree fills the rings. */
15
+ readonly rootId: _angular_core.InputSignal<ChartItemId | undefined>;
16
+ /** Write the path to `rootId` in the middle. */
17
+ readonly breadcrumbs: _angular_core.InputSignal<boolean>;
18
+ /** Deepest ring drawn. */
19
+ readonly maxDepth: _angular_core.InputSignal<number | undefined>;
20
+ /** Arc order inside a parent. */
21
+ readonly sort: _angular_core.InputSignal<"asc" | "desc" | "none" | undefined>;
22
+ /** Degrees clockwise from 12 o'clock. */
23
+ readonly startAngle: _angular_core.InputSignal<number | undefined>;
24
+ readonly endAngle: _angular_core.InputSignal<number | undefined>;
25
+ /** Gap between sibling arcs, in degrees. */
26
+ readonly padAngle: _angular_core.InputSignal<number | undefined>;
27
+ /** Colors arcs by their value. */
28
+ readonly colorScale: _angular_core.InputSignal<ColorScale | undefined>;
29
+ protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
9
30
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxSunburstChartComponent, never>;
10
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxSunburstChartComponent, "skdx-sunburst-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
31
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxSunburstChartComponent, "skdx-sunburst-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "innerRadius": { "alias": "innerRadius"; "required": false; "isSignal": true; }; "centerLabel": { "alias": "centerLabel"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "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; }; "startAngle": { "alias": "startAngle"; "required": false; "isSignal": true; }; "endAngle": { "alias": "endAngle"; "required": false; "isSignal": true; }; "padAngle": { "alias": "padAngle"; "required": false; "isSignal": true; }; "colorScale": { "alias": "colorScale"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
11
32
  }
12
33
 
13
34
  export { SkdxSunburstChartComponent };
@@ -0,0 +1,19 @@
1
+ import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
+ import { SkdxSizedBase, Series, AxisOptions, Reference } from '@skdx/angular-charts/internal';
3
+ import * as _angular_core from '@angular/core';
4
+
5
+ /** A beeswarm: every observation as a dot, spread sideways so none overlap. */
6
+ declare class SkdxSwarmPlotComponent extends SkdxSizedBase {
7
+ /** One swarm per series, over its raw samples. */
8
+ readonly series: _angular_core.InputSignal<Series[]>;
9
+ readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal" | undefined>;
10
+ /** Dot radius in pixels. */
11
+ readonly markerSize: _angular_core.InputSignal<number | undefined>;
12
+ readonly yAxis: _angular_core.InputSignal<AxisOptions | undefined>;
13
+ readonly references: _angular_core.InputSignal<Reference[] | undefined>;
14
+ protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
15
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxSwarmPlotComponent, never>;
16
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxSwarmPlotComponent, "skdx-swarm-plot", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "markerSize": { "alias": "markerSize"; "required": false; "isSignal": true; }; "yAxis": { "alias": "yAxis"; "required": false; "isSignal": true; }; "references": { "alias": "references"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
17
+ }
18
+
19
+ export { SkdxSwarmPlotComponent };
@@ -0,0 +1,18 @@
1
+ import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
+ import { SkdxSizedBase, TimelineEvent, AxisOptions } from '@skdx/angular-charts/internal';
3
+ import * as _angular_core from '@angular/core';
4
+
5
+ /** Point-in-time events on a time axis, in lanes with staggered labels, or as a vertical list. */
6
+ declare class SkdxTimelineChartComponent extends SkdxSizedBase {
7
+ readonly events: _angular_core.InputSignal<TimelineEvent[]>;
8
+ readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical" | undefined>;
9
+ /** How dates are written. */
10
+ readonly xAxis: _angular_core.InputSignal<Pick<AxisOptions, "format" | "label"> | undefined>;
11
+ /** Write event labels. */
12
+ readonly labels: _angular_core.InputSignal<boolean>;
13
+ protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
14
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxTimelineChartComponent, never>;
15
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxTimelineChartComponent, "skdx-timeline-chart", never, { "events": { "alias": "events"; "required": true; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "xAxis": { "alias": "xAxis"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
16
+ }
17
+
18
+ export { SkdxTimelineChartComponent };