@siemens/element-ng 47.2.0 → 47.3.0

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

@@ -0,0 +1,37 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { InjectionToken, Signal } from '@angular/core';
+import { SelectItem, SelectOption } from '../si-select.types';
+export declare const SI_SELECT_OPTIONS_STRATEGY: InjectionToken<SiSelectOptionsStrategy<unknown>>;
+export interface SiSelectOptionsStrategy<T> {
+    /**
+     * List of all rows that should be rendered in a selection list.
+     */
+    readonly rows: Signal<readonly SelectItem<T>[]>;
+    /**
+     * List of all options that are currently selected.
+     * Must be updated when {@link onValueChange} is called.
+     */
+    readonly selectedRows: Signal<readonly SelectOption<T>[]>;
+    /**
+     * Indicate loading state of the options.
+     */
+    readonly loading?: Signal<boolean>;
+    /**
+     * Is always called when the value changes.
+     * The implementation must update {@link selectedRows} when called.
+     *
+     * @param value - currently selected value of the related si-select.
+     */
+    onValueChange(value: readonly T[]): void;
+    /**
+     * This function is called when a user enters a filter query.
+     * It is expected that an implementation will update the `rows`
+     * based on the query.
+     *
+     * @param filterInput - Unprocessed input by user in the filterInput field
+     */
+    onFilter?(filterInput?: string): void;
+}

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

