@leanix/components 0.4.853 → 0.4.854

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

@@ -1,20 +0,0 @@
-import { OnInit } from '@angular/core';
-import { DatePickerInnerComponent } from './datepicker-inner.component';
-import * as i0 from "@angular/core";
-/**
- * Month selection view for the datepicker.
- *
- * Displays a grid of months for selecting a month within a year.
- * Used internally by DatePickerInnerComponent.
- */
-export declare class MonthPickerComponent implements OnInit {
-    title: string;
-    rows: any[];
-    datePicker: DatePickerInnerComponent;
-    maxMode: string;
-    constructor(datePicker: DatePickerInnerComponent);
-    get isBs4(): boolean;
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MonthPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonthPickerComponent, "monthpicker", never, {}, {}, never, never, true, never>;
-}

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

@@ -1,20 +0,0 @@
-import { OnInit } from '@angular/core';
-import { DatePickerInnerComponent } from './datepicker-inner.component';
-import * as i0 from "@angular/core";
-/**
- * Year selection view for the datepicker.
- *
- * Displays a grid of years for selecting a year within a range.
- * Used internally by DatePickerInnerComponent.
- */
-export declare class YearPickerComponent implements OnInit {
-    datePicker: DatePickerInnerComponent;
-    title: string;
-    rows: any[];
-    constructor(datePicker: DatePickerInnerComponent);
-    get isBs4(): boolean;
-    ngOnInit(): void;
-    protected getStartingYear(year: number): number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<YearPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<YearPickerComponent, "yearpicker", never, {}, {}, never, never, true, never>;
-}

package/lib/forms-ui/components/drag-and-drop-list/constants.d.ts

@@ -1,4 +0,0 @@
-/**
- * Used in the DragAndDropListComponent and KeyboardSortableListDirective
- */
-export declare const DRAG_AND_DROP_LIST_TRANSLATION_NAME = "DragAndDropListComponent";

package/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list-item/drag-and-drop-list-item.component.d.ts

