@skdx/angular-charts 0.32.0 → 0.34.0

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 (65) hide show
  1. package/README.md +96 -41
  2. package/fesm2022/skdx-angular-charts-area.mjs +27 -33
  3. package/fesm2022/skdx-angular-charts-area.mjs.map +1 -1
  4. package/fesm2022/skdx-angular-charts-bar.mjs +30 -51
  5. package/fesm2022/skdx-angular-charts-bar.mjs.map +1 -1
  6. package/fesm2022/skdx-angular-charts-boxplot.mjs +26 -14
  7. package/fesm2022/skdx-angular-charts-boxplot.mjs.map +1 -1
  8. package/fesm2022/skdx-angular-charts-candlestick.mjs +49 -16
  9. package/fesm2022/skdx-angular-charts-candlestick.mjs.map +1 -1
  10. package/fesm2022/skdx-angular-charts-chord.mjs +26 -14
  11. package/fesm2022/skdx-angular-charts-chord.mjs.map +1 -1
  12. package/fesm2022/skdx-angular-charts-funnel.mjs +37 -48
  13. package/fesm2022/skdx-angular-charts-funnel.mjs.map +1 -1
  14. package/fesm2022/skdx-angular-charts-gantt.mjs +31 -19
  15. package/fesm2022/skdx-angular-charts-gantt.mjs.map +1 -1
  16. package/fesm2022/skdx-angular-charts-heatmap.mjs +54 -81
  17. package/fesm2022/skdx-angular-charts-heatmap.mjs.map +1 -1
  18. package/fesm2022/skdx-angular-charts-internal.mjs +2746 -707
  19. package/fesm2022/skdx-angular-charts-internal.mjs.map +1 -1
  20. package/fesm2022/skdx-angular-charts-line.mjs +26 -16
  21. package/fesm2022/skdx-angular-charts-line.mjs.map +1 -1
  22. package/fesm2022/skdx-angular-charts-map.mjs +35 -14
  23. package/fesm2022/skdx-angular-charts-map.mjs.map +1 -1
  24. package/fesm2022/skdx-angular-charts-pie.mjs +47 -25
  25. package/fesm2022/skdx-angular-charts-pie.mjs.map +1 -1
  26. package/fesm2022/skdx-angular-charts-radar.mjs +45 -81
  27. package/fesm2022/skdx-angular-charts-radar.mjs.map +1 -1
  28. package/fesm2022/skdx-angular-charts-radial.mjs +108 -0
  29. package/fesm2022/skdx-angular-charts-radial.mjs.map +1 -0
  30. package/fesm2022/skdx-angular-charts-sankey.mjs +26 -14
  31. package/fesm2022/skdx-angular-charts-sankey.mjs.map +1 -1
  32. package/fesm2022/skdx-angular-charts-scatter.mjs +49 -19
  33. package/fesm2022/skdx-angular-charts-scatter.mjs.map +1 -1
  34. package/fesm2022/skdx-angular-charts-sparkline.mjs +50 -60
  35. package/fesm2022/skdx-angular-charts-sparkline.mjs.map +1 -1
  36. package/fesm2022/skdx-angular-charts-sunburst.mjs +26 -14
  37. package/fesm2022/skdx-angular-charts-sunburst.mjs.map +1 -1
  38. package/fesm2022/skdx-angular-charts-treemap.mjs +26 -14
  39. package/fesm2022/skdx-angular-charts-treemap.mjs.map +1 -1
  40. package/fesm2022/skdx-angular-charts-waterfall.mjs +26 -14
  41. package/fesm2022/skdx-angular-charts-waterfall.mjs.map +1 -1
  42. package/fesm2022/skdx-angular-charts.mjs +2 -0
  43. package/fesm2022/skdx-angular-charts.mjs.map +1 -1
  44. package/package.json +7 -12
  45. package/types/skdx-angular-charts-area.d.ts +2 -2
  46. package/types/skdx-angular-charts-bar.d.ts +5 -13
  47. package/types/skdx-angular-charts-boxplot.d.ts +2 -2
  48. package/types/skdx-angular-charts-candlestick.d.ts +10 -4
  49. package/types/skdx-angular-charts-chord.d.ts +2 -2
  50. package/types/skdx-angular-charts-funnel.d.ts +5 -3
  51. package/types/skdx-angular-charts-gantt.d.ts +6 -6
  52. package/types/skdx-angular-charts-heatmap.d.ts +16 -15
  53. package/types/skdx-angular-charts-internal.d.ts +595 -232
  54. package/types/skdx-angular-charts-line.d.ts +2 -2
  55. package/types/skdx-angular-charts-map.d.ts +4 -3
  56. package/types/skdx-angular-charts-pie.d.ts +11 -3
  57. package/types/skdx-angular-charts-radar.d.ts +8 -10
  58. package/types/skdx-angular-charts-radial.d.ts +34 -0
  59. package/types/skdx-angular-charts-sankey.d.ts +2 -2
  60. package/types/skdx-angular-charts-scatter.d.ts +11 -4
  61. package/types/skdx-angular-charts-sparkline.d.ts +13 -5
  62. package/types/skdx-angular-charts-sunburst.d.ts +2 -2
  63. package/types/skdx-angular-charts-treemap.d.ts +4 -4
  64. package/types/skdx-angular-charts-waterfall.d.ts +2 -2
  65. package/types/skdx-angular-charts.d.ts +2 -1
