@luzmo/analytics-components-kit 1.3.0 → 2.0.0

package/angular/components/item-option-guidelines.ts

@@ -1,6 +1,6 @@
 import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, OnChanges, output, Renderer2, SimpleChanges } from '@angular/core';
 import '@luzmo/analytics-components-kit/item-option-guidelines';
-import type { LuzmoItemOptionGuidelines as LuzmoItemOptionGuidelinesHostElement, ItemOptionChangedEventDetail, ItemOptionInteractionEventDetail } from '@luzmo/analytics-components-kit/item-option-guidelines';
+import type { LuzmoItemOptionGuidelines as LuzmoItemOptionGuidelinesHostElement, Guidelines, ItemOptionChangedEventDetail, ItemOptionInteractionEventDetail } from '@luzmo/analytics-components-kit/item-option-guidelines';
 export type { GuidelineLine, GuidelineLineType, GuidelineStyle, GuidelineStyleType, GuidelineWidth, Guidelines, ItemOptionChangedEventDetail, ItemOptionInteraction, ItemOptionInteractionEventDetail } from '@luzmo/analytics-components-kit/item-option-guidelines';
 
 @Component({
@@ -25,6 +25,18 @@ export class LuzmoItemOptionGuidelines implements OnChanges {
     return this.host;
   }
 
+  /** The current guidelines value (`lines` plus shared `style`). */
+  @Input({ alias: 'value' })
+  value?: Guidelines;
+
+  /** Allowed guideline calculation types for this chart (from the option config enum). */
+  @Input({ alias: 'lineTypes' })
+  lineTypes?: string[];
+
+  /** Display labels for guideline types (key → label). Missing keys fall back to built-in copy. */
+  @Input({ alias: 'lineTypeLabels' })
+  lineTypeLabels?: Record<string, string>;
+
   /** Default color used when adding a guideline. */
   @Input({ alias: 'defaultColor' })
   defaultColor?: string;
@@ -58,6 +70,15 @@ export class LuzmoItemOptionGuidelines implements OnChanges {
   ngOnChanges(changes: SimpleChanges): void {
     for (const key of Object.keys(changes)) {
       switch (key) {
+        case 'value':
+          this.setHostProperty('value', changes['value'].currentValue);
+          break;
+        case 'lineTypes':
+          this.setHostProperty('lineTypes', changes['lineTypes'].currentValue);
+          break;
+        case 'lineTypeLabels':
+          this.setHostProperty('lineTypeLabels', changes['lineTypeLabels'].currentValue);
+          break;
         case 'defaultColor':
           this.setHostProperty('defaultColor', changes['defaultColor'].currentValue);
           break;

package/angular/components/item-option-multi-language-field.ts

@@ -25,10 +25,6 @@ export class LuzmoItemOptionMultiLanguageField implements OnChanges {
     return this.host;
   }
 
-  /** Internal timer handle used to debounce change events. */
-  @Input({ alias: 'debounceTimeout' })
-  debounceTimeout?: any;
-
   /** The current value per language (language code → text). */
   @Input({ alias: 'value' })
   value?: Record<string, string>;
@@ -61,6 +57,10 @@ export class LuzmoItemOptionMultiLanguageField implements OnChanges {
   @Input({ alias: 'debounce' })
   debounce?: number;
 
+  /** Internal timer handle used to debounce change events. */
+  @Input({ alias: 'debounceTimeout' })
+  debounceTimeout?: any;
+
   /** Emitted when the option value changes. */
   readonly luzmoOptionChanged = output<CustomEvent<ItemOptionChangedEventDetail>>({ alias: 'luzmoOptionChanged' });
 
@@ -76,9 +76,6 @@ export class LuzmoItemOptionMultiLanguageField implements OnChanges {
   ngOnChanges(changes: SimpleChanges): void {
     for (const key of Object.keys(changes)) {
       switch (key) {
-        case 'debounceTimeout':
-          this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
-          break;
         case 'value':
           this.setHostProperty('value', changes['value'].currentValue);
           break;
@@ -103,6 +100,9 @@ export class LuzmoItemOptionMultiLanguageField implements OnChanges {
         case 'debounce':
           this.setHostProperty('debounce', changes['debounce'].currentValue);
           break;
+        case 'debounceTimeout':
+          this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
+          break;
         default:
           break;
       }

package/angular/components/item-option-number-field.ts

@@ -25,14 +25,6 @@ export class LuzmoItemOptionNumberField implements OnChanges {
     return this.host;
   }
 
-  /** Delay in milliseconds before the change event is emitted after the user stops interacting. */
-  @Input({ alias: 'debounce' })
-  debounce?: number;
-
-  /** Internal timer handle used to debounce change events. */
-  @Input({ alias: 'debounceTimeout' })
-  debounceTimeout?: any;
-
   /** Whether the control is disabled (non-interactive). */
   @Input({ alias: 'disabled', transform: booleanAttribute })
   disabled?: boolean;
@@ -69,6 +61,10 @@ export class LuzmoItemOptionNumberField implements OnChanges {
   @Input({ alias: 'unit', transform: booleanAttribute })
   unit?: boolean;
 
+  /** Delay in milliseconds before the change event is emitted after the user stops interacting. */
+  @Input({ alias: 'debounce' })
+  debounce?: number;
+
   /** Optional transform applied to the stored value before it is displayed in the control. */
   @Input({ alias: 'parseValue' })
   parseValue?: unknown;
@@ -77,6 +73,10 @@ export class LuzmoItemOptionNumberField implements OnChanges {
   @Input({ alias: 'toValue' })
   toValue?: unknown;
 
+  /** Internal timer handle used to debounce change events. */
+  @Input({ alias: 'debounceTimeout' })
+  debounceTimeout?: any;
+
   /** Emitted when the option value changes. */
   readonly luzmoOptionChanged = output<CustomEvent<ItemOptionChangedEventDetail>>({ alias: 'luzmoOptionChanged' });
 
@@ -92,12 +92,6 @@ export class LuzmoItemOptionNumberField implements OnChanges {
   ngOnChanges(changes: SimpleChanges): void {
     for (const key of Object.keys(changes)) {
       switch (key) {
-        case 'debounce':
-          this.setHostProperty('debounce', changes['debounce'].currentValue);
-          break;
-        case 'debounceTimeout':
-          this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
-          break;
         case 'disabled':
           this.setHostProperty('disabled', changes['disabled'].currentValue);
           break;
@@ -125,12 +119,18 @@ export class LuzmoItemOptionNumberField implements OnChanges {
         case 'unit':
           this.setHostProperty('unit', changes['unit'].currentValue);
           break;
+        case 'debounce':
+          this.setHostProperty('debounce', changes['debounce'].currentValue);
+          break;
         case 'parseValue':
           this.setHostProperty('parseValue', changes['parseValue'].currentValue);
           break;
         case 'toValue':
           this.setHostProperty('toValue', changes['toValue'].currentValue);
           break;
+        case 'debounceTimeout':
+          this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
+          break;
         default:
           break;
       }

package/angular/components/item-option-positions-number-field.ts

@@ -25,14 +25,6 @@ export class LuzmoItemOptionPositionsNumberField implements OnChanges {
     return this.host;
   }
 
-  /** The value applied to all positions when sync is enabled. */
-  @Input({ alias: 'syncedValue' })
-  syncedValue?: number;
-
-  /** Internal timer handle used to debounce change events. */
-  @Input({ alias: 'debounceTimeout' })
-  debounceTimeout?: any;
-
   /** Which positions to render input fields for (e.g. top/right/bottom/left, or corners and center). */
   @Input({ alias: 'positions' })
   positions?: ('top' | 'right' | 'bottom' | 'left' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'center')[];
@@ -65,6 +57,14 @@ export class LuzmoItemOptionPositionsNumberField implements OnChanges {
   @Input({ alias: 'sync', transform: booleanAttribute })
   sync?: boolean;
 
+  /** The value applied to all positions when sync is enabled. */
+  @Input({ alias: 'syncedValue' })
+  syncedValue?: number;
+
+  /** Internal timer handle used to debounce change events. */
+  @Input({ alias: 'debounceTimeout' })
+  debounceTimeout?: any;
+
   /** Emitted when the option value changes. */
   readonly luzmoOptionChanged = output<CustomEvent<ItemOptionChangedEventDetail>>({ alias: 'luzmoOptionChanged' });
 
@@ -80,12 +80,6 @@ export class LuzmoItemOptionPositionsNumberField implements OnChanges {
   ngOnChanges(changes: SimpleChanges): void {
     for (const key of Object.keys(changes)) {
       switch (key) {
-        case 'syncedValue':
-          this.setHostProperty('syncedValue', changes['syncedValue'].currentValue);
-          break;
-        case 'debounceTimeout':
-          this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
-          break;
         case 'positions':
           this.setHostProperty('positions', changes['positions'].currentValue);
           break;
@@ -110,6 +104,12 @@ export class LuzmoItemOptionPositionsNumberField implements OnChanges {
         case 'sync':
           this.setHostProperty('sync', changes['sync'].currentValue);
           break;
+        case 'syncedValue':
+          this.setHostProperty('syncedValue', changes['syncedValue'].currentValue);
+          break;
+        case 'debounceTimeout':
+          this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
+          break;
         default:
           break;
       }

package/angular/components/item-option-radio-button-group.ts

@@ -25,10 +25,6 @@ export class LuzmoItemOptionRadioButtonGroup implements OnChanges {
     return this.host;
   }
 
-  /** Internal timer handle used to debounce change events. */
-  @Input({ alias: 'debounceTimeout' })
-  debounceTimeout?: any;
-
   /** The available options to choose from (key → label). */
   @Input({ alias: 'values' })
   values?: Record<string, string>;
@@ -53,6 +49,10 @@ export class LuzmoItemOptionRadioButtonGroup implements OnChanges {
   @Input({ alias: 'toValue' })
   toValue?: unknown;
 
+  /** Internal timer handle used to debounce change events. */
+  @Input({ alias: 'debounceTimeout' })
+  debounceTimeout?: any;
+
   /** Emitted when the option value changes. */
   readonly luzmoOptionChanged = output<CustomEvent<ItemOptionChangedEventDetail>>({ alias: 'luzmoOptionChanged' });
 
@@ -68,9 +68,6 @@ export class LuzmoItemOptionRadioButtonGroup implements OnChanges {
   ngOnChanges(changes: SimpleChanges): void {
     for (const key of Object.keys(changes)) {
       switch (key) {
-        case 'debounceTimeout':
-          this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
-          break;
         case 'values':
           this.setHostProperty('values', changes['values'].currentValue);
           break;
@@ -89,6 +86,9 @@ export class LuzmoItemOptionRadioButtonGroup implements OnChanges {
         case 'toValue':
           this.setHostProperty('toValue', changes['toValue'].currentValue);
           break;
+        case 'debounceTimeout':
+          this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
+          break;
         default:
           break;
       }

package/angular/components/item-option-text-field.ts

@@ -25,10 +25,6 @@ export class LuzmoItemOptionTextField implements OnChanges {
     return this.host;
   }
 
-  /** Internal timer handle used to debounce change events. */
-  @Input({ alias: 'debounceTimeout' })
-  debounceTimeout?: any;
-
   /** The current text value. */
   @Input({ alias: 'value' })
   value?: string;
@@ -49,6 +45,10 @@ export class LuzmoItemOptionTextField implements OnChanges {
   @Input({ alias: 'debounce' })
   debounce?: number;
 
+  /** Internal timer handle used to debounce change events. */
+  @Input({ alias: 'debounceTimeout' })
+  debounceTimeout?: any;
+
   /** Emitted when the option value changes. */
   readonly luzmoOptionChanged = output<CustomEvent<ItemOptionChangedEventDetail>>({ alias: 'luzmoOptionChanged' });
 
@@ -64,9 +64,6 @@ export class LuzmoItemOptionTextField implements OnChanges {
   ngOnChanges(changes: SimpleChanges): void {
     for (const key of Object.keys(changes)) {
       switch (key) {
-        case 'debounceTimeout':
-          this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
-          break;
         case 'value':
           this.setHostProperty('value', changes['value'].currentValue);
           break;
@@ -82,6 +79,9 @@ export class LuzmoItemOptionTextField implements OnChanges {
         case 'debounce':
           this.setHostProperty('debounce', changes['debounce'].currentValue);
           break;
+        case 'debounceTimeout':
+          this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
+          break;
         default:
           break;
       }

package/angular/components/item-slot-drop-panel.ts

@@ -27,6 +27,10 @@ export class LuzmoItemSlotDropPanel implements OnChanges {
     return this.host;
   }
 
+  /** Whether a comparison filter currently applies to this item. Runtime only; never saved in slot contents. */
+  @Input({ alias: 'hasConnectedComparisonFilter', transform: booleanAttribute })
+  hasConnectedComparisonFilter?: boolean;
+
   /** The type of the item (e.g., 'bar-chart', 'line-chart', 'area-chart') */
   @Input({ alias: 'itemType' })
   itemType?: VizItemType | string;
@@ -133,6 +137,9 @@ export class LuzmoItemSlotDropPanel implements OnChanges {
   ngOnChanges(changes: SimpleChanges): void {
     for (const key of Object.keys(changes)) {
       switch (key) {
+        case 'hasConnectedComparisonFilter':
+          this.setHostProperty('hasConnectedComparisonFilter', changes['hasConnectedComparisonFilter'].currentValue);
+          break;
         case 'itemType':
           this.setHostProperty('itemType', changes['itemType'].currentValue);
           break;

package/angular/components/item-slot-drop.ts

@@ -27,6 +27,10 @@ export class LuzmoItemSlotDrop implements OnChanges {
     return this.host;
   }
 
+  /** Whether a comparison filter currently applies to this item. Runtime only; never saved in slot contents. */
+  @Input({ alias: 'hasConnectedComparisonFilter', transform: booleanAttribute })
+  hasConnectedComparisonFilter?: boolean;
+
   /** The visualization item type that determines the available slots and their configuration. */
   @Input({ alias: 'itemType' })
   itemType?: VizItemType;
@@ -122,6 +126,9 @@ export class LuzmoItemSlotDrop implements OnChanges {
   ngOnChanges(changes: SimpleChanges): void {
     for (const key of Object.keys(changes)) {
       switch (key) {
+        case 'hasConnectedComparisonFilter':
+          this.setHostProperty('hasConnectedComparisonFilter', changes['hasConnectedComparisonFilter'].currentValue);
+          break;
         case 'itemType':
           this.setHostProperty('itemType', changes['itemType'].currentValue);
           break;

package/angular/components/item-slot-picker-panel.ts

@@ -28,6 +28,10 @@ export class LuzmoItemSlotPickerPanel implements OnChanges {
     return this.host;
   }
 
+  /** Whether a comparison filter currently applies to this item. Runtime only; never saved in slot contents. */
+  @Input({ alias: 'hasConnectedComparisonFilter', transform: booleanAttribute })
+  hasConnectedComparisonFilter?: boolean;
+
   /** The type of the item (e.g., 'bar-chart', 'line-chart', 'area-chart') */
   @Input({ alias: 'itemType' })
   itemType?: VizItemType | string;
@@ -68,7 +72,7 @@ export class LuzmoItemSlotPickerPanel implements OnChanges {
   @Input({ alias: 'datasetIds' })
   datasetIds?: string[];
 
-  /** The currently selected dataset ID. If not provided, defaults to the first available dataset. */
+  /** The currently selected dataset ID. If not provided, defaults to the first available dataset, except when the panel fetches the dataset list itself. */
   @Input({ alias: 'selectedDatasetId' })
   selectedDatasetId?: string;
 
@@ -168,6 +172,9 @@ export class LuzmoItemSlotPickerPanel implements OnChanges {
   ngOnChanges(changes: SimpleChanges): void {
     for (const key of Object.keys(changes)) {
       switch (key) {
+        case 'hasConnectedComparisonFilter':
+          this.setHostProperty('hasConnectedComparisonFilter', changes['hasConnectedComparisonFilter'].currentValue);
+          break;
         case 'itemType':
           this.setHostProperty('itemType', changes['itemType'].currentValue);
           break;

package/angular/components/item-slot-picker.ts

@@ -4,7 +4,7 @@ import type { LuzmoItemSlotPicker as LuzmoItemSlotPickerHostElement, SlotContent
 export type { SlotContentsChangedEventDetail } from '@luzmo/analytics-components-kit/item-slot-picker';
 import type { Placement } from '@floating-ui/dom';
 import type { DatasetsDataFields, SlotContent } from '@luzmo/analytics-components-kit/types';
-import type { SlotConfig, SlotName, VizItemType } from '@luzmo/dashboard-contents-types';
+import type { SlotConfig, SlotName, VizItemSlot, VizItemType } from '@luzmo/dashboard-contents-types';
 
 @Component({
   selector: 'luzmo-item-slot-picker',
@@ -28,6 +28,14 @@ export class LuzmoItemSlotPicker implements OnChanges {
     return this.host;
   }
 
+  /** Full saved slots for deriving comparison levels and implicit datetime offsets. */
+  @Input({ alias: 'slotsContents' })
+  slotsContents?: VizItemSlot[];
+
+  /** Whether a comparison filter currently applies to this item. Runtime only; never saved in slot contents. */
+  @Input({ alias: 'hasConnectedComparisonFilter', transform: booleanAttribute })
+  hasConnectedComparisonFilter?: boolean;
+
   /** The API URL for the databroker */
   @Input({ alias: 'apiUrl' })
   apiUrl?: string;
@@ -84,6 +92,10 @@ export class LuzmoItemSlotPicker implements OnChanges {
   @Input({ alias: 'selects' })
   selects?: 'single' | 'multiple';
 
+  /** Whether the search input is visible: `on`, `off`, or `auto`. */
+  @Input({ alias: 'search' })
+  search?: 'on' | 'off' | 'auto';
+
   /** Where to show icons */
   @Input({ alias: 'icons' })
   icons?: 'none' | 'menu-only' | 'all';
@@ -120,10 +132,6 @@ export class LuzmoItemSlotPicker implements OnChanges {
   @Input({ alias: 'language' })
   language?: string;
 
-  /** Whether the search input is visible: `on`, `off`, or `auto`. */
-  @Input({ alias: 'search' })
-  search?: 'on' | 'off' | 'auto';
-
   /** The size of the element */
   @Input({ alias: 'size' })
   size?: 's' | 'm' | 'l' | 'xl';
@@ -143,6 +151,12 @@ export class LuzmoItemSlotPicker implements OnChanges {
   ngOnChanges(changes: SimpleChanges): void {
     for (const key of Object.keys(changes)) {
       switch (key) {
+        case 'slotsContents':
+          this.setHostProperty('slotsContents', changes['slotsContents'].currentValue);
+          break;
+        case 'hasConnectedComparisonFilter':
+          this.setHostProperty('hasConnectedComparisonFilter', changes['hasConnectedComparisonFilter'].currentValue);
+          break;
         case 'apiUrl':
           this.setHostProperty('apiUrl', changes['apiUrl'].currentValue);
           break;
@@ -185,6 +199,9 @@ export class LuzmoItemSlotPicker implements OnChanges {
         case 'selects':
           this.setHostProperty('selects', changes['selects'].currentValue);
           break;
+        case 'search':
+          this.setHostProperty('search', changes['search'].currentValue);
+          break;
         case 'icons':
           this.setHostProperty('icons', changes['icons'].currentValue);
           break;
@@ -212,9 +229,6 @@ export class LuzmoItemSlotPicker implements OnChanges {
         case 'language':
           this.setHostProperty('language', changes['language'].currentValue);
           break;
-        case 'search':
-          this.setHostProperty('search', changes['search'].currentValue);
-          break;
         case 'size':
           this.setHostProperty('size', changes['size'].currentValue);
           break;

package/angular/components/slot-menu.ts

@@ -6,7 +6,7 @@ import type { DatasetDataFields } from '@luzmo/analytics-components-kit/data-fie
 import type { LuzmoDisplaySettings } from '@luzmo/analytics-components-kit/display-settings';
 import type { LuzmoSlotMenuList } from '@luzmo/analytics-components-kit/slot-menu-list';
 import type { SlotContent } from '@luzmo/analytics-components-kit/types';
-import type { SlotName, VizItemType } from '@luzmo/dashboard-contents-types';
+import type { SlotName, VizItemSlot, VizItemType } from '@luzmo/dashboard-contents-types';
 
 @Component({
   selector: 'luzmo-slot-menu',
@@ -30,6 +30,14 @@ export class LuzmoSlotMenu implements OnChanges {
     return this.host;
   }
 
+  /** Full saved slots for deriving comparison levels and implicit datetime offsets. */
+  @Input({ alias: 'slotsContents' })
+  slotsContents?: VizItemSlot[];
+
+  /** Whether a comparison filter currently applies to this item. Runtime only; never saved in slot contents. */
+  @Input({ alias: 'hasConnectedComparisonFilter', transform: booleanAttribute })
+  hasConnectedComparisonFilter?: boolean;
+
   /** The language of the settings interface */
   @Input({ alias: 'language' })
   language?: string;
@@ -164,6 +172,12 @@ export class LuzmoSlotMenu implements OnChanges {
   ngOnChanges(changes: SimpleChanges): void {
     for (const key of Object.keys(changes)) {
       switch (key) {
+        case 'slotsContents':
+          this.setHostProperty('slotsContents', changes['slotsContents'].currentValue);
+          break;
+        case 'hasConnectedComparisonFilter':
+          this.setHostProperty('hasConnectedComparisonFilter', changes['hasConnectedComparisonFilter'].currentValue);
+          break;
         case 'language':
           this.setHostProperty('language', changes['language'].currentValue);
           break;

package/angular/esm/components/add-to-dashboard.d.ts

@@ -1,6 +1,6 @@
 import { OnChanges, SimpleChanges } from '@angular/core';
 import '@luzmo/analytics-components-kit/add-to-dashboard';
-import type { LuzmoAddToDashboard as LuzmoAddToDashboardHostElement, AddToDashboardChartAddFailedEventDetail, AddToDashboardChartAddedEventDetail } from '@luzmo/analytics-components-kit/add-to-dashboard';
+import type { LuzmoAddToDashboard as LuzmoAddToDashboardHostElement, AddToDashboardChartAddFailedEventDetail, AddToDashboardChartAddedEventDetail, DashboardActions, FlexChartConfig } from '@luzmo/analytics-components-kit/add-to-dashboard';
 import type { Placement } from '@luzmo/lucero';
 import * as i0 from "@angular/core";
 export type { AddToDashboardChartAddFailedEventDetail, AddToDashboardChartAddedEventDetail, AddToDashboardSettings, BuiltInDashboardActionsConfig, DashboardActionCallOptions, DashboardActions, DashboardListPage, DashboardListRequest, DashboardOption, FlexChartConfig } from '@luzmo/analytics-components-kit/add-to-dashboard';
@@ -12,8 +12,10 @@ export declare class LuzmoAddToDashboard implements OnChanges {
     private readonly listenerCleanup;
     /** The underlying custom element instance. Use to call imperative methods. */
     get nativeElement(): LuzmoAddToDashboardHostElement;
-    /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-    language?: string;
+    /** Chart to save; `options.theme` is removed before it reaches the adapter. */
+    chart?: FlexChartConfig | null;
+    /** Host data operations. When unset, the built-in adapter on the auth properties is used. */
+    dashboardActions?: DashboardActions | null;
     /** Auth key for the built-in adapter. */
     authKey?: string;
     /** Auth token for the built-in adapter. */
@@ -24,6 +26,8 @@ export declare class LuzmoAddToDashboard implements OnChanges {
     placement?: Placement;
     /** When present, the button is disabled. */
     disabled?: boolean;
+    /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
+    language?: string;
     /** The size of the element */
     size?: 's' | 'm' | 'l' | 'xl';
     /** Fired after the chart was saved to a dashboard, a new dashboard or a variant. */
@@ -41,7 +45,7 @@ export declare class LuzmoAddToDashboard implements OnChanges {
     private setHostProperty;
     private bindEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoAddToDashboard, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoAddToDashboard, "luzmo-add-to-dashboard", ["luzmoAddToDashboard"], { "language": { "alias": "language"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoChartAdded": "luzmoChartAdded"; "luzmoChartAddFailed": "luzmoChartAddFailed"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoAddToDashboard, "luzmo-add-to-dashboard", ["luzmoAddToDashboard"], { "chart": { "alias": "chart"; "required": false; }; "dashboardActions": { "alias": "dashboardActions"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "language": { "alias": "language"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoChartAdded": "luzmoChartAdded"; "luzmoChartAddFailed": "luzmoChartAddFailed"; }, never, ["*"], true, never>;
     static ngAcceptInputType_disabled: unknown;
 }
 /** The underlying custom element type for LuzmoAddToDashboard */

package/angular/esm/components/add-to-dashboard.js

@@ -15,8 +15,10 @@ export class LuzmoAddToDashboard {
     get nativeElement() {
         return this.host;
     }
-    /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-    language;
+    /** Chart to save; `options.theme` is removed before it reaches the adapter. */
+    chart;
+    /** Host data operations. When unset, the built-in adapter on the auth properties is used. */
+    dashboardActions;
     /** Auth key for the built-in adapter. */
     authKey;
     /** Auth token for the built-in adapter. */
@@ -27,6 +29,8 @@ export class LuzmoAddToDashboard {
     placement;
     /** When present, the button is disabled. */
     disabled;
+    /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
+    language;
     /** The size of the element */
     size;
     /** Fired after the chart was saved to a dashboard, a new dashboard or a variant. */
@@ -44,8 +48,11 @@ export class LuzmoAddToDashboard {
     ngOnChanges(changes) {
         for (const key of Object.keys(changes)) {
             switch (key) {
-                case 'language':
-                    this.setHostProperty('language', changes['language'].currentValue);
+                case 'chart':
+                    this.setHostProperty('chart', changes['chart'].currentValue);
+                    break;
+                case 'dashboardActions':
+                    this.setHostProperty('dashboardActions', changes['dashboardActions'].currentValue);
                     break;
                 case 'authKey':
                     this.setHostProperty('authKey', changes['authKey'].currentValue);
@@ -62,6 +69,9 @@ export class LuzmoAddToDashboard {
                 case 'disabled':
                     this.setHostProperty('disabled', changes['disabled'].currentValue);
                     break;
+                case 'language':
+                    this.setHostProperty('language', changes['language'].currentValue);
+                    break;
                 case 'size':
                     this.setHostProperty('size', changes['size'].currentValue);
                     break;
@@ -90,7 +100,7 @@ export class LuzmoAddToDashboard {
         }));
     }
     static ɵfac = function LuzmoAddToDashboard_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoAddToDashboard)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoAddToDashboard, selectors: [["luzmo-add-to-dashboard"]], inputs: { language: "language", authKey: "authKey", authToken: "authToken", apiUrl: "apiUrl", placement: "placement", disabled: [2, "disabled", "disabled", booleanAttribute], size: "size" }, outputs: { luzmoChartAdded: "luzmoChartAdded", luzmoChartAddFailed: "luzmoChartAddFailed" }, exportAs: ["luzmoAddToDashboard"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoAddToDashboard_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoAddToDashboard, selectors: [["luzmo-add-to-dashboard"]], inputs: { chart: "chart", dashboardActions: "dashboardActions", authKey: "authKey", authToken: "authToken", apiUrl: "apiUrl", placement: "placement", disabled: [2, "disabled", "disabled", booleanAttribute], language: "language", size: "size" }, outputs: { luzmoChartAdded: "luzmoChartAdded", luzmoChartAddFailed: "luzmoChartAddFailed" }, exportAs: ["luzmoAddToDashboard"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoAddToDashboard_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -104,9 +114,12 @@ export class LuzmoAddToDashboard {
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content />'
             }]
-    }], () => [], { language: [{
+    }], () => [], { chart: [{
             type: Input,
-            args: [{ alias: 'language' }]
+            args: [{ alias: 'chart' }]
+        }], dashboardActions: [{
+            type: Input,
+            args: [{ alias: 'dashboardActions' }]
         }], authKey: [{
             type: Input,
             args: [{ alias: 'authKey' }]
@@ -122,6 +135,9 @@ export class LuzmoAddToDashboard {
         }], disabled: [{
             type: Input,
             args: [{ alias: 'disabled', transform: booleanAttribute }]
+        }], language: [{
+            type: Input,
+            args: [{ alias: 'language' }]
         }], size: [{
             type: Input,
             args: [{ alias: 'size' }]

package/angular/esm/components/ai-chat-empty-state.d.ts

@@ -2,7 +2,7 @@ import { OnChanges, SimpleChanges } from '@angular/core';
 import '@luzmo/analytics-components-kit/ai-chat';
 import type { LuzmoAiChatEmptyState as LuzmoAiChatEmptyStateHostElement, AiChatEmptyStateSuggestion, AiChatEmptyStateSuggestionSelectedDetail } from '@luzmo/analytics-components-kit/ai-chat';
 import * as i0 from "@angular/core";
-export type { AgentStreamDefinition, AiChatAgentConfig, AiChatCompleteEvent, AiChatConversationIdChangedEventDetail, AiChatDatasetsChangedEventDetail, AiChatEmptyStateSuggestion, AiChatEmptyStateSuggestionSelectedDetail, AiChatMessageSentEventDetail, AiChatRecognizedStepType, AiChatSessionBuildContext, AiChatSessionCallbacks, AiChatSessionConfig, AiChatSessionControllerOptions, AiChatSessionRestoreParams, AiChatSessionRestoreResult, AiChatSessionSeed, AiChatSessionState, AiChatSessionSubmitParams, AiChatStepBase, AiChatStepEvent, AiDictationCreateBody, AiDictationProperties, AiPromptCreateBody, AiPromptDeleteBody, AssistantMessageAction, AssistantMessageActionConfirmVariant, AssistantMessageActionEventDetail, AssistantMessageFeedbackEventDetail, AssistantMessageFeedbackRating, BuildAiDictationRequestOptions, ChatMessageElicitation, LuzmoPromptSubmittedEventDetail, LuzmoRestoreRequestedEventDetail, ProgressTreeNode, PromptBoxAttachment, PromptBoxFileIcons, RecognizedStepEvent, StreamAiDictationOptions, StreamHandlerCallbacks, StreamHandlerContext, StreamHandlerState, StreamingRequestOptions, StreamingResponse, UnknownStepEvent, UploadAiPromptImagesOptions } from '@luzmo/analytics-components-kit/ai-chat';
+export type { AgentStreamDefinition, AiChatAgentConfig, AiChatCompleteEvent, AiChatConversationIdChangedEventDetail, AiChatDatasetsChangedEventDetail, AiChatEmptyStateSuggestion, AiChatEmptyStateSuggestionSelectedDetail, AiChatMessageSentEventDetail, AiChatRecognizedStepType, AiChatSessionBuildContext, AiChatSessionCallbacks, AiChatSessionConfig, AiChatSessionControllerOptions, AiChatSessionRestoreParams, AiChatSessionRestoreResult, AiChatSessionSeed, AiChatSessionState, AiChatSessionSubmitParams, AiChatStepBase, AiChatStepEvent, AiDictationCreateBody, AiDictationProperties, AiPromptCreateBody, AiPromptDeleteBody, AssistantMessageAction, AssistantMessageActionConfirmVariant, AssistantMessageActionEventDetail, AssistantMessageFeedbackEventDetail, AssistantMessageFeedbackRating, BuildAiDictationRequestOptions, ChatChoiceOption, ChatChoiceQuestion, ChatMessageElicitation, ChatMessageQuestion, ChatQuestionAnswers, ChatQuestionResponse, LuzmoPromptSubmittedEventDetail, LuzmoRestoreRequestedEventDetail, ProgressTreeNode, PromptBoxAttachment, PromptBoxFileIcons, RecognizedStepEvent, StreamAiDictationOptions, StreamHandlerCallbacks, StreamHandlerContext, StreamHandlerState, StreamingRequestOptions, StreamingResponse, UnknownStepEvent, UploadAiPromptImagesOptions } from '@luzmo/analytics-components-kit/ai-chat';
 export declare class LuzmoAiChatEmptyState implements OnChanges {
     private readonly elementRef;
     private readonly renderer;