@siemens/element-ng 48.10.0 → 49.0.0-rc.2

package/{file-uploader/index.d.ts → types/siemens-element-ng-file-uploader.d.ts}

@@ -1,7 +1,7 @@
+import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
 import * as _angular_core from '@angular/core';
 import { OnChanges, SimpleChanges } from '@angular/core';
-import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
 import { HttpResponse, HttpHeaders, HttpRequest, HttpEvent } from '@angular/common/http';
 import { Observable, Subscription } from 'rxjs';
 
@@ -135,7 +135,7 @@ declare class SiFileDropzoneComponent {
      * t(() => $localize`:@@SI_FILE_UPLOADER.FILE_SELECT:click to upload`)
      * ```
      */
-    readonly uploadTextFileSelect: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly uploadTextFileSelect: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text or translation key of the drag&drop field (is combined with the `uploadTextFileSelect`).
      *
@@ -144,25 +144,25 @@ declare class SiFileDropzoneComponent {
      * t(() => $localize`:@@SI_FILE_UPLOADER.DROP:Drop files here or`)
      * ```
      */
-    readonly uploadDropText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly uploadDropText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text or translation key for max file size.
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_FILE_UPLOADER.MAX_SIZE:Maximum upload size`)
+     * t(() => $localize`:@@SI_FILE_UPLOADER.MAX_SIZE:Max. {{maxFileSize}} upload size.`)
      * ```
      */
-    readonly maxFileSizeText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly maxFileSizeText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text or translation key for accepted types.
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_FILE_UPLOADER.ACCEPTED_FILE_TYPES:Accepted file types`)
+     * t(() => $localize`:@@SI_FILE_UPLOADER.ACCEPTED_FILE_TYPES:Accepted file types: {{accept}}.`)
      * ```
      */
-    readonly acceptText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly acceptText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text or translation key of message title if incorrect file type is dragged / dropped.
      *
@@ -171,7 +171,7 @@ declare class SiFileDropzoneComponent {
      * t(() => $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_TYPE:Incorrect file type selected`)
      * ```
      */
-    readonly errorTextFileType: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly errorTextFileType: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Message or translation key if file exceeds the maximum file size limit.
      *
@@ -180,7 +180,7 @@ declare class SiFileDropzoneComponent {
      * t(() => $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED:File exceeds allowed maximum size`)
      * ```
      */
-    readonly errorTextFileMaxSize: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly errorTextFileMaxSize: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Define which file types are suggested in file browser.
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#attr-accept
@@ -279,7 +279,7 @@ declare class SiFileUploaderComponent implements OnChanges {
      * t(() => $localize`:@@SI_FILE_UPLOADER.FILE_SELECT:click to upload`)
      * ```
      */
-    readonly uploadTextFileSelect: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly uploadTextFileSelect: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text instructing a user to drop the files inside the dropzone.
      *
@@ -288,34 +288,34 @@ declare class SiFileUploaderComponent implements OnChanges {
      * t(() => $localize`:@@SI_FILE_UPLOADER.DROP:Drop files here or`)
      * ```
      */
-    readonly uploadDropText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly uploadDropText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text to describe the maximum file size.
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_FILE_UPLOADER.MAX_SIZE:Maximum upload size`)
+     * t(() => $localize`:@@SI_FILE_UPLOADER.MAX_SIZE:Max. {{maxFileSize}} upload size.`)
      * ```
      */
-    readonly maxFileSizeText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly maxFileSizeText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Error message shown when the maximum number of files are reached.
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_FILE_UPLOADER.MAX_FILE_REACHED:Maximum number of files reached`)
+     * t(() => $localize`:@@SI_FILE_UPLOADER.MAX_FILE_REACHED:Max. {{maxFiles}} files`)
      * ```
      */
-    readonly maxFilesReachedText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly maxFilesReachedText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text for the accepted file types.
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_FILE_UPLOADER.ACCEPTED_FILE_TYPES:Accepted file types`)
+     * t(() => $localize`:@@SI_FILE_UPLOADER.ACCEPTED_FILE_TYPES:Accepted file types: {{accept}}.`)
      * ```
      */
-    readonly acceptText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly acceptText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text used inside the upload button.
      *
@@ -324,7 +324,7 @@ declare class SiFileUploaderComponent implements OnChanges {
      * t(() => $localize`:@@SI_FILE_UPLOADER.UPLOAD:Upload`)
      * ```
      */
-    readonly uploadButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly uploadButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text used inside the clear button.
      *
@@ -333,7 +333,7 @@ declare class SiFileUploaderComponent implements OnChanges {
      * t(() => $localize`:@@SI_FILE_UPLOADER.CLEAR:Clear`)
      * ```
      */
-    readonly clearButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly clearButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text shown during the file upload.
      *
@@ -342,7 +342,7 @@ declare class SiFileUploaderComponent implements OnChanges {
      * t(() => $localize`:@@SI_FILE_UPLOADER.UPLOADING:Uploading`)
      * ```
      */
-    readonly uploadingText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly uploadingText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text shown to remove a file from the file list. Required for a11y.
      *
@@ -351,7 +351,7 @@ declare class SiFileUploaderComponent implements OnChanges {
      * t(() => $localize`:@@SI_FILE_UPLOADER.REMOVE:Remove`)
      * ```
      */
-    readonly removeButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly removeButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text of cancel button. Shown during upload. Required for a11y.
      *
@@ -360,7 +360,7 @@ declare class SiFileUploaderComponent implements OnChanges {
      * t(() => $localize`:@@SI_FILE_UPLOADER.CANCEL:Cancel`)
      * ```
      */
-    readonly cancelButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly cancelButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text shown if the upload was successful.
      *
@@ -369,7 +369,7 @@ declare class SiFileUploaderComponent implements OnChanges {
      * t(() => $localize`:@@SI_FILE_UPLOADER.UPLOAD_COMPLETED:Upload completed`)
      * ```
      */
-    readonly successTextTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly successTextTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text shown if the upload failed.
      *
@@ -378,7 +378,7 @@ declare class SiFileUploaderComponent implements OnChanges {
      * t(() => $localize`:@@SI_FILE_UPLOADER.UPLOAD_FAILED:Upload failed`)
      * ```
      */
-    readonly errorUploadFailed: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly errorUploadFailed: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * On failed upload, show the error received from the server.
      *
@@ -393,7 +393,7 @@ declare class SiFileUploaderComponent implements OnChanges {
      * t(() => $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_TYPE:Incorrect file type selected`)
      * ```
      */
-    readonly errorTextFileType: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly errorTextFileType: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Message or translation key if file exceeds the maximum file size limit.
      *
@@ -402,7 +402,7 @@ declare class SiFileUploaderComponent implements OnChanges {
      * t(() => $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED:File exceeds allowed maximum size`)
      * ```
      */
-    readonly errorTextFileMaxSize: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly errorTextFileMaxSize: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Config for HTTP request to upload file.
      *

package/{filter-bar/index.d.ts → types/siemens-element-ng-filter-bar.d.ts}

@@ -1,6 +1,6 @@
+import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
 import * as _angular_core from '@angular/core';
-import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
 import { BackgroundColorVariant } from '@siemens/element-ng/common';
 
 /**
@@ -47,7 +47,7 @@ declare class SiFilterBarComponent {
      * t(() => $localize`:@@SI_FILTER_BAR.NO_FILTERS:No filters applied`)
      * ```
      */
-    readonly filterDefaultText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly filterDefaultText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Array of filter items to show
      *
@@ -62,7 +62,7 @@ declare class SiFilterBarComponent {
      * t(() => $localize`:@@SI_FILTER_BAR.RESET_FILTERS:Reset filters`)
      * ```
      */
-    readonly resetText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly resetText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Set false to hide reset filters button
      *
@@ -88,7 +88,7 @@ declare class SiFilterBarComponent {
      * t(() => $localize`:@@SI_FILTER_BAR.COLLAPSED_FILTERS_DESCRIPTION:+ {{count}} filters`)
      * ```
      */
-    readonly collapsedFiltersDescription: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly collapsedFiltersDescription: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Output callback to be executed when the reset filter is clicked
      */

package/{filtered-search/index.d.ts → types/siemens-element-ng-filtered-search.d.ts}

@@ -79,12 +79,6 @@ interface CriterionDefinition {
      */
     multiSelect?: boolean;
 }
-/**
- * @deprecated Use one the more specific types instead:
- * - {@link CriterionValue} for the output value of the FilteredSearch, containing the user input.
- * - {@link CriterionDefinition} for the definition of criteria so the [criteria] input of the {@link SiFilteredSearchComponent}.
- */
-type Criterion = CriterionValue & CriterionDefinition;
 /**
  * Type for options
  */
@@ -120,7 +114,7 @@ interface SearchCriteria {
      * The selected criteria of the filtered search. Each criteria has a name
      * and a value.
      */
-    criteria: (CriterionValue & Criterion)[];
+    criteria: CriterionValue[];
     /**
      * Additional unstructured free text, which the user entered in the search.
      */
@@ -170,7 +164,7 @@ declare class SiFilteredSearchComponent implements OnInit, OnChanges {
     /**
      * In addition to lazy loaded value, you can also lazy load the criteria itself
      */
-    readonly lazyCriterionProvider: _angular_core.InputSignal<((typed: string, searchCriteria?: SearchCriteria) => Observable<Criterion[] | CriterionDefinition[]>) | undefined>;
+    readonly lazyCriterionProvider: _angular_core.InputSignal<((typed: string, searchCriteria?: SearchCriteria) => Observable<CriterionDefinition[]>) | undefined>;
     /**
      * In many cases, your application defines the criteria, but the values need
      * to be loaded from a server. In this case you can provide a function that
@@ -183,14 +177,6 @@ declare class SiFilteredSearchComponent implements OnInit, OnChanges {
      * @defaultValue false
      */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Do not allow changes. Search can still be triggered.
-     *
-     * @deprecated Use {@link disabled} instead.
-     *
-     * @defaultValue false
-     */
-    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Limit criteria to the predefined ones.
      *
@@ -251,7 +237,7 @@ declare class SiFilteredSearchComponent implements OnInit, OnChanges {
      *
      * @defaultValue []
      */
-    readonly criteria: _angular_core.InputSignal<Criterion[] | CriterionDefinition[]>;
+    readonly criteria: _angular_core.InputSignal<CriterionDefinition[]>;
     /**
      * Opt-in to search for each criterion only once.
      *
@@ -413,7 +399,6 @@ declare class SiFilteredSearchComponent implements OnInit, OnChanges {
     private readonly lazyLoadedCriteria;
     private readonly loadedCriteria;
     private readonly internalFreeTextCriterion;
-    private readonly isReadOnly;
     constructor();
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
@@ -429,7 +414,7 @@ declare class SiFilteredSearchComponent implements OnInit, OnChanges {
      * Deletes all currently selected criteria and effectively resets the filtered search.
      */
     deleteAllCriteria(event?: MouseEvent): void;
-    protected deleteCriterion(criterion: CriterionValue, index: number, event: {
+    protected deleteCriterion(index: number, event: {
         triggerSearch: boolean;
     } | void): void;
     protected submit(): void;
@@ -463,7 +448,7 @@ declare class SiFilteredSearchComponent implements OnInit, OnChanges {
     private emitChangeEvent;
     protected createFreeTextPill(query: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiFilteredSearchComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiFilteredSearchComponent, "si-filtered-search", never, { "doSearchOnInputChange": { "alias": "doSearchOnInputChange"; "required": false; "isSignal": true; }; "lazyCriterionProvider": { "alias": "lazyCriterionProvider"; "required": false; "isSignal": true; }; "lazyValueProvider": { "alias": "lazyValueProvider"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "strictCriterion": { "alias": "strictCriterion"; "required": false; "isSignal": true; }; "strictValue": { "alias": "strictValue"; "required": false; "isSignal": true; }; "onlySelectValue": { "alias": "onlySelectValue"; "required": false; "isSignal": true; }; "lazyLoadingDebounceTime": { "alias": "lazyLoadingDebounceTime"; "required": false; "isSignal": true; }; "searchDebounceTime": { "alias": "searchDebounceTime"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "optionsInScrollableView": { "alias": "optionsInScrollableView"; "required": false; "isSignal": true; }; "searchCriteria": { "alias": "searchCriteria"; "required": false; "isSignal": true; }; "criteria": { "alias": "criteria"; "required": false; "isSignal": true; }; "exclusiveCriteria": { "alias": "exclusiveCriteria"; "required": false; "isSignal": true; }; "maxCriteria": { "alias": "maxCriteria"; "required": false; "isSignal": true; }; "maxCriteriaOptions": { "alias": "maxCriteriaOptions"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "clearButtonLabel": { "alias": "clearButtonLabel"; "required": false; "isSignal": true; }; "submitButtonLabel": { "alias": "submitButtonLabel"; "required": false; "isSignal": true; }; "itemCountText": { "alias": "itemCountText"; "required": false; "isSignal": true; }; "colorVariant": { "alias": "colorVariant"; "required": false; "isSignal": true; }; "disableFreeTextSearch": { "alias": "disableFreeTextSearch"; "required": false; "isSignal": true; }; "typeaheadOptionsLimit": { "alias": "typeaheadOptionsLimit"; "required": false; "isSignal": true; }; "disableSelectionByColonAndSemicolon": { "alias": "disableSelectionByColonAndSemicolon"; "required": false; "isSignal": true; }; "freeTextCriterion": { "alias": "freeTextCriterion"; "required": false; "isSignal": true; }; "searchForFreeTextLabel": { "alias": "searchForFreeTextLabel"; "required": false; "isSignal": true; }; }, { "doSearch": "doSearch"; "searchCriteria": "searchCriteriaChange"; "interceptDisplayedCriteria": "interceptDisplayedCriteria"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiFilteredSearchComponent, "si-filtered-search", never, { "doSearchOnInputChange": { "alias": "doSearchOnInputChange"; "required": false; "isSignal": true; }; "lazyCriterionProvider": { "alias": "lazyCriterionProvider"; "required": false; "isSignal": true; }; "lazyValueProvider": { "alias": "lazyValueProvider"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "strictCriterion": { "alias": "strictCriterion"; "required": false; "isSignal": true; }; "strictValue": { "alias": "strictValue"; "required": false; "isSignal": true; }; "onlySelectValue": { "alias": "onlySelectValue"; "required": false; "isSignal": true; }; "lazyLoadingDebounceTime": { "alias": "lazyLoadingDebounceTime"; "required": false; "isSignal": true; }; "searchDebounceTime": { "alias": "searchDebounceTime"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "optionsInScrollableView": { "alias": "optionsInScrollableView"; "required": false; "isSignal": true; }; "searchCriteria": { "alias": "searchCriteria"; "required": false; "isSignal": true; }; "criteria": { "alias": "criteria"; "required": false; "isSignal": true; }; "exclusiveCriteria": { "alias": "exclusiveCriteria"; "required": false; "isSignal": true; }; "maxCriteria": { "alias": "maxCriteria"; "required": false; "isSignal": true; }; "maxCriteriaOptions": { "alias": "maxCriteriaOptions"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "clearButtonLabel": { "alias": "clearButtonLabel"; "required": false; "isSignal": true; }; "submitButtonLabel": { "alias": "submitButtonLabel"; "required": false; "isSignal": true; }; "itemCountText": { "alias": "itemCountText"; "required": false; "isSignal": true; }; "colorVariant": { "alias": "colorVariant"; "required": false; "isSignal": true; }; "disableFreeTextSearch": { "alias": "disableFreeTextSearch"; "required": false; "isSignal": true; }; "typeaheadOptionsLimit": { "alias": "typeaheadOptionsLimit"; "required": false; "isSignal": true; }; "disableSelectionByColonAndSemicolon": { "alias": "disableSelectionByColonAndSemicolon"; "required": false; "isSignal": true; }; "freeTextCriterion": { "alias": "freeTextCriterion"; "required": false; "isSignal": true; }; "searchForFreeTextLabel": { "alias": "searchForFreeTextLabel"; "required": false; "isSignal": true; }; }, { "doSearch": "doSearch"; "searchCriteria": "searchCriteriaChange"; "interceptDisplayedCriteria": "interceptDisplayedCriteria"; }, never, never, true, never>;
 }
 
 declare class SiFilteredSearchModule {
@@ -473,4 +458,4 @@ declare class SiFilteredSearchModule {
 }
 
 export { SiFilteredSearchComponent, SiFilteredSearchModule };
-export type { Criterion, CriterionDefinition, CriterionValue, DisplayedCriteriaEventArgs, OptionCriterion, OptionType, SearchCriteria, ValidationType };
+export type { CriterionDefinition, CriterionValue, DisplayedCriteriaEventArgs, OptionCriterion, OptionType, SearchCriteria, ValidationType };

package/{form/index.d.ts → types/siemens-element-ng-form.d.ts}

@@ -264,10 +264,8 @@ interface SiFormItemControl {
      * Generated ID that the {@link SiFormItemComponent} will assign to the element containing the error messages.
      * Implementations of {@link SiFormItemControl} must generate this ID
      * and assign it to the `aria-describedby` attribute of their focusable elements.
-     *
-     * This property will be required with v48.
      */
-    readonly errormessageId?: string | Signal<string | undefined>;
+    readonly errormessageId: string | Signal<string>;
     /** If the control is meant to be used a checkbox. This affects the label positioning. */
     readonly isFormCheck?: boolean;
 }
@@ -283,7 +281,7 @@ declare class SiFormItemComponent implements AfterContentInit, AfterContentCheck
      * The label to be displayed in the form item.
      * It will be translated if a translation key is available.
      */
-    readonly label: _angular_core.InputSignal<TranslatableString | null | undefined>;
+    readonly label: _angular_core.InputSignal<TranslatableString>;
     /**
      * A custom width value to be applied to the label.
      * A value of 0 is allowed as well to visually hide away the label area.
@@ -316,7 +314,7 @@ declare class SiFormItemComponent implements AfterContentInit, AfterContentCheck
     readonly errors: _angular_core.WritableSignal<SiFormError[]>;
     protected fieldset: SiFormFieldsetComponent | null;
     protected container: SiFormContainerComponent<{
-        [x: string]: _angular_forms.AbstractControl<any, any>;
+        [x: string]: _angular_forms.AbstractControl<any, any, any>;
     }> | null;
     protected get formItemId(): string | null;
     protected get formItemLabelledBy(): string | null;
@@ -340,7 +338,7 @@ declare class SiFormItemComponent implements AfterContentInit, AfterContentCheck
     private updateRequiredState;
     private updateValidationMessages;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiFormItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiFormItemComponent, "si-form-item", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "disableErrorPrinting": { "alias": "disableErrorPrinting"; "required": false; "isSignal": true; }; "formErrorMapper": { "alias": "formErrorMapper"; "required": false; "isSignal": true; }; "requiredInput": { "alias": "required"; "required": false; "isSignal": true; }; }, {}, ["fieldControlQuery", "ngControl", "controlElementRef", "requiredValidator"], ["[si-help-button]", ".warning-feedback, .info-feedback, .invalid-feedback", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiFormItemComponent, "si-form-item", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "disableErrorPrinting": { "alias": "disableErrorPrinting"; "required": false; "isSignal": true; }; "formErrorMapper": { "alias": "formErrorMapper"; "required": false; "isSignal": true; }; "requiredInput": { "alias": "required"; "required": false; "isSignal": true; }; }, {}, ["fieldControlQuery", "ngControl", "controlElementRef", "requiredValidator"], ["[si-help-button]", ".warning-feedback, .info-feedback, .invalid-feedback", "*"], true, never>;
 }
 
 /**

package/{formly/index.d.ts → types/siemens-element-ng-formly.d.ts}

@@ -202,7 +202,7 @@ declare class SiFormlyTextDisplayComponent extends FieldType<FieldTypeConfig> {
 }
 
 declare class SiFormlyWrapperComponent extends FieldWrapper {
-    protected get label(): string | undefined;
+    protected get label(): string;
     protected get labelWidth(): number | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<SiFormlyWrapperComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SiFormlyWrapperComponent, "si-formly-wrapper", never, {}, {}, never, never, true, never>;

package/types/siemens-element-ng-icon.d.ts

@@ -0,0 +1,203 @@
+import * as _angular_core from '@angular/core';
+import { Provider, InjectionToken } from '@angular/core';
+import * as _angular_platform_browser from '@angular/platform-browser';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import * as _siemens_element_ng_common from '@siemens/element-ng/common';
+import { StatusIcon, EntityStatusType } from '@siemens/element-ng/common';
+
+/**
+ * Global configuration for icons.
+ *
+ * @experimental
+ */
+interface IconConfig {
+    /**
+     * If true, the si-icon component will always render the icon font instead of the svg.
+     *
+     * @defaultValue true
+     */
+    disableSvgIcons?: boolean;
+}
+/**
+ * Configure how Element handles icons. Provide only once in your global configuration.
+ *
+ * @experimental
+ */
+declare const provideIconConfig: (config: IconConfig) => Provider;
+/**
+ * Component to render a font or SVG icon depending on the configuration.
+ * If no SVG icon is found, the component will fall back to render the icon-font.
+ * In that case, an application must ensure that the icon font is loaded.
+ * This component will only attach the respective class.
+ *
+ * The content of this component is hidden in the a11y tree.
+ * If needed, the consumer must set proper labels.
+ *
+ * @experimental
+ */
+declare class SiIconComponent {
+    /**
+     * Define which icon should be rendered.
+     * Provide using:
+     * - value of the icon map provided by `addIcons`
+     * - (not recommended): plain string in kebab-case or camelCase
+     *
+     * @example
+     * ```ts
+     * import { elementUser } from '@siemens/element-icons';
+     *
+     * @Component({template: `
+     *   <si-icon [icon]="icons.elementUser" />
+     *   <si-icon icon="element-user" />
+     *   <si-icon icon="elementUser" />
+     *
+     * `})
+     * class MyComponent {
+     *   icons = addIcons(elementUser);
+     * }
+     * ```
+     */
+    readonly icon: _angular_core.InputSignal<string>;
+    private readonly config;
+    private readonly iconService;
+    protected readonly svgIcon: _angular_core.Signal<_angular_platform_browser.SafeHtml | undefined>;
+    /** Icon class, which is ensured to be kebab-case. */
+    protected readonly fontIcon: _angular_core.Signal<string | undefined>;
+    private isKebabCase;
+    /**
+     * Converts a camelCase string to kebab-case.
+     * If the string is already in kebab-case, it returns it unchanged.
+     *
+     * Note: This conversion has limitations with mixed alphanumeric cases.
+     * Complex number-letter combinations may not convert as expected.
+     */
+    private camelToKebabCase;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiIconComponent, "si-icon", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * @deprecated This component should no longer be used.
+ * Use the {@link SiIconComponent} instead.
+ * Existing usages can be replaced as follows:
+ *
+ * ```html
+ * <!-- before -->
+ * <si-icon icon="element-user" color="text-danger" />
+ * <!-- after -->
+ * <si-icon icon="element-user" class="icon text-danger" />
+ * ```
+ *
+ * **Important:** Previously, the class `icon` was automatically applied. Unless not needed,
+ * it must now be applied manually.
+ * The icon class scales up the icon compared to its surrounding text.
+ *
+ * Stacked icons need to be constructed in HTML directly.
+ * If applicable, the `si-status-icon` component should be used instead.
+ *
+ * ```html
+ * <!-- before -->
+ * <si-icon
+ *   icon="element-circle-filled"
+ *   color="status-success"
+ *   stackedIcon="element-state-tick"
+ *   stackedColor="status-success-contrast"
+ *   alt="Success"
+ * />
+ *
+ * <!-- after -->
+ * <div class="icon-stack icon" aria-label="Success">
+ *   <si-icon icon="element-circle-filled" class="status-success" />
+ *   <si-icon icon="element-state-tick" class="status-success-contrast" />
+ * </div>
+ * ```
+ */
+declare class SiIconLegacyComponent {
+    /** Icon token, see {@link https://element.siemens.io/icons/element} */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /** Color class, see {@link https://element.siemens.io/fundamentals/typography/#color-variants-classes} */
+    readonly color: _angular_core.InputSignal<string | undefined>;
+    /** Icon token, see {@link https://element.siemens.io/fundamentals/icons/} */
+    readonly stackedIcon: _angular_core.InputSignal<string | undefined>;
+    /** Color class, see {@link https://element.siemens.io/fundamentals/icons/} */
+    readonly stackedColor: _angular_core.InputSignal<string | undefined>;
+    /** Alternative name or translation key for icon. Used for A11y. */
+    readonly alt: _angular_core.InputSignal<TranslatableString | undefined>;
+    /**
+     * Text-size class for icon size, see {@link https://element.siemens.io/fundamentals/typography/#type-styles-classes}
+     *
+     * @defaultValue 'icon'
+     */
+    readonly size: _angular_core.InputSignal<string>;
+    protected readonly altText: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiIconLegacyComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiIconLegacyComponent, "si-icon-legacy", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "stackedIcon": { "alias": "stackedIcon"; "required": false; "isSignal": true; }; "stackedColor": { "alias": "stackedColor"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SiIconModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiIconModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiIconModule, never, [typeof SiIconComponent, typeof SiIconLegacyComponent], [typeof SiIconComponent, typeof SiIconLegacyComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiIconModule>;
+}
+
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * The status icon configuration.
+ *
+ * @experimental
+ */
+declare const STATUS_ICON_CONFIG: InjectionToken<{
+    unknown: StatusIcon;
+    info: StatusIcon;
+    success: StatusIcon;
+    warning: StatusIcon;
+    danger: StatusIcon;
+    caution: StatusIcon;
+    critical: StatusIcon;
+    pending: StatusIcon;
+    progress: StatusIcon;
+}>;
+
+/**
+ * Adds the provided icons.
+ * It requires an Angular InjectionContent.
+ * The Icons are available until the component is destroyed.
+ * Call this function only in the component which actually uses the icon.
+ * Importing all icons on the global level is discouraged.
+ *
+ * When using a string instead of the object to use an icon,
+ * use the kebab-case version of the icon name.
+ *
+ * @example
+ * ```ts
+ * import { elementIcon } from '@siemens/element-icons';
+ * import { addIcons } from '@siemens/element-ng/icon';
+ *
+ * @Component({`<si-icon [icon]="icons.elementIcon"`})
+ * class MyComponent {
+ *   icons = addIcons({ elementIcon })
+ * }
+ * ```
+ */
+declare const addIcons: <T extends string>(icons: Record<T, string>) => Record<T, string>;
+
+declare class SiStatusIconComponent {
+    private readonly statusIcons;
+    readonly status: _angular_core.InputSignal<EntityStatusType>;
+    protected readonly statusIcon: _angular_core.Signal<_siemens_element_ng_common.StatusIcon>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiStatusIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiStatusIconComponent, "si-status-icon", never, { "status": { "alias": "status"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+declare const elementCheckedImageShape = "data:image/svg+xml;base64,PHN2ZyBpZD0iSWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+CiAgPHRpdGxlPm9rPC90aXRsZT4KICA8cGF0aCBkPSJNMzc5LjUxLDE1Ni43NmwtMTczLDE3My03NC03NGExMiwxMiwwLDEsMC0xNywxN2w4Mi41LDgyLjVhMTIsMTIsMCwwLDAsMTcsMGwxODEuNS0xODEuNWExMiwxMiwwLDAsMC0xNy0xN1oiLz4KPC9zdmc+Cg==";
+
+export { STATUS_ICON_CONFIG, SiIconComponent, SiIconLegacyComponent, SiIconModule, SiStatusIconComponent, addIcons, elementCheckedImageShape, provideIconConfig };
+export type { IconConfig };