@@ -7,7 +7,7 @@ import { SkdxSizedBase, layoutWaterfall, SkdxChartRootComponent } from '@skdx/an
7
7
  * This file is part of the SkandaDX organization.
8
8
  * Licensed under the MIT License. See LICENSE in the repository root.
9
9
  */
10
- /** Signed deltas stacked on a running total. */
10
+ /** Signed deltas stacked on the running total, with an optional closing total bar. */
11
11
  class SkdxWaterfallChartComponent extends SkdxSizedBase {
12
12
  constructor() {
13
13
  super(...arguments);
@@ -16,14 +16,23 @@ class SkdxWaterfallChartComponent extends SkdxSizedBase {
16
16
  /** Label of a final bar showing the running total. */
17
17
  this.total = input(/* @ts-ignore */
18
18
  ...(ngDevMode ? [undefined, { debugName: "total" }] : /* istanbul ignore next */ []));
19
- this.l = computed(() => layoutWaterfall({ ...this.sized(), data: this.data(), total: this.total() }), /* @ts-ignore */
20
- ...(ngDevMode ? [{ debugName: "l" }] : /* istanbul ignore next */ []));
19
+ this.layout = computed(() => layoutWaterfall({ ...this.sized(), data: this.data(), total: this.total() }), /* @ts-ignore */
20
+ ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
21
21
  }
22
22
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxWaterfallChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
23
23
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: SkdxWaterfallChartComponent, isStandalone: true, selector: "skdx-waterfall-chart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
24
- <skdx-chart-root [layout]="l()" kind="waterfall" [label]="label() ?? 'Waterfall chart'">
25
- </skdx-chart-root>
26
- `, isInline: true, dependencies: [{ kind: "component", type: SkdxChartRootComponent, selector: "skdx-chart-root", inputs: ["layout", "kind", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
24
+ <skdx-chart-root
25
+ [layout]="layout()"
26
+ kind="waterfall"
27
+ [label]="label() ?? 'Waterfall chart'"
28
+ [zoomable]="zoomable()"
29
+ [responsive]="responsive()"
30
+ (itemClick)="itemClick.emit($event)"
31
+ (hiddenSeriesChange)="toggle($event)"
32
+ (zoomChange)="zoom.set($event)"
33
+ (measured)="measuredWidth.set($event)"
34
+ ></skdx-chart-root>
35
+ `, isInline: true, dependencies: [{ kind: "component", type: SkdxChartRootComponent, selector: "skdx-chart-root", inputs: ["layout", "kind", "label", "zoomable", "responsive"], outputs: ["itemClick", "hiddenSeriesChange", "zoomChange", "measured"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
27
36
  }
28
37
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxWaterfallChartComponent, decorators: [{
29
38
  type: Component,
@@ -33,18 +42,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
33
42
  changeDetection: ChangeDetectionStrategy.OnPush,
34
43
  imports: [SkdxChartRootComponent],
35
44
  template: `
36
- <skdx-chart-root [layout]="l()" kind="waterfall" [label]="label() ?? 'Waterfall chart'">
37
- </skdx-chart-root>
45
+ <skdx-chart-root
46
+ [layout]="layout()"
47
+ kind="waterfall"
48
+ [label]="label() ?? 'Waterfall chart'"
49
+ [zoomable]="zoomable()"
50
+ [responsive]="responsive()"
51
+ (itemClick)="itemClick.emit($event)"
52
+ (hiddenSeriesChange)="toggle($event)"
53
+ (zoomChange)="zoom.set($event)"
54
+ (measured)="measuredWidth.set($event)"
55
+ ></skdx-chart-root>
38
56
  `,
39
57
  }]
40
58
  }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: false }] }] } });
