@siemens/element-ng 49.12.0 → 51.0.0-rc.3

package/schematics/migrations/utilities/import-removal.js

@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) Siemens 2016 - 2026
+ * SPDX-License-Identifier: MIT
+ */
+import ts from 'typescript';
+/**
+ * Builds an edit that removes the given named import specifiers from an import
+ * declaration.
+ *
+ * If no specifiers remain after the removal, the whole import declaration is removed
+ * (including its trailing newline). Otherwise the import is rebuilt without the removed
+ * specifiers while preserving the remaining specifiers and their aliases.
+ */
+export const removeImportSpecifiers = (sourceFile, importDeclaration, specifiers) => {
+    const namedBindings = importDeclaration.importClause?.namedBindings;
+    const remainingElements = namedBindings && ts.isNamedImports(namedBindings)
+        ? namedBindings.elements.filter(element => !specifiers.includes(element))
+        : [];
+    if (remainingElements.length === 0) {
+        // No named binding remains: remove the whole import declaration including the
+        // trailing newline so no empty line is left behind.
+        const start = importDeclaration.getStart(sourceFile);
+        let end = importDeclaration.getEnd();
+        const fullText = sourceFile.getFullText();
+        if (fullText[end] === '\r') {
+            end++;
+        }
+        if (fullText[end] === '\n') {
+            end++;
+        }
+        return { start, width: end - start };
+    }
+    const updatedImport = ts.factory.createImportDeclaration(importDeclaration.modifiers, ts.factory.createImportClause(importDeclaration.importClause.isTypeOnly, importDeclaration.importClause.name, ts.factory.createNamedImports(remainingElements.map(element => ts.factory.createImportSpecifier(element.isTypeOnly, element.propertyName, element.name)))), importDeclaration.moduleSpecifier, importDeclaration.attributes);
+    return {
+        start: importDeclaration.getStart(sourceFile),
+        width: importDeclaration.getWidth(sourceFile),
+        newNode: updatedImport
+    };
+};

package/schematics/migrations/utilities/index.js

@@ -9,4 +9,6 @@ export * from './component-property-name.migration.js';
 export * from './element-selector.migration.js';
 export * from './symbol-renaming.migration.js';
 export * from './symbol-removal.migration.js';
+export * from './provider-function-removal.migration.js';
+export * from './import-removal.js';
 export * from './migration.interface.js';

package/schematics/migrations/utilities/provider-function-removal.migration.js

