@aquera/nile-visualization 2.9.8 → 2.9.9

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

@@ -117,6 +117,7 @@ export interface NileAiConfig {
 export interface NileChartConfigBase {
     chartTitle?: string;
     chartSubtitle?: string;
+    noHeader?: boolean;
     height?: string;
     loading?: boolean;
     options?: import('highcharts').Options;

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

@@ -172,6 +172,15 @@ export const styles = css `
     contain: layout style;
   }
 
+  :host([no-header]) .nile-chart-inner {
+    border-radius: var(--nile-radius-radius-3xl, var(--ng-radius-xl));
+    padding-top: var(--nile-spacing-2xl, var(--ng-spacing-2xl));
+  }
+
+  :host([no-header][appearance="minimal"]) .nile-chart-inner {
+    padding-top: 0;
+  }
+
   /* Grid layout:
      - card uses clip-path (not overflow:hidden) so position:sticky on the header is not broken
      - height goes on nile-data-grid itself so .scroll-container inside shadow DOM scrolls,

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

@@ -66,6 +66,8 @@ export declare class NileChart extends NileElement {
      * ```
      */
     loading: boolean;
+    noHeader: boolean;
+    appearance: string | 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.

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

@@ -135,6 +135,8 @@ let NileChart = class NileChart extends NileElement {
          * ```
          */
         this.loading = false;
+        this.noHeader = false;
+        this.appearance = 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.
@@ -248,6 +250,14 @@ let NileChart = class NileChart extends NileElement {
             this.resolvedConfig = this.resolveConfig(this.config);
             this.activeType = this.resolvedConfig.type;
             this.activeConfig = this.resolvedConfig;
+            const resolved = this.resolvedConfig;
+            // appearance="minimal" on filter charts implies a header-less compact layout.
+            const minimalFilter = resolved.type === 'filter' && resolved.appearance === 'minimal';
+            const cfgNoHeader = resolved.noHeader === true || minimalFilter;
+            if (cfgNoHeader && !this.noHeader)
+                this.noHeader = true;
+            if (resolved.appearance && this.appearance !== resolved.appearance)
+                this.appearance = resolved.appearance;
         }
     }
     toggleMenu(e) {
@@ -360,6 +370,12 @@ let NileChart = class NileChart extends NileElement {
         return false;
     }
     shouldShowHeader() {
+        if (this.noHeader)
+            return false;
+        if (this.resolvedConfig?.noHeader === true)
+            return false;
+        if (this.activeConfig?.noHeader === true)
+            return false;
         const hasTitles = !!(this.headerTitle || this.headerSubtitle);
         const menuEnabled = this.resolvedConfig?.menu?.enabled === true || this.menu?.enabled === true;
         const hasBuiltinActions = this.aiEnabled || (this.resolvedConfig?.switchableTypes?.length ?? 0) > 0 || menuEnabled;
@@ -1755,6 +1771,12 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], NileChart.prototype, "loading", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'no-header' })
+], NileChart.prototype, "noHeader", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NileChart.prototype, "appearance", void 0);
 __decorate([
     property({ type: String, attribute: 'chart-type' })
 ], NileChart.prototype, "chartTypeAttr", void 0);