@aquera/nile-visualization 0.1.0 → 0.3.0

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

@@ -11,6 +11,8 @@ let NileBubbleChart = class NileBubbleChart extends NileElement {
         this._hc = null;
         this.chart = null;
         this.resizeObserver = null;
+        /** Full chart configuration. Accepts separated { chart, aq } input. */
+        this.config = null;
         this.chartTitle = '';
         this.chartSubtitle = '';
         this.data = [];
@@ -20,6 +22,36 @@ let NileBubbleChart = class NileBubbleChart extends NileElement {
         this.xAxisTitle = '';
         this.yAxisTitle = '';
     }
+    /** Apply { chart, aq } config to individual properties. */
+    applyConfig(cfg) {
+        const { chart: c, aq } = cfg;
+        if (c) {
+            const bubble = c;
+            if (bubble.data)
+                this.data = bubble.data;
+            if (bubble.xAxisTitle)
+                this.xAxisTitle = bubble.xAxisTitle;
+            if (bubble.yAxisTitle)
+                this.yAxisTitle = bubble.yAxisTitle;
+            if (bubble.height)
+                this.height = bubble.height;
+            if (bubble.loading !== undefined)
+                this.loading = bubble.loading;
+            if (bubble.options)
+                this.options = bubble.options;
+        }
+        if (aq) {
+            if (aq.chartTitle)
+                this.chartTitle = aq.chartTitle;
+            if (aq.chartSubtitle)
+                this.chartSubtitle = aq.chartSubtitle;
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.config)
+            this.applyConfig(this.config);
+    }
     disconnectedCallback() {
         super.disconnectedCallback();
         this.destroyChart();
@@ -28,6 +60,10 @@ let NileBubbleChart = class NileBubbleChart extends NileElement {
     }
     firstUpdated() { this.initChart(); this.setupResizeObserver(); }
     updated(changedProperties) {
+        if (changedProperties.has('config') && this.config) {
+            this.applyConfig(this.config);
+            return;
+        }
         const props = ['data', 'chartTitle', 'chartSubtitle', 'options', 'height', 'xAxisTitle', 'yAxisTitle', 'loading'];
         if (!props.some(p => changedProperties.has(p)))
             return;
@@ -92,6 +128,9 @@ NileBubbleChart.styles = styles;
 __decorate([
     query('.chart-container')
 ], NileBubbleChart.prototype, "chartContainer", void 0);
+__decorate([
+    property({ type: Object })
+], NileBubbleChart.prototype, "config", void 0);
 __decorate([
     property({ type: String, attribute: 'chart-title' })
 ], NileBubbleChart.prototype, "chartTitle", void 0);

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

@@ -1,3 +1,5 @@
 export { NileChart } from './nile-chart.js';
-export type { NileChartConfig, NileBarChartConfig, NilePieChartConfig, NileTrendlineChartConfig, NileAnomalyChartConfig, ChartType, SwitchAggregation, NileAiConfig, } from './nile-chart-config.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';

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

@@ -1,3 +1,4 @@
 export { NileChart } from './nile-chart.js';
 export { convertConfig, registerAdapter } from '../internal/chart-adapters.js';
+export { nileChartConfig } from './nile-chart-config-builder.js';
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1,4 @@
+import type { NileChartConfig } from './nile-chart-config.js';
+import type { NileChartConfigInputType } from '../internal/types/index.js';
+/** Merges separated chart + aq config into a flat NileChartConfig. */
+export declare function nileChartConfig(input: NileChartConfigInputType): NileChartConfig;

package/dist/src/nile-chart/nile-chart-config-builder.js

@@ -0,0 +1,13 @@
+/** Merges separated chart + aq config into a flat NileChartConfig. */
+export function nileChartConfig(input) {
+    const { chart, aq } = input;
+    const { ai, switchable, ...rest } = aq ?? {};
+    return {
+        ...chart,
+        ...rest,
+        ...(ai && { ai }),
+        ...(switchable?.types && { switchableTypes: switchable.types }),
+        ...(switchable?.aggregation && { switchAggregation: switchable.aggregation }),
+    };
+}
+//# sourceMappingURL=nile-chart-config-builder.js.map

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

@@ -3,7 +3,17 @@ 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';
-export type ChartType = 'bar' | 'pie' | 'trendline' | 'anomaly';
+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';
 export type SwitchAggregation = 'by-category' | 'by-series' | 'flatten';
 export interface NileAiConfig {
     /** Show the AI chat icon on the chart. Default: false. */
@@ -55,4 +65,68 @@ export interface NileAnomalyChartConfig extends NileChartConfigBase {
     yAxisTitle?: string;
     anomaly?: AnomalyConfig;
 }
-export type NileChartConfig = NileBarChartConfig | NilePieChartConfig | NileTrendlineChartConfig | NileAnomalyChartConfig;
+export interface NileLineChartConfig extends NileChartConfigBase {
+    type: 'line';
+    data: LineChartSeriesData[];
+    categories?: string[];
+    yAxisTitle?: string;
+}
+export interface NileAreaChartConfig extends NileChartConfigBase {
+    type: 'area';
+    data: AreaChartSeriesData[];
+    categories?: string[];
+    yAxisTitle?: string;
+    stacked?: boolean;
+}
+export interface NileColumnChartConfig extends NileChartConfigBase {
+    type: 'column';
+    data: ColumnChartSeriesData[];
+    categories?: string[];
+    yAxisTitle?: string;
+}
+export interface NileDonutChartConfig extends NileChartConfigBase {
+    type: 'donut';
+    data: DonutChartSeriesData[];
+    seriesName?: string;
+    innerSize?: string;
+    showDataLabels?: boolean;
+    showLegend?: boolean;
+}
+export interface NileScatterChartConfig extends NileChartConfigBase {
+    type: 'scatter';
+    data: ScatterChartSeriesData[];
+    xAxisTitle?: string;
+    yAxisTitle?: string;
+}
+export interface NileBubbleChartConfig extends NileChartConfigBase {
+    type: 'bubble';
+    data: BubbleChartSeriesData[];
+    xAxisTitle?: string;
+    yAxisTitle?: string;
+}
+export interface NileSplineChartConfig extends NileChartConfigBase {
+    type: 'spline';
+    data: SplineChartSeriesData[];
+    categories?: string[];
+    yAxisTitle?: string;
+}
+export interface NileRadarChartConfig extends NileChartConfigBase {
+    type: 'radar';
+    data: RadarChartSeriesData[];
+    categories?: string[];
+    showArea?: boolean;
+}
+export interface NileGaugeChartConfig extends NileChartConfigBase {
+    type: 'gauge';
+    value: number;
+    min?: number;
+    max?: number;
+    suffix?: string;
+    bands?: GaugeBand[];
+}
+export interface NileWaterfallChartConfig extends NileChartConfigBase {
+    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.d.ts

@@ -1,15 +1,26 @@
 import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
 import NileElement from '../internal/nile-element.js';
 import type { NileChartConfig } from './nile-chart-config.js';
+import type { NileChartConfigInputType } from '../internal/types/index.js';
 import '../nile-bar-chart/index.js';
 import '../nile-pie-chart/index.js';
 import '../nile-trendline-chart/index.js';
 import '../nile-anomaly-chart/index.js';
+import '../nile-line-chart/index.js';
+import '../nile-area-chart/index.js';
+import '../nile-column-chart/index.js';
+import '../nile-donut-chart/index.js';
+import '../nile-scatter-chart/index.js';
+import '../nile-bubble-chart/index.js';
+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-ai-panel/index.js';
 export declare class NileChart extends NileElement {
     static styles: CSSResultGroup;
-    /** Full chart configuration including type, data, and summary. */
-    config: NileChartConfig | null;
+    /** Full chart configuration. Accepts flat NileChartConfig or separated { chart, aq } input. */
+    config: NileChartConfig | NileChartConfigInputType | null;
     /** 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). */
@@ -27,6 +38,9 @@ export declare class NileChart extends NileElement {
     private handleOutsideClick;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    /** Resolve { chart, aq } input to flat NileChartConfig. */
+    private resolveConfig;
+    private resolvedConfig;
     protected updated(changedProperties: PropertyValues): void;
     private toggle;
     private toggleMenu;

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

@@ -3,22 +3,43 @@ import { customElement, property, query, state } from 'lit/decorators.js';
 import { html, nothing } from 'lit';
 import NileElement from '../internal/nile-element.js';
 import { styles } from './nile-chart.css.js';
+import { nileChartConfig } from './nile-chart-config-builder.js';
 import { convertConfig } from '../internal/chart-adapters.js';
 import '../nile-bar-chart/index.js';
 import '../nile-pie-chart/index.js';
 import '../nile-trendline-chart/index.js';
 import '../nile-anomaly-chart/index.js';
+import '../nile-line-chart/index.js';
+import '../nile-area-chart/index.js';
+import '../nile-column-chart/index.js';
+import '../nile-donut-chart/index.js';
+import '../nile-scatter-chart/index.js';
+import '../nile-bubble-chart/index.js';
+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-ai-panel/index.js';
 const TYPE_LABELS = {
     bar: 'Bar',
     pie: 'Pie',
     trendline: 'Trendline',
     anomaly: 'Anomaly',
+    line: 'Line',
+    area: 'Area',
+    column: 'Column',
+    donut: 'Donut',
+    scatter: 'Scatter',
+    bubble: 'Bubble',
+    spline: 'Spline',
+    radar: 'Radar',
+    gauge: 'Gauge',
+    waterfall: 'Waterfall',
 };
 let NileChart = class NileChart extends NileElement {
     constructor() {
         super(...arguments);
-        /** Full chart configuration including type, data, and summary. */
+        /** Full chart configuration. Accepts flat NileChartConfig or separated { chart, aq } input. */
         this.config = null;
         /** The summary/insight text displayed in the overlay (fallback when config is not set). */
         this.summary = '';
@@ -37,28 +58,43 @@ let NileChart = class NileChart extends NileElement {
                 this.emit('nile-chart-toggle', { open: this.open });
             }
         };
+        this.resolvedConfig = null;
     }
     get effectiveSummary() {
-        return this.config?.summary ?? this.summary;
+        return this.resolvedConfig?.summary ?? this.summary;
     }
     get effectiveToggleLabel() {
-        return this.config?.toggleLabel ?? this.toggleLabel;
+        return this.resolvedConfig?.toggleLabel ?? this.toggleLabel;
     }
     get aiEnabled() {
-        return this.config?.ai?.enabled === true;
+        return this.resolvedConfig?.ai?.enabled === true;
     }
     connectedCallback() {
         super.connectedCallback();
         document.addEventListener('click', this.handleOutsideClick);
+        // Pick up config set before element upgrade (e.g. Angular ngAfterViewInit)
+        if (this.config && !this.resolvedConfig) {
+            this.resolvedConfig = this.resolveConfig(this.config);
+            this.activeType = this.resolvedConfig.type;
+            this.activeConfig = this.resolvedConfig;
+        }
     }
     disconnectedCallback() {
         super.disconnectedCallback();
         document.removeEventListener('click', this.handleOutsideClick);
     }
+    /** Resolve { chart, aq } input to flat NileChartConfig. */
+    resolveConfig(input) {
+        if ('chart' in input && input.chart) {
+            return nileChartConfig(input);
+        }
+        return input;
+    }
     updated(changedProperties) {
         if (changedProperties.has('config') && this.config) {
-            this.activeType = this.config.type;
-            this.activeConfig = this.config;
+            this.resolvedConfig = this.resolveConfig(this.config);
+            this.activeType = this.resolvedConfig.type;
+            this.activeConfig = this.resolvedConfig;
         }
     }
     toggle(e) {
@@ -93,10 +129,10 @@ let NileChart = class NileChart extends NileElement {
         });
     }
     switchType(toType) {
-        if (!this.config || toType === this.activeType)
+        if (!this.resolvedConfig || toType === this.activeType)
             return;
         const fromType = this.activeType;
-        const converted = convertConfig(this.config, toType);
+        const converted = convertConfig(this.resolvedConfig, toType);
         this.activeType = toType;
         this.activeConfig = converted;
         this.menuOpen = false;
@@ -107,13 +143,13 @@ let NileChart = class NileChart extends NileElement {
         });
     }
     get headerTitle() {
-        return this.activeConfig?.chartTitle ?? this.config?.chartTitle ?? '';
+        return this.activeConfig?.chartTitle ?? this.resolvedConfig?.chartTitle ?? '';
     }
     get headerSubtitle() {
-        return this.activeConfig?.chartSubtitle ?? this.config?.chartSubtitle ?? '';
+        return this.activeConfig?.chartSubtitle ?? this.resolvedConfig?.chartSubtitle ?? '';
     }
     renderTypeSwitcher() {
-        const types = this.config?.switchableTypes;
+        const types = this.resolvedConfig?.switchableTypes;
         if (!types || types.length === 0)
             return nothing;
         return html `
@@ -162,7 +198,7 @@ let NileChart = class NileChart extends NileElement {
     renderHeader() {
         const title = this.headerTitle;
         const subtitle = this.headerSubtitle;
-        const hasTypeSwitcher = (this.config?.switchableTypes?.length ?? 0) > 0;
+        const hasTypeSwitcher = (this.resolvedConfig?.switchableTypes?.length ?? 0) > 0;
         const hasActions = hasTypeSwitcher || this.aiEnabled;
         if (!title && !subtitle && !hasActions)
             return nothing;
@@ -182,7 +218,7 @@ let NileChart = class NileChart extends NileElement {
     renderAiPanel() {
         if (!this.aiEnabled)
             return nothing;
-        const aiConfig = this.config.ai;
+        const aiConfig = this.resolvedConfig.ai;
         return html `
       <div class="ai-panel-overlay" ?data-open=${this.chatOpen}>
         <nile-ai-panel
@@ -238,6 +274,100 @@ let NileChart = class NileChart extends NileElement {
           .options=${mergedOptions}
           .loading=${config.loading ?? false}
         ></nile-anomaly-chart>`;
+            case 'line':
+                return html `<nile-line-chart
+          .data=${config.data}
+          .categories=${config.categories ?? []}
+          .height=${config.height ?? '400px'}
+          .yAxisTitle=${config.yAxisTitle ?? ''}
+          .options=${mergedOptions}
+          .loading=${config.loading ?? false}
+        ></nile-line-chart>`;
+            case 'area':
+                return html `<nile-area-chart
+          .data=${config.data}
+          .categories=${config.categories ?? []}
+          .height=${config.height ?? '400px'}
+          .yAxisTitle=${config.yAxisTitle ?? ''}
+          .stacked=${config.stacked ?? false}
+          .options=${mergedOptions}
+          .loading=${config.loading ?? false}
+        ></nile-area-chart>`;
+            case 'column':
+                return html `<nile-column-chart
+          .data=${config.data}
+          .categories=${config.categories ?? []}
+          .height=${config.height ?? '400px'}
+          .yAxisTitle=${config.yAxisTitle ?? ''}
+          .options=${mergedOptions}
+          .loading=${config.loading ?? false}
+        ></nile-column-chart>`;
+            case 'donut':
+                return html `<nile-donut-chart
+          .data=${config.data}
+          .seriesName=${config.seriesName ?? ''}
+          .height=${config.height ?? '400px'}
+          .innerSize=${config.innerSize ?? '50%'}
+          .showDataLabels=${config.showDataLabels ?? true}
+          .showLegend=${config.showLegend ?? true}
+          .options=${mergedOptions}
+          .loading=${config.loading ?? false}
+        ></nile-donut-chart>`;
+            case 'scatter':
+                return html `<nile-scatter-chart
+          .data=${config.data}
+          .height=${config.height ?? '400px'}
+          .xAxisTitle=${config.xAxisTitle ?? ''}
+          .yAxisTitle=${config.yAxisTitle ?? ''}
+          .options=${mergedOptions}
+          .loading=${config.loading ?? false}
+        ></nile-scatter-chart>`;
+            case 'bubble':
+                return html `<nile-bubble-chart
+          .data=${config.data}
+          .height=${config.height ?? '400px'}
+          .xAxisTitle=${config.xAxisTitle ?? ''}
+          .yAxisTitle=${config.yAxisTitle ?? ''}
+          .options=${mergedOptions}
+          .loading=${config.loading ?? false}
+        ></nile-bubble-chart>`;
+            case 'spline':
+                return html `<nile-spline-chart
+          .data=${config.data}
+          .categories=${config.categories ?? []}
+          .height=${config.height ?? '400px'}
+          .yAxisTitle=${config.yAxisTitle ?? ''}
+          .options=${mergedOptions}
+          .loading=${config.loading ?? false}
+        ></nile-spline-chart>`;
+            case 'radar':
+                return html `<nile-radar-chart
+          .data=${config.data}
+          .categories=${config.categories ?? []}
+          .height=${config.height ?? '400px'}
+          .showArea=${config.showArea ?? false}
+          .options=${mergedOptions}
+          .loading=${config.loading ?? false}
+        ></nile-radar-chart>`;
+            case 'gauge':
+                return html `<nile-gauge-chart
+          .value=${config.value}
+          .min=${config.min ?? 0}
+          .max=${config.max ?? 100}
+          .suffix=${config.suffix ?? ''}
+          .bands=${config.bands ?? []}
+          .height=${config.height ?? '280px'}
+          .options=${mergedOptions}
+          .loading=${config.loading ?? false}
+        ></nile-gauge-chart>`;
+            case 'waterfall':
+                return html `<nile-waterfall-chart
+          .data=${config.data}
+          .height=${config.height ?? '400px'}
+          .yAxisTitle=${config.yAxisTitle ?? ''}
+          .options=${mergedOptions}
+          .loading=${config.loading ?? false}
+        ></nile-waterfall-chart>`;
         }
     }
     render() {
@@ -256,7 +386,7 @@ let NileChart = class NileChart extends NileElement {
             </button>
             <div class="chart-overlay" ?data-open="${this.open}">
               <div class="chart-content">
-                ${this.config
+                ${this.resolvedConfig
             ? this.effectiveSummary
             : html `<slot name="insight">${this.summary}</slot>`}
               </div>

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

@@ -0,0 +1,2 @@
+export { NileClusterChart } from './nile-cluster-chart.js';
+export type { ClusterChartSeriesData } from './nile-cluster-chart.js';

package/dist/src/nile-cluster-chart/index.js

@@ -0,0 +1,2 @@
+export { NileClusterChart } from './nile-cluster-chart.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +1,28 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+    width: 100%;
+    position: relative;
+  }
+
+  :host([hidden]) {
+    display: none;
+  }
+
+  .chart-container {
+    width: 100%;
+    min-height: var(--nile-height-200px, var(--ng-height-200px));
+  }
+
+  .chart-loading {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: inherit;
+    color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));
+    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+  }
+`;
+//# sourceMappingURL=nile-cluster-chart.css.js.map

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

@@ -0,0 +1,46 @@
+import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
+import type Highcharts from 'highcharts';
+import NileElement from '../internal/nile-element.js';
+import type { SeparatedChartConfigInputType } from '../internal/types/separated-chart-config-input.type.js';
+/** One series in a grouped (clustered) column chart — same shape as column chart data. */
+export interface ClusterChartSeriesData {
+    name: string;
+    data: number[];
+    color?: string;
+}
+export declare class NileClusterChart extends NileElement {
+    static styles: CSSResultGroup;
+    private _hc;
+    private chart;
+    private resizeObserver;
+    private chartContainer;
+    /** Full chart configuration. Accepts separated `{ chart, aq }` input. */
+    config: SeparatedChartConfigInputType | null;
+    chartTitle: string;
+    chartSubtitle: string;
+    data: ClusterChartSeriesData[];
+    categories: string[];
+    options: Highcharts.Options;
+    loading: boolean;
+    height: string;
+    yAxisTitle: string;
+    showLegend: boolean;
+    groupPadding: number;
+    pointPadding: number;
+    /** Apply `{ chart, aq }` config to individual properties. */
+    private applyConfig;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(): void;
+    protected updated(changedProperties: PropertyValues): void;
+    private setupResizeObserver;
+    private buildOptions;
+    private initChart;
+    private destroyChart;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-cluster-chart': NileClusterChart;
+    }
+}