@aquera/nile-visualization 0.1.0 → 0.2.0

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

@@ -11,6 +11,8 @@ let NileWaterfallChart = class NileWaterfallChart 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 = [];
@@ -19,6 +21,34 @@ let NileWaterfallChart = class NileWaterfallChart extends NileElement {
         this.height = '400px';
         this.yAxisTitle = '';
     }
+    /** Apply { chart, aq } config to individual properties. */
+    applyConfig(cfg) {
+        const { chart: c, aq } = cfg;
+        if (c) {
+            const wf = c;
+            if (wf.data)
+                this.data = wf.data;
+            if (wf.yAxisTitle)
+                this.yAxisTitle = wf.yAxisTitle;
+            if (wf.height)
+                this.height = wf.height;
+            if (wf.loading !== undefined)
+                this.loading = wf.loading;
+            if (wf.options)
+                this.options = wf.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();
@@ -27,6 +57,10 @@ let NileWaterfallChart = class NileWaterfallChart 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', 'yAxisTitle', 'loading'];
         if (!props.some(p => changedProperties.has(p)))
             return;
@@ -109,6 +143,9 @@ NileWaterfallChart.styles = styles;
 __decorate([
     query('.chart-container')
 ], NileWaterfallChart.prototype, "chartContainer", void 0);
+__decorate([
+    property({ type: Object })
+], NileWaterfallChart.prototype, "config", void 0);
 __decorate([
     property({ type: String, attribute: 'chart-title' })
 ], NileWaterfallChart.prototype, "chartTitle", void 0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aquera/nile-visualization",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "A visualization Library for the Nile Design System",
   "license": "MIT",
   "author": "Aquera Inc",
@@ -14,6 +14,14 @@
     "./nile-line-chart": "./dist/src/nile-line-chart/index.js",
     "./nile-area-chart": "./dist/src/nile-area-chart/index.js",
     "./nile-column-chart": "./dist/src/nile-column-chart/index.js",
+    "./nile-cluster-chart": "./dist/src/nile-cluster-chart/index.js",
+    "./nile-stacked-chart": "./dist/src/nile-stacked-chart/index.js",
+    "./nile-histogram-chart": "./dist/src/nile-histogram-chart/index.js",
+    "./nile-bellcurve-chart": "./dist/src/nile-bellcurve-chart/index.js",
+    "./nile-boxplot-chart": "./dist/src/nile-boxplot-chart/index.js",
+    "./nile-timeline-chart": "./dist/src/nile-timeline-chart/index.js",
+    "./nile-dumbbell-chart": "./dist/src/nile-dumbbell-chart/index.js",
+    "./nile-fan-chart": "./dist/src/nile-fan-chart/index.js",
     "./nile-spline-chart": "./dist/src/nile-spline-chart/index.js",
     "./nile-donut-chart": "./dist/src/nile-donut-chart/index.js",
     "./nile-scatter-chart": "./dist/src/nile-scatter-chart/index.js",
@@ -21,6 +29,9 @@
     "./nile-radar-chart": "./dist/src/nile-radar-chart/index.js",
     "./nile-gauge-chart": "./dist/src/nile-gauge-chart/index.js",
     "./nile-waterfall-chart": "./dist/src/nile-waterfall-chart/index.js",
+    "./nile-funnel-chart": "./dist/src/nile-funnel-chart/index.js",
+    "./nile-flame-chart": "./dist/src/nile-flame-chart/index.js",
+    "./nile-spiderweb-chart": "./dist/src/nile-spiderweb-chart/index.js",
     "./nile-trendline-chart": "./dist/src/nile-trendline-chart/index.js",
     "./nile-anomaly-chart": "./dist/src/nile-anomaly-chart/index.js",
     "./nile-ai-sender": "./dist/src/nile-ai-sender/index.js",