@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.
- package/README.md +104 -41
- package/fesm2022/skdx-angular-charts-area.mjs +36 -2
- package/fesm2022/skdx-angular-charts-area.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-bar.mjs +40 -15
- package/fesm2022/skdx-angular-charts-bar.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-boxplot.mjs +76 -8
- package/fesm2022/skdx-angular-charts-boxplot.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-bubble.mjs +119 -0
- package/fesm2022/skdx-angular-charts-bubble.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-bullet.mjs +110 -0
- package/fesm2022/skdx-angular-charts-bullet.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-bump.mjs +113 -0
- package/fesm2022/skdx-angular-charts-bump.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-candlestick.mjs +76 -8
- package/fesm2022/skdx-angular-charts-candlestick.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-chord.mjs +63 -12
- package/fesm2022/skdx-angular-charts-chord.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-circle-packing.mjs +107 -0
- package/fesm2022/skdx-angular-charts-circle-packing.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-combo.mjs +82 -0
- package/fesm2022/skdx-angular-charts-combo.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-dumbbell.mjs +116 -0
- package/fesm2022/skdx-angular-charts-dumbbell.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-funnel.mjs +63 -8
- package/fesm2022/skdx-angular-charts-funnel.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-gantt.mjs +64 -11
- package/fesm2022/skdx-angular-charts-gantt.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-gauge.mjs +134 -0
- package/fesm2022/skdx-angular-charts-gauge.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-heatmap.mjs +111 -15
- package/fesm2022/skdx-angular-charts-heatmap.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-histogram.mjs +134 -0
- package/fesm2022/skdx-angular-charts-histogram.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-icicle.mjs +119 -0
- package/fesm2022/skdx-angular-charts-icicle.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-internal.mjs +10134 -1106
- package/fesm2022/skdx-angular-charts-internal.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-line.mjs +36 -2
- package/fesm2022/skdx-angular-charts-line.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-linear-gauge.mjs +119 -0
- package/fesm2022/skdx-angular-charts-linear-gauge.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-map.mjs +81 -8
- package/fesm2022/skdx-angular-charts-map.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-marimekko.mjs +103 -0
- package/fesm2022/skdx-angular-charts-marimekko.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-network.mjs +113 -0
- package/fesm2022/skdx-angular-charts-network.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-organization.mjs +111 -0
- package/fesm2022/skdx-angular-charts-organization.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-parallel.mjs +105 -0
- package/fesm2022/skdx-angular-charts-parallel.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-pareto.mjs +123 -0
- package/fesm2022/skdx-angular-charts-pareto.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-pie.mjs +79 -5
- package/fesm2022/skdx-angular-charts-pie.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-polar-area.mjs +118 -0
- package/fesm2022/skdx-angular-charts-polar-area.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-radar.mjs +87 -9
- package/fesm2022/skdx-angular-charts-radar.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-radial.mjs +130 -0
- package/fesm2022/skdx-angular-charts-radial.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-range.mjs +133 -0
- package/fesm2022/skdx-angular-charts-range.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-sankey.mjs +81 -8
- package/fesm2022/skdx-angular-charts-sankey.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-scatter.mjs +74 -5
- package/fesm2022/skdx-angular-charts-scatter.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-sparkline.mjs +76 -8
- package/fesm2022/skdx-angular-charts-sparkline.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-sunburst.mjs +88 -8
- package/fesm2022/skdx-angular-charts-sunburst.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-swarm.mjs +101 -0
- package/fesm2022/skdx-angular-charts-swarm.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-timeline.mjs +98 -0
- package/fesm2022/skdx-angular-charts-timeline.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-tree.mjs +118 -0
- package/fesm2022/skdx-angular-charts-tree.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-treemap.mjs +85 -8
- package/fesm2022/skdx-angular-charts-treemap.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-waffle.mjs +113 -0
- package/fesm2022/skdx-angular-charts-waffle.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-waterfall.mjs +76 -8
- package/fesm2022/skdx-angular-charts-waterfall.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts.mjs +23 -0
- package/fesm2022/skdx-angular-charts.mjs.map +1 -1
- package/package.json +91 -3
- package/types/skdx-angular-charts-area.d.ts +1 -1
- package/types/skdx-angular-charts-bar.d.ts +5 -13
- package/types/skdx-angular-charts-boxplot.d.ts +20 -5
- package/types/skdx-angular-charts-bubble.d.ts +27 -0
- package/types/skdx-angular-charts-bullet.d.ts +24 -0
- package/types/skdx-angular-charts-bump.d.ts +25 -0
- package/types/skdx-angular-charts-candlestick.d.ts +15 -4
- package/types/skdx-angular-charts-chord.d.ts +13 -6
- package/types/skdx-angular-charts-circle-packing.d.ts +23 -0
- package/types/skdx-angular-charts-combo.d.ts +12 -0
- package/types/skdx-angular-charts-dumbbell.d.ts +26 -0
- package/types/skdx-angular-charts-funnel.d.ts +11 -3
- package/types/skdx-angular-charts-gantt.d.ts +13 -6
- package/types/skdx-angular-charts-gauge.d.ts +36 -0
- package/types/skdx-angular-charts-heatmap.d.ts +34 -8
- package/types/skdx-angular-charts-histogram.d.ts +34 -0
- package/types/skdx-angular-charts-icicle.d.ts +29 -0
- package/types/skdx-angular-charts-internal.d.ts +2477 -77
- package/types/skdx-angular-charts-line.d.ts +1 -1
- package/types/skdx-angular-charts-linear-gauge.d.ts +29 -0
- package/types/skdx-angular-charts-map.d.ts +17 -4
- package/types/skdx-angular-charts-marimekko.d.ts +21 -0
- package/types/skdx-angular-charts-network.d.ts +25 -0
- package/types/skdx-angular-charts-organization.d.ts +25 -0
- package/types/skdx-angular-charts-parallel.d.ts +25 -0
- package/types/skdx-angular-charts-pareto.d.ts +27 -0
- package/types/skdx-angular-charts-pie.d.ts +20 -2
- package/types/skdx-angular-charts-polar-area.d.ts +28 -0
- package/types/skdx-angular-charts-radar.d.ts +24 -4
- package/types/skdx-angular-charts-radial.d.ts +34 -0
- package/types/skdx-angular-charts-range.d.ts +29 -0
- package/types/skdx-angular-charts-sankey.d.ts +22 -4
- package/types/skdx-angular-charts-scatter.d.ts +17 -3
- package/types/skdx-angular-charts-sparkline.d.ts +19 -5
- package/types/skdx-angular-charts-sunburst.d.ts +25 -4
- package/types/skdx-angular-charts-swarm.d.ts +19 -0
- package/types/skdx-angular-charts-timeline.d.ts +18 -0
- package/types/skdx-angular-charts-tree.d.ts +28 -0
- package/types/skdx-angular-charts-treemap.d.ts +21 -5
- package/types/skdx-angular-charts-waffle.d.ts +25 -0
- package/types/skdx-angular-charts-waterfall.d.ts +19 -5
- package/types/skdx-angular-charts.d.ts +23 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skdx-angular-charts-waffle.mjs","sources":["../../src/waffle/index.ts","../../src/waffle/skdx-angular-charts-waffle.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 layoutWaffleChart,\n SkdxChartRootComponent,\n SkdxSizedBase,\n type Datum,\n} from '@skdx/angular-charts/internal';\n\n/** A grid of cells, each standing for a share of the total, colored by datum. */\n@Component({\n selector: 'skdx-waffle-chart',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [SkdxChartRootComponent],\n template: `\n <skdx-chart-root\n [layout]=\"layout()\"\n [options]=\"options()\"\n kind=\"waffle\"\n [label]=\"label() ?? 'Waffle chart'\"\n [zoomable]=\"zoomable()\"\n [selectionMode]=\"selectionMode()\"\n [editable]=\"editable()\"\n [syncId]=\"syncId()\"\n [crosshair]=\"syncedCrosshair()\"\n [responsive]=\"!!responsive()\"\n (itemClick)=\"itemClick.emit($event)\"\n (dataIssue)=\"dataIssue.emit($event)\"\n (taskChange)=\"taskChange.emit($event)\"\n (hiddenSeriesChange)=\"toggle($event)\"\n (zoomChange)=\"zoom.set($event)\"\n (viewChange)=\"view.set($event)\"\n (selectedChange)=\"selected.set($event)\"\n (highlightedChange)=\"highlighted.set($event)\"\n (syncChange)=\"sync($event)\"\n (measured)=\"measuredWidth.set($event)\"\n ></skdx-chart-root>\n `,\n})\nexport class SkdxWaffleChartComponent extends SkdxSizedBase {\n readonly data = input.required<Datum[]>();\n /** What the whole grid stands for. */\n readonly total = input<number>();\n readonly rows = input<number>();\n readonly columns = input<number>();\n /** Fill direction. */\n readonly orientation = input<'vertical' | 'horizontal'>();\n /** Gap between cells in pixels. */\n readonly cellGap = input<number>();\n /** Cell corner radius in pixels. */\n readonly cellRadius = input<number>();\n /** Write each datum's share after its name in the legend. */\n readonly labels = input(false);\n\n protected readonly layout = computed(() =>\n layoutWaffleChart({\n ...this.sized(),\n data: this.data(),\n total: this.total(),\n rows: this.rows(),\n columns: this.columns(),\n orientation: this.orientation(),\n cellGap: this.cellGap(),\n cellRadius: this.cellRadius(),\n labels: this.labels(),\n }),\n );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -7,26 +7,77 @@ 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
|
|
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);
|
|
14
|
+
/** Signed deltas; `subtotal` rows show the running total. */
|
|
14
15
|
this.data = input.required(/* @ts-ignore */
|
|
15
16
|
...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
|
|
16
17
|
/** Label of a final bar showing the running total. */
|
|
17
18
|
this.total = input(/* @ts-ignore */
|
|
18
19
|
...(ngDevMode ? [undefined, { debugName: "total" }] : /* istanbul ignore next */ []));
|
|
19
|
-
|
|
20
|
-
|
|
20
|
+
/** Opening value the first delta applies to. */
|
|
21
|
+
this.start = input(/* @ts-ignore */
|
|
22
|
+
...(ngDevMode ? [undefined, { debugName: "start" }] : /* istanbul ignore next */ []));
|
|
23
|
+
/** Label of the opening bar. */
|
|
24
|
+
this.startLabel = input(/* @ts-ignore */
|
|
25
|
+
...(ngDevMode ? [undefined, { debugName: "startLabel" }] : /* istanbul ignore next */ []));
|
|
26
|
+
this.orientation = input(/* @ts-ignore */
|
|
27
|
+
...(ngDevMode ? [undefined, { debugName: "orientation" }] : /* istanbul ignore next */ []));
|
|
28
|
+
/** Dashed lines carrying the running total between bars. */
|
|
29
|
+
this.connectors = input(true, /* @ts-ignore */
|
|
30
|
+
...(ngDevMode ? [{ debugName: "connectors" }] : /* istanbul ignore next */ []));
|
|
31
|
+
/** Write each delta next to its bar. */
|
|
32
|
+
this.labels = input(false, /* @ts-ignore */
|
|
33
|
+
...(ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []));
|
|
34
|
+
this.positiveColor = input(/* @ts-ignore */
|
|
35
|
+
...(ngDevMode ? [undefined, { debugName: "positiveColor" }] : /* istanbul ignore next */ []));
|
|
36
|
+
this.negativeColor = input(/* @ts-ignore */
|
|
37
|
+
...(ngDevMode ? [undefined, { debugName: "negativeColor" }] : /* istanbul ignore next */ []));
|
|
38
|
+
/** Color of subtotal and total bars. */
|
|
39
|
+
this.totalColor = input(/* @ts-ignore */
|
|
40
|
+
...(ngDevMode ? [undefined, { debugName: "totalColor" }] : /* istanbul ignore next */ []));
|
|
41
|
+
this.layout = computed(() => layoutWaterfall({
|
|
42
|
+
...this.sized(),
|
|
43
|
+
data: this.data(),
|
|
44
|
+
total: this.total(),
|
|
45
|
+
start: this.start(),
|
|
46
|
+
startLabel: this.startLabel(),
|
|
47
|
+
orientation: this.orientation(),
|
|
48
|
+
connectors: this.connectors(),
|
|
49
|
+
labels: this.labels(),
|
|
50
|
+
positiveColor: this.positiveColor(),
|
|
51
|
+
negativeColor: this.negativeColor(),
|
|
52
|
+
totalColor: this.totalColor(),
|
|
53
|
+
}), /* @ts-ignore */
|
|
54
|
+
...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
|
|
21
55
|
}
|
|
22
56
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxWaterfallChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
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: `
|
|
57
|
+
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 }, start: { classPropertyName: "start", publicName: "start", isSignal: true, isRequired: false, transformFunction: null }, startLabel: { classPropertyName: "startLabel", publicName: "startLabel", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, connectors: { classPropertyName: "connectors", publicName: "connectors", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, positiveColor: { classPropertyName: "positiveColor", publicName: "positiveColor", isSignal: true, isRequired: false, transformFunction: null }, negativeColor: { classPropertyName: "negativeColor", publicName: "negativeColor", isSignal: true, isRequired: false, transformFunction: null }, totalColor: { classPropertyName: "totalColor", publicName: "totalColor", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
|
|
24
58
|
<skdx-chart-root
|
|
25
|
-
[layout]="
|
|
59
|
+
[layout]="layout()"
|
|
60
|
+
[options]="options()"
|
|
26
61
|
kind="waterfall"
|
|
27
62
|
[label]="label() ?? 'Waterfall chart'"
|
|
63
|
+
[zoomable]="zoomable()"
|
|
64
|
+
[selectionMode]="selectionMode()"
|
|
65
|
+
[editable]="editable()"
|
|
66
|
+
[syncId]="syncId()"
|
|
67
|
+
[crosshair]="syncedCrosshair()"
|
|
68
|
+
[responsive]="!!responsive()"
|
|
69
|
+
(itemClick)="itemClick.emit($event)"
|
|
70
|
+
(dataIssue)="dataIssue.emit($event)"
|
|
71
|
+
(taskChange)="taskChange.emit($event)"
|
|
72
|
+
(hiddenSeriesChange)="toggle($event)"
|
|
73
|
+
(zoomChange)="zoom.set($event)"
|
|
74
|
+
(viewChange)="view.set($event)"
|
|
75
|
+
(selectedChange)="selected.set($event)"
|
|
76
|
+
(highlightedChange)="highlighted.set($event)"
|
|
77
|
+
(syncChange)="sync($event)"
|
|
78
|
+
(measured)="measuredWidth.set($event)"
|
|
28
79
|
></skdx-chart-root>
|
|
29
|
-
`, isInline: true, dependencies: [{ kind: "component", type: SkdxChartRootComponent, selector: "skdx-chart-root", inputs: ["layout", "kind", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
80
|
+
`, isInline: true, dependencies: [{ kind: "component", type: SkdxChartRootComponent, selector: "skdx-chart-root", inputs: ["layout", "options", "kind", "label", "zoomable", "selectionMode", "editable", "syncId", "crosshair", "responsive"], outputs: ["itemClick", "hiddenSeriesChange", "zoomChange", "viewChange", "selectedChange", "highlightedChange", "dataIssue", "taskChange", "syncChange", "measured"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
30
81
|
}
|
|
31
82
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxWaterfallChartComponent, decorators: [{
|
|
32
83
|
type: Component,
|
|
@@ -37,13 +88,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
37
88
|
imports: [SkdxChartRootComponent],
|
|
38
89
|
template: `
|
|
39
90
|
<skdx-chart-root
|
|
40
|
-
[layout]="
|
|
91
|
+
[layout]="layout()"
|
|
92
|
+
[options]="options()"
|
|
41
93
|
kind="waterfall"
|
|
42
94
|
[label]="label() ?? 'Waterfall chart'"
|
|
95
|
+
[zoomable]="zoomable()"
|
|
96
|
+
[selectionMode]="selectionMode()"
|
|
97
|
+
[editable]="editable()"
|
|
98
|
+
[syncId]="syncId()"
|
|
99
|
+
[crosshair]="syncedCrosshair()"
|
|
100
|
+
[responsive]="!!responsive()"
|
|
101
|
+
(itemClick)="itemClick.emit($event)"
|
|
102
|
+
(dataIssue)="dataIssue.emit($event)"
|
|
103
|
+
(taskChange)="taskChange.emit($event)"
|
|
104
|
+
(hiddenSeriesChange)="toggle($event)"
|
|
105
|
+
(zoomChange)="zoom.set($event)"
|
|
106
|
+
(viewChange)="view.set($event)"
|
|
107
|
+
(selectedChange)="selected.set($event)"
|
|
108
|
+
(highlightedChange)="highlighted.set($event)"
|
|
109
|
+
(syncChange)="sync($event)"
|
|
110
|
+
(measured)="measuredWidth.set($event)"
|
|
43
111
|
></skdx-chart-root>
|
|
44
112
|
`,
|
|
45
113
|
}]
|
|
46
|
-
}], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: false }] }] } });
|
|
114
|
+
}], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: false }] }], start: [{ type: i0.Input, args: [{ isSignal: true, alias: "start", required: false }] }], startLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "startLabel", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], connectors: [{ type: i0.Input, args: [{ isSignal: true, alias: "connectors", required: false }] }], labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", required: false }] }], positiveColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "positiveColor", required: false }] }], negativeColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "negativeColor", required: false }] }], totalColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalColor", required: false }] }] } });
|
|
47
115
|
|
|
48
116
|
/**
|
|
49
117
|
* Generated bundle index. Do not edit.
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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 WaterfallDatum,\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 [options]=\"options()\"\n kind=\"waterfall\"\n [label]=\"label() ?? 'Waterfall chart'\"\n [zoomable]=\"zoomable()\"\n [selectionMode]=\"selectionMode()\"\n [editable]=\"editable()\"\n [syncId]=\"syncId()\"\n [crosshair]=\"syncedCrosshair()\"\n [responsive]=\"!!responsive()\"\n (itemClick)=\"itemClick.emit($event)\"\n (dataIssue)=\"dataIssue.emit($event)\"\n (taskChange)=\"taskChange.emit($event)\"\n (hiddenSeriesChange)=\"toggle($event)\"\n (zoomChange)=\"zoom.set($event)\"\n (viewChange)=\"view.set($event)\"\n (selectedChange)=\"selected.set($event)\"\n (highlightedChange)=\"highlighted.set($event)\"\n (syncChange)=\"sync($event)\"\n (measured)=\"measuredWidth.set($event)\"\n ></skdx-chart-root>\n `,\n})\nexport class SkdxWaterfallChartComponent extends SkdxSizedBase {\n /** Signed deltas; `subtotal` rows show the running total. */\n readonly data = input.required<WaterfallDatum[]>();\n /** Label of a final bar showing the running total. */\n readonly total = input<string>();\n /** Opening value the first delta applies to. */\n readonly start = input<number>();\n /** Label of the opening bar. */\n readonly startLabel = input<string>();\n readonly orientation = input<'vertical' | 'horizontal'>();\n /** Dashed lines carrying the running total between bars. */\n readonly connectors = input(true);\n /** Write each delta next to its bar. */\n readonly labels = input(false);\n readonly positiveColor = input<string>();\n readonly negativeColor = input<string>();\n /** Color of subtotal and total bars. */\n readonly totalColor = input<string>();\n\n protected readonly layout = computed(() =>\n layoutWaterfall({\n ...this.sized(),\n data: this.data(),\n total: this.total(),\n start: this.start(),\n startLabel: this.startLabel(),\n orientation: this.orientation(),\n connectors: this.connectors(),\n labels: this.labels(),\n positiveColor: this.positiveColor(),\n negativeColor: this.negativeColor(),\n totalColor: this.totalColor(),\n }),\n );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -16,6 +16,29 @@ 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 { SkdxGaugeChartComponent } from '@skdx/angular-charts/gauge';
|
|
21
|
+
export { SkdxBubbleChartComponent } from '@skdx/angular-charts/bubble';
|
|
22
|
+
export { SkdxHistogramComponent } from '@skdx/angular-charts/histogram';
|
|
23
|
+
export { SkdxBulletChartComponent } from '@skdx/angular-charts/bullet';
|
|
24
|
+
export { SkdxComboChartComponent } from '@skdx/angular-charts/combo';
|
|
25
|
+
export { SkdxRangeChartComponent } from '@skdx/angular-charts/range';
|
|
26
|
+
export { SkdxNetworkChartComponent } from '@skdx/angular-charts/network';
|
|
27
|
+
export { SkdxTimelineChartComponent } from '@skdx/angular-charts/timeline';
|
|
28
|
+
export { SkdxMarimekkoChartComponent } from '@skdx/angular-charts/marimekko';
|
|
29
|
+
export { SkdxParallelCoordinatesChartComponent } from '@skdx/angular-charts/parallel';
|
|
30
|
+
export { SkdxLinearGaugeComponent } from '@skdx/angular-charts/linear-gauge';
|
|
31
|
+
export { SkdxDumbbellChartComponent } from '@skdx/angular-charts/dumbbell';
|
|
32
|
+
export { SkdxParetoChartComponent } from '@skdx/angular-charts/pareto';
|
|
33
|
+
export { SkdxBumpChartComponent } from '@skdx/angular-charts/bump';
|
|
34
|
+
export { SkdxPolarAreaChartComponent } from '@skdx/angular-charts/polar-area';
|
|
35
|
+
export { SkdxSwarmPlotComponent } from '@skdx/angular-charts/swarm';
|
|
36
|
+
export { SkdxWaffleChartComponent } from '@skdx/angular-charts/waffle';
|
|
37
|
+
export { SkdxTreeChartComponent } from '@skdx/angular-charts/tree';
|
|
38
|
+
export { SkdxOrganizationChartComponent } from '@skdx/angular-charts/organization';
|
|
39
|
+
export { SkdxCirclePackingChartComponent } from '@skdx/angular-charts/circle-packing';
|
|
40
|
+
export { SkdxIcicleChartComponent } from '@skdx/angular-charts/icicle';
|
|
41
|
+
export { csv, exportChart, makeFormatter, seriesCsv, svgMarkup } from '@skdx/angular-charts/internal';
|
|
19
42
|
|
|
20
43
|
/*
|
|
21
44
|
* 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 TreeNode,\n} from '@skdx/angular-charts/internal';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"
|
|
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 { SkdxGaugeChartComponent } from '@skdx/angular-charts/gauge';\nexport { SkdxBubbleChartComponent } from '@skdx/angular-charts/bubble';\nexport { SkdxHistogramComponent } from '@skdx/angular-charts/histogram';\nexport { SkdxBulletChartComponent } from '@skdx/angular-charts/bullet';\nexport { SkdxComboChartComponent } from '@skdx/angular-charts/combo';\nexport { SkdxRangeChartComponent } from '@skdx/angular-charts/range';\nexport { SkdxNetworkChartComponent } from '@skdx/angular-charts/network';\nexport { SkdxTimelineChartComponent } from '@skdx/angular-charts/timeline';\nexport { SkdxMarimekkoChartComponent } from '@skdx/angular-charts/marimekko';\nexport { SkdxParallelCoordinatesChartComponent } from '@skdx/angular-charts/parallel';\nexport { SkdxLinearGaugeComponent } from '@skdx/angular-charts/linear-gauge';\nexport { SkdxDumbbellChartComponent } from '@skdx/angular-charts/dumbbell';\nexport { SkdxParetoChartComponent } from '@skdx/angular-charts/pareto';\nexport { SkdxBumpChartComponent } from '@skdx/angular-charts/bump';\nexport { SkdxPolarAreaChartComponent } from '@skdx/angular-charts/polar-area';\nexport { SkdxSwarmPlotComponent } from '@skdx/angular-charts/swarm';\nexport { SkdxWaffleChartComponent } from '@skdx/angular-charts/waffle';\nexport { SkdxTreeChartComponent } from '@skdx/angular-charts/tree';\nexport { SkdxOrganizationChartComponent } from '@skdx/angular-charts/organization';\nexport { SkdxCirclePackingChartComponent } from '@skdx/angular-charts/circle-packing';\nexport { SkdxIcicleChartComponent } from '@skdx/angular-charts/icicle';\nexport {\n csv,\n exportChart,\n seriesCsv,\n svgMarkup,\n makeFormatter,\n} from '@skdx/angular-charts/internal';\nexport type { SelectionMode } from '@skdx/angular-charts/internal';\nexport type {\n AxisOptions,\n AccessibleTableOptions,\n Annotation,\n BoxplotSeries,\n BoxSummary,\n CandlestickOverlay,\n ChartDataIssue,\n ChartExportOptions,\n ChartItemId,\n ChartItemRef,\n ChordLink,\n ColorScale,\n DumbbellDatum,\n BumpChartInput,\n PolarAreaChartInput,\n SwarmPlotInput,\n WaffleChartInput,\n ErrorValue,\n HighlightScope,\n LegendOptions,\n MapLine,\n MapView,\n SyncState,\n TaskChange,\n GroupedBoxSeries,\n RadarMetric,\n Sampling,\n SankeyNode,\n Selection,\n SeriesTransform,\n TooltipOptions,\n Band,\n BubblePoint,\n BubbleSeries,\n BulletDatum,\n ComboSeries,\n MapPoint,\n MarkerSymbol,\n NetworkEdge,\n NetworkNode,\n RangeChartSeries,\n ScatterPoint,\n TimelineEvent,\n WaterfallDatum,\n MarimekkoCategory,\n ParallelDimension,\n ParallelRow,\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 XAxisOptions,\n TreeChartInput,\n OrganizationChartInput,\n CirclePackingInput,\n IcicleInput,\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.
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "0.34.1",
|
|
4
|
+
"description": "Forty 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,7 +20,7 @@
|
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"@angular/common": "^22.0.0",
|
|
22
22
|
"@angular/core": "^22.0.0",
|
|
23
|
-
"@skdx/tokens": "^0.
|
|
23
|
+
"@skdx/tokens": "^0.34.0"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"tslib": "^2.3.0"
|
|
@@ -47,6 +47,18 @@
|
|
|
47
47
|
"types": "./types/skdx-angular-charts-boxplot.d.ts",
|
|
48
48
|
"default": "./fesm2022/skdx-angular-charts-boxplot.mjs"
|
|
49
49
|
},
|
|
50
|
+
"./bubble": {
|
|
51
|
+
"types": "./types/skdx-angular-charts-bubble.d.ts",
|
|
52
|
+
"default": "./fesm2022/skdx-angular-charts-bubble.mjs"
|
|
53
|
+
},
|
|
54
|
+
"./bullet": {
|
|
55
|
+
"types": "./types/skdx-angular-charts-bullet.d.ts",
|
|
56
|
+
"default": "./fesm2022/skdx-angular-charts-bullet.mjs"
|
|
57
|
+
},
|
|
58
|
+
"./bump": {
|
|
59
|
+
"types": "./types/skdx-angular-charts-bump.d.ts",
|
|
60
|
+
"default": "./fesm2022/skdx-angular-charts-bump.mjs"
|
|
61
|
+
},
|
|
50
62
|
"./candlestick": {
|
|
51
63
|
"types": "./types/skdx-angular-charts-candlestick.d.ts",
|
|
52
64
|
"default": "./fesm2022/skdx-angular-charts-candlestick.mjs"
|
|
@@ -55,6 +67,18 @@
|
|
|
55
67
|
"types": "./types/skdx-angular-charts-chord.d.ts",
|
|
56
68
|
"default": "./fesm2022/skdx-angular-charts-chord.mjs"
|
|
57
69
|
},
|
|
70
|
+
"./circle-packing": {
|
|
71
|
+
"types": "./types/skdx-angular-charts-circle-packing.d.ts",
|
|
72
|
+
"default": "./fesm2022/skdx-angular-charts-circle-packing.mjs"
|
|
73
|
+
},
|
|
74
|
+
"./combo": {
|
|
75
|
+
"types": "./types/skdx-angular-charts-combo.d.ts",
|
|
76
|
+
"default": "./fesm2022/skdx-angular-charts-combo.mjs"
|
|
77
|
+
},
|
|
78
|
+
"./dumbbell": {
|
|
79
|
+
"types": "./types/skdx-angular-charts-dumbbell.d.ts",
|
|
80
|
+
"default": "./fesm2022/skdx-angular-charts-dumbbell.mjs"
|
|
81
|
+
},
|
|
58
82
|
"./funnel": {
|
|
59
83
|
"types": "./types/skdx-angular-charts-funnel.d.ts",
|
|
60
84
|
"default": "./fesm2022/skdx-angular-charts-funnel.mjs"
|
|
@@ -63,10 +87,22 @@
|
|
|
63
87
|
"types": "./types/skdx-angular-charts-gantt.d.ts",
|
|
64
88
|
"default": "./fesm2022/skdx-angular-charts-gantt.mjs"
|
|
65
89
|
},
|
|
90
|
+
"./gauge": {
|
|
91
|
+
"types": "./types/skdx-angular-charts-gauge.d.ts",
|
|
92
|
+
"default": "./fesm2022/skdx-angular-charts-gauge.mjs"
|
|
93
|
+
},
|
|
66
94
|
"./heatmap": {
|
|
67
95
|
"types": "./types/skdx-angular-charts-heatmap.d.ts",
|
|
68
96
|
"default": "./fesm2022/skdx-angular-charts-heatmap.mjs"
|
|
69
97
|
},
|
|
98
|
+
"./histogram": {
|
|
99
|
+
"types": "./types/skdx-angular-charts-histogram.d.ts",
|
|
100
|
+
"default": "./fesm2022/skdx-angular-charts-histogram.mjs"
|
|
101
|
+
},
|
|
102
|
+
"./icicle": {
|
|
103
|
+
"types": "./types/skdx-angular-charts-icicle.d.ts",
|
|
104
|
+
"default": "./fesm2022/skdx-angular-charts-icicle.mjs"
|
|
105
|
+
},
|
|
70
106
|
"./internal": {
|
|
71
107
|
"types": "./types/skdx-angular-charts-internal.d.ts",
|
|
72
108
|
"default": "./fesm2022/skdx-angular-charts-internal.mjs"
|
|
@@ -75,18 +111,54 @@
|
|
|
75
111
|
"types": "./types/skdx-angular-charts-line.d.ts",
|
|
76
112
|
"default": "./fesm2022/skdx-angular-charts-line.mjs"
|
|
77
113
|
},
|
|
114
|
+
"./linear-gauge": {
|
|
115
|
+
"types": "./types/skdx-angular-charts-linear-gauge.d.ts",
|
|
116
|
+
"default": "./fesm2022/skdx-angular-charts-linear-gauge.mjs"
|
|
117
|
+
},
|
|
78
118
|
"./map": {
|
|
79
119
|
"types": "./types/skdx-angular-charts-map.d.ts",
|
|
80
120
|
"default": "./fesm2022/skdx-angular-charts-map.mjs"
|
|
81
121
|
},
|
|
122
|
+
"./marimekko": {
|
|
123
|
+
"types": "./types/skdx-angular-charts-marimekko.d.ts",
|
|
124
|
+
"default": "./fesm2022/skdx-angular-charts-marimekko.mjs"
|
|
125
|
+
},
|
|
126
|
+
"./network": {
|
|
127
|
+
"types": "./types/skdx-angular-charts-network.d.ts",
|
|
128
|
+
"default": "./fesm2022/skdx-angular-charts-network.mjs"
|
|
129
|
+
},
|
|
130
|
+
"./organization": {
|
|
131
|
+
"types": "./types/skdx-angular-charts-organization.d.ts",
|
|
132
|
+
"default": "./fesm2022/skdx-angular-charts-organization.mjs"
|
|
133
|
+
},
|
|
134
|
+
"./parallel": {
|
|
135
|
+
"types": "./types/skdx-angular-charts-parallel.d.ts",
|
|
136
|
+
"default": "./fesm2022/skdx-angular-charts-parallel.mjs"
|
|
137
|
+
},
|
|
138
|
+
"./pareto": {
|
|
139
|
+
"types": "./types/skdx-angular-charts-pareto.d.ts",
|
|
140
|
+
"default": "./fesm2022/skdx-angular-charts-pareto.mjs"
|
|
141
|
+
},
|
|
82
142
|
"./pie": {
|
|
83
143
|
"types": "./types/skdx-angular-charts-pie.d.ts",
|
|
84
144
|
"default": "./fesm2022/skdx-angular-charts-pie.mjs"
|
|
85
145
|
},
|
|
146
|
+
"./polar-area": {
|
|
147
|
+
"types": "./types/skdx-angular-charts-polar-area.d.ts",
|
|
148
|
+
"default": "./fesm2022/skdx-angular-charts-polar-area.mjs"
|
|
149
|
+
},
|
|
86
150
|
"./radar": {
|
|
87
151
|
"types": "./types/skdx-angular-charts-radar.d.ts",
|
|
88
152
|
"default": "./fesm2022/skdx-angular-charts-radar.mjs"
|
|
89
153
|
},
|
|
154
|
+
"./radial": {
|
|
155
|
+
"types": "./types/skdx-angular-charts-radial.d.ts",
|
|
156
|
+
"default": "./fesm2022/skdx-angular-charts-radial.mjs"
|
|
157
|
+
},
|
|
158
|
+
"./range": {
|
|
159
|
+
"types": "./types/skdx-angular-charts-range.d.ts",
|
|
160
|
+
"default": "./fesm2022/skdx-angular-charts-range.mjs"
|
|
161
|
+
},
|
|
90
162
|
"./sankey": {
|
|
91
163
|
"types": "./types/skdx-angular-charts-sankey.d.ts",
|
|
92
164
|
"default": "./fesm2022/skdx-angular-charts-sankey.mjs"
|
|
@@ -103,10 +175,26 @@
|
|
|
103
175
|
"types": "./types/skdx-angular-charts-sunburst.d.ts",
|
|
104
176
|
"default": "./fesm2022/skdx-angular-charts-sunburst.mjs"
|
|
105
177
|
},
|
|
178
|
+
"./swarm": {
|
|
179
|
+
"types": "./types/skdx-angular-charts-swarm.d.ts",
|
|
180
|
+
"default": "./fesm2022/skdx-angular-charts-swarm.mjs"
|
|
181
|
+
},
|
|
182
|
+
"./timeline": {
|
|
183
|
+
"types": "./types/skdx-angular-charts-timeline.d.ts",
|
|
184
|
+
"default": "./fesm2022/skdx-angular-charts-timeline.mjs"
|
|
185
|
+
},
|
|
186
|
+
"./tree": {
|
|
187
|
+
"types": "./types/skdx-angular-charts-tree.d.ts",
|
|
188
|
+
"default": "./fesm2022/skdx-angular-charts-tree.mjs"
|
|
189
|
+
},
|
|
106
190
|
"./treemap": {
|
|
107
191
|
"types": "./types/skdx-angular-charts-treemap.d.ts",
|
|
108
192
|
"default": "./fesm2022/skdx-angular-charts-treemap.mjs"
|
|
109
193
|
},
|
|
194
|
+
"./waffle": {
|
|
195
|
+
"types": "./types/skdx-angular-charts-waffle.d.ts",
|
|
196
|
+
"default": "./fesm2022/skdx-angular-charts-waffle.mjs"
|
|
197
|
+
},
|
|
110
198
|
"./waterfall": {
|
|
111
199
|
"types": "./types/skdx-angular-charts-waterfall.d.ts",
|
|
112
200
|
"default": "./fesm2022/skdx-angular-charts-waterfall.mjs"
|
|
@@ -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
|
-
/**
|
|
5
|
+
/** Filled, optionally stacked, areas down to zero; series may also be bars, lines or ranges. */
|
|
6
6
|
declare class SkdxAreaChartComponent extends SkdxChartBase {
|
|
7
7
|
protected readonly layout: i0.Signal<_skdx_angular_charts_internal.Canvas>;
|
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkdxAreaChartComponent, never>;
|
|
@@ -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
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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 };
|
|
@@ -1,13 +1,28 @@
|
|
|
1
1
|
import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
|
|
2
|
-
import { SkdxSizedBase,
|
|
2
|
+
import { SkdxSizedBase, BoxplotSeries, AxisOptions } from '@skdx/angular-charts/internal';
|
|
3
3
|
import * as _angular_core from '@angular/core';
|
|
4
4
|
|
|
5
|
-
/**
|
|
5
|
+
/** One Tukey box per series over its raw samples. */
|
|
6
6
|
declare class SkdxBoxplotComponent extends SkdxSizedBase {
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
/** Raw samples, or precomputed summaries. */
|
|
8
|
+
readonly series: _angular_core.InputSignal<BoxplotSeries[]>;
|
|
9
|
+
readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal" | undefined>;
|
|
10
|
+
/** How quartiles are taken from a sample. */
|
|
11
|
+
readonly quartileMethod: _angular_core.InputSignal<"linear" | "exclusive" | "tukey" | undefined>;
|
|
12
|
+
/** Whisker reach as a multiple of the IQR. */
|
|
13
|
+
readonly whisker: _angular_core.InputSignal<number | undefined>;
|
|
14
|
+
/** Mark the mean with a diamond. */
|
|
15
|
+
readonly mean: _angular_core.InputSignal<boolean>;
|
|
16
|
+
/** Draw every observation, jittered. */
|
|
17
|
+
readonly points: _angular_core.InputSignal<boolean>;
|
|
18
|
+
/** Notch the box around the median. */
|
|
19
|
+
readonly notched: _angular_core.InputSignal<boolean>;
|
|
20
|
+
/** Groups: one box per series inside each category. */
|
|
21
|
+
readonly categories: _angular_core.InputSignal<string[] | undefined>;
|
|
22
|
+
readonly yAxis: _angular_core.InputSignal<AxisOptions | undefined>;
|
|
23
|
+
protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
|
|
9
24
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxBoxplotComponent, never>;
|
|
10
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxBoxplotComponent, "skdx-boxplot", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
25
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxBoxplotComponent, "skdx-boxplot", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "quartileMethod": { "alias": "quartileMethod"; "required": false; "isSignal": true; }; "whisker": { "alias": "whisker"; "required": false; "isSignal": true; }; "mean": { "alias": "mean"; "required": false; "isSignal": true; }; "points": { "alias": "points"; "required": false; "isSignal": true; }; "notched": { "alias": "notched"; "required": false; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; "yAxis": { "alias": "yAxis"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
11
26
|
}
|
|
12
27
|
|
|
13
28
|
export { SkdxBoxplotComponent };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
|
|
2
|
+
import { SkdxSizedBase, BubbleSeries, AxisOptions, Reference, Annotation, ColorScale } from '@skdx/angular-charts/internal';
|
|
3
|
+
import * as _angular_core from '@angular/core';
|
|
4
|
+
|
|
5
|
+
/** Three quantities per mark: x, y and a magnitude the bubble's area follows. */
|
|
6
|
+
declare class SkdxBubbleChartComponent extends SkdxSizedBase {
|
|
7
|
+
readonly series: _angular_core.InputSignal<BubbleSeries[]>;
|
|
8
|
+
/** Smallest and largest bubble radius in pixels. */
|
|
9
|
+
readonly sizeRange: _angular_core.InputSignal<[number, number] | undefined>;
|
|
10
|
+
/** Write each bubble's label on it. */
|
|
11
|
+
readonly labels: _angular_core.InputSignal<boolean>;
|
|
12
|
+
readonly xAxis: _angular_core.InputSignal<AxisOptions | undefined>;
|
|
13
|
+
readonly yAxis: _angular_core.InputSignal<AxisOptions | undefined>;
|
|
14
|
+
/** How the magnitude is named and written. */
|
|
15
|
+
readonly zAxis: _angular_core.InputSignal<Pick<AxisOptions, "format" | "label"> | undefined>;
|
|
16
|
+
readonly references: _angular_core.InputSignal<Reference[] | undefined>;
|
|
17
|
+
readonly annotations: _angular_core.InputSignal<Annotation[] | undefined>;
|
|
18
|
+
/** Colors bubbles by their `value` (or `z`). */
|
|
19
|
+
readonly colorScale: _angular_core.InputSignal<ColorScale | undefined>;
|
|
20
|
+
/** Draw the color scale under the plot. */
|
|
21
|
+
readonly colorLegend: _angular_core.InputSignal<boolean>;
|
|
22
|
+
protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
|
|
23
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxBubbleChartComponent, never>;
|
|
24
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxBubbleChartComponent, "skdx-bubble-chart", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; "sizeRange": { "alias": "sizeRange"; "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; }; "zAxis": { "alias": "zAxis"; "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>;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export { SkdxBubbleChartComponent };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
|
|
2
|
+
import { SkdxSizedBase, BulletDatum, Band } from '@skdx/angular-charts/internal';
|
|
3
|
+
import * as _angular_core from '@angular/core';
|
|
4
|
+
|
|
5
|
+
/** A measure against a target over qualitative ranges, one row (or column) per KPI. */
|
|
6
|
+
declare class SkdxBulletChartComponent extends SkdxSizedBase {
|
|
7
|
+
readonly data: _angular_core.InputSignal<BulletDatum[]>;
|
|
8
|
+
readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical" | undefined>;
|
|
9
|
+
/** Qualitative ranges shared by every datum without its own. */
|
|
10
|
+
readonly ranges: _angular_core.InputSignal<(number | Band)[] | undefined>;
|
|
11
|
+
/** Scale start. */
|
|
12
|
+
readonly min: _angular_core.InputSignal<number | undefined>;
|
|
13
|
+
/** Scale end. */
|
|
14
|
+
readonly max: _angular_core.InputSignal<number | undefined>;
|
|
15
|
+
/** Write each value after its bar. */
|
|
16
|
+
readonly labels: _angular_core.InputSignal<boolean>;
|
|
17
|
+
/** Approximate tick count of the value axis. */
|
|
18
|
+
readonly ticks: _angular_core.InputSignal<number | undefined>;
|
|
19
|
+
protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
|
|
20
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxBulletChartComponent, never>;
|
|
21
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxBulletChartComponent, "skdx-bullet-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "ranges": { "alias": "ranges"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "ticks": { "alias": "ticks"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export { SkdxBulletChartComponent };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
|
|
2
|
+
import { SkdxSizedBase, Series, Category, Curve, XAxisOptions } from '@skdx/angular-charts/internal';
|
|
3
|
+
import * as _angular_core from '@angular/core';
|
|
4
|
+
|
|
5
|
+
/** Ranks over categories: one line per series, the top rank at the top. */
|
|
6
|
+
declare class SkdxBumpChartComponent extends SkdxSizedBase {
|
|
7
|
+
/** Values per category; ranks are computed unless `ranked`. */
|
|
8
|
+
readonly series: _angular_core.InputSignal<Series[]>;
|
|
9
|
+
readonly categories: _angular_core.InputSignal<Category[] | undefined>;
|
|
10
|
+
/** The data are already ranks (1 = first). */
|
|
11
|
+
readonly ranked: _angular_core.InputSignal<boolean>;
|
|
12
|
+
/** Only the first `topRank` ranks are drawn. */
|
|
13
|
+
readonly topRank: _angular_core.InputSignal<number | undefined>;
|
|
14
|
+
readonly curve: _angular_core.InputSignal<Curve | undefined>;
|
|
15
|
+
/** Write series names at the right end of their line. */
|
|
16
|
+
readonly labels: _angular_core.InputSignal<boolean>;
|
|
17
|
+
/** Marker radius in pixels. */
|
|
18
|
+
readonly markerSize: _angular_core.InputSignal<number | undefined>;
|
|
19
|
+
readonly xAxis: _angular_core.InputSignal<XAxisOptions | undefined>;
|
|
20
|
+
protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
|
|
21
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxBumpChartComponent, never>;
|
|
22
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxBumpChartComponent, "skdx-bump-chart", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; "ranked": { "alias": "ranked"; "required": false; "isSignal": true; }; "topRank": { "alias": "topRank"; "required": false; "isSignal": true; }; "curve": { "alias": "curve"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "markerSize": { "alias": "markerSize"; "required": false; "isSignal": true; }; "xAxis": { "alias": "xAxis"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
export { SkdxBumpChartComponent };
|
|
@@ -1,13 +1,24 @@
|
|
|
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, Annotation, CandlestickOverlay } from '@skdx/angular-charts/internal';
|
|
3
3
|
import * as _angular_core from '@angular/core';
|
|
4
4
|
|
|
5
|
-
/**
|
|
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
|
-
|
|
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 annotations: _angular_core.InputSignal<Annotation[] | undefined>;
|
|
13
|
+
/** Moving-average lines over the candles. */
|
|
14
|
+
readonly overlays: _angular_core.InputSignal<CandlestickOverlay[] | undefined>;
|
|
15
|
+
readonly upColor: _angular_core.InputSignal<string | undefined>;
|
|
16
|
+
readonly downColor: _angular_core.InputSignal<string | undefined>;
|
|
17
|
+
readonly brush: _angular_core.InputSignal<boolean>;
|
|
18
|
+
readonly crosshair: _angular_core.InputSignal<boolean>;
|
|
19
|
+
protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
|
|
9
20
|
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>;
|
|
21
|
+
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; }; "annotations": { "alias": "annotations"; "required": false; "isSignal": true; }; "overlays": { "alias": "overlays"; "required": false; "isSignal": true; }; "upColor": { "alias": "upColor"; "required": false; "isSignal": true; }; "downColor": { "alias": "downColor"; "required": false; "isSignal": true; }; "brush": { "alias": "brush"; "required": false; "isSignal": true; }; "crosshair": { "alias": "crosshair"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
11
22
|
}
|
|
12
23
|
|
|
13
24
|
export { SkdxCandlestickChartComponent };
|
|
@@ -1,15 +1,22 @@
|
|
|
1
1
|
import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
|
|
2
|
-
import { SkdxSizedBase } from '@skdx/angular-charts/internal';
|
|
2
|
+
import { SkdxSizedBase, ChordLink } from '@skdx/angular-charts/internal';
|
|
3
3
|
import * as _angular_core from '@angular/core';
|
|
4
4
|
|
|
5
|
-
/**
|
|
5
|
+
/** Groups around a circle with ribbons for the flows between them. */
|
|
6
6
|
declare class SkdxChordChartComponent extends SkdxSizedBase {
|
|
7
|
-
|
|
7
|
+
/** Group names in order; required with `matrix`. */
|
|
8
|
+
readonly names: _angular_core.InputSignal<string[] | undefined>;
|
|
8
9
|
/** `matrix[i][j]` is the flow from `i` to `j`. */
|
|
9
|
-
readonly matrix: _angular_core.InputSignal<number[][]>;
|
|
10
|
-
|
|
10
|
+
readonly matrix: _angular_core.InputSignal<number[][] | undefined>;
|
|
11
|
+
/** Edge-list form of the matrix. */
|
|
12
|
+
readonly links: _angular_core.InputSignal<ChordLink[] | undefined>;
|
|
13
|
+
/** Angular gap between groups, in degrees. */
|
|
14
|
+
readonly padding: _angular_core.InputSignal<number | undefined>;
|
|
15
|
+
/** Order groups by their total flow. */
|
|
16
|
+
readonly sort: _angular_core.InputSignal<"asc" | "desc" | undefined>;
|
|
17
|
+
protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
|
|
11
18
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxChordChartComponent, never>;
|
|
12
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxChordChartComponent, "skdx-chord-chart", never, { "names": { "alias": "names"; "required":
|
|
19
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxChordChartComponent, "skdx-chord-chart", never, { "names": { "alias": "names"; "required": false; "isSignal": true; }; "matrix": { "alias": "matrix"; "required": false; "isSignal": true; }; "links": { "alias": "links"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
13
20
|
}
|
|
14
21
|
|
|
15
22
|
export { SkdxChordChartComponent };
|