@siemens/element-ng 51.1.0 → 51.3.0

package/maplibre/styles/maplibre-gl.scss

@@ -20,6 +20,7 @@ $icon-fullscreen: url('@siemens/element-icons/icons/element-zoom.svg');
 $icon-shrink: url('@siemens/element-icons/icons/element-pinch.svg');
 $icon-compass: url('@siemens/element-icons/icons/element-compass-needle.svg');
 $icon-glob: url('@siemens/element-icons/icons/element-global.svg');
+$icon-map: url('@siemens/element-icons/icons/element-map.svg');
 $icon-locate: url('@siemens/element-icons/icons/element-locate.svg');
 $icon-terrain: url('@siemens/element-icons/icons/element-waters.svg');
 
@@ -303,13 +304,18 @@ $icon-terrain: url('@siemens/element-icons/icons/element-waters.svg');
     mask-image: $icon-shrink;
   }
 
-  &.maplibregl-ctrl-globe,
-  &.maplibregl-ctrl-globe-enabled {
+  &.maplibregl-ctrl-globe {
     .maplibregl-ctrl-icon {
       mask-image: $icon-glob;
     }
   }
 
+  &.maplibregl-ctrl-globe-enabled {
+    .maplibregl-ctrl-icon {
+      mask-image: $icon-map;
+    }
+  }
+
   &.maplibregl-ctrl-terrain,
   &.maplibregl-ctrl-terrain-enabled {
     .maplibregl-ctrl-icon {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@siemens/element-ng",
   "description": "Element Angular component library, implementing the Siemens Design Language",
-  "version": "51.1.0",
+  "version": "51.3.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -47,9 +47,9 @@
     "@maplibre/ngx-maplibre-gl": "21 - 22",
     "maplibre-gl": "5 - 6",
     "@siemens/element-icons": "1",
-    "@siemens/element-theme": "51.1.0",
-    "@siemens/element-translate-ng": "51.1.0",
-    "@siemens/map-styles": "51.1.0",
+    "@siemens/element-theme": "51.3.0",
+    "@siemens/element-translate-ng": "51.3.0",
+    "@siemens/map-styles": "51.3.0",
     "@siemens/ngx-datatable": "26 - 27",
     "ag-grid-community": "^34.3.1 || ^35.0.0 || ^36.0.0",
     "flag-icons": "^7.3.2",
@@ -523,5 +523,5 @@
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "readme": "<p align=\"center\">\n  <a href=\"https://element.siemens.io\" target=\"_blank\">\n    <img src=\"https://raw.githubusercontent.com/siemens/element/refs/heads/main/element-logo.svg\" alt=\"Element Website\" height=\"132\" width=\"132\">\n  </a>\n</p>\n\n<h1 align=\"center\">Siemens Element</h1>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/@siemens/element-ng\">\n    <img src=\"https://img.shields.io/npm/v/@siemens/element-ng.svg?logo=npm&logoColor=fff&label=NPM+package&color=limegreen\" alt=\"Element on npm\" />\n  </a>\n  <a href=\"https://element.siemens.io/coverage/element-ng/index.html\">\n    <img src=\"https://img.shields.io/endpoint?url=https://element.siemens.io/coverage-summary.json\" alt=\"Code Coverage\">\n  </a>\n</p>\n\n<p></p>\n<p align=\"center\">\n  Siemens Element is a design system of the smart infrastructure domain\n  that implements the Siemens Design Language in Angular. It includes UI\n  components, design tools and resources, human interface guidelines, and a\n  vibrant community of contributors.\n</p>\n<p></p>\n\n<hr>\n\n## Contributing\n\nImprovements are always welcome! Feel free to log a bug,\nwrite a suggestion, or contribute code by creating a pull request.\nAll details are listed in our contribution guide.\n\nSee [CONTRIBUTING.md](CONTRIBUTING.md).\n\n## License\n\nThe following applies for code and documentation of the git repository,\nunless explicitly mentioned.\n\nCopyright (c) Siemens 2016 - 2026\n\nMIT, see [LICENSE](LICENSE).\n\n### Bootstrap\n\nThe source code in the folder [bootstrap](./projects/element-theme/src/styles/bootstrap/)\nis based on [Bootstrap (v5.1.3)](https://github.com/twbs/bootstrap). We changed and adapted\nthe SASS component files to our needs. At that point in time, it was under _MIT License_\nand _Copyright (c) 2011-2024 The Bootstrap Authors_.\n\n### API Goldens\n\nThe source code in the folder [tools/api-goldens](./tools/api-goldens/) is based on [dev-infra-private-build-tooling-builds](https://github.com/angular/dev-infra-private-build-tooling-builds/tree/main/bazel/api-golden).\nWe changed and adapted the code to our needs. At that point in time it was under _MIT License_ and _Copyright Google LLC_.\n"
+  "readme": "<p align=\"center\">\n  <a href=\"https://element.siemens.io\" target=\"_blank\">\n    <img src=\"https://raw.githubusercontent.com/siemens/element/refs/heads/main/element-logo.svg\" alt=\"Element Website\" height=\"132\" width=\"132\">\n  </a>\n</p>\n\n<h1 align=\"center\">Siemens Element</h1>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/@siemens/element-ng\">\n    <img src=\"https://img.shields.io/npm/v/@siemens/element-ng.svg?logo=npm&logoColor=fff&label=NPM+package&color=limegreen\" alt=\"Element on npm\" />\n  </a>\n  <a href=\"https://element.siemens.io/development/coverage/element-ng/index.html\">\n    <img src=\"https://img.shields.io/endpoint?url=https://element.siemens.io/development/coverage-summary.json\" alt=\"Code Coverage\">\n  </a>\n</p>\n\n<p></p>\n<p align=\"center\">\n  Siemens Element is a design system of the smart infrastructure domain\n  that implements the Siemens Design Language in Angular. It includes UI\n  components, design tools and resources, human interface guidelines, and a\n  vibrant community of contributors.\n</p>\n<p></p>\n\n<hr>\n\n## Contributing\n\nImprovements are always welcome! Feel free to log a bug,\nwrite a suggestion, or contribute code by creating a pull request.\nAll details are listed in our contribution guide.\n\nSee [CONTRIBUTING.md](CONTRIBUTING.md).\n\n## License\n\nThe following applies for code and documentation of the git repository,\nunless explicitly mentioned.\n\nCopyright (c) Siemens 2016 - 2026\n\nMIT, see [LICENSE](LICENSE).\n\n### Bootstrap\n\nThe source code in the folder [bootstrap](./projects/element-theme/src/styles/bootstrap/)\nis based on [Bootstrap (v5.1.3)](https://github.com/twbs/bootstrap). We changed and adapted\nthe SASS component files to our needs. At that point in time, it was under _MIT License_\nand _Copyright (c) 2011-2024 The Bootstrap Authors_.\n\n### API Goldens\n\nThe source code in the folder [tools/api-goldens](./tools/api-goldens/) is based on [dev-infra-private-build-tooling-builds](https://github.com/angular/dev-infra-private-build-tooling-builds/tree/main/bazel/api-golden).\nWe changed and adapted the code to our needs. At that point in time it was under _MIT License_ and _Copyright Google LLC_.\n"
 }

package/schematics/migrations/data/attribute-selectors.js

@@ -1 +1,8 @@
-export const ATTRIBUTE_SELECTORS_MIGRATION = [];
+export const ATTRIBUTE_SELECTORS_MIGRATION = [
+    // v49 to v51
+    {
+        replace: 'si-header-siemens-logo',
+        replaceWith: 'siHeaderLogo',
+        removeAttributes: ['aria-label']
+    }
+];

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

@@ -1,3 +1,9 @@
 export const ELEMENT_SELECTORS_MIGRATION = [
-    { replace: 'si-icon-status', replaceWith: 'si-status-counter' }
+    { replace: 'si-icon-status', replaceWith: 'si-status-counter' },
+    // v49 to v51
+    {
+        replace: 'si-header-siemens-logo',
+        replaceWith: 'si-header-logo',
+        removeAttributes: ['aria-label']
+    }
 ];

package/schematics/migrations/data/symbol-renaming.js

@@ -1,4 +1,14 @@
 export const SYMBOL_RENAMING_MIGRATION = [
+    // v49 to v51
+    {
+        module: /^@(siemens|simpl)\/element-ng\/application-header$/,
+        symbolRenamings: [
+            {
+                replace: 'SiHeaderSiemensLogoComponent',
+                replaceWith: 'SiHeaderLogoDirective'
+            }
+        ]
+    },
     {
         module: /@siemens\/element-ng\/icon-status$/,
         toModule: '@siemens/element-ng/status-counter',

package/schematics/migrations/utilities/attribute-selector.migration.js

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: MIT
  */
 import { join, dirname } from 'path/posix';
-import { findAttribute, getInlineTemplates, getTemplateUrl } from '../../utils/index.js';
+import { findElement, getInlineTemplates, getTemplateUrl, removeAttributesFromElement } from '../../utils/index.js';
 export const applyAttributeSelectorMigration = (context, changes) => {
     const { tree, discoveredSourceFile, recorder } = context;
     if (!changes?.length) {
@@ -17,20 +17,25 @@ export const applyAttributeSelectorMigration = (context, changes) => {
             sourceFile,
             filePath,
             fromName: change.replace,
-            toName: change.replaceWith
+            toName: change.replaceWith,
+            removeAttributes: change.removeAttributes
         });
     }
 };
-const renameAttribute = ({ tree, filePath, sourceFile, recorder, fromName, toName }) => {
+const renameAttribute = ({ tree, filePath, sourceFile, recorder, fromName, toName, removeAttributes }) => {
     getInlineTemplates(sourceFile).forEach(template => renameAttributeInTemplate({
         template: sourceFile.text.substring(template.getStart() + 1, template.getEnd() - 1),
         offset: template.getStart() + 1,
         toName,
         fromName,
-        recorder
+        recorder,
+        removeAttributes
     }));
     getTemplateUrl(sourceFile).forEach(templateUrl => {
         const templatePath = join(dirname(filePath), templateUrl);
+        if (!tree.exists(templatePath)) {
+            return;
+        }
         const templateContent = tree.read(templatePath).toString('utf-8');
         const templateRecorder = tree.beginUpdate(templatePath);
         renameAttributeInTemplate({
@@ -38,14 +43,25 @@ const renameAttribute = ({ tree, filePath, sourceFile, recorder, fromName, toNam
             offset: 0,
             toName,
             fromName,
-            recorder: templateRecorder
+            recorder: templateRecorder,
+            removeAttributes
         });
         tree.commitUpdate(templateRecorder);
     });
 };
-const renameAttributeInTemplate = ({ template, offset, recorder, fromName, toName }) => {
-    findAttribute(template, element => element.name === fromName).forEach(el => {
-        recorder.remove(el.sourceSpan.start.offset + offset, fromName.length);
-        recorder.insertLeft(el.sourceSpan.start.offset + offset, toName);
-    });
+const renameAttributeInTemplate = ({ template, offset, recorder, fromName, toName, removeAttributes }) => {
+    const elements = findElement(template, element => element.attrs.some(attribute => matchesSelectorAttribute(attribute.name, fromName)));
+    for (const element of elements) {
+        for (const attribute of element.attrs) {
+            if (!matchesSelectorAttribute(attribute.name, fromName)) {
+                continue;
+            }
+            const replacement = attribute.name === fromName ? toName : `[${toName}]`;
+            const start = attribute.sourceSpan.start.offset + offset;
+            recorder.remove(start, attribute.name.length);
+            recorder.insertLeft(start, replacement);
+        }
+        removeAttributesFromElement(template, element, removeAttributes ?? [], offset, recorder);
+    }
 };
+const matchesSelectorAttribute = (attributeName, selector) => attributeName === selector || attributeName === `[${selector}]`;

package/schematics/migrations/utilities/element-selector.migration.js

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: MIT
  */
 import { join, dirname } from 'path/posix';
-import { findElement, getInlineTemplates, getTemplateUrl } from '../../utils/index.js';
+import { findElement, getInlineTemplates, getTemplateUrl, removeAttributesFromElement } from '../../utils/index.js';
 export const applyElementSelectorMigration = (context, changes) => {
     const { tree, discoveredSourceFile, recorder } = context;
     if (!changes?.length) {
@@ -18,21 +18,26 @@ export const applyElementSelectorMigration = (context, changes) => {
             filePath,
             fromName: change.replace,
             toName: change.replaceWith,
-            defaultAttributes: change.defaultAttributes
+            defaultAttributes: change.defaultAttributes,
+            removeAttributes: change.removeAttributes
         });
     }
 };
-const renameElementTag = ({ tree, filePath, sourceFile, recorder, fromName, toName, defaultAttributes }) => {
+const renameElementTag = ({ tree, filePath, sourceFile, recorder, fromName, toName, defaultAttributes, removeAttributes }) => {
     getInlineTemplates(sourceFile).forEach(template => renameElementTagInTemplate({
         template: sourceFile.text.substring(template.getStart() + 1, template.getEnd() - 1),
         offset: template.getStart() + 1,
         toName,
         fromName,
         recorder,
-        defaultAttributes
+        defaultAttributes,
+        removeAttributes
     }));
     getTemplateUrl(sourceFile).forEach(templateUrl => {
         const templatePath = join(dirname(filePath), templateUrl);
+        if (!tree.exists(templatePath)) {
+            return;
+        }
         const templateContent = tree.read(templatePath).toString('utf-8');
         const templateRecorder = tree.beginUpdate(templatePath);
         renameElementTagInTemplate({
@@ -41,27 +46,32 @@ const renameElementTag = ({ tree, filePath, sourceFile, recorder, fromName, toNa
             toName,
             fromName,
             recorder: templateRecorder,
-            defaultAttributes
+            defaultAttributes,
+            removeAttributes
         });
         tree.commitUpdate(templateRecorder);
     });
 };
-const renameElementTagInTemplate = ({ template, offset, recorder, fromName, toName, defaultAttributes }) => {
-    findElement(template, element => element.name === fromName).forEach(el => {
-        recorder.remove(el.startSourceSpan.start.offset + 1 + offset, fromName.length);
-        recorder.insertLeft(el.startSourceSpan.start.offset + 1 + offset, toName);
-        if (el.endSourceSpan && el.startSourceSpan.start !== el.endSourceSpan.start) {
-            recorder.remove(el.endSourceSpan?.start.offset + 2 + offset, fromName.length);
-            recorder.insertLeft(el.endSourceSpan?.start.offset + 2 + offset, toName);
+const renameElementTagInTemplate = ({ template, offset, recorder, fromName, toName, defaultAttributes, removeAttributes }) => {
+    for (const element of findElement(template, node => node.name === fromName)) {
+        const openingNameStart = element.startSourceSpan.start.offset + 1 + offset;
+        recorder.remove(openingNameStart, fromName.length);
+        recorder.insertLeft(openingNameStart, toName);
+        const closingTag = element.endSourceSpan;
+        if (closingTag && closingTag.start.offset !== element.startSourceSpan.start.offset) {
+            const closingNameStart = closingTag.start.offset + 2 + offset;
+            recorder.remove(closingNameStart, fromName.length);
+            recorder.insertLeft(closingNameStart, toName);
         }
         if (defaultAttributes && defaultAttributes.length > 0) {
-            const existingAttrNames = new Set(el.attrs.map(attr => attr.name));
+            const existingAttrNames = new Set(element.attrs.map(attr => attr.name));
             const attrsToAdd = defaultAttributes.filter(attr => !existingAttrNames.has(attr.name));
             if (attrsToAdd.length > 0) {
-                const insertPosition = el.startSourceSpan.start.offset + 1 + offset + toName.length;
+                const insertPosition = element.startSourceSpan.start.offset + 1 + offset + toName.length;
                 const attrsString = attrsToAdd.map(attr => ` ${attr.name}="${attr.value}"`).join('');
                 recorder.insertLeft(insertPosition, attrsString);
             }
         }
-    });
+        removeAttributesFromElement(template, element, removeAttributes ?? [], offset, recorder);
+    }
 };

package/schematics/migrations/utilities/symbol-renaming.migration.js

@@ -4,16 +4,18 @@
  */
 import * as ts from 'typescript';
 import { EmitHint } from 'typescript';
-import { findImportSpecifier } from '../../utils/index.js';
+import { findImportSpecifier, getImportSpecifiers } from '../../utils/index.js';
+import { removeImportSpecifiers } from './import-removal.js';
 export const applySymbolRenamingMigration = (context, changes) => {
     const { discoveredSourceFile, recorder } = context;
     if (!changes?.length) {
         return;
     }
-    const { sourceFile } = discoveredSourceFile;
+    const { sourceFile, typeChecker } = discoveredSourceFile;
     const changeInstructions = [
         ...renameIdentifier({
             sourceFile,
+            typeChecker,
             renamingInstructions: changes
         })
     ];
@@ -26,7 +28,7 @@ export const applySymbolRenamingMigration = (context, changes) => {
         recorder.insertLeft(changeInstruction.start, printer.printNode(EmitHint.Unspecified, changeInstruction.newNode, sourceFile));
     }
 };
-function* renameIdentifier({ sourceFile, renamingInstructions }) {
+function* renameIdentifier({ sourceFile, typeChecker, renamingInstructions }) {
     for (const node of sourceFile.statements) {
         if (!ts.isImportDeclaration(node) || !ts.isStringLiteral(node.moduleSpecifier)) {
             continue;
@@ -38,6 +40,10 @@ function* renameIdentifier({ sourceFile, renamingInstructions }) {
             if (!(node.importClause?.namedBindings && ts.isNamedImports(node.importClause.namedBindings))) {
                 continue;
             }
+            if (!renamingInstruction.toModule) {
+                yield* renameSymbolsInPlace(sourceFile, typeChecker, node, renamingInstruction);
+                continue;
+            }
             // Find all symbols from this import that need to be renamed/moved
             const symbolsToProcess = [];
             for (const { replace, replaceWith } of renamingInstruction.symbolRenamings) {
@@ -126,3 +132,84 @@ function* renameIdentifier({ sourceFile, renamingInstructions }) {
         }
     }
 }
+function* renameSymbolsInPlace(sourceFile, typeChecker, declaration, instruction) {
+    const importClause = declaration.importClause;
+    const bindings = importClause.namedBindings;
+    const replacements = new Map();
+    const references = new Map();
+    const redundantImports = [];
+    for (const specifier of bindings.elements) {
+        const importedName = specifier.propertyName ?? specifier.name;
+        const rename = instruction.symbolRenamings.find(change => change.replace === importedName.text);
+        if (!rename) {
+            continue;
+        }
+        // Aliases keep their local name and only change the imported symbol.
+        if (specifier.propertyName) {
+            replacements.set(specifier, rename.replaceWith);
+            continue;
+        }
+        const existingImport = getImportSpecifiers(sourceFile, declaration.moduleSpecifier.text, rename.replaceWith).find(candidate => {
+            const isTypeOnly = candidate.isTypeOnly || candidate.parent.parent.isTypeOnly;
+            return !isTypeOnly || specifier.isTypeOnly || importClause.isTypeOnly;
+        });
+        if (existingImport) {
+            redundantImports.push(specifier);
+        }
+        else {
+            replacements.set(specifier, rename.replaceWith);
+        }
+        const symbol = typeChecker.getSymbolAtLocation(specifier.name);
+        if (symbol) {
+            references.set(symbol, existingImport?.name.text ?? rename.replaceWith);
+        }
+    }
+    if (redundantImports.length) {
+        const edit = removeImportSpecifiers(sourceFile, declaration, redundantImports);
+        const remaining = bindings.elements.filter(specifier => !redundantImports.includes(specifier));
+        const updatedBindings = ts.factory.updateNamedImports(bindings, remaining.map(specifier => {
+            const replacement = replacements.get(specifier);
+            if (!replacement) {
+                return specifier;
+            }
+            return ts.factory.updateImportSpecifier(specifier, specifier.isTypeOnly, specifier.propertyName ? ts.factory.createIdentifier(replacement) : undefined, specifier.propertyName ? specifier.name : ts.factory.createIdentifier(replacement));
+        }));
+        yield {
+            start: edit.start,
+            width: edit.width,
+            newNode: edit.newNode
+                ? ts.factory.updateImportDeclaration(declaration, declaration.modifiers, ts.factory.updateImportClause(importClause, importClause.isTypeOnly, importClause.name, updatedBindings), declaration.moduleSpecifier, declaration.attributes)
+                : ts.factory.createIdentifier('')
+        };
+    }
+    else {
+        for (const [specifier, replacement] of replacements) {
+            const importedName = specifier.propertyName ?? specifier.name;
+            yield {
+                start: importedName.getStart(),
+                width: importedName.getWidth(),
+                newNode: ts.factory.createIdentifier(replacement)
+            };
+        }
+    }
+    const visit = function* (node) {
+        if (ts.isImportDeclaration(node)) {
+            return;
+        }
+        if (ts.isIdentifier(node)) {
+            const symbol = typeChecker.getSymbolAtLocation(node);
+            const replacement = symbol && references.get(symbol);
+            if (replacement) {
+                yield {
+                    start: node.getStart(),
+                    width: node.getWidth(),
+                    newNode: ts.factory.createIdentifier(replacement)
+                };
+            }
+        }
+        for (const child of node.getChildren()) {
+            yield* visit(child);
+        }
+    };
+    yield* visit(sourceFile);
+}

package/schematics/utils/template-edit-utils.js

@@ -33,3 +33,12 @@ export const removeAttribute = (template, attribute, offset, recorder) => {
     const removeStart = start > 0 && /\s/.test(template[start - 1] ?? '') ? start - 1 : start;
     recorder.remove(removeStart + offset, end - removeStart);
 };
+/** Removes static attributes and property/attribute bindings with the given names. */
+export const removeAttributesFromElement = (template, element, names, offset, recorder) => {
+    for (const attribute of element.attrs) {
+        const matches = names.some(name => [name, `[${name}]`, `attr.${name}`, `[attr.${name}]`].includes(attribute.name));
+        if (matches) {
+            removeAttribute(template, attribute, offset, recorder);
+        }
+    }
+};

package/template-i18n.json

@@ -183,8 +183,8 @@
   "SI_MAP.FIND_MY_LOCATION": "Find my location",
   "SI_MAP.FULLSCREEN_ENTER": "Enter full screen",
   "SI_MAP.FULLSCREEN_EXIT": "Exit full screen",
-  "SI_MAP.GLOBE_DISABLE": "Disable globe",
-  "SI_MAP.GLOBE_ENABLE": "Enable globe",
+  "SI_MAP.GLOBE_DISABLE": "Switch to flat view",
+  "SI_MAP.GLOBE_ENABLE": "Switch to globe view",
   "SI_MAP.LOCATION_NOT_AVAILABLE": "Location not available",
   "SI_MAP.LOGO_TITLE": "MapLibre logo",
   "SI_MAP.MAC_HELP": "Use ⌘ + scroll to zoom the map",

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

@@ -132,6 +132,7 @@ declare class SiDashboardComponent implements OnChanges, AfterViewInit {
     private scrollbarHelper;
     private cdRef;
     private document;
+    private injector;
     private readonly hideMenubarInternal;
     constructor();
     ngOnChanges(changes: SimpleChanges<this>): void;
@@ -153,6 +154,7 @@ declare class SiDashboardComponent implements OnChanges, AfterViewInit {
      * method. In general this is achieved by listening to card events.
      */
     private restoreDashboard;
+    private restoreCardFocus;
     private toggleCardsHide;
     private setDashboardFrameEndPadding;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiDashboardComponent, never>;

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

@@ -217,7 +217,7 @@ declare class SiDateInputDirective implements ControlValueAccessor, OnChanges, V
     registerOnTouched(fn: () => void): void;
     registerOnValidatorChange(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
-    writeValue(value?: Date | string): void;
+    writeValue(value?: Date | string | null): void;
     private updateNativeValue;
     /**
      * Handles `input` events on the input element.
@@ -920,6 +920,11 @@ declare class SiTimepickerComponent implements ControlValueAccessor, Validator,
      * Holds the time as date object that is presented by this control.
      */
     private time?;
+    /**
+     * Whether `null` was emitted due to an incomplete or invalid input.
+     * The next valid time must be emitted, even if it equals the previous `time`.
+     */
+    private invalidTimeEmitted;
     private periodDefaults;
     constructor();
     writeValue(obj?: Date | string): void;

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

@@ -388,7 +388,7 @@ declare class SiFormFieldsetComponent {
     /** @internal */
     readonly hasOnlyRadios: _angular_core.Signal<boolean>;
     protected readonly errors: _angular_core.Signal<readonly _siemens_element_ng_form.SiFormError[]>;
-    protected readonly touched: _angular_core.Signal<boolean>;
+    protected readonly showErrors: _angular_core.Signal<boolean>;
     protected readonly isRequired: _angular_core.Signal<boolean>;
     protected readonly labelId: string;
     /** @internal */

package/types/siemens-element-ng-number-input.d.ts

@@ -26,7 +26,7 @@ declare class SiNumberInputComponent implements OnChanges, ControlValueAccessor,
      */
     readonly step: _angular_core.InputSignal<number | "any">;
     /** The value */
-    readonly value: _angular_core.InputSignal<number | undefined>;
+    readonly value: _angular_core.InputSignal<number | null | undefined>;
     /** Optional unit label */
     readonly unit: _angular_core.InputSignal<string | undefined>;
     /**
@@ -104,7 +104,7 @@ declare class SiNumberInputComponent implements OnChanges, ControlValueAccessor,
     /** @internal */
     setDisabledState(isDisabled: boolean): void;
     /** @internal */
-    writeValue(value: number | undefined): void;
+    writeValue(value: number | null | undefined): void;
     /** @internal */
     validate(control: AbstractControl): ValidationErrors | null;
     /** @internal */

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

@@ -13,7 +13,7 @@ declare class SiPopoverDirective implements OnDestroy {
      */
     readonly siPopover: _angular_core.InputSignal<TranslatableString | TemplateRef<unknown> | undefined>;
     /**
-     * The placement of the popover. One of 'top', 'start', end', 'bottom'
+     * The placement of the popover. One of 'top', 'start', 'end', 'bottom'
      *
      * @defaultValue 'auto'
      */

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

@@ -127,6 +127,7 @@ declare class SiTabsetComponent {
     focusKeyManager: FocusKeyManager<SiTabBaseDirective>;
     /** @internal */
     protected readonly showMenuButton: _angular_core.WritableSignal<boolean>;
+    private readonly menuButton;
     protected tabIsLink(tab: unknown): tab is SiTabLinkComponent;
     constructor();
     /** @internal */

package/types/siemens-element-ng-tree-view.d.ts

@@ -372,6 +372,7 @@ declare class SiTreeViewComponent implements OnInit, OnChanges, OnDestroy, After
      */
     private virtualRoot;
     private readonly _items;
+    protected readonly svgIcons: Record<"elementExpandAll" | "elementCollapseAll", string>;
     private updateTreeItemDefaults;
     /**
      * @internal

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

@@ -337,6 +337,13 @@ declare class SiTypeaheadDirective implements OnChanges, OnDestroy {
     private readonly unprocessedSearch;
     constructor();
     ngOnChanges(changes: SimpleChanges<this>): void;
+    /**
+     * @internal
+     *
+     * Updates the position of the typeahead overlay when already rendered.
+     * This can be useful if the input position/dimension changed.
+     */
+    updateOverlayPosition(): void;
     protected onBlur(): void;
     protected onInput(event: Event): void;
     protected onKeydownEscape(): void;