@@ -0,0 +1,34 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { OnChanges } from '@angular/core';
+import { SelectItem, SelectOptionLegacy } from '../si-select.types';
+import { SiSelectOptionsStrategyBase } from './si-select-options-strategy.base';
+import * as i0 from "@angular/core";
+/**
+ * This directive allows passing {@link SelectItem} to the {@link SiSelectComponent}.
+ *
+ * @example
+ * ```html
+ * <si-select [options]="[{ type: 'option', value: 'one', label: 'One' }, { type: 'option', value: 'two', label: 'Two' }]"></si-select>
+ * <si-select [options]="[{ type: 'group', label: 'Group', options [{ type: 'option', value: 1, label: 'One' }, { type: 'option', value: 2, label: 'Two' }] }]"></si-select>
+ * ```
+ */
+export declare class SiSelectSimpleOptionsDirective<T = string> extends SiSelectOptionsStrategyBase<T> implements OnChanges {
+    /** Options to be shown in select dropdown */
+    readonly options: import("@angular/core").InputSignal<(SelectOptionLegacy | SelectItem<T>)[] | null | undefined>;
+    /**
+     * By default, values are check on referential equality. Provide a function to customize the behavior.
+     *
+     * @defaultValue
+     * ```
+     * (a: T, b: T): boolean => a === b
+     * ```
+     */
+    readonly optionsEqual: import("@angular/core").InputSignal<(a: T, b: T) => boolean>;
+    readonly allRows: import("@angular/core").Signal<SelectItem<T>[]>;
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSelectSimpleOptionsDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiSelectSimpleOptionsDirective<any>, "si-select[options]", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionsEqual": { "alias": "optionEqualCheckFn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/select/package.json

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

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

@@ -0,0 +1,43 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { TemplateRef } from '@angular/core';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import { SiSelectSelectionStrategy } from '../selection/si-select-selection-strategy';
+import { SelectOption } from '../si-select.types';
+import * as i0 from "@angular/core";
+export declare class SiSelectInputComponent<T> {
+    readonly baseId: import("@angular/core").InputSignal<string>;
+    /**
+     * Aria labelledby of the select.
+     *
+     * @defaultValue null
+     */
+    readonly labelledby: import("@angular/core").InputSignal<string | null>;
+    /**
+     * Aria label of the select.
+     *
+     * @defaultValue null
+     */
+    readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+    /** @defaultValue false */
+    readonly open: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly placeholder: import("@angular/core").InputSignal<TranslatableString | undefined>;
+    readonly controls: import("@angular/core").InputSignal<string>;
+    readonly optionTemplate: import("@angular/core").InputSignal<TemplateRef<{
+        $implicit: SelectOption<T>;
+    }> | undefined>;
+    /** @defaultValue false */
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly openListbox: import("@angular/core").OutputEmitterRef<void>;
+    protected readonly selectionStrategy: SiSelectSelectionStrategy<T, T | T[]>;
+    private readonly selectOptions;
+    protected readonly selectedRows: import("@angular/core").Signal<readonly SelectOption<T>[]>;
+    protected readonly labeledBy: import("@angular/core").Signal<string>;
+    protected readonly icons: Record<"elementDown2", string>;
+    protected blur(): void;
+    protected click(event?: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSelectInputComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiSelectInputComponent<any>, "si-select-input", never, { "baseId": { "alias": "baseId"; "required": true; "isSignal": true; }; "labelledby": { "alias": "labelledby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "controls": { "alias": "controls"; "required": true; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "openListbox": "openListbox"; }, never, never, true, never>;
+}

package/select/select-list/si-select-list-has-filter.component.d.ts

@@ -0,0 +1,20 @@
+import { ElementRef, OnInit, Signal } from '@angular/core';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import { SiSelectListBase } from './si-select-list.base';
+import * as i0 from "@angular/core";
+export declare class SiSelectListHasFilterComponent<T> extends SiSelectListBase<T> implements OnInit {
+    /** Placeholder for search input field. */
+    readonly filterPlaceholder: import("@angular/core").InputSignal<TranslatableString>;
+    /** Label if no item can be found. */
+    readonly noResultsFoundLabel: import("@angular/core").InputSignal<TranslatableString>;
+    protected readonly filterInput: Signal<ElementRef<HTMLInputElement>>;
+    protected readonly initIndex: Signal<number>;
+    protected readonly id: Signal<string>;
+    protected readonly icons: Record<"elementSearch", string>;
+    constructor();
+    ngOnInit(): void;
+    protected input(): void;
+    protected select(newValue: T): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSelectListHasFilterComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiSelectListHasFilterComponent<any>, "si-select-list-has-filter", never, { "filterPlaceholder": { "alias": "filterPlaceholder"; "required": true; "isSignal": true; }; "noResultsFoundLabel": { "alias": "noResultsFoundLabel"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/select/select-list/si-select-list.base.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { ConfigurableFocusTrap, ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
+import { ElementRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { SiSelectOptionsStrategy } from '../options/si-select-options-strategy';
+import { SiSelectSelectionStrategy } from '../selection/si-select-selection-strategy';
+import { SelectGroup, SelectOption } from '../si-select.types';
+import * as i0 from "@angular/core";
+export declare abstract class SiSelectListBase<T> implements OnInit, OnDestroy {
+    readonly baseId: import("@angular/core").InputSignal<string>;
+    readonly optionTemplate: import("@angular/core").InputSignal<TemplateRef<{
+        $implicit: SelectOption<T>;
+    }> | undefined>;
+    readonly groupTemplate: import("@angular/core").InputSignal<TemplateRef<{
+        $implicit: SelectGroup<T>;
+    }> | undefined>;
+    /** @defaultValue null */
+    readonly labelledby: import("@angular/core").InputSignal<string | null>;
+    readonly actionsTemplate: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    readonly closeOverlay: import("@angular/core").OutputEmitterRef<void>;
+    protected readonly selectionStrategy: SiSelectSelectionStrategy<T, T | T[]>;
+    protected readonly selectOptions: SiSelectOptionsStrategy<T>;
+    protected readonly focusTrapFactory: ConfigurableFocusTrapFactory;
+    protected readonly elementRef: ElementRef<any>;
+    protected rows: import("@angular/core").Signal<readonly import("../si-select.types").SelectItem<T>[]>;
+    protected focusTrap: ConfigurableFocusTrap;
+    protected multiSelect: boolean;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    protected keydownTab(): void;
+    protected closeOverlayAlways(): void;
+    protected closeOverlayIfSingle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSelectListBase<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiSelectListBase<any>, never, never, { "baseId": { "alias": "baseId"; "required": true; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "groupTemplate": { "alias": "groupTemplate"; "required": false; "isSignal": true; }; "labelledby": { "alias": "labelledby"; "required": false; "isSignal": true; }; "actionsTemplate": { "alias": "actionsTemplate"; "required": false; "isSignal": true; }; }, { "closeOverlay": "closeOverlay"; }, never, never, true, never>;
+}

package/select/select-list/si-select-list.component.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { ListboxValueChangeEvent } from '@angular/cdk/listbox';
+import { OnInit } from '@angular/core';
+import { SiSelectListBase } from './si-select-list.base';
+import * as i0 from "@angular/core";
+export declare class SiSelectListComponent<T> extends SiSelectListBase<T> implements OnInit {
+    private readonly listbox;
+    ngOnInit(): void;
+    protected listBoxValueChange(changeEvent: ListboxValueChangeEvent<T>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSelectListComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiSelectListComponent<any>, "si-select-list", never, {}, {}, never, never, true, never>;
+}

package/select/select-option/si-select-option-row.component.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { TemplateRef } from '@angular/core';
+import { SelectOption } from '../si-select.types';
+import * as i0 from "@angular/core";
+export declare class SiSelectOptionRowComponent {
+    readonly option: import("@angular/core").InputSignal<SelectOption<unknown>>;
+    readonly optionTemplate: import("@angular/core").InputSignal<TemplateRef<unknown> | undefined>;
+    /** @defaultValue false */
+    readonly selected: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    protected readonly icons: Record<"elementOk", string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSelectOptionRowComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiSelectOptionRowComponent, "si-select-option-row", never, { "option": { "alias": "option"; "required": true; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/select/select-option/si-select-option.component.d.ts

@@ -0,0 +1,9 @@
+import { TemplateRef } from '@angular/core';
+import { SelectOption } from '../si-select.types';
+import * as i0 from "@angular/core";
+export declare class SiSelectOptionComponent {
+    readonly option: import("@angular/core").InputSignal<SelectOption<unknown>>;
+    readonly optionTemplate: import("@angular/core").InputSignal<TemplateRef<unknown> | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSelectOptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiSelectOptionComponent, "si-select-option", never, { "option": { "alias": "option"; "required": true; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/select/selection/si-select-multi-value.directive.d.ts

@@ -0,0 +1,26 @@
+import { SiSelectSelectionStrategy } from './si-select-selection-strategy';
+import * as i0 from "@angular/core";
+/**
+ * The directive enables the multi-select behavior.
+ * Otherwise, use the {@link SiSelectSingleValueDirective} directive.
+ *
+ * @example
+ * ```html
+ * <si-select multi [(value)]="multiValue" [options]="[
+ *  { id: 'good', title: 'Good' },
+ *  { id: 'average', title: 'Average' },
+ *  { id: 'poor', title: 'Poor' }
+ * ]"></si-select>
+ * ```
+ */
+export declare class SiSelectMultiValueDirective<T> extends SiSelectSelectionStrategy<T, T[]> {
+    /**
+     * {@inheritDoc SiSelectSelectionStrategy#allowMultiple}
+     * @defaultValue true
+     */
+    readonly allowMultiple = true;
+    protected fromArrayValue(value: T[]): T[];
+    protected toArrayValue(value: T[] | undefined): T[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSelectMultiValueDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiSelectMultiValueDirective<any>, "si-select[multi]", never, {}, {}, never, never, true, never>;
+}

package/select/selection/si-select-selection-strategy.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { Signal } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+/**
+ * Selection strategy base class.
+ */
+export declare abstract class SiSelectSelectionStrategy<T, IV = T | T[]> implements ControlValueAccessor {
+    /**
+     * Whether the select input is disabled.
+     *
+     * @defaultValue false
+     */
+    readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The selected value(s).
+     */
+    set value(value: IV | undefined);
+    /** Emitted when the selection is changed */
+    readonly valueChange: import("@angular/core").OutputEmitterRef<IV>;
+    /**
+     * Whether the select control allows to select multiple values.
+     * @internal
+     */
+    abstract readonly allowMultiple: boolean;
+    /**
+     * Provides the internal value always as an array
+     * @internal
+     */
+    readonly arrayValue: Signal<readonly T[]>;
+    /**
+     * Registered form callback which shall be called on blur.
+     * @internal
+     */
+    onTouched: () => void;
+    /** @internal */
+    readonly disabled: Signal<boolean>;
+    protected onChange: (_: any) => void;
+    private readonly disabledNgControl;
+    private readonly selectOptions;
+    registerOnTouched(fn: any): void;
+    registerOnChange(fn: any): void;
+    /**
+     * CDK Listbox value changed handler.
+     * @internal
+     */
+    updateFromUser(values: T[]): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(obj: any): void;
+    protected abstract toArrayValue(value: IV | undefined): readonly T[];
+    protected abstract fromArrayValue(value: readonly T[]): IV;
+    private updateFromInput;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSelectSelectionStrategy<any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiSelectSelectionStrategy<any, any>, never, never, { "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/select/selection/si-select-single-value.directive.d.ts

@@ -0,0 +1,26 @@
+import { SiSelectSelectionStrategy } from './si-select-selection-strategy';
+import * as i0 from "@angular/core";
+/**
+ * The directive enables the single-select behavior.
+ * Otherwise, use the {@link SiSelectMultiValueDirective} directive.
+ *
+ * @example
+ * ```html
+ * <si-select [(value)]="selectedValue" [options]="[
+ *  { id: 'good', title: 'Good' },
+ *  { id: 'average', title: 'Average' },
+ *  { id: 'poor', title: 'Poor' }
+ * ]"></si-select>
+ * ```
+ */
+export declare class SiSelectSingleValueDirective<T> extends SiSelectSelectionStrategy<T, T> {
+    /**
+     * {@inheritDoc SiSelectSelectionStrategy#allowMultiple}
+     * @defaultValue false
+     */
+    allowMultiple: boolean;
+    protected toArrayValue(value: T | undefined): readonly T[];
+    protected fromArrayValue([value]: readonly T[]): T;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSelectSingleValueDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiSelectSingleValueDirective<any>, "si-select:not([multi])", never, {}, {}, never, never, true, never>;
+}

package/select/si-select-action.directive.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+export declare class SiSelectActionDirective {
+    private readonly select;
+    /**
+     * Close the select drop down on click.
+     * @defaultValue false
+     */
+    readonly selectActionAutoClose: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    protected close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSelectActionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiSelectActionDirective, "[siSelectAction]", ["si-select-action"], { "selectActionAutoClose": { "alias": "selectActionAutoClose"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/select/si-select-actions.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class SiSelectActionsDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSelectActionsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiSelectActionsDirective, "[siSelectActions]", ["si-select-actions"], {}, {}, never, never, true, never>;
+}

package/select/si-select-group-template.directive.d.ts

@@ -0,0 +1,20 @@
+import { SelectGroup } from './si-select.types';
+import * as i0 from "@angular/core";
+/**
+ * The directive allows to template/customize the group option rendering.
+ * This requires using the {@link SiSelectComplexOptionsDirective} to specify complex options as input.
+ *
+ * @example
+ * ```html
+ * <si-select [complexOptions]="{ g1: ['g1.i1', 'g1.i2'], g2: ['g2.i1'] }" >
+ *   <ng-template siSelectGroupTemplate let-group>{{ group.key | uppercase }}</ng-template>
+ * </si-select>
+ * ```
+ */
+export declare class SiSelectGroupTemplateDirective {
+    static ngTemplateContextGuard<T = any>(directive: SiSelectGroupTemplateDirective, context: unknown): context is {
+        $implicit: SelectGroup<T>;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSelectGroupTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiSelectGroupTemplateDirective, "[siSelectGroupTemplate]", never, {}, {}, never, never, true, never>;
+}

package/select/si-select-option-row-template.directive.d.ts

@@ -0,0 +1,9 @@
+import { SelectOption } from './si-select.types';
+import * as i0 from "@angular/core";
+export declare class SiSelectOptionRowTemplateDirective {
+    static ngTemplateContextGuard<T = any>(directive: SiSelectOptionRowTemplateDirective, context: unknown): context is {
+        $implicit: SelectOption<T>;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSelectOptionRowTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiSelectOptionRowTemplateDirective, "[siSelectOptionRowTemplate]", never, {}, {}, never, never, true, never>;
+}

package/select/si-select-option-template.directive.d.ts

@@ -0,0 +1,21 @@
+import { SelectOption } from './si-select.types';
+import * as i0 from "@angular/core";
+/**
+ * The directive allows to template/customize the value option rendering.
+ * This requires using the {@link SiSelectComplexOptionsDirective} to specify complex options as input.
+ *
+ * @example
+ * ```html
+ * <si-select [options]="[{ id: 'good', title: 'Good' }, { id: 'fair', title: 'Fair' }, { id: 'bad', title: 'Bad' }]" >
+ *   <ng-template siSelectOptionTemplate let-option>{{ option.value | uppercase }}</ng-template>
+ * </si-select>
+ * ```
+ */
+export declare class SiSelectOptionTemplateDirective {
+    /** @internal */
+    static ngTemplateContextGuard<T = any>(directive: SiSelectOptionTemplateDirective, context: unknown): context is {
+        $implicit: SelectOption<T>;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSelectOptionTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiSelectOptionTemplateDirective, "[siSelectOptionTemplate]", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,96 @@
+import { AfterContentInit, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
+import { SiFormItemControl } from '@siemens/element-ng/form';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import { SiSelectSelectionStrategy } from './selection/si-select-selection-strategy';
+import { SelectGroup, SelectItem, SelectOption } from './si-select.types';
+import * as i0 from "@angular/core";
+export declare class SiSelectComponent<T> implements OnChanges, AfterContentInit, SiFormItemControl {
+    private static idCounter;
+    /**
+     * Unique identifier.
+     *
+     * @defaultValue
+     * ```
+     * `__si-select-${SiSelectComponent.idCounter++}`
+     * ```
+     */
+    readonly id: import("@angular/core").InputSignal<string>;
+    /**
+     * Aria label of the select.
+     *
+     * @defaultValue null
+     */
+    readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+    /**
+     * Aria labelledby of the select.
+     * @defaultValue undefined
+     */
+    readonly labelledbyInput: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Placeholder for search input field.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_SELECT.SEARCH-PLACEHOLDER:Search...`
+     * ```
+     */
+    readonly filterPlaceholder: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * Label if no item can be found.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_SELECT.NO-RESULTS-FOUND:No results found`
+     * ```
+     */
+    readonly noResultsFoundLabel: import("@angular/core").InputSignal<TranslatableString>;
+    /** Placeholder text to display when no options are selected. */
+    readonly placeholder: import("@angular/core").InputSignal<TranslatableString | undefined>;
+    /**
+     * Readonly state. Similar to disabled but with higher contrast *
+     *
+     * @defaultValue false
+     */
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Emits on selection dropdown close.
+     * @deprecated Use {@link openChange} instead.
+     */
+    readonly dropdownClose: import("@angular/core").OutputEmitterRef<void>;
+    /** Emits when the dropdown open state changes. */
+    readonly openChange: import("@angular/core").OutputEmitterRef<boolean>;
+    protected readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+    protected readonly optionTemplate: import("@angular/core").Signal<TemplateRef<{
+        $implicit: SelectOption<T>;
+    }> | undefined>;
+    protected readonly groupTemplate: import("@angular/core").Signal<TemplateRef<{
+        $implicit: SelectGroup<T>;
+    }> | undefined>;
+    protected readonly actionsTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    private readonly trigger;
+    /** @internal */
+    readonly labelledby: import("@angular/core").Signal<string>;
+    /** @internal */
+    readonly errormessageId: string;
+    protected rows: readonly SelectItem<T>[];
+    protected overlayWidth: number;
+    protected readonly selectionStrategy: SiSelectSelectionStrategy<any, any>;
+    private backdropClicked;
+    private readonly selectOptions;
+    /**
+     * Enables the filter input
+     * @defaultValue false
+     * @defaultref {@link SiSelectComponent#_hasFilter}
+     */
+    readonly hasFilter: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterContentInit(): void;
+    /** Opens the `si-select`. */
+    open(): void;
+    /** Closes the `si-select`. */
+    close(): void;
+    protected backdropClick(): void;
+    private verifyValueProvider;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSelectComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiSelectComponent<any>, "si-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "labelledbyInput": { "alias": "labelledby"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "noResultsFoundLabel": { "alias": "noResultsFoundLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "hasFilter": { "alias": "hasFilter"; "required": false; "isSignal": true; }; }, { "dropdownClose": "dropdownClose"; "openChange": "openChange"; }, ["optionTemplate", "groupTemplate", "actionsTemplate"], never, true, never>;
+}

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

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-select-action.directive";
+import * as i2 from "./si-select-actions.directive";
+import * as i3 from "./options/si-select-complex-options.directive";
+import * as i4 from "./si-select.component";
+import * as i5 from "./si-select-group-template.directive";
+import * as i6 from "./selection/si-select-multi-value.directive";
+import * as i7 from "./si-select-option-template.directive";
+import * as i8 from "./options/si-select-simple-options.directive";
+import * as i9 from "./selection/si-select-single-value.directive";
+export declare class SiSelectModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSelectModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiSelectModule, never, [typeof i1.SiSelectActionDirective, typeof i2.SiSelectActionsDirective, typeof i3.SiSelectComplexOptionsDirective, typeof i4.SiSelectComponent, typeof i5.SiSelectGroupTemplateDirective, typeof i6.SiSelectMultiValueDirective, typeof i7.SiSelectOptionTemplateDirective, typeof i8.SiSelectSimpleOptionsDirective, typeof i9.SiSelectSingleValueDirective], [typeof i1.SiSelectActionDirective, typeof i2.SiSelectActionsDirective, typeof i3.SiSelectComplexOptionsDirective, typeof i4.SiSelectComponent, typeof i5.SiSelectGroupTemplateDirective, typeof i6.SiSelectMultiValueDirective, typeof i7.SiSelectOptionTemplateDirective, typeof i8.SiSelectSimpleOptionsDirective, typeof i9.SiSelectSingleValueDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiSelectModule>;
+}

package/select/si-select.types.d.ts

@@ -0,0 +1,65 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ *
+ * @deprecated Use {@link SelectOption} instead.
+ */
+export interface SelectOptionLegacy {
+    /** Defines this to be the deprecated option. */
+    type?: undefined;
+    /** Identifies the option, will be used as `value` for the component */
+    id: string;
+    /** Title to display */
+    title: string;
+    /** Optional icon to display */
+    icon?: string;
+    /** Optional color class for the icon */
+    color?: string;
+    /** Is the option disabled? */
+    disabled?: boolean;
+}
+/** A select option group */
+export interface SelectGroup<T> {
+    /** Defines this to be a group. */
+    type: 'group';
+    /** An optional key to identify this group in a custom template. */
+    key?: string;
+    /** A label to be shown as header for this group. Is optional if a custom template is provided. */
+    label?: string;
+    /** All options that are part of this group. */
+    options: SelectOption<T>[];
+}
+/** A select option */
+export interface SelectOption<T> {
+    /** Defines this to be an option. */
+    type: 'option';
+    /**
+     * The value if this option.
+     * It will be used for formControls and the value property of this `si-select`.
+     * The value will internally be checked on equality by using `===`.
+     * So an app should either use `string` or ensure that same values are referentially equal.
+     */
+    value: T;
+    /** Whether this option is disabled. */
+    disabled?: boolean;
+    /** An optional icon. */
+    icon?: string;
+    /** The color of an icon. */
+    iconColor?: string;
+    /** An optional stacked icon. */
+    stackedIcon?: string;
+    /** The color of a stacked icon. */
+    stackedIconColor?: string;
+    /**
+     * A label to be shown for this option.
+     * Is optional if a custom template is provided or if the value should directly be rendered.
+     */
+    label?: string;
+    /**
+     * Used for typeahead functionality when filtering is disabled.
+     * If provided, this will be used, otherwise the innerText of the rendered element.
+     */
+    typeaheadLabel?: string;
+}
+/** Alias for {@link SelectOption} or {@link SelectGroup} */
+export type SelectItem<T> = SelectGroup<T> | SelectOption<T>;

package/skip-links/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-skip-link-target.directive';

package/skip-links/package.json

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

package/skip-links/si-skip-link-target.directive.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { OnDestroy, OnInit } from '@angular/core';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import * as i0 from "@angular/core";
+/**
+ * Directive to mark an element as a target for a skip link.
+ * If this directive is applied to a none interactive element, a tabindex of -1 must be added manually.
+ */
+export declare class SiSkipLinkTargetDirective implements OnInit, OnDestroy {
+    /**
+     * The name of the skip link target which will be shown in the skip link.
+     */
+    readonly name: import("@angular/core").InputSignal<TranslatableString>;
+    private skipLinkService;
+    private elementRef;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Call this methode to "activate" a skip link target. It will focus this element and scroll it into the view.
+     */
+    jumpToThisTarget(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSkipLinkTargetDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiSkipLinkTargetDirective, "[siSkipLinkTarget]", never, { "name": { "alias": "siSkipLinkTarget"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}