@skdx/angular-charts 0.1.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.
- package/LICENSE +21 -0
- package/README.md +57 -0
- package/fesm2022/skdx-angular-charts-area.mjs +48 -0
- package/fesm2022/skdx-angular-charts-area.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-bar.mjs +57 -0
- package/fesm2022/skdx-angular-charts-bar.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-boxplot.mjs +50 -0
- package/fesm2022/skdx-angular-charts-boxplot.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-candlestick.mjs +50 -0
- package/fesm2022/skdx-angular-charts-candlestick.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-chord.mjs +53 -0
- package/fesm2022/skdx-angular-charts-chord.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-funnel.mjs +50 -0
- package/fesm2022/skdx-angular-charts-funnel.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-gantt.mjs +53 -0
- package/fesm2022/skdx-angular-charts-gantt.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-heatmap.mjs +56 -0
- package/fesm2022/skdx-angular-charts-heatmap.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-internal.mjs +1779 -0
- package/fesm2022/skdx-angular-charts-internal.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-line.mjs +48 -0
- package/fesm2022/skdx-angular-charts-line.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-map.mjs +45 -0
- package/fesm2022/skdx-angular-charts-map.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-pie.mjs +53 -0
- package/fesm2022/skdx-angular-charts-pie.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-radar.mjs +53 -0
- package/fesm2022/skdx-angular-charts-radar.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-sankey.mjs +50 -0
- package/fesm2022/skdx-angular-charts-sankey.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-scatter.mjs +50 -0
- package/fesm2022/skdx-angular-charts-scatter.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-sparkline.mjs +52 -0
- package/fesm2022/skdx-angular-charts-sparkline.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-sunburst.mjs +50 -0
- package/fesm2022/skdx-angular-charts-sunburst.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-treemap.mjs +42 -0
- package/fesm2022/skdx-angular-charts-treemap.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-waterfall.mjs +53 -0
- package/fesm2022/skdx-angular-charts-waterfall.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts.mjs +29 -0
- package/fesm2022/skdx-angular-charts.mjs.map +1 -0
- package/package.json +115 -0
- package/types/skdx-angular-charts-area.d.ts +12 -0
- package/types/skdx-angular-charts-bar.d.ts +20 -0
- package/types/skdx-angular-charts-boxplot.d.ts +13 -0
- package/types/skdx-angular-charts-candlestick.d.ts +13 -0
- package/types/skdx-angular-charts-chord.d.ts +15 -0
- package/types/skdx-angular-charts-funnel.d.ts +13 -0
- package/types/skdx-angular-charts-gantt.d.ts +15 -0
- package/types/skdx-angular-charts-heatmap.d.ts +18 -0
- package/types/skdx-angular-charts-internal.d.ts +358 -0
- package/types/skdx-angular-charts-line.d.ts +12 -0
- package/types/skdx-angular-charts-map.d.ts +15 -0
- package/types/skdx-angular-charts-pie.d.ts +15 -0
- package/types/skdx-angular-charts-radar.d.ts +15 -0
- package/types/skdx-angular-charts-sankey.d.ts +13 -0
- package/types/skdx-angular-charts-scatter.d.ts +13 -0
- package/types/skdx-angular-charts-sparkline.d.ts +14 -0
- package/types/skdx-angular-charts-sunburst.d.ts +13 -0
- package/types/skdx-angular-charts-treemap.d.ts +13 -0
- package/types/skdx-angular-charts-waterfall.d.ts +15 -0
- package/types/skdx-angular-charts.d.ts +19 -0
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import { SkdxSizedBase, layoutSankey, SkdxChartRootComponent } from '@skdx/angular-charts/internal';
|
|
4
|
+
|
|
5
|
+
/*
|
|
6
|
+
* Copyright (c) 2026 SkandaDX
|
|
7
|
+
* This file is part of the SkandaDX organization.
|
|
8
|
+
* Licensed under the MIT License. See LICENSE in the repository root.
|
|
9
|
+
*/
|
|
10
|
+
/** Flows between nodes as ribbons, nodes placed by depth. */
|
|
11
|
+
class SkdxSankeyChartComponent extends SkdxSizedBase {
|
|
12
|
+
constructor() {
|
|
13
|
+
super(...arguments);
|
|
14
|
+
this.links = input.required(/* @ts-ignore */
|
|
15
|
+
...(ngDevMode ? [{ debugName: "links" }] : /* istanbul ignore next */ []));
|
|
16
|
+
this.l = computed(() => layoutSankey({ ...this.sized(), links: this.links() }), /* @ts-ignore */
|
|
17
|
+
...(ngDevMode ? [{ debugName: "l" }] : /* istanbul ignore next */ []));
|
|
18
|
+
}
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxSankeyChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: SkdxSankeyChartComponent, isStandalone: true, selector: "skdx-sankey-chart", inputs: { links: { classPropertyName: "links", publicName: "links", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
|
|
21
|
+
<skdx-chart-root
|
|
22
|
+
[layout]="l()"
|
|
23
|
+
kind="sankey"
|
|
24
|
+
[label]="label() ?? 'Sankey 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 }); }
|
|
27
|
+
}
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxSankeyChartComponent, decorators: [{
|
|
29
|
+
type: Component,
|
|
30
|
+
args: [{
|
|
31
|
+
selector: 'skdx-sankey-chart',
|
|
32
|
+
standalone: true,
|
|
33
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
34
|
+
imports: [SkdxChartRootComponent],
|
|
35
|
+
template: `
|
|
36
|
+
<skdx-chart-root
|
|
37
|
+
[layout]="l()"
|
|
38
|
+
kind="sankey"
|
|
39
|
+
[label]="label() ?? 'Sankey chart'"
|
|
40
|
+
></skdx-chart-root>
|
|
41
|
+
`,
|
|
42
|
+
}]
|
|
43
|
+
}], propDecorators: { links: [{ type: i0.Input, args: [{ isSignal: true, alias: "links", required: true }] }] } });
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* Generated bundle index. Do not edit.
|
|
47
|
+
*/
|
|
48
|
+
|
|
49
|
+
export { SkdxSankeyChartComponent };
|
|
50
|
+
//# sourceMappingURL=skdx-angular-charts-sankey.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skdx-angular-charts-sankey.mjs","sources":["../../src/sankey/index.ts","../../src/sankey/skdx-angular-charts-sankey.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 layoutSankey,\n type SankeyLink,\n SkdxChartRootComponent,\n SkdxSizedBase,\n} from '@skdx/angular-charts/internal';\n\n/** Flows between nodes as ribbons, nodes placed by depth. */\n@Component({\n selector: 'skdx-sankey-chart',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [SkdxChartRootComponent],\n template: `\n <skdx-chart-root\n [layout]=\"l()\"\n kind=\"sankey\"\n [label]=\"label() ?? 'Sankey chart'\"\n ></skdx-chart-root>\n `,\n})\nexport class SkdxSankeyChartComponent extends SkdxSizedBase {\n readonly links = input.required<SankeyLink[]>();\n\n protected readonly l = computed(() => layoutSankey({ ...this.sized(), links: this.links() }));\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;AAIG;AAWH;AAcM,MAAO,wBAAyB,SAAQ,aAAa,CAAA;AAb3D,IAAA,WAAA,GAAA;;QAcW,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ;kFAAgB;QAE5B,IAAA,CAAA,CAAC,GAAG,QAAQ,CAAC,MAAM,YAAY,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;8EAAC;AAC9F,IAAA;8GAJY,wBAAwB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EARzB;;;;;;AAMT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAPS,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;;2FASrB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAbpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,sBAAsB,CAAC;AACjC,oBAAA,QAAQ,EAAE;;;;;;AAMT,EAAA,CAAA;AACF,iBAAA;;;AC5BD;;AAEG;;"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import { SkdxSizedBase, layoutScatterChart, SkdxChartRootComponent } from '@skdx/angular-charts/internal';
|
|
4
|
+
|
|
5
|
+
/*
|
|
6
|
+
* Copyright (c) 2026 SkandaDX
|
|
7
|
+
* This file is part of the SkandaDX organization.
|
|
8
|
+
* Licensed under the MIT License. See LICENSE in the repository root.
|
|
9
|
+
*/
|
|
10
|
+
/** One dot per `[x, y]` pair on two linear axes. */
|
|
11
|
+
class SkdxScatterChartComponent extends SkdxSizedBase {
|
|
12
|
+
constructor() {
|
|
13
|
+
super(...arguments);
|
|
14
|
+
this.series = input.required(/* @ts-ignore */
|
|
15
|
+
...(ngDevMode ? [{ debugName: "series" }] : /* istanbul ignore next */ []));
|
|
16
|
+
this.layout = computed(() => layoutScatterChart({ ...this.sized(), series: this.series() }), /* @ts-ignore */
|
|
17
|
+
...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
|
|
18
|
+
}
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxScatterChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: SkdxScatterChartComponent, isStandalone: true, selector: "skdx-scatter-chart", inputs: { series: { classPropertyName: "series", publicName: "series", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
|
|
21
|
+
<skdx-chart-root
|
|
22
|
+
[layout]="layout()"
|
|
23
|
+
kind="scatter"
|
|
24
|
+
[label]="label() ?? 'Scatter 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 }); }
|
|
27
|
+
}
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxScatterChartComponent, decorators: [{
|
|
29
|
+
type: Component,
|
|
30
|
+
args: [{
|
|
31
|
+
selector: 'skdx-scatter-chart',
|
|
32
|
+
standalone: true,
|
|
33
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
34
|
+
imports: [SkdxChartRootComponent],
|
|
35
|
+
template: `
|
|
36
|
+
<skdx-chart-root
|
|
37
|
+
[layout]="layout()"
|
|
38
|
+
kind="scatter"
|
|
39
|
+
[label]="label() ?? 'Scatter chart'"
|
|
40
|
+
></skdx-chart-root>
|
|
41
|
+
`,
|
|
42
|
+
}]
|
|
43
|
+
}], propDecorators: { series: [{ type: i0.Input, args: [{ isSignal: true, alias: "series", required: true }] }] } });
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* Generated bundle index. Do not edit.
|
|
47
|
+
*/
|
|
48
|
+
|
|
49
|
+
export { SkdxScatterChartComponent };
|
|
50
|
+
//# sourceMappingURL=skdx-angular-charts-scatter.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skdx-angular-charts-scatter.mjs","sources":["../../src/scatter/index.ts","../../src/scatter/skdx-angular-charts-scatter.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 layoutScatterChart,\n type ScatterSeries,\n SkdxChartRootComponent,\n SkdxSizedBase,\n} from '@skdx/angular-charts/internal';\n\n/** One dot per `[x, y]` pair on two linear axes. */\n@Component({\n selector: 'skdx-scatter-chart',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [SkdxChartRootComponent],\n template: `\n <skdx-chart-root\n [layout]=\"layout()\"\n kind=\"scatter\"\n [label]=\"label() ?? 'Scatter chart'\"\n ></skdx-chart-root>\n `,\n})\nexport class SkdxScatterChartComponent extends SkdxSizedBase {\n readonly series = input.required<ScatterSeries[]>();\n\n protected readonly layout = computed(() =>\n layoutScatterChart({ ...this.sized(), series: this.series() }),\n );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;AAIG;AAWH;AAcM,MAAO,yBAA0B,SAAQ,aAAa,CAAA;AAb5D,IAAA,WAAA,GAAA;;QAcW,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,QAAQ;mFAAmB;QAEhC,IAAA,CAAA,MAAM,GAAG,QAAQ,CAAC,MACnC,kBAAkB,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;mFAC/D;AACF,IAAA;8GANY,yBAAyB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAR1B;;;;;;AAMT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAPS,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;;2FASrB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAbrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,sBAAsB,CAAC;AACjC,oBAAA,QAAQ,EAAE;;;;;;AAMT,EAAA,CAAA;AACF,iBAAA;;;AC5BD;;AAEG;;"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import { SkdxSizedBase, layoutSparkline, SkdxChartRootComponent } from '@skdx/angular-charts/internal';
|
|
4
|
+
|
|
5
|
+
/*
|
|
6
|
+
* Copyright (c) 2026 SkandaDX
|
|
7
|
+
* This file is part of the SkandaDX organization.
|
|
8
|
+
* Licensed under the MIT License. See LICENSE in the repository root.
|
|
9
|
+
*/
|
|
10
|
+
/** A small axis-less trend line with the last point marked. */
|
|
11
|
+
class SkdxSparklineComponent extends SkdxSizedBase {
|
|
12
|
+
constructor() {
|
|
13
|
+
super(...arguments);
|
|
14
|
+
this.data = input.required(/* @ts-ignore */
|
|
15
|
+
...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
|
|
16
|
+
this.color = input(/* @ts-ignore */
|
|
17
|
+
...(ngDevMode ? [undefined, { debugName: "color" }] : /* istanbul ignore next */ []));
|
|
18
|
+
this.l = computed(() => layoutSparkline({ ...this.sized(), data: this.data(), color: this.color() }), /* @ts-ignore */
|
|
19
|
+
...(ngDevMode ? [{ debugName: "l" }] : /* istanbul ignore next */ []));
|
|
20
|
+
}
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxSparklineComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: SkdxSparklineComponent, isStandalone: true, selector: "skdx-sparkline", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
|
|
23
|
+
<skdx-chart-root
|
|
24
|
+
[layout]="l()"
|
|
25
|
+
kind="sparkline"
|
|
26
|
+
[label]="label() ?? 'Sparkline'"
|
|
27
|
+
></skdx-chart-root>
|
|
28
|
+
`, isInline: true, dependencies: [{ kind: "component", type: SkdxChartRootComponent, selector: "skdx-chart-root", inputs: ["layout", "kind", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
29
|
+
}
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxSparklineComponent, decorators: [{
|
|
31
|
+
type: Component,
|
|
32
|
+
args: [{
|
|
33
|
+
selector: 'skdx-sparkline',
|
|
34
|
+
standalone: true,
|
|
35
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
36
|
+
imports: [SkdxChartRootComponent],
|
|
37
|
+
template: `
|
|
38
|
+
<skdx-chart-root
|
|
39
|
+
[layout]="l()"
|
|
40
|
+
kind="sparkline"
|
|
41
|
+
[label]="label() ?? 'Sparkline'"
|
|
42
|
+
></skdx-chart-root>
|
|
43
|
+
`,
|
|
44
|
+
}]
|
|
45
|
+
}], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] } });
|
|
46
|
+
|
|
47
|
+
/**
|
|
48
|
+
* Generated bundle index. Do not edit.
|
|
49
|
+
*/
|
|
50
|
+
|
|
51
|
+
export { SkdxSparklineComponent };
|
|
52
|
+
//# sourceMappingURL=skdx-angular-charts-sparkline.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skdx-angular-charts-sparkline.mjs","sources":["../../src/sparkline/index.ts","../../src/sparkline/skdx-angular-charts-sparkline.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 layoutSparkline,\n SkdxChartRootComponent,\n SkdxSizedBase,\n} from '@skdx/angular-charts/internal';\n\n/** A small axis-less trend line with the last point marked. */\n@Component({\n selector: 'skdx-sparkline',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [SkdxChartRootComponent],\n template: `\n <skdx-chart-root\n [layout]=\"l()\"\n kind=\"sparkline\"\n [label]=\"label() ?? 'Sparkline'\"\n ></skdx-chart-root>\n `,\n})\nexport class SkdxSparklineComponent extends SkdxSizedBase {\n readonly data = input.required<number[]>();\n readonly color = input<string>();\n\n protected readonly l = computed(() =>\n layoutSparkline({ ...this.sized(), data: this.data(), color: this.color() }),\n );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;AAIG;AAUH;AAcM,MAAO,sBAAuB,SAAQ,aAAa,CAAA;AAbzD,IAAA,WAAA,GAAA;;QAcW,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ;iFAAY;AACjC,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;8GAPY,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,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,EARvB;;;;;;AAMT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAPS,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;;2FASrB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAblC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,sBAAsB,CAAC;AACjC,oBAAA,QAAQ,EAAE;;;;;;AAMT,EAAA,CAAA;AACF,iBAAA;;;AC3BD;;AAEG;;"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import { SkdxSizedBase, layoutSunburst, SkdxChartRootComponent } from '@skdx/angular-charts/internal';
|
|
4
|
+
|
|
5
|
+
/*
|
|
6
|
+
* Copyright (c) 2026 SkandaDX
|
|
7
|
+
* This file is part of the SkandaDX organization.
|
|
8
|
+
* Licensed under the MIT License. See LICENSE in the repository root.
|
|
9
|
+
*/
|
|
10
|
+
/** Nested rings, one per tree depth, children within their parent span. */
|
|
11
|
+
class SkdxSunburstChartComponent extends SkdxSizedBase {
|
|
12
|
+
constructor() {
|
|
13
|
+
super(...arguments);
|
|
14
|
+
this.data = input.required(/* @ts-ignore */
|
|
15
|
+
...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
|
|
16
|
+
this.l = computed(() => layoutSunburst({ ...this.sized(), data: this.data() }), /* @ts-ignore */
|
|
17
|
+
...(ngDevMode ? [{ debugName: "l" }] : /* istanbul ignore next */ []));
|
|
18
|
+
}
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxSunburstChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: SkdxSunburstChartComponent, isStandalone: true, selector: "skdx-sunburst-chart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
|
|
21
|
+
<skdx-chart-root
|
|
22
|
+
[layout]="l()"
|
|
23
|
+
kind="sunburst"
|
|
24
|
+
[label]="label() ?? 'Sunburst 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 }); }
|
|
27
|
+
}
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxSunburstChartComponent, decorators: [{
|
|
29
|
+
type: Component,
|
|
30
|
+
args: [{
|
|
31
|
+
selector: 'skdx-sunburst-chart',
|
|
32
|
+
standalone: true,
|
|
33
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
34
|
+
imports: [SkdxChartRootComponent],
|
|
35
|
+
template: `
|
|
36
|
+
<skdx-chart-root
|
|
37
|
+
[layout]="l()"
|
|
38
|
+
kind="sunburst"
|
|
39
|
+
[label]="label() ?? 'Sunburst chart'"
|
|
40
|
+
></skdx-chart-root>
|
|
41
|
+
`,
|
|
42
|
+
}]
|
|
43
|
+
}], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* Generated bundle index. Do not edit.
|
|
47
|
+
*/
|
|
48
|
+
|
|
49
|
+
export { SkdxSunburstChartComponent };
|
|
50
|
+
//# sourceMappingURL=skdx-angular-charts-sunburst.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skdx-angular-charts-sunburst.mjs","sources":["../../src/sunburst/index.ts","../../src/sunburst/skdx-angular-charts-sunburst.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 layoutSunburst,\n SkdxChartRootComponent,\n SkdxSizedBase,\n type TreeNode,\n} from '@skdx/angular-charts/internal';\n\n/** Nested rings, one per tree depth, children within their parent span. */\n@Component({\n selector: 'skdx-sunburst-chart',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [SkdxChartRootComponent],\n template: `\n <skdx-chart-root\n [layout]=\"l()\"\n kind=\"sunburst\"\n [label]=\"label() ?? 'Sunburst chart'\"\n ></skdx-chart-root>\n `,\n})\nexport class SkdxSunburstChartComponent extends SkdxSizedBase {\n readonly data = input.required<TreeNode[]>();\n\n protected readonly l = computed(() => layoutSunburst({ ...this.sized(), data: this.data() }));\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;AAIG;AAWH;AAcM,MAAO,0BAA2B,SAAQ,aAAa,CAAA;AAb7D,IAAA,WAAA,GAAA;;QAcW,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ;iFAAc;QAEzB,IAAA,CAAA,CAAC,GAAG,QAAQ,CAAC,MAAM,cAAc,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;8EAAC;AAC9F,IAAA;8GAJY,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,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,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAR3B;;;;;;AAMT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAPS,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;;2FASrB,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAbtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,sBAAsB,CAAC;AACjC,oBAAA,QAAQ,EAAE;;;;;;AAMT,EAAA,CAAA;AACF,iBAAA;;;AC5BD;;AAEG;;"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import { SkdxSizedBase, layoutTreemap, SkdxChartRootComponent } from '@skdx/angular-charts/internal';
|
|
4
|
+
|
|
5
|
+
/*
|
|
6
|
+
* Copyright (c) 2026 SkandaDX
|
|
7
|
+
* This file is part of the SkandaDX organization.
|
|
8
|
+
* Licensed under the MIT License. See LICENSE in the repository root.
|
|
9
|
+
*/
|
|
10
|
+
/** Squarified tiles, one per datum, sized by value. */
|
|
11
|
+
class SkdxTreemapComponent extends SkdxSizedBase {
|
|
12
|
+
constructor() {
|
|
13
|
+
super(...arguments);
|
|
14
|
+
this.data = input.required(/* @ts-ignore */
|
|
15
|
+
...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
|
|
16
|
+
this.l = computed(() => layoutTreemap({ ...this.sized(), data: this.data() }), /* @ts-ignore */
|
|
17
|
+
...(ngDevMode ? [{ debugName: "l" }] : /* istanbul ignore next */ []));
|
|
18
|
+
}
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxTreemapComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: SkdxTreemapComponent, isStandalone: true, selector: "skdx-treemap", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
|
|
21
|
+
<skdx-chart-root [layout]="l()" kind="treemap" [label]="label() ?? 'Treemap'"></skdx-chart-root>
|
|
22
|
+
`, isInline: true, dependencies: [{ kind: "component", type: SkdxChartRootComponent, selector: "skdx-chart-root", inputs: ["layout", "kind", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxTreemapComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{
|
|
27
|
+
selector: 'skdx-treemap',
|
|
28
|
+
standalone: true,
|
|
29
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
30
|
+
imports: [SkdxChartRootComponent],
|
|
31
|
+
template: `
|
|
32
|
+
<skdx-chart-root [layout]="l()" kind="treemap" [label]="label() ?? 'Treemap'"></skdx-chart-root>
|
|
33
|
+
`,
|
|
34
|
+
}]
|
|
35
|
+
}], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
|
|
36
|
+
|
|
37
|
+
/**
|
|
38
|
+
* Generated bundle index. Do not edit.
|
|
39
|
+
*/
|
|
40
|
+
|
|
41
|
+
export { SkdxTreemapComponent };
|
|
42
|
+
//# sourceMappingURL=skdx-angular-charts-treemap.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skdx-angular-charts-treemap.mjs","sources":["../../src/treemap/index.ts","../../src/treemap/skdx-angular-charts-treemap.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 type Datum,\n layoutTreemap,\n SkdxChartRootComponent,\n SkdxSizedBase,\n} from '@skdx/angular-charts/internal';\n\n/** Squarified tiles, one per datum, sized by value. */\n@Component({\n selector: 'skdx-treemap',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [SkdxChartRootComponent],\n template: `\n <skdx-chart-root [layout]=\"l()\" kind=\"treemap\" [label]=\"label() ?? 'Treemap'\"></skdx-chart-root>\n `,\n})\nexport class SkdxTreemapComponent extends SkdxSizedBase {\n readonly data = input.required<Datum[]>();\n\n protected readonly l = computed(() => layoutTreemap({ ...this.sized(), data: this.data() }));\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;AAIG;AAWH;AAUM,MAAO,oBAAqB,SAAQ,aAAa,CAAA;AATvD,IAAA,WAAA,GAAA;;QAUW,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ;iFAAW;QAEtB,IAAA,CAAA,CAAC,GAAG,QAAQ,CAAC,MAAM,aAAa,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;8EAAC;AAC7F,IAAA;8GAJY,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,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,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAJrB;;AAET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAHS,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;;2FAKrB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAThC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,sBAAsB,CAAC;AACjC,oBAAA,QAAQ,EAAE;;AAET,EAAA,CAAA;AACF,iBAAA;;;ACxBD;;AAEG;;"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import { SkdxSizedBase, layoutWaterfall, SkdxChartRootComponent } from '@skdx/angular-charts/internal';
|
|
4
|
+
|
|
5
|
+
/*
|
|
6
|
+
* Copyright (c) 2026 SkandaDX
|
|
7
|
+
* This file is part of the SkandaDX organization.
|
|
8
|
+
* Licensed under the MIT License. See LICENSE in the repository root.
|
|
9
|
+
*/
|
|
10
|
+
/** Signed deltas stacked on a running total. */
|
|
11
|
+
class SkdxWaterfallChartComponent extends SkdxSizedBase {
|
|
12
|
+
constructor() {
|
|
13
|
+
super(...arguments);
|
|
14
|
+
this.data = input.required(/* @ts-ignore */
|
|
15
|
+
...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
|
|
16
|
+
/** Label of a final bar showing the running total. */
|
|
17
|
+
this.total = input(/* @ts-ignore */
|
|
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 */ []));
|
|
21
|
+
}
|
|
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
|
+
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
|
|
25
|
+
[layout]="l()"
|
|
26
|
+
kind="waterfall"
|
|
27
|
+
[label]="label() ?? 'Waterfall chart'"
|
|
28
|
+
></skdx-chart-root>
|
|
29
|
+
`, isInline: true, dependencies: [{ kind: "component", type: SkdxChartRootComponent, selector: "skdx-chart-root", inputs: ["layout", "kind", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
30
|
+
}
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxWaterfallChartComponent, decorators: [{
|
|
32
|
+
type: Component,
|
|
33
|
+
args: [{
|
|
34
|
+
selector: 'skdx-waterfall-chart',
|
|
35
|
+
standalone: true,
|
|
36
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
37
|
+
imports: [SkdxChartRootComponent],
|
|
38
|
+
template: `
|
|
39
|
+
<skdx-chart-root
|
|
40
|
+
[layout]="l()"
|
|
41
|
+
kind="waterfall"
|
|
42
|
+
[label]="label() ?? 'Waterfall chart'"
|
|
43
|
+
></skdx-chart-root>
|
|
44
|
+
`,
|
|
45
|
+
}]
|
|
46
|
+
}], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: false }] }] } });
|
|
47
|
+
|
|
48
|
+
/**
|
|
49
|
+
* Generated bundle index. Do not edit.
|
|
50
|
+
*/
|
|
51
|
+
|
|
52
|
+
export { SkdxWaterfallChartComponent };
|
|
53
|
+
//# sourceMappingURL=skdx-angular-charts-waterfall.mjs.map
|
|
@@ -0,0 +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 type Datum,\n layoutWaterfall,\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\n [layout]=\"l()\"\n kind=\"waterfall\"\n [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 * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;AAIG;AAWH;AAcM,MAAO,2BAA4B,SAAQ,aAAa,CAAA;AAb9D,IAAA,WAAA,GAAA;;QAcW,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,EAR5B;;;;;;AAMT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAPS,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;;2FASrB,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAbvC,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;;;;;;AAMT,EAAA,CAAA;AACF,iBAAA;;;AC5BD;;AAEG;;"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export { SkdxBarChartComponent } from '@skdx/angular-charts/bar';
|
|
2
|
+
export { SkdxLineChartComponent } from '@skdx/angular-charts/line';
|
|
3
|
+
export { SkdxAreaChartComponent } from '@skdx/angular-charts/area';
|
|
4
|
+
export { SkdxPieChartComponent } from '@skdx/angular-charts/pie';
|
|
5
|
+
export { SkdxScatterChartComponent } from '@skdx/angular-charts/scatter';
|
|
6
|
+
export { SkdxSparklineComponent } from '@skdx/angular-charts/sparkline';
|
|
7
|
+
export { SkdxRadarChartComponent } from '@skdx/angular-charts/radar';
|
|
8
|
+
export { SkdxHeatmapComponent } from '@skdx/angular-charts/heatmap';
|
|
9
|
+
export { SkdxFunnelChartComponent } from '@skdx/angular-charts/funnel';
|
|
10
|
+
export { SkdxSankeyChartComponent } from '@skdx/angular-charts/sankey';
|
|
11
|
+
export { SkdxTreemapComponent } from '@skdx/angular-charts/treemap';
|
|
12
|
+
export { SkdxCandlestickChartComponent } from '@skdx/angular-charts/candlestick';
|
|
13
|
+
export { SkdxWaterfallChartComponent } from '@skdx/angular-charts/waterfall';
|
|
14
|
+
export { SkdxGanttChartComponent } from '@skdx/angular-charts/gantt';
|
|
15
|
+
export { SkdxBoxplotComponent } from '@skdx/angular-charts/boxplot';
|
|
16
|
+
export { SkdxSunburstChartComponent } from '@skdx/angular-charts/sunburst';
|
|
17
|
+
export { SkdxChordChartComponent } from '@skdx/angular-charts/chord';
|
|
18
|
+
export { SkdxMapChartComponent } from '@skdx/angular-charts/map';
|
|
19
|
+
|
|
20
|
+
/*
|
|
21
|
+
* Copyright (c) 2026 SkandaDX
|
|
22
|
+
* This file is part of the SkandaDX organization.
|
|
23
|
+
* Licensed under the MIT License. See LICENSE in the repository root.
|
|
24
|
+
*/
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* Generated bundle index. Do not edit.
|
|
28
|
+
*/
|
|
29
|
+
//# sourceMappingURL=skdx-angular-charts.mjs.map
|
|
@@ -0,0 +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":";;;;;;;;;;;;;;;;;;;AAAA;;;;AAIG;;ACJH;;AAEG"}
|
package/package.json
ADDED
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@skdx/angular-charts",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "Eighteen SVG charts as standalone Angular components, from bar and line to sankey, sunburst and choropleth map — colored by @skdx/tokens",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"publishConfig": {
|
|
7
|
+
"access": "public"
|
|
8
|
+
},
|
|
9
|
+
"homepage": "https://github.com/SkandaDX/charts.skdx/tree/main/packages/angular-charts#readme",
|
|
10
|
+
"repository": {
|
|
11
|
+
"directory": "packages/angular-charts",
|
|
12
|
+
"type": "git",
|
|
13
|
+
"url": "git+https://github.com/SkandaDX/charts.skdx.git"
|
|
14
|
+
},
|
|
15
|
+
"bugs": {
|
|
16
|
+
"url": "https://github.com/SkandaDX/charts.skdx/issues"
|
|
17
|
+
},
|
|
18
|
+
"type": "module",
|
|
19
|
+
"sideEffects": false,
|
|
20
|
+
"peerDependencies": {
|
|
21
|
+
"@angular/common": "^22.0.0",
|
|
22
|
+
"@angular/core": "^22.0.0",
|
|
23
|
+
"@skdx/tokens": "^0.33.0"
|
|
24
|
+
},
|
|
25
|
+
"dependencies": {
|
|
26
|
+
"tslib": "^2.3.0"
|
|
27
|
+
},
|
|
28
|
+
"module": "fesm2022/skdx-angular-charts.mjs",
|
|
29
|
+
"typings": "types/skdx-angular-charts.d.ts",
|
|
30
|
+
"exports": {
|
|
31
|
+
"./package.json": {
|
|
32
|
+
"default": "./package.json"
|
|
33
|
+
},
|
|
34
|
+
".": {
|
|
35
|
+
"types": "./types/skdx-angular-charts.d.ts",
|
|
36
|
+
"default": "./fesm2022/skdx-angular-charts.mjs"
|
|
37
|
+
},
|
|
38
|
+
"./area": {
|
|
39
|
+
"types": "./types/skdx-angular-charts-area.d.ts",
|
|
40
|
+
"default": "./fesm2022/skdx-angular-charts-area.mjs"
|
|
41
|
+
},
|
|
42
|
+
"./bar": {
|
|
43
|
+
"types": "./types/skdx-angular-charts-bar.d.ts",
|
|
44
|
+
"default": "./fesm2022/skdx-angular-charts-bar.mjs"
|
|
45
|
+
},
|
|
46
|
+
"./boxplot": {
|
|
47
|
+
"types": "./types/skdx-angular-charts-boxplot.d.ts",
|
|
48
|
+
"default": "./fesm2022/skdx-angular-charts-boxplot.mjs"
|
|
49
|
+
},
|
|
50
|
+
"./candlestick": {
|
|
51
|
+
"types": "./types/skdx-angular-charts-candlestick.d.ts",
|
|
52
|
+
"default": "./fesm2022/skdx-angular-charts-candlestick.mjs"
|
|
53
|
+
},
|
|
54
|
+
"./chord": {
|
|
55
|
+
"types": "./types/skdx-angular-charts-chord.d.ts",
|
|
56
|
+
"default": "./fesm2022/skdx-angular-charts-chord.mjs"
|
|
57
|
+
},
|
|
58
|
+
"./funnel": {
|
|
59
|
+
"types": "./types/skdx-angular-charts-funnel.d.ts",
|
|
60
|
+
"default": "./fesm2022/skdx-angular-charts-funnel.mjs"
|
|
61
|
+
},
|
|
62
|
+
"./gantt": {
|
|
63
|
+
"types": "./types/skdx-angular-charts-gantt.d.ts",
|
|
64
|
+
"default": "./fesm2022/skdx-angular-charts-gantt.mjs"
|
|
65
|
+
},
|
|
66
|
+
"./heatmap": {
|
|
67
|
+
"types": "./types/skdx-angular-charts-heatmap.d.ts",
|
|
68
|
+
"default": "./fesm2022/skdx-angular-charts-heatmap.mjs"
|
|
69
|
+
},
|
|
70
|
+
"./internal": {
|
|
71
|
+
"types": "./types/skdx-angular-charts-internal.d.ts",
|
|
72
|
+
"default": "./fesm2022/skdx-angular-charts-internal.mjs"
|
|
73
|
+
},
|
|
74
|
+
"./line": {
|
|
75
|
+
"types": "./types/skdx-angular-charts-line.d.ts",
|
|
76
|
+
"default": "./fesm2022/skdx-angular-charts-line.mjs"
|
|
77
|
+
},
|
|
78
|
+
"./map": {
|
|
79
|
+
"types": "./types/skdx-angular-charts-map.d.ts",
|
|
80
|
+
"default": "./fesm2022/skdx-angular-charts-map.mjs"
|
|
81
|
+
},
|
|
82
|
+
"./pie": {
|
|
83
|
+
"types": "./types/skdx-angular-charts-pie.d.ts",
|
|
84
|
+
"default": "./fesm2022/skdx-angular-charts-pie.mjs"
|
|
85
|
+
},
|
|
86
|
+
"./radar": {
|
|
87
|
+
"types": "./types/skdx-angular-charts-radar.d.ts",
|
|
88
|
+
"default": "./fesm2022/skdx-angular-charts-radar.mjs"
|
|
89
|
+
},
|
|
90
|
+
"./sankey": {
|
|
91
|
+
"types": "./types/skdx-angular-charts-sankey.d.ts",
|
|
92
|
+
"default": "./fesm2022/skdx-angular-charts-sankey.mjs"
|
|
93
|
+
},
|
|
94
|
+
"./scatter": {
|
|
95
|
+
"types": "./types/skdx-angular-charts-scatter.d.ts",
|
|
96
|
+
"default": "./fesm2022/skdx-angular-charts-scatter.mjs"
|
|
97
|
+
},
|
|
98
|
+
"./sparkline": {
|
|
99
|
+
"types": "./types/skdx-angular-charts-sparkline.d.ts",
|
|
100
|
+
"default": "./fesm2022/skdx-angular-charts-sparkline.mjs"
|
|
101
|
+
},
|
|
102
|
+
"./sunburst": {
|
|
103
|
+
"types": "./types/skdx-angular-charts-sunburst.d.ts",
|
|
104
|
+
"default": "./fesm2022/skdx-angular-charts-sunburst.mjs"
|
|
105
|
+
},
|
|
106
|
+
"./treemap": {
|
|
107
|
+
"types": "./types/skdx-angular-charts-treemap.d.ts",
|
|
108
|
+
"default": "./fesm2022/skdx-angular-charts-treemap.mjs"
|
|
109
|
+
},
|
|
110
|
+
"./waterfall": {
|
|
111
|
+
"types": "./types/skdx-angular-charts-waterfall.d.ts",
|
|
112
|
+
"default": "./fesm2022/skdx-angular-charts-waterfall.mjs"
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
|
|
3
|
+
import { SkdxChartBase } from '@skdx/angular-charts/internal';
|
|
4
|
+
|
|
5
|
+
/** A line chart with each series filled down to the zero baseline. */
|
|
6
|
+
declare class SkdxAreaChartComponent extends SkdxChartBase {
|
|
7
|
+
protected readonly layout: i0.Signal<_skdx_angular_charts_internal.Canvas>;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkdxAreaChartComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkdxAreaChartComponent, "skdx-area-chart", never, {}, {}, never, never, true, never>;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export { SkdxAreaChartComponent };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
|
|
2
|
+
import { SkdxChartBase } from '@skdx/angular-charts/internal';
|
|
3
|
+
import * as _angular_core from '@angular/core';
|
|
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
|
+
*/
|
|
12
|
+
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.Canvas>;
|
|
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>;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export { SkdxBarChartComponent };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
|
|
2
|
+
import { SkdxSizedBase, Series } from '@skdx/angular-charts/internal';
|
|
3
|
+
import * as _angular_core from '@angular/core';
|
|
4
|
+
|
|
5
|
+
/** Quartile boxes with Tukey whiskers and outliers, one per series. */
|
|
6
|
+
declare class SkdxBoxplotComponent extends SkdxSizedBase {
|
|
7
|
+
readonly series: _angular_core.InputSignal<Series[]>;
|
|
8
|
+
protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
|
|
9
|
+
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>;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export { SkdxBoxplotComponent };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
|
|
2
|
+
import { SkdxSizedBase, Candle } from '@skdx/angular-charts/internal';
|
|
3
|
+
import * as _angular_core from '@angular/core';
|
|
4
|
+
|
|
5
|
+
/** Open/high/low/close candles, green when closing higher. */
|
|
6
|
+
declare class SkdxCandlestickChartComponent extends SkdxSizedBase {
|
|
7
|
+
readonly data: _angular_core.InputSignal<Candle[]>;
|
|
8
|
+
protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
|
|
9
|
+
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>;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export { SkdxCandlestickChartComponent };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
|
|
2
|
+
import { SkdxSizedBase } from '@skdx/angular-charts/internal';
|
|
3
|
+
import * as _angular_core from '@angular/core';
|
|
4
|
+
|
|
5
|
+
/** Ribbons between groups sized by the flow matrix. */
|
|
6
|
+
declare class SkdxChordChartComponent extends SkdxSizedBase {
|
|
7
|
+
readonly names: _angular_core.InputSignal<string[]>;
|
|
8
|
+
/** `matrix[i][j]` is the flow from `i` to `j`. */
|
|
9
|
+
readonly matrix: _angular_core.InputSignal<number[][]>;
|
|
10
|
+
protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
|
|
11
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxChordChartComponent, never>;
|
|
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
|
+
}
|
|
14
|
+
|
|
15
|
+
export { SkdxChordChartComponent };
|
|
@@ -0,0 +1,13 @@
|
|
|
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
|
+
/** Centered stages, each narrowing toward the next, labelled in place. */
|
|
6
|
+
declare class SkdxFunnelChartComponent extends SkdxSizedBase {
|
|
7
|
+
readonly data: _angular_core.InputSignal<Datum[]>;
|
|
8
|
+
protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
|
|
9
|
+
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>;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export { SkdxFunnelChartComponent };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
|
|
2
|
+
import { SkdxSizedBase, GanttTask } from '@skdx/angular-charts/internal';
|
|
3
|
+
import * as _angular_core from '@angular/core';
|
|
4
|
+
|
|
5
|
+
/** One bar per task on a numeric time axis. */
|
|
6
|
+
declare class SkdxGanttChartComponent extends SkdxSizedBase {
|
|
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>;
|
|
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>;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export { SkdxGanttChartComponent };
|