@luzmo/analytics-components-kit 1.0.9-beta.7 → 1.0.9-beta.8

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

@@ -1,245 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
-import '@luzmo/analytics-components-kit/item-grid';
-import * as i0 from "@angular/core";
-const _c0 = ["*"];
-/**
- * Angular wrapper component for <luzmo-item-grid>
- */
-export class LuzmoItemGrid {
-    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 URL of the app server */
-    appServer;
-    /** The API Host of the databroker */
-    apiHost;
-    /** The auth key of the databroker */
-    authKey;
-    /** The auth token of the databroker */
-    authToken;
-    /** The cache time of the databroker */
-    cacheTime;
-    /** The language of the settings interface */
-    language;
-    /** The language to use for locale-aware formatting and labels */
-    contentLanguage;
-    /** The number of columns in the grid. */
-    columns;
-    /** The height of each row in pixels in the grid. */
-    rowHeight;
-    /** Whether the grid is in view mode. When true, dragging, resizing and action buttons are disabled. */
-    viewMode;
-    /** When true (default), the item actions menu uses the Document Popover API (`popover="manual"`), which paints in the top layer. Set to false when embedding the grid next to another UI that also uses a document popover (e.g. an analyst side pane) so the actions menu stays in normal stacking with `position: fixed` + Floating UI instead. */
-    itemActionsDocumentPopover;
-    /** The placement of the item actions menu. */
-    placementItemActionsMenu;
-    /** The default item actions menu. */
-    defaultItemActionsMenu;
-    /** Where to position a cloned item in the grid. - `'below-item'` (default): places the clone directly below the original item, shifting other items down. - `'auto-position'`: lets the grid engine find the first available space (row-major scan, then compact upward). */
-    clonedItemPositioning;
-    /** Grid options configuration */
-    theme;
-    /** Items to add to the grid. The array is cloned on set so the component never mutates the caller's data. */
-    items;
-    /** Seed value for uncontrolled items mode. The component manages item changes internally from this starting point. Ignored when `items` is set. */
-    initialItems;
-    /** Custom renderers for different item types */
-    renderers;
-    /** Controlled item states. When set, the component becomes controlled: it only reflects what the parent provides and does not update internal state on user interaction. */
-    itemStates;
-    /** Seed value for uncontrolled mode. The component manages state internally from this starting point. Ignored if `itemStates` is set.  Only one item with one active action is supported. If multiple items or actions are provided, a warning is emitted and only the first item with its first action is applied. Use controlled mode (`itemStates`) for multiple simultaneous active items. */
-    initialItemStates;
-    /** Fired when an item action is performed */
-    luzmoItemGridItemAction = output({ alias: 'luzmoItemGridItemAction' });
-    /** Fired when the grid layout is changed */
-    luzmoItemGridLayoutChanged = output({ alias: 'luzmoItemGridLayoutChanged' });
-    /** Fired when the grid is ready */
-    luzmoItemGridReady = output({ alias: 'luzmoItemGridReady' });
-    /** Fired when item states change (controlled and uncontrolled mode) */
-    luzmoItemGridItemStatesChanged = output({ alias: 'luzmoItemGridItemStatesChanged' });
-    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 'appServer':
-                    this.setHostProperty('appServer', changes['appServer'].currentValue);
-                    break;
-                case 'apiHost':
-                    this.setHostProperty('apiHost', changes['apiHost'].currentValue);
-                    break;
-                case 'authKey':
-                    this.setHostProperty('authKey', changes['authKey'].currentValue);
-                    break;
-                case 'authToken':
-                    this.setHostProperty('authToken', changes['authToken'].currentValue);
-                    break;
-                case 'cacheTime':
-                    this.setHostProperty('cacheTime', changes['cacheTime'].currentValue);
-                    break;
-                case 'language':
-                    this.setHostProperty('language', changes['language'].currentValue);
-                    break;
-                case 'contentLanguage':
-                    this.setHostProperty('contentLanguage', changes['contentLanguage'].currentValue);
-                    break;
-                case 'columns':
-                    this.setHostProperty('columns', changes['columns'].currentValue);
-                    break;
-                case 'rowHeight':
-                    this.setHostProperty('rowHeight', changes['rowHeight'].currentValue);
-                    break;
-                case 'viewMode':
-                    this.setHostProperty('viewMode', changes['viewMode'].currentValue);
-                    break;
-                case 'itemActionsDocumentPopover':
-                    this.setHostProperty('itemActionsDocumentPopover', changes['itemActionsDocumentPopover'].currentValue);
-                    break;
-                case 'placementItemActionsMenu':
-                    this.setHostProperty('placementItemActionsMenu', changes['placementItemActionsMenu'].currentValue);
-                    break;
-                case 'defaultItemActionsMenu':
-                    this.setHostProperty('defaultItemActionsMenu', changes['defaultItemActionsMenu'].currentValue);
-                    break;
-                case 'clonedItemPositioning':
-                    this.setHostProperty('clonedItemPositioning', changes['clonedItemPositioning'].currentValue);
-                    break;
-                case 'theme':
-                    this.setHostProperty('theme', changes['theme'].currentValue);
-                    break;
-                case 'items':
-                    this.setHostProperty('items', changes['items'].currentValue);
-                    break;
-                case 'initialItems':
-                    this.setHostProperty('initialItems', changes['initialItems'].currentValue);
-                    break;
-                case 'renderers':
-                    this.setHostProperty('renderers', changes['renderers'].currentValue);
-                    break;
-                case 'itemStates':
-                    this.setHostProperty('itemStates', changes['itemStates'].currentValue);
-                    break;
-                case 'initialItemStates':
-                    this.setHostProperty('initialItemStates', changes['initialItemStates'].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-item-grid-item-action', (event) => {
-            const typed = event;
-            this.luzmoItemGridItemAction.emit(typed);
-        }));
-        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-item-grid-layout-changed', (event) => {
-            const typed = event;
-            this.luzmoItemGridLayoutChanged.emit(typed);
-        }));
-        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-item-grid-ready', (event) => {
-            const typed = event;
-            this.luzmoItemGridReady.emit(typed);
-        }));
-        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-item-grid-item-states-changed', (event) => {
-            const typed = event;
-            this.luzmoItemGridItemStatesChanged.emit(typed);
-        }));
-    }
-    static ɵfac = function LuzmoItemGrid_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemGrid)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemGrid, selectors: [["luzmo-item-grid"]], inputs: { appServer: "appServer", apiHost: "apiHost", authKey: "authKey", authToken: "authToken", cacheTime: "cacheTime", language: "language", contentLanguage: "contentLanguage", columns: "columns", rowHeight: "rowHeight", viewMode: [2, "viewMode", "viewMode", booleanAttribute], itemActionsDocumentPopover: [2, "itemActionsDocumentPopover", "itemActionsDocumentPopover", booleanAttribute], placementItemActionsMenu: "placementItemActionsMenu", defaultItemActionsMenu: "defaultItemActionsMenu", clonedItemPositioning: "clonedItemPositioning", theme: "theme", items: "items", initialItems: "initialItems", renderers: "renderers", itemStates: "itemStates", initialItemStates: "initialItemStates" }, outputs: { luzmoItemGridItemAction: "luzmoItemGridItemAction", luzmoItemGridLayoutChanged: "luzmoItemGridLayoutChanged", luzmoItemGridReady: "luzmoItemGridReady", luzmoItemGridItemStatesChanged: "luzmoItemGridItemStatesChanged" }, exportAs: ["luzmoItemGrid"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemGrid_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-        } }, encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoItemGrid, [{
-        type: Component,
-        args: [{
-                selector: 'luzmo-item-grid',
-                exportAs: 'luzmoItemGrid',
-                standalone: true,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: '<ng-content />'
-            }]
-    }], () => [], { appServer: [{
-            type: Input,
-            args: [{ alias: 'appServer' }]
-        }], apiHost: [{
-            type: Input,
-            args: [{ alias: 'apiHost' }]
-        }], authKey: [{
-            type: Input,
-            args: [{ alias: 'authKey' }]
-        }], authToken: [{
-            type: Input,
-            args: [{ alias: 'authToken' }]
-        }], cacheTime: [{
-            type: Input,
-            args: [{ alias: 'cacheTime' }]
-        }], language: [{
-            type: Input,
-            args: [{ alias: 'language' }]
-        }], contentLanguage: [{
-            type: Input,
-            args: [{ alias: 'contentLanguage' }]
-        }], columns: [{
-            type: Input,
-            args: [{ alias: 'columns' }]
-        }], rowHeight: [{
-            type: Input,
-            args: [{ alias: 'rowHeight' }]
-        }], viewMode: [{
-            type: Input,
-            args: [{ alias: 'viewMode', transform: booleanAttribute }]
-        }], itemActionsDocumentPopover: [{
-            type: Input,
-            args: [{ alias: 'itemActionsDocumentPopover', transform: booleanAttribute }]
-        }], placementItemActionsMenu: [{
-            type: Input,
-            args: [{ alias: 'placementItemActionsMenu' }]
-        }], defaultItemActionsMenu: [{
-            type: Input,
-            args: [{ alias: 'defaultItemActionsMenu' }]
-        }], clonedItemPositioning: [{
-            type: Input,
-            args: [{ alias: 'clonedItemPositioning' }]
-        }], theme: [{
-            type: Input,
-            args: [{ alias: 'theme' }]
-        }], items: [{
-            type: Input,
-            args: [{ alias: 'items' }]
-        }], initialItems: [{
-            type: Input,
-            args: [{ alias: 'initialItems' }]
-        }], renderers: [{
-            type: Input,
-            args: [{ alias: 'renderers' }]
-        }], itemStates: [{
-            type: Input,
-            args: [{ alias: 'itemStates' }]
-        }], initialItemStates: [{
-            type: Input,
-            args: [{ alias: 'initialItemStates' }]
-        }], luzmoItemGridItemAction: [{ type: i0.Output, args: ["luzmoItemGridItemAction"] }], luzmoItemGridLayoutChanged: [{ type: i0.Output, args: ["luzmoItemGridLayoutChanged"] }], luzmoItemGridReady: [{ type: i0.Output, args: ["luzmoItemGridReady"] }], luzmoItemGridItemStatesChanged: [{ type: i0.Output, args: ["luzmoItemGridItemStatesChanged"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoItemGrid, { className: "LuzmoItemGrid", filePath: "components/item-grid.ts", lineNumber: 18 }); })();

package/angular/esm/components/item-option-action-button-group.d.ts

@@ -1,41 +0,0 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/item-option-action-button-group';
-import type { LuzmoItemOptionActionButtonGroup as LuzmoItemOptionActionButtonGroupHostElement, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-action-button-group';
-import * as i0 from "@angular/core";
-export type { ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-action-button-group';
-export declare class LuzmoItemOptionActionButtonGroup 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(): LuzmoItemOptionActionButtonGroupHostElement;
-    /** The available buttons to choose from (key → button content). */
-    values?: unknown;
-    /** Whether the control is disabled (non-interactive). */
-    disabled?: boolean;
-    /** Selection mode: `single` or `multiple`. */
-    selects?: 'single' | 'multiple';
-    /** The currently selected button key(s). */
-    value?: [string];
-    /** The default selection 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<LuzmoItemOptionActionButtonGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemOptionActionButtonGroup, "luzmo-item-option-action-button-group", ["luzmoItemOptionActionButtonGroup"], { "values": { "alias": "values"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selects": { "alias": "selects"; "required": false; }; "value": { "alias": "value"; "required": false; }; "default": { "alias": "default"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_disabled: unknown;
-}
-/** The underlying custom element type for LuzmoItemOptionActionButtonGroup */
-export type LuzmoItemOptionActionButtonGroupElement = LuzmoItemOptionActionButtonGroupHostElement;

package/angular/esm/components/item-option-action-button-group.js

@@ -1,107 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
-import '@luzmo/analytics-components-kit/item-option-action-button-group';
-import * as i0 from "@angular/core";
-const _c0 = ["*"];
-/**
- * Angular wrapper component for <luzmo-item-option-action-button-group>
- */
-export class LuzmoItemOptionActionButtonGroup {
-    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 available buttons to choose from (key → button content). */
-    values;
-    /** Whether the control is disabled (non-interactive). */
-    disabled;
-    /** Selection mode: `single` or `multiple`. */
-    selects;
-    /** The currently selected button key(s). */
-    value;
-    /** The default selection used when no value is set. */
-    default;
-    /** 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 'values':
-                    this.setHostProperty('values', changes['values'].currentValue);
-                    break;
-                case 'disabled':
-                    this.setHostProperty('disabled', changes['disabled'].currentValue);
-                    break;
-                case 'selects':
-                    this.setHostProperty('selects', changes['selects'].currentValue);
-                    break;
-                case 'value':
-                    this.setHostProperty('value', changes['value'].currentValue);
-                    break;
-                case 'default':
-                    this.setHostProperty('default', changes['default'].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 LuzmoItemOptionActionButtonGroup_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemOptionActionButtonGroup)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionActionButtonGroup, selectors: [["luzmo-item-option-action-button-group"]], inputs: { values: "values", disabled: [2, "disabled", "disabled", booleanAttribute], selects: "selects", value: "value", default: "default" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, exportAs: ["luzmoItemOptionActionButtonGroup"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionActionButtonGroup_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-        } }, encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoItemOptionActionButtonGroup, [{
-        type: Component,
-        args: [{
-                selector: 'luzmo-item-option-action-button-group',
-                exportAs: 'luzmoItemOptionActionButtonGroup',
-                standalone: true,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: '<ng-content />'
-            }]
-    }], () => [], { values: [{
-            type: Input,
-            args: [{ alias: 'values' }]
-        }], disabled: [{
-            type: Input,
-            args: [{ alias: 'disabled', transform: booleanAttribute }]
-        }], selects: [{
-            type: Input,
-            args: [{ alias: 'selects' }]
-        }], value: [{
-            type: Input,
-            args: [{ alias: 'value' }]
-        }], default: [{
-            type: Input,
-            args: [{ alias: 'default' }]
-        }], luzmoOptionChanged: [{ type: i0.Output, args: ["luzmoOptionChanged"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoItemOptionActionButtonGroup, { className: "LuzmoItemOptionActionButtonGroup", filePath: "components/item-option-action-button-group.ts", lineNumber: 16 }); })();

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

@@ -1,48 +0,0 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/item-option-color-palette-picker';
-import type { LuzmoItemOptionColorPalettePicker as LuzmoItemOptionColorPalettePickerHostElement, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-color-palette-picker';
-import * as i0 from "@angular/core";
-export type { ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-color-palette-picker';
-export declare class LuzmoItemOptionColorPalettePicker 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(): LuzmoItemOptionColorPalettePickerHostElement;
-    /** The selected color palette key of the picker */
-    value?: string;
-    /** The default color palette key of the picker */
-    default?: string;
-    /** The color palette keys of the picker */
-    values?: string[];
-    /** Whether the picker is disabled */
-    disabled?: boolean;
-    /** Whether the picker is horizontal */
-    horizontal?: boolean;
-    /** The function to parse the value */
-    parseValue?: unknown;
-    /** The function to convert the value to a string */
-    toValue?: unknown;
-    /** The number of colors to display */
-    numberOfColors?: number;
-    /** 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<LuzmoItemOptionColorPalettePicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemOptionColorPalettePicker, "luzmo-item-option-color-palette-picker", ["luzmoItemOptionColorPalettePicker"], { "value": { "alias": "value"; "required": false; }; "default": { "alias": "default"; "required": false; }; "values": { "alias": "values"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "parseValue": { "alias": "parseValue"; "required": false; }; "toValue": { "alias": "toValue"; "required": false; }; "numberOfColors": { "alias": "numberOfColors"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_disabled: unknown;
-    static ngAcceptInputType_horizontal: unknown;
-}
-/** The underlying custom element type for LuzmoItemOptionColorPalettePicker */
-export type LuzmoItemOptionColorPalettePickerElement = LuzmoItemOptionColorPalettePickerHostElement;

package/angular/esm/components/item-option-color-palette-picker.js

@@ -1,131 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
-import '@luzmo/analytics-components-kit/item-option-color-palette-picker';
-import * as i0 from "@angular/core";
-const _c0 = ["*"];
-/**
- * Angular wrapper component for <luzmo-item-option-color-palette-picker>
- */
-export class LuzmoItemOptionColorPalettePicker {
-    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 selected color palette key of the picker */
-    value;
-    /** The default color palette key of the picker */
-    default;
-    /** The color palette keys of the picker */
-    values;
-    /** Whether the picker is disabled */
-    disabled;
-    /** Whether the picker is horizontal */
-    horizontal;
-    /** The function to parse the value */
-    parseValue;
-    /** The function to convert the value to a string */
-    toValue;
-    /** The number of colors to display */
-    numberOfColors;
-    /** 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 'value':
-                    this.setHostProperty('value', changes['value'].currentValue);
-                    break;
-                case 'default':
-                    this.setHostProperty('default', changes['default'].currentValue);
-                    break;
-                case 'values':
-                    this.setHostProperty('values', changes['values'].currentValue);
-                    break;
-                case 'disabled':
-                    this.setHostProperty('disabled', changes['disabled'].currentValue);
-                    break;
-                case 'horizontal':
-                    this.setHostProperty('horizontal', changes['horizontal'].currentValue);
-                    break;
-                case 'parseValue':
-                    this.setHostProperty('parseValue', changes['parseValue'].currentValue);
-                    break;
-                case 'toValue':
-                    this.setHostProperty('toValue', changes['toValue'].currentValue);
-                    break;
-                case 'numberOfColors':
-                    this.setHostProperty('numberOfColors', changes['numberOfColors'].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 LuzmoItemOptionColorPalettePicker_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemOptionColorPalettePicker)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionColorPalettePicker, selectors: [["luzmo-item-option-color-palette-picker"]], inputs: { value: "value", default: "default", values: "values", disabled: [2, "disabled", "disabled", booleanAttribute], horizontal: [2, "horizontal", "horizontal", booleanAttribute], parseValue: "parseValue", toValue: "toValue", numberOfColors: "numberOfColors" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, exportAs: ["luzmoItemOptionColorPalettePicker"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionColorPalettePicker_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-        } }, encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoItemOptionColorPalettePicker, [{
-        type: Component,
-        args: [{
-                selector: 'luzmo-item-option-color-palette-picker',
-                exportAs: 'luzmoItemOptionColorPalettePicker',
-                standalone: true,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: '<ng-content />'
-            }]
-    }], () => [], { value: [{
-            type: Input,
-            args: [{ alias: 'value' }]
-        }], default: [{
-            type: Input,
-            args: [{ alias: 'default' }]
-        }], values: [{
-            type: Input,
-            args: [{ alias: 'values' }]
-        }], disabled: [{
-            type: Input,
-            args: [{ alias: 'disabled', transform: booleanAttribute }]
-        }], horizontal: [{
-            type: Input,
-            args: [{ alias: 'horizontal', transform: booleanAttribute }]
-        }], parseValue: [{
-            type: Input,
-            args: [{ alias: 'parseValue' }]
-        }], toValue: [{
-            type: Input,
-            args: [{ alias: 'toValue' }]
-        }], numberOfColors: [{
-            type: Input,
-            args: [{ alias: 'numberOfColors' }]
-        }], luzmoOptionChanged: [{ type: i0.Output, args: ["luzmoOptionChanged"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoItemOptionColorPalettePicker, { className: "LuzmoItemOptionColorPalettePicker", filePath: "components/item-option-color-palette-picker.ts", lineNumber: 16 }); })();

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

@@ -1,51 +0,0 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/item-option-color-picker';
-import type { LuzmoItemOptionColorPicker as LuzmoItemOptionColorPickerHostElement, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-color-picker';
-import type { Placement } from '@luzmo/lucero';
-import * as i0 from "@angular/core";
-export type { ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-color-picker';
-export declare class LuzmoItemOptionColorPicker 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(): LuzmoItemOptionColorPickerHostElement;
-    /** Preset colors offered as quick-pick swatches. */
-    swatches?: string[];
-    /** Corner rounding of the color swatch: `full`, `light`, or `none`. */
-    rounding?: 'full' | 'light' | 'none';
-    /** Shape of the color swatch: `circle` or `rectangle`. */
-    shape?: 'circle' | 'rectangle';
-    /** 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;
-    /** The current color value. */
-    value?: string;
-    /** Whether the control is disabled (non-interactive). */
-    disabled?: boolean;
-    /** Disables the alpha (opacity) channel in the color picker. */
-    noAlphaChannel?: boolean;
-    /** Placement of the color picker dropdown relative to its trigger. */
-    placement?: Placement;
-    /** 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<LuzmoItemOptionColorPicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemOptionColorPicker, "luzmo-item-option-color-picker", ["luzmoItemOptionColorPicker"], { "swatches": { "alias": "swatches"; "required": false; }; "rounding": { "alias": "rounding"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "debounceTimeout": { "alias": "debounceTimeout"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "noAlphaChannel": { "alias": "noAlphaChannel"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_disabled: unknown;
-    static ngAcceptInputType_noAlphaChannel: unknown;
-}
-/** The underlying custom element type for LuzmoItemOptionColorPicker */
-export type LuzmoItemOptionColorPickerElement = LuzmoItemOptionColorPickerHostElement;