@leanix/components 0.4.959 → 0.4.960

package/index.d.ts

@@ -1,33 +1,28 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, EventEmitter, OnInit, OnDestroy, AfterViewChecked, ElementRef, ChangeDetectorRef, Signal, PipeTransform, AfterViewInit, AfterContentInit, NgZone, OnChanges, SimpleChanges, QueryList, DestroyRef, TemplateRef, Renderer2, ViewContainerRef, ComponentFactoryResolver, Provider, ModuleWithProviders, Injector, Type } from '@angular/core';
+import { InjectionToken, EventEmitter, OnInit, OnDestroy, AfterViewChecked, ElementRef, ChangeDetectorRef, Signal, PipeTransform, AfterViewInit, AfterContentInit, NgZone, OnChanges, SimpleChanges, QueryList, DestroyRef, TemplateRef, Provider, Renderer2, Injector, Type, ViewContainerRef, ComponentFactoryResolver } from '@angular/core';
 import * as i1 from '@leanix/components/ui5';
-import * as i3 from '@ngx-translate/core';
+import * as i1$1 from '@ngx-translate/core';
 import { TranslateService } from '@ngx-translate/core';
 import * as rxjs from 'rxjs';
 import { Observable, BehaviorSubject, ReplaySubject, Subject } from 'rxjs';
 import { CdkStepper } from '@angular/cdk/stepper';
 import { Renderer } from 'marked';
 import * as _angular_cdk_overlay from '@angular/cdk/overlay';
