@siemens/element-ng 47.2.0 → 47.3.0

package/pills-input/si-pills-input.component.d.ts

@@ -0,0 +1,87 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { SiFormItemControl } from '@siemens/element-ng/form';
+import * as i0 from "@angular/core";
+export declare class SiPillsInputComponent implements OnInit, ControlValueAccessor, SiFormItemControl {
+    private static idCounter;
+    /**
+     * The identifier of the pills-input. Will be generated if not provided.
+     *
+     * @defaultValue
+     * ```
+     * `__si-pills-input-${SiPillsInputComponent.idCounter++}`
+     * ```
+     */
+    readonly id: import("@angular/core").InputSignal<string>;
+    /**
+     * The aria-label for the inner input where users enter new items.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_PILLS_INPUT.INPUT_ELEMENT_ARIA_LABEL:Create item`
+     * ```
+     */
+    readonly inputElementAriaLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Whether the pills-input is disabled.
+     *
+     * @defaultValue false
+     */
+    readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether the pills-input is readonly
+     *
+     * @defaultValue false
+     */
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** The placeholder to be shown if no value is currently present. */
+    readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * @defaultValue
+     * ```
+     * `${this.id()}-label`
+     * ```
+     */
+    readonly labelledby: import("@angular/core").InputSignal<string>;
+    /** @internal */
+    readonly errormessageId: string;
+    protected inputValue: string;
+    protected onTouched: () => void;
+    protected onChange: (val: any) => void;
+    protected readonly pills: import("@angular/core").WritableSignal<string[]>;
+    protected readonly activePillIndex: import("@angular/core").WritableSignal<number | undefined>;
+    protected readonly inputId: import("@angular/core").Signal<string>;
+    protected readonly disabled: import("@angular/core").Signal<boolean>;
+    protected readonly activeDescendant: import("@angular/core").Signal<string | null>;
+    protected readonly tabindex: import("@angular/core").Signal<0 | -1 | undefined>;
+    private readonly inputElement;
+    private readonly disabledNgControl;
+    private siPillsInputValueHandlerDirective;
+    private readonly cdRef;
+    private readonly elementRef;
+    ngOnInit(): void;
+    protected input(): void;
+    protected click(): void;
+    protected blur(): void;
+    protected keydownEnter(event: Event): void;
+    protected keydownBackspace(event: Event): void;
+    protected remove(index: number, focus?: boolean): void;
+    private rebuildValue;
+    protected arrowLeft(): void;
+    protected arrowRight(): void;
+    protected delete(): void;
+    /** @internal */
+    registerOnChange(fn: any): void;
+    /** @internal */
+    registerOnTouched(fn: () => void): void;
+    /** @internal */
+    setDisabledState(isDisabled: boolean): void;
+    /** @internal */
+    writeValue(value?: string[] | null): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiPillsInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiPillsInputComponent, "si-pills-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "inputElementAriaLabel": { "alias": "inputElementAriaLabel"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "labelledby": { "alias": "labelledby"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/pills-input/si-pills-input.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-pills-input.component";
+import * as i2 from "./si-pills-input-csv.directive";
+import * as i3 from "./si-pills-input-email.directive";
+export declare class SiPillsInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiPillsInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiPillsInputModule, never, [typeof i1.SiPillsInputComponent, typeof i2.SiPillsInputCsvDirective, typeof i3.SiPillsInputEmailDirective], [typeof i1.SiPillsInputComponent, typeof i2.SiPillsInputCsvDirective, typeof i3.SiPillsInputEmailDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiPillsInputModule>;
+}

package/popover/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-popover.directive';
+export * from './si-popover.module';

package/popover/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/siemens-element-ng-popover.mjs"
+}