@@ -0,0 +1,116 @@
+/**
+ * Copyright (c) Siemens 2016 - 2026
+ * SPDX-License-Identifier: MIT
+ */
+import ts from 'typescript';
+import { getImportSpecifiers } from '../../utils/index.js';
+import { removeImportSpecifiers } from './import-removal.js';
+export const applyProviderFunctionRemovalMigration = (context, changes) => {
+    const { discoveredSourceFile, recorder } = context;
+    if (!changes?.length) {
+        return;
+    }
+    const { sourceFile } = discoveredSourceFile;
+    const edits = [];
+    for (const change of changes) {
+        const importSpecifiers = getImportSpecifiers(sourceFile, change.module, change.names);
+        if (!importSpecifiers.length) {
+            continue;
+        }
+        // Local names as they are used in the file (respecting import aliases).
+        const localNames = new Set(importSpecifiers.map(specifier => specifier.name.text));
+        const removedCall = collectArrayElementRemovals(sourceFile, localNames, edits);
+        // Only remove the import if at least one call was actually removed from a provider array.
+        if (removedCall) {
+            // Group the matched specifiers by their import declaration so a single edit is
+            // produced per declaration, even when multiple names are removed at once.
+            const specifiersByImport = new Map();
+            for (const specifier of importSpecifiers) {
+                const importDeclaration = specifier.parent.parent.parent;
+                if (!ts.isImportDeclaration(importDeclaration)) {
+                    continue;
+                }
+                const existing = specifiersByImport.get(importDeclaration) ?? [];
+                existing.push(specifier);
+                specifiersByImport.set(importDeclaration, existing);
+            }
+            for (const [importDeclaration, specifiers] of specifiersByImport) {
+                edits.push(removeImportSpecifiers(sourceFile, importDeclaration, specifiers));
+            }
+        }
+    }
+    if (!edits.length) {
+        return;
+    }
+    const printer = ts.createPrinter();
+    // Apply edits from bottom to top so earlier offsets stay valid.
+    edits.sort((a, b) => b.start - a.start);
+    for (const edit of edits) {
+        recorder.remove(edit.start, edit.width);
+        if (edit.newNode) {
+            recorder.insertLeft(edit.start, printer.printNode(ts.EmitHint.Unspecified, edit.newNode, sourceFile));
+        }
+    }
+};
+/**
+ * Finds all call expressions of the given local names that appear as direct elements of
+ * an array literal (e.g. a `providers: [...]` array) and records removal edits covering
+ * the call together with its adjacent comma and surrounding whitespace.
+ *
+ * @returns `true` if at least one call was scheduled for removal.
+ */
+const collectArrayElementRemovals = (sourceFile, localNames, edits) => {
+    let removed = false;
+    const visit = (node) => {
+        if (ts.isCallExpression(node) &&
+            ts.isIdentifier(node.expression) &&
+            localNames.has(node.expression.text) &&
+            ts.isArrayLiteralExpression(node.parent)) {
+            edits.push(getArrayElementRemovalRange(sourceFile, node.parent, node));
+            removed = true;
+        }
+        ts.forEachChild(node, visit);
+    };
+    visit(sourceFile);
+    return removed;
+};
+/**
+ * Computes the removal range for a single element of an array literal so that the
+ * remaining array stays syntactically valid (no dangling commas).
+ */
+const getArrayElementRemovalRange = (sourceFile, array, element) => {
+    const elements = array.elements;
+    const index = elements.indexOf(element);
+    const text = sourceFile.getFullText();
+    const elementStart = element.getStart(sourceFile);
+    const elementEnd = element.getEnd();
+    const isLast = index === elements.length - 1;
+    if (!isLast) {
+        // Remove up to (and including) the comma before the next element, plus the
+        // whitespace that follows it.
+        let end = elementEnd;
+        while (end < text.length && text[end] !== ',') {
+            end++;
+        }
+        // Skip the comma itself.
+        if (text[end] === ',') {
+            end++;
+        }
+        // Skip whitespace before the next element.
+        while (end < text.length && /\s/.test(text[end])) {
+            end++;
+        }
+        return { start: elementStart, width: end - elementStart };
+    }
+    // Last element: also remove the comma and whitespace that precede it, so the previous
+    // element does not end up with a trailing comma.
+    let start = elementStart;
+    let cursor = elementStart - 1;
+    while (cursor >= 0 && /\s/.test(text[cursor])) {
+        cursor--;
+    }
+    if (cursor >= 0 && text[cursor] === ',') {
+        start = cursor;
+    }
+    return { start, width: elementEnd - start };
+};

package/schematics/ng-update/index.js

@@ -2,4 +2,4 @@
  * Copyright (c) Siemens 2016 - 2026
  * SPDX-License-Identifier: MIT
  */
-export { migrateToV49 } from './migrate-to-v49.js';
+export { migrateToV51 } from './migrate-to-v51.js';

package/schematics/ng-update/{migrate-to-v49.js → migrate-to-v51.js}

@@ -7,9 +7,9 @@ import { getElementMigrationData } from '../migrations/data/index.js';
 import { elementMigrationRule } from '../migrations/element-migration/element-migration.js';
 import { iconPathMigrationRule } from '../migrations/icon-path-migration/index.js';
 import { missingTranslateMigrationRule } from '../migrations/ngx-translate/index.js';
