@siemens/element-ng 49.14.0 → 51.0.0-rc.5

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

@@ -1,13 +1,21 @@
 import * as _ngx_formly_core from '@ngx-formly/core';
-import { FormlyForm, FormlyFormOptions, FormlyFieldConfig, FieldType, FieldTypeConfig, FieldArrayType, FieldWrapper, ConfigOption } from '@ngx-formly/core';
-import * as i0 from '@angular/core';
-import { OnInit, AfterViewInit, ModuleWithProviders } from '@angular/core';
-import * as i5 from '@angular/forms';
+import { ConfigOption, FormlyFieldConfig, FormlyForm, FormlyFormOptions } from '@ngx-formly/core';
+import * as _angular_core from '@angular/core';
+import { OnInit, PipeTransform } from '@angular/core';
 import { AbstractControl, FormGroup } from '@angular/forms';
 import { JSONSchema7 } from 'json-schema';
-import * as i2 from '@angular/common';
-import * as i3 from '@ngx-formly/bootstrap';
-import * as i23 from '@siemens/element-ng/form';
+
+declare const dynamicUiConfig: () => ConfigOption;
+
+/**
+ * Copyright (c) Siemens 2016 - 2026
+ * SPDX-License-Identifier: MIT
+ */
+
+declare class SiFormlyTranslateExtension {
+    private translate;
+    prePopulate(field: FormlyFieldConfig): void;
+}
 
 declare class SiFormlyComponent<TControl extends {
     [K in keyof TControl]: AbstractControl;
@@ -15,8 +23,8 @@ declare class SiFormlyComponent<TControl extends {
     /**
      * Formly main container to provide modelChange subscriptions.
      */
-    readonly formlyForm: i0.Signal<FormlyForm | undefined>;
-    readonly form: i0.ModelSignal<FormGroup<TControl> | undefined>;
+    readonly formlyForm: _angular_core.Signal<FormlyForm | undefined>;
+    readonly form: _angular_core.ModelSignal<FormGroup<TControl> | undefined>;
     /**
      * Mapping of field name and its value.
      *
@@ -25,7 +33,7 @@ declare class SiFormlyComponent<TControl extends {
      * {}
      * ```
      */
-    readonly model: i0.ModelSignal<{}>;
+    readonly model: _angular_core.ModelSignal<{}>;
     /**
      * Define FormlyFormOptions.
      *
@@ -34,107 +42,33 @@ declare class SiFormlyComponent<TControl extends {
      * {}
      * ```
      */
-    readonly options: i0.InputSignal<FormlyFormOptions>;
+    readonly options: _angular_core.InputSignal<FormlyFormOptions>;
     /**
      * JSONSchema7 can be used instead of FormlyFieldConfig array for defining form fields.
      * */
-    readonly schema: i0.ModelSignal<JSONSchema7 | undefined>;
+    readonly schema: _angular_core.ModelSignal<JSONSchema7 | undefined>;
     /**
      * Define all form fields with FormlyFieldConfig array.
      *
      * @defaultValue []
      */
-    readonly fields: i0.InputSignal<FormlyFieldConfig<_ngx_formly_core.FormlyFieldProps & {
+    readonly fields: _angular_core.InputSignal<FormlyFieldConfig<_ngx_formly_core.FormlyFieldProps & {
         [additionalProperties: string]: any;
     }>[]>;
-    readonly fieldsChange: i0.OutputEmitterRef<FormlyFieldConfig<_ngx_formly_core.FormlyFieldProps & {
+    readonly fieldsChange: _angular_core.OutputEmitterRef<FormlyFieldConfig<_ngx_formly_core.FormlyFieldProps & {
         [additionalProperties: string]: any;
     }>[]>;
     /** Define width for field labels in pixel */
-    readonly labelWidth: i0.InputSignal<number | undefined>;
-    protected readonly fieldConfig: i0.Signal<FormlyFieldConfig<_ngx_formly_core.FormlyFieldProps & {
+    readonly labelWidth: _angular_core.InputSignal<number | undefined>;
+    protected readonly fieldConfig: _angular_core.Signal<FormlyFieldConfig<_ngx_formly_core.FormlyFieldProps & {
         [additionalProperties: string]: any;
     }>[]>;
     protected ownForm: boolean;
     private readonly formlyJsonschema;
     ngOnInit(): void;
     private applyLabelWidth;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiFormlyComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SiFormlyComponent<any>, "si-formly", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "schema": { "alias": "schema"; "required": false; "isSignal": true; }; "fields": { "alias": "fields"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; }, { "form": "formChange"; "model": "modelChange"; "schema": "schemaChange"; "fieldsChange": "fieldsChange"; }, never, never, false, never>;
-}
-
-declare class SiFormlyIpInputComponent extends FieldType<FieldTypeConfig> {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiFormlyIpInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SiFormlyIpInputComponent, "si-formly-ip-address", never, {}, {}, never, never, true, never>;
-}
-
-/**
- * Copyright (c) Siemens 2016 - 2026
- * SPDX-License-Identifier: MIT
- */
-
-declare class SiFormlyAccordionComponent extends FieldType implements AfterViewInit {
-    protected panelToggle(toggle: boolean, fieldGroup: FormlyFieldConfig): void;
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiFormlyAccordionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SiFormlyAccordionComponent, "si-formly-accordion", never, {}, {}, never, never, true, never>;
-}
-
-declare class SiFormlyArrayComponent extends FieldArrayType {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiFormlyArrayComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SiFormlyArrayComponent, "si-formly-array", never, {}, {}, never, never, true, never>;
-}
-
-declare class SiFormlyButtonComponent extends FieldType {
-    protected click(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiFormlyButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SiFormlyButtonComponent, "si-formly-button", never, {}, {}, never, never, true, never>;
-}
-
-/**
- * Copyright (c) Siemens 2016 - 2026
- * SPDX-License-Identifier: MIT
- */
-
-declare class SiFormlyDateTimeComponent extends FieldType<FieldTypeConfig> implements OnInit {
-    ngOnInit(): void;
-    private convertValidStringToDate;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiFormlyDateTimeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SiFormlyDateTimeComponent, "si-formly-datetime", never, {}, {}, never, never, true, never>;
-}
-
-declare class SiFormlyEmailComponent extends FieldType<FieldTypeConfig> {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiFormlyEmailComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SiFormlyEmailComponent, "si-formly-email", never, {}, {}, never, never, true, never>;
-}
-
-declare class SiFormlyHorizontalWrapperComponent extends FieldWrapper {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiFormlyHorizontalWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SiFormlyHorizontalWrapperComponent, "si-formly-horizontal-wrapper", never, {}, {}, never, never, true, never>;
-}
-
-declare class SiFormlyIconWrapperComponent extends FieldWrapper {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiFormlyIconWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SiFormlyIconWrapperComponent, "si-formly-icon-wrapper", never, {}, {}, never, never, true, never>;
-}
-
-declare class SiFormlyObjectComponent extends FieldType {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiFormlyObjectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SiFormlyObjectComponent, "si-formly-object", never, {}, {}, never, never, true, never>;
-}
-
-/**
- * Copyright (c) Siemens 2016 - 2026
- * SPDX-License-Identifier: MIT
- */
-
-interface GridRow {
-    columns: GridColumnConfig[];
-    classes: string[];
-}
-interface GridColumnConfig {
-    fields?: FormlyFieldConfig[];
-    classes: string[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiFormlyComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiFormlyComponent<any>, "si-formly", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "schema": { "alias": "schema"; "required": false; "isSignal": true; }; "fields": { "alias": "fields"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; }, { "form": "formChange"; "model": "modelChange"; "schema": "schemaChange"; "fieldsChange": "fieldsChange"; }, never, never, true, never>;
 }
 
 /**
@@ -142,80 +76,13 @@ interface GridColumnConfig {
  * SPDX-License-Identifier: MIT
  */
 
-declare class SiFormlyObjectGridComponent extends FieldType implements OnInit {
-    protected rows: GridRow[];
-    /**
-     * Template option to suppress displaying error messages that relate
-     * to the formControl of this grid (see formControl.errors).
-     */
-    private suppressFormErrorDisplay;
-    protected get containerClass(): string | string[];
-    ngOnInit(): void;
-    protected get displayErrorMessages(): boolean;
-    private setRows;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiFormlyObjectGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SiFormlyObjectGridComponent, "si-formly-object-grid", never, {}, {}, never, never, true, never>;
-}
-
-declare class SiFormlyObjectPlainComponent extends FieldType {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiFormlyObjectPlainComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SiFormlyObjectPlainComponent, "si-formly-object-plain", never, {}, {}, never, never, true, never>;
-}
-
-declare class SiFormlyObjectTabsetComponent extends FieldType {
-    protected tabIndexChange(isActive: boolean, selectedTab: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiFormlyObjectTabsetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SiFormlyObjectTabsetComponent, "si-formly-object-tabset", never, {}, {}, never, never, true, never>;
-}
-
-declare class SiFormlyPasswordComponent extends FieldType<FieldTypeConfig> {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiFormlyPasswordComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SiFormlyPasswordComponent, "si-formly-password", never, {}, {}, never, never, true, never>;
-}
-
-declare class SiFormlySelectComponent extends FieldType<FieldTypeConfig> {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiFormlySelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SiFormlySelectComponent, "si-formly-select", never, {}, {}, never, never, true, never>;
-}
-
-/**
- * Copyright (c) Siemens 2016 - 2026
- * SPDX-License-Identifier: MIT
- */
-
-declare class SiFormlyTextareaComponent extends FieldType<FieldTypeConfig> implements OnInit, AfterViewInit {
-    private readonly textArea;
-    protected contentGrowTextarea(): string;
-    protected resizeConfiguration(): string;
-    protected maxHeightConfiguration(): string;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    private assignValueToParent;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiFormlyTextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SiFormlyTextareaComponent, "si-formly-textarea", never, {}, {}, never, never, true, never>;
-}
-
-declare class SiFormlyTextDisplayComponent extends FieldType<FieldTypeConfig> {
-    protected get value(): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiFormlyTextDisplayComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SiFormlyTextDisplayComponent, "si-formly-text-display", never, {}, {}, never, never, true, never>;
-}
-
-declare class SiFormlyWrapperComponent extends FieldWrapper {
-    protected get label(): string;
-    protected get labelWidth(): number | undefined;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiFormlyWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SiFormlyWrapperComponent, "si-formly-wrapper", never, {}, {}, never, never, true, never>;
-}
-
-declare class SiFormlyModule {
-    private config;
-    private configs;
-    static forRoot(formlyConfig?: ConfigOption): ModuleWithProviders<SiFormlyModule>;
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiFormlyModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SiFormlyModule, [typeof SiFormlyComponent], [typeof i2.CommonModule, typeof i3.FormlyBootstrapModule, typeof _ngx_formly_core.FormlyModule, typeof i5.ReactiveFormsModule, typeof SiFormlyIpInputComponent, typeof SiFormlyAccordionComponent, typeof SiFormlyArrayComponent, typeof SiFormlyButtonComponent, typeof SiFormlyDateTimeComponent, typeof SiFormlyEmailComponent, typeof SiFormlyHorizontalWrapperComponent, typeof SiFormlyIconWrapperComponent, typeof SiFormlyObjectComponent, typeof SiFormlyObjectGridComponent, typeof SiFormlyObjectPlainComponent, typeof SiFormlyObjectTabsetComponent, typeof SiFormlyPasswordComponent, typeof SiFormlySelectComponent, typeof SiFormlyTextareaComponent, typeof SiFormlyTextDisplayComponent, typeof SiFormlyWrapperComponent, typeof i23.SiFormModule], [typeof SiFormlyComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SiFormlyModule>;
+/** */
+declare const getFieldValue: (model: any, path: string[]) => any;
+declare const getKeyPath: (key?: any) => string[];
+declare class SiValidationErrorIdPipe implements PipeTransform {
+    transform(value: string, ...args: any[]): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiValidationErrorIdPipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<SiValidationErrorIdPipe, "siValidationErrorId", true>;
 }
 
-export { SiFormlyComponent, SiFormlyModule };
+export { SiFormlyComponent, SiFormlyTranslateExtension, SiValidationErrorIdPipe, dynamicUiConfig, getFieldValue, getKeyPath };

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

@@ -1,24 +1,9 @@
 import * as _angular_core from '@angular/core';
-import { Provider, InjectionToken } from '@angular/core';
+import { InjectionToken } from '@angular/core';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
 import * as _siemens_element_ng_common from '@siemens/element-ng/common';
 import { StatusIcon, EntityStatusType } from '@siemens/element-ng/common';
 
-/**
- * Global configuration for icons.
- */
-interface IconConfig {
-    /**
-     * If true, the si-icon component will always render the icon font instead of the svg.
-     *
-     * @defaultValue false
-     */
-    disableSvgIcons?: boolean;
-}
-/**
- * Configure how Element handles icons. Provide only once in your global configuration.
- */
-declare const provideIconConfig: (config: IconConfig) => Provider;
 /**
  * Component to render a font or SVG icon depending on the configuration.
  * If no SVG icon is found, the component will fall back to render the icon-font.
@@ -51,7 +36,6 @@ declare class SiIconComponent {
      * ```
      */
     readonly icon: _angular_core.InputSignal<string>;
-    private readonly config;
     private readonly iconService;
     protected readonly svgIcon: _angular_core.Signal<string | undefined>;
     /** Icon class, which is ensured to be kebab-case. */
@@ -192,5 +176,4 @@ declare class SiStatusIconComponent {
  */
 declare const elementCheckedImageShape = "data:image/svg+xml;base64,PHN2ZyBpZD0iSWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+CiAgPHRpdGxlPm9rPC90aXRsZT4KICA8cGF0aCBkPSJNMzc5LjUxLDE1Ni43NmwtMTczLDE3My03NC03NGExMiwxMiwwLDEsMC0xNywxN2w4Mi41LDgyLjVhMTIsMTIsMCwwLDAsMTcsMGwxODEuNS0xODEuNWExMiwxMiwwLDAsMC0xNy0xN1oiLz4KPC9zdmc+Cg==";
 
-export { STATUS_ICON_CONFIG, SiIconComponent, SiIconLegacyComponent, SiIconModule, SiStatusIconComponent, addIcons, elementCheckedImageShape, provideIconConfig };
-export type { IconConfig };
+export { STATUS_ICON_CONFIG, SiIconComponent, SiIconLegacyComponent, SiIconModule, SiStatusIconComponent, addIcons, elementCheckedImageShape };

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

@@ -46,7 +46,7 @@ declare abstract class SiIpInputDirective {
     writeValue(value?: string | null): void;
     protected onInput(e: Event): void;
     /** @internal */
-    protected blur(): void;
+    protected onBlur(): void;
     /**
      * Allow to adjust the input value when leaving the input field.
      */

package/types/siemens-element-ng-landing-page.d.ts

@@ -225,7 +225,7 @@ declare class SiLoginBasicComponent implements OnInit {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_LOGIN_BASIC.LOGIN:Login`)
+     * t(() => $localize`:@@SI_LOGIN_BASIC.LOGIN:Log in`)
      * ```
      */
     readonly loginButtonLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
@@ -455,7 +455,7 @@ declare class SiChangePasswordComponent implements OnInit, OnDestroy {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_CHANGE_PASSWORD.CHANGE_FACTORY_PASSWORD:Factory set password must be changed`)
+     * t(() => $localize`:@@SI_CHANGE_PASSWORD.CHANGE_FACTORY_PASSWORD:Default password must be changed`)
      * ```
      */
     readonly subheading: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;

package/types/siemens-element-ng-loading-spinner.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { InjectionToken, OnInit, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { OnInit, OnChanges, 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';
 import * as rxjs from 'rxjs';
@@ -35,23 +35,15 @@ declare class SiLoadingButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiLoadingButtonComponent, "si-loading-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "buttonClass": { "alias": "buttonClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-declare const LOADING_SPINNER_BLOCKING: InjectionToken<boolean>;
-declare const LOADING_SPINNER_OVERLAY: InjectionToken<boolean>;
 declare class SiLoadingSpinnerComponent {
     /**
-     * @defaultValue
-     * ```
-     * inject(LOADING_SPINNER_BLOCKING, { optional: true })
-     * ```
+     * @defaultValue false
      */
-    readonly isBlockingSpinner: _angular_core.InputSignal<boolean | null>;
+    readonly isBlockingSpinner: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
-     * @defaultValue
-     * ```
-     * inject(LOADING_SPINNER_OVERLAY, { optional: true })
-     * ```
+     * @defaultValue false
      */
-    readonly isSpinnerOverlay: _angular_core.InputSignal<boolean | null>;
+    readonly isSpinnerOverlay: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Needed for a11y
      *
@@ -93,13 +85,11 @@ declare class SiLoadingSpinnerDirective implements OnInit, OnChanges, OnDestroy
     private minSpinTime;
     private portalOutlet?;
     private readonly compPortal;
-    private compPortalRef;
     protected readonly spinner$: rxjs.Observable<boolean>;
     private createPortal;
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges<this>): void;
+    ngOnChanges(): void;
     ngOnDestroy(): void;
-    private createPortalInjector;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiLoadingSpinnerDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiLoadingSpinnerDirective, "[siLoading]", never, { "siLoading": { "alias": "siLoading"; "required": true; "isSignal": true; }; "blocking": { "alias": "blocking"; "required": false; "isSignal": true; }; "initialDelay": { "alias": "initialDelay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -127,4 +117,4 @@ declare class SiLoadingSpinnerModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiLoadingSpinnerModule>;
 }
 
-export { LOADING_SPINNER_BLOCKING, LOADING_SPINNER_OVERLAY, SiLoadingButtonComponent, SiLoadingService, SiLoadingSpinnerComponent, SiLoadingSpinnerDirective, SiLoadingSpinnerModule };
+export { SiLoadingButtonComponent, SiLoadingService, SiLoadingSpinnerComponent, SiLoadingSpinnerDirective, SiLoadingSpinnerModule };

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

@@ -0,0 +1,26 @@
+import { Signal } from '@angular/core';
+import { StyleSpecification } from 'maplibre-gl';
+
+/**
+ * Copyright (c) Siemens 2016 - 2026
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * Creates a signal that returns a {@link StyleSpecification} for MapLibre GL based on the current
+ * Element theme. The signal automatically updates when the theme switches between light and dark.
+ *
+ * @remarks
+ * **Must be called in an Angular injection context** (e.g. inside a constructor, field initializer,
+ * or a function called from one). Calling this function outside of an injection context will throw
+ * an `assertInInjectionContext` error.
+ *
+ * @experimental
+ *
+ * @param key - The MapTiler API key used to fetch tiles, glyphs, and sprites
+ * @returns A signal that provides the current {@link StyleSpecification} based on the active theme
+ * @throws When called outside of an Angular injection context
+ */
+declare const injectSiMapStyle: (key: string) => Signal<StyleSpecification>;
+
+export { injectSiMapStyle };

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

@@ -1,8 +1,15 @@
+import { DomPortal } from '@angular/cdk/portal';
 import * as _angular_core from '@angular/core';
-import { TemplateRef, OnInit, OnChanges, ViewContainerRef, SimpleChanges } from '@angular/core';
+import { TemplateRef, OnInit, OnChanges, SimpleChanges } from '@angular/core';
 import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
 import * as _siemens_element_ng_navbar_vertical_next from '@siemens/element-ng/navbar-vertical-next';
-import { DomPortal } from '@angular/cdk/portal';
+import * as _angular_cdk_overlay from '@angular/cdk/overlay';
+import { ConnectedPosition } from '@angular/cdk/overlay';
+
+/**
+ * Copyright (c) Siemens 2016 - 2026
+ * SPDX-License-Identifier: MIT
+ */
 
 /**
  * Content slot for navbar items inside `si-navbar-vertical-next`.
@@ -10,6 +17,11 @@ import { DomPortal } from '@angular/cdk/portal';
  * @experimental
  */
 declare class SiNavbarVerticalNextItemsComponent {
+    private readonly elementRef;
+    /** DOM portal that relocates the whole items container into the chip menu overlay.
+     * @internal
+     */
+    readonly hostPortal: DomPortal<HTMLElement>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalNextItemsComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalNextItemsComponent, "si-navbar-vertical-next-items", never, {}, {}, never, ["*"], true, never>;
 }
@@ -45,14 +57,12 @@ declare class SiNavbarVerticalNextGroupTriggerDirective {
     private readonly overlay;
     private readonly destroyRef;
     private readonly injector;
-    private readonly overlayRef;
+    private overlayRef;
     private groupView?;
     private flyoutAnchorComponentRef?;
     private readonly templatePortal;
     constructor();
     /** @internal */
-    private buildPositionStrategy;
-    /** @internal */
     hideFlyout(): void;
     protected triggered(): void;
     private toggleFlyout;
@@ -80,6 +90,11 @@ declare class SiNavbarVerticalNextItemComponent implements OnInit {
     readonly hideBadgeWhenCollapsed: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Override the active state. Useful for action items. */
     readonly activeOverride: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Text label of this item.
+     * Consumed by the chip button to mirror the active item's label when collapsed.
+     */
+    readonly label: _angular_core.InputSignal<string | undefined>;
     protected readonly navbar: _siemens_element_ng_navbar_vertical_next.SiNavbarVerticalNextComponent;
     protected readonly parent: SiNavbarVerticalNextItemComponent | null;
     readonly group: SiNavbarVerticalNextGroupTriggerDirective | null;
@@ -88,13 +103,7 @@ declare class SiNavbarVerticalNextItemComponent implements OnInit {
      * @internal
      */
     private readonly routerActive;
-    /** @internal */
-    private readonly elementRef;
-    /** DOM portal relocated into the chip slot when collapsed.
-     * @internal
-     */
-    readonly hostPortal: DomPortal<HTMLElement>;
-    /** Signal mirror of the navbar's chip mode. `true` when inline-collapse is active and the navbar is collapsed.
+    /** `true` when the navbar is in chip mode (inline-collapse active and collapsed).
      * @internal
      */
     readonly chipMode: _angular_core.Signal<boolean>;
@@ -104,10 +113,11 @@ declare class SiNavbarVerticalNextItemComponent implements OnInit {
     protected readonly textOnlyBadge: _angular_core.Signal<boolean>;
     /** `true` when the `active` CSS class should be applied to this item.
      *
-     * In chip mode, root-level items use `is-chip` styling instead of `active`, so the
-     * class is suppressed unless the item is a sub-item (`parent` is set) or it is a
-     * group trigger whose flyout is currently open.
-     * Outside chip mode the value equals `active()`.
+     * In chip mode the root-level items are hidden inside the collapsed nav until
+     * the user opens the chip menu, so their active state is suppressed to avoid
+     * flashing when the menu closes. Sub-items and open group triggers always
+     * reflect activity. While the chip menu is open, root-level active items must
+     * be highlighted so the user can locate the current page in the overlay.
      * @internal
      */
     protected readonly showActive: _angular_core.Signal<boolean | undefined>;
@@ -138,14 +148,10 @@ declare class SiNavbarVerticalNextItemComponent implements OnInit {
      * @internal
      */
     readonly isActiveRootItem: _angular_core.Signal<boolean>;
-    /** `true` when this item is currently rendered as a chip in the inline-collapse bar.
-     * @internal
-     */
-    readonly isChip: _angular_core.Signal<boolean>;
     ngOnInit(): void;
     protected triggered(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalNextItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalNextItemComponent, "a[si-navbar-vertical-next-item], button[si-navbar-vertical-next-item]", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "badgeColor": { "alias": "badgeColor"; "required": false; "isSignal": true; }; "hideBadgeWhenCollapsed": { "alias": "hideBadgeWhenCollapsed"; "required": false; "isSignal": true; }; "activeOverride": { "alias": "activeOverride"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalNextItemComponent, "a[si-navbar-vertical-next-item], button[si-navbar-vertical-next-item]", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "badgeColor": { "alias": "badgeColor"; "required": false; "isSignal": true; }; "hideBadgeWhenCollapsed": { "alias": "hideBadgeWhenCollapsed"; "required": false; "isSignal": true; }; "activeOverride": { "alias": "activeOverride"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /** @experimental */
@@ -227,10 +233,14 @@ declare class SiNavbarVerticalNextComponent implements OnChanges, OnInit {
     private injector;
     protected readonly ready: _angular_core.WritableSignal<boolean>;
     protected readonly smallScreen: _angular_core.WritableSignal<boolean>;
-    /** Stable ViewContainerRef inside <nav>, used to host flyout anchors when the chip DomPortal moves a trigger outside the nav.
+    /** Chip menu sub-component; present only while the parent template renders it.
      * @internal
      */
-    readonly flyoutAnchorHost: _angular_core.Signal<ViewContainerRef | undefined>;
+    private readonly chipMenu;
+    /** Projected items container; portaled into the chip menu overlay while it is open.
+     * @internal
+     */
+    readonly itemsComponent: _angular_core.Signal<SiNavbarVerticalNextItemsComponent | undefined>;
     /** All projected nav items, including descendants inside group templates.
      * @internal
      */
@@ -238,11 +248,7 @@ declare class SiNavbarVerticalNextComponent implements OnChanges, OnInit {
     /** The active root-level item; group triggers resolve for nested routes.
      * @internal
      */
-    readonly activeItem: _angular_core.Signal<SiNavbarVerticalNextItemComponent | undefined>;
-    /** `true` when the active item's portal should occupy the chip slot.
-     * @internal
-     */
-    readonly chipPortalAttached: _angular_core.Signal<boolean>;
+    readonly activeItem: _angular_core.WritableSignal<SiNavbarVerticalNextItemComponent | undefined>;
     /**
      * @defaultValue
      * ```
@@ -260,6 +266,14 @@ declare class SiNavbarVerticalNextComponent implements OnChanges, OnInit {
      * @internal
      */
     readonly flyoutMode: _angular_core.Signal<boolean>;
+    /** `true` when the chip menu overlay is open.
+     * @internal
+     */
+    readonly chipMenuOpen: _angular_core.Signal<boolean>;
+    /** `true` when the chip is rendered and visually parked next to the toggle.
+     * @internal
+     */
+    readonly hasVisibleChip: _angular_core.Signal<boolean>;
     constructor();
     ngOnChanges(changes: SimpleChanges<this>): void;
     ngOnInit(): void;
@@ -274,7 +288,48 @@ 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; }; "inlineCollapse": { "alias": "inlineCollapse"; "required": false; "isSignal": true; }; "alwaysFlyout": { "alias": "alwaysFlyout"; "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"; }, ["items"], ["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; }; "inlineCollapse": { "alias": "inlineCollapse"; "required": false; "isSignal": true; }; "alwaysFlyout": { "alias": "alwaysFlyout"; "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"; }, ["itemsComponent", "items"], ["si-navbar-vertical-next-search", "si-navbar-vertical-next-items", "si-navbar-vertical-next-footer-items", "*"], true, never>;
+}
+
+/**
+ * Chip button + chip menu overlay. Mounted by the navbar in inline-collapse
+ * mode when an active root item exists.
+ * @experimental
+ */
+declare class SiNavbarVerticalNextChipMenuComponent {
+    private static menuIdCounter;
+    /** Parent navbar host. */
+    protected readonly navbar: _siemens_element_ng_navbar_vertical_next.SiNavbarVerticalNextComponent;
+    private readonly chipOrigin;
+    /** DOM id wiring the chip button's `aria-controls` to the overlay panel.
+     * @internal
+     */
+    readonly menuId: string;
+    /** DOM id wiring the chip label to the overlay panel's `aria-labelledby`.
+     * @internal
+     */
+    readonly menuLabelId: string;
+    /**
+     * `true` when the overlay is open.
+     *
+     * @defaultValue false
+     * @internal
+     */
+    readonly open: _angular_core.WritableSignal<boolean>;
+    /** @internal */
+    protected readonly positions: ConnectedPosition[];
+    /** @internal */
+    protected readonly scrollStrategy: _angular_cdk_overlay.RepositionScrollStrategy;
+    /** Toggles the overlay open state. */
+    protected toggle(): void;
+    /** Closes the overlay.
+     * @internal
+     */
+    close(): void;
+    /** @internal */
+    protected onOutsideClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalNextChipMenuComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalNextChipMenuComponent, "si-navbar-vertical-next-chip-menu", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -324,7 +379,7 @@ declare class SiNavbarVerticalNextSearchComponent {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_NAVBAR_VERTICAL.SEARCH_PLACEHOLDER:Search ...`)
+     * t(() => $localize`:@@SI_NAVBAR_VERTICAL.SEARCH_PLACEHOLDER:Search…`)
      * ```
      */
     readonly placeholder: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
@@ -344,11 +399,4 @@ declare class SiNavbarVerticalNextSearchComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalNextSearchComponent, "si-navbar-vertical-next-search", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; }, { "searchChange": "searchChange"; }, never, never, true, never>;
 }
 
-/** @experimental */
-declare class SiNavbarVerticalNextModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalNextModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiNavbarVerticalNextModule, never, [typeof SiNavbarVerticalNextComponent, typeof SiNavbarVerticalNextDividerComponent, typeof SiNavbarVerticalNextFooterItemsComponent, typeof SiNavbarVerticalNextGroupComponent, typeof SiNavbarVerticalNextGroupTriggerDirective, typeof SiNavbarVerticalNextHeaderComponent, typeof SiNavbarVerticalNextItemComponent, typeof SiNavbarVerticalNextItemsComponent, typeof SiNavbarVerticalNextSearchComponent], [typeof SiNavbarVerticalNextComponent, typeof SiNavbarVerticalNextDividerComponent, typeof SiNavbarVerticalNextFooterItemsComponent, typeof SiNavbarVerticalNextGroupComponent, typeof SiNavbarVerticalNextGroupTriggerDirective, typeof SiNavbarVerticalNextHeaderComponent, typeof SiNavbarVerticalNextItemComponent, typeof SiNavbarVerticalNextItemsComponent, typeof SiNavbarVerticalNextSearchComponent]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiNavbarVerticalNextModule>;
-}
-
-export { SiNavbarVerticalNextComponent, SiNavbarVerticalNextDividerComponent, SiNavbarVerticalNextFooterItemsComponent, SiNavbarVerticalNextGroupComponent, SiNavbarVerticalNextGroupTriggerDirective, SiNavbarVerticalNextHeaderComponent, SiNavbarVerticalNextItemComponent, SiNavbarVerticalNextItemsComponent, SiNavbarVerticalNextModule, SiNavbarVerticalNextSearchComponent };
+export { SiNavbarVerticalNextChipMenuComponent, SiNavbarVerticalNextComponent, SiNavbarVerticalNextDividerComponent, SiNavbarVerticalNextFooterItemsComponent, SiNavbarVerticalNextGroupComponent, SiNavbarVerticalNextGroupTriggerDirective, SiNavbarVerticalNextHeaderComponent, SiNavbarVerticalNextItemComponent, SiNavbarVerticalNextItemsComponent, SiNavbarVerticalNextSearchComponent };

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

@@ -115,7 +115,7 @@ declare class SiNavbarVerticalComponent implements OnChanges, OnInit {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_NAVBAR_VERTICAL.SEARCH_PLACEHOLDER:Search ...`)
+     * t(() => $localize`:@@SI_NAVBAR_VERTICAL.SEARCH_PLACEHOLDER:Search…`)
      * ```
      */
     readonly searchPlaceholder: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;