@aquera/nile-visualization 0.3.0 → 0.4.0

package/dist/src/index.d.ts

@@ -10,7 +10,7 @@ export { NileChart } from './nile-chart/index.js';
 export type { NileChartConfig, NileBarChartConfig, NilePieChartConfig, NileTrendlineChartConfig, NileAnomalyChartConfig, NileLineChartConfig, NileAreaChartConfig, NileColumnChartConfig, NileDonutChartConfig, NileScatterChartConfig, NileBubbleChartConfig, NileSplineChartConfig, NileRadarChartConfig, NileGaugeChartConfig, NileWaterfallChartConfig, ChartType, SwitchAggregation, NileAiConfig, } from './nile-chart/index.js';
 export { convertConfig, registerAdapter } from './nile-chart/index.js';
 export { nileChartConfig } from './nile-chart/index.js';
-export type { AiConfigType, SwitchableConfigType, AqConfigType, ChartBarConfigType, ChartPieConfigType, ChartTrendlineConfigType, ChartAnomalyConfigType, ChartLineConfigType, ChartAreaConfigType, ChartInvertedAreaConfigType, ChartColumnConfigType, ChartDonutConfigType, ChartScatterConfigType, ChartBubbleConfigType, ChartSplineConfigType, ChartRadarConfigType, ChartGaugeConfigType, ChartWaterfallConfigType, ChartClusterConfigType, ChartStackedConfigType, ChartHistogramConfigType, ChartBellcurveConfigType, ChartBoxplotConfigType, ChartTimelineConfigType, ChartDumbbellConfigType, ChartDumbbellLowerConfigType, ChartDumbbellUpperConfigType, ChartColumnPyramidConfigType, ChartLollipopConfigType, ChartAreaSplineConfigType, ChartAreaNegativeConfigType, ChartAreaRangeConfigType, ChartColumnRangeConfigType, ChartColumnDrilldownConfigType, ChartRadialBarConfigType, ChartVariablePieConfigType, ChartEulerConfigType, ChartPolygonConfigType, ChartVectorConfigType, ChartXrangeConfigType, ChartFanConfigType, ChartFunnelConfigType, ChartFlameConfigType, ChartSpiderwebConfigType, ChartKpiPropsType, PrimitiveChartConfigType, SeparatedChartConfigInputType, AllChartConfigType, ChartConfigType, NileChartConfigInputType, ChartAiPanelPayload, ChartAiSenderPayload, NileAiPanelConfigInputType, NileAiSenderConfigInputType, } from './nile-chart/index.js';
+export type { AiConfigType, SwitchableConfigType, AqConfigType, ChartBarConfigType, ChartPieConfigType, ChartTrendlineConfigType, ChartAnomalyConfigType, ChartLineConfigType, ChartAreaConfigType, ChartInvertedAreaConfigType, ChartColumnConfigType, ChartDonutConfigType, ChartScatterConfigType, ChartBubbleConfigType, ChartSplineConfigType, ChartRadarConfigType, ChartGaugeConfigType, ChartWaterfallConfigType, ChartClusterConfigType, ChartStackedConfigType, ChartHistogramConfigType, ChartBellcurveConfigType, ChartBoxplotConfigType, ChartTimelineConfigType, ChartDumbbellConfigType, ChartDumbbellLowerConfigType, ChartDumbbellUpperConfigType, ChartColumnPyramidConfigType, ChartLollipopConfigType, ChartAreaSplineConfigType, ChartAreaNegativeConfigType, ChartAreaRangeConfigType, ChartColumnRangeConfigType, ChartColumnDrilldownConfigType, ChartRadialBarConfigType, ChartVariablePieConfigType, ChartEulerConfigType, ChartPolygonConfigType, ChartVectorConfigType, ChartXrangeConfigType, ChartFanConfigType, ChartFunnelConfigType, ChartOrganizationConfigType, ChartLineColumnConfigType, ChartHeatmapConfigType, ChartFlameConfigType, ChartSpiderwebConfigType, ChartKpiPropsType, PrimitiveChartConfigType, SeparatedChartConfigInputType, AllChartConfigType, ChartConfigType, NileChartConfigInputType, ChartAiPanelPayload, ChartAiSenderPayload, NileAiPanelConfigInputType, NileAiSenderConfigInputType, } from './nile-chart/index.js';
 export type { SeparatedChartDemoConfig } from './internal/separated-chart-config.js';
 export { NileLineChart } from './nile-line-chart/index.js';
 export type { LineChartSeriesData } from './nile-line-chart/index.js';
