@aquera/nile-visualization 0.1.0 → 0.2.0

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

@@ -0,0 +1,12 @@
+import type { Options } from 'highcharts';
+import type { ScatterChartSeriesData } from '../../nile-scatter-chart/nile-scatter-chart.js';
+/** HighCharts scatter chart config. */
+export interface ChartScatterConfigType {
+    type: 'scatter';
+    data: ScatterChartSeriesData[];
+    xAxisTitle?: string;
+    yAxisTitle?: string;
+    height?: string;
+    loading?: boolean;
+    options?: Options;
+}

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

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

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

@@ -0,0 +1,12 @@
+import type { Options } from 'highcharts';
+import type { SpiderwebChartSeriesData } from '../../nile-spiderweb-chart/nile-spiderweb-chart.js';
+/** Spiderweb (polar polygon) chart config (`<nile-spiderweb-chart>`). */
+export interface ChartSpiderwebConfigType {
+    type: 'spiderweb';
+    data: SpiderwebChartSeriesData[];
+    categories?: string[];
+    showArea?: boolean;
+    height?: string;
+    loading?: boolean;
+    options?: Options;
+}

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

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

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

@@ -0,0 +1,12 @@
+import type { Options } from 'highcharts';
+import type { SplineChartSeriesData } from '../../nile-spline-chart/nile-spline-chart.js';
+/** HighCharts spline chart config. */
+export interface ChartSplineConfigType {
+    type: 'spline';
+    data: SplineChartSeriesData[];
+    categories?: string[];
+    yAxisTitle?: string;
+    height?: string;
+    loading?: boolean;
+    options?: Options;
+}

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

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

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

@@ -0,0 +1,15 @@
+import type { Options } from 'highcharts';
+import type { StackedChartSeriesData } from '../../nile-stacked-chart/nile-stacked-chart.js';
+/** Stacked column chart config (`<nile-stacked-chart>` / `config.chart`). */
+export interface ChartStackedConfigType {
+    type: 'stacked';
+    data: StackedChartSeriesData[];
+    categories?: string[];
+    yAxisTitle?: string;
+    stackMode?: 'normal' | 'percent';
+    height?: string;
+    loading?: boolean;
+    options?: Options;
+    showLegend?: boolean;
+    pointPadding?: number;
+}

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

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

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

@@ -0,0 +1,15 @@
+import type { Options } from 'highcharts';
+import type { TimelineEvent } from '../../nile-timeline-chart/nile-timeline-chart.js';
+/** Timeline chart config (`<nile-timeline-chart>` / `config.chart`). */
+export interface ChartTimelineConfigType {
+    type: 'timeline';
+    data: TimelineEvent[];
+    seriesName?: string;
+    datetimeAxis?: boolean;
+    inverted?: boolean;
+    alternateLabels?: boolean;
+    height?: string;
+    loading?: boolean;
+    options?: Options;
+    showLegend?: boolean;
+}

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

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

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

@@ -0,0 +1,13 @@
+import type { Options } from 'highcharts';
+import type { TrendlineSeriesData, ForecastConfig } from '../../nile-trendline-chart/nile-trendline-chart.js';
+/** HighCharts trendline chart config. */
+export interface ChartTrendlineConfigType {
+    type: 'trendline';
+    data: TrendlineSeriesData[];
+    categories?: string[];
+    yAxisTitle?: string;
+    forecast?: ForecastConfig;
+    height?: string;
+    loading?: boolean;
+    options?: Options;
+}

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

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

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

@@ -0,0 +1,11 @@
+import type { Options } from 'highcharts';
+import type { WaterfallDataPoint } from '../../nile-waterfall-chart/nile-waterfall-chart.js';
+/** HighCharts waterfall chart config. */
+export interface ChartWaterfallConfigType {
+    type: 'waterfall';
+    data: WaterfallDataPoint[];
+    yAxisTitle?: string;
+    height?: string;
+    loading?: boolean;
+    options?: Options;
+}

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

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

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

