@siemens/element-ng 49.7.0 → 49.8.0

package/schematics/migrations/data/element-migration-data.js

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Siemens 2016 - 2026
+ * SPDX-License-Identifier: MIT
+ */
+import { ATTRIBUTE_SELECTORS_MIGRATION } from './attribute-selectors.js';
+import { CLASS_MEMBER_REPLACEMENTS_MIGRATION } from './class-member-replacement.js';
+import { COMPONENT_PROPERTY_NAMES_MIGRATION } from './component-property-names.js';
+import { ELEMENT_CLASS_CHANGES_MIGRATION } from './element-class-changes.js';
+import { ELEMENT_SELECTORS_MIGRATION } from './element-selectors.js';
+import { SYMBOL_REMOVALS_MIGRATION } from './symbol-removals.js';
+import { SYMBOL_RENAMING_MIGRATION } from './symbol-renaming.js';
+export const getElementMigrationData = () => ({
+    attributeSelectorChanges: ATTRIBUTE_SELECTORS_MIGRATION,
+    classMemberReplacementChanges: CLASS_MEMBER_REPLACEMENTS_MIGRATION,
+    componentPropertyNameChanges: COMPONENT_PROPERTY_NAMES_MIGRATION,
+    elementClassChanges: ELEMENT_CLASS_CHANGES_MIGRATION,
+    elementSelectorChanges: ELEMENT_SELECTORS_MIGRATION,
+    symbolRemovalChanges: SYMBOL_REMOVALS_MIGRATION,
+    symbolRenamingChanges: SYMBOL_RENAMING_MIGRATION
+});

package/schematics/migrations/data/index.js

@@ -2,19 +2,4 @@
  * Copyright (c) Siemens 2016 - 2026
  * SPDX-License-Identifier: MIT
  */
-import { ATTRIBUTE_SELECTORS_MIGRATION } from './attribute-selectors.js';
-import { CLASS_MEMBER_REPLACEMENTS_MIGRATION } from './class-member-replacement.js';
-import { COMPONENT_PROPERTY_NAMES_MIGRATION } from './component-property-names.js';
-import { ELEMENT_CLASS_CHANGES_MIGRATION } from './element-class-changes.js';
-import { ELEMENT_SELECTORS_MIGRATION } from './element-selectors.js';
-import { SYMBOL_REMOVALS_MIGRATION } from './symbol-removals.js';
-import { SYMBOL_RENAMING_MIGRATION } from './symbol-renaming.js';
-export const getElementMigrationData = () => ({
-    attributeSelectorChanges: ATTRIBUTE_SELECTORS_MIGRATION,
-    classMemberReplacementChanges: CLASS_MEMBER_REPLACEMENTS_MIGRATION,
-    componentPropertyNameChanges: COMPONENT_PROPERTY_NAMES_MIGRATION,
-    elementClassChanges: ELEMENT_CLASS_CHANGES_MIGRATION,
-    elementSelectorChanges: ELEMENT_SELECTORS_MIGRATION,
-    symbolRemovalChanges: SYMBOL_REMOVALS_MIGRATION,
-    symbolRenamingChanges: SYMBOL_RENAMING_MIGRATION
-});
+export { getElementMigrationData } from './element-migration-data.js';

package/schematics/migrations/ngx-translate/index.js

@@ -2,140 +2,4 @@
  * Copyright (c) Siemens 2016 - 2026
  * SPDX-License-Identifier: MIT
  */