@@ -80,6 +80,12 @@ export { NileWaterfallChart } from './nile-waterfall-chart/index.js';
 export type { WaterfallDataPoint } from './nile-waterfall-chart/index.js';
 export { NileFunnelChart } from './nile-funnel-chart/index.js';
 export type { FunnelDataPoint } from './nile-funnel-chart/index.js';
+export { NileOrganizationChart } from './nile-organization-chart/index.js';
+export type { OrgChartLink, OrgChartNode } from './nile-organization-chart/index.js';
+export { NileLineColumnChart } from './nile-line-column-chart/index.js';
+export type { LineColumnSeriesPart } from './nile-line-column-chart/index.js';
+export { NileHeatmapChart } from './nile-heatmap-chart/index.js';
+export type { HeatmapCell } from './nile-heatmap-chart/index.js';
 export { NileFlameChart } from './nile-flame-chart/index.js';
 export type { FlameChartPoint, FlameSunburstPoint, FlameChartLayout, } from './nile-flame-chart/index.js';
 export { NileSpiderwebChart } from './nile-spiderweb-chart/index.js';

package/dist/src/index.js

@@ -43,6 +43,9 @@ export { NileRadarChart } from './nile-radar-chart/index.js';
 export { NileGaugeChart } from './nile-gauge-chart/index.js';
 export { NileWaterfallChart } from './nile-waterfall-chart/index.js';
 export { NileFunnelChart } from './nile-funnel-chart/index.js';
+export { NileOrganizationChart } from './nile-organization-chart/index.js';
+export { NileLineColumnChart } from './nile-line-column-chart/index.js';
+export { NileHeatmapChart } from './nile-heatmap-chart/index.js';
 export { NileFlameChart } from './nile-flame-chart/index.js';
 export { NileSpiderwebChart } from './nile-spiderweb-chart/index.js';
 export { NileKpiChart } from './nile-kpi-chart/index.js';

package/dist/src/internal/chart-adapters.js

@@ -136,6 +136,92 @@ const adapters = {
             throw new Error('Expected anomaly config');
         return { ...config, type: 'trendline', data: config.data, categories: config.categories };
     },