@@ -1,68 +0,0 @@
-import { ElementRef, EventEmitter, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export interface DragAndDropListAction {
-    /**
-     * The id of the action item, must be unique
-     */
-    id: string;
-    /**
-     * The label of the action item
-     */
-    label: string;
-    /**
-     * The SAP icon rendered inside the action button
-     */
-    icon: string;
-    /**
-     * Whether the action button should only be shown if the item receives focus or is being hovered
-     */
-    showOnlyOnHover?: boolean;
-}
-export interface DragAndDropListActionEvent {
-    actionId: string;
-    item: string;
-}
-/**
- * Individual item within a drag-and-drop list.
- *
- * Supports custom templates and optional action buttons.
- *
- * ### Projection slots
- * - `customTemplate`: Custom template for the item content. If not provided, displays the item string with a drag handle.
- *
- * ### Example
- * @example
- * ```html
- * <lx-drag-and-drop-list-item
- *   [item]="'Task 1'"
- *   [draggable]="true"
- *   [actions]="[{ id: 'delete', label: 'Delete', icon: 'delete', showOnlyOnHover: true }]"
- *   (action)="handleAction($event)"
- * ></lx-drag-and-drop-list-item>
- * ```
- */
-export declare class DragAndDropListItemComponent {
-    private element;
-    readonly NAME = "DragAndDropListItemComponent";
-    /** The string representation of the item, used as the default display text. */
-    item: string;
-    /**
-     * Whether the item can be dragged.
-     * @default true
-     */
-    draggable: boolean;
-    /**
-     * An array of DragAndDropListActions.
-     * When defined, the drag handle is shown at the start of an item and action buttons are rendered at the right end.
-     */
-    actions?: DragAndDropListAction[];
-    /** Emitted when an action button is clicked. */
-    action: EventEmitter<DragAndDropListActionEvent>;
-    get draggingDisabled(): boolean;
-    get hasCustomTemplate(): boolean;
-    customTemplateRef: TemplateRef<any> | null;
-    constructor(element: ElementRef);
-    focus(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DragAndDropListItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DragAndDropListItemComponent, "lx-drag-and-drop-list-item", never, { "item": { "alias": "item"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "action": "action"; }, ["customTemplateRef"], never, true, never>;
-}

package/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list.component.d.ts

@@ -1,104 +0,0 @@
-import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import { AfterContentInit, AfterViewInit, EventEmitter } from '@angular/core';
-import { Observable } from 'rxjs';
-import { DragAndDropListActionEvent, DragAndDropListItemComponent } from './drag-and-drop-list-item/drag-and-drop-list-item.component';
-import { KeyboardSortableItemDirective } from './keyboard-sortable-item/keyboard-sortable-item.directive';
-import * as i0 from "@angular/core";
-export interface DragAndDropListMoveEvent {
-    item: string;
-    index: number;
-}
-export interface DragAndDropListMoveIndexEvent {
-    index: number;
-    previous: number;
-}
-/**
- * Sortable list with drag-and-drop and keyboard navigation support.
- *
- * Items can be reordered via mouse drag or keyboard controls (Arrow keys, Space).
- *
- * ### Example
- * @example
- * ```html
- * <lx-drag-and-drop-list
- *   [label]="'My Tasks'"
- *   (moveToIndex)="handleReorder($event)"
- * >
- *   @for (task of tasks; track $index) {
- *     <lx-drag-and-drop-list-item
- *       [item]="task.name"
- *       [draggable]="true"
- *     />
- *   }
- * </lx-drag-and-drop-list>
- * ```
- */
-export declare class DragAndDropListComponent implements AfterContentInit, AfterViewInit {
-    /** @internal */
-    readonly NAME = "DragAndDropListComponent";
-    /** @internal */
-    items$: Observable<DragAndDropListItemComponent[]>;
-    /** @internal */
-    keyboardSortableItems$: Observable<KeyboardSortableItemDirective[]>;
-    /** A label for describing this list. */
-    label?: string | undefined;
-    /**
-     * Override the global label font weight.
-     * @default 700
-     */
-    labelFontWeight?: number;
-    /**
-     * Color theme of the list items.
-     * @default 'light'
-     */
-    color?: 'light' | 'dark';
-    /**
-     * Font size of the list items.
-     * @default 'normal'
-     */
-    fontSize?: 'normal' | 'big';
-    /**
-     * Emitted when an item is moved, providing the new and previous index.
-     * Use this when you need index-based reordering.
-     */
-    moveToIndex: EventEmitter<DragAndDropListMoveIndexEvent>;
-    /**
-     * Emitted when an item is moved, providing the item data and new index.
-     */
-    moveItem: EventEmitter<DragAndDropListMoveEvent>;
-    /** @internal */
-    private _items;
-    /** @internal */
-    private _keyboardSortableItems;
-    /**
-     * TODO: extract state about keyboard sorting into KeyboardSortableListDirective
-     * @internal
-     */
-    isSortingByKeyboard: boolean;
-    /** @internal */
-    keyboardItemBeingSorted: string | undefined;
-    /** @internal */
-    allItemsData: string[];
-    /** @internal */
-    allItemsData$: Observable<string[]>;
-    ngAfterContentInit(): void;
-    ngAfterViewInit(): void;
-    /** @internal */
-    emitContentChildAction(action: DragAndDropListActionEvent): void;
-    /**
-     * From the Angular cdk drag and drop documentation:
-     * Note that this will not update your data model;
-     * you can listen to the cdkDropListDropped event to update the data model
-     * once the user finishes dragging.
-     * https://material.angular.io/cdk/drag-drop/overview
-     *
-     * You're supposed to update the data in the parent and pass the new items as input.
-     * @internal
-     */
-    drop(event: CdkDragDrop<DragAndDropListItemComponent[] | null, string[]>): void;
-    /** @internal */
-    dropToIndexAfterArrowKey(item: any, previousIndex: number, currentIndex: number): void;
-    private sortItems;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DragAndDropListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DragAndDropListComponent, "lx-drag-and-drop-list", never, { "label": { "alias": "label"; "required": false; }; "labelFontWeight": { "alias": "labelFontWeight"; "required": false; }; "color": { "alias": "color"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; }, { "moveToIndex": "moveToIndex"; "moveItem": "moveItem"; }, ["_items"], never, true, never>;
-}

package/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list.module.d.ts

@@ -1,13 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/cdk/drag-drop";
-import * as i3 from "@ngx-translate/core";
-import * as i4 from "./keyboard-sortable-item/keyboard-sortable-item.directive";
-import * as i5 from "./keyboard-sortable-list/keyboard-sortable-list.directive";
-import * as i6 from "./drag-and-drop-list.component";
-import * as i7 from "./drag-and-drop-list-item/drag-and-drop-list-item.component";
-export declare class LxDragAndDropListModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LxDragAndDropListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LxDragAndDropListModule, never, [typeof i1.CommonModule, typeof i2.DragDropModule, typeof i3.TranslateModule, typeof i4.KeyboardSortableItemDirective, typeof i5.KeyboardSortableListDirective, typeof i6.DragAndDropListComponent, typeof i7.DragAndDropListItemComponent], [typeof i6.DragAndDropListComponent, typeof i7.DragAndDropListItemComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LxDragAndDropListModule>;
-}

package/lib/forms-ui/components/drag-and-drop-list/keyboard-sortable-item/keyboard-sortable-item.directive.d.ts

@@ -1,38 +0,0 @@
-import { AriaDescriber } from '@angular/cdk/a11y';
-import { CdkDrag } from '@angular/cdk/drag-drop';
-import { Overlay, OverlayPositionBuilder } from '@angular/cdk/overlay';
-import { ElementRef, EventEmitter, OnChanges } from '@angular/core';
-import { Observable } from 'rxjs';
-import { TooltipDirective } from '../../../../core-ui/tooltip/tooltip.directive';
-import * as i0 from "@angular/core";
-export declare class KeyboardSortableItemDirective implements OnChanges {
-    private draggableItem;
-    private overlayPositionBuilder;
-    private element;
-    private overlay;
-    private ariaDescriber;
-    allItemsData: string[] | null;
-    itemData: string;
-    isSortingByKeyboard: boolean;
-    itemBeingSorted?: string;
-    readonly isSortingByKeyboardChange: EventEmitter<boolean>;
-    readonly itemBeingSortedChange: EventEmitter<string | undefined>;
-    sortItemsWithKeyboard: EventEmitter<{
-        previousIndex: number;
-        currentIndex: number;
-    }>;
-    focusWithKeyboard: Observable<KeyboardSortableItemDirective>;
-    tooltipDirective: TooltipDirective;
-    isBeingSorted: boolean;
-    get isSortable(): boolean;
-    private preventBlur;
-    private focusWithKeyboardReplaySubject$;
-    constructor(draggableItem: CdkDrag, overlayPositionBuilder: OverlayPositionBuilder, element: ElementRef<HTMLElement>, overlay: Overlay, ariaDescriber: AriaDescriber);
-    ngOnChanges(): void;
-    focusViaKeyboard(): void;
-    enterSortingModeEnabledByKeyboard($event: KeyboardEvent): void;
-    leaveSortingModeEnabledByKeyboard($event: KeyboardEvent | FocusEvent): void;
-    sort($event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KeyboardSortableItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KeyboardSortableItemDirective, "[lxKeyboardSortableItem]", never, { "allItemsData": { "alias": "lxKeyboardSortableItem"; "required": false; }; "itemData": { "alias": "lxKeyboardItemData"; "required": false; }; "isSortingByKeyboard": { "alias": "isSortingByKeyboard"; "required": false; }; "itemBeingSorted": { "alias": "lxKeyboardItemBeingSorted"; "required": false; }; }, { "isSortingByKeyboardChange": "isSortingByKeyboardChange"; "itemBeingSortedChange": "lxKeyboardItemBeingSortedChange"; "sortItemsWithKeyboard": "sortItemsWithKeyboard"; "focusWithKeyboard": "focusWithKeyboard"; }, never, never, true, never>;
-}

package/lib/forms-ui/components/drag-and-drop-list/keyboard-sortable-list/keyboard-sortable-list.directive.d.ts

@@ -1,14 +0,0 @@
-import { AfterViewInit } from '@angular/core';
-import { TranslateService } from '@ngx-translate/core';
-import { KeyboardSortableItemDirective } from '../keyboard-sortable-item/keyboard-sortable-item.directive';
-import * as i0 from "@angular/core";
-export declare class KeyboardSortableListDirective implements AfterViewInit {
-    private translateService;
-    private keyboardSortableItems$;
-    keyboardSortableItems: KeyboardSortableItemDirective[] | null;
-    constructor(translateService: TranslateService);
-    ngAfterViewInit(): void;
-    private setupControlsTooltipToBeShownOnFirstFocusedItem;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KeyboardSortableListDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KeyboardSortableListDirective, "[lxKeyboardSortableList]", never, { "keyboardSortableItems": { "alias": "keyboardSortableItems"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/forms-ui/components/error-message/error-message.component.d.ts

@@ -1,23 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * Displays form validation error messages.
- *
- * Shows either projected content or a programmatically set error message.
- *
- * ### Projection slots
- * - Default slot: Static error message text. Hidden but captured for display.
- *
- * ### Example
- * @example
- * ```html
- * <lx-error-message>This field is required</lx-error-message>
- * ```
- */
-export declare class ErrorMessageComponent {
-    /** Signal for setting error message programmatically. */
-    readonly dynamicErrorMessage: import("@angular/core").WritableSignal<string>;
-    private readonly wrapper;
-    protected computedErrorMessage: import("@angular/core").Signal<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ErrorMessageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ErrorMessageComponent, "lx-error-message", never, {}, {}, never, ["*"], true, never>;
-}

package/lib/forms-ui/components/form-error/form-error.component.d.ts

@@ -1,36 +0,0 @@
-import { OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
-import { UntypedFormGroup } from '@angular/forms';
-import * as i0 from "@angular/core";
-/**
- * Displays translated form validation errors for a specific form control.
- *
- * Automatically updates when form errors change.
- *
- * ### Example
- * @example
- * ```html
- * <lx-form-error
- *   [form]="myFormGroup"
- *   [controlName]="'email'"
- *   [namespace]="'USER_FORM'"
- * ></lx-form-error>
- * ```
- */
-export declare class FormErrorComponent implements OnInit, OnChanges, OnDestroy {
-    /** Translation namespace prefix for error messages (e.g., 'USER_FORM'). */
-    namespace: string;
-    /** The FormGroup containing the control to validate. */
-    form: UntypedFormGroup;
-    /** The name of the form control to display errors for. */
-    controlName: string;
-    /** @internal */
-    translationKeys: string[];
-    private formSubscription;
-    ngOnInit(): void;
-    ngOnChanges(_changes: SimpleChanges): void;
-    ngOnDestroy(): void;
-    /** @internal */
-    getTranslationKeys(): string[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<FormErrorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormErrorComponent, "lx-form-error", never, { "namespace": { "alias": "namespace"; "required": false; }; "form": { "alias": "form"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; }, {}, never, never, true, never>;
-}

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

@@ -1,42 +0,0 @@
-import { OnDestroy, OnInit } from '@angular/core';
-import { NgControl } from '@angular/forms';
-import * as i0 from "@angular/core";
-/**
- * A directive applied to native `<input>` elements to provide consistent styling and automatic error state handling.
- * Integrates with Angular's `NgControl` to automatically apply error and disabled classes based on form control state.
- * The directive listens to form control status changes and updates the visual state accordingly.
- *
- * ### Example
- * @example
- * ```html
- * <input lx-input type="text" [formControl]="nameControl" />
- * ```
- *
- * ### Example
- * @example
- * ```html
- * <input lx-input type="email" [error]="true" [disabled]="false" />
- * ```
- */
-export declare class InputComponent implements OnInit, OnDestroy {
-    ngControl?: NgControl | undefined;
-    /**
-     * Whether to display the input in an error state (applies 'error' CSS class).
-     * Automatically updated when used with `NgControl` based on validation state.
-     * @default false
-     */
-    error: boolean;
-    /**
-     * Whether the input is disabled (applies 'disabled' CSS class).
-     * Automatically updated when used with `NgControl` based on control state.
-     * @default false
-     */
-    disabled: boolean;
-    private destroyed$;
-    constructor(ngControl?: NgControl | undefined);
-    ngOnInit(): void;
-    private updateStatus;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "input[lx-input]", never, { "error": { "alias": "error"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/forms-ui/components/keyboard-select.directive.d.ts

@@ -1,47 +0,0 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
-import { Observable, ReplaySubject, Subject } from 'rxjs';
-import { DropdownItem } from '../models/dropdown-item.interface';
-import * as i0 from "@angular/core";
-export declare enum KeyboardSelectAction {
-    PREV = "PREV",
-    NEXT = "NEXT",
-    FIRST = "FIRST",
-    LAST = "LAST",
-    LEFT = "LEFT",
-    RIGHT = "RIGHT",
-    EXECUTE = "EXECUTE",
-    UNSELECT = "UNSELECT",
-    CLOSE = "CLOSE"
-}
-export declare class KeyboardSelectDirective implements OnDestroy, AfterViewInit {
-    /** @internal */
-    cdkOverlayOpenState: ReplaySubject<boolean>;
-    /** @internal */
-    cdkOverlayOpen$: Observable<boolean>;
-    /** @internal */
-    overlayPositioning: boolean;
-    keyboardSelectAction: Observable<KeyboardSelectAction | null>;
-    selectedItemIndexChange: EventEmitter<number>;
-    /** @internal */
-    _items: QueryList<DropdownItem>;
-    /** @internal */
-    keyboardSelectContainer: ElementRef<HTMLElement>;
-    /** @internal */
-    readonly destroyed$: Subject<void>;
-    /** @internal */
-    get selectedItem$(): Observable<any>;
-    private readonly selectedItemIndex$;
-    private readonly selectedItemSubject$;
-    /** @internal */
-    select(index: number): void;
-    ngAfterViewInit(): void;
-    /** @internal */
-    isItemSelected(item: HTMLElement, selectedItem: ElementRef<HTMLElement>): boolean;
-    private adaptSelectedIndexBasedOnKeyboardSelectAction;
-    private prev;
-    private next;
-    private last;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KeyboardSelectDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KeyboardSelectDirective, never, never, { "keyboardSelectAction": { "alias": "keyboardSelectAction"; "required": false; }; }, { "selectedItemIndexChange": "selectedItemIndexChange"; }, never, never, true, never>;
-}

package/lib/forms-ui/components/multi-select/multi-select-selection/multi-select-selection.component.d.ts

@@ -1,41 +0,0 @@
-import { EventEmitter, TemplateRef } from '@angular/core';
-import { KeyboardSelectDirective } from '../../keyboard-select.directive';
-import * as i0 from "@angular/core";
-/**
- * Displays selected items in a multi-select component.
- *
- * Items can be rendered as tokens or custom templates.
- *
- * ### Projection slots
- * - `innerSelectionTemplate`: Custom template for rendering each selected item.
- *
- * ### Example
- * @example
- * ```html
- * <lx-multi-select-selection
- *   [selection]="selectedItems"
- *   [tokenize]="true"
- *   (removeItem)="handleRemove($event)"
- * >
- *   <ng-template #innerSelectionTemplate let-item>
- *     {{ item.name }}
- *   </ng-template>
- * </lx-multi-select-selection>
- * ```
- */
-export declare class MultiSelectSelectionComponent extends KeyboardSelectDirective {
-    /**
-     * Array of selected items to display.
-     */
-    selection: import("@angular/core").InputSignal<any[] | null | undefined>;
-    /**
-     * Whether to render items as tokens (pills).
-     * @default true
-     */
-    tokenize: import("@angular/core").InputSignal<boolean>;
-    /** Emitted when an item is clicked for removal. */
-    removeItem: EventEmitter<unknown>;
-    selectionTemplate: TemplateRef<any> | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectSelectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectSelectionComponent, "lx-multi-select-selection", never, { "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "tokenize": { "alias": "tokenize"; "required": false; "isSignal": true; }; }, { "removeItem": "removeItem"; }, ["selectionTemplate"], never, true, never>;
-}

package/lib/forms-ui/components/multi-select/multi-select.component.d.ts

@@ -1,172 +0,0 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, TemplateRef } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { Subject } from 'rxjs';
-import { BaseSelectDirective, EventSet } from '../../models/base-select.directive';
-import { KeyboardSelectAction } from '../keyboard-select.directive';
-import { ResponsiveInputComponent } from '../responsive-input/responsive-input.component';
-import * as i0 from "@angular/core";
-export type MultiSelectSize = 'default' | 'small' | 'large' | 'select2';
-export type MultiSelectRemoveItemEvent = {
-    item: any;
-    /**
-     * Is true when the item was not removed by pressing backspace on the keyboard rather than clicking the 'x'.
-     */
-    isMouse: boolean;
-};
-/**
- * A dropdown component for selecting multiple values from a list of options.
- * Implements `ControlValueAccessor` for seamless integration with Angular reactive forms.
- * Supports keyboard navigation, custom templates, and various sizing options.
- *
- * ### Projection slots
- * - `.pills`: Contains the pill list for selected items (`lx-pill-list`).
- *   The pill list shows removable pills for each selected item.
- *   Use `lx-pill-item` inside a `#pillTemplate` for custom pill rendering.
- * - `.dropdownComponent`: Contains the dropdown (`lx-basic-dropdown`)
- *
- * Alternatively, use `lxSelectDropdown` directive on `<ng-template>` for the dropdown,
- * and `#selectionTemplate` on `<ng-template>` for tokenized selection display.
- *
- * ### Example — with pill list and basic dropdown
- * @example
- * ```html
- * <lx-multi-select
- *   #multiSelect
- *   [(selection)]="selectedItems"
- *   (query)="searchTerm = $event">
- *   <lx-pill-list
- *     class="pills"
- *     [keyboardSelectAction]="multiSelect.selectionKeyboardSelectAction$"
- *     [pills]="selectedItems"
- *     labelKey="name"
- *     itemKey="id"
- *     (remove)="multiSelect.removeItem($event)">
- *   </lx-pill-list>
- *   <lx-basic-dropdown
- *     class="dropdownComponent"
- *     [keyboardSelectAction]="multiSelect.optionsKeyboardSelectAction$"
- *     [options]="options | lxFilterBySelection: selectedItems | lxFilterByTerm: { term: searchTerm }"
- *     labelKey="name"
- *     (onItemSelected)="multiSelect.addItemToSelection($event)">
- *   </lx-basic-dropdown>
- * </lx-multi-select>
- * ```
- *
- * ### Example — with custom pill template
- * @example
- * ```html
- * <lx-multi-select #multiSelect [(selection)]="selectedItems">
- *   <lx-pill-list
- *     class="pills"
- *     [keyboardSelectAction]="multiSelect.selectionKeyboardSelectAction$"
- *     [pills]="selectedItems"
- *     itemKey="id"
- *     (remove)="multiSelect.removeItem($event)">
- *     <ng-template #pillTemplate let-pill>
- *       <lx-pill-item [label]="pill.name" [item]="pill" [class.readOnly]="pill.readOnly" />
- *     </ng-template>
- *   </lx-pill-list>
- *   <!-- dropdown omitted for brevity -->
- * </lx-multi-select>
- * ```
- */
-export declare class MultiSelectComponent extends BaseSelectDirective implements AfterViewInit, ControlValueAccessor {
-    private cd;
-    /** @internal */
-    static isStillPossibleMoveToLeft(eventSet: EventSet): boolean;
-    /** @internal */
-    static isMovingfromZeroToRight(eventSet: EventSet): boolean;
-    /** @internal */
-    static calculateNewCursorPostionOnKeyboardNavigation(cursorPosition: number, keyCode: number): number;
-    /** @internal */
-    static getKeyboardSelectAction(cursorPosition: number, keyCode: number): KeyboardSelectAction | null;
-    /**
-     * Whether to visually mark the input as invalid.
-     */
-    markInvalid: boolean;
-    /**
-     * Array of currently selected items.
-     */
-    selection?: any[] | null;
-    /**
-     * Visual size variant of the multi-select component.
-     * @default 'default'
-     */
-    size: MultiSelectSize;
-    /**
-     * Optional ID attribute for the input element.
-     */
-    inputId?: string;
-    /**
-     * Whether pressing Tab should close the dropdown.
-     * @default true
-     */
-    closeDropdownOnTab: boolean;
-    /**
-     * Event emitted when the selection changes.
-     */
-    selectionChange: EventEmitter<any[]>;
-    /**
-     * Event emitted when the input loses focus.
-     */
-    blur: EventEmitter<void>;
-    /** @internal */
-    explicitDropdown?: TemplateRef<any>;
-    /** @internal */
-    selectionTemplate?: TemplateRef<any>;
-    /** @internal */
-    queryInput: ResponsiveInputComponent;
-    /** @internal */
-    implicitDropdown: TemplateRef<any>;
-    /** @internal */
-    selectionElement?: ElementRef<HTMLElement>;
-    /** @internal */
-    toggleElement?: ElementRef<HTMLElement>;
-    /** @internal */
-    get dropdownTmpl(): TemplateRef<any>;
-    /** @internal */
-    readonly destroyed$: Subject<void>;
-    /** @internal */
-    isInputFocusedViaTab: boolean;
-    /** @internal */
-    canTokenize: boolean;
-    /** @internal */
-    get tokenize(): boolean;
-    constructor(cd: ChangeDetectorRef);
-    /** @internal */
-    resetInput(): void;
-    /** @internal */
-    focus(): void;
-    /** @internal */
-    focusAndOpen(): void;
-    /** @internal */
-    onFocus(): void;
-    /** @internal */
-    onBlur(): void;
-    ngAfterViewInit(): void;
-    /**
-     * Adds the given option to the selection and, by default, resets the input field.
-     * @param option The option to add to the selection.
-     * @param keepSearchQueryAndScrollPosition If true, the search query and scroll position of the dropdown will be kept, unless there are no options left.
-     * @internal
-     */
-    addItemToSelection(option: any, keepSearchQueryAndScrollPosition?: boolean): void;
-    /** @internal */
-    removeItem(optionToRemove: MultiSelectRemoveItemEvent): void;
-    /** @internal */
-    propagateChange(_value: any[]): void;
-    /** @internal */
-    writeValue(value: any[]): void;
-    /** @internal */
-    registerOnChange(fn: any): void;
-    /** @internal */
-    registerOnTouched(_fn: any): void;
-    /** @internal */
-    setDisabledState(isDisabled: boolean): void;
-    /** @internal */
-    focusedViaTab(): void;
-    private onSelectionChange;
-    private scrollToEndOfSelection;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "lx-multi-select", never, { "markInvalid": { "alias": "markInvalid"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "size": { "alias": "size"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "closeDropdownOnTab": { "alias": "closeDropdownOnTab"; "required": false; }; }, { "selectionChange": "selectionChange"; "blur": "blur"; }, ["explicitDropdown", "selectionTemplate"], [".pills", ".dropdownComponent"], true, never>;
-}