-import * as ts from 'typescript';
-import { EmitHint } from 'typescript';
-import { applyImport, discoverSourceFiles, getImportSpecifiers } from '../../utils/index.js';
-export const missingTranslateMigrationRule = (options) => {
-    return async (tree, context) => {
-        context.logger.info('🔄 Migrating missing translate provider...');
-        for await (const { path: filePath, sourceFile } of discoverSourceFiles(tree, context, options.path)) {
-            let content = tree.readText(filePath);
-            if (!content) {
-                continue;
-            }
-            const pendingTransformations = [];
-            [
-                { className: 'TranslateModule', functionName: 'forRoot' },
-                { functionName: 'provideTranslateService' }
-            ].forEach(({ className, functionName }) => visitStaticFunctionCalls({
-                sourceFile,
-                moduleSpecifier: /@ngx-translate\/core/,
-                className,
-                functionName,
-                visitor: node => {
-                    const methodTransformation = createTranslateMethodCallTransformation(context, node);
-                    if (methodTransformation) {
-                        pendingTransformations.push(methodTransformation);
-                    }
-                }
-            }));
-            if (pendingTransformations.length > 0) {
-                // Ensure import for provideMissingTranslationHandlerForElement exists
-                const importTransformation = applyImport(sourceFile, 'provideMissingTranslationHandlerForElement', '@siemens/element-translate-ng/ngx-translate');
-                if (importTransformation) {
-                    pendingTransformations.push(importTransformation);
-                }
-                // Sort transformations by start position descending to preserve offsets
-                // This become important when multiple transformations are applied to the same file
-                pendingTransformations.sort((a, b) => b.start - a.start);
-                for (const transformation of pendingTransformations) {
-                    content =
-                        content.slice(0, transformation.start) +
-                            transformation.replacement +
-                            content.slice(transformation.end);
-                }
-                tree.overwrite(filePath, content);
-            }
-        }
-    };
-};
-/** Update the TranslateModule.forRoot() call to include `missingTranslationHandler: provideMissingTranslationHandlerForElement()` */
-const createTranslateMethodCallTransformation = (context, node) => {
-    // Check if there are arguments
-    const firstArg = node.arguments.at(0);
-    if (firstArg && !ts.isObjectLiteralExpression(firstArg)) {
-        return null;
-    }
-    // Find existing missingTranslationHandler property if it exists
-    const existingHandlerProp = firstArg?.properties.find(prop => ts.isPropertyAssignment(prop) &&
-        ts.isIdentifier(prop.name) &&
-        prop.name.text === 'missingTranslationHandler');
-    // Check if provideMissingTranslationHandlerForElement is already used
-    if (existingHandlerProp && ts.isCallExpression(existingHandlerProp.initializer)) {
-        const expression = existingHandlerProp.initializer.expression;
-        if (ts.isIdentifier(expression) &&
-            expression.text === 'provideMissingTranslationHandlerForElement') {
-            // Already migrated, skip
-            return null;
-        }
-    }
-    // Filter out the existing missingTranslationHandler property if present
-    const otherProperties = firstArg?.properties.filter(prop => !ts.isPropertyAssignment(prop) ||
-        !ts.isIdentifier(prop.name) ||
-        prop.name.text !== 'missingTranslationHandler') ?? [];
-    // Create the new missingTranslationHandler property
-    const missingTranslationHandlerProperty = ts.factory.createPropertyAssignment(ts.factory.createIdentifier('missingTranslationHandler'), ts.factory.createCallExpression(ts.factory.createIdentifier('provideMissingTranslationHandlerForElement'), undefined, existingHandlerProp ? [existingHandlerProp.initializer] : undefined));
-    const updatedCall = ts.factory.createCallExpression(node.expression, undefined, ts.factory.createNodeArray([
-        ts.factory.createObjectLiteralExpression([
-            ...otherProperties,
-            missingTranslationHandlerProperty
-        ])
-    ], node.arguments.hasTrailingComma));
-    return {
-        start: node.getStart(),
-        end: node.getEnd(),
-        replacement: ts
-            .createPrinter()
-            .printNode(EmitHint.Expression, updatedCall, node.getSourceFile())
-    };
-};
-/**
- * Visits all function static call nodes that match the given module, class, and function names.
- * This function handles nested calls, so it will find `ClassName.method()`.
- * If className is not provided, it will search for standalone function calls (e.g., `functionName()`).
- */
-export const visitStaticFunctionCalls = ({ sourceFile, moduleSpecifier, className, functionName, visitor }) => {
-    // Get all import specifiers from the module
-    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
-    const importSpecifierName = className || functionName;
-    const allImportSpecifiers = getImportSpecifiers(sourceFile, moduleSpecifier, importSpecifierName);
-    if (allImportSpecifiers.length === 0) {
-        return;
-    }
-    // Get the local names (including aliases) for the imported class or function
-    const localNames = allImportSpecifiers.map(spec => spec.name.text);
-    // Recursive visitor function that traverses all nodes including nested function call arguments
-    const visit = (node) => {
-        if (ts.isCallExpression(node)) {
-            const expression = node.expression;
-            if (className) {
-                // Handle PropertyAccessExpression (e.g. Class.method())
-                if (ts.isPropertyAccessExpression(expression)) {
-                    const propertyName = expression.name.text;
-                    // Check if the method name matches
-                    if (propertyName === functionName) {
-                        const objectExpression = expression.expression;
-                        // Case 1: Static call - ClassName.method()
-                        if (ts.isIdentifier(objectExpression)) {
-                            if (localNames.includes(objectExpression.text)) {
-                                visitor(node);
-                            }
-                        }
-                    }
-                }
-            }
-            else {
-                // Handle standalone function calls (e.g., functionName())
-                if (ts.isIdentifier(expression)) {
-                    if (localNames.includes(expression.text)) {
-                        visitor(node);
-                    }
-                }
-            }
-        }
-        // Recursively visit all children
-        ts.forEachChild(node, visit);
-    };
-    // Start visiting from the source file
-    ts.forEachChild(sourceFile, visit);
-};
+export { missingTranslateMigrationRule, visitStaticFunctionCalls } from './missing-translate-migration.js';