package/popover/si-popover.component.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
+import { ElementRef, OnInit, TemplateRef } from '@angular/core';
+import { OverlayArrowPosition } from '@siemens/element-ng/common';
+import * as i0 from "@angular/core";
+export declare class PopoverComponent implements OnInit {
+    readonly popover: import("@angular/core").InputSignal<string | TemplateRef<any> | undefined>;
+    /** @defaultValue '' */
+    readonly popoverTitle: import("@angular/core").InputSignal<string>;
+    /** @defaultValue '' */
+    readonly containerClass: import("@angular/core").InputSignal<string>;
+    readonly icon: import("@angular/core").InputSignal<string | undefined>;
+    readonly popoverContext: import("@angular/core").InputSignal<unknown>;
+    protected readonly positionClass: import("@angular/core").WritableSignal<string>;
+    protected readonly arrowPos: import("@angular/core").WritableSignal<OverlayArrowPosition | undefined>;
+    protected popoverTemplate: TemplateRef<any> | null;
+    private elementRef;
+    ngOnInit(): void;
+    /** @internal */
+    updateArrow(change: ConnectedOverlayPositionChange, anchor?: ElementRef): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopoverComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "si-popover", never, { "popover": { "alias": "popover"; "required": false; "isSignal": true; }; "popoverTitle": { "alias": "popoverTitle"; "required": false; "isSignal": true; }; "containerClass": { "alias": "containerClass"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "popoverContext": { "alias": "popoverContext"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/popover/si-popover.directive.d.ts

@@ -0,0 +1,89 @@
+import { OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SiPopoverDirective implements OnInit, OnDestroy {
+    /**
+     * The popover text to be displayed
+     */
+    readonly siPopover: import("@angular/core").InputSignal<string | TemplateRef<any> | undefined>;
+    /**
+     * The placement of the popover. One of 'top', 'start', end', 'bottom'
+     *
+     * @defaultValue 'auto'
+     */
+    readonly placement: import("@angular/core").InputSignal<"auto" | "start" | "end" | "top" | "bottom">;
+    readonly placementInternal: import("@angular/core").Signal<"auto" | "start" | "end" | "top" | "bottom">;
+    /**
+     * The trigger event(s) on which the popover shall be displayed.
+     * Applications can pass multiple triggers separated by space.
+     * Supported events are 'click', 'hover' and 'focus'.
+     *
+     * **Limitations:**
+     * Safari browsers do not raise a 'focus' event on host element click and 'focus'
+     * on tab key has to be enabled in the advanced browser settings.
+     *
+     * @defaultValue 'click'
+     */
+    readonly triggers: import("@angular/core").InputSignal<string>;
+    /**
+     * The title to be displayed on top for the popover
+     *
+     * @defaultValue ''
+     */
+    readonly popoverTitle: import("@angular/core").InputSignal<string>;
+    /**
+     * The class that will be applied to container of the popover
+     *
+     * @defaultValue ''
+     */
+    readonly containerClass: import("@angular/core").InputSignal<string>;
+    /**
+     * The flag determines whether to close popover on clicking outside
+     *
+     * @defaultValue true
+     */
+    readonly outsideClick: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The icon to be displayed besides popover title
+     */
+    readonly icon: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Specify whether or not the popover is currently shown
+     *
+     * @defaultValue false
+     */
+    readonly isOpen: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * The context for the attached template
+     */
+    readonly popoverContext: import("@angular/core").InputSignal<unknown>;
+    /**
+     * Emits an event when the popover is shown
+     */
+    readonly shown: import("@angular/core").OutputEmitterRef<void>;
+    /**
+     * Emits an event when the popover is hidden
+     */
+    readonly hidden: import("@angular/core").OutputEmitterRef<void>;
+    private overlayref?;
+    private overlay;
+    private elementRef;
+    private destroyer;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Displays popover and emits 'shown' event.
+     */
+    show(): void;
+    /**
+     * Hides the popover and emits 'hidden' event.
+     */
+    hide(): void;
+    /**
+     * Updates the position of the popover based on the position strategy.
+     */
+    updatePosition(): void;
+    protected onTrigger(trigger: string): void;
+    protected focusOut(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiPopoverDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiPopoverDirective, "[siPopover]", ["si-popover"], { "siPopover": { "alias": "siPopover"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "triggers": { "alias": "triggers"; "required": false; "isSignal": true; }; "popoverTitle": { "alias": "popoverTitle"; "required": false; "isSignal": true; }; "containerClass": { "alias": "containerClass"; "required": false; "isSignal": true; }; "outsideClick": { "alias": "outsideClick"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "popoverContext": { "alias": "popoverContext"; "required": false; "isSignal": true; }; }, { "shown": "shown"; "hidden": "hidden"; }, never, never, true, never>;
+}

package/popover/si-popover.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-popover.directive";
+export declare class SiPopoverModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiPopoverModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiPopoverModule, never, [typeof i1.SiPopoverDirective], [typeof i1.SiPopoverDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiPopoverModule>;
+}

package/popover-next/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-popover-next.directive';
+export * from './si-popover-title.directive';
+export * from './si-popover-description.directive';

package/popover-next/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/siemens-element-ng-popover-next.mjs"
+}

package/popover-next/si-popover-description.directive.d.ts

@@ -0,0 +1,7 @@
+import { PopoverComponent } from './si-popover.component';
+import * as i0 from "@angular/core";
+export declare class SiPopoverDescriptionDirective {
+    readonly popover: PopoverComponent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiPopoverDescriptionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiPopoverDescriptionDirective, "si-popover-description", never, {}, {}, never, never, true, never>;
+}

package/popover-next/si-popover-next.directive.d.ts

@@ -0,0 +1,61 @@
+import { OnDestroy, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SiPopoverNextDirective implements OnDestroy {
+    private static idCounter;
+    /**
+     * The popover text to be displayed
+     */
+    readonly siPopoverNext: import("@angular/core").InputSignal<string | TemplateRef<unknown> | undefined>;
+    /**
+     * The placement of the popover. One of 'top', 'start', end', 'bottom'
+     *
+     * @defaultValue 'auto'
+     */
+    readonly placement: import("@angular/core").InputSignal<"auto" | "start" | "end" | "top" | "bottom">;
+    readonly placementInternal: import("@angular/core").Signal<"auto" | "start" | "end" | "top" | "bottom">;
+    /**
+     * The title to be displayed on top for the popover
+     */
+    readonly popoverTitle: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * The class that will be applied to container of the popover
+     *
+     * @defaultValue ''
+     */
+    readonly containerClass: import("@angular/core").InputSignal<string>;
+    /**
+     * The icon to be displayed besides popover title
+     */
+    readonly icon: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * The context for the attached template
+     */
+    readonly popoverContext: import("@angular/core").InputSignal<unknown>;
+    /**
+     * Emits an event when the popover is shown/hidden
+     */
+    readonly visibilityChange: import("@angular/core").OutputEmitterRef<void>;
+    readonly popoverCounter: number;
+    readonly popoverId: string;
+    protected readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+    private overlayref?;
+    private overlay;
+    private elementRef;
+    private destroyer;
+    ngOnDestroy(): void;
+    /**
+     * Displays popover and emits 'shown' event.
+     */
+    show(): void;
+    /**
+     * Hides the popover and emits 'hidden' event.
+     */
+    hide(): void;
+    /**
+     * Updates the position of the popover based on the position strategy.
+     */
+    updatePosition(): void;
+    protected onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiPopoverNextDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiPopoverNextDirective, "[siPopoverNext]", ["si-popover-next"], { "siPopoverNext": { "alias": "siPopoverNext"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "popoverTitle": { "alias": "popoverTitle"; "required": false; "isSignal": true; }; "containerClass": { "alias": "containerClass"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "popoverContext": { "alias": "popoverContext"; "required": false; "isSignal": true; }; }, { "visibilityChange": "visibilityChange"; }, never, never, true, never>;
+}

package/popover-next/si-popover-title.directive.d.ts

@@ -0,0 +1,7 @@
+import { PopoverComponent } from './si-popover.component';
+import * as i0 from "@angular/core";
+export declare class SiPopoverTitleDirective {
+    readonly popover: PopoverComponent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiPopoverTitleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiPopoverTitleDirective, "si-popover-title", never, {}, {}, never, never, true, never>;
+}

package/popover-next/si-popover.component.d.ts

@@ -0,0 +1,27 @@
+import { ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
+import { ElementRef, Injector, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { OverlayArrowPosition } from '@siemens/element-ng/common';
+import { SiPopoverNextDirective } from './si-popover-next.directive';
+import * as i0 from "@angular/core";
+export declare class PopoverComponent implements OnInit, OnDestroy {
+    readonly popoverDirective: import("@angular/core").InputSignal<SiPopoverNextDirective>;
+    readonly popoverWrapper: import("@angular/core").Signal<ElementRef<any>>;
+    protected readonly positionClass: import("@angular/core").WritableSignal<string>;
+    protected readonly arrowPos: import("@angular/core").WritableSignal<OverlayArrowPosition | undefined>;
+    protected popoverTemplate: TemplateRef<any> | null;
+    protected injector: Injector;
+    protected labelledBy: string | undefined;
+    protected describedBy: string | undefined;
+    private elementRef;
+    private focusTrapFactory;
+    private focusTrap?;
+    private readonly previouslyActiveElement;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** @internal */
+    updateArrow(change: ConnectedOverlayPositionChange, anchor?: ElementRef): void;
+    hide(): void;
+    private applyFocus;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopoverComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "si-popover", never, { "popoverDirective": { "alias": "popoverDirective"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/progressbar/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-progressbar.component';
+export * from './si-progressbar.module';

package/progressbar/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/siemens-element-ng-progressbar.mjs"
+}

package/progressbar/si-progressbar.component.d.ts

@@ -0,0 +1,43 @@
+import * as i0 from "@angular/core";
+export declare class SiProgressbarComponent {
+    /**
+     * Needed for a11y
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_PROGRESSBAR.LABEL:Progress`
+     * ```
+     */
+    readonly ariaLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Max value for progressbar
+     *
+     * @defaultValue 100
+     */
+    readonly max: import("@angular/core").InputSignal<number>;
+    /**
+     * Current value
+     *
+     * @defaultValue 0
+     */
+    readonly value: import("@angular/core").InputSignal<number | undefined>;
+    /**
+     * Heading to display on top of progress bar.
+     */
+    readonly heading: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Optional progress text to be shown on top right (in LTR).
+     * It can be percentage value or a progress status. E.g `50 %` or `Downloading 2/8`.
+     */
+    readonly progress: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Height for progress bar.
+     *
+     * @defaultValue 'normal'
+     */
+    readonly height: import("@angular/core").InputSignal<ProgressbarHeight>;
+    protected readonly percent: import("@angular/core").Signal<number>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiProgressbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiProgressbarComponent, "si-progressbar", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export type ProgressbarHeight = 'small' | 'normal';

package/progressbar/si-progressbar.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-progressbar.component";
+export declare class SiProgressbarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiProgressbarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiProgressbarModule, never, [typeof i1.SiProgressbarComponent], [typeof i1.SiProgressbarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiProgressbarModule>;
+}

package/select/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-select.component';
+export * from './options/si-select-lazy-options.directive';
+export * from './options/si-select-simple-options.directive';
+export * from './options/si-select-complex-options.directive';
+export * from './options/si-select-option.source';
+export * from './selection/si-select-single-value.directive';
+export * from './selection/si-select-multi-value.directive';
+export * from './si-select-option-template.directive';
+export * from './si-select-group-template.directive';
+export * from './si-select.module';
+export * from './select-list/si-select-list-has-filter.component';
+export * from './si-select-action.directive';
+export * from './si-select-actions.directive';
+export * from './si-select.types';

package/select/options/si-select-complex-options.directive.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { OnChanges } from '@angular/core';
+import { SelectGroup, SelectOption } from '../si-select.types';
+import { SiSelectOptionsStrategyBase } from './si-select-options-strategy.base';
+import * as i0 from "@angular/core";
+/**
+ * The directive allows passing custom options.
+ * Otherwise, use the {@link SiSelectSimpleOptionsDirective} directive.
+ *
+ * @deprecated Use {@link SiSelectSimpleOptionsDirective} instead.
+ *
+ * @example
+ * ```html
+ * <si-select [complexOptions]="['v1', 'v2', 'v3']"></si-select>
+ * <si-select [complexOptions]="{ g1: ['g1.i1', 'g1.i2'], g2: ['g2.i1']}"></si-select>
+ * ```
+ */
+export declare class SiSelectComplexOptionsDirective<T> extends SiSelectOptionsStrategyBase<T> implements OnChanges {
+    /** Options to be shown in select dropdown. */
+    readonly complexOptions: import("@angular/core").InputSignal<T[] | Record<string, T[]> | null | undefined>;
+    /**
+     * @deprecated Property has no effect and can be removed.
+     *
+     * @defaultValue
+     * ```
+     * buildTrackByIdentity<T>()
+     * ```
+     */
+    readonly trackBy: import("@angular/core").InputSignal<import("@angular/core").TrackByFunction<T>>;
+    /**
+     * By default, values are check on equality by reference. Override to customize the behavior.
+     *
+     * @defaultValue
+     * ```
+     * (a: T, b: T): boolean => a === b
+     * ```
+     */
+    readonly optionsEqual: import("@angular/core").InputSignal<(a: T, b: T) => boolean>;
+    /**
+     * The valueProvider is used to extract the display text of a value.
+     */
+    readonly valueProvider: import("@angular/core").InputSignal<((dropdownOption: T) => string | undefined) | undefined>;
+    /**
+     * Provides Value for the display text of the dropdown group
+     *
+     * @defaultValue
+     * ```
+     * () => undefined
+     * ```
+     */
+    readonly groupProvider: import("@angular/core").InputSignal<(groupKey: string) => string | undefined>;
+    /**
+     * The disabledProvider is used to display menu items as disabled.
+     *
+     * @defaultValue
+     * ```
+     * () => false
+     * ```
+     */
+    readonly disabledProvider: import("@angular/core").InputSignal<(dropdownOption: T) => boolean>;
+    readonly allRows: import("@angular/core").Signal<SelectOption<T>[] | SelectGroup<T>[]>;
+    ngOnChanges(): void;
+    private convertOptionsArray;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSelectComplexOptionsDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiSelectComplexOptionsDirective<any>, "si-select[complexOptions]", never, { "complexOptions": { "alias": "complexOptions"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "optionsEqual": { "alias": "optionEqualCheckFn"; "required": false; "isSignal": true; }; "valueProvider": { "alias": "valueProvider"; "required": false; "isSignal": true; }; "groupProvider": { "alias": "groupProvider"; "required": false; "isSignal": true; }; "disabledProvider": { "alias": "disabledProvider"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/select/options/si-select-lazy-options.directive.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { OnDestroy } from '@angular/core';
+import { SelectItem, SelectOption } from '../si-select.types';
+import { SelectOptionSource } from './si-select-option.source';
+import { SiSelectOptionsStrategy } from './si-select-options-strategy';
+import * as i0 from "@angular/core";
+export declare class SiSelectLazyOptionsDirective<T> implements SiSelectOptionsStrategy<T>, OnDestroy {
+    /**
+     * {@inheritDoc SiSelectOptionsStrategy#loading}
+     * @defaultValue false
+     */
+    readonly loading: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * {@inheritDoc SiSelectOptionsStrategy#rows}
+     * @defaultValue []
+     */
+    readonly rows: import("@angular/core").WritableSignal<SelectItem<T>[]>;
+    /**
+     * {@inheritDoc SiSelectOptionsStrategy#selectedRows}
+     * @defaultValue []
+     */
+    readonly selectedRows: import("@angular/core").WritableSignal<SelectOption<T>[]>;
+    readonly optionSource: import("@angular/core").InputSignal<SelectOptionSource<T>>;
+    private valueChange;
+    private filterChange;
+    constructor();
+    ngOnDestroy(): void;
+    /** {@inheritDoc SiSelectOptionsStrategy.onValueChange} */
+    onValueChange(value: T[]): void;
+    /** {@inheritDoc SiSelectOptionsStrategy.onFilter} */
+    onFilter(filterInput?: string): void;
+    private valueEqual;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSelectLazyOptionsDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiSelectLazyOptionsDirective<any>, "si-select[optionSource]", never, { "optionSource": { "alias": "optionSource"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/select/options/si-select-option.source.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { Observable } from 'rxjs';
+import { SelectItem, SelectOption } from '../si-select.types';
+/**
+ * An interface to define a lazy option source for the {@link SiSelectComponent}.
+ *
+ * @typeParam TValue - is the type of the value in {@link SiSelectComponent}, so the value of the associated formControl, ngModel or value input.
+ */
+export interface SelectOptionSource<TValue> {
+    /**
+     * Get options for the provided values.
+     * This is basically a resolver function, that resolves values to options.
+     *
+     * @param values - values that should be resolved to an option.
+     */
+    getOptionsForValues(values: TValue[]): Observable<SelectOption<TValue>[]>;
+    /**
+     * Get all available options.
+     * If provided, this will be called when no filter value is provided.
+     * Otherwise, si-select will only show the selected values.
+  
+     * This function must be implemented if this source is used on a select without a filter.
+     */
+    getAllOptions?(): Observable<SelectItem<TValue>[]>;
+    /**
+     * Find options for a search value. It will never be called with an empty search value.
+     *
+     * This function must be implemented if this source is used on a si-select with a filter.
+     *
+     * @param search - value typed by the user in the search field.
+     */
+    getOptionsForSearch?(search: string): Observable<SelectItem<TValue>[]>;
+    /**
+     * This function is used to sort options.
+     *
+     * It is only called if the si-select was able to find all options without querying the option source.
+     */
+    compareOptions?(a: SelectOption<TValue>, b: SelectOption<TValue>): number;
+    /**
+     * Function to check if two values are equal.
+     *
+     * This function must be implemented if the check on reference equality is not enough.
+     * For instance, when using objects as value.
+     */
+    valuesEqual?(optionA: TValue, optionB: TValue): boolean;
+}

package/select/options/si-select-options-strategy.base.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { InputSignal, Signal } from '@angular/core';
+import { SelectItem, SelectOption } from '../si-select.types';
+import { SiSelectOptionsStrategy } from './si-select-options-strategy';
+import * as i0 from "@angular/core";
+/**
+ * Input options strategy base class, for eagerly fetched options.
+ */
+export declare abstract class SiSelectOptionsStrategyBase<T> implements SiSelectOptionsStrategy<T> {
+    /**
+     * Function to compare two values on equality which is used to match/filter options.
+     */
+    abstract optionsEqual: InputSignal<(a: T, b: T) => boolean>;
+    /**
+     * Rows that should be shown.
+     *
+     * @defaultValue []
+     */
+    readonly rows: import("@angular/core").WritableSignal<SelectItem<T>[]>;
+    /**
+     * All group and option items in the dropdown.
+     *
+     * @defaultValue []
+     */
+    abstract readonly allRows: Signal<(SelectItem<T> | SelectOption<T>)[]>;
+    private readonly value;
+    readonly selectedRows: Signal<SelectOption<T>[]>;
+    onValueChange(value: T[]): void;
+    onFilter(filterValue?: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSelectOptionsStrategyBase<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiSelectOptionsStrategyBase<any>, never, never, {}, {}, never, never, true, never>;
+}