@luzmo/analytics-components-kit 1.0.6 → 1.0.8-beta.1

package/angular/esm/components/slot-menu.js

@@ -0,0 +1,300 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
+import '@luzmo/analytics-components-kit/slot-menu';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+/**
+ * Angular wrapper component for <luzmo-slot-menu>
+ */
+export class LuzmoSlotMenu {
+    elementRef = inject(ElementRef);
+    renderer = inject(Renderer2);
+    destroyRef = inject(DestroyRef);
+    host = this.elementRef.nativeElement;
+    listenerCleanup = [];
+    /** The underlying custom element instance. Use to call imperative methods. */
+    get nativeElement() {
+        return this.host;
+    }
+    /** The language of the settings interface */
+    language;
+    /** The language to use for locale-aware formatting and labels */
+    contentLanguage;
+    /** The slot type */
+    slotType;
+    /** The name of the slot being edited. */
+    slotName;
+    /** The visualization item type that provides slot and option configuration. */
+    itemType;
+    /** Whether to show the drag handle and allow dragging */
+    noDrag;
+    /** Whether to show the close button */
+    noClose;
+    /** The variant to show */
+    variant;
+    /** Whether to show the top menu label & delete button */
+    noTopMenuLabel;
+    /** CSS selector for the boundary element that constrains dragging of the menu. */
+    dragBoundary;
+    /** Whether grand-totals options are available for this slot. */
+    areGrandTotalsEnabled;
+    /** Whether datetime display options are available for this slot. */
+    areDatetimeOptionsEnabled;
+    /** Whether numeric binning options are hidden for this slot. */
+    isBinningDisabled;
+    /** Whether aggregation options are hidden for this slot. */
+    isAggregationDisabled;
+    /** Whether cumulative-sum options are available for this slot. */
+    isCumulativeSumEnabled;
+    /** The contents (columns/formulas) assigned to this slot. */
+    slotContents;
+    /** Measure columns available for rate aggregation. */
+    measureColumns;
+    /** (Optional) If you only want to display a specific content of a slot, you can set the slotIndex to the index of the content you want to display. */
+    slotIndex;
+    /** Reference to the rendered display-settings element. */
+    displaySettingsElement;
+    /** Reference to the rendered slot-menu-list element. */
+    slotMenuListElement;
+    /** The API URL of the databroker */
+    apiUrl;
+    /** The auth key of the databroker */
+    authKey;
+    /** The auth token of the databroker */
+    authToken;
+    /** Datasets used to resolve column names in ad-hoc calculation previews. */
+    datasetsDataFields;
+    /** The size of the element */
+    size;
+    /** Emitted when the slot contents change */
+    luzmoSlotContentsChanged = output({ alias: 'luzmoSlotContentsChanged' });
+    /** Emitted when the slot menu is closed */
+    luzmoClose = output({ alias: 'luzmoClose' });
+    /** Emitted when the slot menu becomes active for a dataset */
+    luzmoSlotMenuActive = output({ alias: 'luzmoSlotMenuActive' });
+    /** Emitted to highlight a column or formula in the slot menu */
+    luzmoSlotMenuHighlight = output({ alias: 'luzmoSlotMenuHighlight' });
+    /** Emitted when the menu becomes inactive. */
+    luzmoSlotMenuInactive = output({ alias: 'luzmoSlotMenuInactive' });
+    /** Event that is fired when the info button is clicked in display-settings, includes the visibility state and ID values */
+    luzmoInfoVisibilityChanged = output({ alias: 'luzmoInfoVisibilityChanged' });
+    constructor() {
+        this.bindEvents();
+        this.destroyRef.onDestroy(() => {
+            for (const cleanup of this.listenerCleanup) {
+                cleanup();
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        for (const key of Object.keys(changes)) {
+            switch (key) {
+                case 'language':
+                    this.setHostProperty('language', changes['language'].currentValue);
+                    break;
+                case 'contentLanguage':
+                    this.setHostProperty('contentLanguage', changes['contentLanguage'].currentValue);
+                    break;
+                case 'slotType':
+                    this.setHostProperty('slotType', changes['slotType'].currentValue);
+                    break;
+                case 'slotName':
+                    this.setHostProperty('slotName', changes['slotName'].currentValue);
+                    break;
+                case 'itemType':
+                    this.setHostProperty('itemType', changes['itemType'].currentValue);
+                    break;
+                case 'noDrag':
+                    this.setHostProperty('noDrag', changes['noDrag'].currentValue);
+                    break;
+                case 'noClose':
+                    this.setHostProperty('noClose', changes['noClose'].currentValue);
+                    break;
+                case 'variant':
+                    this.setHostProperty('variant', changes['variant'].currentValue);
+                    break;
+                case 'noTopMenuLabel':
+                    this.setHostProperty('noTopMenuLabel', changes['noTopMenuLabel'].currentValue);
+                    break;
+                case 'dragBoundary':
+                    this.setHostProperty('dragBoundary', changes['dragBoundary'].currentValue);
+                    break;
+                case 'areGrandTotalsEnabled':
+                    this.setHostProperty('areGrandTotalsEnabled', changes['areGrandTotalsEnabled'].currentValue);
+                    break;
+                case 'areDatetimeOptionsEnabled':
+                    this.setHostProperty('areDatetimeOptionsEnabled', changes['areDatetimeOptionsEnabled'].currentValue);
+                    break;
+                case 'isBinningDisabled':
+                    this.setHostProperty('isBinningDisabled', changes['isBinningDisabled'].currentValue);
+                    break;
+                case 'isAggregationDisabled':
+                    this.setHostProperty('isAggregationDisabled', changes['isAggregationDisabled'].currentValue);
+                    break;
+                case 'isCumulativeSumEnabled':
+                    this.setHostProperty('isCumulativeSumEnabled', changes['isCumulativeSumEnabled'].currentValue);
+                    break;
+                case 'slotContents':
+                    this.setHostProperty('slotContents', changes['slotContents'].currentValue);
+                    break;
+                case 'measureColumns':
+                    this.setHostProperty('measureColumns', changes['measureColumns'].currentValue);
+                    break;
+                case 'slotIndex':
+                    this.setHostProperty('slotIndex', changes['slotIndex'].currentValue);
+                    break;
+                case 'displaySettingsElement':
+                    this.setHostProperty('displaySettingsElement', changes['displaySettingsElement'].currentValue);
+                    break;
+                case 'slotMenuListElement':
+                    this.setHostProperty('slotMenuListElement', changes['slotMenuListElement'].currentValue);
+                    break;
+                case 'apiUrl':
+                    this.setHostProperty('apiUrl', changes['apiUrl'].currentValue);
+                    break;
+                case 'authKey':
+                    this.setHostProperty('authKey', changes['authKey'].currentValue);
+                    break;
+                case 'authToken':
+                    this.setHostProperty('authToken', changes['authToken'].currentValue);
+                    break;
+                case 'datasetsDataFields':
+                    this.setHostProperty('datasetsDataFields', changes['datasetsDataFields'].currentValue);
+                    break;
+                case 'size':
+                    this.setHostProperty('size', changes['size'].currentValue);
+                    break;
+                default:
+                    break;
+            }
+        }
+    }
+    /**
+     * Forward a wrapper @Input to the underlying host element via Renderer2 so
+     * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
+     * Unlike a "skip undefined" guard, this lets consumers reset values back to
+     * undefined / null by clearing their bindings.
+     */
+    setHostProperty(key, value) {
+        this.renderer.setProperty(this.host, key, value);
+    }
+    bindEvents() {
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-slot-contents-changed', (event) => {
+            const typed = event;
+            this.luzmoSlotContentsChanged.emit(typed);
+        }));
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-close', (event) => {
+            const typed = event;
+            this.luzmoClose.emit(typed);
+        }));
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-slot-menu-active', (event) => {
+            const typed = event;
+            this.luzmoSlotMenuActive.emit(typed);
+        }));
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-slot-menu-highlight', (event) => {
+            const typed = event;
+            this.luzmoSlotMenuHighlight.emit(typed);
+        }));
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-slot-menu-inactive', (event) => {
+            const typed = event;
+            this.luzmoSlotMenuInactive.emit(typed);
+        }));
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-info-visibility-changed', (event) => {
+            const typed = event;
+            this.luzmoInfoVisibilityChanged.emit(typed);
+        }));
+    }
+    close() {
+        return this.host.close();
+    }
+    static ɵfac = function LuzmoSlotMenu_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoSlotMenu)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoSlotMenu, selectors: [["luzmo-slot-menu"]], inputs: { language: "language", contentLanguage: "contentLanguage", slotType: "slotType", slotName: "slotName", itemType: "itemType", noDrag: [2, "noDrag", "noDrag", booleanAttribute], noClose: [2, "noClose", "noClose", booleanAttribute], variant: "variant", noTopMenuLabel: [2, "noTopMenuLabel", "noTopMenuLabel", booleanAttribute], dragBoundary: "dragBoundary", areGrandTotalsEnabled: [2, "areGrandTotalsEnabled", "areGrandTotalsEnabled", booleanAttribute], areDatetimeOptionsEnabled: [2, "areDatetimeOptionsEnabled", "areDatetimeOptionsEnabled", booleanAttribute], isBinningDisabled: [2, "isBinningDisabled", "isBinningDisabled", booleanAttribute], isAggregationDisabled: [2, "isAggregationDisabled", "isAggregationDisabled", booleanAttribute], isCumulativeSumEnabled: [2, "isCumulativeSumEnabled", "isCumulativeSumEnabled", booleanAttribute], slotContents: "slotContents", measureColumns: "measureColumns", slotIndex: "slotIndex", displaySettingsElement: "displaySettingsElement", slotMenuListElement: "slotMenuListElement", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", datasetsDataFields: "datasetsDataFields", size: "size" }, outputs: { luzmoSlotContentsChanged: "luzmoSlotContentsChanged", luzmoClose: "luzmoClose", luzmoSlotMenuActive: "luzmoSlotMenuActive", luzmoSlotMenuHighlight: "luzmoSlotMenuHighlight", luzmoSlotMenuInactive: "luzmoSlotMenuInactive", luzmoInfoVisibilityChanged: "luzmoInfoVisibilityChanged" }, exportAs: ["luzmoSlotMenu"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoSlotMenu_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoSlotMenu, [{
+        type: Component,
+        args: [{
+                selector: 'luzmo-slot-menu',
+                exportAs: 'luzmoSlotMenu',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content />'
+            }]
+    }], () => [], { language: [{
+            type: Input,
+            args: [{ alias: 'language' }]
+        }], contentLanguage: [{
+            type: Input,
+            args: [{ alias: 'contentLanguage' }]
+        }], slotType: [{
+            type: Input,
+            args: [{ alias: 'slotType' }]
+        }], slotName: [{
+            type: Input,
+            args: [{ alias: 'slotName' }]
+        }], itemType: [{
+            type: Input,
+            args: [{ alias: 'itemType' }]
+        }], noDrag: [{
+            type: Input,
+            args: [{ alias: 'noDrag', transform: booleanAttribute }]
+        }], noClose: [{
+            type: Input,
+            args: [{ alias: 'noClose', transform: booleanAttribute }]
+        }], variant: [{
+            type: Input,
+            args: [{ alias: 'variant' }]
+        }], noTopMenuLabel: [{
+            type: Input,
+            args: [{ alias: 'noTopMenuLabel', transform: booleanAttribute }]
+        }], dragBoundary: [{
+            type: Input,
+            args: [{ alias: 'dragBoundary' }]
+        }], areGrandTotalsEnabled: [{
+            type: Input,
+            args: [{ alias: 'areGrandTotalsEnabled', transform: booleanAttribute }]
+        }], areDatetimeOptionsEnabled: [{
+            type: Input,
+            args: [{ alias: 'areDatetimeOptionsEnabled', transform: booleanAttribute }]
+        }], isBinningDisabled: [{
+            type: Input,
+            args: [{ alias: 'isBinningDisabled', transform: booleanAttribute }]
+        }], isAggregationDisabled: [{
+            type: Input,
+            args: [{ alias: 'isAggregationDisabled', transform: booleanAttribute }]
+        }], isCumulativeSumEnabled: [{
+            type: Input,
+            args: [{ alias: 'isCumulativeSumEnabled', transform: booleanAttribute }]
+        }], slotContents: [{
+            type: Input,
+            args: [{ alias: 'slotContents' }]
+        }], measureColumns: [{
+            type: Input,
+            args: [{ alias: 'measureColumns' }]
+        }], slotIndex: [{
+            type: Input,
+            args: [{ alias: 'slotIndex' }]
+        }], displaySettingsElement: [{
+            type: Input,
+            args: [{ alias: 'displaySettingsElement' }]
+        }], slotMenuListElement: [{
+            type: Input,
+            args: [{ alias: 'slotMenuListElement' }]
+        }], apiUrl: [{
+            type: Input,
+            args: [{ alias: 'apiUrl' }]
+        }], authKey: [{
+            type: Input,
+            args: [{ alias: 'authKey' }]
+        }], authToken: [{
+            type: Input,
+            args: [{ alias: 'authToken' }]
+        }], datasetsDataFields: [{
+            type: Input,
+            args: [{ alias: 'datasetsDataFields' }]
+        }], size: [{
+            type: Input,
+            args: [{ alias: 'size' }]
+        }], luzmoSlotContentsChanged: [{ type: i0.Output, args: ["luzmoSlotContentsChanged"] }], luzmoClose: [{ type: i0.Output, args: ["luzmoClose"] }], luzmoSlotMenuActive: [{ type: i0.Output, args: ["luzmoSlotMenuActive"] }], luzmoSlotMenuHighlight: [{ type: i0.Output, args: ["luzmoSlotMenuHighlight"] }], luzmoSlotMenuInactive: [{ type: i0.Output, args: ["luzmoSlotMenuInactive"] }], luzmoInfoVisibilityChanged: [{ type: i0.Output, args: ["luzmoInfoVisibilityChanged"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoSlotMenu, { className: "LuzmoSlotMenu", filePath: "components/slot-menu.ts", lineNumber: 21 }); })();

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

@@ -0,0 +1,42 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import '@luzmo/analytics-components-kit/viz-item-menu';
+import type { LuzmoVizItemMenu as LuzmoVizItemMenuHostElement, VizItemMenuButton, VizItemMenuButtonClickedEventDetail, VizItemMenuSelectedChangedEventDetail } from '@luzmo/analytics-components-kit/viz-item-menu';
+import * as i0 from "@angular/core";
+export type { VizItemMenuButton, VizItemMenuButtonClickedEventDetail, VizItemMenuSelectedChangedEventDetail } from '@luzmo/analytics-components-kit/viz-item-menu';
+export declare class LuzmoVizItemMenu implements OnChanges {
+    private readonly elementRef;
+    private readonly renderer;
+    private readonly destroyRef;
+    private readonly host;
+    private readonly listenerCleanup;
+    /** The underlying custom element instance. Use to call imperative methods. */
+    get nativeElement(): LuzmoVizItemMenuHostElement;
+    /** The visualization item ID */
+    vizItemId?: string;
+    /** Array of menu buttons to hide */
+    hiddenButtons?: VizItemMenuButton[];
+    /** The currently selected menu button */
+    selectedButton?: VizItemMenuButton | null;
+    /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
+    language?: string;
+    /** Emitted when the selected button changes */
+    readonly selectedChanged: import("@angular/core").OutputEmitterRef<CustomEvent<VizItemMenuSelectedChangedEventDetail>>;
+    /** Emitted when any menu item is clicked */
+    readonly buttonClicked: import("@angular/core").OutputEmitterRef<CustomEvent<VizItemMenuButtonClickedEventDetail>>;
+    /** Emitted when hovering over the edit button */
+    readonly editButtonHovered: import("@angular/core").OutputEmitterRef<CustomEvent<void>>;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Forward a wrapper @Input to the underlying host element via Renderer2 so
+     * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
+     * Unlike a "skip undefined" guard, this lets consumers reset values back to
+     * undefined / null by clearing their bindings.
+     */
+    private setHostProperty;
+    private bindEvents;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoVizItemMenu, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoVizItemMenu, "luzmo-viz-item-menu", ["luzmoVizItemMenu"], { "vizItemId": { "alias": "vizItemId"; "required": false; }; "hiddenButtons": { "alias": "hiddenButtons"; "required": false; }; "selectedButton": { "alias": "selectedButton"; "required": false; }; "language": { "alias": "language"; "required": false; }; }, { "selectedChanged": "selectedChanged"; "buttonClicked": "buttonClicked"; "editButtonHovered": "editButtonHovered"; }, never, ["*"], true, never>;
+}
+/** The underlying custom element type for LuzmoVizItemMenu */
+export type LuzmoVizItemMenuElement = LuzmoVizItemMenuHostElement;

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

@@ -0,0 +1,111 @@
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
+import '@luzmo/analytics-components-kit/viz-item-menu';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+/**
+ * Angular wrapper component for <luzmo-viz-item-menu>
+ */
+export class LuzmoVizItemMenu {
+    elementRef = inject(ElementRef);
+    renderer = inject(Renderer2);
+    destroyRef = inject(DestroyRef);
+    host = this.elementRef.nativeElement;
+    listenerCleanup = [];
+    /** The underlying custom element instance. Use to call imperative methods. */
+    get nativeElement() {
+        return this.host;
+    }
+    /** The visualization item ID */
+    vizItemId;
+    /** Array of menu buttons to hide */
+    hiddenButtons;
+    /** The currently selected menu button */
+    selectedButton;
+    /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
+    language;
+    /** Emitted when the selected button changes */
+    selectedChanged = output({ alias: 'selectedChanged' });
+    /** Emitted when any menu item is clicked */
+    buttonClicked = output({ alias: 'buttonClicked' });
+    /** Emitted when hovering over the edit button */
+    editButtonHovered = output({ alias: 'editButtonHovered' });
+    constructor() {
+        this.bindEvents();
+        this.destroyRef.onDestroy(() => {
+            for (const cleanup of this.listenerCleanup) {
+                cleanup();
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        for (const key of Object.keys(changes)) {
+            switch (key) {
+                case 'vizItemId':
+                    this.setHostProperty('vizItemId', changes['vizItemId'].currentValue);
+                    break;
+                case 'hiddenButtons':
+                    this.setHostProperty('hiddenButtons', changes['hiddenButtons'].currentValue);
+                    break;
+                case 'selectedButton':
+                    this.setHostProperty('selectedButton', changes['selectedButton'].currentValue);
+                    break;
+                case 'language':
+                    this.setHostProperty('language', changes['language'].currentValue);
+                    break;
+                default:
+                    break;
+            }
+        }
+    }
+    /**
+     * Forward a wrapper @Input to the underlying host element via Renderer2 so
+     * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
+     * Unlike a "skip undefined" guard, this lets consumers reset values back to
+     * undefined / null by clearing their bindings.
+     */
+    setHostProperty(key, value) {
+        this.renderer.setProperty(this.host, key, value);
+    }
+    bindEvents() {
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'selected-changed', (event) => {
+            const typed = event;
+            this.selectedChanged.emit(typed);
+        }));
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'button-clicked', (event) => {
+            const typed = event;
+            this.buttonClicked.emit(typed);
+        }));
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'edit-button-hovered', (event) => {
+            const typed = event;
+            this.editButtonHovered.emit(typed);
+        }));
+    }
+    static ɵfac = function LuzmoVizItemMenu_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoVizItemMenu)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoVizItemMenu, selectors: [["luzmo-viz-item-menu"]], inputs: { vizItemId: "vizItemId", hiddenButtons: "hiddenButtons", selectedButton: "selectedButton", language: "language" }, outputs: { selectedChanged: "selectedChanged", buttonClicked: "buttonClicked", editButtonHovered: "editButtonHovered" }, exportAs: ["luzmoVizItemMenu"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoVizItemMenu_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoVizItemMenu, [{
+        type: Component,
+        args: [{
+                selector: 'luzmo-viz-item-menu',
+                exportAs: 'luzmoVizItemMenu',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content />'
+            }]
+    }], () => [], { vizItemId: [{
+            type: Input,
+            args: [{ alias: 'vizItemId' }]
+        }], hiddenButtons: [{
+            type: Input,
+            args: [{ alias: 'hiddenButtons' }]
+        }], selectedButton: [{
+            type: Input,
+            args: [{ alias: 'selectedButton' }]
+        }], language: [{
+            type: Input,
+            args: [{ alias: 'language' }]
+        }], selectedChanged: [{ type: i0.Output, args: ["selectedChanged"] }], buttonClicked: [{ type: i0.Output, args: ["buttonClicked"] }], editButtonHovered: [{ type: i0.Output, args: ["editButtonHovered"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoVizItemMenu, { className: "LuzmoVizItemMenu", filePath: "components/viz-item-menu.ts", lineNumber: 16 }); })();

package/angular/esm/index.d.ts

@@ -0,0 +1,109 @@
+import { LuzmoAiChat } from './components/ai-chat.js';
+import { LuzmoAiChatEmptyState } from './components/ai-chat-empty-state.js';
+import { LuzmoAiInteractionTextarea } from './components/ai-interaction-textarea.js';
+import { LuzmoDataField } from './components/data-field.js';
+import { LuzmoDataFieldLevel } from './components/data-field-level.js';
+import { LuzmoDataFieldPanel } from './components/data-field-panel.js';
+import { LuzmoDataFieldsSelect } from './components/data-fields-select.js';
+import { LuzmoDatasetIcon } from './components/dataset-icon.js';
+import { LuzmoDatasetSelectorList } from './components/dataset-selector-list.js';
+import { LuzmoDatasetSelectorRow } from './components/dataset-selector-row.js';
+import { LuzmoDisplaySettings } from './components/display-settings.js';
+import { LuzmoDisplaySettingsBinning } from './components/display-settings-binning.js';
+import { LuzmoDisplaySettingsDatetime } from './components/display-settings-datetime.js';
+import { LuzmoDisplaySettingsGrandTotals } from './components/display-settings-grand-totals.js';
+import { LuzmoDisplaySettingsNumeric } from './components/display-settings-numeric.js';
+import { LuzmoDisplaySettingsPeriodOverPeriod } from './components/display-settings-period-over-period.js';
+import { LuzmoFilterExpressionPicker } from './components/filter-expression-picker.js';
+import { LuzmoFilterItem } from './components/filter-item.js';
+import { LuzmoFilterParameterPicker } from './components/filter-parameter-picker.js';
+import { LuzmoFilterValuePicker } from './components/filter-value-picker.js';
+import { LuzmoFilterValuePickerDatetime } from './components/filter-value-picker-datetime.js';
+import { LuzmoFilterValuePickerHierarchy } from './components/filter-value-picker-hierarchy.js';
+import { LuzmoFilterValuePickerNumeric } from './components/filter-value-picker-numeric.js';
+import { LuzmoFilters } from './components/filters.js';
+import { LuzmoFormula } from './components/formula.js';
+import { LuzmoFormulaEditor } from './components/formula-editor.js';
+import { LuzmoFormulaField } from './components/formula-field.js';
+import { LuzmoInteractiveVizItem } from './components/interactive-viz-item.js';
+import { LuzmoItemGrid } from './components/item-grid.js';
+import { LuzmoItemGridItemActionsMenu } from './components/item-grid-item-actions-menu.js';
+import { LuzmoItemOption } from './components/item-option.js';
+import { LuzmoItemOptionActionButtonGroup } from './components/item-option-action-button-group.js';
+import { LuzmoItemOptionColorPalettePicker } from './components/item-option-color-palette-picker.js';
+import { LuzmoItemOptionColorPicker } from './components/item-option-color-picker.js';
+import { LuzmoItemOptionColorRange } from './components/item-option-color-range.js';
+import { LuzmoItemOptionGuidelines } from './components/item-option-guidelines.js';
+import { LuzmoItemOptionMultiLanguageField } from './components/item-option-multi-language-field.js';
+import { LuzmoItemOptionNumberField } from './components/item-option-number-field.js';
+import { LuzmoItemOptionPanel } from './components/item-option-panel.js';
+import { LuzmoItemOptionPicker } from './components/item-option-picker.js';
+import { LuzmoItemOptionPositionPicker } from './components/item-option-position-picker.js';
+import { LuzmoItemOptionPositionsNumberField } from './components/item-option-positions-number-field.js';
+import { LuzmoItemOptionRadioButtonGroup } from './components/item-option-radio-button-group.js';
+import { LuzmoItemOptionSlider } from './components/item-option-slider.js';
+import { LuzmoItemOptionSwitch } from './components/item-option-switch.js';
+import { LuzmoItemOptionTextField } from './components/item-option-text-field.js';
+import { LuzmoItemSlotDrop } from './components/item-slot-drop.js';
+import { LuzmoItemSlotDropPanel } from './components/item-slot-drop-panel.js';
+import { LuzmoItemSlotPicker } from './components/item-slot-picker.js';
+import { LuzmoItemSlotPickerPanel } from './components/item-slot-picker-panel.js';
+import { LuzmoSlotMenu } from './components/slot-menu.js';
+import { LuzmoSlotMenuList } from './components/slot-menu-list.js';
+import { LuzmoVizItemMenu } from './components/viz-item-menu.js';
+export { LuzmoAiChat, type LuzmoAiChatElement } from './components/ai-chat.js';
+export { LuzmoAiChatEmptyState, type LuzmoAiChatEmptyStateElement } from './components/ai-chat-empty-state.js';
+export { LuzmoAiInteractionTextarea, type LuzmoAiInteractionTextareaElement } from './components/ai-interaction-textarea.js';
+export { LuzmoDataField, type LuzmoDataFieldElement } from './components/data-field.js';
+export { LuzmoDataFieldLevel, type LuzmoDataFieldLevelElement } from './components/data-field-level.js';
+export { LuzmoDataFieldPanel, type LuzmoDataFieldPanelElement } from './components/data-field-panel.js';
+export { LuzmoDataFieldsSelect, type LuzmoDataFieldsSelectElement } from './components/data-fields-select.js';
+export { LuzmoDatasetIcon, type LuzmoDatasetIconElement } from './components/dataset-icon.js';
+export { LuzmoDatasetSelectorList, type LuzmoDatasetSelectorListElement } from './components/dataset-selector-list.js';
+export { LuzmoDatasetSelectorRow, type LuzmoDatasetSelectorRowElement } from './components/dataset-selector-row.js';
+export { LuzmoDisplaySettings, type LuzmoDisplaySettingsElement } from './components/display-settings.js';
+export { LuzmoDisplaySettingsBinning, type LuzmoDisplaySettingsBinningElement } from './components/display-settings-binning.js';
+export { LuzmoDisplaySettingsDatetime, type LuzmoDisplaySettingsDatetimeElement } from './components/display-settings-datetime.js';
+export { LuzmoDisplaySettingsGrandTotals, type LuzmoDisplaySettingsGrandTotalsElement } from './components/display-settings-grand-totals.js';
+export { LuzmoDisplaySettingsNumeric, type LuzmoDisplaySettingsNumericElement } from './components/display-settings-numeric.js';
+export { LuzmoDisplaySettingsPeriodOverPeriod, type LuzmoDisplaySettingsPeriodOverPeriodElement } from './components/display-settings-period-over-period.js';
+export { LuzmoFilterExpressionPicker, type LuzmoFilterExpressionPickerElement } from './components/filter-expression-picker.js';
+export { LuzmoFilterItem, type LuzmoFilterItemElement } from './components/filter-item.js';
+export { LuzmoFilterParameterPicker, type LuzmoFilterParameterPickerElement } from './components/filter-parameter-picker.js';
+export { LuzmoFilterValuePicker, type LuzmoFilterValuePickerElement } from './components/filter-value-picker.js';
+export { LuzmoFilterValuePickerDatetime, type LuzmoFilterValuePickerDatetimeElement } from './components/filter-value-picker-datetime.js';
+export { LuzmoFilterValuePickerHierarchy, type LuzmoFilterValuePickerHierarchyElement } from './components/filter-value-picker-hierarchy.js';
+export { LuzmoFilterValuePickerNumeric, type LuzmoFilterValuePickerNumericElement } from './components/filter-value-picker-numeric.js';
+export { LuzmoFilters, type LuzmoFiltersElement } from './components/filters.js';
+export { LuzmoFormula, type LuzmoFormulaElement } from './components/formula.js';
+export { LuzmoFormulaEditor, type LuzmoFormulaEditorElement } from './components/formula-editor.js';
+export { LuzmoFormulaField, type LuzmoFormulaFieldElement } from './components/formula-field.js';
+export { LuzmoInteractiveVizItem, type LuzmoInteractiveVizItemElement } from './components/interactive-viz-item.js';
+export { LuzmoItemGrid, type LuzmoItemGridElement } from './components/item-grid.js';
+export { LuzmoItemGridItemActionsMenu, type LuzmoItemGridItemActionsMenuElement } from './components/item-grid-item-actions-menu.js';
+export { LuzmoItemOption, type LuzmoItemOptionElement } from './components/item-option.js';
+export { LuzmoItemOptionActionButtonGroup, type LuzmoItemOptionActionButtonGroupElement } from './components/item-option-action-button-group.js';
+export { LuzmoItemOptionColorPalettePicker, type LuzmoItemOptionColorPalettePickerElement } from './components/item-option-color-palette-picker.js';
+export { LuzmoItemOptionColorPicker, type LuzmoItemOptionColorPickerElement } from './components/item-option-color-picker.js';
+export { LuzmoItemOptionColorRange, type LuzmoItemOptionColorRangeElement } from './components/item-option-color-range.js';
+export { LuzmoItemOptionGuidelines, type LuzmoItemOptionGuidelinesElement } from './components/item-option-guidelines.js';
+export { LuzmoItemOptionMultiLanguageField, type LuzmoItemOptionMultiLanguageFieldElement } from './components/item-option-multi-language-field.js';
+export { LuzmoItemOptionNumberField, type LuzmoItemOptionNumberFieldElement } from './components/item-option-number-field.js';
+export { LuzmoItemOptionPanel, type LuzmoItemOptionPanelElement } from './components/item-option-panel.js';
+export { LuzmoItemOptionPicker, type LuzmoItemOptionPickerElement } from './components/item-option-picker.js';
+export { LuzmoItemOptionPositionPicker, type LuzmoItemOptionPositionPickerElement } from './components/item-option-position-picker.js';
+export { LuzmoItemOptionPositionsNumberField, type LuzmoItemOptionPositionsNumberFieldElement } from './components/item-option-positions-number-field.js';
+export { LuzmoItemOptionRadioButtonGroup, type LuzmoItemOptionRadioButtonGroupElement } from './components/item-option-radio-button-group.js';
+export { LuzmoItemOptionSlider, type LuzmoItemOptionSliderElement } from './components/item-option-slider.js';
+export { LuzmoItemOptionSwitch, type LuzmoItemOptionSwitchElement } from './components/item-option-switch.js';
+export { LuzmoItemOptionTextField, type LuzmoItemOptionTextFieldElement } from './components/item-option-text-field.js';
+export { LuzmoItemSlotDrop, type LuzmoItemSlotDropElement } from './components/item-slot-drop.js';
+export { LuzmoItemSlotDropPanel, type LuzmoItemSlotDropPanelElement } from './components/item-slot-drop-panel.js';
+export { LuzmoItemSlotPicker, type LuzmoItemSlotPickerElement } from './components/item-slot-picker.js';
+export { LuzmoItemSlotPickerPanel, type LuzmoItemSlotPickerPanelElement } from './components/item-slot-picker-panel.js';
+export { LuzmoSlotMenu, type LuzmoSlotMenuElement } from './components/slot-menu.js';
+export { LuzmoSlotMenuList, type LuzmoSlotMenuListElement } from './components/slot-menu-list.js';
+export { LuzmoVizItemMenu, type LuzmoVizItemMenuElement } from './components/viz-item-menu.js';
+export declare const LUZMO_ANGULAR_COMPONENTS: readonly [typeof LuzmoAiChat, typeof LuzmoAiChatEmptyState, typeof LuzmoAiInteractionTextarea, typeof LuzmoDataField, typeof LuzmoDataFieldLevel, typeof LuzmoDataFieldPanel, typeof LuzmoDataFieldsSelect, typeof LuzmoDatasetIcon, typeof LuzmoDatasetSelectorList, typeof LuzmoDatasetSelectorRow, typeof LuzmoDisplaySettings, typeof LuzmoDisplaySettingsBinning, typeof LuzmoDisplaySettingsDatetime, typeof LuzmoDisplaySettingsGrandTotals, typeof LuzmoDisplaySettingsNumeric, typeof LuzmoDisplaySettingsPeriodOverPeriod, typeof LuzmoFilterExpressionPicker, typeof LuzmoFilterItem, typeof LuzmoFilterParameterPicker, typeof LuzmoFilterValuePicker, typeof LuzmoFilterValuePickerDatetime, typeof LuzmoFilterValuePickerHierarchy, typeof LuzmoFilterValuePickerNumeric, typeof LuzmoFilters, typeof LuzmoFormula, typeof LuzmoFormulaEditor, typeof LuzmoFormulaField, typeof LuzmoInteractiveVizItem, typeof LuzmoItemGrid, typeof LuzmoItemGridItemActionsMenu, typeof LuzmoItemOption, typeof LuzmoItemOptionActionButtonGroup, typeof LuzmoItemOptionColorPalettePicker, typeof LuzmoItemOptionColorPicker, typeof LuzmoItemOptionColorRange, typeof LuzmoItemOptionGuidelines, typeof LuzmoItemOptionMultiLanguageField, typeof LuzmoItemOptionNumberField, typeof LuzmoItemOptionPanel, typeof LuzmoItemOptionPicker, typeof LuzmoItemOptionPositionPicker, typeof LuzmoItemOptionPositionsNumberField, typeof LuzmoItemOptionRadioButtonGroup, typeof LuzmoItemOptionSlider, typeof LuzmoItemOptionSwitch, typeof LuzmoItemOptionTextField, typeof LuzmoItemSlotDrop, typeof LuzmoItemSlotDropPanel, typeof LuzmoItemSlotPicker, typeof LuzmoItemSlotPickerPanel, typeof LuzmoSlotMenu, typeof LuzmoSlotMenuList, typeof LuzmoVizItemMenu];
+export declare const LUZMO_ANGULAR_COMPONENT_NAMES: readonly ["LuzmoAiChat", "LuzmoAiChatEmptyState", "LuzmoAiInteractionTextarea", "LuzmoDataField", "LuzmoDataFieldLevel", "LuzmoDataFieldPanel", "LuzmoDataFieldsSelect", "LuzmoDatasetIcon", "LuzmoDatasetSelectorList", "LuzmoDatasetSelectorRow", "LuzmoDisplaySettings", "LuzmoDisplaySettingsBinning", "LuzmoDisplaySettingsDatetime", "LuzmoDisplaySettingsGrandTotals", "LuzmoDisplaySettingsNumeric", "LuzmoDisplaySettingsPeriodOverPeriod", "LuzmoFilterExpressionPicker", "LuzmoFilterItem", "LuzmoFilterParameterPicker", "LuzmoFilterValuePicker", "LuzmoFilterValuePickerDatetime", "LuzmoFilterValuePickerHierarchy", "LuzmoFilterValuePickerNumeric", "LuzmoFilters", "LuzmoFormula", "LuzmoFormulaEditor", "LuzmoFormulaField", "LuzmoInteractiveVizItem", "LuzmoItemGrid", "LuzmoItemGridItemActionsMenu", "LuzmoItemOption", "LuzmoItemOptionActionButtonGroup", "LuzmoItemOptionColorPalettePicker", "LuzmoItemOptionColorPicker", "LuzmoItemOptionColorRange", "LuzmoItemOptionGuidelines", "LuzmoItemOptionMultiLanguageField", "LuzmoItemOptionNumberField", "LuzmoItemOptionPanel", "LuzmoItemOptionPicker", "LuzmoItemOptionPositionPicker", "LuzmoItemOptionPositionsNumberField", "LuzmoItemOptionRadioButtonGroup", "LuzmoItemOptionSlider", "LuzmoItemOptionSwitch", "LuzmoItemOptionTextField", "LuzmoItemSlotDrop", "LuzmoItemSlotDropPanel", "LuzmoItemSlotPicker", "LuzmoItemSlotPickerPanel", "LuzmoSlotMenu", "LuzmoSlotMenuList", "LuzmoVizItemMenu"];
+export type LuzmoAngularComponentName = (typeof LUZMO_ANGULAR_COMPONENT_NAMES)[number];