@aquera/nile-visualization 0.5.0 → 0.6.0

package/dist/src/nile-widget-viewer/nile-widget-viewer.d.ts

@@ -0,0 +1,33 @@
+import { nothing } from 'lit';
+import type { CSSResultGroup, TemplateResult } from 'lit';
+import NileElement from '../internal/nile-element.js';
+import type { NileWidgetConfig } from '../internal/types/widget-config.type.js';
+import '../nile-chart/index.js';
+import '../nile-kpi-chart/index.js';
+/**
+ * Renders a single dashboard widget — either a `<nile-chart>` or a `<nile-kpi-chart>` —
+ * based on the discriminated `type` field of the config.
+ *
+ * @example
+ * ```html
+ * <nile-widget-viewer></nile-widget-viewer>
+ * ```
+ * ```js
+ * el.config = {
+ *   type: 'chart',
+ *   layout: { x: 0, y: 0, w: 6, h: 4 },
+ *   nileConfig: { chart: { type: 'pie', data: [...] }, aq: { chartTitle: 'My Chart' } }
+ * };
+ * ```
+ */
+export declare class NileWidgetViewer extends NileElement {
+    static styles: CSSResultGroup;
+    /** Widget configuration. Discriminated on `type`: `'chart'` or `'kpi'`. */
+    config: NileWidgetConfig | null;
+    render(): TemplateResult | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-widget-viewer': NileWidgetViewer;
+    }
+}

package/dist/src/nile-widget-viewer/nile-widget-viewer.js

@@ -0,0 +1,50 @@
+import { __decorate } from "tslib";
+import { customElement, property } from 'lit/decorators.js';
+import { html, nothing } from 'lit';
+import NileElement from '../internal/nile-element.js';
+import { styles } from './nile-widget-viewer.css.js';
+import '../nile-chart/index.js';
+import '../nile-kpi-chart/index.js';
+/**
+ * Renders a single dashboard widget — either a `<nile-chart>` or a `<nile-kpi-chart>` —
+ * based on the discriminated `type` field of the config.
+ *
+ * @example
+ * ```html
+ * <nile-widget-viewer></nile-widget-viewer>
+ * ```
+ * ```js
+ * el.config = {
+ *   type: 'chart',
+ *   layout: { x: 0, y: 0, w: 6, h: 4 },
+ *   nileConfig: { chart: { type: 'pie', data: [...] }, aq: { chartTitle: 'My Chart' } }
+ * };
+ * ```
+ */
+let NileWidgetViewer = class NileWidgetViewer extends NileElement {
+    constructor() {
+        super(...arguments);
+        /** Widget configuration. Discriminated on `type`: `'chart'` or `'kpi'`. */
+        this.config = null;
+    }
+    render() {
+        if (!this.config)
+            return nothing;
+        if (this.config.type === 'chart') {
+            return html `<nile-chart .config=${this.config.nileConfig}></nile-chart>`;
+        }
+        if (this.config.type === 'kpi') {
+            return html `<nile-kpi-chart .config=${this.config.nileConfig}></nile-kpi-chart>`;
+        }
+        return nothing;
+    }
+};
+NileWidgetViewer.styles = styles;
+__decorate([
+    property({ type: Object })
+], NileWidgetViewer.prototype, "config", void 0);
+NileWidgetViewer = __decorate([
+    customElement('nile-widget-viewer')
+], NileWidgetViewer);
+export { NileWidgetViewer };
+//# sourceMappingURL=nile-widget-viewer.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aquera/nile-visualization",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "A visualization Library for the Nile Design System",
   "license": "MIT",
   "author": "Aquera Inc",
@@ -40,7 +40,9 @@
     "./nile-ai-sender": "./dist/src/nile-ai-sender/index.js",
     "./nile-ai-panel": "./dist/src/nile-ai-panel/index.js",
     "./nile-kpi-chart": "./dist/src/nile-kpi-chart/index.js",
-    "./nile-chart": "./dist/src/nile-chart/index.js"
+    "./nile-chart": "./dist/src/nile-chart/index.js",
+    "./nile-widget-viewer": "./dist/src/nile-widget-viewer/index.js",
+    "./nile-dashboard-viewer": "./dist/src/nile-dashboard-viewer/index.js"
   },
   "files": [
     "dist/src/**/*.js",