@@ -0,0 +1,35 @@
+export type { AiConfigType } from './ai-config.type.js';
+export type { SwitchableConfigType } from './switchable-config.type.js';
+export type { AqConfigType } from './aq-config.type.js';
+export type { ChartBarConfigType } from './chart-bar-config.type.js';
+export type { ChartPieConfigType } from './chart-pie-config.type.js';
+export type { ChartTrendlineConfigType } from './chart-trendline-config.type.js';
+export type { ChartAnomalyConfigType } from './chart-anomaly-config.type.js';
+export type { ChartLineConfigType } from './chart-line-config.type.js';
+export type { ChartAreaConfigType } from './chart-area-config.type.js';
+export type { ChartColumnConfigType } from './chart-column-config.type.js';
+export type { ChartDonutConfigType } from './chart-donut-config.type.js';
+export type { ChartScatterConfigType } from './chart-scatter-config.type.js';
+export type { ChartBubbleConfigType } from './chart-bubble-config.type.js';
+export type { ChartSplineConfigType } from './chart-spline-config.type.js';
+export type { ChartRadarConfigType } from './chart-radar-config.type.js';
+export type { ChartGaugeConfigType } from './chart-gauge-config.type.js';
+export type { ChartWaterfallConfigType } from './chart-waterfall-config.type.js';
+export type { ChartClusterConfigType } from './chart-cluster-config.type.js';
+export type { ChartStackedConfigType } from './chart-stacked-config.type.js';
+export type { ChartHistogramConfigType } from './chart-histogram-config.type.js';
+export type { ChartBellcurveConfigType } from './chart-bellcurve-config.type.js';
+export type { ChartBoxplotConfigType } from './chart-boxplot-config.type.js';
+export type { ChartTimelineConfigType } from './chart-timeline-config.type.js';
+export type { ChartDumbbellConfigType } from './chart-dumbbell-config.type.js';
+export type { ChartFanConfigType } from './chart-fan-config.type.js';
+export type { ChartFunnelConfigType } from './chart-funnel-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';
+export type { PrimitiveChartConfigType } from './primitive-chart-config.type.js';
+export type { SeparatedChartConfigInputType } from './separated-chart-config-input.type.js';
+export type { AllChartConfigType } from './all-chart-config.type.js';
+export type { ChartConfigType } from './chart-config.type.js';
+export type { NileChartConfigInputType } from './nile-chart-config-input.type.js';
+export type { ChartAiPanelPayload, ChartAiSenderPayload, NileAiPanelConfigInputType, NileAiSenderConfigInputType, } from './nile-ai-widgets-config-input.type.js';

package/dist/src/internal/types/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/dist/src/internal/types/nile-ai-widgets-config-input.type.d.ts

@@ -0,0 +1,23 @@
+import type { AqConfigType } from './aq-config.type.js';
+/** `chart` payload for `<nile-ai-panel>.config`. */
+export interface ChartAiPanelPayload {
+    type: 'aiPanel';
+    placeholder?: string;
+    welcomeMessage?: string;
+}
+/** Separated `{ chart, aq }` input for `<nile-ai-panel>`. */
+export interface NileAiPanelConfigInputType {
+    chart: ChartAiPanelPayload;
+    aq?: AqConfigType;
+}
+/** `chart` payload for `<nile-ai-sender>.config`. */
+export interface ChartAiSenderPayload {
+    type: 'aiSender';
+    placeholder?: string;
+    disabled?: boolean;
+}
+/** Separated `{ chart, aq }` input for `<nile-ai-sender>`. */
+export interface NileAiSenderConfigInputType {
+    chart: ChartAiSenderPayload;
+    aq?: AqConfigType;
+}

package/dist/src/internal/types/nile-ai-widgets-config-input.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=nile-ai-widgets-config-input.type.js.map

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

