@skdx/angular-charts 0.34.0 → 0.35.0

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

@@ -34,6 +34,33 @@ class SkdxHeatmapComponent extends SkdxSizedBase {
         /** Value range the opacity ramp covers. */
         this.domain = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "domain" }] : /* istanbul ignore next */ []));
+        /** Quantize the color ramp into this many steps. */
+        this.steps = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "steps" }] : /* istanbul ignore next */ []));
+        /** First day of the calendar week. */
+        this.weekStart = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "weekStart" }] : /* istanbul ignore next */ []));
+        /** A full color scale; wins over color/diverging/steps/domain. */
+        this.colorScale = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "colorScale" }] : /* istanbul ignore next */ []));
+        /** Draw the color scale under the grid. */
+        this.colorLegend = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "colorLegend" }] : /* istanbul ignore next */ []));
+        /** Fill for null cells. */
+        this.missingColor = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "missingColor" }] : /* istanbul ignore next */ []));
+        /** Gap between cells in pixels. */
+        this.cellGap = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "cellGap" }] : /* istanbul ignore next */ []));
+        /** Cell corner radius in pixels. */
+        this.cellRadius = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "cellRadius" }] : /* istanbul ignore next */ []));
+        /** Order rows by their sum. */
+        this.rowOrder = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "rowOrder" }] : /* istanbul ignore next */ []));
+        /** Order columns by their sum. */
+        this.columnOrder = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "columnOrder" }] : /* istanbul ignore next */ []));
         this.layout = computed(() => layoutHeatmap({
             ...this.sized(),
             rows: this.rows(),
@@ -45,23 +72,43 @@ class SkdxHeatmapComponent extends SkdxSizedBase {
             negativeColor: this.negativeColor(),
             labels: this.labels(),
             domain: this.domain(),
+            steps: this.steps(),
+            weekStart: this.weekStart(),
+            colorScale: this.colorScale(),
+            colorLegend: this.colorLegend(),
+            missingColor: this.missingColor(),
+            cellGap: this.cellGap(),
+            cellRadius: this.cellRadius(),
+            rowOrder: this.rowOrder(),
+            columnOrder: this.columnOrder(),
         }), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxHeatmapComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: SkdxHeatmapComponent, isStandalone: true, selector: "skdx-heatmap", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, diverging: { classPropertyName: "diverging", publicName: "diverging", isSignal: true, isRequired: false, transformFunction: null }, negativeColor: { classPropertyName: "negativeColor", publicName: "negativeColor", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, domain: { classPropertyName: "domain", publicName: "domain", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: SkdxHeatmapComponent, isStandalone: true, selector: "skdx-heatmap", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, diverging: { classPropertyName: "diverging", publicName: "diverging", isSignal: true, isRequired: false, transformFunction: null }, negativeColor: { classPropertyName: "negativeColor", publicName: "negativeColor", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, domain: { classPropertyName: "domain", publicName: "domain", isSignal: true, isRequired: false, transformFunction: null }, steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null }, weekStart: { classPropertyName: "weekStart", publicName: "weekStart", isSignal: true, isRequired: false, transformFunction: null }, colorScale: { classPropertyName: "colorScale", publicName: "colorScale", isSignal: true, isRequired: false, transformFunction: null }, colorLegend: { classPropertyName: "colorLegend", publicName: "colorLegend", isSignal: true, isRequired: false, transformFunction: null }, missingColor: { classPropertyName: "missingColor", publicName: "missingColor", isSignal: true, isRequired: false, transformFunction: null }, cellGap: { classPropertyName: "cellGap", publicName: "cellGap", isSignal: true, isRequired: false, transformFunction: null }, cellRadius: { classPropertyName: "cellRadius", publicName: "cellRadius", isSignal: true, isRequired: false, transformFunction: null }, rowOrder: { classPropertyName: "rowOrder", publicName: "rowOrder", isSignal: true, isRequired: false, transformFunction: null }, columnOrder: { classPropertyName: "columnOrder", publicName: "columnOrder", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
     <skdx-chart-root
       [layout]="layout()"
+      [options]="options()"
       kind="heatmap"
       [label]="label() ?? 'Heatmap'"
       [zoomable]="zoomable()"
-      [responsive]="responsive()"
+      [selectionMode]="selectionMode()"
+      [editable]="editable()"
+      [syncId]="syncId()"
+      [crosshair]="syncedCrosshair()"
+      [responsive]="!!responsive()"
       (itemClick)="itemClick.emit($event)"
+      (dataIssue)="dataIssue.emit($event)"
+      (taskChange)="taskChange.emit($event)"
       (hiddenSeriesChange)="toggle($event)"
       (zoomChange)="zoom.set($event)"
+      (viewChange)="view.set($event)"
+      (selectedChange)="selected.set($event)"
+      (highlightedChange)="highlighted.set($event)"
+      (syncChange)="sync($event)"
       (measured)="measuredWidth.set($event)"
     ></skdx-chart-root>
-  `, isInline: true, dependencies: [{ kind: "component", type: SkdxChartRootComponent, selector: "skdx-chart-root", inputs: ["layout", "kind", "label", "zoomable", "responsive"], outputs: ["itemClick", "hiddenSeriesChange", "zoomChange", "measured"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: SkdxChartRootComponent, selector: "skdx-chart-root", inputs: ["layout", "options", "kind", "label", "zoomable", "selectionMode", "editable", "syncId", "crosshair", "responsive"], outputs: ["itemClick", "hiddenSeriesChange", "zoomChange", "viewChange", "selectedChange", "highlightedChange", "dataIssue", "taskChange", "syncChange", "measured"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxHeatmapComponent, decorators: [{
             type: Component,
@@ -73,18 +120,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                     template: `
     <skdx-chart-root
       [layout]="layout()"
+      [options]="options()"
       kind="heatmap"
       [label]="label() ?? 'Heatmap'"
       [zoomable]="zoomable()"
-      [responsive]="responsive()"
+      [selectionMode]="selectionMode()"
+      [editable]="editable()"
+      [syncId]="syncId()"
+      [crosshair]="syncedCrosshair()"
+      [responsive]="!!responsive()"
       (itemClick)="itemClick.emit($event)"
+      (dataIssue)="dataIssue.emit($event)"
+      (taskChange)="taskChange.emit($event)"
       (hiddenSeriesChange)="toggle($event)"
       (zoomChange)="zoom.set($event)"
+      (viewChange)="view.set($event)"
+      (selectedChange)="selected.set($event)"
+      (highlightedChange)="highlighted.set($event)"
+      (syncChange)="sync($event)"
       (measured)="measuredWidth.set($event)"
     ></skdx-chart-root>
   `,
                 }]
-        }], propDecorators: { rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], calendar: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendar", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], diverging: [{ type: i0.Input, args: [{ isSignal: true, alias: "diverging", required: false }] }], negativeColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "negativeColor", required: false }] }], labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", required: false }] }], domain: [{ type: i0.Input, args: [{ isSignal: true, alias: "domain", required: false }] }] } });
+        }], propDecorators: { rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], calendar: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendar", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], diverging: [{ type: i0.Input, args: [{ isSignal: true, alias: "diverging", required: false }] }], negativeColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "negativeColor", required: false }] }], labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", required: false }] }], domain: [{ type: i0.Input, args: [{ isSignal: true, alias: "domain", required: false }] }], steps: [{ type: i0.Input, args: [{ isSignal: true, alias: "steps", required: false }] }], weekStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekStart", required: false }] }], colorScale: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorScale", required: false }] }], colorLegend: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorLegend", required: false }] }], missingColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "missingColor", required: false }] }], cellGap: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellGap", required: false }] }], cellRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellRadius", required: false }] }], rowOrder: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowOrder", required: false }] }], columnOrder: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnOrder", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"skdx-angular-charts-heatmap.mjs","sources":["../../src/heatmap/index.ts","../../src/heatmap/skdx-angular-charts-heatmap.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  layoutHeatmap,\n  SkdxChartRootComponent,\n  SkdxSizedBase,\n  type CalendarCell,\n  type Value,\n} from '@skdx/angular-charts/internal';\n\n/** A grid of cells whose opacity follows the value; `calendar` lays days out as weekday rows and week columns. */\n@Component({\n  selector: 'skdx-heatmap',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [SkdxChartRootComponent],\n  template: `\n    <skdx-chart-root\n      [layout]=\"layout()\"\n      kind=\"heatmap\"\n      [label]=\"label() ?? 'Heatmap'\"\n      [zoomable]=\"zoomable()\"\n      [responsive]=\"responsive()\"\n      (itemClick)=\"itemClick.emit($event)\"\n      (hiddenSeriesChange)=\"toggle($event)\"\n      (zoomChange)=\"zoom.set($event)\"\n      (measured)=\"measuredWidth.set($event)\"\n    ></skdx-chart-root>\n  `,\n})\nexport class SkdxHeatmapComponent extends SkdxSizedBase {\n  readonly rows = input<string[]>();\n  readonly columns = input<string[]>();\n  /** `data[row][column]`. */\n  readonly data = input<Value[][]>();\n  /** One value per day, instead of rows/columns/data. */\n  readonly calendar = input<CalendarCell[]>();\n  readonly color = input<string>();\n  /** Split around zero: negatives use `negativeColor`. */\n  readonly diverging = input(false);\n  readonly negativeColor = input<string>();\n  /** Write each value in its cell. */\n  readonly labels = input(false);\n  /** Value range the opacity ramp covers. */\n  readonly domain = input<[number, number]>();\n\n  protected readonly layout = computed(() =>\n    layoutHeatmap({\n      ...this.sized(),\n      rows: this.rows(),\n      columns: this.columns(),\n      data: this.data(),\n      calendar: this.calendar(),\n      color: this.color(),\n      diverging: this.diverging(),\n      negativeColor: this.negativeColor(),\n      labels: this.labels(),\n      domain: this.domain(),\n    }),\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"skdx-angular-charts-heatmap.mjs","sources":["../../src/heatmap/index.ts","../../src/heatmap/skdx-angular-charts-heatmap.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  layoutHeatmap,\n  SkdxChartRootComponent,\n  SkdxSizedBase,\n  type CalendarCell,\n  type ColorScale,\n  type Value,\n} from '@skdx/angular-charts/internal';\n\n/** A grid of cells whose opacity follows the value; `calendar` lays days out as weekday rows and week columns. */\n@Component({\n  selector: 'skdx-heatmap',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [SkdxChartRootComponent],\n  template: `\n    <skdx-chart-root\n      [layout]=\"layout()\"\n      [options]=\"options()\"\n      kind=\"heatmap\"\n      [label]=\"label() ?? 'Heatmap'\"\n      [zoomable]=\"zoomable()\"\n      [selectionMode]=\"selectionMode()\"\n      [editable]=\"editable()\"\n      [syncId]=\"syncId()\"\n      [crosshair]=\"syncedCrosshair()\"\n      [responsive]=\"!!responsive()\"\n      (itemClick)=\"itemClick.emit($event)\"\n      (dataIssue)=\"dataIssue.emit($event)\"\n      (taskChange)=\"taskChange.emit($event)\"\n      (hiddenSeriesChange)=\"toggle($event)\"\n      (zoomChange)=\"zoom.set($event)\"\n      (viewChange)=\"view.set($event)\"\n      (selectedChange)=\"selected.set($event)\"\n      (highlightedChange)=\"highlighted.set($event)\"\n      (syncChange)=\"sync($event)\"\n      (measured)=\"measuredWidth.set($event)\"\n    ></skdx-chart-root>\n  `,\n})\nexport class SkdxHeatmapComponent extends SkdxSizedBase {\n  readonly rows = input<string[]>();\n  readonly columns = input<string[]>();\n  /** `data[row][column]`. */\n  readonly data = input<Value[][]>();\n  /** One value per day, instead of rows/columns/data. */\n  readonly calendar = input<CalendarCell[]>();\n  readonly color = input<string>();\n  /** Split around zero: negatives use `negativeColor`. */\n  readonly diverging = input(false);\n  readonly negativeColor = input<string>();\n  /** Write each value in its cell. */\n  readonly labels = input(false);\n  /** Value range the opacity ramp covers. */\n  readonly domain = input<[number, number]>();\n  /** Quantize the color ramp into this many steps. */\n  readonly steps = input<number>();\n  /** First day of the calendar week. */\n  readonly weekStart = input<'monday' | 'sunday'>();\n  /** A full color scale; wins over color/diverging/steps/domain. */\n  readonly colorScale = input<ColorScale>();\n  /** Draw the color scale under the grid. */\n  readonly colorLegend = input(false);\n  /** Fill for null cells. */\n  readonly missingColor = input<string>();\n  /** Gap between cells in pixels. */\n  readonly cellGap = input<number>();\n  /** Cell corner radius in pixels. */\n  readonly cellRadius = input<number>();\n  /** Order rows by their sum. */\n  readonly rowOrder = input<'asc' | 'desc'>();\n  /** Order columns by their sum. */\n  readonly columnOrder = input<'asc' | 'desc'>();\n\n  protected readonly layout = computed(() =>\n    layoutHeatmap({\n      ...this.sized(),\n      rows: this.rows(),\n      columns: this.columns(),\n      data: this.data(),\n      calendar: this.calendar(),\n      color: this.color(),\n      diverging: this.diverging(),\n      negativeColor: this.negativeColor(),\n      labels: this.labels(),\n      domain: this.domain(),\n      steps: this.steps(),\n      weekStart: this.weekStart(),\n      colorScale: this.colorScale(),\n      colorLegend: this.colorLegend(),\n      missingColor: this.missingColor(),\n      cellGap: this.cellGap(),\n      cellRadius: this.cellRadius(),\n      rowOrder: this.rowOrder(),\n      columnOrder: this.columnOrder(),\n    }),\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,134 @@
+import * as i0 from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { SkdxSizedBase, layoutHistogram, SkdxChartRootComponent } from '@skdx/angular-charts/internal';
+
+/*
+ * Copyright (c) 2026 SkandaDX
+ * This file is part of the SkandaDX organization.
+ * Licensed under the MIT License. See LICENSE in the repository root.
+ */
+/** The distribution of a raw sample in equal-width or explicit bins, as counts, density or shares. */
+class SkdxHistogramComponent extends SkdxSizedBase {
+    constructor() {
+        super(...arguments);
+        /** The raw sample. */
+        this.data = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+        /** Series name in tooltips and the legend. */
+        this.name = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
+        this.color = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "color" }] : /* istanbul ignore next */ []));
+        /** Bin count; defaults to Sturges' rule. */
+        this.bins = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "bins" }] : /* istanbul ignore next */ []));
+        /** Bin width; wins over bins. */
+        this.binWidth = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "binWidth" }] : /* istanbul ignore next */ []));
+        /** Explicit ascending bin edges. */
+        this.thresholds = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "thresholds" }] : /* istanbul ignore next */ []));
+        /** Value range binned; samples outside are dropped. */
+        this.domain = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "domain" }] : /* istanbul ignore next */ []));
+        this.mode = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "mode" }] : /* istanbul ignore next */ []));
+        this.xAxis = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "xAxis" }] : /* istanbul ignore next */ []));
+        this.yAxis = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "yAxis" }] : /* istanbul ignore next */ []));
+        this.references = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "references" }] : /* istanbul ignore next */ []));
+        this.annotations = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "annotations" }] : /* istanbul ignore next */ []));
+        /** Write each bin's value above its bar. */
+        this.labels = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []));
+        /** Share of each bin slot left empty. */
+        this.barGap = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "barGap" }] : /* istanbul ignore next */ []));
+        this.layout = computed(() => layoutHistogram({
+            ...this.sized(),
+            data: this.data(),
+            name: this.name(),
+            color: this.color(),
+            bins: this.bins(),
+            binWidth: this.binWidth(),
+            thresholds: this.thresholds(),
+            domain: this.domain(),
+            mode: this.mode(),
+            xAxis: this.xAxis(),
+            yAxis: this.yAxis(),
+            references: this.references(),
+            annotations: this.annotations(),
+            labels: this.labels(),
+            barGap: this.barGap(),
+        }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxHistogramComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: SkdxHistogramComponent, isStandalone: true, selector: "skdx-histogram", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, bins: { classPropertyName: "bins", publicName: "bins", isSignal: true, isRequired: false, transformFunction: null }, binWidth: { classPropertyName: "binWidth", publicName: "binWidth", isSignal: true, isRequired: false, transformFunction: null }, thresholds: { classPropertyName: "thresholds", publicName: "thresholds", isSignal: true, isRequired: false, transformFunction: null }, domain: { classPropertyName: "domain", publicName: "domain", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, xAxis: { classPropertyName: "xAxis", publicName: "xAxis", isSignal: true, isRequired: false, transformFunction: null }, yAxis: { classPropertyName: "yAxis", publicName: "yAxis", isSignal: true, isRequired: false, transformFunction: null }, references: { classPropertyName: "references", publicName: "references", isSignal: true, isRequired: false, transformFunction: null }, annotations: { classPropertyName: "annotations", publicName: "annotations", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, barGap: { classPropertyName: "barGap", publicName: "barGap", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    <skdx-chart-root
+      [layout]="layout()"
+      [options]="options()"
+      kind="histogram"
+      [label]="label() ?? 'Histogram'"
+      [zoomable]="zoomable()"
+      [selectionMode]="selectionMode()"
+      [editable]="editable()"
+      [syncId]="syncId()"
+      [crosshair]="syncedCrosshair()"
+      [responsive]="!!responsive()"
+      (itemClick)="itemClick.emit($event)"
+      (dataIssue)="dataIssue.emit($event)"
+      (taskChange)="taskChange.emit($event)"
+      (hiddenSeriesChange)="toggle($event)"
+      (zoomChange)="zoom.set($event)"
+      (viewChange)="view.set($event)"
+      (selectedChange)="selected.set($event)"
+      (highlightedChange)="highlighted.set($event)"
+      (syncChange)="sync($event)"
+      (measured)="measuredWidth.set($event)"
+    ></skdx-chart-root>
+  `, isInline: true, dependencies: [{ kind: "component", type: SkdxChartRootComponent, selector: "skdx-chart-root", inputs: ["layout", "options", "kind", "label", "zoomable", "selectionMode", "editable", "syncId", "crosshair", "responsive"], outputs: ["itemClick", "hiddenSeriesChange", "zoomChange", "viewChange", "selectedChange", "highlightedChange", "dataIssue", "taskChange", "syncChange", "measured"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxHistogramComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'skdx-histogram',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [SkdxChartRootComponent],
+                    template: `
+    <skdx-chart-root
+      [layout]="layout()"
+      [options]="options()"
+      kind="histogram"
+      [label]="label() ?? 'Histogram'"
+      [zoomable]="zoomable()"
+      [selectionMode]="selectionMode()"
+      [editable]="editable()"
+      [syncId]="syncId()"
+      [crosshair]="syncedCrosshair()"
+      [responsive]="!!responsive()"
+      (itemClick)="itemClick.emit($event)"
+      (dataIssue)="dataIssue.emit($event)"
+      (taskChange)="taskChange.emit($event)"
+      (hiddenSeriesChange)="toggle($event)"
+      (zoomChange)="zoom.set($event)"
+      (viewChange)="view.set($event)"
+      (selectedChange)="selected.set($event)"
+      (highlightedChange)="highlighted.set($event)"
+      (syncChange)="sync($event)"
+      (measured)="measuredWidth.set($event)"
+    ></skdx-chart-root>
+  `,
+                }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], bins: [{ type: i0.Input, args: [{ isSignal: true, alias: "bins", required: false }] }], binWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "binWidth", required: false }] }], thresholds: [{ type: i0.Input, args: [{ isSignal: true, alias: "thresholds", required: false }] }], domain: [{ type: i0.Input, args: [{ isSignal: true, alias: "domain", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], xAxis: [{ type: i0.Input, args: [{ isSignal: true, alias: "xAxis", required: false }] }], yAxis: [{ type: i0.Input, args: [{ isSignal: true, alias: "yAxis", required: false }] }], references: [{ type: i0.Input, args: [{ isSignal: true, alias: "references", required: false }] }], annotations: [{ type: i0.Input, args: [{ isSignal: true, alias: "annotations", required: false }] }], labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", required: false }] }], barGap: [{ type: i0.Input, args: [{ isSignal: true, alias: "barGap", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkdxHistogramComponent };
+//# sourceMappingURL=skdx-angular-charts-histogram.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skdx-angular-charts-histogram.mjs","sources":["../../src/histogram/index.ts","../../src/histogram/skdx-angular-charts-histogram.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  layoutHistogram,\n  SkdxChartRootComponent,\n  SkdxSizedBase,\n  type Annotation,\n  type AxisOptions,\n  type Reference,\n  type Value,\n} from '@skdx/angular-charts/internal';\n\n/** The distribution of a raw sample in equal-width or explicit bins, as counts, density or shares. */\n@Component({\n  selector: 'skdx-histogram',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [SkdxChartRootComponent],\n  template: `\n    <skdx-chart-root\n      [layout]=\"layout()\"\n      [options]=\"options()\"\n      kind=\"histogram\"\n      [label]=\"label() ?? 'Histogram'\"\n      [zoomable]=\"zoomable()\"\n      [selectionMode]=\"selectionMode()\"\n      [editable]=\"editable()\"\n      [syncId]=\"syncId()\"\n      [crosshair]=\"syncedCrosshair()\"\n      [responsive]=\"!!responsive()\"\n      (itemClick)=\"itemClick.emit($event)\"\n      (dataIssue)=\"dataIssue.emit($event)\"\n      (taskChange)=\"taskChange.emit($event)\"\n      (hiddenSeriesChange)=\"toggle($event)\"\n      (zoomChange)=\"zoom.set($event)\"\n      (viewChange)=\"view.set($event)\"\n      (selectedChange)=\"selected.set($event)\"\n      (highlightedChange)=\"highlighted.set($event)\"\n      (syncChange)=\"sync($event)\"\n      (measured)=\"measuredWidth.set($event)\"\n    ></skdx-chart-root>\n  `,\n})\nexport class SkdxHistogramComponent extends SkdxSizedBase {\n  /** The raw sample. */\n  readonly data = input.required<Value[]>();\n  /** Series name in tooltips and the legend. */\n  readonly name = input<string>();\n  readonly color = input<string>();\n  /** Bin count; defaults to Sturges' rule. */\n  readonly bins = input<number>();\n  /** Bin width; wins over bins. */\n  readonly binWidth = input<number>();\n  /** Explicit ascending bin edges. */\n  readonly thresholds = input<number[]>();\n  /** Value range binned; samples outside are dropped. */\n  readonly domain = input<[number, number]>();\n  readonly mode = input<'count' | 'density' | 'percent'>();\n  readonly xAxis = input<Pick<AxisOptions, 'format' | 'label'>>();\n  readonly yAxis = input<AxisOptions>();\n  readonly references = input<Reference[]>();\n  readonly annotations = input<Annotation[]>();\n  /** Write each bin's value above its bar. */\n  readonly labels = input(false);\n  /** Share of each bin slot left empty. */\n  readonly barGap = input<number>();\n\n  protected readonly layout = computed(() =>\n    layoutHistogram({\n      ...this.sized(),\n      data: this.data(),\n      name: this.name(),\n      color: this.color(),\n      bins: this.bins(),\n      binWidth: this.binWidth(),\n      thresholds: this.thresholds(),\n      domain: this.domain(),\n      mode: this.mode(),\n      xAxis: this.xAxis(),\n      yAxis: this.yAxis(),\n      references: this.references(),\n      annotations: this.annotations(),\n      labels: this.labels(),\n      barGap: this.barGap(),\n    }),\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,119 @@
+import * as i0 from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { SkdxSizedBase, layoutIcicle, SkdxChartRootComponent } from '@skdx/angular-charts/internal';
+
+/*
+ * Copyright (c) 2026 SkandaDX
+ * This file is part of the SkandaDX organization.
+ * Licensed under the MIT License. See LICENSE in the repository root.
+ */
+/** A rectangular sunburst: one row per depth, children inside their parent's span. */
+class SkdxIcicleChartComponent extends SkdxSizedBase {
+    constructor() {
+        super(...arguments);
+        this.data = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+        /** Root row at the top, or root column at the left. */
+        this.orientation = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "orientation" }] : /* istanbul ignore next */ []));
+        /** Id (or name) of the node shown as the whole chart. */
+        this.rootId = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "rootId" }] : /* istanbul ignore next */ []));
+        /** Write the path to `rootId` above the cells. */
+        this.breadcrumbs = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "breadcrumbs" }] : /* istanbul ignore next */ []));
+        /** Deepest level drawn. */
+        this.maxDepth = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "maxDepth" }] : /* istanbul ignore next */ []));
+        /** Cell order inside a parent. */
+        this.sort = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "sort" }] : /* istanbul ignore next */ []));
+        /** Write names on cells wide enough. */
+        this.labels = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []));
+        /** Gap between cells, in pixels. */
+        this.padding = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "padding" }] : /* istanbul ignore next */ []));
+        /** Colors cells by their value. */
+        this.colorScale = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "colorScale" }] : /* istanbul ignore next */ []));
+        this.layout = computed(() => layoutIcicle({
+            ...this.sized(),
+            data: this.data(),
+            orientation: this.orientation(),
+            rootId: this.rootId(),
+            breadcrumbs: this.breadcrumbs(),
+            maxDepth: this.maxDepth(),
+            sort: this.sort(),
+            labels: this.labels(),
+            padding: this.padding(),
+            colorScale: this.colorScale(),
+        }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxIcicleChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: SkdxIcicleChartComponent, isStandalone: true, selector: "skdx-icicle-chart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, rootId: { classPropertyName: "rootId", publicName: "rootId", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbs: { classPropertyName: "breadcrumbs", publicName: "breadcrumbs", isSignal: true, isRequired: false, transformFunction: null }, maxDepth: { classPropertyName: "maxDepth", publicName: "maxDepth", isSignal: true, isRequired: false, transformFunction: null }, sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, colorScale: { classPropertyName: "colorScale", publicName: "colorScale", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    <skdx-chart-root
+      [layout]="layout()"
+      [options]="options()"
+      kind="icicle"
+      [label]="label() ?? 'Icicle chart'"
+      [zoomable]="zoomable()"
+      [selectionMode]="selectionMode()"
+      [editable]="editable()"
+      [syncId]="syncId()"
+      [crosshair]="syncedCrosshair()"
+      [responsive]="!!responsive()"
+      (itemClick)="itemClick.emit($event)"
+      (dataIssue)="dataIssue.emit($event)"
+      (taskChange)="taskChange.emit($event)"
+      (hiddenSeriesChange)="toggle($event)"
+      (zoomChange)="zoom.set($event)"
+      (viewChange)="view.set($event)"
+      (selectedChange)="selected.set($event)"
+      (highlightedChange)="highlighted.set($event)"
+      (syncChange)="sync($event)"
+      (measured)="measuredWidth.set($event)"
+    ></skdx-chart-root>
+  `, isInline: true, dependencies: [{ kind: "component", type: SkdxChartRootComponent, selector: "skdx-chart-root", inputs: ["layout", "options", "kind", "label", "zoomable", "selectionMode", "editable", "syncId", "crosshair", "responsive"], outputs: ["itemClick", "hiddenSeriesChange", "zoomChange", "viewChange", "selectedChange", "highlightedChange", "dataIssue", "taskChange", "syncChange", "measured"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxIcicleChartComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'skdx-icicle-chart',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [SkdxChartRootComponent],
+                    template: `
+    <skdx-chart-root
+      [layout]="layout()"
+      [options]="options()"
+      kind="icicle"
+      [label]="label() ?? 'Icicle chart'"
+      [zoomable]="zoomable()"
+      [selectionMode]="selectionMode()"
+      [editable]="editable()"
+      [syncId]="syncId()"
+      [crosshair]="syncedCrosshair()"
+      [responsive]="!!responsive()"
+      (itemClick)="itemClick.emit($event)"
+      (dataIssue)="dataIssue.emit($event)"
+      (taskChange)="taskChange.emit($event)"
+      (hiddenSeriesChange)="toggle($event)"
+      (zoomChange)="zoom.set($event)"
+      (viewChange)="view.set($event)"
+      (selectedChange)="selected.set($event)"
+      (highlightedChange)="highlighted.set($event)"
+      (syncChange)="sync($event)"
+      (measured)="measuredWidth.set($event)"
+    ></skdx-chart-root>
+  `,
+                }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], rootId: [{ type: i0.Input, args: [{ isSignal: true, alias: "rootId", required: false }] }], breadcrumbs: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumbs", required: false }] }], maxDepth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDepth", required: false }] }], sort: [{ type: i0.Input, args: [{ isSignal: true, alias: "sort", required: false }] }], labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], colorScale: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorScale", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkdxIcicleChartComponent };
+//# sourceMappingURL=skdx-angular-charts-icicle.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skdx-angular-charts-icicle.mjs","sources":["../../src/icicle/index.ts","../../src/icicle/skdx-angular-charts-icicle.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  layoutIcicle,\n  SkdxChartRootComponent,\n  SkdxSizedBase,\n  type ChartItemId,\n  type ColorScale,\n  type TreeNode,\n} from '@skdx/angular-charts/internal';\n\n/** A rectangular sunburst: one row per depth, children inside their parent's span. */\n@Component({\n  selector: 'skdx-icicle-chart',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [SkdxChartRootComponent],\n  template: `\n    <skdx-chart-root\n      [layout]=\"layout()\"\n      [options]=\"options()\"\n      kind=\"icicle\"\n      [label]=\"label() ?? 'Icicle chart'\"\n      [zoomable]=\"zoomable()\"\n      [selectionMode]=\"selectionMode()\"\n      [editable]=\"editable()\"\n      [syncId]=\"syncId()\"\n      [crosshair]=\"syncedCrosshair()\"\n      [responsive]=\"!!responsive()\"\n      (itemClick)=\"itemClick.emit($event)\"\n      (dataIssue)=\"dataIssue.emit($event)\"\n      (taskChange)=\"taskChange.emit($event)\"\n      (hiddenSeriesChange)=\"toggle($event)\"\n      (zoomChange)=\"zoom.set($event)\"\n      (viewChange)=\"view.set($event)\"\n      (selectedChange)=\"selected.set($event)\"\n      (highlightedChange)=\"highlighted.set($event)\"\n      (syncChange)=\"sync($event)\"\n      (measured)=\"measuredWidth.set($event)\"\n    ></skdx-chart-root>\n  `,\n})\nexport class SkdxIcicleChartComponent extends SkdxSizedBase {\n  readonly data = input.required<TreeNode[]>();\n  /** Root row at the top, or root column at the left. */\n  readonly orientation = input<'vertical' | 'horizontal'>();\n  /** Id (or name) of the node shown as the whole chart. */\n  readonly rootId = input<ChartItemId>();\n  /** Write the path to `rootId` above the cells. */\n  readonly breadcrumbs = input(false);\n  /** Deepest level drawn. */\n  readonly maxDepth = input<number>();\n  /** Cell order inside a parent. */\n  readonly sort = input<'asc' | 'desc' | 'none'>();\n  /** Write names on cells wide enough. */\n  readonly labels = input(true);\n  /** Gap between cells, in pixels. */\n  readonly padding = input<number>();\n  /** Colors cells by their value. */\n  readonly colorScale = input<ColorScale>();\n\n  protected readonly layout = computed(() =>\n    layoutIcicle({\n      ...this.sized(),\n      data: this.data(),\n      orientation: this.orientation(),\n      rootId: this.rootId(),\n      breadcrumbs: this.breadcrumbs(),\n      maxDepth: this.maxDepth(),\n      sort: this.sort(),\n      labels: this.labels(),\n      padding: this.padding(),\n      colorScale: this.colorScale(),\n    }),\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}