@luzmo/analytics-components-kit 1.0.7 → 1.0.8-beta.2

package/angular/esm/components/item-option-multi-language-field.js

@@ -1,139 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
-import '@luzmo/analytics-components-kit/item-option-multi-language-field';
-import * as i0 from "@angular/core";
-const _c0 = ["*"];
-/**
- * Angular wrapper component for <luzmo-item-option-multi-language-field>
- */
-export class LuzmoItemOptionMultiLanguageField {
-    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;
-    }
-    /** Internal timer handle used to debounce change events. */
-    debounceTimeout;
-    /** The current value per language (language code → text). */
-    value;
-    /** Whether the control is shown in an invalid state. */
-    invalid;
-    /** Whether the control is read-only. */
-    readonly;
-    /** The active language whose value is currently edited. */
-    language;
-    /** Placeholder text per language (language code → text) shown when empty. */
-    placeholder;
-    /** Optional transform applied to the stored value before it is displayed in the control. */
-    parseValue;
-    /** Optional transform applied to the control's value before it is emitted in the change event. */
-    toValue;
-    /** Delay in milliseconds before the change event is emitted after the user stops interacting. */
-    debounce;
-    /** Emitted when the option value changes. */
-    luzmoOptionChanged = output({ alias: 'luzmoOptionChanged' });
-    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 'debounceTimeout':
-                    this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
-                    break;
-                case 'value':
-                    this.setHostProperty('value', changes['value'].currentValue);
-                    break;
-                case 'invalid':
-                    this.setHostProperty('invalid', changes['invalid'].currentValue);
-                    break;
-                case 'readonly':
-                    this.setHostProperty('readonly', changes['readonly'].currentValue);
-                    break;
-                case 'language':
-                    this.setHostProperty('language', changes['language'].currentValue);
-                    break;
-                case 'placeholder':
-                    this.setHostProperty('placeholder', changes['placeholder'].currentValue);
-                    break;
-                case 'parseValue':
-                    this.setHostProperty('parseValue', changes['parseValue'].currentValue);
-                    break;
-                case 'toValue':
-                    this.setHostProperty('toValue', changes['toValue'].currentValue);
-                    break;
-                case 'debounce':
-                    this.setHostProperty('debounce', changes['debounce'].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-option-changed', (event) => {
-            const typed = event;
-            this.luzmoOptionChanged.emit(typed);
-        }));
-    }
-    static ɵfac = function LuzmoItemOptionMultiLanguageField_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemOptionMultiLanguageField)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionMultiLanguageField, selectors: [["luzmo-item-option-multi-language-field"]], inputs: { debounceTimeout: "debounceTimeout", value: "value", invalid: [2, "invalid", "invalid", booleanAttribute], readonly: [2, "readonly", "readonly", booleanAttribute], language: "language", placeholder: "placeholder", parseValue: "parseValue", toValue: "toValue", debounce: "debounce" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, exportAs: ["luzmoItemOptionMultiLanguageField"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionMultiLanguageField_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-        } }, encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoItemOptionMultiLanguageField, [{
-        type: Component,
-        args: [{
-                selector: 'luzmo-item-option-multi-language-field',
-                exportAs: 'luzmoItemOptionMultiLanguageField',
-                standalone: true,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: '<ng-content />'
-            }]
-    }], () => [], { debounceTimeout: [{
-            type: Input,
-            args: [{ alias: 'debounceTimeout' }]
-        }], value: [{
-            type: Input,
-            args: [{ alias: 'value' }]
-        }], invalid: [{
-            type: Input,
-            args: [{ alias: 'invalid', transform: booleanAttribute }]
-        }], readonly: [{
-            type: Input,
-            args: [{ alias: 'readonly', transform: booleanAttribute }]
-        }], language: [{
-            type: Input,
-            args: [{ alias: 'language' }]
-        }], placeholder: [{
-            type: Input,
-            args: [{ alias: 'placeholder' }]
-        }], parseValue: [{
-            type: Input,
-            args: [{ alias: 'parseValue' }]
-        }], toValue: [{
-            type: Input,
-            args: [{ alias: 'toValue' }]
-        }], debounce: [{
-            type: Input,
-            args: [{ alias: 'debounce' }]
-        }], luzmoOptionChanged: [{ type: i0.Output, args: ["luzmoOptionChanged"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoItemOptionMultiLanguageField, { className: "LuzmoItemOptionMultiLanguageField", filePath: "components/item-option-multi-language-field.ts", lineNumber: 16 }); })();

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

@@ -1,58 +0,0 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/item-option-number-field';
-import type { LuzmoItemOptionNumberField as LuzmoItemOptionNumberFieldHostElement, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-number-field';
-import * as i0 from "@angular/core";
-export type { ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-number-field';
-export declare class LuzmoItemOptionNumberField 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(): LuzmoItemOptionNumberFieldHostElement;
-    /** Delay in milliseconds before the change event is emitted after the user stops interacting. */
-    debounce?: number;
-    /** Internal timer handle used to debounce change events. */
-    debounceTimeout?: any;
-    /** Whether the control is disabled (non-interactive). */
-    disabled?: boolean;
-    /** The minimum allowed value. */
-    min?: number;
-    /** The maximum allowed value. */
-    max?: number;
-    /** The default value used when no value is set. */
-    default?: number;
-    /** The current numeric value. */
-    value?: number;
-    /** Placeholder text shown when the field is empty. */
-    placeholder?: string;
-    /** Minimum width of the input field (CSS length). */
-    minWidthInputField?: string;
-    /** The increment between values. */
-    step?: number;
-    /** Unit suffix shown after the value. */
-    unit?: boolean;
-    /** Optional transform applied to the stored value before it is displayed in the control. */
-    parseValue?: unknown;
-    /** Optional transform applied to the control's value before it is emitted in the change event. */
-    toValue?: unknown;
-    /** Emitted when the option value changes. */
-    readonly luzmoOptionChanged: import("@angular/core").OutputEmitterRef<CustomEvent<ItemOptionChangedEventDetail>>;
-    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<LuzmoItemOptionNumberField, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemOptionNumberField, "luzmo-item-option-number-field", ["luzmoItemOptionNumberField"], { "debounce": { "alias": "debounce"; "required": false; }; "debounceTimeout": { "alias": "debounceTimeout"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "default": { "alias": "default"; "required": false; }; "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minWidthInputField": { "alias": "minWidthInputField"; "required": false; }; "step": { "alias": "step"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "parseValue": { "alias": "parseValue"; "required": false; }; "toValue": { "alias": "toValue"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_disabled: unknown;
-    static ngAcceptInputType_unit: unknown;
-}
-/** The underlying custom element type for LuzmoItemOptionNumberField */
-export type LuzmoItemOptionNumberFieldElement = LuzmoItemOptionNumberFieldHostElement;

package/angular/esm/components/item-option-number-field.js

@@ -1,171 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
-import '@luzmo/analytics-components-kit/item-option-number-field';
-import * as i0 from "@angular/core";
-const _c0 = ["*"];
-/**
- * Angular wrapper component for <luzmo-item-option-number-field>
- */
-export class LuzmoItemOptionNumberField {
-    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;
-    }
-    /** Delay in milliseconds before the change event is emitted after the user stops interacting. */
-    debounce;
-    /** Internal timer handle used to debounce change events. */
-    debounceTimeout;
-    /** Whether the control is disabled (non-interactive). */
-    disabled;
-    /** The minimum allowed value. */
-    min;
-    /** The maximum allowed value. */
-    max;
-    /** The default value used when no value is set. */
-    default;
-    /** The current numeric value. */
-    value;
-    /** Placeholder text shown when the field is empty. */
-    placeholder;
-    /** Minimum width of the input field (CSS length). */
-    minWidthInputField;
-    /** The increment between values. */
-    step;
-    /** Unit suffix shown after the value. */
-    unit;
-    /** Optional transform applied to the stored value before it is displayed in the control. */
-    parseValue;
-    /** Optional transform applied to the control's value before it is emitted in the change event. */
-    toValue;
-    /** Emitted when the option value changes. */
-    luzmoOptionChanged = output({ alias: 'luzmoOptionChanged' });
-    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 'debounce':
-                    this.setHostProperty('debounce', changes['debounce'].currentValue);
-                    break;
-                case 'debounceTimeout':
-                    this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
-                    break;
-                case 'disabled':
-                    this.setHostProperty('disabled', changes['disabled'].currentValue);
-                    break;
-                case 'min':
-                    this.setHostProperty('min', changes['min'].currentValue);
-                    break;
-                case 'max':
-                    this.setHostProperty('max', changes['max'].currentValue);
-                    break;
-                case 'default':
-                    this.setHostProperty('default', changes['default'].currentValue);
-                    break;
-                case 'value':
-                    this.setHostProperty('value', changes['value'].currentValue);
-                    break;
-                case 'placeholder':
-                    this.setHostProperty('placeholder', changes['placeholder'].currentValue);
-                    break;
-                case 'minWidthInputField':
-                    this.setHostProperty('minWidthInputField', changes['minWidthInputField'].currentValue);
-                    break;
-                case 'step':
-                    this.setHostProperty('step', changes['step'].currentValue);
-                    break;
-                case 'unit':
-                    this.setHostProperty('unit', changes['unit'].currentValue);
-                    break;
-                case 'parseValue':
-                    this.setHostProperty('parseValue', changes['parseValue'].currentValue);
-                    break;
-                case 'toValue':
-                    this.setHostProperty('toValue', changes['toValue'].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-option-changed', (event) => {
-            const typed = event;
-            this.luzmoOptionChanged.emit(typed);
-        }));
-    }
-    static ɵfac = function LuzmoItemOptionNumberField_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemOptionNumberField)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionNumberField, selectors: [["luzmo-item-option-number-field"]], inputs: { debounce: "debounce", debounceTimeout: "debounceTimeout", disabled: [2, "disabled", "disabled", booleanAttribute], min: "min", max: "max", default: "default", value: "value", placeholder: "placeholder", minWidthInputField: "minWidthInputField", step: "step", unit: [2, "unit", "unit", booleanAttribute], parseValue: "parseValue", toValue: "toValue" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, exportAs: ["luzmoItemOptionNumberField"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionNumberField_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-        } }, encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoItemOptionNumberField, [{
-        type: Component,
-        args: [{
-                selector: 'luzmo-item-option-number-field',
-                exportAs: 'luzmoItemOptionNumberField',
-                standalone: true,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: '<ng-content />'
-            }]
-    }], () => [], { debounce: [{
-            type: Input,
-            args: [{ alias: 'debounce' }]
-        }], debounceTimeout: [{
-            type: Input,
-            args: [{ alias: 'debounceTimeout' }]
-        }], disabled: [{
-            type: Input,
-            args: [{ alias: 'disabled', transform: booleanAttribute }]
-        }], min: [{
-            type: Input,
-            args: [{ alias: 'min' }]
-        }], max: [{
-            type: Input,
-            args: [{ alias: 'max' }]
-        }], default: [{
-            type: Input,
-            args: [{ alias: 'default' }]
-        }], value: [{
-            type: Input,
-            args: [{ alias: 'value' }]
-        }], placeholder: [{
-            type: Input,
-            args: [{ alias: 'placeholder' }]
-        }], minWidthInputField: [{
-            type: Input,
-            args: [{ alias: 'minWidthInputField' }]
-        }], step: [{
-            type: Input,
-            args: [{ alias: 'step' }]
-        }], unit: [{
-            type: Input,
-            args: [{ alias: 'unit', transform: booleanAttribute }]
-        }], parseValue: [{
-            type: Input,
-            args: [{ alias: 'parseValue' }]
-        }], toValue: [{
-            type: Input,
-            args: [{ alias: 'toValue' }]
-        }], luzmoOptionChanged: [{ type: i0.Output, args: ["luzmoOptionChanged"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoItemOptionNumberField, { className: "LuzmoItemOptionNumberField", filePath: "components/item-option-number-field.ts", lineNumber: 16 }); })();

package/angular/esm/components/item-option-panel.d.ts

@@ -1,54 +0,0 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/item-option-panel';
-import type { LuzmoItemOptionPanel as LuzmoItemOptionPanelHostElement, ItemOptionsChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-panel';
-import type { ElementSize } from '@luzmo/analytics-components-kit/types';
-import type { OptionsConfig, Slot, ThemeConfig, TranslationOverrides, TranslationsFile, VizItemType } from '@luzmo/dashboard-contents-types';
-import * as i0 from "@angular/core";
-export type { ItemOptionsChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-panel';
-export declare class LuzmoItemOptionPanel 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(): LuzmoItemOptionPanelHostElement;
-    /** The language in which to display the option configuration controls. */
-    language?: string;
-    /** The item type to load the configuration for. Leave empty if using a custom options configuration. */
-    itemType?: VizItemType;
-    /** The options of the item. */
-    options?: Record<string, unknown>;
-    /** The slots of the item. */
-    slots?: Slot[];
-    /** When using a custom options configuration, this is the configuration object. */
-    customOptionsConfiguration?: OptionsConfig;
-    /** When using a custom translations configuration, this is the configuration object. */
-    customTranslations?: TranslationOverrides | TranslationsFile;
-    /** The theme of the item. */
-    theme?: ThemeConfig & Record<string, any>;
-    /** The size of the item option panel component. */
-    size?: ElementSize;
-    /** The API URL of the databroker */
-    apiUrl?: string;
-    /** The auth key of the databroker */
-    authKey?: string;
-    /** The auth token of the databroker */
-    authToken?: string;
-    /** Announces that the `options` of the element have changed */
-    readonly luzmoOptionsChanged: import("@angular/core").OutputEmitterRef<CustomEvent<ItemOptionsChangedEventDetail>>;
-    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<LuzmoItemOptionPanel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemOptionPanel, "luzmo-item-option-panel", ["luzmoItemOptionPanel"], { "language": { "alias": "language"; "required": false; }; "itemType": { "alias": "itemType"; "required": false; }; "options": { "alias": "options"; "required": false; }; "slots": { "alias": "slots"; "required": false; }; "customOptionsConfiguration": { "alias": "customOptionsConfiguration"; "required": false; }; "customTranslations": { "alias": "customTranslations"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "size": { "alias": "size"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; }, { "luzmoOptionsChanged": "luzmoOptionsChanged"; }, never, ["*"], true, never>;
-}
-/** The underlying custom element type for LuzmoItemOptionPanel */
-export type LuzmoItemOptionPanelElement = LuzmoItemOptionPanelHostElement;

package/angular/esm/components/item-option-panel.js

@@ -1,155 +0,0 @@
-import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
-import '@luzmo/analytics-components-kit/item-option-panel';
-import * as i0 from "@angular/core";
-const _c0 = ["*"];
-/**
- * Angular wrapper component for <luzmo-item-option-panel>
- */
-export class LuzmoItemOptionPanel {
-    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 in which to display the option configuration controls. */
-    language;
-    /** The item type to load the configuration for. Leave empty if using a custom options configuration. */
-    itemType;
-    /** The options of the item. */
-    options;
-    /** The slots of the item. */
-    slots;
-    /** When using a custom options configuration, this is the configuration object. */
-    customOptionsConfiguration;
-    /** When using a custom translations configuration, this is the configuration object. */
-    customTranslations;
-    /** The theme of the item. */
-    theme;
-    /** The size of the item option panel component. */
-    size;
-    /** The API URL of the databroker */
-    apiUrl;
-    /** The auth key of the databroker */
-    authKey;
-    /** The auth token of the databroker */
-    authToken;
-    /** Announces that the `options` of the element have changed */
-    luzmoOptionsChanged = output({ alias: 'luzmoOptionsChanged' });
-    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 'itemType':
-                    this.setHostProperty('itemType', changes['itemType'].currentValue);
-                    break;
-                case 'options':
-                    this.setHostProperty('options', changes['options'].currentValue);
-                    break;
-                case 'slots':
-                    this.setHostProperty('slots', changes['slots'].currentValue);
-                    break;
-                case 'customOptionsConfiguration':
-                    this.setHostProperty('customOptionsConfiguration', changes['customOptionsConfiguration'].currentValue);
-                    break;
-                case 'customTranslations':
-                    this.setHostProperty('customTranslations', changes['customTranslations'].currentValue);
-                    break;
-                case 'theme':
-                    this.setHostProperty('theme', changes['theme'].currentValue);
-                    break;
-                case 'size':
-                    this.setHostProperty('size', changes['size'].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;
-                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-options-changed', (event) => {
-            const typed = event;
-            this.luzmoOptionsChanged.emit(typed);
-        }));
-    }
-    static ɵfac = function LuzmoItemOptionPanel_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemOptionPanel)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionPanel, selectors: [["luzmo-item-option-panel"]], inputs: { language: "language", itemType: "itemType", options: "options", slots: "slots", customOptionsConfiguration: "customOptionsConfiguration", customTranslations: "customTranslations", theme: "theme", size: "size", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken" }, outputs: { luzmoOptionsChanged: "luzmoOptionsChanged" }, exportAs: ["luzmoItemOptionPanel"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionPanel_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-        } }, encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoItemOptionPanel, [{
-        type: Component,
-        args: [{
-                selector: 'luzmo-item-option-panel',
-                exportAs: 'luzmoItemOptionPanel',
-                standalone: true,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: '<ng-content />'
-            }]
-    }], () => [], { language: [{
-            type: Input,
-            args: [{ alias: 'language' }]
-        }], itemType: [{
-            type: Input,
-            args: [{ alias: 'itemType' }]
-        }], options: [{
-            type: Input,
-            args: [{ alias: 'options' }]
-        }], slots: [{
-            type: Input,
-            args: [{ alias: 'slots' }]
-        }], customOptionsConfiguration: [{
-            type: Input,
-            args: [{ alias: 'customOptionsConfiguration' }]
-        }], customTranslations: [{
-            type: Input,
-            args: [{ alias: 'customTranslations' }]
-        }], theme: [{
-            type: Input,
-            args: [{ alias: 'theme' }]
-        }], size: [{
-            type: Input,
-            args: [{ alias: 'size' }]
-        }], apiUrl: [{
-            type: Input,
-            args: [{ alias: 'apiUrl' }]
-        }], authKey: [{
-            type: Input,
-            args: [{ alias: 'authKey' }]
-        }], authToken: [{
-            type: Input,
-            args: [{ alias: 'authToken' }]
-        }], luzmoOptionsChanged: [{ type: i0.Output, args: ["luzmoOptionsChanged"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoItemOptionPanel, { className: "LuzmoItemOptionPanel", filePath: "components/item-option-panel.ts", lineNumber: 18 }); })();

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

@@ -1,46 +0,0 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/item-option-picker';
-import type { LuzmoItemOptionPicker as LuzmoItemOptionPickerHostElement, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-picker';
-import type { Placement } from '@luzmo/lucero';
-import * as i0 from "@angular/core";
-export type { ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-picker';
-export declare class LuzmoItemOptionPicker 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(): LuzmoItemOptionPickerHostElement;
-    /** The available options to choose from (key → label). */
-    values?: Record<string, string>;
-    /** Whether the control is disabled (non-interactive). */
-    disabled?: boolean;
-    /** Placement of the picker dropdown relative to its trigger. */
-    placement?: Placement;
-    /** The currently selected option key. */
-    value?: string;
-    /** Optional transform applied to the stored value before it is displayed in the control. */
-    parseValue?: unknown;
-    /** Optional transform applied to the control's value before it is emitted in the change event. */
-    toValue?: unknown;
-    /** The default option key used when no value is set. */
-    default?: string;
-    /** Emitted when the option value changes. */
-    readonly luzmoOptionChanged: import("@angular/core").OutputEmitterRef<CustomEvent<ItemOptionChangedEventDetail>>;
-    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<LuzmoItemOptionPicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemOptionPicker, "luzmo-item-option-picker", ["luzmoItemOptionPicker"], { "values": { "alias": "values"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "value": { "alias": "value"; "required": false; }; "parseValue": { "alias": "parseValue"; "required": false; }; "toValue": { "alias": "toValue"; "required": false; }; "default": { "alias": "default"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_disabled: unknown;
-}
-/** The underlying custom element type for LuzmoItemOptionPicker */
-export type LuzmoItemOptionPickerElement = LuzmoItemOptionPickerHostElement;