-export const migrateToV49 = () => {
+export const migrateToV51 = () => {
     return (tree, context) => {
-        context.logger.info('🚀 Starting update from version 48 to 49...');
+        context.logger.info('🚀 Starting update from version 49 to 51...');
         const migrationData = getElementMigrationData();
         const options = { path: '/' };
         return chain([

package/template-i18n.json

@@ -5,7 +5,7 @@
   "SI_APPLICATION_HEADER.LAUNCHPAD": "Launchpad",
   "SI_APPLICATION_HEADER.TOGGLE_ACTIONS": "Toggle actions",
   "SI_APPLICATION_HEADER.TOGGLE_NAVIGATION": "Toggle navigation",
-  "SI_ATTACHMENT_LIST.REMOVE_ATTACHMENT": "Remove attachment",
+  "SI_ATTACHMENT_LIST.REMOVE_ATTACHMENT": "Remove {{attachment}}",
   "SI_BREADCRUMB": "Breadcrumbs",
   "SI_BREADCRUMB_ROUTER_LABEL": "breadcrumb",
   "SI_CAROUSEL.NEXT": "Next slide",
@@ -103,10 +103,9 @@
   "SI_FILE_UPLOADER.ACCEPTED_FILE_TYPES": "Accepted file types: {{accept}}.",
   "SI_FILE_UPLOADER.CANCEL": "Cancel",
   "SI_FILE_UPLOADER.CLEAR": "Clear",
-  "SI_FILE_UPLOADER.DROP": "Drop files here or",
+  "SI_FILE_UPLOADER.DROP": "Drop files here or click to upload",
   "SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED": "File exceeds allowed maximum size of {{maxFileSize}}",
   "SI_FILE_UPLOADER.ERROR_FILE_TYPE": "Incorrect file type selected",
-  "SI_FILE_UPLOADER.FILE_SELECT": "click to upload",
   "SI_FILE_UPLOADER.MAX_FILE_REACHED": "Max. {{maxFiles}} files",
   "SI_FILE_UPLOADER.MAX_SIZE": "Max. {{maxFileSize}} upload size.",
   "SI_FILE_UPLOADER.REMOVE": "Remove",
@@ -221,11 +220,9 @@
   "SI_SLIDER.DECREMENT": "Decrement",
   "SI_SLIDER.INCREMENT": "Increment",
   "SI_SLIDER.LABEL": "Value",
-  "SI_SORT_BAR.TITLE": "Sort by",
   "SI_STATUS_BAR.ALL_OK": "All OK",
-  "SI_STATUS_BAR.COLLAPSE": "Collapse",
-  "SI_STATUS_BAR.EXPAND": "Expand",
   "SI_STATUS_BAR.MUTE": "Mute/unmute",
+  "SI_STATUS_BAR.TOGGLE": "Toggle",
   "SI_THRESHOLD.ADD": "Add step",
   "SI_THRESHOLD.DELETE": "Delete step",
   "SI_THRESHOLD.INPUT_LABEL": "Threshold value",

package/types/siemens-element-ng-application-header.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 { OnDestroy, TemplateRef, Injector, OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { OnDestroy, TemplateRef, Injector, OnInit, OnChanges, Signal, ElementRef, SimpleChanges } from '@angular/core';
 import { HeaderWithDropdowns, SiHeaderDropdownTriggerDirective } from '@siemens/element-ng/header-dropdown';
 import { Subject } from 'rxjs';
 import * as _siemens_element_ng_application_header from '@siemens/element-ng/application-header';
@@ -147,10 +147,16 @@ declare abstract class SiHeaderActionIconItemBase extends SiHeaderActionItemBase
      * - =true, an empty red dot will be shown
      */
     readonly badge: _angular_core.InputSignal<number | boolean | null | undefined>;
-    protected readonly badgeDot: _angular_core.Signal<boolean>;
-    protected readonly badgeValue: _angular_core.Signal<string | undefined>;
+    protected abstract readonly itemTitle: Signal<string | ElementRef<Element>>;
+    private readonly tooltipService;
+    private readonly elementRef;
+    private readonly existingTooltip;
+    protected readonly badgeDot: Signal<boolean>;
+    protected readonly badgeValue: Signal<string | undefined>;
+    constructor();
+    private setupTooltip;
     ngOnChanges(changes: SimpleChanges<this>): void;
-    protected get visuallyHideTitle(): boolean;
+    protected readonly visuallyHideTitle: Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiHeaderActionIconItemBase, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiHeaderActionIconItemBase, never, never, { "badge": { "alias": "badge"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -159,6 +165,7 @@ declare abstract class SiHeaderActionIconItemBase extends SiHeaderActionItemBase
 declare class SiHeaderActionItemComponent extends SiHeaderActionIconItemBase {
     /** The icon to be shown. */
     readonly icon: _angular_core.InputSignal<string>;
+    protected readonly itemTitle: _angular_core.Signal<ElementRef<HTMLElement>>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiHeaderActionItemComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiHeaderActionItemComponent, "button[si-header-action-item], a[si-header-action-item]", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; }, {}, never, ["si-avatar", "*"], true, never>;
 }
@@ -171,6 +178,7 @@ declare class SiHeaderAccountItemComponent extends SiHeaderActionIconItemBase {
     readonly initials: _angular_core.InputSignal<string | undefined>;
     /** URL to an image which should be shown instead of the initials. */
     readonly imageUrl: _angular_core.InputSignal<string | undefined>;
+    protected readonly itemTitle: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiHeaderAccountItemComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiHeaderAccountItemComponent, "button[si-header-account-item]", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "imageUrl": { "alias": "imageUrl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -197,26 +205,6 @@ declare class SiHeaderLogoDirective implements OnInit {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiHeaderLogoDirective, "si-header-logo, [siHeaderLogo]", never, {}, {}, never, never, true, never>;
 }
 
-/**
- * The siemens logo.
- * Should be located inside `.header-brand`.
- *
- * @deprecated Use the {@link SiHeaderLogoDirective} instead.
- * The new component will use the logo provided by the global theme instead
- * of containing a hard coded siemens logo.
- * ```html
- * // previous
- * <a si-header-siemens-logo routerLink="/" aria-label="Siemens" class="d-none d-md-flex"></a>
- * // new
- * <a siHeaderLogo routerLink="/" class="d-none d-md-flex"></a>
- * ```
- *
- */
-declare class SiHeaderSiemensLogoComponent extends SiHeaderLogoDirective {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiHeaderSiemensLogoComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiHeaderSiemensLogoComponent, "si-header-siemens-logo, [si-header-siemens-logo]", never, {}, {}, never, never, true, never>;
-}
-
 declare class SiHeaderActionsDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiHeaderActionsDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiHeaderActionsDirective, "si-header-actions", never, {}, {}, never, never, true, never>;
@@ -371,5 +359,5 @@ declare class SiLaunchpadFactoryComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiLaunchpadFactoryComponent, "si-launchpad-factory", never, { "closeText": { "alias": "closeText"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "subtitleText": { "alias": "subtitleText"; "required": false; "isSignal": true; }; "apps": { "alias": "apps"; "required": true; "isSignal": true; }; "enableFavorites": { "alias": "enableFavorites"; "required": false; "isSignal": true; }; "favoriteAppsText": { "alias": "favoriteAppsText"; "required": false; "isSignal": true; }; "showMoreAppsText": { "alias": "showMoreAppsText"; "required": false; "isSignal": true; }; "showLessAppsText": { "alias": "showLessAppsText"; "required": false; "isSignal": true; }; }, { "favoriteChange": "favoriteChange"; }, never, never, true, never>;
 }
 
-export { SiAccountDetailsComponent, SiApplicationHeaderComponent, SiHeaderAccountItemComponent, SiHeaderActionItemComponent, SiHeaderActionsDirective, SiHeaderBrandDirective, SiHeaderCollapsibleActionsComponent, SiHeaderLogoDirective, SiHeaderNavigationComponent, SiHeaderNavigationItemComponent, SiHeaderSelectionItemComponent, SiHeaderSiemensLogoComponent, SiLaunchpadFactoryComponent };
+export { SiAccountDetailsComponent, SiApplicationHeaderComponent, SiHeaderAccountItemComponent, SiHeaderActionItemComponent, SiHeaderActionsDirective, SiHeaderBrandDirective, SiHeaderCollapsibleActionsComponent, SiHeaderLogoDirective, SiHeaderNavigationComponent, SiHeaderNavigationItemComponent, SiHeaderSelectionItemComponent, SiLaunchpadFactoryComponent };
 export type { App, AppBase, AppCategory, AppLink, AppRouterLink, FavoriteChangeEvent };

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

@@ -1,4 +1,4 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { OnInit } from '@angular/core';
 import { Highlightable } from '@angular/cdk/a11y';
 
@@ -12,30 +12,30 @@ declare class SiAutocompleteOptionDirective<T = unknown> implements Highlightabl
      * `__si-autocomplete-option-${SiAutocompleteOptionDirective.idCounter++}`
      * ```
      */
-    readonly id: i0.InputSignal<string>;
+    readonly id: _angular_core.InputSignal<string>;
     /** @defaultValue false */
-    readonly disabledInput: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
     get disabled(): boolean;
     /** @defaultValue undefined */
-    readonly value: i0.InputSignal<T | undefined>;
-    protected active?: boolean;
+    readonly value: _angular_core.InputSignal<T | undefined>;
+    protected readonly active: _angular_core.WritableSignal<boolean>;
     protected click(): void;
     /** @internal */
     setActiveStyles(): void;
     /** @internal */
     setInactiveStyles(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiAutocompleteOptionDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SiAutocompleteOptionDirective<any>, "[siAutocompleteOption]", ["siAutocompleteOption"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "siAutocompleteOption"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiAutocompleteOptionDirective<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiAutocompleteOptionDirective<any>, "[siAutocompleteOption]", ["siAutocompleteOption"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "siAutocompleteOption"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SiAutocompleteDirective<T> {
     /** @internal */
-    readonly listbox: i0.WritableSignal<SiAutocompleteListboxDirective<T> | undefined>;
+    readonly listbox: _angular_core.WritableSignal<SiAutocompleteListboxDirective<T> | undefined>;
     protected get activeDescendant(): string;
     protected keydown(event: KeyboardEvent): void;
     get active(): SiAutocompleteOptionDirective<T> | undefined | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiAutocompleteDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SiAutocompleteDirective<any>, "input[siAutocomplete]", ["siAutocomplete"], {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiAutocompleteDirective<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiAutocompleteDirective<any>, "input[siAutocomplete]", ["siAutocomplete"], {}, {}, never, never, true, never>;
 }
 
 declare class SiAutocompleteListboxDirective<T> implements OnInit {
@@ -47,11 +47,11 @@ declare class SiAutocompleteListboxDirective<T> implements OnInit {
      * `__si-autocomplete-listbox-${SiAutocompleteListboxDirective.idCounter++}`
      * ```
      */
-    readonly id: i0.InputSignal<string>;
-    readonly autocomplete: i0.InputSignal<SiAutocompleteDirective<T>>;
+    readonly id: _angular_core.InputSignal<string>;
+    readonly autocomplete: _angular_core.InputSignal<SiAutocompleteDirective<T>>;
     /** @defaultValue 0 */
-    readonly siAutocompleteDefaultIndex: i0.InputSignal<number>;
-    readonly siAutocompleteOptionSubmitted: i0.OutputEmitterRef<T | undefined>;
+    readonly siAutocompleteDefaultIndex: _angular_core.InputSignal<number>;
+    readonly siAutocompleteOptionSubmitted: _angular_core.OutputEmitterRef<T | undefined>;
     private injector;
     private keyManager;
     private changeDetectorRef;
@@ -62,14 +62,14 @@ declare class SiAutocompleteListboxDirective<T> implements OnInit {
     /** @internal */
     onKeydown(event: KeyboardEvent): void;
     get active(): SiAutocompleteOptionDirective<T> | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiAutocompleteListboxDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SiAutocompleteListboxDirective<any>, "[siAutocompleteListboxFor]", ["siAutocompleteListbox"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "siAutocompleteListboxFor"; "required": true; "isSignal": true; }; "siAutocompleteDefaultIndex": { "alias": "siAutocompleteDefaultIndex"; "required": false; "isSignal": true; }; }, { "siAutocompleteOptionSubmitted": "siAutocompleteOptionSubmitted"; }, ["options"], never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiAutocompleteListboxDirective<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiAutocompleteListboxDirective<any>, "[siAutocompleteListboxFor]", ["siAutocompleteListbox"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "siAutocompleteListboxFor"; "required": true; "isSignal": true; }; "siAutocompleteDefaultIndex": { "alias": "siAutocompleteDefaultIndex"; "required": false; "isSignal": true; }; }, { "siAutocompleteOptionSubmitted": "siAutocompleteOptionSubmitted"; }, ["options"], never, true, never>;
 }
 
 declare class SiAutocompleteModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiAutocompleteModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SiAutocompleteModule, never, [typeof SiAutocompleteDirective, typeof SiAutocompleteListboxDirective, typeof SiAutocompleteOptionDirective], [typeof SiAutocompleteDirective, typeof SiAutocompleteListboxDirective, typeof SiAutocompleteOptionDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SiAutocompleteModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiAutocompleteModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiAutocompleteModule, never, [typeof SiAutocompleteDirective, typeof SiAutocompleteListboxDirective, typeof SiAutocompleteOptionDirective], [typeof SiAutocompleteDirective, typeof SiAutocompleteListboxDirective, typeof SiAutocompleteOptionDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiAutocompleteModule>;
 }
 
 export { SiAutocompleteDirective, SiAutocompleteListboxDirective, SiAutocompleteModule, SiAutocompleteOptionDirective };

package/types/siemens-element-ng-chat-messages.d.ts

@@ -168,11 +168,12 @@ declare class SiAttachmentListComponent {
      */
     readonly removable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
-     * Label for remove attachment button
+     * Label for remove attachment button.
+     * The attachment name is available with `{{attachment}}`.
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_ATTACHMENT_LIST.REMOVE_ATTACHMENT:Remove attachment`)
+     * t(() => $localize`:@@SI_ATTACHMENT_LIST.REMOVE_ATTACHMENT:Remove {{attachment}}`)
      * ```
      */
     readonly removeLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
@@ -449,11 +450,12 @@ declare class SiChatInputComponent implements AfterViewInit {
      */
     readonly attachFileLabel: _angular_core.InputSignal<TranslatableString$1>;
     /**
-     * Remove attachment aria label prefix
+     * Remove attachment aria label.
+     * The attachment name is available with `{{attachment}}`.
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_ATTACHMENT_LIST.REMOVE_ATTACHMENT:Remove attachment`)
+     * t(() => $localize`:@@SI_ATTACHMENT_LIST.REMOVE_ATTACHMENT:Remove {{attachment}}`)
      * ```
      */
     readonly removeAttachmentLabel: _angular_core.InputSignal<TranslatableString$1>;

package/types/siemens-element-ng-circle-status.d.ts

@@ -25,7 +25,7 @@ declare class SiCircleStatusComponent implements OnChanges, OnDestroy {
      *
      * @defaultValue 'regular'
      */
-    readonly size: _angular_core.InputSignal<"regular" | "small">;
+    readonly size: _angular_core.InputSignal<"small" | "regular">;
     /**
      * event direction is out
      *

package/types/siemens-element-ng-date-range-filter.d.ts

@@ -283,7 +283,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
     protected readonly advancedMode: _angular_core.WritableSignal<boolean>;
     protected readonly dateRange: _angular_core.WritableSignal<DateRange>;
     protected readonly point1Now: _angular_core.WritableSignal<boolean>;
-    protected readonly point2Mode: _angular_core.WritableSignal<"duration" | "date">;
+    protected readonly point2Mode: _angular_core.WritableSignal<"date" | "duration">;
     protected readonly point1date: _angular_core.WritableSignal<Date>;
     protected readonly point2date: _angular_core.WritableSignal<Date>;
     protected readonly point2offset: _angular_core.WritableSignal<number>;

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

@@ -334,16 +334,6 @@ declare class SiDatepickerComponent implements OnInit, OnChanges, AfterViewInit
      * ```
      */
     readonly nextLabel: _angular_core.InputSignal<TranslatableString>;
-    /**
-     * Aria label for week number column
-     *
-     * @deprecated Use `calendarWeekLabel` instead.
-     * @defaultValue
-     * ```
-     * t(() => $localize`:@@SI_DATEPICKER.CALENDAR_WEEK_LABEL:Calendar week`)
-     * ```
-     */
-    readonly calenderWeekLabel: _angular_core.InputSignal<TranslatableString | undefined>;
     /**
      * Aria label for week number column
      *
@@ -353,7 +343,6 @@ declare class SiDatepickerComponent implements OnInit, OnChanges, AfterViewInit
      * ```
      */
     readonly calendarWeekLabel: _angular_core.InputSignal<TranslatableString>;
-    protected readonly derivedWeekLabel: _angular_core.Signal<TranslatableString>;
     /**
      * Enable/disable 12H mode in timepicker. Defaults to locale
      *
@@ -500,7 +489,7 @@ declare class SiDatepickerComponent implements OnInit, OnChanges, AfterViewInit
     focusActiveCell(): void;
     protected onActiveHoverChange(event?: Cell): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiDatepickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiDatepickerComponent, "si-datepicker", never, { "focusedDate": { "alias": "focusedDate"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; "dateRange": { "alias": "dateRange"; "required": false; "isSignal": true; }; "dateRangeRole": { "alias": "dateRangeRole"; "required": false; "isSignal": true; }; "initialFocus": { "alias": "initialFocus"; "required": false; "isSignal": true; }; "disabledTime": { "alias": "disabledTime"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "previousLabel": { "alias": "previousLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "calenderWeekLabel": { "alias": "calenderWeekLabel"; "required": false; "isSignal": true; }; "calendarWeekLabel": { "alias": "calendarWeekLabel"; "required": false; "isSignal": true; }; "time12h": { "alias": "time12h"; "required": false; "isSignal": true; }; "rangeType": { "alias": "rangeType"; "required": false; "isSignal": true; }; "minMonth": { "alias": "minMonth"; "required": false; "isSignal": true; }; "maxMonth": { "alias": "maxMonth"; "required": false; "isSignal": true; }; "hideTimeToggle": { "alias": "hideTimeToggle"; "required": false; "isSignal": true; }; "hideCalendar": { "alias": "hideCalendar"; "required": false; "isSignal": true; }; "timepickerLabel": { "alias": "timepickerLabel"; "required": false; "isSignal": true; }; "activeHover": { "alias": "activeHover"; "required": false; "isSignal": true; }; }, { "focusedDate": "focusedDateChange"; "date": "dateChange"; "dateRange": "dateRangeChange"; "disabledTime": "disabledTimeChange"; "config": "configChange"; "rangeType": "rangeTypeChange"; "activeHover": "activeHoverChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiDatepickerComponent, "si-datepicker", never, { "focusedDate": { "alias": "focusedDate"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; "dateRange": { "alias": "dateRange"; "required": false; "isSignal": true; }; "dateRangeRole": { "alias": "dateRangeRole"; "required": false; "isSignal": true; }; "initialFocus": { "alias": "initialFocus"; "required": false; "isSignal": true; }; "disabledTime": { "alias": "disabledTime"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "previousLabel": { "alias": "previousLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "calendarWeekLabel": { "alias": "calendarWeekLabel"; "required": false; "isSignal": true; }; "time12h": { "alias": "time12h"; "required": false; "isSignal": true; }; "rangeType": { "alias": "rangeType"; "required": false; "isSignal": true; }; "minMonth": { "alias": "minMonth"; "required": false; "isSignal": true; }; "maxMonth": { "alias": "maxMonth"; "required": false; "isSignal": true; }; "hideTimeToggle": { "alias": "hideTimeToggle"; "required": false; "isSignal": true; }; "hideCalendar": { "alias": "hideCalendar"; "required": false; "isSignal": true; }; "timepickerLabel": { "alias": "timepickerLabel"; "required": false; "isSignal": true; }; "activeHover": { "alias": "activeHover"; "required": false; "isSignal": true; }; }, { "focusedDate": "focusedDateChange"; "date": "dateChange"; "dateRange": "dateRangeChange"; "disabledTime": "disabledTimeChange"; "config": "configChange"; "rangeType": "rangeTypeChange"; "activeHover": "activeHoverChange"; }, never, never, true, never>;
 }
 
 declare class SiDatepickerOverlayComponent implements OnChanges, OnInit, OnDestroy {

package/types/siemens-element-ng-file-uploader.d.ts

@@ -128,20 +128,11 @@ declare class SiFileUploadDirective {
 
 declare class SiFileDropzoneComponent {
     /**
-     * Text or translation key of the input file selector (is combined with the `uploadTextRest`).
+     * Text or translation key of the drag&drop field.
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_FILE_UPLOADER.FILE_SELECT:click to upload`)
-     * ```
-     */
-    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`).
-     *
-     * @defaultValue
-     * ```
-     * t(() => $localize`:@@SI_FILE_UPLOADER.DROP:Drop files here or`)
+     * t(() => $localize`:@@SI_FILE_UPLOADER.DROP:Drop files here or click to upload`)
      * ```
      */
     readonly uploadDropText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
@@ -226,7 +217,7 @@ declare class SiFileDropzoneComponent {
      */
     reset(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiFileDropzoneComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiFileDropzoneComponent, "si-file-dropzone", never, { "uploadTextFileSelect": { "alias": "uploadTextFileSelect"; "required": false; "isSignal": true; }; "uploadDropText": { "alias": "uploadDropText"; "required": false; "isSignal": true; }; "maxFileSizeText": { "alias": "maxFileSizeText"; "required": false; "isSignal": true; }; "acceptText": { "alias": "acceptText"; "required": false; "isSignal": true; }; "errorTextFileType": { "alias": "errorTextFileType"; "required": false; "isSignal": true; }; "errorTextFileMaxSize": { "alias": "errorTextFileMaxSize"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "directoryUpload": { "alias": "directoryUpload"; "required": false; "isSignal": true; }; }, { "filesAdded": "filesAdded"; "fileError": "fileError"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiFileDropzoneComponent, "si-file-dropzone", never, { "uploadDropText": { "alias": "uploadDropText"; "required": false; "isSignal": true; }; "maxFileSizeText": { "alias": "maxFileSizeText"; "required": false; "isSignal": true; }; "acceptText": { "alias": "acceptText"; "required": false; "isSignal": true; }; "errorTextFileType": { "alias": "errorTextFileType"; "required": false; "isSignal": true; }; "errorTextFileMaxSize": { "alias": "errorTextFileMaxSize"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "directoryUpload": { "alias": "directoryUpload"; "required": false; "isSignal": true; }; }, { "filesAdded": "filesAdded"; "fileError": "fileError"; }, never, never, true, never>;
 }
 
 /**
@@ -271,21 +262,12 @@ interface ExtUploadFile extends UploadFile {
     fadeOut?: boolean;
 }
 declare class SiFileUploaderComponent {
-    /**
-     * Text of the link to open the file select dialog (follows `uploadDropText`).
-     *
-     * @defaultValue
-     * ```
-     * t(() => $localize`:@@SI_FILE_UPLOADER.FILE_SELECT:click to upload`)
-     * ```
-     */
-    readonly uploadTextFileSelect: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text instructing a user to drop the files inside the dropzone.
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_FILE_UPLOADER.DROP:Drop files here or`)
+     * t(() => $localize`:@@SI_FILE_UPLOADER.DROP:Drop files here or click to upload`)
      * ```
      */
     readonly uploadDropText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
@@ -516,7 +498,7 @@ declare class SiFileUploaderComponent {
     private updateStates;
     private countValid;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiFileUploaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiFileUploaderComponent, "si-file-uploader", never, { "uploadTextFileSelect": { "alias": "uploadTextFileSelect"; "required": false; "isSignal": true; }; "uploadDropText": { "alias": "uploadDropText"; "required": false; "isSignal": true; }; "maxFileSizeText": { "alias": "maxFileSizeText"; "required": false; "isSignal": true; }; "maxFilesReachedText": { "alias": "maxFilesReachedText"; "required": false; "isSignal": true; }; "acceptText": { "alias": "acceptText"; "required": false; "isSignal": true; }; "uploadButtonText": { "alias": "uploadButtonText"; "required": false; "isSignal": true; }; "clearButtonText": { "alias": "clearButtonText"; "required": false; "isSignal": true; }; "uploadingText": { "alias": "uploadingText"; "required": false; "isSignal": true; }; "removeButtonText": { "alias": "removeButtonText"; "required": false; "isSignal": true; }; "cancelButtonText": { "alias": "cancelButtonText"; "required": false; "isSignal": true; }; "successTextTitle": { "alias": "successTextTitle"; "required": false; "isSignal": true; }; "errorUploadFailed": { "alias": "errorUploadFailed"; "required": false; "isSignal": true; }; "showHttpError": { "alias": "showHttpError"; "required": false; "isSignal": true; }; "errorTextFileType": { "alias": "errorTextFileType"; "required": false; "isSignal": true; }; "errorTextFileMaxSize": { "alias": "errorTextFileMaxSize"; "required": false; "isSignal": true; }; "uploadConfig": { "alias": "uploadConfig"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "maxConcurrentUploads": { "alias": "maxConcurrentUploads"; "required": false; "isSignal": true; }; "retries": { "alias": "retries"; "required": false; "isSignal": true; }; "autoUpload": { "alias": "autoUpload"; "required": false; "isSignal": true; }; "disableUpload": { "alias": "disableUpload"; "required": false; "isSignal": true; }; "directoryUpload": { "alias": "directoryUpload"; "required": false; "isSignal": true; }; }, { "uploadCanceled": "uploadCanceled"; "uploadCompleted": "uploadCompleted"; "filesChanges": "filesChanges"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiFileUploaderComponent, "si-file-uploader", never, { "uploadDropText": { "alias": "uploadDropText"; "required": false; "isSignal": true; }; "maxFileSizeText": { "alias": "maxFileSizeText"; "required": false; "isSignal": true; }; "maxFilesReachedText": { "alias": "maxFilesReachedText"; "required": false; "isSignal": true; }; "acceptText": { "alias": "acceptText"; "required": false; "isSignal": true; }; "uploadButtonText": { "alias": "uploadButtonText"; "required": false; "isSignal": true; }; "clearButtonText": { "alias": "clearButtonText"; "required": false; "isSignal": true; }; "uploadingText": { "alias": "uploadingText"; "required": false; "isSignal": true; }; "removeButtonText": { "alias": "removeButtonText"; "required": false; "isSignal": true; }; "cancelButtonText": { "alias": "cancelButtonText"; "required": false; "isSignal": true; }; "successTextTitle": { "alias": "successTextTitle"; "required": false; "isSignal": true; }; "errorUploadFailed": { "alias": "errorUploadFailed"; "required": false; "isSignal": true; }; "showHttpError": { "alias": "showHttpError"; "required": false; "isSignal": true; }; "errorTextFileType": { "alias": "errorTextFileType"; "required": false; "isSignal": true; }; "errorTextFileMaxSize": { "alias": "errorTextFileMaxSize"; "required": false; "isSignal": true; }; "uploadConfig": { "alias": "uploadConfig"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "maxConcurrentUploads": { "alias": "maxConcurrentUploads"; "required": false; "isSignal": true; }; "retries": { "alias": "retries"; "required": false; "isSignal": true; }; "autoUpload": { "alias": "autoUpload"; "required": false; "isSignal": true; }; "disableUpload": { "alias": "disableUpload"; "required": false; "isSignal": true; }; "directoryUpload": { "alias": "directoryUpload"; "required": false; "isSignal": true; }; }, { "uploadCanceled": "uploadCanceled"; "uploadCompleted": "uploadCompleted"; "filesChanges": "filesChanges"; }, never, never, true, never>;
 }
 
 declare class SiFileUploaderModule {

package/types/siemens-element-ng-filtered-search.d.ts

@@ -61,7 +61,7 @@ interface CriterionDefinition {
     /**
      * Optional configuration object for the datepicker.
      */
-    datepickerConfig?: DatepickerInputConfig;
+    datepickerConfig?: Omit<DatepickerInputConfig, 'enableDateRange' | 'enableTwoMonthDateRange'>;
     /**
      * Limit criterion options to the predefined ones.
      */