@@ -0,0 +1,7 @@
+import type { ChartConfigType } from './chart-config.type.js';
+import type { AqConfigType } from './aq-config.type.js';
+/** Input to nileChartConfig(). Discriminated on chart.type. */
+export interface NileChartConfigInputType {
+    chart: ChartConfigType;
+    aq?: AqConfigType;
+}

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

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

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

@@ -0,0 +1,16 @@
+import type { ChartClusterConfigType } from './chart-cluster-config.type.js';
+import type { ChartStackedConfigType } from './chart-stacked-config.type.js';
+import type { ChartHistogramConfigType } from './chart-histogram-config.type.js';
+import type { ChartBellcurveConfigType } from './chart-bellcurve-config.type.js';
+import type { ChartBoxplotConfigType } from './chart-boxplot-config.type.js';
+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 { ChartFlameConfigType } from './chart-flame-config.type.js';
+import type { ChartSpiderwebConfigType } from './chart-spiderweb-config.type.js';
+/**
+ * Chart configs for primitive `<nile-*-chart>` elements (`el.config = { chart, aq }`).
+ * Discriminated on `chart.type`.
+ */
+export type PrimitiveChartConfigType = ChartClusterConfigType | ChartStackedConfigType | ChartHistogramConfigType | ChartBellcurveConfigType | ChartBoxplotConfigType | ChartTimelineConfigType | ChartDumbbellConfigType | ChartFanConfigType | ChartFunnelConfigType | ChartFlameConfigType | ChartSpiderwebConfigType;

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

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

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

@@ -0,0 +1,7 @@
+import type { AqConfigType } from './aq-config.type.js';
+import type { PrimitiveChartConfigType } from './primitive-chart-config.type.js';
+/** Input for primitive `<nile-*-chart>` tags that use `el.config = { chart, aq }`. */
+export interface SeparatedChartConfigInputType {
+    chart: PrimitiveChartConfigType;
+    aq?: AqConfigType;
+}

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

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

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

@@ -0,0 +1,8 @@
+import type { ChartType, SwitchAggregation } from '../../nile-chart/nile-chart-config.js';
+/** Config for chart type switching UI. */
+export interface SwitchableConfigType {
+    /** Chart types the user can switch to. */
+    types?: ChartType[];
+    /** How to aggregate bar data when converting to pie. Default: 'by-category'. */
+    aggregation?: SwitchAggregation;
+}

package/dist/src/internal/types/switchable-config.type.js

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

package/dist/src/nile-ai-panel/index.d.ts

@@ -1 +1,2 @@
 export { NileAiPanel } from './nile-ai-panel.js';
+export type { ChartAiPanelPayload, NileAiPanelConfigInputType, } from '../internal/types/nile-ai-widgets-config-input.type.js';

package/dist/src/nile-ai-panel/nile-ai-panel.d.ts

@@ -1,8 +1,11 @@
-import type { CSSResultGroup, TemplateResult } from 'lit';
+import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
 import NileElement from '../internal/nile-element.js';