+    // ── Bar-like (bar, column, stacked) ↔ each other ──
+    'bar->stacked': (config) => {
+        if (config.type !== 'bar')
+            throw new Error('Expected bar config');
+        return { ...config, type: 'stacked', stackMode: 'normal' };
+    },
+    'stacked->bar': (config) => {
+        if (config.type !== 'stacked')
+            throw new Error('Expected stacked config');
+        return { ...config, type: 'bar' };
+    },
+    'column->stacked': (config) => {
+        if (config.type !== 'column')
+            throw new Error('Expected column config');
+        return { ...config, type: 'stacked', stackMode: 'normal' };
+    },
+    'stacked->column': (config) => {
+        if (config.type !== 'stacked')
+            throw new Error('Expected stacked config');
+        return { ...config, type: 'column' };
+    },
+    'bar->column': (config) => {
+        if (config.type !== 'bar')
+            throw new Error('Expected bar config');
+        return { ...config, type: 'column' };
+    },
+    'column->bar': (config) => {
+        if (config.type !== 'column')
+            throw new Error('Expected column config');
+        return { ...config, type: 'bar' };
+    },
+    // ── Stacked ↔ pie / trendline / anomaly (same as bar) ──
+    'stacked->pie': (config) => {
+        if (config.type !== 'stacked')
+            throw new Error('Expected stacked config');
+        const agg = config.switchAggregation ?? 'by-category';
+        return {
+            ...config,
+            type: 'pie',
+            data: barLikeToPie(config.data, config.categories ?? [], agg),
+            seriesName: config.chartTitle || 'Series',
+        };
+    },
+    'pie->stacked': (config) => {
+        if (config.type !== 'pie')
+            throw new Error('Expected pie config');
+        const { data, categories } = pieToBarLike(config.data, config.seriesName);
+        return { ...config, type: 'stacked', data, categories, stackMode: 'normal' };
+    },
+    'stacked->trendline': (config) => {
+        if (config.type !== 'stacked')
+            throw new Error('Expected stacked config');
+        return { ...config, type: 'trendline', data: config.data, categories: config.categories };
+    },
+    'trendline->stacked': (config) => {
+        if (config.type !== 'trendline')
+            throw new Error('Expected trendline config');
+        return { ...config, type: 'stacked', stackMode: 'normal', data: config.data, categories: config.categories };
+    },
+    'stacked->anomaly': (config) => {
+        if (config.type !== 'stacked')
+            throw new Error('Expected stacked config');
+        return { ...config, type: 'anomaly', data: config.data, categories: config.categories };
+    },
+    'anomaly->stacked': (config) => {
+        if (config.type !== 'anomaly')
+            throw new Error('Expected anomaly config');
+        return { ...config, type: 'stacked', stackMode: 'normal', data: config.data, categories: config.categories };
+    },
+    'column->pie': (config) => {
+        if (config.type !== 'column')
+            throw new Error('Expected column config');
+        const agg = config.switchAggregation ?? 'by-category';
+        return {
+            ...config,
+            type: 'pie',
+            data: barLikeToPie(config.data, config.categories ?? [], agg),
+            seriesName: config.chartTitle || 'Series',
+        };
+    },
+    'pie->column': (config) => {
+        if (config.type !== 'pie')
+            throw new Error('Expected pie config');
+        const { data, categories } = pieToBarLike(config.data, config.seriesName);
+        return { ...config, type: 'column', data, categories };
+    },
 };
 /**
  * Register a custom adapter for converting between chart types.

package/dist/src/internal/highcharts-provider.js

@@ -122,6 +122,33 @@ async function init() {
         catch {
             // xrange not available — consumer may have loaded it globally
         }
+        try {
+            const sankey = await import('highcharts/modules/sankey.js');
+            if (typeof sankey.default === 'function') {
+                sankey.default(_Highcharts);
+            }
+        }
+        catch {
+            // sankey not available — required base for organization; consumer may have loaded globally
+        }
+        try {
+            const organization = await import('highcharts/modules/organization.js');
+            if (typeof organization.default === 'function') {
+                organization.default(_Highcharts);
+            }
+        }
+        catch {
+            // organization not available — consumer may have loaded it globally
+        }
+        try {
+            const heatmap = await import('highcharts/modules/heatmap.js');
+            if (typeof heatmap.default === 'function') {
+                heatmap.default(_Highcharts);
+            }
+        }
+        catch {
+            // heatmap not available — consumer may have loaded it globally
+        }
     }
     catch {
         // Fallback to global (works in CDN/browser context)

package/dist/src/internal/types/all-chart-config.type.d.ts

@@ -1,8 +1,6 @@
 import type { ChartConfigType } from './chart-config.type.js';
-import type { PrimitiveChartConfigType } from './primitive-chart-config.type.js';
 /**
  * Union of chart payload shapes (by `type`) across the package.
- * - {@link ChartConfigType}: `<nile-chart>` / `NileChartConfigInputType.chart`
- * - {@link PrimitiveChartConfigType}: `<nile-*-chart>` tags with `el.config = { chart, aq }`
+ * Same as {@link ChartConfigType}: primitives are included for `<nile-chart>` and `<nile-*-chart>`.
  */
-export type AllChartConfigType = ChartConfigType | PrimitiveChartConfigType;
+export type AllChartConfigType = ChartConfigType;

package/dist/src/internal/types/chart-config.type.d.ts

@@ -12,5 +12,6 @@ import type { ChartSplineConfigType } from './chart-spline-config.type.js';
 import type { ChartRadarConfigType } from './chart-radar-config.type.js';
 import type { ChartGaugeConfigType } from './chart-gauge-config.type.js';
 import type { ChartWaterfallConfigType } from './chart-waterfall-config.type.js';
-/** Union of all HighCharts chart configs. */
-export type ChartConfigType = ChartBarConfigType | ChartPieConfigType | ChartTrendlineConfigType | ChartAnomalyConfigType | ChartLineConfigType | ChartAreaConfigType | ChartColumnConfigType | ChartDonutConfigType | ChartScatterConfigType | ChartBubbleConfigType | ChartSplineConfigType | ChartRadarConfigType | ChartGaugeConfigType | ChartWaterfallConfigType;
+import type { PrimitiveChartConfigType } from './primitive-chart-config.type.js';
+/** Core chart configs (bar, pie, …) plus all primitive series types — use with `<nile-chart>` via `chart.type`. */
+export type ChartConfigType = ChartBarConfigType | ChartPieConfigType | ChartTrendlineConfigType | ChartAnomalyConfigType | ChartLineConfigType | ChartAreaConfigType | ChartColumnConfigType | ChartDonutConfigType | ChartScatterConfigType | ChartBubbleConfigType | ChartSplineConfigType | ChartRadarConfigType | ChartGaugeConfigType | ChartWaterfallConfigType | PrimitiveChartConfigType;

package/dist/src/internal/types/chart-donut-config.type.d.ts