package/schematics/migrations/ngx-translate/missing-translate-migration.js

@@ -0,0 +1,141 @@
+/**
+ * Copyright (c) Siemens 2016 - 2026
+ * SPDX-License-Identifier: MIT
+ */
+import * as ts from 'typescript';
+import { EmitHint } from 'typescript';
+import { applyImport, discoverSourceFiles, getImportSpecifiers } from '../../utils/index.js';
+export const missingTranslateMigrationRule = (options) => {
+    return async (tree, context) => {
+        context.logger.info('🔄 Migrating missing translate provider...');
+        for await (const { path: filePath, sourceFile } of discoverSourceFiles(tree, context, options.path)) {
+            let content = tree.readText(filePath);
+            if (!content) {
+                continue;
+            }
+            const pendingTransformations = [];
+            [
+                { className: 'TranslateModule', functionName: 'forRoot' },
+                { functionName: 'provideTranslateService' }
+            ].forEach(({ className, functionName }) => visitStaticFunctionCalls({
+                sourceFile,
+                moduleSpecifier: /@ngx-translate\/core/,
+                className,
+                functionName,
+                visitor: node => {
+                    const methodTransformation = createTranslateMethodCallTransformation(context, node);
+                    if (methodTransformation) {
+                        pendingTransformations.push(methodTransformation);
+                    }
+                }
+            }));
+            if (pendingTransformations.length > 0) {
+                // Ensure import for provideMissingTranslationHandlerForElement exists
+                const importTransformation = applyImport(sourceFile, 'provideMissingTranslationHandlerForElement', '@siemens/element-translate-ng/ngx-translate');
+                if (importTransformation) {
+                    pendingTransformations.push(importTransformation);
+                }
+                // Sort transformations by start position descending to preserve offsets
+                // This become important when multiple transformations are applied to the same file
+                pendingTransformations.sort((a, b) => b.start - a.start);
+                for (const transformation of pendingTransformations) {
+                    content =
+                        content.slice(0, transformation.start) +
+                            transformation.replacement +
+                            content.slice(transformation.end);
+                }
+                tree.overwrite(filePath, content);
+            }
+        }
+    };
+};
+/** Update the TranslateModule.forRoot() call to include `missingTranslationHandler: provideMissingTranslationHandlerForElement()` */
+const createTranslateMethodCallTransformation = (context, node) => {
+    // Check if there are arguments
+    const firstArg = node.arguments.at(0);
+    if (firstArg && !ts.isObjectLiteralExpression(firstArg)) {
+        return null;
+    }
+    // Find existing missingTranslationHandler property if it exists
+    const existingHandlerProp = firstArg?.properties.find(prop => ts.isPropertyAssignment(prop) &&
+        ts.isIdentifier(prop.name) &&
+        prop.name.text === 'missingTranslationHandler');
+    // Check if provideMissingTranslationHandlerForElement is already used
+    if (existingHandlerProp && ts.isCallExpression(existingHandlerProp.initializer)) {
+        const expression = existingHandlerProp.initializer.expression;
+        if (ts.isIdentifier(expression) &&
+            expression.text === 'provideMissingTranslationHandlerForElement') {
+            // Already migrated, skip
+            return null;
+        }
+    }
+    // Filter out the existing missingTranslationHandler property if present
+    const otherProperties = firstArg?.properties.filter(prop => !ts.isPropertyAssignment(prop) ||
+        !ts.isIdentifier(prop.name) ||
+        prop.name.text !== 'missingTranslationHandler') ?? [];
+    // Create the new missingTranslationHandler property
+    const missingTranslationHandlerProperty = ts.factory.createPropertyAssignment(ts.factory.createIdentifier('missingTranslationHandler'), ts.factory.createCallExpression(ts.factory.createIdentifier('provideMissingTranslationHandlerForElement'), undefined, existingHandlerProp ? [existingHandlerProp.initializer] : undefined));
+    const updatedCall = ts.factory.createCallExpression(node.expression, undefined, ts.factory.createNodeArray([
+        ts.factory.createObjectLiteralExpression([
+            ...otherProperties,
+            missingTranslationHandlerProperty
+        ])
+    ], node.arguments.hasTrailingComma));
+    return {
+        start: node.getStart(),
+        end: node.getEnd(),
+        replacement: ts
+            .createPrinter()
+            .printNode(EmitHint.Expression, updatedCall, node.getSourceFile())
+    };
+};
+/**
+ * Visits all function static call nodes that match the given module, class, and function names.
+ * This function handles nested calls, so it will find `ClassName.method()`.
+ * If className is not provided, it will search for standalone function calls (e.g., `functionName()`).
+ */
+export const visitStaticFunctionCalls = ({ sourceFile, moduleSpecifier, className, functionName, visitor }) => {
+    // Get all import specifiers from the module
+    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
+    const importSpecifierName = className || functionName;
+    const allImportSpecifiers = getImportSpecifiers(sourceFile, moduleSpecifier, importSpecifierName);
+    if (allImportSpecifiers.length === 0) {
+        return;
+    }
+    // Get the local names (including aliases) for the imported class or function
+    const localNames = allImportSpecifiers.map(spec => spec.name.text);
+    // Recursive visitor function that traverses all nodes including nested function call arguments
+    const visit = (node) => {
+        if (ts.isCallExpression(node)) {
+            const expression = node.expression;
+            if (className) {
+                // Handle PropertyAccessExpression (e.g. Class.method())
+                if (ts.isPropertyAccessExpression(expression)) {
+                    const propertyName = expression.name.text;
+                    // Check if the method name matches
+                    if (propertyName === functionName) {
+                        const objectExpression = expression.expression;
+                        // Case 1: Static call - ClassName.method()
+                        if (ts.isIdentifier(objectExpression)) {
+                            if (localNames.includes(objectExpression.text)) {
+                                visitor(node);
+                            }
+                        }
+                    }
+                }
+            }
+            else {
+                // Handle standalone function calls (e.g., functionName())
+                if (ts.isIdentifier(expression)) {
+                    if (localNames.includes(expression.text)) {
+                        visitor(node);
+                    }
+                }
+            }
+        }
+        // Recursively visit all children
+        ts.forEachChild(node, visit);
+    };
+    // Start visiting from the source file
+    ts.forEachChild(sourceFile, visit);
+};

