@siemens/element-ng 49.12.0 → 49.13.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@siemens/element-ng",
   "description": "Element Angular component library, implementing the Siemens Design Language",
-  "version": "49.12.0",
+  "version": "49.13.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.12.0",
-    "@siemens/element-theme": "49.12.0",
+    "@siemens/element-translate-ng": "49.13.0",
+    "@siemens/element-theme": "49.13.0",
     "@siemens/ngx-datatable": "22 - 26",
     "ag-grid-community": "^34.3.1 || ^35.0.0",
     "flag-icons": "^7.3.2",

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

@@ -1,7 +1,7 @@
 import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
 import * as _angular_core from '@angular/core';
-import { OnDestroy, TemplateRef, Injector, OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { OnDestroy, TemplateRef, Injector, OnInit, OnChanges, Signal, ElementRef, SimpleChanges } from '@angular/core';
 import { HeaderWithDropdowns, SiHeaderDropdownTriggerDirective } from '@siemens/element-ng/header-dropdown';
 import { Subject } from 'rxjs';
 import * as _siemens_element_ng_application_header from '@siemens/element-ng/application-header';
@@ -147,10 +147,16 @@ declare abstract class SiHeaderActionIconItemBase extends SiHeaderActionItemBase
      * - =true, an empty red dot will be shown
      */
     readonly badge: _angular_core.InputSignal<number | boolean | null | undefined>;
-    protected readonly badgeDot: _angular_core.Signal<boolean>;
-    protected readonly badgeValue: _angular_core.Signal<string | undefined>;
+    protected abstract readonly itemTitle: Signal<string | ElementRef<Element>>;
+    private readonly tooltipService;
+    private readonly elementRef;
+    private readonly existingTooltip;
+    protected readonly badgeDot: Signal<boolean>;
+    protected readonly badgeValue: Signal<string | undefined>;
+    constructor();
+    private setupTooltip;
     ngOnChanges(changes: SimpleChanges<this>): void;
-    protected get visuallyHideTitle(): boolean;
+    protected readonly visuallyHideTitle: Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiHeaderActionIconItemBase, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiHeaderActionIconItemBase, never, never, { "badge": { "alias": "badge"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -159,6 +165,7 @@ declare abstract class SiHeaderActionIconItemBase extends SiHeaderActionItemBase
 declare class SiHeaderActionItemComponent extends SiHeaderActionIconItemBase {
     /** The icon to be shown. */
     readonly icon: _angular_core.InputSignal<string>;
+    protected readonly itemTitle: _angular_core.Signal<ElementRef<HTMLElement>>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiHeaderActionItemComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiHeaderActionItemComponent, "button[si-header-action-item], a[si-header-action-item]", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; }, {}, never, ["si-avatar", "*"], true, never>;
 }
@@ -171,6 +178,7 @@ declare class SiHeaderAccountItemComponent extends SiHeaderActionIconItemBase {
     readonly initials: _angular_core.InputSignal<string | undefined>;
     /** URL to an image which should be shown instead of the initials. */
     readonly imageUrl: _angular_core.InputSignal<string | undefined>;
+    protected readonly itemTitle: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiHeaderAccountItemComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiHeaderAccountItemComponent, "button[si-header-account-item]", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "imageUrl": { "alias": "imageUrl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

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

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

@@ -365,13 +365,11 @@ declare class SiFormValidationTooltipDirective implements OnDestroy, DoCheck {
     private readonly errors;
     private currentErrors;
     private touched;
-    private activationCount;
     protected readonly describedBy: string;
     ngDoCheck(): void;
     ngOnDestroy(): void;
-    protected increaseActivation(): void;
     private updateErrors;
-    protected decreaseActivation(): void;
+    private createTooltip;
     private destroyTooltip;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiFormValidationTooltipDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiFormValidationTooltipDirective, "[siFormValidationTooltip]", never, { "formErrorMapper": { "alias": "formErrorMapper"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

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

@@ -27,6 +27,11 @@ declare class SiHeaderDropdownTriggerDirective implements OnChanges, OnInit, OnD
     private readonly parent;
     /** @internal */
     readonly navbar: _siemens_element_ng_header_dropdown.HeaderWithDropdowns | null;
+    /**
+     * Whether the dropdown is opened inline (mobile) instead of in an overlay (desktop).
+     * Inline dropdowns are simple disclosure groups, while overlay dropdowns are dialogs.
+     */
+    protected readonly inline: _angular_core.Signal<boolean>;
     private readonly injector;
     private viewRef?;
     private portal?;

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

@@ -142,7 +142,7 @@ declare class SiPhoneNumberInputComponent implements ControlValueAccessor, Valid
      */
     readonly errormessageId: _angular_core.InputSignal<string>;
     protected readonly phoneInput: _angular_core.Signal<ElementRef<HTMLInputElement>>;
-    protected selectedCountry?: CountryInfo;
+    protected readonly selectedCountry: _angular_core.WritableSignal<CountryInfo | undefined>;
     protected placeholder: string;
     protected readonly countryFocused: _angular_core.WritableSignal<boolean>;
     protected open: boolean;
@@ -153,7 +153,7 @@ declare class SiPhoneNumberInputComponent implements ControlValueAccessor, Valid
     private readonly allowedCountries;
     private readonly disabledNgControl;
     private isValidNumber;
-    private phoneNumber?;
+    private readonly phoneNumber;
     private onChange;
     private onTouched;
     ngOnChanges(changes: SimpleChanges<this>): void;

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

@@ -48,12 +48,16 @@ declare abstract class SiTabBaseDirective implements OnDestroy, FocusableOption
     readonly tabContent: Signal<TemplateRef<any> | undefined>;
     private static tabCounter;
     private indexBeforeClose;
+    private readonly tooltipService;
+    private readonly existingTooltip;
+    private tooltipRef?;
     /** @internal */
     tabId: string;
     protected readonly icons: Record<"elementCancel", string>;
     protected tabset: _siemens_element_ng_tabs.SiTabsetComponent;
     private readonly index;
     constructor();
+    private setupIconTooltip;
     ngOnDestroy(): void;
     protected closeTab(event: Event): void;
     /** @internal */

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

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { OnDestroy, TemplateRef, Type, ElementRef, Injector } from '@angular/core';
-import { ScrollStrategy, OverlayRef } from '@angular/cdk/overlay';
+import { ScrollStrategy } from '@angular/cdk/overlay';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
 import { positions } from '@siemens/element-ng/common';
 
@@ -35,16 +35,10 @@ declare class SiTooltipDirective implements OnDestroy {
     readonly tooltipContext: i0.InputSignal<unknown>;
     protected describedBy: string;
     private tooltipRef?;
-    private showTimeout?;
     private tooltipService;
     private elementRef;
-    private isBrowser;
+    constructor();
     ngOnDestroy(): void;
-    private clearShowTimeout;
-    private showTooltip;
-    protected focusIn(event: FocusEvent): void;
-    protected show(): void;
-    protected hide(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SiTooltipDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SiTooltipDirective, "[siTooltip]", never, { "siTooltip": { "alias": "siTooltip"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "tooltipScrollStrategy": { "alias": "tooltipScrollStrategy"; "required": false; "isSignal": true; }; "tooltipContext": { "alias": "tooltipContext"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -60,27 +54,15 @@ declare class SiTooltipModule {
  * SPDX-License-Identifier: MIT
  */
 
-type SiTooltipContent = TranslatableString | TemplateRef<any> | Type<any> | null | undefined;
+type SiTooltipContent = TranslatableString | TemplateRef<any> | Type<any> | ElementRef<Element> | null | undefined;
 
 /**
  * Copyright (c) Siemens 2016 - 2026
  * SPDX-License-Identifier: MIT
  */
 
-/**
- * TooltipRef is attached to a specific element.
- * Use it to show or hide a tooltip for that element.
- *
- * @internal
- */
-declare class TooltipRef {
-    private overlayRef;
-    private element;
-    private injector?;
-    constructor(overlayRef: OverlayRef, element: ElementRef, injector?: Injector | undefined);
-    private subscription?;
-    show(): void;
-    hide(): void;
+/** @internal */
+interface TooltipRef {
     destroy(): void;
 }
 /**
@@ -92,17 +74,19 @@ declare class TooltipRef {
  */
 declare class SiTooltipService {
     private overlay;
+    private isBrowser;
     createTooltip(config: {
-        describedBy: string;
+        describedBy?: string;
         element: ElementRef;
         placement: keyof typeof positions;
         injector?: Injector;
         tooltip: () => SiTooltipContent;
         tooltipContext: () => unknown;
-        scrollStrategy?: ScrollStrategy;
+        scrollStrategy?: () => ScrollStrategy | undefined;
     }): TooltipRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<SiTooltipService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SiTooltipService>;
 }
 
-export { SiTooltipDirective, SiTooltipModule, SiTooltipService, TooltipRef };
+export { SiTooltipDirective, SiTooltipModule, SiTooltipService };
+export type { TooltipRef };