@@ -6,6 +6,8 @@ export interface ChartDonutConfigType {
     data: DonutChartSeriesData[];
     seriesName?: string;
     innerSize?: string;
+    /** Half-donut (180°) with arc on top; adjusts center and angles. */
+    semiCircle?: boolean;
     showDataLabels?: boolean;
     showLegend?: boolean;
     height?: string;

package/dist/src/internal/types/chart-heatmap-config.type.d.ts

@@ -0,0 +1,19 @@
+import type { Options } from 'highcharts';
+import type { HeatmapCell } from '../../nile-heatmap-chart/nile-heatmap-chart.js';
+/** Heatmap (`<nile-heatmap-chart>`): cells use category indices on x and y. */
+export interface ChartHeatmapConfigType {
+    type: 'heatmap';
+    xCategories: string[];
+    yCategories: string[];
+    data: HeatmapCell[];
+    seriesName?: string;
+    colorMin?: number;
+    colorMax?: number;
+    minColor?: string;
+    maxColor?: string;
+    colorAxisTitle?: string;
+    showDataLabels?: boolean;
+    height?: string;
+    loading?: boolean;
+    options?: Options;
+}

package/dist/src/internal/types/chart-heatmap-config.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=chart-heatmap-config.type.js.map

package/dist/src/internal/types/chart-line-column-config.type.d.ts

@@ -0,0 +1,14 @@
+import type { Options } from 'highcharts';
+import type { LineColumnSeriesPart } from '../../nile-line-column-chart/nile-line-column-chart.js';
+/** Dual-axis combo: columns on the left axis, line on the right (`<nile-line-column-chart>`). */
+export interface ChartLineColumnConfigType {
+    type: 'line-column';
+    categories: string[];
+    columnSeries: LineColumnSeriesPart;
+    lineSeries: LineColumnSeriesPart;
+    columnAxisTitle?: string;
+    lineAxisTitle?: string;
+    height?: string;
+    loading?: boolean;
+    options?: Options;
+}

package/dist/src/internal/types/chart-line-column-config.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=chart-line-column-config.type.js.map

package/dist/src/internal/types/chart-organization-config.type.d.ts

@@ -0,0 +1,13 @@
+import type { Options } from 'highcharts';
+import type { OrgChartLink, OrgChartNode } from '../../nile-organization-chart/nile-organization-chart.js';
+/** Organization chart config (`<nile-organization-chart>` / `config.chart`). */
+export interface ChartOrganizationConfigType {
+    type: 'organization';
+    nodes: OrgChartNode[];
+    links: OrgChartLink[];
+    seriesName?: string;
+    inverted?: boolean;
+    height?: string;
+    loading?: boolean;
+    options?: Options;
+}

package/dist/src/internal/types/chart-organization-config.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=chart-organization-config.type.js.map

package/dist/src/internal/types/index.d.ts

@@ -39,6 +39,9 @@ export type { ChartVectorConfigType } from './chart-vector-config.type.js';
 export type { ChartXrangeConfigType } from './chart-xrange-config.type.js';
 export type { ChartFanConfigType } from './chart-fan-config.type.js';
 export type { ChartFunnelConfigType } from './chart-funnel-config.type.js';
+export type { ChartOrganizationConfigType } from './chart-organization-config.type.js';
+export type { ChartLineColumnConfigType } from './chart-line-column-config.type.js';
+export type { ChartHeatmapConfigType } from './chart-heatmap-config.type.js';
 export type { ChartFlameConfigType } from './chart-flame-config.type.js';
 export type { ChartSpiderwebConfigType } from './chart-spiderweb-config.type.js';
 export type { ChartKpiPropsType } from './chart-kpi-config.type.js';

package/dist/src/internal/types/primitive-chart-config.type.d.ts

@@ -7,6 +7,9 @@ import type { ChartTimelineConfigType } from './chart-timeline-config.type.js';
 import type { ChartDumbbellConfigType } from './chart-dumbbell-config.type.js';
 import type { ChartFanConfigType } from './chart-fan-config.type.js';
 import type { ChartFunnelConfigType } from './chart-funnel-config.type.js';
+import type { ChartOrganizationConfigType } from './chart-organization-config.type.js';
+import type { ChartLineColumnConfigType } from './chart-line-column-config.type.js';
+import type { ChartHeatmapConfigType } from './chart-heatmap-config.type.js';
 import type { ChartFlameConfigType } from './chart-flame-config.type.js';
 import type { ChartSpiderwebConfigType } from './chart-spiderweb-config.type.js';
 import type { ChartInvertedAreaConfigType } from './chart-area-config.type.js';
@@ -29,4 +32,4 @@ import type { ChartXrangeConfigType } from './chart-xrange-config.type.js';
  * Chart configs for primitive `<nile-*-chart>` elements (`el.config = { chart, aq }`).
  * Discriminated on `chart.type`.
  */
-export type PrimitiveChartConfigType = ChartInvertedAreaConfigType | ChartColumnPyramidConfigType | ChartLollipopConfigType | ChartAreaSplineConfigType | ChartAreaNegativeConfigType | ChartAreaRangeConfigType | ChartColumnRangeConfigType | ChartColumnDrilldownConfigType | ChartRadialBarConfigType | ChartVariablePieConfigType | ChartDumbbellLowerConfigType | ChartDumbbellUpperConfigType | ChartEulerConfigType | ChartPolygonConfigType | ChartVectorConfigType | ChartXrangeConfigType | ChartClusterConfigType | ChartStackedConfigType | ChartHistogramConfigType | ChartBellcurveConfigType | ChartBoxplotConfigType | ChartTimelineConfigType | ChartDumbbellConfigType | ChartFanConfigType | ChartFunnelConfigType | ChartFlameConfigType | ChartSpiderwebConfigType;
+export type PrimitiveChartConfigType = ChartInvertedAreaConfigType | ChartColumnPyramidConfigType | ChartLollipopConfigType | ChartAreaSplineConfigType | ChartAreaNegativeConfigType | ChartAreaRangeConfigType | ChartColumnRangeConfigType | ChartColumnDrilldownConfigType | ChartRadialBarConfigType | ChartVariablePieConfigType | ChartDumbbellLowerConfigType | ChartDumbbellUpperConfigType | ChartEulerConfigType | ChartPolygonConfigType | ChartVectorConfigType | ChartXrangeConfigType | ChartClusterConfigType | ChartStackedConfigType | ChartHistogramConfigType | ChartBellcurveConfigType | ChartBoxplotConfigType | ChartTimelineConfigType | ChartDumbbellConfigType | ChartFanConfigType | ChartFunnelConfigType | ChartOrganizationConfigType | ChartLineColumnConfigType | ChartHeatmapConfigType | ChartFlameConfigType | ChartSpiderwebConfigType;

package/dist/src/nile-bellcurve-chart/nile-bellcurve-chart.js

@@ -100,7 +100,9 @@ let NileBellcurveChart = class NileBellcurveChart extends NileElement {
         const self = this;
         // Bell curve derives mean & σ from the **y** values of the base series (see Highcharts docs).
         // Do not use [x, 0] — that makes every y zero and collapses the curve.
-        const scatterData = this.data.map(v => [v, v]);
+        // Highcharts #15: scatter x must be ascending; raw samples are often unsorted.
+        const sorted = [...this.data].sort((a, b) => a - b);
+        const scatterData = sorted.map(v => [v, v]);
         const pts = this.pointsInInterval > 0 ? this.pointsInInterval : 40;
         const iv = this.intervals > 0 ? this.intervals : 3;
         return deepMerge({

package/dist/src/nile-chart/index.d.ts

@@ -2,4 +2,4 @@ export { NileChart } from './nile-chart.js';
 export type { NileChartConfig, NileBarChartConfig, NilePieChartConfig, NileTrendlineChartConfig, NileAnomalyChartConfig, NileLineChartConfig, NileAreaChartConfig, NileColumnChartConfig, NileDonutChartConfig, NileScatterChartConfig, NileBubbleChartConfig, NileSplineChartConfig, NileRadarChartConfig, NileGaugeChartConfig, NileWaterfallChartConfig, ChartType, SwitchAggregation, NileAiConfig, } from './nile-chart-config.js';
 export { convertConfig, registerAdapter } from '../internal/chart-adapters.js';
 export { nileChartConfig } from './nile-chart-config-builder.js';
-export type { AiConfigType, SwitchableConfigType, AqConfigType, ChartBarConfigType, ChartPieConfigType, ChartTrendlineConfigType, ChartAnomalyConfigType, ChartLineConfigType, ChartAreaConfigType, ChartInvertedAreaConfigType, ChartColumnConfigType, ChartDonutConfigType, ChartScatterConfigType, ChartBubbleConfigType, ChartSplineConfigType, ChartRadarConfigType, ChartGaugeConfigType, ChartWaterfallConfigType, ChartClusterConfigType, ChartStackedConfigType, ChartHistogramConfigType, ChartBellcurveConfigType, ChartBoxplotConfigType, ChartTimelineConfigType, ChartDumbbellConfigType, ChartDumbbellLowerConfigType, ChartDumbbellUpperConfigType, ChartColumnPyramidConfigType, ChartLollipopConfigType, ChartAreaSplineConfigType, ChartAreaNegativeConfigType, ChartAreaRangeConfigType, ChartColumnRangeConfigType, ChartColumnDrilldownConfigType, ChartRadialBarConfigType, ChartVariablePieConfigType, ChartEulerConfigType, ChartPolygonConfigType, ChartVectorConfigType, ChartXrangeConfigType, ChartFanConfigType, ChartFunnelConfigType, ChartFlameConfigType, ChartSpiderwebConfigType, ChartKpiPropsType, PrimitiveChartConfigType, SeparatedChartConfigInputType, AllChartConfigType, ChartConfigType, NileChartConfigInputType, ChartAiPanelPayload, ChartAiSenderPayload, NileAiPanelConfigInputType, NileAiSenderConfigInputType, } from '../internal/types/index.js';
+export type { AiConfigType, SwitchableConfigType, AqConfigType, ChartBarConfigType, ChartPieConfigType, ChartTrendlineConfigType, ChartAnomalyConfigType, ChartLineConfigType, ChartAreaConfigType, ChartInvertedAreaConfigType, ChartColumnConfigType, ChartDonutConfigType, ChartScatterConfigType, ChartBubbleConfigType, ChartSplineConfigType, ChartRadarConfigType, ChartGaugeConfigType, ChartWaterfallConfigType, ChartClusterConfigType, ChartStackedConfigType, ChartHistogramConfigType, ChartBellcurveConfigType, ChartBoxplotConfigType, ChartTimelineConfigType, ChartDumbbellConfigType, ChartDumbbellLowerConfigType, ChartDumbbellUpperConfigType, ChartColumnPyramidConfigType, ChartLollipopConfigType, ChartAreaSplineConfigType, ChartAreaNegativeConfigType, ChartAreaRangeConfigType, ChartColumnRangeConfigType, ChartColumnDrilldownConfigType, ChartRadialBarConfigType, ChartVariablePieConfigType, ChartEulerConfigType, ChartPolygonConfigType, ChartVectorConfigType, ChartXrangeConfigType, ChartFanConfigType, ChartFunnelConfigType, ChartOrganizationConfigType, ChartLineColumnConfigType, ChartHeatmapConfigType, ChartFlameConfigType, ChartSpiderwebConfigType, ChartKpiPropsType, PrimitiveChartConfigType, SeparatedChartConfigInputType, AllChartConfigType, ChartConfigType, NileChartConfigInputType, ChartAiPanelPayload, ChartAiSenderPayload, NileAiPanelConfigInputType, NileAiSenderConfigInputType, } from '../internal/types/index.js';

package/dist/src/nile-chart/nile-chart-config.d.ts

@@ -1,19 +1,6 @@
-import type { Options } from 'highcharts';
-import type { BarChartSeriesData } from '../nile-bar-chart/nile-bar-chart.js';
-import type { PieChartSeriesData } from '../nile-pie-chart/nile-pie-chart.js';
-import type { TrendlineSeriesData, ForecastConfig } from '../nile-trendline-chart/nile-trendline-chart.js';
-import type { AnomalySeriesData, AnomalyConfig } from '../nile-anomaly-chart/nile-anomaly-chart.js';
-import type { LineChartSeriesData } from '../nile-line-chart/nile-line-chart.js';
-import type { AreaChartSeriesData } from '../nile-area-chart/nile-area-chart.js';
-import type { ColumnChartSeriesData } from '../nile-column-chart/nile-column-chart.js';
-import type { DonutChartSeriesData } from '../nile-donut-chart/nile-donut-chart.js';
-import type { ScatterChartSeriesData } from '../nile-scatter-chart/nile-scatter-chart.js';
-import type { BubbleChartSeriesData } from '../nile-bubble-chart/nile-bubble-chart.js';
-import type { SplineChartSeriesData } from '../nile-spline-chart/nile-spline-chart.js';
-import type { RadarChartSeriesData } from '../nile-radar-chart/nile-radar-chart.js';
-import type { GaugeBand } from '../nile-gauge-chart/nile-gauge-chart.js';
-import type { WaterfallDataPoint } from '../nile-waterfall-chart/nile-waterfall-chart.js';
-export type ChartType = 'bar' | 'pie' | 'trendline' | 'anomaly' | 'line' | 'area' | 'column' | 'donut' | 'scatter' | 'bubble' | 'spline' | 'radar' | 'gauge' | 'waterfall';
+import type { ChartConfigType } from '../internal/types/chart-config.type.js';
+/** Every supported `chart.type` value for `<nile-chart>`. */
+export type ChartType = ChartConfigType['type'];
 export type SwitchAggregation = 'by-category' | 'by-series' | 'flatten';
 export interface NileAiConfig {
     /** Show the AI chat icon on the chart. Default: false. */
@@ -23,110 +10,63 @@ export interface NileAiConfig {
     /** Initial assistant message shown when the chat panel opens. */
     welcomeMessage?: string;
 }
+/** Fields merged from `aq` (and shared card chrome) onto `chart` for `<nile-chart>`. */
 export interface NileChartConfigBase {
     chartTitle?: string;
     chartSubtitle?: string;
     height?: string;
     loading?: boolean;
-    options?: Options;
+    options?: import('highcharts').Options;
     summary?: string;
     toggleLabel?: string;
     /** Chart types the user can switch to. Shows type-switch UI when set. */
     switchableTypes?: ChartType[];
-    /** How to aggregate bar data when converting to pie. Default: 'by-category'. */
+    /** How to aggregate bar-like data when converting to pie. Default: 'by-category'. */
     switchAggregation?: SwitchAggregation;
     /** AI chat configuration. When ai.enabled is true, shows the allsearch icon. */
     ai?: NileAiConfig;
 }
-export interface NileBarChartConfig extends NileChartConfigBase {
+/** Flat config for `<nile-chart>` after merging `chart` + `aq`. */
+export type NileChartConfig = ChartConfigType & NileChartConfigBase;
+export type NileBarChartConfig = Extract<NileChartConfig, {
     type: 'bar';
-    data: BarChartSeriesData[];
-    categories?: string[];
-    yAxisTitle?: string;
-}
-export interface NilePieChartConfig extends NileChartConfigBase {
+}>;
+export type NilePieChartConfig = Extract<NileChartConfig, {
     type: 'pie';
-    data: PieChartSeriesData[];
-    seriesName?: string;
-    showDataLabels?: boolean;
-    showLegend?: boolean;
-}
-export interface NileTrendlineChartConfig extends NileChartConfigBase {
+}>;
+export type NileTrendlineChartConfig = Extract<NileChartConfig, {
     type: 'trendline';
-    data: TrendlineSeriesData[];
-    categories?: string[];
-    yAxisTitle?: string;
-    forecast?: ForecastConfig;
-}
-export interface NileAnomalyChartConfig extends NileChartConfigBase {
+}>;
+export type NileAnomalyChartConfig = Extract<NileChartConfig, {
     type: 'anomaly';
-    data: AnomalySeriesData[];
-    categories?: string[];
-    yAxisTitle?: string;
-    anomaly?: AnomalyConfig;
-}
-export interface NileLineChartConfig extends NileChartConfigBase {
+}>;
+export type NileLineChartConfig = Extract<NileChartConfig, {
     type: 'line';
-    data: LineChartSeriesData[];
-    categories?: string[];
-    yAxisTitle?: string;
-}
-export interface NileAreaChartConfig extends NileChartConfigBase {
+}>;
+export type NileAreaChartConfig = Extract<NileChartConfig, {
     type: 'area';
-    data: AreaChartSeriesData[];
-    categories?: string[];
-    yAxisTitle?: string;
-    stacked?: boolean;
-}
-export interface NileColumnChartConfig extends NileChartConfigBase {
+}>;
+export type NileColumnChartConfig = Extract<NileChartConfig, {
     type: 'column';
-    data: ColumnChartSeriesData[];
-    categories?: string[];
-    yAxisTitle?: string;
-}
-export interface NileDonutChartConfig extends NileChartConfigBase {
+}>;
+export type NileDonutChartConfig = Extract<NileChartConfig, {
     type: 'donut';
-    data: DonutChartSeriesData[];
-    seriesName?: string;
-    innerSize?: string;
-    showDataLabels?: boolean;
-    showLegend?: boolean;
-}
-export interface NileScatterChartConfig extends NileChartConfigBase {
+}>;
+export type NileScatterChartConfig = Extract<NileChartConfig, {
     type: 'scatter';
-    data: ScatterChartSeriesData[];
-    xAxisTitle?: string;
-    yAxisTitle?: string;
-}
-export interface NileBubbleChartConfig extends NileChartConfigBase {
+}>;
+export type NileBubbleChartConfig = Extract<NileChartConfig, {
     type: 'bubble';
-    data: BubbleChartSeriesData[];
-    xAxisTitle?: string;
-    yAxisTitle?: string;
-}
-export interface NileSplineChartConfig extends NileChartConfigBase {
+}>;
+export type NileSplineChartConfig = Extract<NileChartConfig, {
     type: 'spline';
-    data: SplineChartSeriesData[];
-    categories?: string[];
-    yAxisTitle?: string;
-}
-export interface NileRadarChartConfig extends NileChartConfigBase {
+}>;
+export type NileRadarChartConfig = Extract<NileChartConfig, {
     type: 'radar';
-    data: RadarChartSeriesData[];
-    categories?: string[];
-    showArea?: boolean;
-}
-export interface NileGaugeChartConfig extends NileChartConfigBase {
+}>;
+export type NileGaugeChartConfig = Extract<NileChartConfig, {
     type: 'gauge';
-    value: number;
-    min?: number;
-    max?: number;
-    suffix?: string;
-    bands?: GaugeBand[];
-}
-export interface NileWaterfallChartConfig extends NileChartConfigBase {
+}>;
+export type NileWaterfallChartConfig = Extract<NileChartConfig, {
     type: 'waterfall';
-    data: WaterfallDataPoint[];
-    yAxisTitle?: string;
-}
-export type NileChartConfig = NileBarChartConfig | NilePieChartConfig | NileTrendlineChartConfig | NileAnomalyChartConfig | NileLineChartConfig | NileAreaChartConfig | NileColumnChartConfig | NileDonutChartConfig | NileScatterChartConfig | NileBubbleChartConfig | NileSplineChartConfig | NileRadarChartConfig | NileGaugeChartConfig | NileWaterfallChartConfig;
+}>;

package/dist/src/nile-chart/nile-chart.css.js

@@ -13,7 +13,7 @@ export const styles = css `
   /* ── Unified Card Container ── */
 
   .chart-card {
-    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
+    background: var(--nile-colors-white-base, var(--ng-colors-bg-quaternary-alt));
     border: var(--nile-border-width-1, var(--ng-stroke-width-1)) solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
     border-radius: var(--nile-radius-radius-3xl, var(--ng-radius-xl));
     box-shadow: var(--nile-box-shadow-3, var(--ng-shadow-sm));

package/dist/src/nile-chart/nile-chart.d.ts

@@ -16,11 +16,46 @@ import '../nile-spline-chart/index.js';
 import '../nile-radar-chart/index.js';
 import '../nile-gauge-chart/index.js';
 import '../nile-waterfall-chart/index.js';
+import '../nile-cluster-chart/index.js';
+import '../nile-stacked-chart/index.js';
+import '../nile-histogram-chart/index.js';
+import '../nile-bellcurve-chart/index.js';
+import '../nile-boxplot-chart/index.js';
+import '../nile-timeline-chart/index.js';
+import '../nile-dumbbell-chart/index.js';
+import '../nile-dumbbell-lower-chart/index.js';
+import '../nile-dumbbell-upper-chart/index.js';
+import '../nile-fan-chart/index.js';
+import '../nile-funnel-chart/index.js';
+import '../nile-organization-chart/index.js';
+import '../nile-line-column-chart/index.js';
+import '../nile-heatmap-chart/index.js';
+import '../nile-flame-chart/index.js';
+import '../nile-spiderweb-chart/index.js';
+import '../nile-column-pyramid-chart/index.js';
+import '../nile-lollipop-chart/index.js';
+import '../nile-inverted-area-chart/index.js';
+import '../nile-area-spline-chart/index.js';
+import '../nile-area-negative-chart/index.js';
+import '../nile-area-range-chart/index.js';
+import '../nile-column-range-chart/index.js';
+import '../nile-column-drilldown-chart/index.js';
+import '../nile-radial-bar-chart/index.js';
+import '../nile-variable-pie-chart/index.js';
+import '../nile-euler-chart/index.js';
+import '../nile-polygon-chart/index.js';
+import '../nile-vector-chart/index.js';
+import '../nile-xrange-chart/index.js';
 import '../nile-ai-panel/index.js';
 export declare class NileChart extends NileElement {
     static styles: CSSResultGroup;
     /** Full chart configuration. Accepts flat NileChartConfig or separated { chart, aq } input. */
     config: NileChartConfig | NileChartConfigInputType | null;
+    /**
+     * When set, fills `chart.type` if the config omits it (same values as `chart.type`, e.g. `stacked`, `pie`).
+     * Usage: `<nile-chart chart-type="pie" />` plus `config.chart` with series data only.
+     */
+    chartTypeAttr: string;
     /** The summary/insight text displayed in the overlay (fallback when config is not set). */
     summary: string;
     /** Label for the toggle button (fallback when config is not set). */
@@ -38,6 +73,7 @@ export declare class NileChart extends NileElement {
     private handleOutsideClick;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    private mergeChartTypeFromAttr;
     /** Resolve { chart, aq } input to flat NileChartConfig. */
     private resolveConfig;
     private resolvedConfig;