@leanix/components 0.4.853 → 0.4.854

package/lib/forms-ui/components/option/option.component.d.ts

@@ -1,81 +0,0 @@
-import { ElementRef, EventEmitter } from '@angular/core';
-import { OptionGroupComponent } from '../option-group/option-group.component';
-import * as i0 from "@angular/core";
-/**
- * Individual option used inside OptionsDropdownComponent, SingleSelectComponent, or MultiSelectComponent.
- * Can be used standalone or grouped within an OptionGroupComponent for organized selections.
- */
-export declare class OptionComponent {
-    private group;
-    elementRef: ElementRef<HTMLElement>;
-    /**
-     * Whether the option is currently selected.
-     * @default false
-     */
-    selected: boolean;
-    /**
-     * Whether the option is currently highlighted (e.g., via keyboard navigation).
-     * @default false
-     */
-    isHighlighted: boolean;
-    /**
-     * Whether the option is disabled and cannot be interacted with.
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * The value associated with this option.
-     * Emitted when the option is selected.
-     */
-    value: any;
-    /**
-     * Is true when option has a selection nature like sorting.
-     * In this case we show a check icon on the left to indicate selection.
-     *
-     * Is false when option represents a one time action like printing.
-     * Cannot have selectedState when Option has dropdown
-     * @default true
-     */
-    hasSelectedState: boolean;
-    /**
-     * The icon used to indicate selection state.
-     * @default 'check'
-     * @deprecated Use the default `'check'` value. The `'circle'` option is deprecated and will be removed in a future release.
-     */
-    selectIcon: 'check' | 'circle';
-    /**
-     * Event emitted when the option is selected.
-     * Emits the option's value.
-     */
-    select: EventEmitter<any>;
-    /**
-     * Event emitted when the option's highlight state changes.
-     * Emits a boolean indicating the new highlight state.
-     */
-    highlight: EventEmitter<boolean>;
-    /**
-     * Event emitted when an already selected option is clicked.
-     */
-    selectedClick: EventEmitter<any>;
-    /**
-     * Event emitted when a keyboard event occurs on the option.
-     * Emits the KeyboardEvent for parent handling.
-     */
-    keyDownAction: EventEmitter<KeyboardEvent>;
-    /**
-     * Event emitted when the mouse enters the option area.
-     */
-    mouseEnter: EventEmitter<number>;
-    option?: ElementRef<HTMLElement>;
-    hasSubdropdown: boolean;
-    isSuboption: boolean;
-    readonly optionId: string;
-    selectOption(event?: MouseEvent): void;
-    constructor(group: OptionGroupComponent, elementRef: ElementRef<HTMLElement>);
-    setSelected(value: boolean): void;
-    setHighlighted(value: boolean): void;
-    handleKeyDown(event: KeyboardEvent): void;
-    protected onMouseEnter(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent, [{ optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "lx-option", never, { "selected": { "alias": "selected"; "required": false; }; "isHighlighted": { "alias": "isHighlighted"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "hasSelectedState": { "alias": "hasSelectedState"; "required": false; }; "selectIcon": { "alias": "selectIcon"; "required": false; }; }, { "select": "select"; "highlight": "highlight"; "selectedClick": "selectedClick"; "keyDownAction": "keyDownAction"; "mouseEnter": "mouseEnter"; }, never, ["*"], true, never>;
-}

package/lib/forms-ui/components/option-group/option-group.component.d.ts

@@ -1,36 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Groups options under a labeled section inside dropdowns.
- * Used to organize related options within OptionsDropdownComponent, SingleSelectComponent, or MultiSelectComponent.
- *
- * ### Projection slots
- * - Default slot: Option components (`lx-option`) to group together.
- *
- * ### Example
- * @example
- * ```html
- * <lx-option-group label="Recent Items" [hasSelectedState]="true">
- *   <lx-option [value]="1">Item 1</lx-option>
- *   <lx-option [value]="2">Item 2</lx-option>
- * </lx-option-group>
- * ```
- */
-export declare class OptionGroupComponent {
-    /**
-     * Whether option children have a selected state.
-     * When true, aligns the padding of the group label with the options.
-     * @default true
-     */
-    hasSelectedState: boolean;
-    /** The label text displayed for the option group. */
-    label: string;
-    /**
-     * Event emitted when an option within the group is selected.
-     * Emits the selected option's value.
-     */
-    select: EventEmitter<any>;
-    selectOption(value: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OptionGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OptionGroupComponent, "lx-option-group", never, { "hasSelectedState": { "alias": "hasSelectedState"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, { "select": "select"; }, never, ["*"], true, never>;
-}

package/lib/forms-ui/components/option-group-dropdown/option-group-dropdown.component.d.ts

@@ -1,113 +0,0 @@
-import { CdkOverlayOrigin, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
-import { EventEmitter, TemplateRef } from '@angular/core';
-import { KeyboardSelectDirective } from '../keyboard-select.directive';
-import * as i0 from "@angular/core";
-export type OptionGroupOption = {
-    value: string;
-    label: string;
-};
-/**
- * TODO: rename to something unspecific for single selects because multiselects are also supported
- */
-export type SingleSelectOptionGroup<T = any> = {
-    label: string;
-    options: (OptionGroupOption | T)[];
-};
-/**
- * Dropdown component that displays options grouped by categories.
- * Supports keyboard navigation, infinite scroll, custom templates, and creating new options.
- * Used standalone or with SingleSelectComponent/MultiSelectComponent.
- *
- * ### Projection slots
- * - `optionTemplate`: Template for custom option rendering (context: `$implicit`, `index`, `groupIndex`).
- * - `noResultsOptionTemplateRef`: Template for custom "no results" message (context: `group`, `groupIndex`).
- *
- * ### Example
- * @example
- * ```html
- * <lx-option-group-dropdown
- *   [optionGroups]="groups"
- *   [highlightTerm]="searchTerm"
- *   (onItemSelected)="handleSelection($event)">
- *   <ng-template #optionTemplate let-option>
- *     <span>{{ option.label }}</span>
- *   </ng-template>
- * </lx-option-group-dropdown>
- * ```
- */
-export declare class OptionGroupDropdownComponent extends KeyboardSelectDirective {
-    /** @internal */
-    readonly NAME = "OptionGroupDropdownComponent";
-    /**
-     * Array of option groups to display in the dropdown.
-     * @default []
-     */
-    optionGroups: SingleSelectOptionGroup[];
-    /**
-     * Label for the "create new option" entry.
-     * Typically the current input value from a parent select component.
-     */
-    newOptionLabel?: string;
-    /** Term to highlight in option labels. */
-    highlightTerm?: string;
-    /**
-     * Whether to show a "create new option" entry at the top of the dropdown.
-     * @default false
-     */
-    showCreateNewOption: boolean;
-    /**
-     * Property name to use as the label for each option.
-     * @default 'label'
-     */
-    labelKey: string;
-    /**
-     * Whether the dropdown is in a loading state.
-     * @default false
-     */
-    loading: boolean;
-    /** Property name to use for tracking options. */
-    trackByProperty?: string;
-    /**
-     * Whether to show "no results" message when a group has no options.
-     * @default false
-     */
-    showNoResultsIfGroupIsEmpty: boolean;
-    /**
-     * Whether to use CDK overlay positioning for the dropdown.
-     * @default false
-     */
-    overlayPositioning: boolean;
-    /** Event emitted when an option is selected. */
-    onItemSelected: EventEmitter<any>;
-    /** Event emitted when the dropdown container is scrolled (for infinite scroll). */
-    containerScrolled: EventEmitter<any>;
-    /** Event emitted when the user requests to create a new option. */
-    createNewOption: EventEmitter<string>;
-    /** @internal */
-    optionTemplateRef?: TemplateRef<any>;
-    /**
-     * If you provide a <ng-template #noResultsOptionTemplateRef></ng-template> inside the <lx-option-group-dropdown>
-     * it will be used to display the "no results" option instead of the default "No results" text.
-     * This way you can easily define different "No results" texts for different groups too.
-     * @internal
-     */
-    noResultsOptionTemplateRef?: TemplateRef<any>;
-    /** @internal */
-    selectOrigin: CdkOverlayOrigin;
-    /** @internal */
-    isTopDropdown: boolean;
-    /** @internal */
-    get isNewItem(): boolean;
-    /** @internal */
-    selectOption(option: OptionGroupOption | any): void;
-    /** @internal */
-    trackByLabel(index: number, optionGroup: SingleSelectOptionGroup): string;
-    /** @internal */
-    onCreateNewOption(): void;
-    /** @internal */
-    trackByValue(_index: number, option: OptionGroupOption | any): any;
-    /** @internal */
-    onPositionChange(event: ConnectedOverlayPositionChange): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OptionGroupDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OptionGroupDropdownComponent, "lx-option-group-dropdown", never, { "optionGroups": { "alias": "optionGroups"; "required": false; }; "newOptionLabel": { "alias": "newOptionLabel"; "required": false; }; "highlightTerm": { "alias": "highlightTerm"; "required": false; }; "showCreateNewOption": { "alias": "showCreateNewOption"; "required": false; }; "labelKey": { "alias": "labelKey"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "trackByProperty": { "alias": "trackByProperty"; "required": false; }; "showNoResultsIfGroupIsEmpty": { "alias": "showNoResultsIfGroupIsEmpty"; "required": false; }; "overlayPositioning": { "alias": "overlayPositioning"; "required": false; }; }, { "onItemSelected": "onItemSelected"; "containerScrolled": "containerScrolled"; "createNewOption": "createNewOption"; }, ["optionTemplateRef", "noResultsOptionTemplateRef"], never, true, never>;
-}

package/lib/forms-ui/components/options-dropdown/options-dropdown.component.d.ts

@@ -1,149 +0,0 @@
-import { ConnectedPosition, ScrollStrategy, ScrollStrategyOptions } from '@angular/cdk/overlay';
-import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnDestroy, QueryList, Renderer2 } from '@angular/core';
-import { Subject } from 'rxjs';
-import { KeyboardActionSourceDirective } from '../../directives/keyboard-action-source.directive';
-import { OptionComponent } from '../option/option.component';
-import * as i0 from "@angular/core";
-/**
- * A dropdown component that displays a list of selectable options.
- * The dropdown opens when triggered and provides keyboard navigation support for accessible option selection.
- * It supports nested option groups and sub-dropdowns with full ARIA compliance.
- *
- * ### Projection slots
- * - Default (trigger): The button or element that triggers the dropdown (must have `lxKeyboardActionSource` directive)
- * - `lx-option`: Individual selectable options within the dropdown
- * - `lx-option-group`: Optional groups of options with labels
- *
- * ### Example
- * @example
- * ```html
- * <lx-options-dropdown [disabled]="disabled" [maxHeight]="maxHeight">
- *   <button lxKeyboardActionSource lx-button [disabled]="disabled" endIcon="slim-arrow-down">
- *     <span>{{ activeView?.label }}</span>
- *   </button>
- *   @for (viewGroup of viewGroups; track viewGroup.groupKey) {
- *     <lx-option-group [label]="'viewGroups.' + viewGroup.groupKey | translate">
- *       @for (view of viewGroup.views; track view.key) {
- *         <lx-option
- *           [selected]="view === activeView"
- *           (select)="applyView.emit(view.key)"
- *         >{{ view.label }}</lx-option>
- *       }
- *     </lx-option-group>
- *   }
- * </lx-options-dropdown>
- * ```
- */
-export declare class OptionsDropdownComponent implements AfterViewInit, OnDestroy {
-    private changeDetection;
-    private readonly scrollStrategies;
-    private renderer;
-    /** @internal */
-    readonly NAME = "OptionsDropdownComponent";
-    /**
-     * The alignment of the dropdown relative to the trigger element.
-     * @default 'right'
-     */
-    align: 'right' | 'left';
-    /**
-     * Whether the dropdown should close when the page is scrolled.
-     * @default false
-     */
-    closeOnScroll: boolean;
-    /**
-     * Whether the dropdown is disabled and cannot be opened.
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * The maximum height of the dropdown. Can be any valid CSS height value.
-     * @default 'none'
-     */
-    maxHeight: string;
-    /**
-     * Whether the dropdown should close automatically when an option is selected.
-     * @default true
-     */
-    closeOnSelect: boolean;
-    /**
-     * Whether to enable advanced overlay positioning using CDK overlay.
-     * Use when the dropdown is wider than its trigger or positioned near a viewport edge —
-     * enables CDK overlay positioning with automatic boundary detection to prevent off-screen clipping
-     * @default false
-     */
-    overlayPositioning: boolean;
-    /**
-     * Additional CSS class to apply to the dropdown overlay.
-     * @default ''
-     */
-    dropdownClass: string;
-    /**
-     * Whether the trigger container should use display flex instead of inline-block.
-     * @default false
-     */
-    isFlexEnabledTriggerContainer: boolean;
-    /** @internal */
-    trigger: KeyboardActionSourceDirective;
-    /** @internal */
-    /** @internal */
-    _options: QueryList<OptionComponent>;
-    /** @internal */
-    overlayScrollStrategy: ScrollStrategy;
-    /**
-     * Event emitted when the dropdown is opened.
-     */
-    opened: EventEmitter<void>;
-    /**
-     * Event emitted when the dropdown is closed for any reason.
-     */
-    closed: EventEmitter<void>;
-    /**
-     * Event emitted when the dropdown is closed without an option being selected (e.g., by pressing Escape or clicking outside).
-     */
-    closedWithoutSelection: EventEmitter<void>;
-    /** @internal */
-    get displayStyle(): "inline-block" | "block";
-    /** @internal */
-    get overlayPositions(): ConnectedPosition[];
-    /** @internal */
-    set open(value: boolean);
-    /** @internal */
-    get open(): boolean;
-    /** @internal */
-    get options(): OptionComponent[];
-    /** @internal */
-    get optionIds(): string[];
-    /** @internal */
-    get lxButton(): HTMLElement;
-    private readonly highlightedOptionIndex$;
-    private _open;
-    private isSubdropdownExpanded;
-    /** @internal */
-    readonly listboxId: string;
-    /** @internal */
-    readonly destroyed$: Subject<void>;
-    constructor(changeDetection: ChangeDetectorRef, scrollStrategies: ScrollStrategyOptions, renderer: Renderer2);
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    /** Called by OptionComponent on mouse enter */
-    private onOptionMouseEnter;
-    /** @internal */
-    closeDropdown(): void;
-    /** @internal */
-    toggleOpen(): void;
-    private setInitialHighlightingIndex;
-    private prev;
-    private next;
-    private expand;
-    private collapse;
-    private optionIsHighlightable;
-    /**
-     * Programmatically sets initial accessibility attributes on the trigger button so that we
-     * don't have to do it manually every time we declare a new instance of this component
-     */
-    private setInitialAccessibilityAttributes;
-    /** @internal */
-    handleOptionKeyDown(event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OptionsDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OptionsDropdownComponent, "lx-options-dropdown", never, { "align": { "alias": "align"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "overlayPositioning": { "alias": "overlayPositioning"; "required": false; }; "dropdownClass": { "alias": "dropdownClass"; "required": false; }; "isFlexEnabledTriggerContainer": { "alias": "isFlexEnabledTriggerContainer"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; "closedWithoutSelection": "closedWithoutSelection"; }, ["trigger", "_options"], ["[lxKeyboardActionSource]", "*"], true, never>;
-}

package/lib/forms-ui/components/options-sub-dropdown/options-sub-dropdown.component.d.ts

@@ -1,48 +0,0 @@
-import { AfterViewInit, ChangeDetectorRef, DestroyRef, OnDestroy, QueryList } from '@angular/core';
-import { BehaviorSubject, Subject } from 'rxjs';
-import { OptionComponent } from '../option/option.component';
-import * as i0 from "@angular/core";
-/**
- * A nested sub-dropdown that appears next to a parent option.
- * Opens on hover or keyboard navigation with debounced interactions.
- * Automatically adjusts max height to fit viewport.
- *
- * ### Projection slots
- * - Default slot: Nested dropdown options (`lx-option` components).
- *
- * ### Example
- * @example
- * ```html
- * <lx-options-sub-dropdown [trigger]="parentOption" align="left">
- *   <lx-option [value]="1">Sub-option 1</lx-option>
- *   <lx-option [value]="2">Sub-option 2</lx-option>
- * </lx-options-sub-dropdown>
- * ```
- */
-export declare class OptionsSubDropdownComponent implements AfterViewInit, OnDestroy {
-    private changeDetection;
-    /** The parent option component that triggers this sub-dropdown. */
-    trigger: OptionComponent;
-    /**
-     * Horizontal alignment of the sub-dropdown relative to the trigger option.
-     * @default 'right'
-     */
-    align: 'right' | 'left';
-    options: QueryList<OptionComponent>;
-    hidden: boolean;
-    private mouseInside$;
-    readonly destroyed$: Subject<void>;
-    readonly maxHeight$: BehaviorSubject<string>;
-    destroyRef: DestroyRef;
-    constructor(changeDetection: ChangeDetectorRef);
-    mouseenter(): void;
-    mouseleave(): void;
-    ngOnDestroy(): void;
-    ngAfterViewInit(): void;
-    private updateMaxHeight;
-    private showByKeyboard;
-    private showByMouse;
-    closeDropdown(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OptionsSubDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OptionsSubDropdownComponent, "lx-options-sub-dropdown", never, { "trigger": { "alias": "trigger"; "required": false; }; "align": { "alias": "align"; "required": false; }; }, {}, ["options"], ["*"], true, never>;
-}

package/lib/forms-ui/components/picker/picker-trigger.directive.d.ts

@@ -1,19 +0,0 @@
-import { ElementRef, OnDestroy } from '@angular/core';
-import { Subject } from 'rxjs';
-import * as i0 from "@angular/core";
-export declare class PickerTriggerDirective implements OnDestroy {
-    private element;
-    private readonly IS_SAFARI;
-    private readonly HOST_ELEMENT_IS_BUTTON;
-    private focused;
-    private allClickEvents$;
-    private focusEvent$;
-    private blurEvent$;
-    clickEvent$: import("rxjs").Observable<MouseEvent>;
-    get width(): number;
-    readonly destroyed$: Subject<void>;
-    constructor(element: ElementRef<HTMLElement>);
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PickerTriggerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PickerTriggerDirective, "[lxPickerTrigger]", never, {}, {}, never, never, true, never>;
-}

package/lib/forms-ui/components/picker/picker.component.d.ts

@@ -1,99 +0,0 @@
-import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
-import { Directionality } from '@angular/cdk/bidi';
-import { AfterViewInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { Subject } from 'rxjs';
-import { PickerOptionComponent } from '../picker-option/picker-option.component';
-import * as i0 from "@angular/core";
-/**
- * A dropdown picker for selecting a value from a list of options.
- * Supports keyboard navigation, `ControlValueAccessor` for reactive forms, and custom trigger elements.
- *
- * ### Projection slots
- * - `lxPickerTrigger`: A button element used to open the dropdown on click or Enter
- * - `li[lx-picker-option]`: List items representing selectable options
- *
- * ### Example
- * @example
- * ```html
- * <lx-picker listBoxAriaLabel="Color picker">
- *   <button lxPickerTrigger lx-button mode="outline" size="large" [square]="true">
- *     {{ selection.label }}
- *   </button>
- *   @for (option of options; track option.id) {
- *     <li lx-picker-option [value]="option.value" [selected]="selection === option"
- *         (select)="selection = option" [optionId]="option.id">
- *       {{ option.label }}
- *     </li>
- *   }
- * </lx-picker>
- * ```
- */
-export declare class PickerComponent implements AfterViewInit, ControlValueAccessor, OnDestroy {
-    private dir;
-    private cdRef;
-    /**
-     * A human-readable string value which identifies the listbox.
-     * Use this when there's no visible label. Otherwise use listBoxAriaLabelledBy.
-     */
-    listBoxAriaLabel?: string;
-    /**
-     * ID of the visible element which labels the listbox.
-     * Use this when there's a visible label. Otherwise use listBoxAriaLabel.
-     */
-    listBoxAriaLabelledBy?: string;
-    /**
-     * Direction the picker options dropdown opens.
-     * @default 'right'
-     */
-    openDirection: 'left' | 'right';
-    /** @internal */
-    get activeDescendantsId(): string | undefined;
-    /** @internal */
-    set activeDescendantsId(value: string | undefined);
-    /** @internal */
-    get open(): boolean;
-    /** @internal */
-    set open(value: boolean);
-    /**
-     * Returns a negative margin, that is used to move the picker dropdown to the left side of the picker trigger.
-     * @internal
-     */
-    get leftOffset(): string;
-    /** @internal */
-    private options;
-    /** @internal */
-    keyManager: ActiveDescendantKeyManager<PickerOptionComponent>;
-    /** @internal */
-    private _trigger;
-    /** @internal */
-    private _isFormControl;
-    /** @internal */
-    private _open;
-    /** @internal */
-    private _activeDescendantsId?;
-    /** @internal */
-    private _lastSelectWasByKeyManager;
-    /** @internal */
-    readonly destroyed$: Subject<void>;
-    constructor(dir: Directionality, cdRef: ChangeDetectorRef);
-    /** @internal */
-    manageKeyboardEvents(event: KeyboardEvent): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    /** @internal */
-    closePicker(): void;
-    /** @internal */
-    toggleOpen(): void;
-    private setActivePickerOption;
-    /** @internal */
-    writeValue(value: any): void;
-    /** @internal */
-    registerOnChange(fn: any): void;
-    /** @internal */
-    registerOnTouched(fn: any): void;
-    private propagateChange;
-    private onTouched;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PickerComponent, "lx-picker", never, { "listBoxAriaLabel": { "alias": "listBoxAriaLabel"; "required": false; }; "listBoxAriaLabelledBy": { "alias": "listBoxAriaLabelledBy"; "required": false; }; "openDirection": { "alias": "openDirection"; "required": false; }; }, {}, ["_trigger", "options"], ["[lxPickerTrigger]", "*"], true, never>;
-}

package/lib/forms-ui/components/picker-option/picker-option.component.d.ts

@@ -1,78 +0,0 @@
-import { Highlightable } from '@angular/cdk/a11y';
-import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
-import { TranslateService } from '@ngx-translate/core';
-import * as i0 from "@angular/core";
-/**
- * Individual option within a picker dropdown.
- *
- * Must be a direct child of lx-picker.
- *
- * ### Projection slots
- * - Default slot: Option content (text, icons, or custom elements). Hidden when `isClearOption` is true.
- *
- * ### Example
- * @example
- * ```html
- * <lx-picker>
- *   <button lxPickerTrigger>Select</button>
- *   <li lx-picker-option [optionId]="'opt1'" [value]="'option1'" [ariaLabel]="'Option 1'">
- *     Option 1
- *   </li>
- *   <li lx-picker-option [optionId]="'opt2'" [value]="'option2'" [ariaLabel]="'Option 2'">
- *     Option 2
- *   </li>
- * </lx-picker>
- * ```
- */
-export declare class PickerOptionComponent implements Highlightable, OnInit {
-    private cdRef;
-    private translateService;
-    readonly NAME = "PickerOptionComponent";
-    role: string;
-    ariaSelected: boolean;
-    get ariaLabelValue(): string | undefined;
-    get titleValue(): string | undefined;
-    get id(): string;
-    /**
-     * Unique ID for the option. Must be unique within the picker.
-     * Used for aria-activedescendant tracking during keyboard navigation.
-     */
-    optionId: string;
-    /** Accessible label for the option. */
-    ariaLabel?: string;
-    /** The value to emit when this option is selected. */
-    value: any;
-    /**
-     * Whether this option is currently selected.
-     * @default false
-     */
-    selected: boolean;
-    /**
-     * Whether this is a special "clear selection" option.
-     * @default false
-     */
-    isClearOption: boolean;
-    /** Emitted when the option is selected. */
-    select: EventEmitter<any>;
-    /**
-     * This property is true, when the option was selected by mouse click or by the
-     * ActiveDescendantKeyManager calling setActiveStyles().
-     * It's false when the ActiveDescendantKeyManager calls setInactiveStyles().
-     * Is used by the PickerComponent to find the current active option.
-     */
-    get highlighted(): boolean;
-    set highlighted(value: boolean);
-    private _highlighted;
-    constructor(cdRef: ChangeDetectorRef, translateService: TranslateService);
-    ngOnInit(): void;
-    manageClickEvents(): void;
-    setActiveStyles(): void;
-    setInactiveStyles(): void;
-    /**
-     * Triggers the EventEmitter select() that should emit, when an option was selected.
-     * This function is used in the PickerComponent when an option was selected.
-     */
-    selectOption(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PickerOptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PickerOptionComponent, "li[lx-picker-option]", never, { "optionId": { "alias": "optionId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "isClearOption": { "alias": "isClearOption"; "required": false; }; }, { "select": "select"; }, never, ["*"], true, never>;
-}

package/lib/forms-ui/components/pill-item/pill-item.component.d.ts

@@ -1,38 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import { MultiSelectRemoveItemEvent } from '../multi-select/multi-select.component';
-import * as i0 from "@angular/core";
-/**
- * An individual pill/tag item with a remove button.
- * Typically used within `lx-pill-list` to display selected items.
- *
- * ### Example
- * @example
- * ```html
- * <lx-pill-item [item]="selectedItem"
- *               [label]="'Option A'"
- *               (remove)="onRemove($event)">
- * </lx-pill-item>
- * ```
- */
-export declare class PillItemComponent {
-    readonly NAME = "PillItemComponent";
-    /**
-     * The data item associated with this pill.
-     */
-    item: any;
-    /**
-     * The text label to display on the pill.
-     */
-    label: string;
-    /**
-     * When set to true, disables the pill and prevents removal.
-     */
-    disabled: boolean;
-    /**
-     * Event emitted when the pill is removed.
-     */
-    remove: EventEmitter<MultiSelectRemoveItemEvent>;
-    removePill(item: any, isMouse?: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PillItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PillItemComponent, "lx-pill-item", never, { "item": { "alias": "item"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "remove": "remove"; }, never, never, true, never>;
-}