package/schematics/ng-add/index.js

@@ -2,15 +2,4 @@
  * Copyright (c) Siemens 2016 - 2026
  * SPDX-License-Identifier: MIT
  */
-import { chain, schematic } from '@angular-devkit/schematics';
-import { getPackageJsonDependency } from '@schematics/angular/utility/dependencies';
-export const ngAdd = (options) => {
-    return (tree, context) => {
-        context.logger.info('🔧 Adding @siemens/element-ng to your project...');
-        const hasSimplElementNgDependency = getPackageJsonDependency(tree, '@simpl/element-ng');
-        if (hasSimplElementNgDependency) {
-            const chainedRules = chain([schematic('simpl-siemens-migration', options)]);
-            return chainedRules(tree, context);
-        }
-    };
-};
+export { ngAdd } from './ng-add-rule.js';

package/schematics/ng-add/ng-add-rule.js

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Siemens 2016 - 2026
+ * SPDX-License-Identifier: MIT
+ */
+import { chain, schematic } from '@angular-devkit/schematics';
+import { getPackageJsonDependency } from '@schematics/angular/utility/dependencies';
+export const ngAdd = (options) => {
+    return (tree, context) => {
+        context.logger.info('🔧 Adding @siemens/element-ng to your project...');
+        const hasSimplElementNgDependency = getPackageJsonDependency(tree, '@simpl/element-ng');
+        if (hasSimplElementNgDependency) {
+            const chainedRules = chain([schematic('simpl-siemens-migration', options)]);
+            return chainedRules(tree, context);
+        }
+    };
+};

