@luzmo/analytics-components-kit 1.3.0 → 1.4.0

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-picker-panel.ts

@@ -68,7 +68,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;
 

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

@@ -84,6 +84,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 +124,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';
@@ -185,6 +185,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 +215,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/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/data-fields-select.d.ts

@@ -71,6 +71,8 @@ export declare class LuzmoDataFieldsSelect implements OnChanges {
      */
     private setHostProperty;
     private bindEvents;
+    /** Focuses the select trigger. */
+    focus(options?: FocusOptions): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoDataFieldsSelect, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoDataFieldsSelect, "luzmo-data-fields-select", ["luzmoDataFieldsSelect"], { "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "levels": { "alias": "levels"; "required": false; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "selects": { "alias": "selects"; "required": false; }; "value": { "alias": "value"; "required": false; }; "retrieving": { "alias": "retrieving"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "pending": { "alias": "pending"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "quiet": { "alias": "quiet"; "required": false; }; "search": { "alias": "search"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "datasetsDataFields": { "alias": "datasetsDataFields"; "required": false; }; "language": { "alias": "language"; "required": false; }; "size": { "alias": "size"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "luzmoDataFieldsSelected": "luzmoDataFieldsSelected"; }, never, ["*"], true, never>;
     static ngAcceptInputType_allowEmpty: unknown;

package/angular/esm/components/data-fields-select.js

@@ -158,6 +158,10 @@ export class LuzmoDataFieldsSelect {
             this.luzmoDataFieldsSelected.emit(typed);
         }));
     }