41
59
 
42
- /*
43
- * Copyright (c) 2026 SkandaDX
44
- * This file is part of the SkandaDX organization.
45
- * Licensed under the MIT License. See LICENSE in the repository root.
46
- */
47
-
48
60
  /**
49
61
  * Generated bundle index. Do not edit.
50
62
  */
@@ -1 +1 @@
1
- {"version":3,"file":"skdx-angular-charts-waterfall.mjs","sources":["../../src/waterfall/waterfall-chart.component.ts","../../src/waterfall/index.ts","../../src/waterfall/skdx-angular-charts-waterfall.ts"],"sourcesContent":["/*\n * Copyright (c) 2026 SkandaDX\n * This file is part of the SkandaDX organization.\n * Licensed under the MIT License. See LICENSE in the repository root.\n */\n\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\n\nimport {\n layoutWaterfall,\n type Datum,\n SkdxChartRootComponent,\n SkdxSizedBase,\n} from '@skdx/angular-charts/internal';\n\n/** Signed deltas stacked on a running total. */\n@Component({\n selector: 'skdx-waterfall-chart',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [SkdxChartRootComponent],\n template: `\n <skdx-chart-root [layout]=\"l()\" kind=\"waterfall\" [label]=\"label() ?? 'Waterfall chart'\">\n </skdx-chart-root>\n `,\n})\nexport class SkdxWaterfallChartComponent extends SkdxSizedBase {\n readonly data = input.required<Datum[]>();\n /** Label of a final bar showing the running total. */\n readonly total = input<string>();\n\n protected readonly l = computed(() =>\n layoutWaterfall({ ...this.sized(), data: this.data(), total: this.total() }),\n );\n}\n","/*\n * Copyright (c) 2026 SkandaDX\n * This file is part of the SkandaDX organization.\n * Licensed under the MIT License. See LICENSE in the repository root.\n */\n\nexport { SkdxWaterfallChartComponent } from './waterfall-chart.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;AAIG;AAWH;AAWM,MAAO,2BAA4B,SAAQ,aAAa,CAAA;AAV9D,IAAA,WAAA,GAAA;;QAWW,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ;iFAAW;;AAEhC,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK;6FAAU;AAEb,QAAA,IAAA,CAAA,CAAC,GAAG,QAAQ,CAAC,MAC9B,eAAe,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;8EAC7E;AACF,IAAA;8GARY,2BAA2B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAL5B;;;AAGT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAJS,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAMrB,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAVvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,sBAAsB,CAAC;AACjC,oBAAA,QAAQ,EAAE;;;AAGT,EAAA,CAAA;AACF,iBAAA;;;ACzBD;;;;AAIG;;ACJH;;AAEG;;"}
1
+ {"version":3,"file":"skdx-angular-charts-waterfall.mjs","sources":["../../src/waterfall/index.ts","../../src/waterfall/skdx-angular-charts-waterfall.ts"],"sourcesContent":["/*\n * Copyright (c) 2026 SkandaDX\n * This file is part of the SkandaDX organization.\n * Licensed under the MIT License. See LICENSE in the repository root.\n */\n\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\n\nimport {\n layoutWaterfall,\n SkdxChartRootComponent,\n SkdxSizedBase,\n type Datum,\n} from '@skdx/angular-charts/internal';\n\n/** Signed deltas stacked on the running total, with an optional closing total bar. */\n@Component({\n selector: 'skdx-waterfall-chart',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [SkdxChartRootComponent],\n template: `\n <skdx-chart-root\n [layout]=\"layout()\"\n kind=\"waterfall\"\n [label]=\"label() ?? 'Waterfall chart'\"\n [zoomable]=\"zoomable()\"\n [responsive]=\"responsive()\"\n (itemClick)=\"itemClick.emit($event)\"\n (hiddenSeriesChange)=\"toggle($event)\"\n (zoomChange)=\"zoom.set($event)\"\n (measured)=\"measuredWidth.set($event)\"\n ></skdx-chart-root>\n `,\n})\nexport class SkdxWaterfallChartComponent extends SkdxSizedBase {\n readonly data = input.required<Datum[]>();\n /** Label of a final bar showing the running total. */\n readonly total = input<string>();\n\n protected readonly layout = computed(() =>\n layoutWaterfall({ ...this.sized(), data: this.data(), total: this.total() }),\n );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;AAIG;AAWH;AAoBM,MAAO,2BAA4B,SAAQ,aAAa,CAAA;AAnB9D,IAAA,WAAA,GAAA;;QAoBW,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ;iFAAW;;AAEhC,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK;6FAAU;AAEb,QAAA,IAAA,CAAA,MAAM,GAAG,QAAQ,CAAC,MACnC,eAAe,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;mFAC7E;AACF,IAAA;8GARY,2BAA2B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAd5B;;;;;;;;;;;;AAYT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAbS,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,WAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAerB,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAnBvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,sBAAsB,CAAC;AACjC,oBAAA,QAAQ,EAAE;;;;;;;;;;;;AAYT,EAAA,CAAA;AACF,iBAAA;;;AClCD;;AAEG;;"}
@@ -16,6 +16,8 @@ export { SkdxBoxplotComponent } from '@skdx/angular-charts/boxplot';
16
16
  export { SkdxSunburstChartComponent } from '@skdx/angular-charts/sunburst';
17
17
  export { SkdxChordChartComponent } from '@skdx/angular-charts/chord';
18
18
  export { SkdxMapChartComponent } from '@skdx/angular-charts/map';
19
+ export { SkdxRadialBarChartComponent } from '@skdx/angular-charts/radial';
20
+ export { csv, makeFormatter, seriesCsv, svgMarkup } from '@skdx/angular-charts/internal';
19
21
 
20
22
  /*
21
23
  * Copyright (c) 2026 SkandaDX
@@ -1 +1 @@
1
- {"version":3,"file":"skdx-angular-charts.mjs","sources":["../../src/public-api.ts","../../src/skdx-angular-charts.ts"],"sourcesContent":["/*\n * Copyright (c) 2026 SkandaDX\n * This file is part of the SkandaDX organization.\n * Licensed under the MIT License. See LICENSE in the repository root.\n */\n\nexport { SkdxBarChartComponent } from '@skdx/angular-charts/bar';\nexport { SkdxLineChartComponent } from '@skdx/angular-charts/line';\nexport { SkdxAreaChartComponent } from '@skdx/angular-charts/area';\nexport { SkdxPieChartComponent } from '@skdx/angular-charts/pie';\nexport { SkdxScatterChartComponent } from '@skdx/angular-charts/scatter';\nexport { SkdxSparklineComponent } from '@skdx/angular-charts/sparkline';\nexport { SkdxRadarChartComponent } from '@skdx/angular-charts/radar';\nexport { SkdxHeatmapComponent } from '@skdx/angular-charts/heatmap';\nexport { SkdxFunnelChartComponent } from '@skdx/angular-charts/funnel';\nexport { SkdxSankeyChartComponent } from '@skdx/angular-charts/sankey';\nexport { SkdxTreemapComponent } from '@skdx/angular-charts/treemap';\nexport { SkdxCandlestickChartComponent } from '@skdx/angular-charts/candlestick';\nexport { SkdxWaterfallChartComponent } from '@skdx/angular-charts/waterfall';\nexport { SkdxGanttChartComponent } from '@skdx/angular-charts/gantt';\nexport { SkdxBoxplotComponent } from '@skdx/angular-charts/boxplot';\nexport { SkdxSunburstChartComponent } from '@skdx/angular-charts/sunburst';\nexport { SkdxChordChartComponent } from '@skdx/angular-charts/chord';\nexport { SkdxMapChartComponent } from '@skdx/angular-charts/map';\nexport type {\n Candle,\n Datum,\n GanttTask,\n GeoMultiPolygon,\n GeoPolygon,\n MapFeature,\n SankeyLink,\n ScatterSeries,\n Series,\n Shape,\n TreeNode,\n} from '@skdx/angular-charts/internal';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;AAIG;;ACJH;;AAEG"}
1
+ {"version":3,"file":"skdx-angular-charts.mjs","sources":["../../src/public-api.ts","../../src/skdx-angular-charts.ts"],"sourcesContent":["/*\n * Copyright (c) 2026 SkandaDX\n * This file is part of the SkandaDX organization.\n * Licensed under the MIT License. See LICENSE in the repository root.\n */\n\nexport { SkdxBarChartComponent } from '@skdx/angular-charts/bar';\nexport { SkdxLineChartComponent } from '@skdx/angular-charts/line';\nexport { SkdxAreaChartComponent } from '@skdx/angular-charts/area';\nexport { SkdxPieChartComponent } from '@skdx/angular-charts/pie';\nexport { SkdxScatterChartComponent } from '@skdx/angular-charts/scatter';\nexport { SkdxSparklineComponent } from '@skdx/angular-charts/sparkline';\nexport { SkdxRadarChartComponent } from '@skdx/angular-charts/radar';\nexport { SkdxHeatmapComponent } from '@skdx/angular-charts/heatmap';\nexport { SkdxFunnelChartComponent } from '@skdx/angular-charts/funnel';\nexport { SkdxSankeyChartComponent } from '@skdx/angular-charts/sankey';\nexport { SkdxTreemapComponent } from '@skdx/angular-charts/treemap';\nexport { SkdxCandlestickChartComponent } from '@skdx/angular-charts/candlestick';\nexport { SkdxWaterfallChartComponent } from '@skdx/angular-charts/waterfall';\nexport { SkdxGanttChartComponent } from '@skdx/angular-charts/gantt';\nexport { SkdxBoxplotComponent } from '@skdx/angular-charts/boxplot';\nexport { SkdxSunburstChartComponent } from '@skdx/angular-charts/sunburst';\nexport { SkdxChordChartComponent } from '@skdx/angular-charts/chord';\nexport { SkdxMapChartComponent } from '@skdx/angular-charts/map';\nexport { SkdxRadialBarChartComponent } from '@skdx/angular-charts/radial';\nexport { csv, seriesCsv, svgMarkup, makeFormatter } from '@skdx/angular-charts/internal';\nexport type {\n AxisOptions,\n CalendarCell,\n Candle,\n CartesianSeries,\n Category,\n ChartItem,\n Curve,\n Datum,\n Format,\n GanttTask,\n GeoMultiPolygon,\n GeoPolygon,\n MapFeature,\n RadialBand,\n RangeSeries,\n Reference,\n SankeyLink,\n ScatterSeries,\n Series,\n TreeNode,\n Value,\n Variant,\n Zoom,\n} from '@skdx/angular-charts/internal';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;AAIG;;ACJH;;AAEG"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@skdx/angular-charts",
3
- "version": "0.32.0",
4
- "description": "Eighteen SVG charts as standalone Angular components, from bar and line to sankey, sunburst and choropleth map — colored by @skdx/tokens",
3
+ "version": "0.34.0",
4
+ "description": "Nineteen SVG charts as standalone Angular components, from bar and line to sankey, radial bar and choropleth map — colored by @skdx/tokens",
5
5
  "license": "MIT",
6
6
  "publishConfig": {
7
7
  "access": "public"
@@ -20,20 +20,11 @@
20
20
  "peerDependencies": {
21
21
  "@angular/common": "^22.0.0",
22
22
  "@angular/core": "^22.0.0",
23
- "@skdx/tokens": "^0.32.0"
23
+ "@skdx/tokens": "^0.34.0"
24
24
  },
25
25
  "dependencies": {
26
26
  "tslib": "^2.3.0"
27
27
  },
28
- "nx": {
29
- "targets": {
30
- "sync": {
31
- "outputs": [
32
- "{projectRoot}/src/internal/core"
33
- ]
34
- }
35
- }
36
- },
37
28
  "module": "fesm2022/skdx-angular-charts.mjs",
38
29
  "typings": "types/skdx-angular-charts.d.ts",
39
30
  "exports": {
@@ -96,6 +87,10 @@
96
87
  "types": "./types/skdx-angular-charts-radar.d.ts",
97
88
  "default": "./fesm2022/skdx-angular-charts-radar.mjs"
98
89
  },
90
+ "./radial": {
91
+ "types": "./types/skdx-angular-charts-radial.d.ts",
92
+ "default": "./fesm2022/skdx-angular-charts-radial.mjs"
93
+ },
99
94
  "./sankey": {
100
95
  "types": "./types/skdx-angular-charts-sankey.d.ts",
101
96
  "default": "./fesm2022/skdx-angular-charts-sankey.mjs"
@@ -2,9 +2,9 @@ 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
- /** A line chart with each series filled down to the zero baseline. */
5
+ /** Filled, optionally stacked, areas down to zero; series may also be bars, lines or ranges. */
6
6
  declare class SkdxAreaChartComponent extends SkdxChartBase {
7
- protected readonly layout: i0.Signal<_skdx_angular_charts_internal.AreaChartLayout>;
7
+ protected readonly layout: i0.Signal<_skdx_angular_charts_internal.Canvas>;
8
8
  static ɵfac: i0.ɵɵFactoryDeclaration<SkdxAreaChartComponent, never>;
9
9
  static ɵcmp: i0.ɵɵComponentDeclaration<SkdxAreaChartComponent, "skdx-area-chart", never, {}, {}, never, never, true, never>;
10
10
  }
@@ -1,20 +1,12 @@
1
+ import * as i0 from '@angular/core';
1
2
  import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
3
  import { SkdxChartBase } from '@skdx/angular-charts/internal';
3
- import * as _angular_core from '@angular/core';
4
4
 
5
- /**
6
- * Grouped or stacked vertical bars, one per value.
7
- *
8
- * ```html
9
- * <skdx-bar-chart [series]="[{ name: 'Sales', data: [3, 5, 2] }]" [categories]="['Q1', 'Q2', 'Q3']"></skdx-bar-chart>
10
- * ```
11
- */
5
+ /** Grouped, stacked, horizontal or histogram bars; series may also be lines, areas or ranges. */
12
6
  declare class SkdxBarChartComponent extends SkdxChartBase {
13
- /** Stack series on top of each other instead of grouping them side by side. */
14
- readonly stacked: _angular_core.InputSignal<boolean>;
15
- protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.BarChartLayout>;
16
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxBarChartComponent, never>;
17
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxBarChartComponent, "skdx-bar-chart", never, { "stacked": { "alias": "stacked"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
7
+ protected readonly layout: i0.Signal<_skdx_angular_charts_internal.Canvas>;
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkdxBarChartComponent, never>;
9
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkdxBarChartComponent, "skdx-bar-chart", never, {}, {}, never, never, true, never>;
18
10
  }
19
11
 
20
12
  export { SkdxBarChartComponent };
@@ -2,10 +2,10 @@ import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
2
  import { SkdxSizedBase, Series } from '@skdx/angular-charts/internal';
3
3
  import * as _angular_core from '@angular/core';
4
4
 
5
- /** Quartile boxes with Tukey whiskers and outliers, one per series. */
5
+ /** One Tukey box per series over its raw samples. */
6
6
  declare class SkdxBoxplotComponent extends SkdxSizedBase {
7
7
  readonly series: _angular_core.InputSignal<Series[]>;
8
- protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
8
+ protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
9
9
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxBoxplotComponent, never>;
10
10
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxBoxplotComponent, "skdx-boxplot", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
11
11
  }
@@ -1,13 +1,19 @@
1
1
  import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
- import { SkdxSizedBase, Candle } from '@skdx/angular-charts/internal';
2
+ import { SkdxSizedBase, Candle, AxisOptions, Reference } from '@skdx/angular-charts/internal';
3
3
  import * as _angular_core from '@angular/core';
4
4
 
5
- /** Open/high/low/close candles, green when closing higher. */
5
+ /** Candles or OHLC bars on a time axis, with an optional volume pane, references, zoom and brush. */
6
6
  declare class SkdxCandlestickChartComponent extends SkdxSizedBase {
7
7
  readonly data: _angular_core.InputSignal<Candle[]>;
8
- protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
8
+ readonly scale: _angular_core.InputSignal<"linear" | "log" | undefined>;
9
+ readonly variant: _angular_core.InputSignal<"candlestick" | "ohlc" | undefined>;
10
+ readonly xAxis: _angular_core.InputSignal<Pick<AxisOptions, "format"> | undefined>;
11
+ readonly references: _angular_core.InputSignal<Reference[] | undefined>;
12
+ readonly brush: _angular_core.InputSignal<boolean>;
13
+ readonly crosshair: _angular_core.InputSignal<boolean>;
14
+ protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
9
15
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxCandlestickChartComponent, never>;
10
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxCandlestickChartComponent, "skdx-candlestick-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
16
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxCandlestickChartComponent, "skdx-candlestick-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "scale": { "alias": "scale"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "xAxis": { "alias": "xAxis"; "required": false; "isSignal": true; }; "references": { "alias": "references"; "required": false; "isSignal": true; }; "brush": { "alias": "brush"; "required": false; "isSignal": true; }; "crosshair": { "alias": "crosshair"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
11
17
  }
12
18
 
13
19
  export { SkdxCandlestickChartComponent };
@@ -2,12 +2,12 @@ import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
2
  import { SkdxSizedBase } from '@skdx/angular-charts/internal';
3
3
  import * as _angular_core from '@angular/core';
4
4
 
5
- /** Ribbons between groups sized by the flow matrix. */
5
+ /** Groups around a circle with ribbons for the flows between them. */
6
6
  declare class SkdxChordChartComponent extends SkdxSizedBase {
7
7
  readonly names: _angular_core.InputSignal<string[]>;
8
8
  /** `matrix[i][j]` is the flow from `i` to `j`. */
9
9
  readonly matrix: _angular_core.InputSignal<number[][]>;
10
- protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
10
+ protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
11
11
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxChordChartComponent, never>;
12
12
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxChordChartComponent, "skdx-chord-chart", never, { "names": { "alias": "names"; "required": true; "isSignal": true; }; "matrix": { "alias": "matrix"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
13
13
  }
@@ -2,12 +2,14 @@ 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
- /** Centered stages, each narrowing toward the next, labelled in place. */
5
+ /** Stages narrowing with their value, or a pyramid; vertical or horizontal. */
6
6
  declare class SkdxFunnelChartComponent extends SkdxSizedBase {
7
7
  readonly data: _angular_core.InputSignal<Datum[]>;
8
- protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.FunnelChartLayout>;
8
+ readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal" | undefined>;
9
+ readonly variant: _angular_core.InputSignal<"funnel" | "pyramid" | undefined>;
10
+ protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
9
11
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxFunnelChartComponent, never>;
10
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxFunnelChartComponent, "skdx-funnel-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
12
+ 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>;
11
13
  }
12
14
 
13
15
  export { SkdxFunnelChartComponent };
@@ -1,15 +1,15 @@
1
1
  import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
2
- import { SkdxSizedBase, GanttTask } from '@skdx/angular-charts/internal';
2
+ import { SkdxSizedBase, GanttTask, Reference } from '@skdx/angular-charts/internal';
3
3
  import * as _angular_core from '@angular/core';
4
4
 
5
- /** One bar per task on a numeric time axis. */
5
+ /** Intervals on a numeric time axis, one row per task or per `group`. */
6
6
  declare class SkdxGanttChartComponent extends SkdxSizedBase {
7
7
  readonly tasks: _angular_core.InputSignal<GanttTask[]>;
8
- /** Formats the x-axis ticks, e.g. a timestamp as a date. */
9
- readonly format: _angular_core.InputSignal<((value: number) => string) | undefined>;
10
- protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
8
+ /** Vertical lines and bands in time coordinates, e.g. today. */
9
+ readonly references: _angular_core.InputSignal<Reference[] | undefined>;
10
+ protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
11
11
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxGanttChartComponent, never>;
12
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxGanttChartComponent, "skdx-gantt-chart", never, { "tasks": { "alias": "tasks"; "required": true; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
12
+ 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>;
13
13
  }
14
14
 
15
15
  export { SkdxGanttChartComponent };
@@ -1,25 +1,26 @@
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, CalendarCell } from '@skdx/angular-charts/internal';
3
3
  import * as _angular_core from '@angular/core';
4
4
 
5
- /** A grid of cells whose opacity follows the value. */
5
+ /** A grid of cells whose opacity follows the value; `calendar` lays days out as weekday rows and week columns. */
6
6
  declare class SkdxHeatmapComponent extends SkdxSizedBase {
7
- readonly rows: _angular_core.InputSignal<string[]>;
8
- readonly columns: _angular_core.InputSignal<string[]>;
7
+ readonly rows: _angular_core.InputSignal<string[] | undefined>;
8
+ readonly columns: _angular_core.InputSignal<string[] | undefined>;
9
9
  /** `data[row][column]`. */
10
- readonly data: _angular_core.InputSignal<number[][]>;
11
- /** The cell color; each cell's opacity follows its value. */
10
+ readonly data: _angular_core.InputSignal<Value[][] | undefined>;
11
+ /** One value per day, instead of rows/columns/data. */
12
+ readonly calendar: _angular_core.InputSignal<CalendarCell[] | undefined>;
12
13
  readonly color: _angular_core.InputSignal<string | undefined>;
13
- protected readonly colors: {
14
- readonly axis: "var(--skdx-color-border-strong)";
15
- readonly grid: "var(--skdx-color-border-subtle)";
16
- readonly label: "var(--skdx-color-text-muted)";
17
- readonly fontFamily: "var(--skdx-font-family)";
18
- readonly fontSize: "var(--skdx-font-size-xs)";
19
- };
20
- protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.HeatmapLayout>;
14
+ /** Split around zero: negatives use `negativeColor`. */
15
+ readonly diverging: _angular_core.InputSignal<boolean>;
16
+ readonly negativeColor: _angular_core.InputSignal<string | undefined>;
17
+ /** Write each value in its cell. */
18
+ readonly labels: _angular_core.InputSignal<boolean>;
19
+ /** Value range the opacity ramp covers. */
20
+ readonly domain: _angular_core.InputSignal<[number, number] | undefined>;
21
+ protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
21
22
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxHeatmapComponent, never>;
22
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxHeatmapComponent, "skdx-heatmap", never, { "rows": { "alias": "rows"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
23
+ 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>;
23
24
  }
24
25
 
25
26
  export { SkdxHeatmapComponent };