-import { OverlayPositionBuilder, Overlay, CdkConnectedOverlay, ScrollStrategy, ConnectedPosition, ScrollStrategyOptions, CdkOverlayOrigin, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
+import { OverlayPositionBuilder, Overlay, CdkOverlayOrigin, ConnectedOverlayPositionChange, CdkConnectedOverlay, ScrollStrategy, ConnectedPosition, ScrollStrategyOptions } from '@angular/cdk/overlay';
 import { AriaDescriber, Highlightable, ActiveDescendantKeyManager, ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
 import { RouterLink, RouterLinkActive, Router, ActivatedRoute } from '@angular/router';
 import { SatPopoverComponent, SatPopoverHorizontalAlign, SatPopoverVerticalAlign, SatPopoverAnchorDirective } from '@ncstate/sat-popover';
-import * as i2$1 from '@angular/forms';
-import { ControlValueAccessor, Validator, UntypedFormControl, NgControl, AbstractControl, UntypedFormGroup, ValidatorFn, AsyncValidatorFn } from '@angular/forms';
-import * as i1$1 from '@angular/common';
-import * as i2 from '@angular/cdk/drag-drop';
+import { ControlValueAccessor, Validator, UntypedFormControl, UntypedFormGroup, NgControl, AbstractControl, ValidatorFn, AsyncValidatorFn } from '@angular/forms';
+import { Locale } from 'date-fns';
 import { CdkDrag, CdkDragDrop } from '@angular/cdk/drag-drop';
 import { Directionality } from '@angular/cdk/bidi';
-import { DomSanitizer } from '@angular/platform-browser';
-import { Locale } from 'date-fns';
-import * as i5 from 'ngx-infinite-scroll';
-import * as i6 from '@angular/cdk/clipboard';
 import * as _tiptap_core from '@tiptap/core';
 import { Node, Extension, Extensions, Editor, JSONContent, NodeViewRendererOptions, NodeViewRenderer } from '@tiptap/core';
 import * as prosemirror_state from 'prosemirror-state';
 import * as prosemirror_model from 'prosemirror-model';
 import { Node as Node$1 } from '@tiptap/pm/model';
 import { Decoration } from '@tiptap/pm/view';
+import { DomSanitizer } from '@angular/platform-browser';
 import * as _angular_cdk_portal from '@angular/cdk/portal';
 import { Portal, CdkPortal, TemplatePortal } from '@angular/cdk/portal';
 import { IconComponent } from '@ui5/webcomponents-ngx/main/icon';
@@ -1173,7 +1168,7 @@ declare class UnescapeCurlyBracesPipe implements PipeTransform {
 declare const CORE_MODULE_EXPORTS: (typeof BadgeComponent | typeof BannerComponent | typeof ButtonGroupComponent | typeof ButtonComponent | typeof CardComponent | typeof CollapsibleComponent | typeof CounterComponent | typeof EllipsisComponent | typeof EmptyStateComponent | typeof SpinnerComponent | typeof StepperComponent | typeof SortPipe | typeof TableComponent | typeof TableHeaderComponent | typeof AfterViewInitDirective | typeof AutocloseDirective | typeof AutofocusDirective | typeof LxLinkifyPipe | typeof LxUnlinkifyPipe | typeof BrPipe | typeof CustomDatePipe | typeof HighlightRangePipe | typeof HighlightTermPipe | typeof LxIsUuidPipe | typeof LxTranslatePipe | typeof MarkdownPipe | typeof TranslationBeforePipe | typeof TranslationAfterPipe | typeof TranslationBetweenPipe | typeof TooltipDirective)[];
 declare class LxCoreUiModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LxCoreUiModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LxCoreUiModule, never, [typeof i3.TranslateModule, typeof AfterViewInitDirective, typeof AutocloseDirective, typeof AutofocusDirective, typeof CounterComponent, typeof BadgeComponent, typeof BannerComponent, typeof ButtonComponent, typeof ButtonGroupComponent, typeof BrPipe, typeof CardComponent, typeof CollapsibleComponent, typeof CustomDatePipe, typeof EllipsisComponent, typeof HighlightRangePipe, typeof HighlightTermPipe, typeof LxLinkifyPipe, typeof LxUnlinkifyPipe, typeof LxTimeAgo, typeof LxTranslatePipe, typeof MarkdownPipe, typeof NbspPipe, typeof LxIsUuidPipe, typeof StepperComponent, typeof SpinnerComponent, typeof TableComponent, typeof TableHeaderComponent, typeof TooltipDirective, typeof TranslationAfterPipe, typeof TranslationBeforePipe, typeof TranslationBetweenPipe, typeof SortPipe, typeof ContrastColorPipe, typeof UnescapeCurlyBracesPipe, typeof EmptyStateComponent], [typeof AfterViewInitDirective, typeof AutocloseDirective, typeof AutofocusDirective, typeof BadgeComponent, typeof CounterComponent, typeof BannerComponent, typeof ButtonComponent, typeof BrPipe, typeof ButtonGroupComponent, typeof CardComponent, typeof CustomDatePipe, typeof EllipsisComponent, typeof HighlightRangePipe, typeof HighlightTermPipe, typeof LxLinkifyPipe, typeof LxUnlinkifyPipe, typeof LxTimeAgo, typeof LxTranslatePipe, typeof MarkdownPipe, typeof NbspPipe, typeof LxIsUuidPipe, typeof StepperComponent, typeof SpinnerComponent, typeof TableComponent, typeof TableHeaderComponent, typeof TooltipDirective, typeof TranslationAfterPipe, typeof TranslationBeforePipe, typeof TranslationBetweenPipe, typeof CollapsibleComponent, typeof SortPipe, typeof ContrastColorPipe, typeof UnescapeCurlyBracesPipe, typeof EmptyStateComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LxCoreUiModule, never, [typeof i1$1.TranslateModule, typeof AfterViewInitDirective, typeof AutocloseDirective, typeof AutofocusDirective, typeof CounterComponent, typeof BadgeComponent, typeof BannerComponent, typeof ButtonComponent, typeof ButtonGroupComponent, typeof BrPipe, typeof CardComponent, typeof CollapsibleComponent, typeof CustomDatePipe, typeof EllipsisComponent, typeof HighlightRangePipe, typeof HighlightTermPipe, typeof LxLinkifyPipe, typeof LxUnlinkifyPipe, typeof LxTimeAgo, typeof LxTranslatePipe, typeof MarkdownPipe, typeof NbspPipe, typeof LxIsUuidPipe, typeof StepperComponent, typeof SpinnerComponent, typeof TableComponent, typeof TableHeaderComponent, typeof TooltipDirective, typeof TranslationAfterPipe, typeof TranslationBeforePipe, typeof TranslationBetweenPipe, typeof SortPipe, typeof ContrastColorPipe, typeof UnescapeCurlyBracesPipe, typeof EmptyStateComponent], [typeof AfterViewInitDirective, typeof AutocloseDirective, typeof AutofocusDirective, typeof BadgeComponent, typeof CounterComponent, typeof BannerComponent, typeof ButtonComponent, typeof BrPipe, typeof ButtonGroupComponent, typeof CardComponent, typeof CustomDatePipe, typeof EllipsisComponent, typeof HighlightRangePipe, typeof HighlightTermPipe, typeof LxLinkifyPipe, typeof LxUnlinkifyPipe, typeof LxTimeAgo, typeof LxTranslatePipe, typeof MarkdownPipe, typeof NbspPipe, typeof LxIsUuidPipe, typeof StepperComponent, typeof SpinnerComponent, typeof TableComponent, typeof TableHeaderComponent, typeof TooltipDirective, typeof TranslationAfterPipe, typeof TranslationBeforePipe, typeof TranslationBetweenPipe, typeof CollapsibleComponent, typeof SortPipe, typeof ContrastColorPipe, typeof UnescapeCurlyBracesPipe, typeof EmptyStateComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<LxCoreUiModule>;
 }
 
@@ -1742,6 +1737,60 @@ interface HighlightTextSettings {
  */
 declare function highlightText(elem: HTMLElement, terms: string | string[], settings?: HighlightTextSettings): void;
 
+/**
+ * Renders a dropdown item with label and optional description.
+ * Supports text highlighting and custom styling options.
+ *
+ * ### Projection slots
+ * - `optionLabelSuffix`: Template to append to the label (e.g., badges, icons)
+ *
+ * ### Example
+ * @example
+ * ```html
+ * <lx-basic-dropdown-item
+ *   label="Option Name"
+ *   description="Additional details"
+ *   highlightTerm="search">
+ *   <ng-template #optionLabelSuffix>
+ *     <span class="badge">New</span>
+ *   </ng-template>
+ * </lx-basic-dropdown-item>
+ * ```
+ */
+declare class BasicDropdownItemComponent {
+    /** The main text displayed for the dropdown item. */
+    label: string;
+    /** Optional secondary text displayed below the label. */
+    description?: string;
+    /** Term to highlight in the label and optionally in the description. */
+    highlightTerm?: string;
+    /**
+     * Font weight for the label text.
+     * @default 'bold'
+     */
+    labelFontWeight: 'bold' | 'normal';
+    /**
+     * Font style for the description text.
+     * @default 'normal'
+     */
+    descriptionFontStyle: 'italic' | 'normal';
+    /**
+     * Styling options for the description text.
+     * - `maxLines`: Maximum number of lines before truncation.
+     * - `shouldHighlightTerm`: Whether to highlight the search term in the description.
+     */
+    descriptionStyleOptions?: {
+        maxLines?: number;
+        shouldHighlightTerm?: boolean;
+    };
+    optionLabelSuffix: TemplateRef<any>;
+    get hasDescription(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BasicDropdownItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BasicDropdownItemComponent, "lx-basic-dropdown-item", never, { "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "highlightTerm": { "alias": "highlightTerm"; "required": false; }; "labelFontWeight": { "alias": "labelFontWeight"; "required": false; }; "descriptionFontStyle": { "alias": "descriptionFontStyle"; "required": false; }; "descriptionStyleOptions": { "alias": "descriptionStyleOptions"; "required": false; }; }, {}, ["optionLabelSuffix"], ["*"], true, [{ directive: typeof i1.FioriReskinAwareDirective; inputs: {}; outputs: {}; }]>;
+}
+
+type SingleSelectPadding = 'default' | 'narrow';
+
 interface DropdownItem {
     select?: EventEmitter<any>;
     scrollToItem(): void;
@@ -1791,6 +1840,175 @@ declare class KeyboardSelectDirective implements OnDestroy, AfterViewInit {
     static ɵdir: i0.ɵɵDirectiveDeclaration<KeyboardSelectDirective, never, never, { "keyboardSelectAction": { "alias": "keyboardSelectAction"; "required": false; }; }, { "selectedItemIndexChange": "selectedItemIndexChange"; }, never, never, true, never>;
 }
 
+/**
+ * A simple dropdown component for selecting a single value from a flat list of options.
+ * Supports keyboard navigation, custom templates, infinite scrolling, and the ability to create new options.
+ * Uses Angular CDK overlay for positioning and supports both top and bottom dropdown placement.
+ *
+ * ### Projection slots
+ * - `optionTemplate`: Custom template for rendering each option
+ * - `createNewOptionTemplate`: Custom template for the "create new option" button
+ * - `descriptionTemplateRef`: Custom template for additional description content
+ *
+ * ### Example
+ * @example
+ * ```html
+ * <lx-basic-dropdown
+ *   [options]="items"
+ *   [labelKey]="'name'"
+ *   [itemKey]="'id'"
+ *   [placeholder]="'Select an item'"
+ *   (onItemSelected)="handleSelection($event)">
+ * </lx-basic-dropdown>
+ * ```
+ */
+declare class BasicDropdownComponent extends KeyboardSelectDirective implements AfterViewInit {
+    static isNewItem(items: any[], term: string, key?: string): boolean;
+    readonly NAME = "BasicDropdownComponent";
+    /**
+     * Array of options to display in the dropdown.
+     */
+    options: any[];
+    /**
+     * Index of the option to be selected initially.
+     * @default -1
+     */
+    initiallySelectedIndex: number;
+    /**
+     * Property name to use as the display label for each option.
+     */
+    labelKey?: string;
+    /**
+     * Property name to use as the unique identifier for each option.
+     */
+    itemKey?: string;
+    /**
+     * Placeholder text to display when no option is selected.
+     */
+    placeholder?: string;
+    /**
+     * Whether the dropdown is in a loading state.
+     * @default false
+     */
+    loading: boolean;
+    /**
+     * Label for the "create new option" functionality.
+     */
+    newOptionLabel: string;
+    /**
+     * Padding variant for the dropdown items.
+     * @default 'default'
+     */
+    padding?: SingleSelectPadding;
+    /**
+     * Whether to show the "create new option" button.
+     * @default false
+     */
+    showCreateNewOption: boolean;
+    /**
+     * Map of disabled options, keyed by the item's unique identifier.
+     */
+    disabledOptions: {
+        [itemKey: string]: any;
+    };
+    /**
+     * Whether to use CDK overlay positioning.
+     * @default false
+     */
+    overlayPositioning: boolean;
+    /**
+     * Whether to truncate long option text.
+     * @default false
+     */
+    truncateOptions: boolean;
+    /**
+     * Custom text to display when no results are found.
+     */
+    noResultsText?: string;
+    /**
+     * Event emitted when an option is selected.
+     */
+    onItemSelected: EventEmitter<any>;
+    /**
+     * Event emitted when the user scrolls to the bottom, triggering a request for more entries (infinite scroll).
+     */
+    triggerRequestForMoreEntries: EventEmitter<void>;
+    /**
+     * Event emitted when a new option label is selected (for creating new items).
+     */
+    newOptionLabelSelected: EventEmitter<string>;
+    /**
+     * Event emitted when the "create new option" button is clicked.
+     */
+    createNewOptionSelected: EventEmitter<void>;
+    optionTemplateRef: TemplateRef<any>;
+    createNewOptionTemplateRef: TemplateRef<any>;
+    descriptionTemplateRef: TemplateRef<any>;
+    selectOrigin: CdkOverlayOrigin;
+    isTopDropdown: boolean;
+    constructor();
+    selectOption(option: any): void;
+    onPositionChange(event: ConnectedOverlayPositionChange): void;
+    get isNewItem(): boolean;
+    trackByProp(index: number, pill: any): any;
+    onScroll(): void;
+    onNewItemSelected(): void;
+    onCreateNewOptionSelected(): void;
+    /**
+     * Highlights the item corresponding to the given option index, accounting for
+     * any prefix items (e.g. "Create new") that shift the internal item list.
+     */
+    selectByOptionIndex(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BasicDropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BasicDropdownComponent, "lx-basic-dropdown", never, { "options": { "alias": "options"; "required": false; }; "initiallySelectedIndex": { "alias": "initiallySelectedIndex"; "required": false; }; "labelKey": { "alias": "labelKey"; "required": false; }; "itemKey": { "alias": "itemKey"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "newOptionLabel": { "alias": "newOptionLabel"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "showCreateNewOption": { "alias": "showCreateNewOption"; "required": false; }; "disabledOptions": { "alias": "disabledOptions"; "required": false; }; "overlayPositioning": { "alias": "overlayPositioning"; "required": false; }; "truncateOptions": { "alias": "truncateOptions"; "required": false; }; "noResultsText": { "alias": "noResultsText"; "required": false; }; }, { "onItemSelected": "onItemSelected"; "triggerRequestForMoreEntries": "triggerRequestForMoreEntries"; "newOptionLabelSelected": "newOptionLabelSelected"; "createNewOptionSelected": "createNewOptionSelected"; }, ["optionTemplateRef", "createNewOptionTemplateRef", "descriptionTemplateRef"], never, true, [{ directive: typeof i1.FioriReskinAwareDirective; inputs: {}; outputs: {}; }]>;
+}
+
+interface Breadcrumb {
+    label: string;
+    ellipsed?: boolean;
+    onClick?: (breadcrumb: Breadcrumb) => void;
+}
+interface EllipsedBreadcrumb {
+    breadcrumbs: Breadcrumb[];
+}
+type ViewBreadcrumb = Breadcrumb | EllipsedBreadcrumb;
+/**
+ * @deprecated Use the `ui5-breadcrumbs` instead.
+ *
+ * Breadcrumb component displays a list of labels showing the navigation path.
+ * Supports ellipsing consecutive items into a dropdown for space efficiency.
+ *
+ * ### Example
+ * @example
+ * ```html
+ * <lx-breadcrumb [breadcrumbs]="breadcrumbs"></lx-breadcrumb>
+ * ```
+ *
+ * ```ts
+ * breadcrumbs: Breadcrumb[] = [
+ *   { label: 'Home', onClick: (b) => this.navigate(b) },
+ *   { label: 'Products', onClick: (b) => this.navigate(b) },
+ *   { label: 'Category', ellipsed: true },
+ *   { label: 'Subcategory', ellipsed: true },
+ *   { label: 'Item Details' }
+ * ];
+ * ```
+ */
+declare class BreadcrumbComponent implements OnChanges {
+    /**
+     * Array of breadcrumb items to display. Consecutive items with `ellipsed: true` are grouped into a dropdown.
+     * @default []
+     */
+    breadcrumbs: Breadcrumb[];
+    /** @internal */
+    viewBreadcrumbs: ViewBreadcrumb[];
+    ngOnChanges(changes: SimpleChanges): void;
+    /** @internal */
+    isEllipsedBreadcrumb(breadcrumb: ViewBreadcrumb): breadcrumb is EllipsedBreadcrumb;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "lx-breadcrumb", never, { "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 declare class KeyboardActionSourceDirective implements OnDestroy {
     private element;
     dontEmit: boolean;
@@ -2141,6 +2359,35 @@ declare class CurrencyInputComponent implements AfterViewInit, OnDestroy, Contro
     static ɵcmp: i0.ɵɵComponentDeclaration<CurrencyInputComponent, "lx-currency-input", never, { "code": { "alias": "code"; "required": false; }; "decimalSeparator": { "alias": "decimalSeparator"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "data": { "alias": "data"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "fieldDefinitionType": { "alias": "fieldDefinitionType"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "format": { "alias": "format"; "required": false; }; "markInvalid": { "alias": "markInvalid"; "required": false; }; }, { "onFocusLost": "onFocusLost"; "onChange": "onChange"; }, never, never, true, [{ directive: typeof i1.FioriReskinAwareDirective; inputs: {}; outputs: {}; }]>;
 }
 
+declare const CURRENCY_SYMBOL_MAP: {
+    [key: string]: string;
+};
+
+/**
+ * Displays a currency symbol based on an ISO currency code.
+ *
+ * Converts currency codes (e.g., 'USD', 'EUR') to their symbolic representations ($, €).
+ *
+ * ### Example
+ * @example
+ * ```html
+ * <lx-currency-symbol [code]="'USD'"></lx-currency-symbol>
+ * <lx-currency-symbol [code]="'EUR'"></lx-currency-symbol>
+ * ```
+ */
+declare class CurrencySymbolComponent implements OnInit {
+    /**
+     * ISO currency code (e.g., 'USD', 'EUR', 'GBP').
+     * Falls back to displaying the code itself if no symbol is mapped.
+     */
+    code: string | null;
+    code$: Observable<string>;
+    currency$: Observable<string>;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CurrencySymbolComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CurrencySymbolComponent, "lx-currency-symbol", never, { "code": { "alias": "code"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 type DateInputRenderingStyle = 'INPUT' | 'LINK' | 'BUTTON';
 /**
  * Date input with integrated datepicker dropdown.
@@ -2396,47 +2643,218 @@ declare class DateInputComponent implements OnChanges, OnInit, OnDestroy, Contro
     static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "lx-date-input", never, { "date": { "alias": "date"; "required": false; }; "dateString": { "alias": "dateString"; "required": false; }; "valueAccessor": { "alias": "valueAccessor"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "renderingStyle": { "alias": "renderingStyle"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "cdk": { "alias": "cdk"; "required": false; }; "datepickerMode": { "alias": "datepickerMode"; "required": false; }; "initDateString": { "alias": "initDateString"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minMode": { "alias": "minMode"; "required": false; }; "maxMode": { "alias": "maxMode"; "required": false; }; "showWeeks": { "alias": "showWeeks"; "required": false; }; "formatDay": { "alias": "formatDay"; "required": false; }; "formatMonth": { "alias": "formatMonth"; "required": false; }; "formatYear": { "alias": "formatYear"; "required": false; }; "formatDayHeader": { "alias": "formatDayHeader"; "required": false; }; "formatDayTitle": { "alias": "formatDayTitle"; "required": false; }; "formatMonthTitle": { "alias": "formatMonthTitle"; "required": false; }; "startingDay": { "alias": "startingDay"; "required": false; }; "yearRange": { "alias": "yearRange"; "required": false; }; "onlyCurrentMonth": { "alias": "onlyCurrentMonth"; "required": false; }; "shortcutPropagation": { "alias": "shortcutPropagation"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dateDisabled": { "alias": "dateDisabled"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "markInvalid": { "alias": "markInvalid"; "required": false; }; "alwaysEmitDateString": { "alias": "alwaysEmitDateString"; "required": false; }; }, { "closeDateInput": "closeDateInput"; "dateStringChange": "dateStringChange"; "dateChange": "dateChange"; }, ["dateStringTemplate"], never, true, [{ directive: typeof i1.FioriReskinAwareDirective; inputs: {}; outputs: {}; }]>;
 }
 
-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>;
+declare class DateFormatter {
+    format(date: Date, format: string, locale?: Locale | string): string;
 }
 
-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>;
+/**
+ * Core datepicker component managing date selection logic.
+ *
+ * Provides the underlying logic for day, month, and year selection modes.
+ * Used internally by DatePickerComponent.
+ *
+ * ### Projection slots
+ * - Default slot: Child picker components (daypicker, monthpicker, yearpicker).
+ */
+declare class DatePickerInnerComponent implements OnInit, OnChanges {
+    /** Locale code for date formatting. */
+    locale: string;
+    /** Current datepicker mode: 'day', 'month', or 'year'. */
+    datepickerMode: string;
+    /** Starting day of the week from 0-6 (0=Sunday). */
+    startingDay: number;
+    /** Number of years displayed in year selection. */
+    yearRange: number;
+    /** Minimum selectable date. */
+    minDate: Date;
+    /** Maximum selectable date. */
+    maxDate: Date;
+    /** Minimum picker mode. */
+    minMode: string;
+    /** Maximum picker mode. */
+    maxMode: string;
+    /** Whether to show week numbers. */
+    showWeeks: boolean;
+    /** Format of day in month. */
+    formatDay: string;
+    /** Format of month in year. */
+    formatMonth: string;
+    /** Format of year in year range. */
+    formatYear: string;
+    /** Format of day in week header. */
+    formatDayHeader: string;
+    /** Format of title when selecting day. */
+    formatDayTitle: string;
+    /** Format of title when selecting month. */
+    formatMonthTitle: string;
+    /** If true, only dates from the currently displayed month will be shown. */
+    onlyCurrentMonth: boolean;
+    /** If true, shortcut event propagation will be disabled. */
+    shortcutPropagation: boolean;
+    /** Array of custom css classes to be applied to dates. */
+    customClass: {
+        date: Date;
+        mode: string;
+        clazz: string;
+    }[];
+    /** Number of columns in month picker. */
+    monthColLimit: number;
+    /** Number of columns in year picker. */
+    yearColLimit: number;
+    /** Array of disabled dates. */
+    dateDisabled: {
+        date: Date;
+        mode: string;
+    }[];
+    /** Array of disabled day indices (0-6). */
+    dayDisabled: number[];
+    /** Initial date to display. */
+    initDate: Date;
+    /** Emitted when a date is selected. */
+    selectionDone: EventEmitter<Date>;
+    /** Emitted when active date is updated. */
+    update: EventEmitter<Date>;
+    /** Emitted when active date changes. */
+    activeDateChange: EventEmitter<Date>;
+    stepDay: any;
+    stepMonth: any;
+    stepYear: any;
+    uniqueId: string;
+    protected modes: string[];
+    protected dateFormatter: DateFormatter;
+    protected _activeDate: Date;
+    protected selectedDate: Date;
+    protected activeDateId: string;
+    protected refreshViewHandlerDay: Function;
+    protected compareHandlerDay: Function;
+    protected refreshViewHandlerMonth: Function;
+    protected compareHandlerMonth: Function;
+    protected refreshViewHandlerYear: Function;
+    protected compareHandlerYear: Function;
+    get activeDate(): Date;
+    set activeDate(value: Date);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    checkIfActiveDateGotUpdated(activeDate: any): void;
+    setCompareHandler(handler: Function, type: string): void;
+    compare(date1: Date, date2: Date): number | undefined;
+    setRefreshViewHandler(handler: Function, type: string): void;
+    refreshView(): void;
+    dateFilter(date: Date, format: string): string;
+    isActive(dateObject: any): boolean;
+    createDateObject(date: Date, format: string): any;
+    split(arr: any[], size: number): any[];
+    fixTimeZone(date: Date): Date;
+    select(date: Date, isManual?: boolean): void;
+    move(direction: number): void;
+    toggleMode(_direction: number): void;
+    protected getCustomClassForDate(date: Date): string;
+    protected compareDateDisabled(date1Disabled: {
+        date: Date;
+        mode: string;
+    }, date2: Date): number | undefined;
+    protected isDisabled(date: Date): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerInnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerInnerComponent, "datepicker-inner", never, { "locale": { "alias": "locale"; "required": false; }; "datepickerMode": { "alias": "datepickerMode"; "required": false; }; "startingDay": { "alias": "startingDay"; "required": false; }; "yearRange": { "alias": "yearRange"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minMode": { "alias": "minMode"; "required": false; }; "maxMode": { "alias": "maxMode"; "required": false; }; "showWeeks": { "alias": "showWeeks"; "required": false; }; "formatDay": { "alias": "formatDay"; "required": false; }; "formatMonth": { "alias": "formatMonth"; "required": false; }; "formatYear": { "alias": "formatYear"; "required": false; }; "formatDayHeader": { "alias": "formatDayHeader"; "required": false; }; "formatDayTitle": { "alias": "formatDayTitle"; "required": false; }; "formatMonthTitle": { "alias": "formatMonthTitle"; "required": false; }; "onlyCurrentMonth": { "alias": "onlyCurrentMonth"; "required": false; }; "shortcutPropagation": { "alias": "shortcutPropagation"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "monthColLimit": { "alias": "monthColLimit"; "required": false; }; "yearColLimit": { "alias": "yearColLimit"; "required": false; }; "dateDisabled": { "alias": "dateDisabled"; "required": false; }; "dayDisabled": { "alias": "dayDisabled"; "required": false; }; "initDate": { "alias": "initDate"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; }, { "selectionDone": "selectionDone"; "update": "update"; "activeDateChange": "activeDateChange"; }, never, ["*"], true, never>;
+}
+
+declare class DatepickerConfig {
+    locale: string;
+    datepickerMode: string;
+    startingDay: number;
+    yearRange: number;
+    minMode: string;
+    maxMode: string;
+    showWeeks: boolean;
+    formatDay: string;
+    formatMonth: string;
+    formatYear: string;
+    formatDayHeader: string;
+    formatDayTitle: string;
+    formatMonthTitle: string;
+    onlyCurrentMonth: boolean;
+    monthColLimit: number;
+    yearColLimit: number;
+    shortcutPropagation: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerConfig, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DatepickerConfig>;
+}
+
+declare const DATEPICKER_CONTROL_VALUE_ACCESSOR: Provider;
+declare class DatePickerComponent implements ControlValueAccessor {
+    /** sets datepicker mode, supports: `day`, `month`, `year` */
+    datepickerMode: string;
+    /** default date to show if `ng-model` value is not specified */
+    initDate: Date;
+    /**  oldest selectable date */
+    minDate: Date;
+    /** latest selectable date */
+    maxDate: Date;
+    /** set lower datepicker mode, supports: `day`, `month`, `year` */
+    minMode: string;
+    /** sets upper datepicker mode, supports: `day`, `month`, `year` */
+    maxMode: string;
+    /** if false week numbers will be hidden */
+    showWeeks: boolean;
+    /** format of day in month */
+    formatDay: string;
+    /** format of month in year */
+    formatMonth: string;
+    /** format of year in year range */
+    formatYear: string;
+    /** format of day in week header */
+    formatDayHeader: string;
+    /** format of title when selecting day */
+    formatDayTitle: string;
+    /** format of title when selecting month */
+    formatMonthTitle: string;
+    /** starting day of the week from 0-6 (0=Sunday, ..., 6=Saturday) */
+    startingDay: number;
+    /** number of years displayed in year selection */
+    yearRange: number;
+    /** if true only dates from the currently displayed month will be shown */
+    onlyCurrentMonth: boolean;
+    /** if true shortcut`s event propagation will be disabled */
+    shortcutPropagation: boolean;
+    /** number of months displayed in a single row of month picker */
+    monthColLimit: number;
+    /** number of years displayed in a single row of year picker */
+    yearColLimit: number;
+    /** array of custom css classes to be applied to targeted dates */
+    customClass: {
+        date: Date;
+        mode: string;
+        clazz: string;
+    }[];
+    /** array of disabled dates */
+    dateDisabled: {
+        date: Date;
+        mode: string;
+    }[];
+    /** disabled days of the week from 0-6 (0=Sunday, ..., 6=Saturday) */
+    dayDisabled: number[];
+    /** currently active date */
+    get activeDate(): Date;
+    set activeDate(value: Date);
+    selectionDone: EventEmitter<Date>;
+    /** callback to invoke when the activeDate is changed. */
+    activeDateChange: EventEmitter<Date>;
+    _datePicker: DatePickerInnerComponent;
+    onChange: any;
+    onTouched: any;
+    config: DatepickerConfig;
+    protected _now: Date;
+    protected _activeDate: Date;
+    constructor(config: DatepickerConfig);
+    configureOptions(): void;
+    onUpdate(event: Date): void;
+    onSelectionDone(event: Date): void;
+    onActiveDateChange(event: Date): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: () => void): void;
+    registerOnTouched(fn: () => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "datepicker", never, { "datepickerMode": { "alias": "datepickerMode"; "required": false; }; "initDate": { "alias": "initDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minMode": { "alias": "minMode"; "required": false; }; "maxMode": { "alias": "maxMode"; "required": false; }; "showWeeks": { "alias": "showWeeks"; "required": false; }; "formatDay": { "alias": "formatDay"; "required": false; }; "formatMonth": { "alias": "formatMonth"; "required": false; }; "formatYear": { "alias": "formatYear"; "required": false; }; "formatDayHeader": { "alias": "formatDayHeader"; "required": false; }; "formatDayTitle": { "alias": "formatDayTitle"; "required": false; }; "formatMonthTitle": { "alias": "formatMonthTitle"; "required": false; }; "startingDay": { "alias": "startingDay"; "required": false; }; "yearRange": { "alias": "yearRange"; "required": false; }; "onlyCurrentMonth": { "alias": "onlyCurrentMonth"; "required": false; }; "shortcutPropagation": { "alias": "shortcutPropagation"; "required": false; }; "monthColLimit": { "alias": "monthColLimit"; "required": false; }; "yearColLimit": { "alias": "yearColLimit"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "dateDisabled": { "alias": "dateDisabled"; "required": false; }; "dayDisabled": { "alias": "dayDisabled"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; }, { "selectionDone": "selectionDone"; "activeDateChange": "activeDateChange"; }, never, never, true, never>;
 }
 
 interface DragAndDropListAction {
@@ -2506,13 +2924,45 @@ declare class DragAndDropListItemComponent {
     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>;
 }
 
-interface DragAndDropListMoveEvent {
-    item: string;
-    index: number;
-}
-interface DragAndDropListMoveIndexEvent {
-    index: number;
-    previous: number;
+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>;
+}
+
+interface DragAndDropListMoveEvent {
+    item: string;
+    index: number;
+}
+interface DragAndDropListMoveIndexEvent {
+    index: number;
+    previous: number;
 }
 /**
  * Sortable list with drag-and-drop and keyboard navigation support.
@@ -2605,10 +3055,72 @@ declare class DragAndDropListComponent implements AfterContentInit, AfterViewIni
     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>;
 }
 
-declare class LxDragAndDropListModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LxDragAndDropListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LxDragAndDropListModule, never, [typeof i1$1.CommonModule, typeof i2.DragDropModule, typeof i3.TranslateModule, typeof KeyboardSortableItemDirective, typeof KeyboardSortableListDirective, typeof DragAndDropListComponent, typeof DragAndDropListItemComponent], [typeof DragAndDropListComponent, typeof DragAndDropListItemComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LxDragAndDropListModule>;
+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>;
+}
+
+/**
+ * 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>
+ * ```
+ */
+declare class ErrorMessageComponent {
+    /** Signal for setting error message programmatically. */
+    readonly dynamicErrorMessage: i0.WritableSignal<string>;
+    private readonly wrapper;
+    protected computedErrorMessage: i0.Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ErrorMessageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ErrorMessageComponent, "lx-error-message", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * 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>
+ * ```
+ */
+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>;
 }
 
 /**
@@ -2936,6 +3448,118 @@ declare class MultiSelectComponent extends BaseSelectDirective implements AfterV
     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, [{ directive: typeof i1.FioriReskinAwareDirective; inputs: {}; outputs: {}; }]>;
 }
 
+type OptionGroupOption = {
+    value: string;
+    label: string;
+};
+/**
+ * TODO: rename to something unspecific for single selects because multiselects are also supported
+ */
+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>
+ * ```
+ */
+declare class OptionGroupDropdownComponent extends KeyboardSelectDirective {
+    /** @internal */
+    readonly NAME = "OptionGroupDropdownComponent";
+    /** @internal */
+    protected readonly fioriReskinActive: i0.WritableSignal<boolean>;
+    /**
+     * 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, [{ directive: typeof i1.FioriReskinAwareDirective; inputs: {}; outputs: {}; }]>;
+}
+
 /**
  * A dropdown component that displays a list of selectable options.
  * The dropdown opens when triggered and provides keyboard navigation support for accessible option selection.
@@ -3200,23 +3824,6 @@ declare class PickerOptionComponent implements Highlightable, OnInit {
     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>;
 }
 
-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$: 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>;
-}
-
 /**
  * A dropdown picker for selecting a value from a list of options.
  * Supports keyboard navigation, `ControlValueAccessor` for reactive forms, and custom trigger elements.
@@ -3288,889 +3895,26 @@ declare class PickerComponent implements AfterViewInit, ControlValueAccessor, On
     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>;
-}
-
-type SingleSelectPadding = 'default' | 'narrow';
-
-type SingleSelectSize = 'default' | 'small' | 'large';
-/**
- * A dropdown component for selecting a single value from a list of options.
- * Implements `ControlValueAccessor` for seamless integration with Angular reactive forms.
- *
- * ### Projection slots
- * - `.selectedOption`: Displays the currently selected value in the input field
- * - `.dropdownComponent`: Contains the dropdown (typically `lx-basic-dropdown`)
- *
- * Alternatively, use `lxSelectDropdown` and `lxSelectedOption` directives on `<ng-template>`.
- *
- * ### Example
- * @example
- * ```html
- * <lx-single-select
- *   #select
- *   [formControl]="control"
- *   (query)="searchTerm = $event">
- *   <span class="selectedOption">{{ control.value?.name }}</span>
- *   <lx-basic-dropdown
- *     class="dropdownComponent"
- *     [keyboardSelectAction]="select.optionsKeyboardSelectAction$"
- *     [options]="options | lxFilterByTerm: { term: searchTerm }"
- *     labelKey="name"
- *     (onItemSelected)="select.selectOption($event)">
- *   </lx-basic-dropdown>
- * </lx-single-select>
- * ```
- */
-declare class SingleSelectComponent extends BaseSelectDirective implements OnDestroy, AfterViewInit, ControlValueAccessor {
-    private cd;
-    /** @internal */
-    static calculateNewCursorPostionOnKeyboardNavigation(cursorPosition: number, keyCode: number): number;
-    /** @internal */
-    static getKeyboardSelectAction(cursorPosition: number, keyCode: number): KeyboardSelectAction | null;
-    /** The currently selected value. */
-    selection: any;
-    /** Background color of the selection input field. */
-    selectionBackground: 'white' | 'gray';
-    /** Size variant of the select component. */
-    size: SingleSelectSize;
-    /** @deprecated To keep different inputs aligned, we should use the default padding */
-    padding?: SingleSelectPadding;
-    /** Optional ID attribute for the input element. */
-    inputId?: string;
-    /** Whether the select field is required. */
-    required: boolean;
-    /** Whether to close the dropdown when the Tab key is pressed. */
-    closeDropdownOnTab: boolean;
-    /** Event emitted when the selection changes. */
-    selectionChange: EventEmitter<any>;
-    /** Event emitted when the input loses focus. */
-    blur: EventEmitter<FocusEvent>;
-    /** @internal */
-    explicitDropdown?: TemplateRef<any>;
-    /** @internal */
-    explicitSelectedOption?: TemplateRef<any>;
-    /** @internal */
-    private dropdownComponent?;
-    /** @internal */
-    implicitSelectedOption: TemplateRef<any>;
-    /** @internal */
-    implicitDropdown: TemplateRef<any>;
-    /** @internal */
-    get selectedOptionTmpl(): TemplateRef<any>;
-    /** @internal */
-    get dropdownTmpl(): TemplateRef<any>;
-    /** Whether to show a clear button to remove the selection. */
-    allowClear: boolean;
-    /** Tab index of the input element for keyboard navigation. */
-    tabIndex: number;
-    /** Whether to visually mark the input as invalid. */
-    markInvalid: boolean;
-    /** @internal */
-    toggleElement?: ElementRef<HTMLElement>;
-    /** @internal */
-    queryInput: ElementRef<HTMLInputElement>;
-    /** @internal */
-    readonly destroyed$: Subject<void>;
-    /** @internal */
-    isInputFocusedViaTab: boolean;
-    constructor(cd: ChangeDetectorRef);
-    /** @internal */
-    get cursorStyle(): "default" | "text" | "pointer";
-    /** @internal */
-    resetInput(): void;
-    /** @internal */
-    focus(): void;
-    /** @internal */
-    focusAndOpen(): void;
-    ngOnDestroy(): void;
-    ngAfterViewInit(): void;
-    /** @internal */
-    selectOption(option: any): void;
-    /** @internal */
-    removeSelection(): void;
-    /** @internal */
-    propagateChange(_value: any): void;
-    /** @internal */
-    writeValue(newSelection: any): void;
-    /** @internal */
-    setDisabledState(isDisabled: boolean): void;
-    /** @internal */
-    registerOnChange(fn: any): void;
-    /** @internal */
-    registerOnTouched(_fn: any): void;
-    /** @internal */
-    focusedViaTab(): void;
-    private determineHighlightIndex;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SingleSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SingleSelectComponent, "lx-single-select", never, { "selection": { "alias": "selection"; "required": false; }; "selectionBackground": { "alias": "selectionBackground"; "required": false; }; "size": { "alias": "size"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "required": { "alias": "required"; "required": false; }; "closeDropdownOnTab": { "alias": "closeDropdownOnTab"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "markInvalid": { "alias": "markInvalid"; "required": false; }; }, { "selectionChange": "selectionChange"; "blur": "blur"; }, ["explicitDropdown", "explicitSelectedOption", "dropdownComponent"], [".selectedOption", ".dropdownComponent"], true, [{ directive: typeof i1.FioriReskinAwareDirective; inputs: {}; outputs: {}; }]>;
-    static ngAcceptInputType_required: unknown;
-}
-
-declare class ContenteditableDirective implements OnChanges {
-    private elRef;
-    private sanitizer;
-    /** Model */
-    lxContenteditableModel: string;
-    lxContenteditableModelChange: EventEmitter<string>;
-    /** Allow (sanitized) html */
-    lxContenteditableHtml: boolean | 'trim';
-    lxContenteditableHtmlPaste: boolean;
-    private emittedValue;
-    constructor(elRef: ElementRef<HTMLElement>, sanitizer: DomSanitizer);
-    ngOnChanges(changes: SimpleChanges): void;
-    onInput(initialInlineData?: boolean): void;
-    /**
-     * @param event {ClipboardEvent}
-     */
-    onPaste(event: any): void;
-    onDrop(event: MouseEvent): boolean;
-    private cleanContent;
-    private refreshView;
-    private getProperty;
-    private sanitize;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ContenteditableDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ContenteditableDirective, "[lxContenteditableModel]", never, { "lxContenteditableModel": { "alias": "lxContenteditableModel"; "required": false; }; "lxContenteditableHtml": { "alias": "lxContenteditableHtml"; "required": false; }; "lxContenteditableHtmlPaste": { "alias": "lxContenteditableHtmlPaste"; "required": false; }; }, { "lxContenteditableModelChange": "lxContenteditableModelChange"; }, never, never, true, never>;
-}
-
-declare class FormSubmitDirective implements OnDestroy {
-    private elementRef;
-    submitted$: BehaviorSubject<boolean>;
-    private subscription;
-    constructor(elementRef: ElementRef);
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FormSubmitDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FormSubmitDirective, "form", never, {}, {}, never, never, true, never>;
-}
-
-type FormControlErrorDisplayStrategy = (obj: {
-    control: AbstractControl;
-    submitted?: boolean;
-}) => boolean;
-declare const FORM_CONTROL_ERROR_NAMESPACE: InjectionToken<string>;
-declare const FORM_CONTROL_ERROR_DISPLAY_STRATEGY: InjectionToken<FormControlErrorDisplayStrategy>;
-declare const provideFormControlErrorNamespace: (namespace: string) => {
-    provide: InjectionToken<string>;
-    useValue: string;
-};
-declare const provideFormControlErrorDisplayStrategy: (fn: FormControlErrorDisplayStrategy) => {
-    provide: InjectionToken<FormControlErrorDisplayStrategy>;
-    useValue: FormControlErrorDisplayStrategy;
-};
-declare class FormErrorDirective implements OnInit {
-    private viewContainer;
-    private componentFactoryResolver;
-    private translateService;
-    private destroyRef;
-    private ngControl?;
-    private formSubmitDirective?;
-    private namespace?;
-    private strategy?;
-    ctrl?: AbstractControl | '';
-    controlName?: string;
-    private ref?;
-    private get control();
-    private get name();
-    private get formSubmitted();
-    constructor(viewContainer: ViewContainerRef, componentFactoryResolver: ComponentFactoryResolver, translateService: TranslateService, destroyRef: DestroyRef, ngControl?: NgControl | undefined, formSubmitDirective?: FormSubmitDirective | undefined, namespace?: string | undefined, strategy?: FormControlErrorDisplayStrategy | undefined);
-    ngOnInit(): void;
-    private buildTranslationKey;
-    private setError;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FormErrorDirective, [null, null, null, null, { optional: true; self: true; }, { optional: true; host: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FormErrorDirective, "[lxFormError]", never, { "ctrl": { "alias": "lxFormError"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-declare class MarkInvalidDirective implements OnInit, OnDestroy {
-    private element;
-    private renderer;
-    lxMarkInvalid: boolean;
-    lxMarkInvalid$: Observable<boolean>;
-    readonly destroyed$: Subject<void>;
-    constructor(element: ElementRef<HTMLElement>, renderer: Renderer2);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MarkInvalidDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MarkInvalidDirective, "[lxMarkInvalid]", never, { "lxMarkInvalid": { "alias": "lxMarkInvalid"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-declare class SelectableItemDirective implements DropdownItem {
-    readonly element: ElementRef<HTMLElement>;
-    scrollInContainer: HTMLElement;
-    lxSelectableItem: any;
-    select: EventEmitter<any>;
-    get item(): any;
-    constructor(element: ElementRef<HTMLElement>);
-    scrollToItem(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SelectableItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectableItemDirective, "[lxSelectableItem]", never, { "scrollInContainer": { "alias": "scrollInContainer"; "required": false; }; "lxSelectableItem": { "alias": "lxSelectableItem"; "required": false; }; }, { "select": "select"; }, never, never, true, never>;
-}
-
-/**
- * Reformats numbers into a short format.
- * @example {{ 1000 | lxFormatNumber | async }} prints 1K
- *
- * If the parameter currency is set, a currency sign is inserted based on the value and the current locale.
- * In this case, the pipe must be used with an innerHtml attribute.
- * @example [innerHtml]="1000 | lxFormatNumber: 'USD' | async" prints $1K
- */
-declare class FormatNumberPipe implements PipeTransform {
-    private getLocale;
-    constructor(getLocale: Function);
-    transform(number: number | undefined | null, currency?: string): Observable<string | null>;
-    /**
-     * Use custom currency symbol, when the currency in the formated number doesn't match the
-     * symbol in the CURRENCY_SYMBOL_MAP.
-     */
-    private getFormatedCurrency;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FormatNumberPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<FormatNumberPipe, "lxFormatNumber", true>;
-}
-
-declare class DateFormatter {
-    format(date: Date, format: string, locale?: Locale | string): string;
-}
-
-/**
- * Core datepicker component managing date selection logic.
- *
- * Provides the underlying logic for day, month, and year selection modes.
- * Used internally by DatePickerComponent.
- *
- * ### Projection slots
- * - Default slot: Child picker components (daypicker, monthpicker, yearpicker).
- */
-declare class DatePickerInnerComponent implements OnInit, OnChanges {
-    /** Locale code for date formatting. */
-    locale: string;
-    /** Current datepicker mode: 'day', 'month', or 'year'. */
-    datepickerMode: string;
-    /** Starting day of the week from 0-6 (0=Sunday). */
-    startingDay: number;
-    /** Number of years displayed in year selection. */
-    yearRange: number;
-    /** Minimum selectable date. */
-    minDate: Date;
-    /** Maximum selectable date. */
-    maxDate: Date;
-    /** Minimum picker mode. */
-    minMode: string;
-    /** Maximum picker mode. */
-    maxMode: string;
-    /** Whether to show week numbers. */
-    showWeeks: boolean;
-    /** Format of day in month. */
-    formatDay: string;
-    /** Format of month in year. */
-    formatMonth: string;
-    /** Format of year in year range. */
-    formatYear: string;
-    /** Format of day in week header. */
-    formatDayHeader: string;
-    /** Format of title when selecting day. */
-    formatDayTitle: string;
-    /** Format of title when selecting month. */
-    formatMonthTitle: string;
-    /** If true, only dates from the currently displayed month will be shown. */
-    onlyCurrentMonth: boolean;
-    /** If true, shortcut event propagation will be disabled. */
-    shortcutPropagation: boolean;
-    /** Array of custom css classes to be applied to dates. */
-    customClass: {
-        date: Date;
-        mode: string;
-        clazz: string;
-    }[];
-    /** Number of columns in month picker. */
-    monthColLimit: number;
-    /** Number of columns in year picker. */
-    yearColLimit: number;
-    /** Array of disabled dates. */
-    dateDisabled: {
-        date: Date;
-        mode: string;
-    }[];
-    /** Array of disabled day indices (0-6). */
-    dayDisabled: number[];
-    /** Initial date to display. */
-    initDate: Date;
-    /** Emitted when a date is selected. */
-    selectionDone: EventEmitter<Date>;
-    /** Emitted when active date is updated. */
-    update: EventEmitter<Date>;
-    /** Emitted when active date changes. */
-    activeDateChange: EventEmitter<Date>;
-    stepDay: any;
-    stepMonth: any;
-    stepYear: any;
-    uniqueId: string;
-    protected modes: string[];
-    protected dateFormatter: DateFormatter;
-    protected _activeDate: Date;
-    protected selectedDate: Date;
-    protected activeDateId: string;
-    protected refreshViewHandlerDay: Function;
-    protected compareHandlerDay: Function;
-    protected refreshViewHandlerMonth: Function;
-    protected compareHandlerMonth: Function;
-    protected refreshViewHandlerYear: Function;
-    protected compareHandlerYear: Function;
-    get activeDate(): Date;
-    set activeDate(value: Date);
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    checkIfActiveDateGotUpdated(activeDate: any): void;
-    setCompareHandler(handler: Function, type: string): void;
-    compare(date1: Date, date2: Date): number | undefined;
-    setRefreshViewHandler(handler: Function, type: string): void;
-    refreshView(): void;
-    dateFilter(date: Date, format: string): string;
-    isActive(dateObject: any): boolean;
-    createDateObject(date: Date, format: string): any;
-    split(arr: any[], size: number): any[];
-    fixTimeZone(date: Date): Date;
-    select(date: Date, isManual?: boolean): void;
-    move(direction: number): void;
-    toggleMode(_direction: number): void;
-    protected getCustomClassForDate(date: Date): string;
-    protected compareDateDisabled(date1Disabled: {
-        date: Date;
-        mode: string;
-    }, date2: Date): number | undefined;
-    protected isDisabled(date: Date): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerInnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerInnerComponent, "datepicker-inner", never, { "locale": { "alias": "locale"; "required": false; }; "datepickerMode": { "alias": "datepickerMode"; "required": false; }; "startingDay": { "alias": "startingDay"; "required": false; }; "yearRange": { "alias": "yearRange"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minMode": { "alias": "minMode"; "required": false; }; "maxMode": { "alias": "maxMode"; "required": false; }; "showWeeks": { "alias": "showWeeks"; "required": false; }; "formatDay": { "alias": "formatDay"; "required": false; }; "formatMonth": { "alias": "formatMonth"; "required": false; }; "formatYear": { "alias": "formatYear"; "required": false; }; "formatDayHeader": { "alias": "formatDayHeader"; "required": false; }; "formatDayTitle": { "alias": "formatDayTitle"; "required": false; }; "formatMonthTitle": { "alias": "formatMonthTitle"; "required": false; }; "onlyCurrentMonth": { "alias": "onlyCurrentMonth"; "required": false; }; "shortcutPropagation": { "alias": "shortcutPropagation"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "monthColLimit": { "alias": "monthColLimit"; "required": false; }; "yearColLimit": { "alias": "yearColLimit"; "required": false; }; "dateDisabled": { "alias": "dateDisabled"; "required": false; }; "dayDisabled": { "alias": "dayDisabled"; "required": false; }; "initDate": { "alias": "initDate"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; }, { "selectionDone": "selectionDone"; "update": "update"; "activeDateChange": "activeDateChange"; }, never, ["*"], true, never>;
-}
-
-declare class DatepickerConfig {
-    locale: string;
-    datepickerMode: string;
-    startingDay: number;
-    yearRange: number;
-    minMode: string;
-    maxMode: string;
-    showWeeks: boolean;
-    formatDay: string;
-    formatMonth: string;
-    formatYear: string;
-    formatDayHeader: string;
-    formatDayTitle: string;
-    formatMonthTitle: string;
-    onlyCurrentMonth: boolean;
-    monthColLimit: number;
-    yearColLimit: number;
-    shortcutPropagation: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerConfig, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<DatepickerConfig>;
-}
-
-declare const DATEPICKER_CONTROL_VALUE_ACCESSOR: Provider;
-declare class DatePickerComponent implements ControlValueAccessor {
-    /** sets datepicker mode, supports: `day`, `month`, `year` */
-    datepickerMode: string;
-    /** default date to show if `ng-model` value is not specified */
-    initDate: Date;
-    /**  oldest selectable date */
-    minDate: Date;
-    /** latest selectable date */
-    maxDate: Date;
-    /** set lower datepicker mode, supports: `day`, `month`, `year` */
-    minMode: string;
-    /** sets upper datepicker mode, supports: `day`, `month`, `year` */
-    maxMode: string;
-    /** if false week numbers will be hidden */
-    showWeeks: boolean;
-    /** format of day in month */
-    formatDay: string;
-    /** format of month in year */
-    formatMonth: string;
-    /** format of year in year range */
-    formatYear: string;
-    /** format of day in week header */
-    formatDayHeader: string;
-    /** format of title when selecting day */
-    formatDayTitle: string;
-    /** format of title when selecting month */
-    formatMonthTitle: string;
-    /** starting day of the week from 0-6 (0=Sunday, ..., 6=Saturday) */
-    startingDay: number;
-    /** number of years displayed in year selection */
-    yearRange: number;
-    /** if true only dates from the currently displayed month will be shown */
-    onlyCurrentMonth: boolean;
-    /** if true shortcut`s event propagation will be disabled */
-    shortcutPropagation: boolean;
-    /** number of months displayed in a single row of month picker */
-    monthColLimit: number;
-    /** number of years displayed in a single row of year picker */
-    yearColLimit: number;
-    /** array of custom css classes to be applied to targeted dates */
-    customClass: {
-        date: Date;
-        mode: string;
-        clazz: string;
-    }[];
-    /** array of disabled dates */
-    dateDisabled: {
-        date: Date;
-        mode: string;
-    }[];
-    /** disabled days of the week from 0-6 (0=Sunday, ..., 6=Saturday) */
-    dayDisabled: number[];
-    /** currently active date */
-    get activeDate(): Date;
-    set activeDate(value: Date);
-    selectionDone: EventEmitter<Date>;
-    /** callback to invoke when the activeDate is changed. */
-    activeDateChange: EventEmitter<Date>;
-    _datePicker: DatePickerInnerComponent;
-    onChange: any;
-    onTouched: any;
-    config: DatepickerConfig;
-    protected _now: Date;
-    protected _activeDate: Date;
-    constructor(config: DatepickerConfig);
-    configureOptions(): void;
-    onUpdate(event: Date): void;
-    onSelectionDone(event: Date): void;
-    onActiveDateChange(event: Date): void;
-    writeValue(value: any): void;
-    registerOnChange(fn: () => void): void;
-    registerOnTouched(fn: () => void): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "datepicker", never, { "datepickerMode": { "alias": "datepickerMode"; "required": false; }; "initDate": { "alias": "initDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minMode": { "alias": "minMode"; "required": false; }; "maxMode": { "alias": "maxMode"; "required": false; }; "showWeeks": { "alias": "showWeeks"; "required": false; }; "formatDay": { "alias": "formatDay"; "required": false; }; "formatMonth": { "alias": "formatMonth"; "required": false; }; "formatYear": { "alias": "formatYear"; "required": false; }; "formatDayHeader": { "alias": "formatDayHeader"; "required": false; }; "formatDayTitle": { "alias": "formatDayTitle"; "required": false; }; "formatMonthTitle": { "alias": "formatMonthTitle"; "required": false; }; "startingDay": { "alias": "startingDay"; "required": false; }; "yearRange": { "alias": "yearRange"; "required": false; }; "onlyCurrentMonth": { "alias": "onlyCurrentMonth"; "required": false; }; "shortcutPropagation": { "alias": "shortcutPropagation"; "required": false; }; "monthColLimit": { "alias": "monthColLimit"; "required": false; }; "yearColLimit": { "alias": "yearColLimit"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "dateDisabled": { "alias": "dateDisabled"; "required": false; }; "dayDisabled": { "alias": "dayDisabled"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; }, { "selectionDone": "selectionDone"; "activeDateChange": "activeDateChange"; }, never, never, true, never>;
-}
-
-declare class DatepickerUiModule {
-    static forRoot(): ModuleWithProviders<DatepickerUiModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerUiModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DatepickerUiModule, never, [typeof DatePickerComponent], [typeof DatePickerComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DatepickerUiModule>;
-}
-
-/**
- * A simple dropdown component for selecting a single value from a flat list of options.
- * Supports keyboard navigation, custom templates, infinite scrolling, and the ability to create new options.
- * Uses Angular CDK overlay for positioning and supports both top and bottom dropdown placement.
- *
- * ### Projection slots
- * - `optionTemplate`: Custom template for rendering each option
- * - `createNewOptionTemplate`: Custom template for the "create new option" button
- * - `descriptionTemplateRef`: Custom template for additional description content
- *
- * ### Example
- * @example
- * ```html
- * <lx-basic-dropdown
- *   [options]="items"
- *   [labelKey]="'name'"
- *   [itemKey]="'id'"
- *   [placeholder]="'Select an item'"
- *   (onItemSelected)="handleSelection($event)">
- * </lx-basic-dropdown>
- * ```
- */
-declare class BasicDropdownComponent extends KeyboardSelectDirective implements AfterViewInit {
-    static isNewItem(items: any[], term: string, key?: string): boolean;
-    readonly NAME = "BasicDropdownComponent";
-    /**
-     * Array of options to display in the dropdown.
-     */
-    options: any[];
-    /**
-     * Index of the option to be selected initially.
-     * @default -1
-     */
-    initiallySelectedIndex: number;
-    /**
-     * Property name to use as the display label for each option.
-     */
-    labelKey?: string;
-    /**
-     * Property name to use as the unique identifier for each option.
-     */
-    itemKey?: string;
-    /**
-     * Placeholder text to display when no option is selected.
-     */
-    placeholder?: string;
-    /**
-     * Whether the dropdown is in a loading state.
-     * @default false
-     */
-    loading: boolean;
-    /**
-     * Label for the "create new option" functionality.
-     */
-    newOptionLabel: string;
-    /**
-     * Padding variant for the dropdown items.
-     * @default 'default'
-     */
-    padding?: SingleSelectPadding;
-    /**
-     * Whether to show the "create new option" button.
-     * @default false
-     */
-    showCreateNewOption: boolean;
-    /**
-     * Map of disabled options, keyed by the item's unique identifier.
-     */
-    disabledOptions: {
-        [itemKey: string]: any;
-    };
-    /**
-     * Whether to use CDK overlay positioning.
-     * @default false
-     */
-    overlayPositioning: boolean;
-    /**
-     * Whether to truncate long option text.
-     * @default false
-     */
-    truncateOptions: boolean;
-    /**
-     * Custom text to display when no results are found.
-     */
-    noResultsText?: string;
-    /**
-     * Event emitted when an option is selected.
-     */
-    onItemSelected: EventEmitter<any>;
-    /**
-     * Event emitted when the user scrolls to the bottom, triggering a request for more entries (infinite scroll).
-     */
-    triggerRequestForMoreEntries: EventEmitter<void>;
-    /**
-     * Event emitted when a new option label is selected (for creating new items).
-     */
-    newOptionLabelSelected: EventEmitter<string>;
-    /**
-     * Event emitted when the "create new option" button is clicked.
-     */
-    createNewOptionSelected: EventEmitter<void>;
-    optionTemplateRef: TemplateRef<any>;
-    createNewOptionTemplateRef: TemplateRef<any>;
-    descriptionTemplateRef: TemplateRef<any>;
-    selectOrigin: CdkOverlayOrigin;
-    isTopDropdown: boolean;
-    constructor();
-    selectOption(option: any): void;
-    onPositionChange(event: ConnectedOverlayPositionChange): void;
-    get isNewItem(): boolean;
-    trackByProp(index: number, pill: any): any;
-    onScroll(): void;
-    onNewItemSelected(): void;
-    onCreateNewOptionSelected(): void;
-    /**
-     * Highlights the item corresponding to the given option index, accounting for
-     * any prefix items (e.g. "Create new") that shift the internal item list.
-     */
-    selectByOptionIndex(index: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BasicDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BasicDropdownComponent, "lx-basic-dropdown", never, { "options": { "alias": "options"; "required": false; }; "initiallySelectedIndex": { "alias": "initiallySelectedIndex"; "required": false; }; "labelKey": { "alias": "labelKey"; "required": false; }; "itemKey": { "alias": "itemKey"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "newOptionLabel": { "alias": "newOptionLabel"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "showCreateNewOption": { "alias": "showCreateNewOption"; "required": false; }; "disabledOptions": { "alias": "disabledOptions"; "required": false; }; "overlayPositioning": { "alias": "overlayPositioning"; "required": false; }; "truncateOptions": { "alias": "truncateOptions"; "required": false; }; "noResultsText": { "alias": "noResultsText"; "required": false; }; }, { "onItemSelected": "onItemSelected"; "triggerRequestForMoreEntries": "triggerRequestForMoreEntries"; "newOptionLabelSelected": "newOptionLabelSelected"; "createNewOptionSelected": "createNewOptionSelected"; }, ["optionTemplateRef", "createNewOptionTemplateRef", "descriptionTemplateRef"], never, true, [{ directive: typeof i1.FioriReskinAwareDirective; inputs: {}; outputs: {}; }]>;
-}
-
-/**
- * Renders a dropdown item with label and optional description.
- * Supports text highlighting and custom styling options.
- *
- * ### Projection slots
- * - `optionLabelSuffix`: Template to append to the label (e.g., badges, icons)
- *
- * ### Example
- * @example
- * ```html
- * <lx-basic-dropdown-item
- *   label="Option Name"
- *   description="Additional details"
- *   highlightTerm="search">
- *   <ng-template #optionLabelSuffix>
- *     <span class="badge">New</span>
- *   </ng-template>
- * </lx-basic-dropdown-item>
- * ```
- */
-declare class BasicDropdownItemComponent {
-    /** The main text displayed for the dropdown item. */
-    label: string;
-    /** Optional secondary text displayed below the label. */
-    description?: string;
-    /** Term to highlight in the label and optionally in the description. */
-    highlightTerm?: string;
-    /**
-     * Font weight for the label text.
-     * @default 'bold'
-     */
-    labelFontWeight: 'bold' | 'normal';
-    /**
-     * Font style for the description text.
-     * @default 'normal'
-     */
-    descriptionFontStyle: 'italic' | 'normal';
-    /**
-     * Styling options for the description text.
-     * - `maxLines`: Maximum number of lines before truncation.
-     * - `shouldHighlightTerm`: Whether to highlight the search term in the description.
-     */
-    descriptionStyleOptions?: {
-        maxLines?: number;
-        shouldHighlightTerm?: boolean;
-    };
-    optionLabelSuffix: TemplateRef<any>;
-    get hasDescription(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BasicDropdownItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BasicDropdownItemComponent, "lx-basic-dropdown-item", never, { "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "highlightTerm": { "alias": "highlightTerm"; "required": false; }; "labelFontWeight": { "alias": "labelFontWeight"; "required": false; }; "descriptionFontStyle": { "alias": "descriptionFontStyle"; "required": false; }; "descriptionStyleOptions": { "alias": "descriptionStyleOptions"; "required": false; }; }, {}, ["optionLabelSuffix"], ["*"], true, [{ directive: typeof i1.FioriReskinAwareDirective; inputs: {}; outputs: {}; }]>;
-}
-
-interface Breadcrumb {
-    label: string;
-    ellipsed?: boolean;
-    onClick?: (breadcrumb: Breadcrumb) => void;
-}
-interface EllipsedBreadcrumb {
-    breadcrumbs: Breadcrumb[];
-}
-type ViewBreadcrumb = Breadcrumb | EllipsedBreadcrumb;
-/**
- * @deprecated Use the `ui5-breadcrumbs` instead.
- *
- * Breadcrumb component displays a list of labels showing the navigation path.
- * Supports ellipsing consecutive items into a dropdown for space efficiency.
- *
- * ### Example
- * @example
- * ```html
- * <lx-breadcrumb [breadcrumbs]="breadcrumbs"></lx-breadcrumb>
- * ```
- *
- * ```ts
- * breadcrumbs: Breadcrumb[] = [
- *   { label: 'Home', onClick: (b) => this.navigate(b) },
- *   { label: 'Products', onClick: (b) => this.navigate(b) },
- *   { label: 'Category', ellipsed: true },
- *   { label: 'Subcategory', ellipsed: true },
- *   { label: 'Item Details' }
- * ];
- * ```
- */
-declare class BreadcrumbComponent implements OnChanges {
-    /**
-     * Array of breadcrumb items to display. Consecutive items with `ellipsed: true` are grouped into a dropdown.
-     * @default []
-     */
-    breadcrumbs: Breadcrumb[];
-    /** @internal */
-    viewBreadcrumbs: ViewBreadcrumb[];
-    ngOnChanges(changes: SimpleChanges): void;
-    /** @internal */
-    isEllipsedBreadcrumb(breadcrumb: ViewBreadcrumb): breadcrumb is EllipsedBreadcrumb;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "lx-breadcrumb", never, { "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-/**
- * Displays a currency symbol based on an ISO currency code.
- *
- * Converts currency codes (e.g., 'USD', 'EUR') to their symbolic representations ($, €).
- *
- * ### Example
- * @example
- * ```html
- * <lx-currency-symbol [code]="'USD'"></lx-currency-symbol>
- * <lx-currency-symbol [code]="'EUR'"></lx-currency-symbol>
- * ```
- */
-declare class CurrencySymbolComponent implements OnInit {
-    /**
-     * ISO currency code (e.g., 'USD', 'EUR', 'GBP').
-     * Falls back to displaying the code itself if no symbol is mapped.
-     */
-    code: string | null;
-    code$: Observable<string>;
-    currency$: Observable<string>;
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CurrencySymbolComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CurrencySymbolComponent, "lx-currency-symbol", never, { "code": { "alias": "code"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-declare class FilterSelectionPipe implements PipeTransform {
-    transform(items: any[] | null | undefined, selection: any, itemKey?: string): any[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<FilterSelectionPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<FilterSelectionPipe, "lxFilterBySelection", true>;
-}
-
-declare class FilterTermPipe implements PipeTransform {
-    transform(items: any[] | null, options: {
-        term?: string | null;
-        key?: string;
-    }): any[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<FilterTermPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<FilterTermPipe, "lxFilterByTerm", true>;
-}
-
-/**
- * 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>
- * ```
- */
-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>;
-}
-
-type OptionGroupOption = {
-    value: string;
-    label: string;
-};
-/**
- * TODO: rename to something unspecific for single selects because multiselects are also supported
- */
-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>
- * ```
- */
-declare class OptionGroupDropdownComponent extends KeyboardSelectDirective {
-    /** @internal */
-    readonly NAME = "OptionGroupDropdownComponent";
-    /** @internal */
-    protected readonly fioriReskinActive: i0.WritableSignal<boolean>;
-    /**
-     * 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;
+    constructor(dir: Directionality, cdRef: ChangeDetectorRef);
     /** @internal */
-    get isNewItem(): boolean;
+    manageKeyboardEvents(event: KeyboardEvent): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     /** @internal */
-    selectOption(option: OptionGroupOption | any): void;
+    closePicker(): void;
     /** @internal */
-    trackByLabel(index: number, optionGroup: SingleSelectOptionGroup): string;
+    toggleOpen(): void;
+    private setActivePickerOption;
     /** @internal */
-    onCreateNewOption(): void;
+    writeValue(value: any): void;
     /** @internal */
-    trackByValue(_index: number, option: OptionGroupOption | any): any;
+    registerOnChange(fn: any): void;
     /** @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, [{ directive: typeof i1.FioriReskinAwareDirective; inputs: {}; outputs: {}; }]>;
+    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>;
 }
 
 /**
@@ -4293,109 +4037,146 @@ declare class PillListComponent extends KeyboardSelectDirective implements After
     static ɵcmp: i0.ɵɵComponentDeclaration<PillListComponent, "lx-pill-list", never, { "pills": { "alias": "pills"; "required": false; }; "labelKey": { "alias": "labelKey"; "required": false; }; "itemKey": { "alias": "itemKey"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "remove": "remove"; }, ["pillTemplate", "contentItems"], never, true, [{ directive: typeof i1.FioriReskinAwareDirective; inputs: {}; outputs: {}; }]>;
 }
 
+type SingleSelectSize = 'default' | 'small' | 'large';
 /**
- * This directive is supposed to be used in combination with a single-select in
- * order to mark a ng-template as the template to be rendered within the select to
- * display the currently selected option.
- *
- * Example:
+ * A dropdown component for selecting a single value from a list of options.
+ * Implements `ControlValueAccessor` for seamless integration with Angular reactive forms.
  *
- * ```
- * <lx-single-select>
- *   <ng-template lxSelectedOption>{{ someValue }}</ng-template>
- * </lx-single-select>
- * ```
- */
-declare class SelectedOptionDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SelectedOptionDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectedOptionDirective, "[lxSelectedOption]", never, {}, {}, never, never, true, never>;
-}
-
-/**
- * This directive is supposed to be used in combination with single or multi-selects.
- * It allows to mark a ng-template as the dropdown for those components.
- * The ng-template will be instantiated and "projected" whenever the dropdown is
- * opened. This has the advantage over content projection via ng-content, as it will
- * defer the initialization and rendering of the dropdown contents until the dropdown
- * is actually opened.
+ * ### Projection slots
+ * - `.selectedOption`: Displays the currently selected value in the input field
+ * - `.dropdownComponent`: Contains the dropdown (typically `lx-basic-dropdown`)
  *
- * Example:
+ * Alternatively, use `lxSelectDropdown` and `lxSelectedOption` directives on `<ng-template>`.
  *
- * ```
- * <lx-single-select>
- *   <ng-template lxSelectDropdown>
- *     <lx-basic-dropdown></lx-basic-dropdown>
- *   </ng-template>
+ * ### Example
+ * @example
+ * ```html
+ * <lx-single-select
+ *   #select
+ *   [formControl]="control"
+ *   (query)="searchTerm = $event">
+ *   <span class="selectedOption">{{ control.value?.name }}</span>
+ *   <lx-basic-dropdown
+ *     class="dropdownComponent"
+ *     [keyboardSelectAction]="select.optionsKeyboardSelectAction$"
+ *     [options]="options | lxFilterByTerm: { term: searchTerm }"
+ *     labelKey="name"
+ *     (onItemSelected)="select.selectOption($event)">
+ *   </lx-basic-dropdown>
  * </lx-single-select>
  * ```
  */
-declare class SelectDropdownDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SelectDropdownDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectDropdownDirective, "[lxSelectDropdown]", never, {}, {}, never, never, true, never>;
+declare class SingleSelectComponent extends BaseSelectDirective implements OnDestroy, AfterViewInit, ControlValueAccessor {
+    private cd;
+    /** @internal */
+    static calculateNewCursorPostionOnKeyboardNavigation(cursorPosition: number, keyCode: number): number;
+    /** @internal */
+    static getKeyboardSelectAction(cursorPosition: number, keyCode: number): KeyboardSelectAction | null;
+    /** The currently selected value. */
+    selection: any;
+    /** Background color of the selection input field. */
+    selectionBackground: 'white' | 'gray';
+    /** Size variant of the select component. */
+    size: SingleSelectSize;
+    /** @deprecated To keep different inputs aligned, we should use the default padding */
+    padding?: SingleSelectPadding;
+    /** Optional ID attribute for the input element. */
+    inputId?: string;
+    /** Whether the select field is required. */
+    required: boolean;
+    /** Whether to close the dropdown when the Tab key is pressed. */
+    closeDropdownOnTab: boolean;
+    /** Event emitted when the selection changes. */
+    selectionChange: EventEmitter<any>;
+    /** Event emitted when the input loses focus. */
+    blur: EventEmitter<FocusEvent>;
+    /** @internal */
+    explicitDropdown?: TemplateRef<any>;
+    /** @internal */
+    explicitSelectedOption?: TemplateRef<any>;
+    /** @internal */
+    private dropdownComponent?;
+    /** @internal */
+    implicitSelectedOption: TemplateRef<any>;
+    /** @internal */
+    implicitDropdown: TemplateRef<any>;
+    /** @internal */
+    get selectedOptionTmpl(): TemplateRef<any>;
+    /** @internal */
+    get dropdownTmpl(): TemplateRef<any>;
+    /** Whether to show a clear button to remove the selection. */
+    allowClear: boolean;
+    /** Tab index of the input element for keyboard navigation. */
+    tabIndex: number;
+    /** Whether to visually mark the input as invalid. */
+    markInvalid: boolean;
+    /** @internal */
+    toggleElement?: ElementRef<HTMLElement>;
+    /** @internal */
+    queryInput: ElementRef<HTMLInputElement>;
+    /** @internal */
+    readonly destroyed$: Subject<void>;
+    /** @internal */
+    isInputFocusedViaTab: boolean;
+    constructor(cd: ChangeDetectorRef);
+    /** @internal */
+    get cursorStyle(): "default" | "text" | "pointer";
+    /** @internal */
+    resetInput(): void;
+    /** @internal */
+    focus(): void;
+    /** @internal */
+    focusAndOpen(): void;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    /** @internal */
+    selectOption(option: any): void;
+    /** @internal */
+    removeSelection(): void;
+    /** @internal */
+    propagateChange(_value: any): void;
+    /** @internal */
+    writeValue(newSelection: any): void;
+    /** @internal */
+    setDisabledState(isDisabled: boolean): void;
+    /** @internal */
+    registerOnChange(fn: any): void;
+    /** @internal */
+    registerOnTouched(_fn: any): void;
+    /** @internal */
+    focusedViaTab(): void;
+    private determineHighlightIndex;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SingleSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SingleSelectComponent, "lx-single-select", never, { "selection": { "alias": "selection"; "required": false; }; "selectionBackground": { "alias": "selectionBackground"; "required": false; }; "size": { "alias": "size"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "required": { "alias": "required"; "required": false; }; "closeDropdownOnTab": { "alias": "closeDropdownOnTab"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "markInvalid": { "alias": "markInvalid"; "required": false; }; }, { "selectionChange": "selectionChange"; "blur": "blur"; }, ["explicitDropdown", "explicitSelectedOption", "dropdownComponent"], [".selectedOption", ".dropdownComponent"], true, [{ directive: typeof i1.FioriReskinAwareDirective; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_required: unknown;
 }
 
 /**
- * A toggle switch component for selecting between two states (on/off, true/false).
- * Provides a visual toggle with optional label and supports disabled states.
+ * Trigger button for the sorting dropdown.
+ * Displays the current sorting mode with a dropdown chevron icon.
  *
  * ### Example
  * @example
  * ```html
- * <lx-switch
- *   [value]="isEnabled"
- *   [label]="'Enable notifications'"
- *   [labelInFront]="true"
- *   (toggle)="handleToggle($event)">
- * </lx-switch>
+ * <lx-sorting-dropdown-trigger
+ *   label="Sort by"
+ *   currentSortingLabel="Name"
+ *   [disabled]="false">
+ * </lx-sorting-dropdown-trigger>
  * ```
  */
-declare class SwitchComponent {
-    /**
-     * Current boolean value of the switch (true for on, false for off).
-     */
-    value: boolean;
-    /**
-     * Visual size variant of the switch.
-     * @default 'small'
-     */
-    size: 'small';
+declare class SortingDropdownTriggerComponent {
+    /** Prefix label displayed before the current sorting option (e.g., "Sort by"). */
+    label: string;
+    /** Label of the currently selected sorting option. */
+    currentSortingLabel: string;
     /**
-     * Whether the switch is disabled and cannot be toggled.
+     * Whether the trigger button is disabled.
      * @default false
      */
     disabled: boolean;
-    /**
-     * Text label to display alongside the switch.
-     */
-    label: string;
-    /**
-     * Whether the label should appear before (left of) the switch.
-     * @default true
-     */
-    labelInFront: boolean;
-    /**
-     * Optional ID attribute for the switch element (prefixed with "tour" for internal use).
-     */
-    elementId?: string;
-    /**
-     * Event emitted when the switch is toggled, returning the new boolean value.
-     */
-    toggle: EventEmitter<boolean>;
-    private readonly fioriReskin;
-    /** @internal */
-    onToggle(): void;
-    /**
-     * @internal
-     * Blur the input on click in legacy mode to suppress its lingering focus
-     * ring. In Fiori reskin mode, keep focus so the SAP focus outline persists
-     * (matches ui5-switch).
-     */
-    onClickBlur(input: HTMLInputElement): void;
-    get id(): string | null;
-    /** @internal */
-    focus(checkbox: HTMLInputElement): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SwitchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwitchComponent, "lx-switch", never, { "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelInFront": { "alias": "labelInFront"; "required": false; }; "elementId": { "alias": "elementId"; "required": false; }; }, { "toggle": "toggle"; }, never, never, true, [{ directive: typeof i1.FioriReskinAwareDirective; inputs: {}; outputs: {}; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SortingDropdownTriggerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SortingDropdownTriggerComponent, "lx-sorting-dropdown-trigger", never, { "label": { "alias": "label"; "required": false; }; "currentSortingLabel": { "alias": "currentSortingLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 type SortingOrder = 'asc' | 'desc';
@@ -4450,67 +4231,69 @@ declare class SortingDropdownComponent implements OnInit {
 }
 
 /**
- * Trigger button for the sorting dropdown.
- * Displays the current sorting mode with a dropdown chevron icon.
+ * A toggle switch component for selecting between two states (on/off, true/false).
+ * Provides a visual toggle with optional label and supports disabled states.
  *
  * ### Example
  * @example
  * ```html
- * <lx-sorting-dropdown-trigger
- *   label="Sort by"
- *   currentSortingLabel="Name"
- *   [disabled]="false">
- * </lx-sorting-dropdown-trigger>
+ * <lx-switch
+ *   [value]="isEnabled"
+ *   [label]="'Enable notifications'"
+ *   [labelInFront]="true"
+ *   (toggle)="handleToggle($event)">
+ * </lx-switch>
  * ```
  */
-declare class SortingDropdownTriggerComponent {
-    /** Prefix label displayed before the current sorting option (e.g., "Sort by"). */
-    label: string;
-    /** Label of the currently selected sorting option. */
-    currentSortingLabel: string;
+declare class SwitchComponent {
     /**
-     * Whether the trigger button is disabled.
+     * Current boolean value of the switch (true for on, false for off).
+     */
+    value: boolean;
+    /**
+     * Visual size variant of the switch.
+     * @default 'small'
+     */
+    size: 'small';
+    /**
+     * Whether the switch is disabled and cannot be toggled.
      * @default false
      */
     disabled: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SortingDropdownTriggerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SortingDropdownTriggerComponent, "lx-sorting-dropdown-trigger", never, { "label": { "alias": "label"; "required": false; }; "currentSortingLabel": { "alias": "currentSortingLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-/**
- * 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>
- * ```
- */
-declare class ErrorMessageComponent {
-    /** Signal for setting error message programmatically. */
-    readonly dynamicErrorMessage: i0.WritableSignal<string>;
-    private readonly wrapper;
-    protected computedErrorMessage: i0.Signal<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ErrorMessageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ErrorMessageComponent, "lx-error-message", never, {}, {}, never, ["*"], true, never>;
-}
-
-declare const FORMS_MODULE_EXPORTS: (typeof SelectableItemDirective | typeof KeyboardActionSourceDirective | typeof OptionComponent | typeof CdkOptionsDropdownComponent | typeof CdkOptionsSubDropdownComponent | typeof MarkInvalidDirective | typeof CurrencyInputComponent | typeof DateInputComponent | typeof LxDragAndDropListModule | typeof InputComponent | typeof MultiSelectComponent | typeof OptionsDropdownComponent | typeof OptionsSubDropdownComponent | typeof PickerOptionComponent | typeof PickerTriggerDirective | typeof PickerComponent | typeof SingleSelectComponent | typeof ContenteditableDirective | typeof FormSubmitDirective | typeof FormErrorDirective | typeof FormatNumberPipe)[];
-declare class LxFormsModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LxFormsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LxFormsModule, never, [typeof i1$1.CommonModule, typeof i2$1.FormsModule, typeof i2$1.ReactiveFormsModule, typeof i3.TranslateModule, typeof DatepickerUiModule, typeof i5.InfiniteScrollModule, typeof i6.ClipboardModule, typeof _angular_cdk_overlay.OverlayModule, typeof LxDragAndDropListModule, typeof BasicDropdownComponent, typeof BasicDropdownItemComponent, typeof BreadcrumbComponent, typeof CurrencyInputComponent, typeof CurrencySymbolComponent, typeof DateInputComponent, typeof FilterSelectionPipe, typeof FilterTermPipe, typeof FormErrorComponent, typeof KeyboardActionSourceDirective, typeof MarkInvalidDirective, typeof MultiSelectComponent, typeof OptionComponent, typeof OptionGroupComponent, typeof OptionGroupDropdownComponent, typeof OptionsDropdownComponent, typeof OptionsSubDropdownComponent, typeof CdkOptionsDropdownComponent, typeof CdkOptionsSubDropdownComponent, typeof PickerComponent, typeof PickerOptionComponent, typeof PickerTriggerDirective, typeof PillListComponent, typeof PillItemComponent, typeof ResponsiveInputComponent, typeof SelectableItemDirective, typeof SelectedOptionDirective, typeof SelectDropdownDirective, typeof SingleSelectComponent, typeof SwitchComponent, typeof SortingDropdownComponent, typeof SortingDropdownTriggerComponent, typeof InputComponent, typeof FormatNumberPipe, typeof FormErrorDirective, typeof ErrorMessageComponent, typeof FormSubmitDirective, typeof ContenteditableDirective], [typeof BasicDropdownComponent, typeof BasicDropdownItemComponent, typeof BreadcrumbComponent, typeof CurrencyInputComponent, typeof CurrencySymbolComponent, typeof DateInputComponent, typeof FilterSelectionPipe, typeof FilterTermPipe, typeof FormErrorComponent, typeof KeyboardActionSourceDirective, typeof MarkInvalidDirective, typeof MultiSelectComponent, typeof OptionComponent, typeof OptionGroupComponent, typeof OptionGroupDropdownComponent, typeof OptionsDropdownComponent, typeof OptionsSubDropdownComponent, typeof CdkOptionsDropdownComponent, typeof CdkOptionsSubDropdownComponent, typeof PickerComponent, typeof PickerOptionComponent, typeof PickerTriggerDirective, typeof PillListComponent, typeof PillItemComponent, typeof ResponsiveInputComponent, typeof SelectableItemDirective, typeof SelectDropdownDirective, typeof SelectedOptionDirective, typeof SingleSelectComponent, typeof SwitchComponent, typeof SortingDropdownComponent, typeof SortingDropdownTriggerComponent, typeof FormatNumberPipe, typeof FormErrorDirective, typeof FormSubmitDirective, typeof ErrorMessageComponent, typeof LxDragAndDropListModule, typeof ContenteditableDirective, typeof InputComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LxFormsModule>;
+    /**
+     * Text label to display alongside the switch.
+     */
+    label: string;
+    /**
+     * Whether the label should appear before (left of) the switch.
+     * @default true
+     */
+    labelInFront: boolean;
+    /**
+     * Optional ID attribute for the switch element (prefixed with "tour" for internal use).
+     */
+    elementId?: string;
+    /**
+     * Event emitted when the switch is toggled, returning the new boolean value.
+     */
+    toggle: EventEmitter<boolean>;
+    private readonly fioriReskin;
+    /** @internal */
+    onToggle(): void;
+    /**
+     * @internal
+     * Blur the input on click in legacy mode to suppress its lingering focus
+     * ring. In Fiori reskin mode, keep focus so the SAP focus outline persists
+     * (matches ui5-switch).
+     */
+    onClickBlur(input: HTMLInputElement): void;
+    get id(): string | null;
+    /** @internal */
+    focus(checkbox: HTMLInputElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SwitchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwitchComponent, "lx-switch", never, { "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelInFront": { "alias": "labelInFront"; "required": false; }; "elementId": { "alias": "elementId"; "required": false; }; }, { "toggle": "toggle"; }, never, never, true, [{ directive: typeof i1.FioriReskinAwareDirective; inputs: {}; outputs: {}; }]>;
 }
 
-declare const CURRENCY_SYMBOL_MAP: {
-    [key: string]: string;
-};
-
 type OutputFormat = 'json' | 'markdown';
 type RichTextEditorFeature = 'Heading' | 'Bold' | 'Italic' | 'Underline' | 'Strike' | 'List' | 'TextAlign' | 'Code' | 'Link' | 'Table' | 'Truncate' | 'HighlightTerm' | 'Caption';
 
@@ -4676,6 +4459,109 @@ declare class RemoveMarkdownPipe implements PipeTransform {
 }
 declare function markdownToText(md: string): string;
 
+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$: 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>;
+}
+
+declare class ContenteditableDirective implements OnChanges {
+    private elRef;
+    private sanitizer;
+    /** Model */
+    lxContenteditableModel: string;
+    lxContenteditableModelChange: EventEmitter<string>;
+    /** Allow (sanitized) html */
+    lxContenteditableHtml: boolean | 'trim';
+    lxContenteditableHtmlPaste: boolean;
+    private emittedValue;
+    constructor(elRef: ElementRef<HTMLElement>, sanitizer: DomSanitizer);
+    ngOnChanges(changes: SimpleChanges): void;
+    onInput(initialInlineData?: boolean): void;
+    /**
+     * @param event {ClipboardEvent}
+     */
+    onPaste(event: any): void;
+    onDrop(event: MouseEvent): boolean;
+    private cleanContent;
+    private refreshView;
+    private getProperty;
+    private sanitize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContenteditableDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ContenteditableDirective, "[lxContenteditableModel]", never, { "lxContenteditableModel": { "alias": "lxContenteditableModel"; "required": false; }; "lxContenteditableHtml": { "alias": "lxContenteditableHtml"; "required": false; }; "lxContenteditableHtmlPaste": { "alias": "lxContenteditableHtmlPaste"; "required": false; }; }, { "lxContenteditableModelChange": "lxContenteditableModelChange"; }, never, never, true, never>;
+}
+
+declare class FormSubmitDirective implements OnDestroy {
+    private elementRef;
+    submitted$: BehaviorSubject<boolean>;
+    private subscription;
+    constructor(elementRef: ElementRef);
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormSubmitDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FormSubmitDirective, "form", never, {}, {}, never, never, true, never>;
+}
+
+type FormControlErrorDisplayStrategy = (obj: {
+    control: AbstractControl;
+    submitted?: boolean;
+}) => boolean;
+declare const FORM_CONTROL_ERROR_NAMESPACE: InjectionToken<string>;
+declare const FORM_CONTROL_ERROR_DISPLAY_STRATEGY: InjectionToken<FormControlErrorDisplayStrategy>;
+declare const provideFormControlErrorNamespace: (namespace: string) => {
+    provide: InjectionToken<string>;
+    useValue: string;
+};
+declare const provideFormControlErrorDisplayStrategy: (fn: FormControlErrorDisplayStrategy) => {
+    provide: InjectionToken<FormControlErrorDisplayStrategy>;
+    useValue: FormControlErrorDisplayStrategy;
+};
+declare class FormErrorDirective implements OnInit {
+    private viewContainer;
+    private componentFactoryResolver;
+    private translateService;
+    private destroyRef;
+    private ngControl?;
+    private formSubmitDirective?;
+    private namespace?;
+    private strategy?;
+    ctrl?: AbstractControl | '';
+    controlName?: string;
+    private ref?;
+    private get control();
+    private get name();
+    private get formSubmitted();
+    constructor(viewContainer: ViewContainerRef, componentFactoryResolver: ComponentFactoryResolver, translateService: TranslateService, destroyRef: DestroyRef, ngControl?: NgControl | undefined, formSubmitDirective?: FormSubmitDirective | undefined, namespace?: string | undefined, strategy?: FormControlErrorDisplayStrategy | undefined);
+    ngOnInit(): void;
+    private buildTranslationKey;
+    private setError;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormErrorDirective, [null, null, null, null, { optional: true; self: true; }, { optional: true; host: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FormErrorDirective, "[lxFormError]", never, { "ctrl": { "alias": "lxFormError"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class MarkInvalidDirective implements OnInit, OnDestroy {
+    private element;
+    private renderer;
+    lxMarkInvalid: boolean;
+    lxMarkInvalid$: Observable<boolean>;
+    readonly destroyed$: Subject<void>;
+    constructor(element: ElementRef<HTMLElement>, renderer: Renderer2);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MarkInvalidDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MarkInvalidDirective, "[lxMarkInvalid]", never, { "lxMarkInvalid": { "alias": "lxMarkInvalid"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 declare class MaxLengthCounterDirective implements OnInit, OnDestroy {
     private el;
     private renderer;
@@ -4699,6 +4585,59 @@ declare class MaxLengthCounterDirective implements OnInit, OnDestroy {
     static ɵdir: i0.ɵɵDirectiveDeclaration<MaxLengthCounterDirective, "[lxMaxLengthCounter]", never, { "lxMaxLengthCounter": { "alias": "lxMaxLengthCounter"; "required": false; }; "lxMaxLengthCounterRef": { "alias": "lxMaxLengthCounterRef"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * This directive is supposed to be used in combination with single or multi-selects.
+ * It allows to mark a ng-template as the dropdown for those components.
+ * The ng-template will be instantiated and "projected" whenever the dropdown is
+ * opened. This has the advantage over content projection via ng-content, as it will
+ * defer the initialization and rendering of the dropdown contents until the dropdown
+ * is actually opened.
+ *
+ * Example:
+ *
+ * ```
+ * <lx-single-select>
+ *   <ng-template lxSelectDropdown>
+ *     <lx-basic-dropdown></lx-basic-dropdown>
+ *   </ng-template>
+ * </lx-single-select>
+ * ```
+ */
+declare class SelectDropdownDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectDropdownDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectDropdownDirective, "[lxSelectDropdown]", never, {}, {}, never, never, true, never>;
+}
+
+declare class SelectableItemDirective implements DropdownItem {
+    readonly element: ElementRef<HTMLElement>;
+    scrollInContainer: HTMLElement;
+    lxSelectableItem: any;
+    select: EventEmitter<any>;
+    get item(): any;
+    constructor(element: ElementRef<HTMLElement>);
+    scrollToItem(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectableItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectableItemDirective, "[lxSelectableItem]", never, { "scrollInContainer": { "alias": "scrollInContainer"; "required": false; }; "lxSelectableItem": { "alias": "lxSelectableItem"; "required": false; }; }, { "select": "select"; }, never, never, true, never>;
+}
+
+/**
+ * This directive is supposed to be used in combination with a single-select in
+ * order to mark a ng-template as the template to be rendered within the select to
+ * display the currently selected option.
+ *
+ * Example:
+ *
+ * ```
+ * <lx-single-select>
+ *   <ng-template lxSelectedOption>{{ someValue }}</ng-template>
+ * </lx-single-select>
+ * ```
+ */
+declare class SelectedOptionDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectedOptionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectedOptionDirective, "[lxSelectedOption]", never, {}, {}, never, never, true, never>;
+}
+
 /**
  * map Font Awesome -> SAP icons
  * [0]: regular icon
@@ -4736,6 +4675,42 @@ interface KeyboardNavigationEvents {
 declare function getKeyboardNavigationEvents(sourceElement: HTMLElement, destroyed$: Observable<void>): KeyboardNavigationEvents;
 declare function stopKeyboardEventPropagation(evt: Event): void;
 
+declare class FilterSelectionPipe implements PipeTransform {
+    transform(items: any[] | null | undefined, selection: any, itemKey?: string): any[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterSelectionPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<FilterSelectionPipe, "lxFilterBySelection", true>;
+}
+
+declare class FilterTermPipe implements PipeTransform {
+    transform(items: any[] | null, options: {
+        term?: string | null;
+        key?: string;
+    }): any[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterTermPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<FilterTermPipe, "lxFilterByTerm", true>;
+}
+
+/**
+ * Reformats numbers into a short format.
+ * @example {{ 1000 | lxFormatNumber | async }} prints 1K
+ *
+ * If the parameter currency is set, a currency sign is inserted based on the value and the current locale.
+ * In this case, the pipe must be used with an innerHtml attribute.
+ * @example [innerHtml]="1000 | lxFormatNumber: 'USD' | async" prints $1K
+ */
+declare class FormatNumberPipe implements PipeTransform {
+    private getLocale;
+    constructor(getLocale: Function);
+    transform(number: number | undefined | null, currency?: string): Observable<string | null>;
+    /**
+     * Use custom currency symbol, when the currency in the formated number doesn't match the
+     * symbol in the CURRENCY_SYMBOL_MAP.
+     */
+    private getFormatedCurrency;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormatNumberPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<FormatNumberPipe, "lxFormatNumber", true>;
+}
+
 /**
  * Due to limitations of the native html datepicker this validator is needed:
  * In the datepicker the min and max values only apply if the date is altered e.g. via scrolling.
@@ -5312,5 +5287,5 @@ declare class TabGroupComponent implements OnChanges, AfterContentInit, OnDestro
     static ɵcmp: i0.ɵɵComponentDeclaration<TabGroupComponent, "lx-tab-group", never, { "isCentered": { "alias": "isCentered"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; }, { "indexChange": "indexChange"; }, ["tabsQueryList"], ["*"], true, [{ directive: typeof i1.FioriReskinAwareDirective; inputs: {}; outputs: {}; }]>;
 }
 
-export { ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, AVATAR_COLORS, AVATAR_SIZE_MAPPING, AfterViewInitDirective, AngularNodeViewComponent, AngularNodeViewRenderer, AutocloseDirective, AutocloseGroupService, AutofocusDirective, AvatarComponent, AvatarGroupComponent, BACKSPACE, BadgeComponent, BannerComponent, BaseSelectDirective, BasicDropdownComponent, BasicDropdownItemComponent, BrPipe, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CORE_MODULE_EXPORTS, CURRENCY_SYMBOL_MAP, CardComponent, CdkOptionsDropdownComponent, CdkOptionsSubDropdownComponent, CollapsibleComponent, ContenteditableDirective, ContrastColorPipe, CounterComponent, CurrencyInputComponent, CurrencySymbolComponent, CustomDatePipe, DATEPICKER_CONTROL_VALUE_ACCESSOR, DATE_FN_LOCALE, DATE_FORMATS, DEFAULT_IMAGE_ID, DateFormatter, DateInputComponent, DatePickerComponent, DatepickerConfig, DatepickerUiModule, DragAndDropListComponent, DragAndDropListItemComponent, END, ENTER, ESCAPE, EllipsisComponent, EmptyStateComponent, ErrorMessageComponent, FORMS_MODULE_EXPORTS, FORM_CONTROL_ERROR_DISPLAY_STRATEGY, FORM_CONTROL_ERROR_NAMESPACE, FaToSapIconPipe, FilterSelectionPipe, FilterTermPipe, FocusEditorDirective, FormErrorComponent, FormErrorDirective, FormSubmitDirective, FormatNumberPipe, GLOBAL_TRANSLATION_OPTIONS, HOME, HighlightRangePipe, HighlightTermDirective, HighlightTermPipe, ICON_MAP, IMAGE_READER, InputComponent, KeyboardActionSourceDirective, KeyboardSelectAction, KeyboardSelectDirective, KeyboardSortableItemDirective, KeyboardSortableListDirective, LOCALE_FN, LX_ELLIPSIS_DEBOUNCE_ON_RESIZE, LxCoreUiModule, LxDragAndDropListModule, LxFormsModule, LxIsUuidPipe, LxLinkifyPipe, LxTimeAgo, LxTranslatePipe, LxUnlinkifyPipe, MODAL_CLOSE, MarkInvalidDirective, MarkdownPipe, MaxLengthCounterDirective, ModalCloseClickLocation, ModalComponent, ModalContentDirective, ModalFooterComponent, ModalHeaderComponent, MultiSelectComponent, NbspPipe, OptionComponent, OptionGroupComponent, OptionGroupDropdownComponent, OptionsDropdownComponent, OptionsSubDropdownComponent, PageHeaderComponent, PickerComponent, PickerOptionComponent, PickerTriggerDirective, PillItemComponent, PillListComponent, PlaceholderDirective, PopoverClickDirective, PopoverComponent, PopoverContentDirective, PopoverHoverDirective, RELEVANCE_SORTING_KEY, RemoveMarkdownPipe, ResizeObserverService, ResponsiveInputComponent, RichTextEditorComponent, SPACE, SelectDropdownDirective, SelectableItemDirective, SelectedOptionDirective, SingleSelectComponent, SkeletonComponent, SortPipe, Sorting, SortingDropdownComponent, SortingDropdownTriggerComponent, SpinnerComponent, StepperComponent, SwitchComponent, TAB, TabComponent, TabGroupComponent, TableComponent, TableHeaderComponent, TipTapEditorDirective, TokenComponent, TokenizerComponent, TokenizerOverflowPopoverComponent, TooltipComponent, TooltipDirective, TrackingDirective, TranslationAfterPipe, TranslationBeforePipe, TranslationBetweenPipe, TruncateDirective, UnescapeCurlyBracesPipe, ValidateDateInForeseeableFuture, ValidateStringNotInArray, ValidateStringNotInArrayAsync, argsToInterpolatedTemplate, getContrastColor, getInitialsUrl, getKeyboardNavigationEvents, getSapIcon, getTranslationParts, highlightText, isValidHexColor, isValidX, isValidY, markdownToText, provideFormControlErrorDisplayStrategy, provideFormControlErrorNamespace, shorthandHexHandle, stopKeyboardEventPropagation };
+export { ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, AVATAR_COLORS, AVATAR_SIZE_MAPPING, AfterViewInitDirective, AngularNodeViewComponent, AngularNodeViewRenderer, AutocloseDirective, AutocloseGroupService, AutofocusDirective, AvatarComponent, AvatarGroupComponent, BACKSPACE, BadgeComponent, BannerComponent, BaseSelectDirective, BasicDropdownComponent, BasicDropdownItemComponent, BrPipe, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CORE_MODULE_EXPORTS, CURRENCY_SYMBOL_MAP, CardComponent, CdkOptionsDropdownComponent, CdkOptionsSubDropdownComponent, CollapsibleComponent, ContenteditableDirective, ContrastColorPipe, CounterComponent, CurrencyInputComponent, CurrencySymbolComponent, CustomDatePipe, DATEPICKER_CONTROL_VALUE_ACCESSOR, DATE_FN_LOCALE, DATE_FORMATS, DEFAULT_IMAGE_ID, DateFormatter, DateInputComponent, DatePickerComponent, DatepickerConfig, DragAndDropListComponent, DragAndDropListItemComponent, END, ENTER, ESCAPE, EllipsisComponent, EmptyStateComponent, ErrorMessageComponent, FORM_CONTROL_ERROR_DISPLAY_STRATEGY, FORM_CONTROL_ERROR_NAMESPACE, FaToSapIconPipe, FilterSelectionPipe, FilterTermPipe, FocusEditorDirective, FormErrorComponent, FormErrorDirective, FormSubmitDirective, FormatNumberPipe, GLOBAL_TRANSLATION_OPTIONS, HOME, HighlightRangePipe, HighlightTermDirective, HighlightTermPipe, ICON_MAP, IMAGE_READER, InputComponent, KeyboardActionSourceDirective, KeyboardSelectAction, KeyboardSelectDirective, KeyboardSortableItemDirective, KeyboardSortableListDirective, LOCALE_FN, LX_ELLIPSIS_DEBOUNCE_ON_RESIZE, LxCoreUiModule, LxIsUuidPipe, LxLinkifyPipe, LxTimeAgo, LxTranslatePipe, LxUnlinkifyPipe, MODAL_CLOSE, MarkInvalidDirective, MarkdownPipe, MaxLengthCounterDirective, ModalCloseClickLocation, ModalComponent, ModalContentDirective, ModalFooterComponent, ModalHeaderComponent, MultiSelectComponent, NbspPipe, OptionComponent, OptionGroupComponent, OptionGroupDropdownComponent, OptionsDropdownComponent, OptionsSubDropdownComponent, PageHeaderComponent, PickerComponent, PickerOptionComponent, PickerTriggerDirective, PillItemComponent, PillListComponent, PlaceholderDirective, PopoverClickDirective, PopoverComponent, PopoverContentDirective, PopoverHoverDirective, RELEVANCE_SORTING_KEY, RemoveMarkdownPipe, ResizeObserverService, ResponsiveInputComponent, RichTextEditorComponent, SPACE, SelectDropdownDirective, SelectableItemDirective, SelectedOptionDirective, SingleSelectComponent, SkeletonComponent, SortPipe, Sorting, SortingDropdownComponent, SortingDropdownTriggerComponent, SpinnerComponent, StepperComponent, SwitchComponent, TAB, TabComponent, TabGroupComponent, TableComponent, TableHeaderComponent, TipTapEditorDirective, TokenComponent, TokenizerComponent, TokenizerOverflowPopoverComponent, TooltipComponent, TooltipDirective, TrackingDirective, TranslationAfterPipe, TranslationBeforePipe, TranslationBetweenPipe, TruncateDirective, UnescapeCurlyBracesPipe, ValidateDateInForeseeableFuture, ValidateStringNotInArray, ValidateStringNotInArrayAsync, argsToInterpolatedTemplate, getContrastColor, getInitialsUrl, getKeyboardNavigationEvents, getSapIcon, getTranslationParts, highlightText, isValidHexColor, isValidX, isValidY, markdownToText, provideFormControlErrorDisplayStrategy, provideFormControlErrorNamespace, shorthandHexHandle, stopKeyboardEventPropagation };
 export type { ArgsToInterpolatedTemplateOptions, Breadcrumb, CurrencyIconPosition, CurrencyInputMode, DateFormatsProvider, DateInputRenderingStyle, DecimalSeparator, DragAndDropListAction, DragAndDropListActionEvent, DragAndDropListMoveEvent, DragAndDropListMoveIndexEvent, EventSet, ExtensionFactory, FormControlErrorDisplayStrategy, GlobalTranslationOptionsProvider, HighlightTermSearchOptions, HighlightTextSettings, ImageReader, KeyboardNavigationEvents, LxResizeObserverCallback, MultiSelectRemoveItemEvent, MultiSelectSize, OptionGroupOption, OrderOption, PopoverTriggerDirective, SingleSelectOptionGroup, SingleSelectPadding, SingleSelectSize, SortingOptions, SortingOrder, TooltipPosition, TranslationOptions, User, UserAvatarSize };