+    /** Focuses the select trigger. */
+    focus(options) {
+        return this.host.focus(options);
+    }
     static ɵfac = function LuzmoDataFieldsSelect_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoDataFieldsSelect)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoDataFieldsSelect, selectors: [["luzmo-data-fields-select"]], inputs: { contentLanguage: "contentLanguage", label: "label", icons: "icons", levels: "levels", allowEmpty: [2, "allowEmpty", "allowEmpty", booleanAttribute], placeholder: "placeholder", selects: "selects", value: "value", retrieving: [2, "retrieving", "retrieving", booleanAttribute], invalid: [2, "invalid", "invalid", booleanAttribute], clearable: [2, "clearable", "clearable", booleanAttribute], pending: [2, "pending", "pending", booleanAttribute], disabled: [2, "disabled", "disabled", booleanAttribute], readonly: [2, "readonly", "readonly", booleanAttribute], quiet: [2, "quiet", "quiet", booleanAttribute], search: "search", placement: "placement", datasetsDataFields: "datasetsDataFields", language: "language", size: "size", autofocus: [2, "autofocus", "autofocus", booleanAttribute], tabIndex: "tabIndex" }, outputs: { luzmoDataFieldsSelected: "luzmoDataFieldsSelected" }, exportAs: ["luzmoDataFieldsSelect"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoDataFieldsSelect_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();

package/angular/esm/components/interactive-viz-item.d.ts

@@ -1,6 +1,7 @@
 import { OnChanges, SimpleChanges } from '@angular/core';
 import '@luzmo/analytics-components-kit/interactive-viz-item';
-import type { LuzmoInteractiveVizItem as LuzmoInteractiveVizItemHostElement, AddToDashboardChartAddFailedEventDetail, AddToDashboardChartAddedEventDetail, ChartFeedback, FlexChartConfig, InteractiveVizItemChartChangedEventDetail, InteractiveVizItemChartOptionsChangedEventDetail, InteractiveVizItemFeedbackChangedEventDetail, InteractiveVizItemInteractionEventDetail } from '@luzmo/analytics-components-kit/interactive-viz-item';
+import type { LuzmoInteractiveVizItem as LuzmoInteractiveVizItemHostElement, AddToDashboardChartAddFailedEventDetail, AddToDashboardChartAddedEventDetail, ChartFeedback, DashboardActions, FlexChartConfig, InteractiveVizItemChartChangedEventDetail, InteractiveVizItemChartOptionsChangedEventDetail, InteractiveVizItemFeedbackChangedEventDetail, InteractiveVizItemInteractionEventDetail } from '@luzmo/analytics-components-kit/interactive-viz-item';
+import type { OptionsConfig, SlotConfig, TranslationOverrides, TranslationsFile, VizItemExportType } from '@luzmo/dashboard-contents-types';
 import type { LuzmoEmbedVizItem } from '@luzmo/embed';
 import * as i0 from "@angular/core";
 export type { AddToDashboardChartAddFailedEventDetail, AddToDashboardChartAddedEventDetail, ChartActionDescriptor, ChartActionType, ChartFeedback, ChartFeedbackRating, ChartMutationRequest, ChartOption, DashboardActions, FlexChartConfig, InlineData, InteractiveVizItemChartChangedEventDetail, InteractiveVizItemChartOptionsChangedEventDetail, InteractiveVizItemFeedbackChangedEventDetail, InteractiveVizItemInteractionEventDetail, ItemOptionInteraction, ItemOptionInteractionEventDetail, NormalizedChartConfig, Ranking, Sort } from '@luzmo/analytics-components-kit/interactive-viz-item';
@@ -12,12 +13,6 @@ export declare class LuzmoInteractiveVizItem implements OnChanges {
     private readonly listenerCleanup;
     /** The underlying custom element instance. Use to call imperative methods. */
     get nativeElement(): LuzmoInteractiveVizItemHostElement;
-    /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-    language?: string;
-    /** When present, renders `luzmo-add-to-dashboard` in the actions bar. */
-    addToDashboard?: boolean;
-    /** Click-to-filter on the embedded chart, forwarded as its `canFilter`. The `can-filter` attribute means `'all'`; unset keeps it off. */
-    canFilter?: LuzmoEmbedVizItem['canFilter'];
     /** Loose chart config (type, options, slots, filters, inlineData); slots may use the keyed-object form. */
     chart?: FlexChartConfig | null;
     /** Current feedback (drives the thumbs up/down selection). */
@@ -40,10 +35,32 @@ export declare class LuzmoInteractiveVizItem implements OnChanges {
     hideFeedback?: boolean;
     /** When present, hides the config-panel toggle and the panel itself. */
     hideConfigPanel?: boolean;
+    /** When present, hides the options tab of the config panel and keeps the data tab. */
+    hideConfigOptions?: boolean;
+    /** Whether each slot in the config panel takes one field or several, forwarded to `luzmo-item-slot-picker-panel` as `selects`. */
+    slotSelects?: 'single' | 'multiple';
+    /** When present, the slot pickers in the config panel grow to full width, forwarded as `grows`. */
+    slotGrows?: boolean;
+    /** Slots configuration for the config panel, for a chart type ACK has no definition for (e.g. a custom chart). */
+    slotsConfiguration?: SlotConfig[] | null;
+    /** Options configuration for the config panel, for a chart type ACK has no definition for (e.g. a custom chart). */
+    customOptionsConfiguration?: OptionsConfig | null;
+    /** Option label translations that go with `customOptionsConfiguration`. */
+    customTranslations?: TranslationOverrides | TranslationsFile | null;
+    /** Options applied to the embedded chart only, merged one level deep over `chart.options` (e.g. `{ display: { title: false } }`). They are never emitted in chart events nor saved by add to dashboard. */
+    chartRenderOptions?: FlexChartConfig['options'] | null;
+    /** When present, renders `luzmo-add-to-dashboard` in the actions bar. */
+    addToDashboard?: boolean;
+    /** Host data operations for add to dashboard. When unset, the built-in adapter on the auth properties is used. */
+    dashboardActions?: DashboardActions | null;
     /** When present, chart changes are only emitted and the host sets `chart`; otherwise they are applied here and still emitted. */
     controlled?: boolean;
+    /** Click-to-filter on the embedded chart, forwarded as its `canFilter`. The `can-filter` attribute means `'all'`; unset keeps it off. */
+    canFilter?: LuzmoEmbedVizItem['canFilter'];
     /** Applies and emits option changes live while a control is dragged or a key is held, without debounce, and forwards `luzmo-option-interaction-*` events. Off by default. */
     liveInteractions?: 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 when the inline actions (ranking, sort, display mode) change the chart options. Applied to `chart` first unless `controlled` is set. */
@@ -72,12 +89,16 @@ export declare class LuzmoInteractiveVizItem implements OnChanges {
      */
     private setHostProperty;
     private bindEvents;
+    /** Exports the embedded chart, forwarded to its `export(type)`. Waits for the embedded renderer when it has not loaded yet. Resolves without a value when there is no chart, when the embed fails, or when the chart is cleared or the element removed before the renderer loaded. */
+    export(type?: VizItemExportType): Promise<string | void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoInteractiveVizItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoInteractiveVizItem, "luzmo-interactive-viz-item", ["luzmoInteractiveVizItem"], { "language": { "alias": "language"; "required": false; }; "addToDashboard": { "alias": "addToDashboard"; "required": false; }; "canFilter": { "alias": "canFilter"; "required": false; }; "chart": { "alias": "chart"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "messageId": { "alias": "messageId"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "appServer": { "alias": "appServer"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "hideActions": { "alias": "hideActions"; "required": false; }; "hideFeedback": { "alias": "hideFeedback"; "required": false; }; "hideConfigPanel": { "alias": "hideConfigPanel"; "required": false; }; "controlled": { "alias": "controlled"; "required": false; }; "liveInteractions": { "alias": "liveInteractions"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoChartOptionsChanged": "luzmoChartOptionsChanged"; "luzmoChartChanged": "luzmoChartChanged"; "luzmoOptionInteractionStart": "luzmoOptionInteractionStart"; "luzmoOptionInteractionEnd": "luzmoOptionInteractionEnd"; "luzmoOptionInteractionCancel": "luzmoOptionInteractionCancel"; "luzmoFeedbackChanged": "luzmoFeedbackChanged"; "luzmoChartAdded": "luzmoChartAdded"; "luzmoChartAddFailed": "luzmoChartAddFailed"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_addToDashboard: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoInteractiveVizItem, "luzmo-interactive-viz-item", ["luzmoInteractiveVizItem"], { "chart": { "alias": "chart"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "messageId": { "alias": "messageId"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "appServer": { "alias": "appServer"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "hideActions": { "alias": "hideActions"; "required": false; }; "hideFeedback": { "alias": "hideFeedback"; "required": false; }; "hideConfigPanel": { "alias": "hideConfigPanel"; "required": false; }; "hideConfigOptions": { "alias": "hideConfigOptions"; "required": false; }; "slotSelects": { "alias": "slotSelects"; "required": false; }; "slotGrows": { "alias": "slotGrows"; "required": false; }; "slotsConfiguration": { "alias": "slotsConfiguration"; "required": false; }; "customOptionsConfiguration": { "alias": "customOptionsConfiguration"; "required": false; }; "customTranslations": { "alias": "customTranslations"; "required": false; }; "chartRenderOptions": { "alias": "chartRenderOptions"; "required": false; }; "addToDashboard": { "alias": "addToDashboard"; "required": false; }; "dashboardActions": { "alias": "dashboardActions"; "required": false; }; "controlled": { "alias": "controlled"; "required": false; }; "canFilter": { "alias": "canFilter"; "required": false; }; "liveInteractions": { "alias": "liveInteractions"; "required": false; }; "language": { "alias": "language"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoChartOptionsChanged": "luzmoChartOptionsChanged"; "luzmoChartChanged": "luzmoChartChanged"; "luzmoOptionInteractionStart": "luzmoOptionInteractionStart"; "luzmoOptionInteractionEnd": "luzmoOptionInteractionEnd"; "luzmoOptionInteractionCancel": "luzmoOptionInteractionCancel"; "luzmoFeedbackChanged": "luzmoFeedbackChanged"; "luzmoChartAdded": "luzmoChartAdded"; "luzmoChartAddFailed": "luzmoChartAddFailed"; }, never, ["*"], true, never>;
     static ngAcceptInputType_hideActions: unknown;
     static ngAcceptInputType_hideFeedback: unknown;
     static ngAcceptInputType_hideConfigPanel: unknown;
+    static ngAcceptInputType_hideConfigOptions: unknown;
+    static ngAcceptInputType_slotGrows: unknown;
+    static ngAcceptInputType_addToDashboard: unknown;
     static ngAcceptInputType_controlled: unknown;
     static ngAcceptInputType_liveInteractions: unknown;
 }

package/angular/esm/components/interactive-viz-item.js

@@ -7,7 +7,10 @@ const _c0 = ["*"];
  *
  * @slot chart-actions-extra - Host-injected actions rendered at the end of the inline actions bar (e.g. copy-to-dashboard).
  * @csspart container - The viz item container.
+ * @csspart actions-bar - The bar above the chart holding the inline actions, the `chart-actions-extra` slot and add to dashboard.
+ * @csspart actions - The inline chart actions (ranking, display mode) inside the actions bar.
  * @csspart chart-container - The embedded chart wrapper.
+ * @csspart footer - The row below the chart holding the feedback buttons and the config-panel toggle.
  * @csspart config-panel - The expandable configuration panel.
  */
 export class LuzmoInteractiveVizItem {
@@ -20,12 +23,6 @@ export class LuzmoInteractiveVizItem {
     get nativeElement() {
         return this.host;
     }
-    /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-    language;
-    /** When present, renders `luzmo-add-to-dashboard` in the actions bar. */
-    addToDashboard;
-    /** Click-to-filter on the embedded chart, forwarded as its `canFilter`. The `can-filter` attribute means `'all'`; unset keeps it off. */
-    canFilter;
     /** Loose chart config (type, options, slots, filters, inlineData); slots may use the keyed-object form. */
     chart;
     /** Current feedback (drives the thumbs up/down selection). */
@@ -48,10 +45,32 @@ export class LuzmoInteractiveVizItem {
     hideFeedback;
     /** When present, hides the config-panel toggle and the panel itself. */
     hideConfigPanel;
+    /** When present, hides the options tab of the config panel and keeps the data tab. */
+    hideConfigOptions;
+    /** Whether each slot in the config panel takes one field or several, forwarded to `luzmo-item-slot-picker-panel` as `selects`. */
+    slotSelects;
+    /** When present, the slot pickers in the config panel grow to full width, forwarded as `grows`. */
+    slotGrows;
+    /** Slots configuration for the config panel, for a chart type ACK has no definition for (e.g. a custom chart). */
+    slotsConfiguration;
+    /** Options configuration for the config panel, for a chart type ACK has no definition for (e.g. a custom chart). */
+    customOptionsConfiguration;
+    /** Option label translations that go with `customOptionsConfiguration`. */
+    customTranslations;
+    /** Options applied to the embedded chart only, merged one level deep over `chart.options` (e.g. `{ display: { title: false } }`). They are never emitted in chart events nor saved by add to dashboard. */
+    chartRenderOptions;
+    /** When present, renders `luzmo-add-to-dashboard` in the actions bar. */
+    addToDashboard;
+    /** Host data operations for add to dashboard. When unset, the built-in adapter on the auth properties is used. */
+    dashboardActions;
     /** When present, chart changes are only emitted and the host sets `chart`; otherwise they are applied here and still emitted. */
     controlled;
+    /** Click-to-filter on the embedded chart, forwarded as its `canFilter`. The `can-filter` attribute means `'all'`; unset keeps it off. */
+    canFilter;
     /** Applies and emits option changes live while a control is dragged or a key is held, without debounce, and forwards `luzmo-option-interaction-*` events. Off by default. */
     liveInteractions;
+    /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
+    language;
     /** The size of the element */
     size;
     /** Fired when the inline actions (ranking, sort, display mode) change the chart options. Applied to `chart` first unless `controlled` is set. */
@@ -81,15 +100,6 @@ export class LuzmoInteractiveVizItem {
     ngOnChanges(changes) {
         for (const key of Object.keys(changes)) {
             switch (key) {
-                case 'language':
-                    this.setHostProperty('language', changes['language'].currentValue);
-                    break;
-                case 'addToDashboard':
-                    this.setHostProperty('addToDashboard', changes['addToDashboard'].currentValue);
-                    break;
-                case 'canFilter':
-                    this.setHostProperty('canFilter', changes['canFilter'].currentValue);
-                    break;
                 case 'chart':
                     this.setHostProperty('chart', changes['chart'].currentValue);
                     break;
@@ -123,12 +133,45 @@ export class LuzmoInteractiveVizItem {
                 case 'hideConfigPanel':
                     this.setHostProperty('hideConfigPanel', changes['hideConfigPanel'].currentValue);
                     break;
+                case 'hideConfigOptions':
+                    this.setHostProperty('hideConfigOptions', changes['hideConfigOptions'].currentValue);
+                    break;
+                case 'slotSelects':
+                    this.setHostProperty('slotSelects', changes['slotSelects'].currentValue);
+                    break;
+                case 'slotGrows':
+                    this.setHostProperty('slotGrows', changes['slotGrows'].currentValue);
+                    break;
+                case 'slotsConfiguration':
+                    this.setHostProperty('slotsConfiguration', changes['slotsConfiguration'].currentValue);
+                    break;
+                case 'customOptionsConfiguration':
+                    this.setHostProperty('customOptionsConfiguration', changes['customOptionsConfiguration'].currentValue);
+                    break;
+                case 'customTranslations':
+                    this.setHostProperty('customTranslations', changes['customTranslations'].currentValue);
+                    break;
+                case 'chartRenderOptions':
+                    this.setHostProperty('chartRenderOptions', changes['chartRenderOptions'].currentValue);
+                    break;
+                case 'addToDashboard':
+                    this.setHostProperty('addToDashboard', changes['addToDashboard'].currentValue);
+                    break;
+                case 'dashboardActions':
+                    this.setHostProperty('dashboardActions', changes['dashboardActions'].currentValue);
+                    break;
                 case 'controlled':
                     this.setHostProperty('controlled', changes['controlled'].currentValue);
                     break;
+                case 'canFilter':
+                    this.setHostProperty('canFilter', changes['canFilter'].currentValue);
+                    break;
                 case 'liveInteractions':
                     this.setHostProperty('liveInteractions', changes['liveInteractions'].currentValue);
                     break;
+                case 'language':
+                    this.setHostProperty('language', changes['language'].currentValue);
+                    break;
                 case 'size':
                     this.setHostProperty('size', changes['size'].currentValue);
                     break;
@@ -180,8 +223,12 @@ export class LuzmoInteractiveVizItem {
             this.luzmoChartAddFailed.emit(typed);
         }));
     }
+    /** Exports the embedded chart, forwarded to its `export(type)`. Waits for the embedded renderer when it has not loaded yet. Resolves without a value when there is no chart, when the embed fails, or when the chart is cleared or the element removed before the renderer loaded. */
+    export(type) {
+        return this.host.export(type);
+    }
     static ɵfac = function LuzmoInteractiveVizItem_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoInteractiveVizItem)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoInteractiveVizItem, selectors: [["luzmo-interactive-viz-item"]], inputs: { language: "language", addToDashboard: [2, "addToDashboard", "addToDashboard", booleanAttribute], canFilter: "canFilter", chart: "chart", feedback: "feedback", messageId: "messageId", authKey: "authKey", authToken: "authToken", apiUrl: "apiUrl", appServer: "appServer", contentLanguage: "contentLanguage", hideActions: [2, "hideActions", "hideActions", booleanAttribute], hideFeedback: [2, "hideFeedback", "hideFeedback", booleanAttribute], hideConfigPanel: [2, "hideConfigPanel", "hideConfigPanel", booleanAttribute], controlled: [2, "controlled", "controlled", booleanAttribute], liveInteractions: [2, "liveInteractions", "liveInteractions", booleanAttribute], size: "size" }, outputs: { luzmoChartOptionsChanged: "luzmoChartOptionsChanged", luzmoChartChanged: "luzmoChartChanged", luzmoOptionInteractionStart: "luzmoOptionInteractionStart", luzmoOptionInteractionEnd: "luzmoOptionInteractionEnd", luzmoOptionInteractionCancel: "luzmoOptionInteractionCancel", luzmoFeedbackChanged: "luzmoFeedbackChanged", luzmoChartAdded: "luzmoChartAdded", luzmoChartAddFailed: "luzmoChartAddFailed" }, exportAs: ["luzmoInteractiveVizItem"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoInteractiveVizItem_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoInteractiveVizItem, selectors: [["luzmo-interactive-viz-item"]], inputs: { chart: "chart", feedback: "feedback", messageId: "messageId", authKey: "authKey", authToken: "authToken", apiUrl: "apiUrl", appServer: "appServer", contentLanguage: "contentLanguage", hideActions: [2, "hideActions", "hideActions", booleanAttribute], hideFeedback: [2, "hideFeedback", "hideFeedback", booleanAttribute], hideConfigPanel: [2, "hideConfigPanel", "hideConfigPanel", booleanAttribute], hideConfigOptions: [2, "hideConfigOptions", "hideConfigOptions", booleanAttribute], slotSelects: "slotSelects", slotGrows: [2, "slotGrows", "slotGrows", booleanAttribute], slotsConfiguration: "slotsConfiguration", customOptionsConfiguration: "customOptionsConfiguration", customTranslations: "customTranslations", chartRenderOptions: "chartRenderOptions", addToDashboard: [2, "addToDashboard", "addToDashboard", booleanAttribute], dashboardActions: "dashboardActions", controlled: [2, "controlled", "controlled", booleanAttribute], canFilter: "canFilter", liveInteractions: [2, "liveInteractions", "liveInteractions", booleanAttribute], language: "language", size: "size" }, outputs: { luzmoChartOptionsChanged: "luzmoChartOptionsChanged", luzmoChartChanged: "luzmoChartChanged", luzmoOptionInteractionStart: "luzmoOptionInteractionStart", luzmoOptionInteractionEnd: "luzmoOptionInteractionEnd", luzmoOptionInteractionCancel: "luzmoOptionInteractionCancel", luzmoFeedbackChanged: "luzmoFeedbackChanged", luzmoChartAdded: "luzmoChartAdded", luzmoChartAddFailed: "luzmoChartAddFailed" }, exportAs: ["luzmoInteractiveVizItem"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoInteractiveVizItem_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -195,16 +242,7 @@ export class LuzmoInteractiveVizItem {
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content />'
             }]
-    }], () => [], { language: [{
-            type: Input,
-            args: [{ alias: 'language' }]
-        }], addToDashboard: [{
-            type: Input,
-            args: [{ alias: 'addToDashboard', transform: booleanAttribute }]
-        }], canFilter: [{
-            type: Input,
-            args: [{ alias: 'canFilter' }]
-        }], chart: [{
+    }], () => [], { chart: [{
             type: Input,
             args: [{ alias: 'chart' }]
         }], feedback: [{
@@ -237,14 +275,47 @@ export class LuzmoInteractiveVizItem {
         }], hideConfigPanel: [{
             type: Input,
             args: [{ alias: 'hideConfigPanel', transform: booleanAttribute }]
+        }], hideConfigOptions: [{
+            type: Input,
+            args: [{ alias: 'hideConfigOptions', transform: booleanAttribute }]
+        }], slotSelects: [{
+            type: Input,
+            args: [{ alias: 'slotSelects' }]
+        }], slotGrows: [{
+            type: Input,
+            args: [{ alias: 'slotGrows', transform: booleanAttribute }]
+        }], slotsConfiguration: [{
+            type: Input,
+            args: [{ alias: 'slotsConfiguration' }]
+        }], customOptionsConfiguration: [{
+            type: Input,
+            args: [{ alias: 'customOptionsConfiguration' }]
+        }], customTranslations: [{
+            type: Input,
+            args: [{ alias: 'customTranslations' }]
+        }], chartRenderOptions: [{
+            type: Input,
+            args: [{ alias: 'chartRenderOptions' }]
+        }], addToDashboard: [{
+            type: Input,
+            args: [{ alias: 'addToDashboard', transform: booleanAttribute }]
+        }], dashboardActions: [{
+            type: Input,
+            args: [{ alias: 'dashboardActions' }]
         }], controlled: [{
             type: Input,
             args: [{ alias: 'controlled', transform: booleanAttribute }]
+        }], canFilter: [{
+            type: Input,
+            args: [{ alias: 'canFilter' }]
         }], liveInteractions: [{
             type: Input,
             args: [{ alias: 'liveInteractions', transform: booleanAttribute }]
+        }], language: [{
+            type: Input,
+            args: [{ alias: 'language' }]
         }], size: [{
             type: Input,
             args: [{ alias: 'size' }]
         }], luzmoChartOptionsChanged: [{ type: i0.Output, args: ["luzmoChartOptionsChanged"] }], luzmoChartChanged: [{ type: i0.Output, args: ["luzmoChartChanged"] }], luzmoOptionInteractionStart: [{ type: i0.Output, args: ["luzmoOptionInteractionStart"] }], luzmoOptionInteractionEnd: [{ type: i0.Output, args: ["luzmoOptionInteractionEnd"] }], luzmoOptionInteractionCancel: [{ type: i0.Output, args: ["luzmoOptionInteractionCancel"] }], luzmoFeedbackChanged: [{ type: i0.Output, args: ["luzmoFeedbackChanged"] }], luzmoChartAdded: [{ type: i0.Output, args: ["luzmoChartAdded"] }], luzmoChartAddFailed: [{ type: i0.Output, args: ["luzmoChartAddFailed"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoInteractiveVizItem, { className: "LuzmoInteractiveVizItem", filePath: "components/interactive-viz-item.ts", lineNumber: 22 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoInteractiveVizItem, { className: "LuzmoInteractiveVizItem", filePath: "components/interactive-viz-item.ts", lineNumber: 26 }); })();

package/angular/esm/components/item-grid-item-actions-menu.d.ts

@@ -38,6 +38,8 @@ export declare class LuzmoItemGridItemActionsMenu implements OnChanges {
      */
     private setHostProperty;
     private bindEvents;
+    /** Focuses the first toggle action, or the first available action. */
+    focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoItemGridItemActionsMenu, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemGridItemActionsMenu, "luzmo-item-grid-item-actions-menu", ["luzmoItemGridItemActionsMenu"], { "placement": { "alias": "placement"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "language": { "alias": "language"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "luzmoItemGridItemAction": "luzmoItemGridItemAction"; "luzmoItemGridItemActionHover": "luzmoItemGridItemActionHover"; }, never, ["*"], true, never>;
     static ngAcceptInputType_disabled: unknown;

package/angular/esm/components/item-grid-item-actions-menu.js

@@ -84,6 +84,10 @@ export class LuzmoItemGridItemActionsMenu {
             this.luzmoItemGridItemActionHover.emit(typed);
         }));
     }
+    /** Focuses the first toggle action, or the first available action. */
+    focus() {
+        return this.host.focus();
+    }
     static ɵfac = function LuzmoItemGridItemActionsMenu_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemGridItemActionsMenu)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemGridItemActionsMenu, selectors: [["luzmo-item-grid-item-actions-menu"]], inputs: { placement: "placement", actions: "actions", language: "language", disabled: [2, "disabled", "disabled", booleanAttribute], autofocus: [2, "autofocus", "autofocus", booleanAttribute], tabIndex: "tabIndex" }, outputs: { luzmoItemGridItemAction: "luzmoItemGridItemAction", luzmoItemGridItemActionHover: "luzmoItemGridItemActionHover" }, exportAs: ["luzmoItemGridItemActionsMenu"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemGridItemActionsMenu_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();

package/angular/esm/components/item-grid.d.ts

@@ -53,6 +53,8 @@ export declare class LuzmoItemGrid implements OnChanges {
     itemStates?: ItemStates;
     /** Seed value for uncontrolled mode. The component manages state internally from this starting point. Ignored if `itemStates` is set.  Only one item with one active action is supported. If multiple items or actions are provided, a warning is emitted and only the first item with its first action is applied. Use controlled mode (`itemStates`) for multiple simultaneous active items. */
     initialItemStates?: ItemStates;
+    /** Renders an item whose type has no renderer registered with `registerRenderer`. */
+    defaultRenderer?: GridItemRenderer;
     /** Fired when an item action is performed */
     readonly luzmoItemGridItemAction: import("@angular/core").OutputEmitterRef<CustomEvent<GridItemActionEventDetail>>;
     /** Bubbles from the item actions menu when the pointer enters an action. The detail has only `action` and `type`, not the item. */
@@ -74,7 +76,7 @@ export declare class LuzmoItemGrid implements OnChanges {
     private setHostProperty;
     private bindEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoItemGrid, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemGrid, "luzmo-item-grid", ["luzmoItemGrid"], { "appServer": { "alias": "appServer"; "required": false; }; "apiHost": { "alias": "apiHost"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "cacheTime": { "alias": "cacheTime"; "required": false; }; "language": { "alias": "language"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; "itemActionsDocumentPopover": { "alias": "itemActionsDocumentPopover"; "required": false; }; "placementItemActionsMenu": { "alias": "placementItemActionsMenu"; "required": false; }; "defaultItemActionsMenu": { "alias": "defaultItemActionsMenu"; "required": false; }; "clonedItemPositioning": { "alias": "clonedItemPositioning"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "items": { "alias": "items"; "required": false; }; "initialItems": { "alias": "initialItems"; "required": false; }; "renderers": { "alias": "renderers"; "required": false; }; "itemStates": { "alias": "itemStates"; "required": false; }; "initialItemStates": { "alias": "initialItemStates"; "required": false; }; }, { "luzmoItemGridItemAction": "luzmoItemGridItemAction"; "luzmoItemGridItemActionHover": "luzmoItemGridItemActionHover"; "luzmoItemGridLayoutChanged": "luzmoItemGridLayoutChanged"; "luzmoItemGridReady": "luzmoItemGridReady"; "luzmoItemGridItemStatesChanged": "luzmoItemGridItemStatesChanged"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemGrid, "luzmo-item-grid", ["luzmoItemGrid"], { "appServer": { "alias": "appServer"; "required": false; }; "apiHost": { "alias": "apiHost"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "cacheTime": { "alias": "cacheTime"; "required": false; }; "language": { "alias": "language"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; "itemActionsDocumentPopover": { "alias": "itemActionsDocumentPopover"; "required": false; }; "placementItemActionsMenu": { "alias": "placementItemActionsMenu"; "required": false; }; "defaultItemActionsMenu": { "alias": "defaultItemActionsMenu"; "required": false; }; "clonedItemPositioning": { "alias": "clonedItemPositioning"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "items": { "alias": "items"; "required": false; }; "initialItems": { "alias": "initialItems"; "required": false; }; "renderers": { "alias": "renderers"; "required": false; }; "itemStates": { "alias": "itemStates"; "required": false; }; "initialItemStates": { "alias": "initialItemStates"; "required": false; }; "defaultRenderer": { "alias": "defaultRenderer"; "required": false; }; }, { "luzmoItemGridItemAction": "luzmoItemGridItemAction"; "luzmoItemGridItemActionHover": "luzmoItemGridItemActionHover"; "luzmoItemGridLayoutChanged": "luzmoItemGridLayoutChanged"; "luzmoItemGridReady": "luzmoItemGridReady"; "luzmoItemGridItemStatesChanged": "luzmoItemGridItemStatesChanged"; }, never, ["*"], true, never>;
     static ngAcceptInputType_viewMode: unknown;
     static ngAcceptInputType_itemActionsDocumentPopover: unknown;
 }