@siemens/element-ng 49.7.0 → 49.9.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@siemens/element-ng",
   "description": "Element Angular component library, implementing the Siemens Design Language",
-  "version": "49.7.0",
+  "version": "49.9.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -43,8 +43,8 @@
     "@ngx-formly/bootstrap": "^6.2.2",
     "@ngx-formly/core": "^6.2.2",
     "@siemens/element-icons": "1",
-    "@siemens/element-translate-ng": "49.7.0",
-    "@siemens/element-theme": "49.7.0",
+    "@siemens/element-translate-ng": "49.9.0",
+    "@siemens/element-theme": "49.9.0",
     "@siemens/ngx-datatable": "22 - 26",
     "ag-grid-community": "^34.3.1 || ^35.0.0",
     "flag-icons": "^7.3.2",

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

@@ -6,6 +6,7 @@
   "SI_APPLICATION_HEADER.TOGGLE_NAVIGATION": "Toggle navigation",
   "SI_ATTACHMENT_LIST.REMOVE_ATTACHMENT": "Remove attachment",
   "SI_BREADCRUMB": "Breadcrumbs",
+  "SI_BREADCRUMB_ROUTER_LABEL": "breadcrumb",
   "SI_CHANGE_PASSWORD.BACK": "Back",
   "SI_CHANGE_PASSWORD.CHANGE": "Change",
   "SI_CHANGE_PASSWORD.CHANGE_FACTORY_PASSWORD": "Factory set password must be changed",
@@ -93,7 +94,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 +178,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-breadcrumb-router.d.ts

@@ -3,6 +3,7 @@ import { BreadcrumbItem } from '@siemens/element-ng/breadcrumb';
 import { Observable } from 'rxjs';
 import * as i0 from '@angular/core';
 import { InjectionToken, OnInit, OnDestroy } from '@angular/core';
+import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
 
 /**
@@ -78,9 +79,12 @@ declare class SiBreadcrumbRouterComponent implements OnInit, OnDestroy {
     /**
      * Aria label for the main breadcrumb navigation. Needed for a11y.
      *
-     * @defaultValue 'breadcrumb'
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_BREADCRUMB_ROUTER_LABEL:breadcrumb`)
+     * ```
      */
-    readonly ariaLabel: i0.InputSignal<string>;
+    readonly ariaLabel: i0.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     protected readonly items: i0.WritableSignal<BreadcrumbItem[]>;
     private readonly currentCalcUrl;
     private nextRoute;

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-dashboard.d.ts

@@ -91,7 +91,7 @@ declare class SiDashboardComponent implements OnChanges, AfterViewInit {
     /**
      * Heading for the dashboard page.
      */
-    readonly heading: _angular_core.InputSignal<string | undefined>;
+    readonly heading: _angular_core.InputSignal<TranslatableString | undefined>;
     /**
      * Opt-in to enable expand interaction for all cards.
      *
@@ -119,6 +119,7 @@ declare class SiDashboardComponent implements OnChanges, AfterViewInit {
     protected readonly hideMenubarComputed: _angular_core.Signal<boolean>;
     private _isExpanded;
     private scrollPosition;
+    private readonly reinitCards$;
     private cards;
     private readonly expandedPortalOutlet;
     private readonly dashboardFrame;

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

@@ -10,7 +10,6 @@ declare class SiDatatableInteractionDirective implements OnDestroy, OnInit {
      * @defaultValue false
      */
     readonly datatableInteractionAutoSelect: i0.InputSignalWithTransform<boolean, unknown>;
-    protected tabIndex: string;
     private element;
     private tableBody?;
     private autoSelectTimeout;

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-form.d.ts

@@ -226,7 +226,7 @@ declare class SiFormFieldsetComponent implements DoCheck {
     protected readonly errors: _angular_core.Signal<_siemens_element_ng_form.SiFormError[]>;
     protected readonly touched: _angular_core.WritableSignal<boolean>;
     protected readonly isRequired: _angular_core.Signal<boolean>;
-    protected labelId: string;
+    protected readonly labelId: string;
     ngDoCheck(): void;
     /** @internal */
     registerFormItem(item: SiFormItemComponent): void;

package/types/siemens-element-ng-header-dropdown.d.ts

@@ -74,15 +74,7 @@ declare class SiHeaderDropdownComponent {
     private readonly options;
     constructor();
     /** @internal */
-    protected get show(): boolean;
-    /** @internal */
-    protected get overlay(): boolean;
-    /** @internal */
-    protected get submenu(): boolean;
-    /** @internal */
     protected get trapFocus(): boolean;
-    /** @internal */
-    protected escape(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiHeaderDropdownComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiHeaderDropdownComponent, "si-header-dropdown", never, {}, {}, never, ["*"], true, never>;
 }