@luzmo/analytics-components-kit 1.0.8-beta.6 → 1.0.8-beta.7

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

@@ -1,97 +0,0 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/item-slot-picker-panel';
-import type { LuzmoItemSlotPickerPanel as LuzmoItemSlotPickerPanelHostElement, DatasetChangedEventDetail, DatasetConstraintTriggeredEventDetail, SlotConstraintTriggeredEventDetail, SlotsContentsChangedEventDetail } from '@luzmo/analytics-components-kit/item-slot-picker-panel';
-import type { Placement } from '@floating-ui/dom';
-import type { DatasetMetadata, DatasetsDataFields } from '@luzmo/analytics-components-kit/types';
-import type { SlotConfig, VizItemSlot, VizItemType } from '@luzmo/dashboard-contents-types';
-import * as i0 from "@angular/core";
-export type { DatasetChangedEventDetail, DatasetConstraintTriggeredEventDetail, SlotConstraintTriggeredEventDetail, SlotsContentsChangedEventDetail } from '@luzmo/analytics-components-kit/item-slot-picker-panel';
-export declare class LuzmoItemSlotPickerPanel 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(): LuzmoItemSlotPickerPanelHostElement;
-    /** The type of the item (e.g., 'bar-chart', 'line-chart', 'area-chart') */
-    itemType?: VizItemType | string;
-    /** The language to use for locale-aware formatting and labels */
-    contentLanguage?: string;
-    /** Optional custom slots configuration (overrides loaded config) */
-    slotsConfiguration?: SlotConfig[];
-    /** The contents of all slots */
-    slotsContents?: VizItemSlot[];
-    /** Whether the picker allows single or multiple selections per slot */
-    selects?: 'single' | 'multiple';
-    /** Whether the search input is visible in data field pickers */
-    dataFieldsSearch?: 'on' | 'off' | 'auto';
-    /** Whether the search input is visible in the dataset picker */
-    datasetSearch?: 'on' | 'off' | 'auto';
-    /** Where to show icons in pickers */
-    icons?: 'none' | 'menu-only' | 'all';
-    /** The datasets and their dataFields to display in pickers. Takes preference over datasetIds when provided. */
-    datasetsDataFields?: Array<DatasetsDataFields & Pick<DatasetMetadata, 'description'>>;
-    /** Array of dataset IDs to fetch and display. Used as an alternative to datasetsDataFields - when provided (and datasetsDataFields is empty), the component will fetch the dataset metadata automatically. Requires apiUrl, authKey, and authToken to be set. */
-    datasetIds?: string[];
-    /** The currently selected dataset ID. If not provided, defaults to the first available dataset. */
-    selectedDatasetId?: string;
-    /** Whether to show the dataset picker dropdown. */
-    datasetPicker?: boolean;
-    /** Custom label for the dataset picker field. Overrides the default "Dataset" label. */
-    datasetPickerLabel?: string;
-    /** The Luzmo API URL. Required when using datasetIds. */
-    apiUrl?: string;
-    /** Authentication key for the Luzmo API. Required when using datasetIds. */
-    authKey?: string;
-    /** Authentication token for the Luzmo API. Required when using datasetIds. */
-    authToken?: string;
-    /** Placement of the dataset picker and item slot picker popovers */
-    placement?: Placement;
-    /** Placement of the slot menu popover */
-    slotMenuPlacement?: Placement;
-    /** Controls how slot constraints are handled - 'auto': Constraints are applied immediately (default) - 'event-only': Emit event with constraint details, let consumer decide */
-    constraintMode?: 'auto' | 'event-only';
-    /** Whether the pickers grow to full width */
-    grows?: boolean;
-    /** The main container element */
-    container?: string;
-    /** The field label element above the dataset picker */
-    datasetfieldlabel?: string;
-    /** The main container for all slots */
-    slotspanel?: string;
-    /** The container for each individual slot (label + picker) */
-    slotcontainer?: string;
-    /** The field label element above each slot */
-    fieldlabel?: string;
-    /** The item slot picker element */
-    itemslotpicker?: string;
-    /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-    language?: string;
-    /** The size of the element */
-    size?: 's' | 'm' | 'l' | 'xl';
-    /** Emitted when constraint-mode is 'event-only' and dataset change would clear slots */
-    readonly luzmoDatasetConstraintTriggered: import("@angular/core").OutputEmitterRef<CustomEvent<DatasetConstraintTriggeredEventDetail>>;
-    /** Announces that the slots contents have changed */
-    readonly luzmoSlotsContentsChanged: import("@angular/core").OutputEmitterRef<CustomEvent<SlotsContentsChangedEventDetail>>;
-    /** Announces that the selected dataset has changed */
-    readonly luzmoDatasetChanged: import("@angular/core").OutputEmitterRef<CustomEvent<DatasetChangedEventDetail>>;
-    /** Emitted when constraint-mode is 'event-only' and a change would trigger constraints */
-    readonly luzmoSlotConstraintTriggered: import("@angular/core").OutputEmitterRef<CustomEvent<SlotConstraintTriggeredEventDetail>>;
-    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<LuzmoItemSlotPickerPanel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemSlotPickerPanel, "luzmo-item-slot-picker-panel", ["luzmoItemSlotPickerPanel"], { "itemType": { "alias": "itemType"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "slotsConfiguration": { "alias": "slotsConfiguration"; "required": false; }; "slotsContents": { "alias": "slotsContents"; "required": false; }; "selects": { "alias": "selects"; "required": false; }; "dataFieldsSearch": { "alias": "dataFieldsSearch"; "required": false; }; "datasetSearch": { "alias": "datasetSearch"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "datasetsDataFields": { "alias": "datasetsDataFields"; "required": false; }; "datasetIds": { "alias": "datasetIds"; "required": false; }; "selectedDatasetId": { "alias": "selectedDatasetId"; "required": false; }; "datasetPicker": { "alias": "datasetPicker"; "required": false; }; "datasetPickerLabel": { "alias": "datasetPickerLabel"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "slotMenuPlacement": { "alias": "slotMenuPlacement"; "required": false; }; "constraintMode": { "alias": "constraintMode"; "required": false; }; "grows": { "alias": "grows"; "required": false; }; "container": { "alias": "container"; "required": false; }; "datasetfieldlabel": { "alias": "datasetFieldLabel"; "required": false; }; "slotspanel": { "alias": "slotsPanel"; "required": false; }; "slotcontainer": { "alias": "slotContainer"; "required": false; }; "fieldlabel": { "alias": "fieldLabel"; "required": false; }; "itemslotpicker": { "alias": "itemSlotPicker"; "required": false; }; "language": { "alias": "language"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoDatasetConstraintTriggered": "luzmoDatasetConstraintTriggered"; "luzmoSlotsContentsChanged": "luzmoSlotsContentsChanged"; "luzmoDatasetChanged": "luzmoDatasetChanged"; "luzmoSlotConstraintTriggered": "luzmoSlotConstraintTriggered"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_datasetPicker: unknown;
-    static ngAcceptInputType_grows: unknown;
-}
-/** The underlying custom element type for LuzmoItemSlotPickerPanel */
-export type LuzmoItemSlotPickerPanelElement = LuzmoItemSlotPickerPanelHostElement;

package/angular/esm/components/item-slot-picker-panel.js

@@ -1,309 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
-import '@luzmo/analytics-components-kit/item-slot-picker-panel';
-import * as i0 from "@angular/core";
-const _c0 = ["*"];
-/**
- * Angular wrapper component for <luzmo-item-slot-picker-panel>
- */
-export class LuzmoItemSlotPickerPanel {
-    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 type of the item (e.g., 'bar-chart', 'line-chart', 'area-chart') */
-    itemType;
-    /** The language to use for locale-aware formatting and labels */
-    contentLanguage;
-    /** Optional custom slots configuration (overrides loaded config) */
-    slotsConfiguration;
-    /** The contents of all slots */
-    slotsContents;
-    /** Whether the picker allows single or multiple selections per slot */
-    selects;
-    /** Whether the search input is visible in data field pickers */
-    dataFieldsSearch;
-    /** Whether the search input is visible in the dataset picker */
-    datasetSearch;
-    /** Where to show icons in pickers */
-    icons;
-    /** The datasets and their dataFields to display in pickers. Takes preference over datasetIds when provided. */
-    datasetsDataFields;
-    /** Array of dataset IDs to fetch and display. Used as an alternative to datasetsDataFields - when provided (and datasetsDataFields is empty), the component will fetch the dataset metadata automatically. Requires apiUrl, authKey, and authToken to be set. */
-    datasetIds;
-    /** The currently selected dataset ID. If not provided, defaults to the first available dataset. */
-    selectedDatasetId;
-    /** Whether to show the dataset picker dropdown. */
-    datasetPicker;
-    /** Custom label for the dataset picker field. Overrides the default "Dataset" label. */
-    datasetPickerLabel;
-    /** The Luzmo API URL. Required when using datasetIds. */
-    apiUrl;
-    /** Authentication key for the Luzmo API. Required when using datasetIds. */
-    authKey;
-    /** Authentication token for the Luzmo API. Required when using datasetIds. */
-    authToken;
-    /** Placement of the dataset picker and item slot picker popovers */
-    placement;
-    /** Placement of the slot menu popover */
-    slotMenuPlacement;
-    /** Controls how slot constraints are handled - 'auto': Constraints are applied immediately (default) - 'event-only': Emit event with constraint details, let consumer decide */
-    constraintMode;
-    /** Whether the pickers grow to full width */
-    grows;
-    /** The main container element */
-    container;
-    /** The field label element above the dataset picker */
-    datasetfieldlabel;
-    /** The main container for all slots */
-    slotspanel;
-    /** The container for each individual slot (label + picker) */
-    slotcontainer;
-    /** The field label element above each slot */
-    fieldlabel;
-    /** The item slot picker element */
-    itemslotpicker;
-    /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-    language;
-    /** The size of the element */
-    size;
-    /** Emitted when constraint-mode is 'event-only' and dataset change would clear slots */
-    luzmoDatasetConstraintTriggered = output({ alias: 'luzmoDatasetConstraintTriggered' });
-    /** Announces that the slots contents have changed */
-    luzmoSlotsContentsChanged = output({ alias: 'luzmoSlotsContentsChanged' });
-    /** Announces that the selected dataset has changed */
-    luzmoDatasetChanged = output({ alias: 'luzmoDatasetChanged' });
-    /** Emitted when constraint-mode is 'event-only' and a change would trigger constraints */
-    luzmoSlotConstraintTriggered = output({ alias: 'luzmoSlotConstraintTriggered' });
-    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 'itemType':
-                    this.setHostProperty('itemType', changes['itemType'].currentValue);
-                    break;
-                case 'contentLanguage':
-                    this.setHostProperty('contentLanguage', changes['contentLanguage'].currentValue);
-                    break;
-                case 'slotsConfiguration':
-                    this.setHostProperty('slotsConfiguration', changes['slotsConfiguration'].currentValue);
-                    break;
-                case 'slotsContents':
-                    this.setHostProperty('slotsContents', changes['slotsContents'].currentValue);
-                    break;
-                case 'selects':
-                    this.setHostProperty('selects', changes['selects'].currentValue);
-                    break;
-                case 'dataFieldsSearch':
-                    this.setHostProperty('dataFieldsSearch', changes['dataFieldsSearch'].currentValue);
-                    break;
-                case 'datasetSearch':
-                    this.setHostProperty('datasetSearch', changes['datasetSearch'].currentValue);
-                    break;
-                case 'icons':
-                    this.setHostProperty('icons', changes['icons'].currentValue);
-                    break;
-                case 'datasetsDataFields':
-                    this.setHostProperty('datasetsDataFields', changes['datasetsDataFields'].currentValue);
-                    break;
-                case 'datasetIds':
-                    this.setHostProperty('datasetIds', changes['datasetIds'].currentValue);
-                    break;
-                case 'selectedDatasetId':
-                    this.setHostProperty('selectedDatasetId', changes['selectedDatasetId'].currentValue);
-                    break;
-                case 'datasetPicker':
-                    this.setHostProperty('datasetPicker', changes['datasetPicker'].currentValue);
-                    break;
-                case 'datasetPickerLabel':
-                    this.setHostProperty('datasetPickerLabel', changes['datasetPickerLabel'].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 'placement':
-                    this.setHostProperty('placement', changes['placement'].currentValue);
-                    break;
-                case 'slotMenuPlacement':
-                    this.setHostProperty('slotMenuPlacement', changes['slotMenuPlacement'].currentValue);
-                    break;
-                case 'constraintMode':
-                    this.setHostProperty('constraintMode', changes['constraintMode'].currentValue);
-                    break;
-                case 'grows':
-                    this.setHostProperty('grows', changes['grows'].currentValue);
-                    break;
-                case 'container':
-                    this.setHostProperty('container', changes['container'].currentValue);
-                    break;
-                case 'datasetfieldlabel':
-                    this.setHostProperty('dataset-field-label', changes['datasetfieldlabel'].currentValue);
-                    break;
-                case 'slotspanel':
-                    this.setHostProperty('slots-panel', changes['slotspanel'].currentValue);
-                    break;
-                case 'slotcontainer':
-                    this.setHostProperty('slot-container', changes['slotcontainer'].currentValue);
-                    break;
-                case 'fieldlabel':
-                    this.setHostProperty('field-label', changes['fieldlabel'].currentValue);
-                    break;
-                case 'itemslotpicker':
-                    this.setHostProperty('item-slot-picker', changes['itemslotpicker'].currentValue);
-                    break;
-                case 'language':
-                    this.setHostProperty('language', changes['language'].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-dataset-constraint-triggered', (event) => {
-            const typed = event;
-            this.luzmoDatasetConstraintTriggered.emit(typed);
-        }));
-        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-slots-contents-changed', (event) => {
-            const typed = event;
-            this.luzmoSlotsContentsChanged.emit(typed);
-        }));
-        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-dataset-changed', (event) => {
-            const typed = event;
-            this.luzmoDatasetChanged.emit(typed);
-        }));
-        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-slot-constraint-triggered', (event) => {
-            const typed = event;
-            this.luzmoSlotConstraintTriggered.emit(typed);
-        }));
-    }
-    static ɵfac = function LuzmoItemSlotPickerPanel_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemSlotPickerPanel)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemSlotPickerPanel, selectors: [["luzmo-item-slot-picker-panel"]], inputs: { itemType: "itemType", contentLanguage: "contentLanguage", slotsConfiguration: "slotsConfiguration", slotsContents: "slotsContents", selects: "selects", dataFieldsSearch: "dataFieldsSearch", datasetSearch: "datasetSearch", icons: "icons", datasetsDataFields: "datasetsDataFields", datasetIds: "datasetIds", selectedDatasetId: "selectedDatasetId", datasetPicker: [2, "datasetPicker", "datasetPicker", booleanAttribute], datasetPickerLabel: "datasetPickerLabel", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", placement: "placement", slotMenuPlacement: "slotMenuPlacement", constraintMode: "constraintMode", grows: [2, "grows", "grows", booleanAttribute], container: "container", datasetfieldlabel: [0, "datasetFieldLabel", "datasetfieldlabel"], slotspanel: [0, "slotsPanel", "slotspanel"], slotcontainer: [0, "slotContainer", "slotcontainer"], fieldlabel: [0, "fieldLabel", "fieldlabel"], itemslotpicker: [0, "itemSlotPicker", "itemslotpicker"], language: "language", size: "size" }, outputs: { luzmoDatasetConstraintTriggered: "luzmoDatasetConstraintTriggered", luzmoSlotsContentsChanged: "luzmoSlotsContentsChanged", luzmoDatasetChanged: "luzmoDatasetChanged", luzmoSlotConstraintTriggered: "luzmoSlotConstraintTriggered" }, exportAs: ["luzmoItemSlotPickerPanel"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemSlotPickerPanel_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-        } }, encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoItemSlotPickerPanel, [{
-        type: Component,
-        args: [{
-                selector: 'luzmo-item-slot-picker-panel',
-                exportAs: 'luzmoItemSlotPickerPanel',
-                standalone: true,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: '<ng-content />'
-            }]
-    }], () => [], { itemType: [{
-            type: Input,
-            args: [{ alias: 'itemType' }]
-        }], contentLanguage: [{
-            type: Input,
-            args: [{ alias: 'contentLanguage' }]
-        }], slotsConfiguration: [{
-            type: Input,
-            args: [{ alias: 'slotsConfiguration' }]
-        }], slotsContents: [{
-            type: Input,
-            args: [{ alias: 'slotsContents' }]
-        }], selects: [{
-            type: Input,
-            args: [{ alias: 'selects' }]
-        }], dataFieldsSearch: [{
-            type: Input,
-            args: [{ alias: 'dataFieldsSearch' }]
-        }], datasetSearch: [{
-            type: Input,
-            args: [{ alias: 'datasetSearch' }]
-        }], icons: [{
-            type: Input,
-            args: [{ alias: 'icons' }]
-        }], datasetsDataFields: [{
-            type: Input,
-            args: [{ alias: 'datasetsDataFields' }]
-        }], datasetIds: [{
-            type: Input,
-            args: [{ alias: 'datasetIds' }]
-        }], selectedDatasetId: [{
-            type: Input,
-            args: [{ alias: 'selectedDatasetId' }]
-        }], datasetPicker: [{
-            type: Input,
-            args: [{ alias: 'datasetPicker', transform: booleanAttribute }]
-        }], datasetPickerLabel: [{
-            type: Input,
-            args: [{ alias: 'datasetPickerLabel' }]
-        }], apiUrl: [{
-            type: Input,
-            args: [{ alias: 'apiUrl' }]
-        }], authKey: [{
-            type: Input,
-            args: [{ alias: 'authKey' }]
-        }], authToken: [{
-            type: Input,
-            args: [{ alias: 'authToken' }]
-        }], placement: [{
-            type: Input,
-            args: [{ alias: 'placement' }]
-        }], slotMenuPlacement: [{
-            type: Input,
-            args: [{ alias: 'slotMenuPlacement' }]
-        }], constraintMode: [{
-            type: Input,
-            args: [{ alias: 'constraintMode' }]
-        }], grows: [{
-            type: Input,
-            args: [{ alias: 'grows', transform: booleanAttribute }]
-        }], container: [{
-            type: Input,
-            args: [{ alias: 'container' }]
-        }], datasetfieldlabel: [{
-            type: Input,
-            args: [{ alias: 'datasetFieldLabel' }]
-        }], slotspanel: [{
-            type: Input,
-            args: [{ alias: 'slotsPanel' }]
-        }], slotcontainer: [{
-            type: Input,
-            args: [{ alias: 'slotContainer' }]
-        }], fieldlabel: [{
-            type: Input,
-            args: [{ alias: 'fieldLabel' }]
-        }], itemslotpicker: [{
-            type: Input,
-            args: [{ alias: 'itemSlotPicker' }]
-        }], language: [{
-            type: Input,
-            args: [{ alias: 'language' }]
-        }], size: [{
-            type: Input,
-            args: [{ alias: 'size' }]
-        }], luzmoDatasetConstraintTriggered: [{ type: i0.Output, args: ["luzmoDatasetConstraintTriggered"] }], luzmoSlotsContentsChanged: [{ type: i0.Output, args: ["luzmoSlotsContentsChanged"] }], luzmoDatasetChanged: [{ type: i0.Output, args: ["luzmoDatasetChanged"] }], luzmoSlotConstraintTriggered: [{ type: i0.Output, args: ["luzmoSlotConstraintTriggered"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoItemSlotPickerPanel, { className: "LuzmoItemSlotPickerPanel", filePath: "components/item-slot-picker-panel.ts", lineNumber: 19 }); })();

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

@@ -1,86 +0,0 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/item-slot-picker';
-import type { LuzmoItemSlotPicker as LuzmoItemSlotPickerHostElement, 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 * as i0 from "@angular/core";
-export type { SlotContentsChangedEventDetail } from '@luzmo/analytics-components-kit/item-slot-picker';
-export declare class LuzmoItemSlotPicker 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(): LuzmoItemSlotPickerHostElement;
-    /** The API URL for the databroker */
-    apiUrl?: string;
-    /** The API key to fetch the columns */
-    authKey?: string;
-    /** The API token to fetch the columns */
-    authToken?: string;
-    /** The type of the item */
-    itemType?: VizItemType | string;
-    /** The name of the slot */
-    slotName?: SlotName;
-    /** (Optional) The configuration of the slot, overrides the slot configuration loaded from the item type & slot name. */
-    slotConfiguration?: SlotConfig;
-    /** The contents of the slot */
-    slotContents?: SlotContent[];
-    /** The language to use for locale-aware formatting and labels of data fields */
-    contentLanguage?: string;
-    /** Whether the picker is disabled */
-    disabled?: boolean;
-    /** Whether the picker grows to full width */
-    grows?: boolean;
-    /** The type of config interaction */
-    menu?: 'default' | 'draggable' | 'event-only';
-    /** Whether the picker has a label */
-    hasLabel?: boolean;
-    /** The label for the picker, if hasLabel is true */
-    label?: string;
-    /** Whether the picker allows single or multiple selections. Only relevant if the slot configuration allows multiple data fields. */
-    selects?: 'single' | 'multiple';
-    /** Where to show icons */
-    icons?: 'none' | 'menu-only' | 'all';
-    /** The placeholder text for the picker is no value selected. */
-    placeholder?: string;
-    /** The datasets and their dataFields to display */
-    datasetsDataFields?: DatasetsDataFields[];
-    /** Placement of the data-fields-select dropdown */
-    placement?: Placement;
-    /** Placement of the slot menu popover. Only relevant for 'popup' and 'draggable' menu type */
-    slotMenuPlacement?: Placement;
-    /** Whether to hide the configuration button */
-    hideConfiguration?: boolean;
-    /** Whether to hide the clear button op a select */
-    hideClear?: boolean;
-    /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-    language?: string;
-    /** Whether the search input is visible: `on`, `off`, or `auto`. */
-    search?: 'on' | 'off' | 'auto';
-    /** The size of the element */
-    size?: 's' | 'm' | 'l' | 'xl';
-    /** Announces that the slot contents has changed */
-    readonly luzmoSlotContentsChanged: import("@angular/core").OutputEmitterRef<CustomEvent<SlotContentsChangedEventDetail>>;
-    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<LuzmoItemSlotPicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemSlotPicker, "luzmo-item-slot-picker", ["luzmoItemSlotPicker"], { "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "itemType": { "alias": "itemType"; "required": false; }; "slotName": { "alias": "slotName"; "required": false; }; "slotConfiguration": { "alias": "slotConfiguration"; "required": false; }; "slotContents": { "alias": "slotContents"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "grows": { "alias": "grows"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "hasLabel": { "alias": "hasLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "selects": { "alias": "selects"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "datasetsDataFields": { "alias": "datasetsDataFields"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "slotMenuPlacement": { "alias": "slotMenuPlacement"; "required": false; }; "hideConfiguration": { "alias": "hideConfiguration"; "required": false; }; "hideClear": { "alias": "hideClear"; "required": false; }; "language": { "alias": "language"; "required": false; }; "search": { "alias": "search"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSlotContentsChanged": "luzmoSlotContentsChanged"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_disabled: unknown;
-    static ngAcceptInputType_grows: unknown;
-    static ngAcceptInputType_hasLabel: unknown;
-    static ngAcceptInputType_hideConfiguration: unknown;
-    static ngAcceptInputType_hideClear: unknown;
-}
-/** The underlying custom element type for LuzmoItemSlotPicker */
-export type LuzmoItemSlotPickerElement = LuzmoItemSlotPickerHostElement;