@skdx/angular-charts 0.1.0 → 0.32.0

package/fesm2022/skdx-angular-charts-sunburst.mjs.map

@@ -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;;"}
+{"version":3,"file":"skdx-angular-charts-sunburst.mjs","sources":["../../src/sunburst/sunburst-chart.component.ts","../../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  type TreeNode,\n  SkdxChartRootComponent,\n  SkdxSizedBase,\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 [layout]=\"l()\" kind=\"sunburst\" [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 * 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 { SkdxSunburstChartComponent } from './sunburst-chart.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;AAIG;AAWH;AAWM,MAAO,0BAA2B,SAAQ,aAAa,CAAA;AAV7D,IAAA,WAAA,GAAA;;QAWW,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,EAL3B;;;AAGT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAJS,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAMrB,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAVtC,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;;;AAGT,EAAA,CAAA;AACF,iBAAA;;;ACzBD;;;;AAIG;;ACJH;;AAEG;;"}

package/fesm2022/skdx-angular-charts-treemap.mjs

@@ -18,7 +18,8 @@ class SkdxTreemapComponent extends SkdxSizedBase {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxTreemapComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     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: `
-    <skdx-chart-root [layout]="l()" kind="treemap" [label]="label() ?? 'Treemap'"></skdx-chart-root>
+    <skdx-chart-root [layout]="l()" kind="treemap" [label]="label() ?? 'Treemap'">
+    </skdx-chart-root>
   `, isInline: true, dependencies: [{ kind: "component", type: SkdxChartRootComponent, selector: "skdx-chart-root", inputs: ["layout", "kind", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxTreemapComponent, decorators: [{
@@ -29,11 +30,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [SkdxChartRootComponent],
                     template: `
-    <skdx-chart-root [layout]="l()" kind="treemap" [label]="label() ?? 'Treemap'"></skdx-chart-root>
+    <skdx-chart-root [layout]="l()" kind="treemap" [label]="label() ?? 'Treemap'">
+    </skdx-chart-root>
   `,
                 }]
         }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
 
+/*
+ * Copyright (c) 2026 SkandaDX
+ * This file is part of the SkandaDX organization.
+ * Licensed under the MIT License. See LICENSE in the repository root.
+ */
+
 /**
  * Generated bundle index. Do not edit.
  */

package/fesm2022/skdx-angular-charts-treemap.mjs.map

@@ -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;;"}
+{"version":3,"file":"skdx-angular-charts-treemap.mjs","sources":["../../src/treemap/treemap.component.ts","../../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  layoutTreemap,\n  type Datum,\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'\">\n    </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 * 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 { SkdxTreemapComponent } from './treemap.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;AAIG;AAWH;AAWM,MAAO,oBAAqB,SAAQ,aAAa,CAAA;AAVvD,IAAA,WAAA,GAAA;;QAWW,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,EALrB;;;AAGT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAJS,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAMrB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAVhC,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;;;AAGT,EAAA,CAAA;AACF,iBAAA;;;ACzBD;;;;AAIG;;ACJH;;AAEG;;"}

package/fesm2022/skdx-angular-charts-waterfall.mjs

@@ -21,11 +21,8 @@ class SkdxWaterfallChartComponent extends SkdxSizedBase {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxWaterfallChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     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: `
-    <skdx-chart-root
-      [layout]="l()"
-      kind="waterfall"
-      [label]="label() ?? 'Waterfall chart'"
-    ></skdx-chart-root>
+    <skdx-chart-root [layout]="l()" kind="waterfall" [label]="label() ?? 'Waterfall chart'">
+    </skdx-chart-root>
   `, isInline: true, dependencies: [{ kind: "component", type: SkdxChartRootComponent, selector: "skdx-chart-root", inputs: ["layout", "kind", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxWaterfallChartComponent, decorators: [{
@@ -36,15 +33,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [SkdxChartRootComponent],
                     template: `
-    <skdx-chart-root
-      [layout]="l()"
-      kind="waterfall"
-      [label]="label() ?? 'Waterfall chart'"
-    ></skdx-chart-root>
+    <skdx-chart-root [layout]="l()" kind="waterfall" [label]="label() ?? 'Waterfall chart'">
+    </skdx-chart-root>
   `,
                 }]
         }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: false }] }] } });
 
+/*
+ * Copyright (c) 2026 SkandaDX
+ * This file is part of the SkandaDX organization.
+ * Licensed under the MIT License. See LICENSE in the repository root.
+ */
+
 /**
  * Generated bundle index. Do not edit.
  */

package/fesm2022/skdx-angular-charts-waterfall.mjs.map

@@ -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;;"}
+{"version":3,"file":"skdx-angular-charts-waterfall.mjs","sources":["../../src/waterfall/waterfall-chart.component.ts","../../src/waterfall/index.ts","../../src/waterfall/skdx-angular-charts-waterfall.ts"],"sourcesContent":["/*\n * Copyright (c) 2026 SkandaDX\n * This file is part of the SkandaDX organization.\n * Licensed under the MIT License. See LICENSE in the repository root.\n */\n\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\n\nimport {\n  layoutWaterfall,\n  type Datum,\n  SkdxChartRootComponent,\n  SkdxSizedBase,\n} from '@skdx/angular-charts/internal';\n\n/** Signed deltas stacked on a running total. */\n@Component({\n  selector: 'skdx-waterfall-chart',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [SkdxChartRootComponent],\n  template: `\n    <skdx-chart-root [layout]=\"l()\" kind=\"waterfall\" [label]=\"label() ?? 'Waterfall chart'\">\n    </skdx-chart-root>\n  `,\n})\nexport class SkdxWaterfallChartComponent extends SkdxSizedBase {\n  readonly data = input.required<Datum[]>();\n  /** Label of a final bar showing the running total. */\n  readonly total = input<string>();\n\n  protected readonly l = computed(() =>\n    layoutWaterfall({ ...this.sized(), data: this.data(), total: this.total() }),\n  );\n}\n","/*\n * Copyright (c) 2026 SkandaDX\n * This file is part of the SkandaDX organization.\n * Licensed under the MIT License. See LICENSE in the repository root.\n */\n\nexport { SkdxWaterfallChartComponent } from './waterfall-chart.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;AAIG;AAWH;AAWM,MAAO,2BAA4B,SAAQ,aAAa,CAAA;AAV9D,IAAA,WAAA,GAAA;;QAWW,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ;iFAAW;;AAEhC,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK;6FAAU;AAEb,QAAA,IAAA,CAAA,CAAC,GAAG,QAAQ,CAAC,MAC9B,eAAe,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;8EAC7E;AACF,IAAA;8GARY,2BAA2B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAL5B;;;AAGT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAJS,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAMrB,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAVvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,sBAAsB,CAAC;AACjC,oBAAA,QAAQ,EAAE;;;AAGT,EAAA,CAAA;AACF,iBAAA;;;ACzBD;;;;AAIG;;ACJH;;AAEG;;"}

package/fesm2022/skdx-angular-charts.mjs.map

@@ -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"}
+{"version":3,"file":"skdx-angular-charts.mjs","sources":["../../src/public-api.ts","../../src/skdx-angular-charts.ts"],"sourcesContent":["/*\n * Copyright (c) 2026 SkandaDX\n * This file is part of the SkandaDX organization.\n * Licensed under the MIT License. See LICENSE in the repository root.\n */\n\nexport { SkdxBarChartComponent } from '@skdx/angular-charts/bar';\nexport { SkdxLineChartComponent } from '@skdx/angular-charts/line';\nexport { SkdxAreaChartComponent } from '@skdx/angular-charts/area';\nexport { SkdxPieChartComponent } from '@skdx/angular-charts/pie';\nexport { SkdxScatterChartComponent } from '@skdx/angular-charts/scatter';\nexport { SkdxSparklineComponent } from '@skdx/angular-charts/sparkline';\nexport { SkdxRadarChartComponent } from '@skdx/angular-charts/radar';\nexport { SkdxHeatmapComponent } from '@skdx/angular-charts/heatmap';\nexport { SkdxFunnelChartComponent } from '@skdx/angular-charts/funnel';\nexport { SkdxSankeyChartComponent } from '@skdx/angular-charts/sankey';\nexport { SkdxTreemapComponent } from '@skdx/angular-charts/treemap';\nexport { SkdxCandlestickChartComponent } from '@skdx/angular-charts/candlestick';\nexport { SkdxWaterfallChartComponent } from '@skdx/angular-charts/waterfall';\nexport { SkdxGanttChartComponent } from '@skdx/angular-charts/gantt';\nexport { SkdxBoxplotComponent } from '@skdx/angular-charts/boxplot';\nexport { SkdxSunburstChartComponent } from '@skdx/angular-charts/sunburst';\nexport { SkdxChordChartComponent } from '@skdx/angular-charts/chord';\nexport { SkdxMapChartComponent } from '@skdx/angular-charts/map';\nexport type {\n  Candle,\n  Datum,\n  GanttTask,\n  GeoMultiPolygon,\n  GeoPolygon,\n  MapFeature,\n  SankeyLink,\n  ScatterSeries,\n  Series,\n  Shape,\n  TreeNode,\n} from '@skdx/angular-charts/internal';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;AAIG;;ACJH;;AAEG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skdx/angular-charts",
-  "version": "0.1.0",
+  "version": "0.32.0",
   "description": "Eighteen SVG charts as standalone Angular components, from bar and line to sankey, sunburst and choropleth map — colored by @skdx/tokens",
   "license": "MIT",
   "publishConfig": {
@@ -20,11 +20,20 @@
   "peerDependencies": {
     "@angular/common": "^22.0.0",
     "@angular/core": "^22.0.0",
-    "@skdx/tokens": "^0.33.0"
+    "@skdx/tokens": "^0.32.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
   },
+  "nx": {
+    "targets": {
+      "sync": {
+        "outputs": [
+          "{projectRoot}/src/internal/core"
+        ]
+      }
+    }
+  },
   "module": "fesm2022/skdx-angular-charts.mjs",
   "typings": "types/skdx-angular-charts.d.ts",
   "exports": {

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

@@ -4,7 +4,7 @@ import { SkdxChartBase } from '@skdx/angular-charts/internal';
 
 /** A line chart with each series filled down to the zero baseline. */
 declare class SkdxAreaChartComponent extends SkdxChartBase {
-    protected readonly layout: i0.Signal<_skdx_angular_charts_internal.Canvas>;
+    protected readonly layout: i0.Signal<_skdx_angular_charts_internal.AreaChartLayout>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkdxAreaChartComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkdxAreaChartComponent, "skdx-area-chart", never, {}, {}, never, never, true, never>;
 }

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

@@ -12,7 +12,7 @@ import * as _angular_core from '@angular/core';
 declare class SkdxBarChartComponent extends SkdxChartBase {
     /** Stack series on top of each other instead of grouping them side by side. */
     readonly stacked: _angular_core.InputSignal<boolean>;
-    protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.BarChartLayout>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxBarChartComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxBarChartComponent, "skdx-bar-chart", never, { "stacked": { "alias": "stacked"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -5,7 +5,7 @@ import * as _angular_core from '@angular/core';
 /** Centered stages, each narrowing toward the next, labelled in place. */
 declare class SkdxFunnelChartComponent extends SkdxSizedBase {
     readonly data: _angular_core.InputSignal<Datum[]>;
-    protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.FunnelChartLayout>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxFunnelChartComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxFunnelChartComponent, "skdx-funnel-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -10,7 +10,14 @@ declare class SkdxHeatmapComponent extends SkdxSizedBase {
     readonly data: _angular_core.InputSignal<number[][]>;
     /** The cell color; each cell's opacity follows its value. */
     readonly color: _angular_core.InputSignal<string | undefined>;
-    protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    protected readonly colors: {
+        readonly axis: "var(--skdx-color-border-strong)";
+        readonly grid: "var(--skdx-color-border-subtle)";
+        readonly label: "var(--skdx-color-text-muted)";
+        readonly fontFamily: "var(--skdx-font-family)";
+        readonly fontSize: "var(--skdx-font-size-xs)";
+    };
+    protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.HeatmapLayout>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxHeatmapComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxHeatmapComponent, "skdx-heatmap", never, { "rows": { "alias": "rows"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,3 +1,4 @@
+import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
 import * as _angular_core from '@angular/core';
 
 /** One plotted series: a name for the legend/title and a value per category. */
@@ -93,6 +94,11 @@ interface Box {
     width: number;
     height: number;
 }
+interface Label {
+    x: number;
+    y: number;
+    label: string;
+}
 /** What every axis chart shares: the outer size, the plot box and the axis ticks. */
 interface Frame extends Canvas {
     plot: Box;
@@ -101,6 +107,100 @@ interface Frame extends Canvas {
     /** Pixel y of value 0 (clamped into the plot): where bars and areas start and the x axis is drawn. */
     baseline: number;
 }
+interface Mark {
+    series: string;
+    color: string;
+    /** Native tooltip text, e.g. `Sales, Q1: 1,234`. */
+    title: string;
+}
+interface BarMark extends Mark, Box {
+    category: string;
+    value: number;
+}
+interface PointMark extends Mark {
+    x: number;
+    y: number;
+}
+interface PathMark {
+    series: string;
+    color: string;
+    /** SVG path data. */
+    d: string;
+}
+interface SliceMark extends Mark {
+    name: string;
+    value: number;
+    /** 0..1 share of the total. */
+    percent: number;
+    d: string;
+}
+interface CellMark extends Mark, Box {
+    row: string;
+    column: string;
+    value: number;
+    /** 0.15..1, the value's place between the smallest and largest cell. */
+    opacity: number;
+}
+interface StageMark extends Mark, Label {
+    name: string;
+    value: number;
+    /** 0..1 share of the first stage. */
+    percent: number;
+    d: string;
+}
+interface BarChartLayout extends Frame {
+    bars: BarMark[];
+}
+interface LineChartLayout extends Frame {
+    lines: PathMark[];
+    points: PointMark[];
+}
+interface AreaChartLayout extends LineChartLayout {
+    areas: PathMark[];
+}
+interface ScatterChartLayout extends Frame {
+    points: PointMark[];
+}
+interface PieChartLayout extends Canvas {
+    slices: SliceMark[];
+}
+interface SparklineLayout extends Canvas {
+    color: string;
+    line: string;
+    area: string;
+    /** The most recent point, drawn as a dot. */
+    last: {
+        x: number;
+        y: number;
+    } | undefined;
+}
+interface RadarChartLayout extends Canvas {
+    /** Concentric grid polygons, one per tick, innermost first. */
+    rings: {
+        d: string;
+        label: Label;
+    }[];
+    spokes: {
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+    }[];
+    axisLabels: (Label & {
+        anchor: 'start' | 'middle' | 'end';
+    })[];
+    polygons: PathMark[];
+    points: PointMark[];
+}
+interface HeatmapLayout extends Canvas {
+    plot: Box;
+    cells: CellMark[];
+    rowLabels: Label[];
+    columnLabels: Label[];
+}
+interface FunnelChartLayout extends Canvas {
+    stages: StageMark[];
+}
 interface SankeyLink {
     source: string;
     target: string;
@@ -196,10 +296,7 @@ type Shape = (ShapeBase & {
     fill?: string | undefined;
     stroke?: string | undefined;
     strokeWidth?: number | undefined;
-    strokeLinecap?: 'round' | undefined;
-    strokeLinejoin?: 'round' | undefined;
     opacity?: number | undefined;
-    fillOpacity?: number | undefined;
 }) | (ShapeBase & {
     kind: 'rect';
     x: number;
@@ -232,42 +329,78 @@ type Shape = (ShapeBase & {
     baseline?: 'middle' | 'hanging' | undefined;
     fill?: string | undefined;
 });
-/** What every layout returns: the outer size, the whole chart as shapes and the tooltip switch. */
+/** What every layout returns: the outer size, decorations (legend, labels) and the tooltip switch. */
 interface Canvas {
     width: number;
     height: number;
-    /** Everything drawn, back to front: grid, marks, legend and labels. */
+    /** Decorations drawn after the marks, back to front: the legend, slice labels, or the whole chart. */
     shapes: Shape[];
     tooltip: boolean;
 }
+/** A chart described entirely as an ordered list of shapes. */
+type ShapeLayout = Canvas;
 interface LegendItem {
     name: string;
     color: string;
 }
 
-declare function layoutBarChart(input: BarChartInput): Canvas;
+declare function layoutBarChart(input: BarChartInput): BarChartLayout;
+
+declare function layoutLineChart(input: LineChartInput): LineChartLayout;
+declare function layoutAreaChart(input: AreaChartInput): AreaChartLayout;
 
-declare function layoutLineChart(input: LineChartInput): Canvas;
-declare function layoutAreaChart(input: AreaChartInput): Canvas;
+declare function layoutScatterChart(input: ScatterChartInput): ScatterChartLayout;
 
-declare function layoutScatterChart(input: ScatterChartInput): Canvas;
+declare function layoutPieChart(input: PieChartInput): PieChartLayout;
 
-declare function layoutPieChart(input: PieChartInput): Canvas;
+declare function layoutSparkline(input: SparklineInput): SparklineLayout;
 
-declare function layoutSparkline(input: SparklineInput): Canvas;
+declare function layoutRadarChart(input: RadarChartInput): RadarChartLayout;
 
-declare function layoutRadarChart(input: RadarChartInput): Canvas;
+declare function layoutHeatmap(input: HeatmapInput): HeatmapLayout;
 
-declare function layoutHeatmap(input: HeatmapInput): Canvas;
+declare function layoutFunnelChart(input: FunnelChartInput): FunnelChartLayout;
 
-declare function layoutFunnelChart(input: FunnelChartInput): Canvas;
+/** Maps `[d0, d1]` onto `[r0, r1]` linearly; a zero-width domain maps to `r0`. */
+declare function linearScale([d0, d1]: readonly [number, number], [r0, r1]: readonly [number, number]): (value: number) => number;
+/** Round tick values covering `[min, max]` with a 1/2/5 step, about `count` of them. */
+declare function niceTicks(min: number, max: number, count?: number): number[];
+declare const formatValue: (v: number) => string;
+/** SVG path through the points: straight segments, or a monotone cubic (Fritsch–Carlson) that never overshoots. */
+declare function pathThrough(points: {
+    x: number;
+    y: number;
+}[], curve?: 'linear' | 'monotone'): string;
+/** Ticks at powers of ten covering `[min, max]` (both > 0), with 2× and 5× steps when a decade or less. */
+declare function logTicks(min: number, max: number): number[];
 
+/** A tooltip box next to the pointer, kept inside the canvas. */
+declare function tooltipShapes(x: number, y: number, text: string, width: number, height: number): Shape[];
+/** Attributes for the `<svg>` root every framework renders. */
+declare function svgAttrs(frame: {
+    width: number;
+    height: number;
+}, kind: string, label: string): {
+    readonly viewBox: `0 0 ${number} ${number}`;
+    readonly width: number;
+    readonly height: number;
+    readonly role: "img";
+    readonly 'aria-label': string;
+    readonly 'data-skdx-chart': string;
+    readonly 'font-family': "var(--skdx-font-family)";
+    readonly 'font-size': "var(--skdx-font-size-xs)";
+};
 /**
  * Tooltip shapes for the mark under the pointer, or none. Reads the mark's
  * `<title>` and converts the pointer position into viewBox units.
  */
 declare function hoverTooltip(target: EventTarget | null, svg: Element, clientX: number, clientY: number, width: number, height: number): Shape[];
 
+/**
+ * Series colors, cycling through the `@skdx/tokens` scales so charts follow the
+ * active theme. Load `@skdx/tokens/css` (or any theme) for these to resolve.
+ */
+declare const SERIES_COLORS: readonly string[];
 declare const CHART_COLORS: {
     readonly axis: "var(--skdx-color-border-strong)";
     readonly grid: "var(--skdx-color-border-subtle)";
@@ -275,25 +408,35 @@ declare const CHART_COLORS: {
     readonly fontFamily: "var(--skdx-font-family)";
     readonly fontSize: "var(--skdx-font-size-xs)";
 };
+declare const seriesColor: (index: number, override?: string | undefined) => string;
 
-declare function layoutSankey(input: SankeyInput): Canvas;
+declare function layoutSankey(input: SankeyInput): ShapeLayout;
 
-declare function layoutTreemap(input: TreemapInput): Canvas;
+declare function layoutTreemap(input: TreemapInput): ShapeLayout;
 
-declare function layoutCandlestick(input: CandlestickInput): Canvas;
+declare function layoutCandlestick(input: CandlestickInput): ShapeLayout;
 
-declare function layoutWaterfall(input: WaterfallInput): Canvas;
+declare function layoutWaterfall(input: WaterfallInput): ShapeLayout;
 
-declare function layoutGantt(input: GanttInput): Canvas;
+declare function layoutGantt(input: GanttInput): ShapeLayout;
 
-declare function layoutBoxplot(input: BoxplotInput): Canvas;
+/** Five-number summary with Tukey fences: whiskers reach the last sample within 1.5 IQR. */
+declare function boxStats(data: number[]): {
+    q1: number;
+    median: number;
+    q3: number;
+    low: number;
+    high: number;
+    outliers: number[];
+};
+declare function layoutBoxplot(input: BoxplotInput): ShapeLayout;
 
-declare function layoutSunburst(input: SunburstInput): Canvas;
+declare function layoutSunburst(input: SunburstInput): ShapeLayout;
 
-declare function layoutChord(input: ChordInput): Canvas;
+declare function layoutChord(input: ChordInput): ShapeLayout;
 
 /** Projection fitted to the features' bounds (equirectangular by default, or Mercator); opacity follows the value. */
-declare function layoutMap(input: MapInput): Canvas;
+declare function layoutMap(input: MapInput): ShapeLayout;
 
 /** The accessible `<svg>` root every chart renders into: projected marks, then decorations, then the hover tooltip. */
 declare class SkdxChartRootComponent {
@@ -310,9 +453,32 @@ declare class SkdxChartRootComponent {
     protected readonly tip: _angular_core.WritableSignal<Shape[]>;
     protected onPointerMove(e: PointerEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxChartRootComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxChartRootComponent, "skdx-chart-root", never, { "layout": { "alias": "layout"; "required": true; "isSignal": true; }; "kind": { "alias": "kind"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxChartRootComponent, "skdx-chart-root", never, { "layout": { "alias": "layout"; "required": true; "isSignal": true; }; "kind": { "alias": "kind"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 /** The `<svg>` root, grid, axis and tick labels every axis chart shares; marks are projected. */
+declare class SkdxChartFrameComponent {
+    readonly layout: _angular_core.InputSignal<Frame>;
+    readonly kind: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
+    protected readonly colors: {
+        readonly axis: "var(--skdx-color-border-strong)";
+        readonly grid: "var(--skdx-color-border-subtle)";
+        readonly label: "var(--skdx-color-text-muted)";
+        readonly fontFamily: "var(--skdx-font-family)";
+        readonly fontSize: "var(--skdx-font-size-xs)";
+    };
+    protected readonly plot: _angular_core.Signal<_skdx_angular_charts_internal.Box>;
+    protected readonly right: _angular_core.Signal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxChartFrameComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxChartFrameComponent, "skdx-chart-frame", never, { "layout": { "alias": "layout"; "required": true; "isSignal": true; }; "kind": { "alias": "kind"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+/** A dot per value with its native tooltip. */
+declare class SkdxChartPointsComponent {
+    readonly points: _angular_core.InputSignal<PointMark[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxChartPointsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxChartPointsComponent, "g[skdxChartPoints]", never, { "points": { "alias": "points"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** Size and label inputs every chart takes. */
 declare abstract class SkdxSizedBase {
     readonly width: _angular_core.InputSignal<number | undefined>;
     readonly height: _angular_core.InputSignal<number | undefined>;
@@ -347,6 +513,14 @@ declare abstract class SkdxChartBase extends SkdxSizedBase {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SkdxChartBase, never, never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/** Line strokes plus a dot per value, shared by the line and area charts. */
+declare class SkdxChartLinesComponent {
+    readonly lines: _angular_core.InputSignal<PathMark[]>;
+    readonly points: _angular_core.InputSignal<PointMark[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxChartLinesComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxChartLinesComponent, "g[skdxChartLines]", never, { "lines": { "alias": "lines"; "required": true; "isSignal": true; }; "points": { "alias": "points"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 /** Draws a core shape list back to front. */
 declare class SkdxChartShapesComponent {
     readonly shapes: _angular_core.InputSignal<Shape[]>;
@@ -354,5 +528,5 @@ declare class SkdxChartShapesComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxChartShapesComponent, "g[skdxChartShapes]", never, { "shapes": { "alias": "shapes"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { CHART_COLORS, SkdxChartBase, SkdxChartRootComponent, SkdxChartShapesComponent, SkdxSizedBase, hoverTooltip, layoutAreaChart, layoutBarChart, layoutBoxplot, layoutCandlestick, layoutChord, layoutFunnelChart, layoutGantt, layoutHeatmap, layoutLineChart, layoutMap, layoutPieChart, layoutRadarChart, layoutSankey, layoutScatterChart, layoutSparkline, layoutSunburst, layoutTreemap, layoutWaterfall };
-export type { AreaChartInput, BarChartInput, Box, BoxplotInput, Candle, CandlestickInput, Canvas, ChartInput, ChordInput, Curve, Datum, Frame, FunnelChartInput, GanttInput, GanttTask, GeoMultiPolygon, GeoPolygon, HeatmapInput, LegendItem, LineChartInput, MapFeature, MapInput, PieChartInput, RadarChartInput, SankeyInput, SankeyLink, ScatterChartInput, ScatterSeries, Series, Shape, Sized, SparklineInput, SunburstInput, Tick, TreeNode, TreemapInput, WaterfallInput };
+export { CHART_COLORS, SERIES_COLORS, SkdxChartBase, SkdxChartFrameComponent, SkdxChartLinesComponent, SkdxChartPointsComponent, SkdxChartRootComponent, SkdxChartShapesComponent, SkdxSizedBase, boxStats, formatValue, hoverTooltip, layoutAreaChart, layoutBarChart, layoutBoxplot, layoutCandlestick, layoutChord, layoutFunnelChart, layoutGantt, layoutHeatmap, layoutLineChart, layoutMap, layoutPieChart, layoutRadarChart, layoutSankey, layoutScatterChart, layoutSparkline, layoutSunburst, layoutTreemap, layoutWaterfall, linearScale, logTicks, niceTicks, pathThrough, seriesColor, svgAttrs, tooltipShapes };
+export type { AreaChartInput, AreaChartLayout, BarChartInput, BarChartLayout, BarMark, Box, BoxplotInput, Candle, CandlestickInput, Canvas, CellMark, ChartInput, ChordInput, Curve, Datum, Frame, FunnelChartInput, FunnelChartLayout, GanttInput, GanttTask, GeoMultiPolygon, GeoPolygon, HeatmapInput, HeatmapLayout, Label, LegendItem, LineChartInput, LineChartLayout, MapFeature, MapInput, Mark, PathMark, PieChartInput, PieChartLayout, PointMark, RadarChartInput, RadarChartLayout, SankeyInput, SankeyLink, ScatterChartInput, ScatterChartLayout, ScatterSeries, Series, Shape, ShapeLayout, Sized, SliceMark, SparklineInput, SparklineLayout, StageMark, SunburstInput, Tick, TreeNode, TreemapInput, WaterfallInput };

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

@@ -4,7 +4,7 @@ import { SkdxChartBase } from '@skdx/angular-charts/internal';
 
 /** One polyline per series with a dot per value. */
 declare class SkdxLineChartComponent extends SkdxChartBase {
-    protected readonly layout: i0.Signal<_skdx_angular_charts_internal.Canvas>;
+    protected readonly layout: i0.Signal<_skdx_angular_charts_internal.LineChartLayout>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkdxLineChartComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkdxLineChartComponent, "skdx-line-chart", never, {}, {}, never, never, true, never>;
 }

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

@@ -7,7 +7,7 @@ declare class SkdxPieChartComponent extends SkdxSizedBase {
     readonly data: _angular_core.InputSignal<Datum[]>;
     /** Hole radius as a fraction of the outer radius: 0 is a pie, 0.6 a donut. */
     readonly innerRadius: _angular_core.InputSignal<number | undefined>;
-    protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.PieChartLayout>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxPieChartComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxPieChartComponent, "skdx-pie-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "innerRadius": { "alias": "innerRadius"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -7,7 +7,14 @@ declare class SkdxRadarChartComponent extends SkdxSizedBase {
     readonly series: _angular_core.InputSignal<Series[]>;
     /** One axis per category. */
     readonly categories: _angular_core.InputSignal<string[]>;
-    protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    protected readonly colors: {
+        readonly axis: "var(--skdx-color-border-strong)";
+        readonly grid: "var(--skdx-color-border-subtle)";
+        readonly label: "var(--skdx-color-text-muted)";
+        readonly fontFamily: "var(--skdx-font-family)";
+        readonly fontSize: "var(--skdx-font-size-xs)";
+    };
+    protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.RadarChartLayout>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxRadarChartComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxRadarChartComponent, "skdx-radar-chart", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; "categories": { "alias": "categories"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -5,7 +5,7 @@ import * as _angular_core from '@angular/core';
 /** One dot per `[x, y]` pair on two linear axes. */
 declare class SkdxScatterChartComponent extends SkdxSizedBase {
     readonly series: _angular_core.InputSignal<ScatterSeries[]>;
-    protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.ScatterChartLayout>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxScatterChartComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxScatterChartComponent, "skdx-scatter-chart", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -6,7 +6,7 @@ import * as _angular_core from '@angular/core';
 declare class SkdxSparklineComponent extends SkdxSizedBase {
     readonly data: _angular_core.InputSignal<number[]>;
     readonly color: _angular_core.InputSignal<string | undefined>;
-    protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
+    protected readonly l: _angular_core.Signal<_skdx_angular_charts_internal.SparklineLayout>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxSparklineComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxSparklineComponent, "skdx-sparkline", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -16,4 +16,4 @@ export { SkdxBoxplotComponent } from '@skdx/angular-charts/boxplot';
 export { SkdxSunburstChartComponent } from '@skdx/angular-charts/sunburst';
 export { SkdxChordChartComponent } from '@skdx/angular-charts/chord';
 export { SkdxMapChartComponent } from '@skdx/angular-charts/map';
-export { Candle, Datum, GanttTask, GeoMultiPolygon, GeoPolygon, MapFeature, SankeyLink, ScatterSeries, Series, TreeNode } from '@skdx/angular-charts/internal';
+export { Candle, Datum, GanttTask, GeoMultiPolygon, GeoPolygon, MapFeature, SankeyLink, ScatterSeries, Series, Shape, TreeNode } from '@skdx/angular-charts/internal';