@skdx/angular-charts 0.34.0 → 0.34.1

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

@@ -13,23 +13,73 @@ class SkdxSankeyChartComponent extends SkdxSizedBase {
         super(...arguments);
         this.links = input.required(/* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "links" }] : /* istanbul ignore next */ []));
-        this.layout = computed(() => layoutSankey({ ...this.sized(), links: this.links() }), /* @ts-ignore */
+        /** Explicit nodes with labels and colors. */
+        this.nodes = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "nodes" }] : /* istanbul ignore next */ []));
+        /** justify pushes sinks to the last column. */
+        this.align = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "align" }] : /* istanbul ignore next */ []));
+        /** Node thickness in pixels. */
+        this.nodeWidth = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "nodeWidth" }] : /* istanbul ignore next */ []));
+        /** Vertical gap between nodes in a column. */
+        this.nodePadding = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "nodePadding" }] : /* istanbul ignore next */ []));
+        /** Order nodes inside a column by value. */
+        this.nodeSort = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "nodeSort" }] : /* istanbul ignore next */ []));
+        /** Order the ribbons leaving a node by value. */
+        this.linkSort = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "linkSort" }] : /* istanbul ignore next */ []));
+        /** Write node names. */
+        this.nodeLabels = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "nodeLabels" }] : /* istanbul ignore next */ []));
+        /** Write each link's value on it. */
+        this.linkLabels = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "linkLabels" }] : /* istanbul ignore next */ []));
+        /** What to do with links that close a cycle. */
+        this.cyclePolicy = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "cyclePolicy" }] : /* istanbul ignore next */ []));
+        this.layout = computed(() => layoutSankey({
+            ...this.sized(),
+            links: this.links(),
+            nodes: this.nodes(),
+            align: this.align(),
+            nodeWidth: this.nodeWidth(),
+            nodePadding: this.nodePadding(),
+            nodeSort: this.nodeSort(),
+            linkSort: this.linkSort(),
+            nodeLabels: this.nodeLabels(),
+            linkLabels: this.linkLabels(),
+            cyclePolicy: this.cyclePolicy(),
+        }), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxSankeyChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: SkdxSankeyChartComponent, isStandalone: true, selector: "skdx-sankey-chart", inputs: { links: { classPropertyName: "links", publicName: "links", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: SkdxSankeyChartComponent, isStandalone: true, selector: "skdx-sankey-chart", inputs: { links: { classPropertyName: "links", publicName: "links", isSignal: true, isRequired: true, transformFunction: null }, nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, nodeWidth: { classPropertyName: "nodeWidth", publicName: "nodeWidth", isSignal: true, isRequired: false, transformFunction: null }, nodePadding: { classPropertyName: "nodePadding", publicName: "nodePadding", isSignal: true, isRequired: false, transformFunction: null }, nodeSort: { classPropertyName: "nodeSort", publicName: "nodeSort", isSignal: true, isRequired: false, transformFunction: null }, linkSort: { classPropertyName: "linkSort", publicName: "linkSort", isSignal: true, isRequired: false, transformFunction: null }, nodeLabels: { classPropertyName: "nodeLabels", publicName: "nodeLabels", isSignal: true, isRequired: false, transformFunction: null }, linkLabels: { classPropertyName: "linkLabels", publicName: "linkLabels", isSignal: true, isRequired: false, transformFunction: null }, cyclePolicy: { classPropertyName: "cyclePolicy", publicName: "cyclePolicy", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
     <skdx-chart-root
       [layout]="layout()"
+      [options]="options()"
       kind="sankey"
       [label]="label() ?? 'Sankey chart'"
       [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: SkdxSankeyChartComponent, decorators: [{
             type: Component,
@@ -41,18 +91,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                     template: `
     <skdx-chart-root
       [layout]="layout()"
+      [options]="options()"
       kind="sankey"
       [label]="label() ?? 'Sankey chart'"
       [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: { links: [{ type: i0.Input, args: [{ isSignal: true, alias: "links", required: true }] }] } });
+        }], propDecorators: { links: [{ type: i0.Input, args: [{ isSignal: true, alias: "links", required: true }] }], nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodes", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], nodeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeWidth", required: false }] }], nodePadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodePadding", required: false }] }], nodeSort: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeSort", required: false }] }], linkSort: [{ type: i0.Input, args: [{ isSignal: true, alias: "linkSort", required: false }] }], nodeLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeLabels", required: false }] }], linkLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "linkLabels", required: false }] }], cyclePolicy: [{ type: i0.Input, args: [{ isSignal: true, alias: "cyclePolicy", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"skdx-angular-charts-sankey.mjs","sources":["../../src/sankey/index.ts","../../src/sankey/skdx-angular-charts-sankey.ts"],"sourcesContent":["/*\n * Copyright (c) 2026 SkandaDX\n * This file is part of the SkandaDX organization.\n * Licensed under the MIT License. See LICENSE in the repository root.\n */\n\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\n\nimport {\n  layoutSankey,\n  SkdxChartRootComponent,\n  SkdxSizedBase,\n  type SankeyLink,\n} from '@skdx/angular-charts/internal';\n\n/** Flows between nodes, node heights and ribbon widths by value. */\n@Component({\n  selector: 'skdx-sankey-chart',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [SkdxChartRootComponent],\n  template: `\n    <skdx-chart-root\n      [layout]=\"layout()\"\n      kind=\"sankey\"\n      [label]=\"label() ?? 'Sankey chart'\"\n      [zoomable]=\"zoomable()\"\n      [responsive]=\"responsive()\"\n      (itemClick)=\"itemClick.emit($event)\"\n      (hiddenSeriesChange)=\"toggle($event)\"\n      (zoomChange)=\"zoom.set($event)\"\n      (measured)=\"measuredWidth.set($event)\"\n    ></skdx-chart-root>\n  `,\n})\nexport class SkdxSankeyChartComponent extends SkdxSizedBase {\n  readonly links = input.required<SankeyLink[]>();\n\n  protected readonly layout = computed(() =>\n    layoutSankey({ ...this.sized(), links: this.links() }),\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;AAIG;AAWH;AAoBM,MAAO,wBAAyB,SAAQ,aAAa,CAAA;AAnB3D,IAAA,WAAA,GAAA;;QAoBW,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ;kFAAgB;QAE5B,IAAA,CAAA,MAAM,GAAG,QAAQ,CAAC,MACnC,YAAY,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;mFACvD;AACF,IAAA;8GANY,wBAAwB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAdzB;;;;;;;;;;;;AAYT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAbS,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,WAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAerB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAnBpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,sBAAsB,CAAC;AACjC,oBAAA,QAAQ,EAAE;;;;;;;;;;;;AAYT,EAAA,CAAA;AACF,iBAAA;;;AClCD;;AAEG;;"}
+{"version":3,"file":"skdx-angular-charts-sankey.mjs","sources":["../../src/sankey/index.ts","../../src/sankey/skdx-angular-charts-sankey.ts"],"sourcesContent":["/*\n * Copyright (c) 2026 SkandaDX\n * This file is part of the SkandaDX organization.\n * Licensed under the MIT License. See LICENSE in the repository root.\n */\n\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\n\nimport {\n  layoutSankey,\n  SkdxChartRootComponent,\n  SkdxSizedBase,\n  type SankeyLink,\n  type SankeyNode,\n} from '@skdx/angular-charts/internal';\n\n/** Flows between nodes, node heights and ribbon widths by value. */\n@Component({\n  selector: 'skdx-sankey-chart',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [SkdxChartRootComponent],\n  template: `\n    <skdx-chart-root\n      [layout]=\"layout()\"\n      [options]=\"options()\"\n      kind=\"sankey\"\n      [label]=\"label() ?? 'Sankey 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 SkdxSankeyChartComponent extends SkdxSizedBase {\n  readonly links = input.required<SankeyLink[]>();\n  /** Explicit nodes with labels and colors. */\n  readonly nodes = input<SankeyNode[]>();\n  /** justify pushes sinks to the last column. */\n  readonly align = input<'left' | 'justify'>();\n  /** Node thickness in pixels. */\n  readonly nodeWidth = input<number>();\n  /** Vertical gap between nodes in a column. */\n  readonly nodePadding = input<number>();\n  /** Order nodes inside a column by value. */\n  readonly nodeSort = input<'asc' | 'desc'>();\n  /** Order the ribbons leaving a node by value. */\n  readonly linkSort = input<'asc' | 'desc'>();\n  /** Write node names. */\n  readonly nodeLabels = input(true);\n  /** Write each link's value on it. */\n  readonly linkLabels = input(false);\n  /** What to do with links that close a cycle. */\n  readonly cyclePolicy = input<'drop' | 'warn' | 'error'>();\n\n  protected readonly layout = computed(() =>\n    layoutSankey({\n      ...this.sized(),\n      links: this.links(),\n      nodes: this.nodes(),\n      align: this.align(),\n      nodeWidth: this.nodeWidth(),\n      nodePadding: this.nodePadding(),\n      nodeSort: this.nodeSort(),\n      linkSort: this.linkSort(),\n      nodeLabels: this.nodeLabels(),\n      linkLabels: this.linkLabels(),\n      cyclePolicy: this.cyclePolicy(),\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-scatter.mjs

@@ -19,37 +19,63 @@ class SkdxScatterChartComponent extends SkdxSizedBase {
         /** Least-squares line per series. */
         this.trendline = input(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "trendline" }] : /* istanbul ignore next */ []));
+        /** Write each point's label next to it. */
+        this.labels = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "labels" }] : /* 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 */ []));
+        /** Colors points by their `value`. */
+        this.colorScale = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "colorScale" }] : /* istanbul ignore next */ []));
+        /** Draw the color scale under the plot. */
+        this.colorLegend = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "colorLegend" }] : /* istanbul ignore next */ []));
         this.layout = computed(() => layoutScatterChart({
             ...this.sized(),
             series: this.series(),
             sizeRange: this.sizeRange(),
             trendline: this.trendline(),
+            labels: this.labels(),
             xAxis: this.xAxis(),
             yAxis: this.yAxis(),
             references: this.references(),
+            annotations: this.annotations(),
+            colorScale: this.colorScale(),
+            colorLegend: this.colorLegend(),
         }), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxScatterChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: SkdxScatterChartComponent, isStandalone: true, selector: "skdx-scatter-chart", inputs: { series: { classPropertyName: "series", publicName: "series", isSignal: true, isRequired: true, transformFunction: null }, sizeRange: { classPropertyName: "sizeRange", publicName: "sizeRange", isSignal: true, isRequired: false, transformFunction: null }, trendline: { classPropertyName: "trendline", publicName: "trendline", 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 } }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: SkdxScatterChartComponent, isStandalone: true, selector: "skdx-scatter-chart", inputs: { series: { classPropertyName: "series", publicName: "series", isSignal: true, isRequired: true, transformFunction: null }, sizeRange: { classPropertyName: "sizeRange", publicName: "sizeRange", isSignal: true, isRequired: false, transformFunction: null }, trendline: { classPropertyName: "trendline", publicName: "trendline", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", 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 }, colorScale: { classPropertyName: "colorScale", publicName: "colorScale", isSignal: true, isRequired: false, transformFunction: null }, colorLegend: { classPropertyName: "colorLegend", publicName: "colorLegend", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
     <skdx-chart-root
       [layout]="layout()"
+      [options]="options()"
       kind="scatter"
       [label]="label() ?? 'Scatter chart'"
       [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: SkdxScatterChartComponent, decorators: [{
             type: Component,
@@ -61,18 +87,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                     template: `
     <skdx-chart-root
       [layout]="layout()"
+      [options]="options()"
       kind="scatter"
       [label]="label() ?? 'Scatter chart'"
       [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: { series: [{ type: i0.Input, args: [{ isSignal: true, alias: "series", required: true }] }], sizeRange: [{ type: i0.Input, args: [{ isSignal: true, alias: "sizeRange", required: false }] }], trendline: [{ type: i0.Input, args: [{ isSignal: true, alias: "trendline", 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 }] }] } });
+        }], propDecorators: { series: [{ type: i0.Input, args: [{ isSignal: true, alias: "series", required: true }] }], sizeRange: [{ type: i0.Input, args: [{ isSignal: true, alias: "sizeRange", required: false }] }], trendline: [{ type: i0.Input, args: [{ isSignal: true, alias: "trendline", required: false }] }], labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", 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 }] }], colorScale: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorScale", required: false }] }], colorLegend: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorLegend", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"skdx-angular-charts-scatter.mjs","sources":["../../src/scatter/index.ts","../../src/scatter/skdx-angular-charts-scatter.ts"],"sourcesContent":["/*\n * Copyright (c) 2026 SkandaDX\n * This file is part of the SkandaDX organization.\n * Licensed under the MIT License. See LICENSE in the repository root.\n */\n\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\n\nimport {\n  layoutScatterChart,\n  SkdxChartRootComponent,\n  SkdxSizedBase,\n  type AxisOptions,\n  type Reference,\n  type ScatterSeries,\n} from '@skdx/angular-charts/internal';\n\n/** One dot per `[x, y]` pair, or a bubble per `[x, y, size]` triple, on two linear axes. */\n@Component({\n  selector: 'skdx-scatter-chart',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [SkdxChartRootComponent],\n  template: `\n    <skdx-chart-root\n      [layout]=\"layout()\"\n      kind=\"scatter\"\n      [label]=\"label() ?? 'Scatter chart'\"\n      [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 SkdxScatterChartComponent extends SkdxSizedBase {\n  readonly series = input.required<ScatterSeries[]>();\n  /** Bubble radius range in pixels. */\n  readonly sizeRange = input<[number, number]>();\n  /** Least-squares line per series. */\n  readonly trendline = input(false);\n  readonly xAxis = input<AxisOptions>();\n  readonly yAxis = input<AxisOptions>();\n  readonly references = input<Reference[]>();\n\n  protected readonly layout = computed(() =>\n    layoutScatterChart({\n      ...this.sized(),\n      series: this.series(),\n      sizeRange: this.sizeRange(),\n      trendline: this.trendline(),\n      xAxis: this.xAxis(),\n      yAxis: this.yAxis(),\n      references: this.references(),\n    }),\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;AAIG;AAaH;AAoBM,MAAO,yBAA0B,SAAQ,aAAa,CAAA;AAnB5D,IAAA,WAAA,GAAA;;QAoBW,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,QAAQ;mFAAmB;;AAE1C,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK;iGAAoB;;QAErC,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK;sFAAC;AACxB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK;6FAAe;AAC5B,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK;6FAAe;AAC5B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK;kGAAe;AAEvB,QAAA,IAAA,CAAA,MAAM,GAAG,QAAQ,CAAC,MACnC,kBAAkB,CAAC;YACjB,GAAG,IAAI,CAAC,KAAK,EAAE;AACf,YAAA,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;AACrB,YAAA,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE;AAC3B,YAAA,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE;AAC3B,YAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;AACnB,YAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;AACnB,YAAA,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE;SAC9B,CAAC;mFACH;AACF,IAAA;8GArBY,yBAAyB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,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,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAd1B;;;;;;;;;;;;AAYT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAbS,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,WAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAerB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAnBrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,sBAAsB,CAAC;AACjC,oBAAA,QAAQ,EAAE;;;;;;;;;;;;AAYT,EAAA,CAAA;AACF,iBAAA;;;ACpCD;;AAEG;;"}
+{"version":3,"file":"skdx-angular-charts-scatter.mjs","sources":["../../src/scatter/index.ts","../../src/scatter/skdx-angular-charts-scatter.ts"],"sourcesContent":["/*\n * Copyright (c) 2026 SkandaDX\n * This file is part of the SkandaDX organization.\n * Licensed under the MIT License. See LICENSE in the repository root.\n */\n\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\n\nimport {\n  layoutScatterChart,\n  SkdxChartRootComponent,\n  SkdxSizedBase,\n  type Annotation,\n  type AxisOptions,\n  type ColorScale,\n  type Reference,\n  type ScatterSeries,\n} from '@skdx/angular-charts/internal';\n\n/** One dot per `[x, y]` pair, or a bubble per `[x, y, size]` triple, on two linear axes. */\n@Component({\n  selector: 'skdx-scatter-chart',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [SkdxChartRootComponent],\n  template: `\n    <skdx-chart-root\n      [layout]=\"layout()\"\n      [options]=\"options()\"\n      kind=\"scatter\"\n      [label]=\"label() ?? 'Scatter 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 SkdxScatterChartComponent extends SkdxSizedBase {\n  readonly series = input.required<ScatterSeries[]>();\n  /** Bubble radius range in pixels. */\n  readonly sizeRange = input<[number, number]>();\n  /** Least-squares line per series. */\n  readonly trendline = input(false);\n  /** Write each point's label next to it. */\n  readonly labels = input(false);\n  readonly xAxis = input<AxisOptions>();\n  readonly yAxis = input<AxisOptions>();\n  readonly references = input<Reference[]>();\n  readonly annotations = input<Annotation[]>();\n  /** Colors points by their `value`. */\n  readonly colorScale = input<ColorScale>();\n  /** Draw the color scale under the plot. */\n  readonly colorLegend = input(false);\n\n  protected readonly layout = computed(() =>\n    layoutScatterChart({\n      ...this.sized(),\n      series: this.series(),\n      sizeRange: this.sizeRange(),\n      trendline: this.trendline(),\n      labels: this.labels(),\n      xAxis: this.xAxis(),\n      yAxis: this.yAxis(),\n      references: this.references(),\n      annotations: this.annotations(),\n      colorScale: this.colorScale(),\n      colorLegend: this.colorLegend(),\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-sparkline.mjs

@@ -28,6 +28,15 @@ class SkdxSparklineComponent extends SkdxSizedBase {
         /** Write the last value after the line. */
         this.lastValue = input(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "lastValue" }] : /* istanbul ignore next */ []));
+        /** A dashed reference line at this value. */
+        this.target = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "target" }] : /* istanbul ignore next */ []));
+        /** A shaded band between two values. */
+        this.band = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "band" }] : /* istanbul ignore next */ []));
+        /** Dots on the first and/or last point. */
+        this.markers = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "markers" }] : /* istanbul ignore next */ []));
         this.layout = computed(() => layoutSparkline({
             ...this.sized(),
             data: this.data(),
@@ -37,23 +46,37 @@ class SkdxSparklineComponent extends SkdxSizedBase {
             trend: this.trend(),
             extremes: this.extremes(),
             lastValue: this.lastValue(),
+            target: this.target(),
+            band: this.band(),
+            markers: this.markers(),
         }), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxSparklineComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: SkdxSparklineComponent, isStandalone: true, selector: "skdx-sparkline", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, curve: { classPropertyName: "curve", publicName: "curve", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, trend: { classPropertyName: "trend", publicName: "trend", isSignal: true, isRequired: false, transformFunction: null }, extremes: { classPropertyName: "extremes", publicName: "extremes", isSignal: true, isRequired: false, transformFunction: null }, lastValue: { classPropertyName: "lastValue", publicName: "lastValue", 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: SkdxSparklineComponent, isStandalone: true, selector: "skdx-sparkline", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, curve: { classPropertyName: "curve", publicName: "curve", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, trend: { classPropertyName: "trend", publicName: "trend", isSignal: true, isRequired: false, transformFunction: null }, extremes: { classPropertyName: "extremes", publicName: "extremes", isSignal: true, isRequired: false, transformFunction: null }, lastValue: { classPropertyName: "lastValue", publicName: "lastValue", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, band: { classPropertyName: "band", publicName: "band", isSignal: true, isRequired: false, transformFunction: null }, markers: { classPropertyName: "markers", publicName: "markers", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
     <skdx-chart-root
       [layout]="layout()"
+      [options]="options()"
       kind="sparkline"
       [label]="label() ?? 'Sparkline'"
       [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: SkdxSparklineComponent, decorators: [{
             type: Component,
@@ -65,18 +88,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                     template: `
     <skdx-chart-root
       [layout]="layout()"
+      [options]="options()"
       kind="sparkline"
       [label]="label() ?? 'Sparkline'"
       [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: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], curve: [{ type: i0.Input, args: [{ isSignal: true, alias: "curve", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], trend: [{ type: i0.Input, args: [{ isSignal: true, alias: "trend", required: false }] }], extremes: [{ type: i0.Input, args: [{ isSignal: true, alias: "extremes", required: false }] }], lastValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "lastValue", required: false }] }] } });
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], curve: [{ type: i0.Input, args: [{ isSignal: true, alias: "curve", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], trend: [{ type: i0.Input, args: [{ isSignal: true, alias: "trend", required: false }] }], extremes: [{ type: i0.Input, args: [{ isSignal: true, alias: "extremes", required: false }] }], lastValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "lastValue", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], band: [{ type: i0.Input, args: [{ isSignal: true, alias: "band", required: false }] }], markers: [{ type: i0.Input, args: [{ isSignal: true, alias: "markers", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"skdx-angular-charts-sparkline.mjs","sources":["../../src/sparkline/index.ts","../../src/sparkline/skdx-angular-charts-sparkline.ts"],"sourcesContent":["/*\n * Copyright (c) 2026 SkandaDX\n * This file is part of the SkandaDX organization.\n * Licensed under the MIT License. See LICENSE in the repository root.\n */\n\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\n\nimport {\n  layoutSparkline,\n  SkdxChartRootComponent,\n  SkdxSizedBase,\n  type Curve,\n  type Value,\n} from '@skdx/angular-charts/internal';\n\n/** A small axis-less trend: an area, a bare line or bars, with optional extremes and last value. */\n@Component({\n  selector: 'skdx-sparkline',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [SkdxChartRootComponent],\n  template: `\n    <skdx-chart-root\n      [layout]=\"layout()\"\n      kind=\"sparkline\"\n      [label]=\"label() ?? 'Sparkline'\"\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 SkdxSparklineComponent extends SkdxSizedBase {\n  readonly data = input.required<Value[]>();\n  readonly color = input<string>();\n  readonly curve = input<Curve>();\n  readonly variant = input<'area' | 'line' | 'bar'>();\n  /** Color by direction: success when rising, danger when falling. */\n  readonly trend = input(false);\n  /** Mark the minimum and maximum. */\n  readonly extremes = input(false);\n  /** Write the last value after the line. */\n  readonly lastValue = input(false);\n\n  protected readonly layout = computed(() =>\n    layoutSparkline({\n      ...this.sized(),\n      data: this.data(),\n      color: this.color(),\n      curve: this.curve(),\n      variant: this.variant(),\n      trend: this.trend(),\n      extremes: this.extremes(),\n      lastValue: this.lastValue(),\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-sparkline.mjs","sources":["../../src/sparkline/index.ts","../../src/sparkline/skdx-angular-charts-sparkline.ts"],"sourcesContent":["/*\n * Copyright (c) 2026 SkandaDX\n * This file is part of the SkandaDX organization.\n * Licensed under the MIT License. See LICENSE in the repository root.\n */\n\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\n\nimport {\n  layoutSparkline,\n  SkdxChartRootComponent,\n  SkdxSizedBase,\n  type Curve,\n  type Value,\n} from '@skdx/angular-charts/internal';\n\n/** A small axis-less trend: an area, a bare line or bars, with optional extremes and last value. */\n@Component({\n  selector: 'skdx-sparkline',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [SkdxChartRootComponent],\n  template: `\n    <skdx-chart-root\n      [layout]=\"layout()\"\n      [options]=\"options()\"\n      kind=\"sparkline\"\n      [label]=\"label() ?? 'Sparkline'\"\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 SkdxSparklineComponent extends SkdxSizedBase {\n  readonly data = input.required<Value[]>();\n  readonly color = input<string>();\n  readonly curve = input<Curve>();\n  readonly variant = input<'area' | 'line' | 'bar' | 'winloss'>();\n  /** Color by direction: success when rising, danger when falling. */\n  readonly trend = input(false);\n  /** Mark the minimum and maximum. */\n  readonly extremes = input(false);\n  /** Write the last value after the line. */\n  readonly lastValue = input(false);\n  /** A dashed reference line at this value. */\n  readonly target = input<number>();\n  /** A shaded band between two values. */\n  readonly band = input<[number, number]>();\n  /** Dots on the first and/or last point. */\n  readonly markers = input<('first' | 'last')[]>();\n\n  protected readonly layout = computed(() =>\n    layoutSparkline({\n      ...this.sized(),\n      data: this.data(),\n      color: this.color(),\n      curve: this.curve(),\n      variant: this.variant(),\n      trend: this.trend(),\n      extremes: this.extremes(),\n      lastValue: this.lastValue(),\n      target: this.target(),\n      band: this.band(),\n      markers: this.markers(),\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-sunburst.mjs

@@ -13,23 +13,80 @@ class SkdxSunburstChartComponent extends SkdxSizedBase {
         super(...arguments);
         this.data = input.required(/* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
-        this.layout = computed(() => layoutSunburst({ ...this.sized(), data: this.data() }), /* @ts-ignore */
+        /** Hole radius as a fraction of the outer radius. */
+        this.innerRadius = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "innerRadius" }] : /* istanbul ignore next */ []));
+        /** Text in the middle, e.g. the total. */
+        this.centerLabel = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "centerLabel" }] : /* istanbul ignore next */ []));
+        /** Write names on the arcs wide enough to hold them. */
+        this.labels = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []));
+        /** Id (or name) of the node whose subtree fills the rings. */
+        this.rootId = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "rootId" }] : /* istanbul ignore next */ []));
+        /** Write the path to `rootId` in the middle. */
+        this.breadcrumbs = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "breadcrumbs" }] : /* istanbul ignore next */ []));
+        /** Deepest ring drawn. */
+        this.maxDepth = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "maxDepth" }] : /* istanbul ignore next */ []));
+        /** Arc order inside a parent. */
+        this.sort = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "sort" }] : /* istanbul ignore next */ []));
+        /** Degrees clockwise from 12 o'clock. */
+        this.startAngle = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "startAngle" }] : /* istanbul ignore next */ []));
+        this.endAngle = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "endAngle" }] : /* istanbul ignore next */ []));
+        /** Gap between sibling arcs, in degrees. */
+        this.padAngle = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "padAngle" }] : /* istanbul ignore next */ []));
+        /** Colors arcs by their value. */
+        this.colorScale = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "colorScale" }] : /* istanbul ignore next */ []));
+        this.layout = computed(() => layoutSunburst({
+            ...this.sized(),
+            data: this.data(),
+            innerRadius: this.innerRadius(),
+            centerLabel: this.centerLabel(),
+            labels: this.labels(),
+            rootId: this.rootId(),
+            breadcrumbs: this.breadcrumbs(),
+            maxDepth: this.maxDepth(),
+            sort: this.sort(),
+            startAngle: this.startAngle(),
+            endAngle: this.endAngle(),
+            padAngle: this.padAngle(),
+            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: SkdxSunburstChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: SkdxSunburstChartComponent, isStandalone: true, selector: "skdx-sunburst-chart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: SkdxSunburstChartComponent, isStandalone: true, selector: "skdx-sunburst-chart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, innerRadius: { classPropertyName: "innerRadius", publicName: "innerRadius", isSignal: true, isRequired: false, transformFunction: null }, centerLabel: { classPropertyName: "centerLabel", publicName: "centerLabel", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", 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 }, startAngle: { classPropertyName: "startAngle", publicName: "startAngle", isSignal: true, isRequired: false, transformFunction: null }, endAngle: { classPropertyName: "endAngle", publicName: "endAngle", isSignal: true, isRequired: false, transformFunction: null }, padAngle: { classPropertyName: "padAngle", publicName: "padAngle", 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="sunburst"
       [label]="label() ?? 'Sunburst chart'"
       [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: SkdxSunburstChartComponent, decorators: [{
             type: Component,
@@ -41,18 +98,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                     template: `
     <skdx-chart-root
       [layout]="layout()"
+      [options]="options()"
       kind="sunburst"
       [label]="label() ?? 'Sunburst chart'"
       [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: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], innerRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "innerRadius", required: false }] }], centerLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "centerLabel", required: false }] }], labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", 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 }] }], startAngle: [{ type: i0.Input, args: [{ isSignal: true, alias: "startAngle", required: false }] }], endAngle: [{ type: i0.Input, args: [{ isSignal: true, alias: "endAngle", required: false }] }], padAngle: [{ type: i0.Input, args: [{ isSignal: true, alias: "padAngle", required: false }] }], colorScale: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorScale", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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 inside their parent's 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]=\"layout()\"\n      kind=\"sunburst\"\n      [label]=\"label() ?? 'Sunburst chart'\"\n      [zoomable]=\"zoomable()\"\n      [responsive]=\"responsive()\"\n      (itemClick)=\"itemClick.emit($event)\"\n      (hiddenSeriesChange)=\"toggle($event)\"\n      (zoomChange)=\"zoom.set($event)\"\n      (measured)=\"measuredWidth.set($event)\"\n    ></skdx-chart-root>\n  `,\n})\nexport class SkdxSunburstChartComponent extends SkdxSizedBase {\n  readonly data = input.required<TreeNode[]>();\n\n  protected readonly layout = computed(() =>\n    layoutSunburst({ ...this.sized(), data: this.data() }),\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;AAIG;AAWH;AAoBM,MAAO,0BAA2B,SAAQ,aAAa,CAAA;AAnB7D,IAAA,WAAA,GAAA;;QAoBW,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ;iFAAc;QAEzB,IAAA,CAAA,MAAM,GAAG,QAAQ,CAAC,MACnC,cAAc,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;mFACvD;AACF,IAAA;8GANY,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,EAd3B;;;;;;;;;;;;AAYT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAbS,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,WAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAerB,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAnBtC,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;;;;;;;;;;;;AAYT,EAAA,CAAA;AACF,iBAAA;;;AClCD;;AAEG;;"}
+{"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 ChartItemId,\n  type ColorScale,\n  type TreeNode,\n} from '@skdx/angular-charts/internal';\n\n/** Nested rings, one per tree depth, children inside their parent's 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]=\"layout()\"\n      [options]=\"options()\"\n      kind=\"sunburst\"\n      [label]=\"label() ?? 'Sunburst 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 SkdxSunburstChartComponent extends SkdxSizedBase {\n  readonly data = input.required<TreeNode[]>();\n  /** Hole radius as a fraction of the outer radius. */\n  readonly innerRadius = input<number>();\n  /** Text in the middle, e.g. the total. */\n  readonly centerLabel = input<string>();\n  /** Write names on the arcs wide enough to hold them. */\n  readonly labels = input(false);\n  /** Id (or name) of the node whose subtree fills the rings. */\n  readonly rootId = input<ChartItemId>();\n  /** Write the path to `rootId` in the middle. */\n  readonly breadcrumbs = input(false);\n  /** Deepest ring drawn. */\n  readonly maxDepth = input<number>();\n  /** Arc order inside a parent. */\n  readonly sort = input<'asc' | 'desc' | 'none'>();\n  /** Degrees clockwise from 12 o'clock. */\n  readonly startAngle = input<number>();\n  readonly endAngle = input<number>();\n  /** Gap between sibling arcs, in degrees. */\n  readonly padAngle = input<number>();\n  /** Colors arcs by their value. */\n  readonly colorScale = input<ColorScale>();\n\n  protected readonly layout = computed(() =>\n    layoutSunburst({\n      ...this.sized(),\n      data: this.data(),\n      innerRadius: this.innerRadius(),\n      centerLabel: this.centerLabel(),\n      labels: this.labels(),\n      rootId: this.rootId(),\n      breadcrumbs: this.breadcrumbs(),\n      maxDepth: this.maxDepth(),\n      sort: this.sort(),\n      startAngle: this.startAngle(),\n      endAngle: this.endAngle(),\n      padAngle: this.padAngle(),\n      colorScale: this.colorScale(),\n    }),\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;AAIG;AAaH;AA+BM,MAAO,0BAA2B,SAAQ,aAAa,CAAA;AA9B7D,IAAA,WAAA,GAAA;;QA+BW,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ;iFAAc;;AAEnC,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK;mGAAU;;AAE7B,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK;mGAAU;;QAE7B,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,KAAK;mFAAC;;AAErB,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK;8FAAe;;QAE7B,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,KAAK;wFAAC;;AAE1B,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK;gGAAU;;AAE1B,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK;4FAA2B;;AAEvC,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK;kGAAU;AAC5B,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK;gGAAU;;AAE1B,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK;gGAAU;;AAE1B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK;kGAAc;AAEtB,QAAA,IAAA,CAAA,MAAM,GAAG,QAAQ,CAAC,MACnC,cAAc,CAAC;YACb,GAAG,IAAI,CAAC,KAAK,EAAE;AACf,YAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;AACjB,YAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;AAC/B,YAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;AAC/B,YAAA,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;AACrB,YAAA,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;AACrB,YAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;AAC/B,YAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;AACzB,YAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;AACjB,YAAA,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE;AAC7B,YAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;AACzB,YAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;AACzB,YAAA,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE;SAC9B,CAAC;mFACH;AACF,IAAA;8GAzCY,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,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAzB3B;;;;;;;;;;;;;;;;;;;;;;;AAuBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAxBS,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,eAAA,EAAA,UAAA,EAAA,QAAA,EAAA,WAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,WAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FA0BrB,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBA9BtC,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;;;;;;;;;;;;;;;;;;;;;;;AAuBT,EAAA,CAAA;AACF,iBAAA;;;AC/CD;;AAEG;;"}