+import type { NileAiPanelConfigInputType } from '../internal/types/nile-ai-widgets-config-input.type.js';
 import '../nile-ai-sender/index.js';
 export declare class NileAiPanel extends NileElement {
     static styles: CSSResultGroup;
+    /** Full configuration: `{ chart, aq }` (same convention as Nile charts). */
+    config: NileAiPanelConfigInputType | null;
     /** Placeholder text passed to nile-ai-sender. */
     placeholder: string;
     /** Welcome message shown when the panel opens. */
@@ -10,6 +13,10 @@ export declare class NileAiPanel extends NileElement {
     private messages;
     private loading;
     private messagesEl;
+    /** Apply `{ chart, aq }` to individual properties. */
+    private applyConfig;
+    connectedCallback(): void;
+    protected updated(changedProperties: PropertyValues): void;
     /** Add a user message to the conversation. */
     addUserMessage(text: string): void;
     /** Add an assistant response to the conversation. */

package/dist/src/nile-ai-panel/nile-ai-panel.js

@@ -7,6 +7,8 @@ import '../nile-ai-sender/index.js';
 let NileAiPanel = class NileAiPanel extends NileElement {
     constructor() {
         super(...arguments);
+        /** Full configuration: `{ chart, aq }` (same convention as Nile charts). */
+        this.config = null;
         /** Placeholder text passed to nile-ai-sender. */
         this.placeholder = 'Ask about this chart...';
         /** Welcome message shown when the panel opens. */
@@ -14,6 +16,35 @@ let NileAiPanel = class NileAiPanel extends NileElement {
         this.messages = [];
         this.loading = false;
     }
+    /** Apply `{ chart, aq }` to individual properties. */
+    applyConfig(cfg) {
+        const { chart: c, aq } = cfg;
+        if (aq) {
+            if (aq.ai?.placeholder != null)
+                this.placeholder = aq.ai.placeholder;
+            if (aq.ai?.welcomeMessage != null)
+                this.welcomeMessage = aq.ai.welcomeMessage;
+        }
+        if (c) {
+            const p = c;
+            if (p.placeholder !== undefined)
+                this.placeholder = p.placeholder;
+            if (p.welcomeMessage !== undefined)
+                this.welcomeMessage = p.welcomeMessage;
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.config)
+            this.applyConfig(this.config);
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('config') && this.config) {
+            this.applyConfig(this.config);
+            return;
+        }
+        super.updated(changedProperties);
+    }
     /** Add a user message to the conversation. */
     addUserMessage(text) {
         this.messages = [...this.messages, { role: 'user', text }];
@@ -76,6 +107,9 @@ let NileAiPanel = class NileAiPanel extends NileElement {
     }
 };
 NileAiPanel.styles = styles;
+__decorate([
+    property({ type: Object })
+], NileAiPanel.prototype, "config", void 0);
 __decorate([
     property({ type: String })
 ], NileAiPanel.prototype, "placeholder", void 0);

package/dist/src/nile-ai-sender/index.d.ts

@@ -1 +1,2 @@
 export { NileAiSender } from './nile-ai-sender.js';
+export type { ChartAiSenderPayload, NileAiSenderConfigInputType, } from '../internal/types/nile-ai-widgets-config-input.type.js';

package/dist/src/nile-ai-sender/nile-ai-sender.d.ts

@@ -1,13 +1,20 @@
-import type { CSSResultGroup, TemplateResult } from 'lit';
+import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
 import NileElement from '../internal/nile-element.js';
+import type { NileAiSenderConfigInputType } from '../internal/types/nile-ai-widgets-config-input.type.js';
 export declare class NileAiSender extends NileElement {
     static styles: CSSResultGroup;
+    /** Full configuration: `{ chart, aq }` (same convention as Nile charts). */
+    config: NileAiSenderConfigInputType | null;
     /** Placeholder text for the input. */
     placeholder: string;
     /** Whether the input is disabled. */
     disabled: boolean;
     private value;
     private inputEl;
+    /** Apply `{ chart, aq }` to individual properties. */
+    private applyConfig;
+    connectedCallback(): void;
+    protected updated(changedProperties: PropertyValues): void;
     private handleInput;
     private handleKeyDown;
     private send;

package/dist/src/nile-ai-sender/nile-ai-sender.js

@@ -6,12 +6,39 @@ import { styles } from './nile-ai-sender.css.js';
 let NileAiSender = class NileAiSender extends NileElement {
     constructor() {
         super(...arguments);
+        /** Full configuration: `{ chart, aq }` (same convention as Nile charts). */
+        this.config = null;
         /** Placeholder text for the input. */
         this.placeholder = 'Ask about this chart...';
         /** Whether the input is disabled. */
         this.disabled = false;
         this.value = '';
     }
+    /** Apply `{ chart, aq }` to individual properties. */
+    applyConfig(cfg) {
+        const { chart: c, aq } = cfg;
+        if (aq?.ai?.placeholder != null)
+            this.placeholder = aq.ai.placeholder;
+        if (c) {
+            const s = c;
+            if (s.placeholder !== undefined)
+                this.placeholder = s.placeholder;
+            if (s.disabled !== undefined)
+                this.disabled = s.disabled;
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.config)
+            this.applyConfig(this.config);
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('config') && this.config) {
+            this.applyConfig(this.config);
+            return;
+        }
+        super.updated(changedProperties);
+    }
     handleInput(e) {
         this.value = e.target.value;
     }
@@ -58,6 +85,9 @@ let NileAiSender = class NileAiSender extends NileElement {
     }
 };
 NileAiSender.styles = styles;
+__decorate([
+    property({ type: Object })
+], NileAiSender.prototype, "config", void 0);
 __decorate([
     property({ type: String })
 ], NileAiSender.prototype, "placeholder", void 0);

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

@@ -1,6 +1,7 @@
 import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
 import type Highcharts from 'highcharts';
 import NileElement from '../internal/nile-element.js';
+import type { NileChartConfigInputType } from '../internal/types/index.js';
 export interface AnomalySeriesData {
     name: string;
     data: number[];
@@ -20,6 +21,8 @@ export declare class NileAnomalyChart extends NileElement {
     private chart;
     private resizeObserver;
     private chartContainer;
+    /** Full chart configuration. Accepts separated { chart, aq } input. */
+    config: NileChartConfigInputType | null;
     /** The chart title displayed above the chart. */
     chartTitle: string;
     /** The subtitle displayed below the title. */
@@ -38,6 +41,9 @@ export declare class NileAnomalyChart extends NileElement {
     height: string;
     /** Y-axis title text. */
     yAxisTitle: string;
+    /** Apply { chart, aq } config to individual properties. */
+    private applyConfig;
+    connectedCallback(): void;
     disconnectedCallback(): void;
     protected firstUpdated(): void;
     protected updated(changedProperties: PropertyValues): void;

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

@@ -11,6 +11,8 @@ let NileAnomalyChart = class NileAnomalyChart extends NileElement {
         this._hc = null;
         this.chart = null;
         this.resizeObserver = null;
+        /** Full chart configuration. Accepts separated { chart, aq } input. */
+        this.config = null;
         /** The chart title displayed above the chart. */
         this.chartTitle = '';
         /** The subtitle displayed below the title. */
@@ -30,6 +32,38 @@ let NileAnomalyChart = class NileAnomalyChart extends NileElement {
         /** Y-axis title text. */
         this.yAxisTitle = '';
     }
+    /** Apply { chart, aq } config to individual properties. */
+    applyConfig(cfg) {
+        const { chart: c, aq } = cfg;
+        if (c) {
+            const anom = c;
+            if (anom.data)
+                this.data = anom.data;
+            if (anom.categories)
+                this.categories = anom.categories;
+            if (anom.yAxisTitle)
+                this.yAxisTitle = anom.yAxisTitle;
+            if (anom.height)
+                this.height = anom.height;
+            if (anom.loading !== undefined)
+                this.loading = anom.loading;
+            if (anom.options)
+                this.options = anom.options;
+            if (anom.anomaly)
+                this.anomaly = anom.anomaly;
+        }
+        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();
@@ -41,6 +75,10 @@ let NileAnomalyChart = class NileAnomalyChart extends NileElement {
         this.setupResizeObserver();
     }
     updated(changedProperties) {
+        if (changedProperties.has('config') && this.config) {
+            this.applyConfig(this.config);
+            return;
+        }
         const chartProps = [
             'data',
             'categories',
@@ -234,6 +272,9 @@ NileAnomalyChart.styles = styles;
 __decorate([
     query('.chart-container')
 ], NileAnomalyChart.prototype, "chartContainer", void 0);
+__decorate([
+    property({ type: Object })
+], NileAnomalyChart.prototype, "config", void 0);
 __decorate([
     property({ type: String, attribute: 'chart-title' })
 ], NileAnomalyChart.prototype, "chartTitle", void 0);

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

@@ -1,6 +1,7 @@
 import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
 import type Highcharts from 'highcharts';
 import NileElement from '../internal/nile-element.js';
+import type { NileChartConfigInputType } from '../internal/types/index.js';
 export interface AreaChartSeriesData {
     name: string;
     data: number[];
@@ -12,6 +13,8 @@ export declare class NileAreaChart extends NileElement {
     private chart;
     private resizeObserver;
     private chartContainer;
+    /** Full chart configuration. Accepts separated { chart, aq } input. */
+    config: NileChartConfigInputType | null;
     chartTitle: string;
     chartSubtitle: string;
     data: AreaChartSeriesData[];
@@ -21,6 +24,9 @@ export declare class NileAreaChart extends NileElement {
     height: string;
     yAxisTitle: string;
     stacked: boolean;
+    /** Apply { chart, aq } config to individual properties. */
+    private applyConfig;
+    connectedCallback(): void;
     disconnectedCallback(): void;
     protected firstUpdated(): void;
     protected updated(changedProperties: PropertyValues): void;

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

@@ -11,6 +11,8 @@ let NileAreaChart = class NileAreaChart 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 = [];
@@ -21,6 +23,38 @@ let NileAreaChart = class NileAreaChart extends NileElement {
         this.yAxisTitle = '';
         this.stacked = false;
     }
+    /** Apply { chart, aq } config to individual properties. */
+    applyConfig(cfg) {
+        const { chart: c, aq } = cfg;
+        if (c) {
+            const area = c;
+            if (area.data)
+                this.data = area.data;
+            if (area.categories)
+                this.categories = area.categories;
+            if (area.yAxisTitle)
+                this.yAxisTitle = area.yAxisTitle;
+            if (area.height)
+                this.height = area.height;
+            if (area.loading !== undefined)
+                this.loading = area.loading;
+            if (area.options)
+                this.options = area.options;
+            if (area.stacked !== undefined)
+                this.stacked = area.stacked;
+        }
+        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();
@@ -29,6 +63,10 @@ let NileAreaChart = class NileAreaChart extends NileElement {
     }
     firstUpdated() { this.initChart(); this.setupResizeObserver(); }
     updated(changedProperties) {
+        if (changedProperties.has('config') && this.config) {
+            this.applyConfig(this.config);
+            return;
+        }
         const props = ['data', 'categories', 'chartTitle', 'chartSubtitle', 'options', 'height', 'yAxisTitle', 'stacked', 'loading'];
         if (!props.some(p => changedProperties.has(p)))
             return;
@@ -88,6 +126,9 @@ NileAreaChart.styles = styles;
 __decorate([
     query('.chart-container')
 ], NileAreaChart.prototype, "chartContainer", void 0);
+__decorate([
+    property({ type: Object })
+], NileAreaChart.prototype, "config", void 0);
 __decorate([
     property({ type: String, attribute: 'chart-title' })
 ], NileAreaChart.prototype, "chartTitle", void 0);

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

@@ -1,6 +1,7 @@
 import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
 import type Highcharts from 'highcharts';
 import NileElement from '../internal/nile-element.js';
+import type { NileChartConfigInputType } from '../internal/types/index.js';
 export interface BarChartSeriesData {
     name: string;
     data: number[];
@@ -12,6 +13,8 @@ export declare class NileBarChart extends NileElement {
     private chart;
     private resizeObserver;
     private chartContainer;
+    /** Full chart configuration. Accepts separated { chart, aq } input. */
+    config: NileChartConfigInputType | null;
     /** The chart title displayed above the chart. */
     chartTitle: string;
     /** The subtitle displayed below the title. */
@@ -28,6 +31,9 @@ export declare class NileBarChart extends NileElement {
     height: string;
     /** Y-axis title text. */
     yAxisTitle: string;
+    /** Apply { chart, aq } config to individual properties. */
+    private applyConfig;
+    connectedCallback(): void;
     disconnectedCallback(): void;
     protected firstUpdated(): void;
     protected updated(changedProperties: PropertyValues): void;