package/schematics/ng-update/index.js

@@ -2,20 +2,4 @@
  * Copyright (c) Siemens 2016 - 2026
  * SPDX-License-Identifier: MIT
  */
-import { chain } from '@angular-devkit/schematics';
-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 = () => {
-    return (tree, context) => {
-        context.logger.info('🚀 Starting update from version 48 to 49...');
-        const migrationData = getElementMigrationData();
-        const options = { path: '/' };
-        return chain([
-            elementMigrationRule(options, migrationData),
-            missingTranslateMigrationRule(options),
-            iconPathMigrationRule(options)
-        ])(tree, context);
-    };
-};
+export { migrateToV49 } from './migrate-to-v49.js';

package/schematics/ng-update/migrate-to-v49.js

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) Siemens 2016 - 2026
+ * SPDX-License-Identifier: MIT
+ */
+import { chain } from '@angular-devkit/schematics';
+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 = () => {
+    return (tree, context) => {
+        context.logger.info('🚀 Starting update from version 48 to 49...');
+        const migrationData = getElementMigrationData();
+        const options = { path: '/' };
+        return chain([
+            elementMigrationRule(options, migrationData),
+            missingTranslateMigrationRule(options),
+            iconPathMigrationRule(options)
+        ])(tree, context);
+    };
+};

package/template-i18n.json

@@ -93,7 +93,7 @@
   "SI_FILE_UPLOADER.CANCEL": "Cancel",
   "SI_FILE_UPLOADER.CLEAR": "Clear",
   "SI_FILE_UPLOADER.DROP": "Drop files here or",
-  "SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED": "File exceeds allowed maximum size",
+  "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",
@@ -177,6 +177,7 @@
   "SI_NAVBAR_VERTICAL.SEARCH_PLACEHOLDER": "Search ...",
   "SI_NAVBAR_VERTICAL.SKIP_LINK.MAIN_LABEL": "Main content",
   "SI_NAVBAR_VERTICAL.SKIP_LINK.NAVIGATION_LABEL": "Navigation",
+  "SI_NAVBAR_VERTICAL.TOGGLE": "Toggle",
   "SI_PAGINATION.BACK": "Back",
   "SI_PAGINATION.FORWARD": "Forward",
   "SI_PAGINATION.NAV_LABEL": "Pagination",

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

@@ -87,6 +87,31 @@ declare class SiCardComponent extends SiCardBaseDirective {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiCardComponent, "si-card", never, { "primaryActions": { "alias": "primaryActions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "actionParam": { "alias": "actionParam"; "required": false; "isSignal": true; }; "actionBarViewType": { "alias": "actionBarViewType"; "required": false; "isSignal": true; }; "actionBarTitle": { "alias": "actionBarTitle"; "required": false; "isSignal": true; }; }, {}, never, ["[headerIcon]", "[body]", "[footer]"], true, never>;
 }
 
+/**
+ * Shared card header used internally by `SiCardComponent`, `SiActionCardComponent`,
+ * and `SiDashboardCardComponent`. Not intended for direct use by consuming applications.
+ *
+ * @internal
+ */
+declare class SiCardHeaderComponent {
+    readonly heading: _angular_core.InputSignal<TranslatableString | undefined>;
+    readonly subHeading: _angular_core.InputSignal<TranslatableString | undefined>;
+    readonly headingId: _angular_core.InputSignal<string | undefined>;
+    readonly subHeadingId: _angular_core.InputSignal<string | undefined>;
+    /** @defaultValue [] */
+    readonly primaryActions: _angular_core.InputSignal<(MenuItem | ContentActionBarMainItem)[]>;
+    /** @defaultValue [] */
+    readonly secondaryActions: _angular_core.InputSignal<(MenuItem | MenuItem$1)[]>;
+    readonly actionParam: _angular_core.InputSignal<unknown>;
+    /** @defaultValue 'collapsible' */
+    readonly actionBarViewType: _angular_core.InputSignal<ViewType>;
+    /** @defaultValue '' */
+    readonly actionBarTitle: _angular_core.InputSignal<TranslatableString>;
+    readonly displayContentActionBar: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiCardHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiCardHeaderComponent, "si-card-header", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "subHeading": { "alias": "subHeading"; "required": false; "isSignal": true; }; "headingId": { "alias": "headingId"; "required": false; "isSignal": true; }; "subHeadingId": { "alias": "subHeadingId"; "required": false; "isSignal": true; }; "primaryActions": { "alias": "primaryActions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "actionParam": { "alias": "actionParam"; "required": false; "isSignal": true; }; "actionBarViewType": { "alias": "actionBarViewType"; "required": false; "isSignal": true; }; "actionBarTitle": { "alias": "actionBarTitle"; "required": false; "isSignal": true; }; }, {}, never, ["[headerIcon]"], true, never>;
+}
+
 /**
  * An action card component that extends the base card component with option to
  * either select the whole card or trigger an action.
@@ -127,4 +152,4 @@ declare class SiCardModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiCardModule>;
 }
 
-export { SiActionCardComponent, SiCardComponent, SiCardModule };
+export { SiActionCardComponent, SiCardComponent, SiCardHeaderComponent, SiCardModule };

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

@@ -3,7 +3,7 @@ import * as i0 from '@angular/core';
 import { InjectionToken, Type, Provider, ElementRef } from '@angular/core';
 import { Link } from '@siemens/element-ng/link';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
-import { ConnectionPositionPair, ConnectedOverlayPositionChange, Overlay, OverlayRef, FlexibleConnectedPositionStrategy, PositionStrategy } from '@angular/cdk/overlay';
+import { ConnectionPositionPair, ConnectedOverlayPositionChange, Overlay, ScrollStrategy, OverlayRef, FlexibleConnectedPositionStrategy, PositionStrategy } from '@angular/cdk/overlay';
 
 /**
  * A global blink pulse generator for synchronized blinking patterns across an entire application.
@@ -381,8 +381,8 @@ declare const listenGlobal: (eventName: string, handler: (e: any) => void, activ
  */
 
 declare function makePositionStrategy(elementRef: ElementRef<any> | undefined, overlay: Overlay, placement: keyof typeof positions | ConnectionPositionPair[], constrain?: boolean, center?: boolean): PositionStrategy;
-declare function makeOverlay(positionStrategy: PositionStrategy, overlay: Overlay, hasBackdrop: boolean): OverlayRef;
-declare function getOverlay(elementRef: ElementRef<any>, overlay: Overlay, hasBackdrop: boolean, placement: keyof typeof positions | ConnectionPositionPair[], constrain?: boolean, center?: boolean): OverlayRef;
+declare function makeOverlay(positionStrategy: PositionStrategy, overlay: Overlay, hasBackdrop: boolean, scrollStrategy?: ScrollStrategy): OverlayRef;
+declare function getOverlay(elementRef: ElementRef<any>, overlay: Overlay, hasBackdrop: boolean, placement: keyof typeof positions | ConnectionPositionPair[], constrain?: boolean, center?: boolean, scrollStrategy?: ScrollStrategy): OverlayRef;
 declare function getPositionStrategy(overlayref: OverlayRef): FlexibleConnectedPositionStrategy | undefined;
 declare function getOverlayPositions(elementRef: ElementRef<any>, placement: keyof typeof positions | ConnectionPositionPair[], center?: boolean): ConnectionPositionPair[];
 declare function hasTrigger(trigger: string, triggers?: string): boolean;

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

@@ -17,6 +17,7 @@ interface UploadFile {
     fileName: string;
     size: string;
     errorText?: TranslatableString;
+    errorParams?: Record<string, unknown>;
     progress: number;
 }
 
@@ -57,7 +58,7 @@ declare class SiFileUploadDirective {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED:File exceeds allowed maximum size`)
+     * t(() => $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED:File exceeds allowed maximum size of {{maxFileSize}}`)
      * ```
      */
     readonly errorTextFileMaxSize: _angular_core.InputSignal<TranslatableString>;
@@ -177,7 +178,7 @@ declare class SiFileDropzoneComponent {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED:File exceeds allowed maximum size`)
+     * t(() => $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED:File exceeds allowed maximum size of {{maxFileSize}}`)
      * ```
      */
     readonly errorTextFileMaxSize: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
@@ -399,7 +400,7 @@ declare class SiFileUploaderComponent implements OnChanges {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED:File exceeds allowed maximum size`)
+     * t(() => $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED:File exceeds allowed maximum size of {{maxFileSize}}`)
      * ```
      */
     readonly errorTextFileMaxSize: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;

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

@@ -432,7 +432,7 @@ declare class SiFilteredSearchComponent implements OnInit, OnChanges {
         criterionName: string;
         value?: string;
     }): void;
-    protected onSearchValueChange(value: string): void;
+    protected onSearchValueChange(): void;
     protected valueChange(value: CriterionValue, criterion: {
         config: InternalCriterionDefinition;
         value: CriterionValue;

package/types/siemens-element-ng-navbar-vertical-next.d.ts

@@ -38,23 +38,15 @@ declare class SiNavbarVerticalNextComponent implements OnChanges, OnInit {
      */
     readonly visible: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
-     * Text for the navbar expand button. Required for a11y
+     * Text for the navbar toggle button used as `aria-label`.
+     * The expanded state is communicated via `aria-expanded`.
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_NAVBAR_VERTICAL.EXPAND:Expand`)
+     * t(() => $localize`:@@SI_NAVBAR_VERTICAL.TOGGLE:Toggle`)
      * ```
      */
-    readonly navbarExpandButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
-    /**
-     * Text for the navbar collapse button. Required for a11y
-     *
-     * @defaultValue
-     * ```
-     * t(() => $localize`:@@SI_NAVBAR_VERTICAL.COLLAPSE:Collapse`)
-     * ```
-     */
-    readonly navbarCollapseButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
+    readonly toggleButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * An optional stateId to uniquely identify a component instance.
      * Required for persistence of ui state.
@@ -103,7 +95,7 @@ declare class SiNavbarVerticalNextComponent implements OnChanges, OnInit {
     /** @internal */
     itemTriggered(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalNextComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalNextComponent, "si-navbar-vertical-next", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "textOnly": { "alias": "textOnly"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "navbarExpandButtonText": { "alias": "navbarExpandButtonText"; "required": false; "isSignal": true; }; "navbarCollapseButtonText": { "alias": "navbarCollapseButtonText"; "required": false; "isSignal": true; }; "stateId": { "alias": "stateId"; "required": false; "isSignal": true; }; "skipLinkNavigationLabel": { "alias": "skipLinkNavigationLabel"; "required": false; "isSignal": true; }; "skipLinkMainContentLabel": { "alias": "skipLinkMainContentLabel"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["si-navbar-vertical-next-search", "si-navbar-vertical-next-items", "si-navbar-vertical-next-footer-items", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalNextComponent, "si-navbar-vertical-next", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "textOnly": { "alias": "textOnly"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "toggleButtonText": { "alias": "toggleButtonText"; "required": false; "isSignal": true; }; "stateId": { "alias": "stateId"; "required": false; "isSignal": true; }; "skipLinkNavigationLabel": { "alias": "skipLinkNavigationLabel"; "required": false; "isSignal": true; }; "skipLinkMainContentLabel": { "alias": "skipLinkMainContentLabel"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["si-navbar-vertical-next-search", "si-navbar-vertical-next-items", "si-navbar-vertical-next-footer-items", "*"], true, never>;
 }
 
 /**

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

@@ -129,7 +129,7 @@ declare class SiNavbarPrimaryComponent implements OnChanges, HeaderWithDropdowns
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_LAUNCHPAD.TITLE:Launchpad`)
+     * t(() => $localize`:@@SI_LAUNCHPAD.TITLE:Switch applications`)
      * ```
      */
     readonly appSwitcherTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
@@ -147,7 +147,7 @@ declare class SiNavbarPrimaryComponent implements OnChanges, HeaderWithDropdowns
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_LAUNCHPAD.FAVORITE_APPS:Favorite apps`)
+     * t(() => $localize`:@@SI_LAUNCHPAD.FAVORITE_APPS:Favorites`)
      * ```
      */
     readonly favoriteAppsTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;

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

@@ -1,8 +1,8 @@
 import * as _angular_core from '@angular/core';
 import { OnDestroy, TemplateRef, OnInit, ElementRef, Injector } from '@angular/core';
+import { ScrollStrategy, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
 import { TranslatableString } from '@siemens/element-translate-ng/translate-types';
 import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
-import { ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
 import { OverlayArrowPosition } from '@siemens/element-ng/common';
 
 declare class SiPopoverDirective implements OnDestroy {
@@ -42,6 +42,13 @@ declare class SiPopoverDirective implements OnDestroy {
      * @defaultValue undefined
      */
     readonly context: _angular_core.InputSignal<unknown>;
+    /**
+     * Optional CDK scroll strategy used for the popover overlay.
+     * If not provided, the default reposition strategy is used.
+     *
+     * @defaultValue undefined
+     */
+    readonly scrollStrategy: _angular_core.InputSignal<ScrollStrategy | undefined>;
     /**
      * Emits an event when the popover is shown/hidden
      */
@@ -71,7 +78,7 @@ declare class SiPopoverDirective implements OnDestroy {
     updatePosition(): void;
     protected onClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiPopoverDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiPopoverDirective, "[siPopover]", ["si-popover"], { "siPopover": { "alias": "siPopover"; "required": false; "isSignal": true; }; "placement": { "alias": "siPopoverPlacement"; "required": false; "isSignal": true; }; "title": { "alias": "siPopoverTitle"; "required": false; "isSignal": true; }; "containerClass": { "alias": "siPopoverContainerClass"; "required": false; "isSignal": true; }; "icon": { "alias": "siPopoverIcon"; "required": false; "isSignal": true; }; "context": { "alias": "siPopoverContext"; "required": false; "isSignal": true; }; }, { "visibilityChange": "siPopoverVisibilityChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiPopoverDirective, "[siPopover]", ["si-popover"], { "siPopover": { "alias": "siPopover"; "required": false; "isSignal": true; }; "placement": { "alias": "siPopoverPlacement"; "required": false; "isSignal": true; }; "title": { "alias": "siPopoverTitle"; "required": false; "isSignal": true; }; "containerClass": { "alias": "siPopoverContainerClass"; "required": false; "isSignal": true; }; "icon": { "alias": "siPopoverIcon"; "required": false; "isSignal": true; }; "context": { "alias": "siPopoverContext"; "required": false; "isSignal": true; }; "scrollStrategy": { "alias": "siPopoverScrollStrategy"; "required": false; "isSignal": true; }; }, { "visibilityChange": "siPopoverVisibilityChange"; }, never, never, true, never>;
 }
 
 declare class PopoverComponent implements OnInit, OnDestroy {