@siemens/element-ng 49.10.0 → 49.11.0

package/package.json

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

package/template-i18n.json

@@ -1,4 +1,5 @@
 {
+  "SI_ABOUT.LOGO_ALT": "{{appName}} logo",
   "SI_AI_MESSAGE.SECONDARY_ACTIONS": "More actions",
   "SI_ALERT_DIALOG.OK": "OK",
   "SI_APPLICATION_HEADER.LAUNCHPAD": "Launchpad",
@@ -70,6 +71,7 @@
   "SI_DATE_RANGE_FILTER.REF_POINT": "Reference point",
   "SI_DATE_RANGE_FILTER.SEARCH": "Search",
   "SI_DATE_RANGE_FILTER.SELECT_RANGE_END": "Select end date",
+  "SI_DATE_RANGE_FILTER.SELECT_RANGE_LABEL": "Select date range",
   "SI_DATE_RANGE_FILTER.TO": "To",
   "SI_DATE_RANGE_FILTER.TODAY": "Today",
   "SI_DATE_RANGE_FILTER.UNIT": "Unit",
@@ -123,20 +125,20 @@
   "SI_FORM_CONTAINER.ERROR.IPV4": "Invalid IPv4 address",
   "SI_FORM_CONTAINER.ERROR.IPV6": "Invalid IPv6 address",
   "SI_FORM_CONTAINER.ERROR.MAX": "Max. {{max}}",
-  "SI_FORM_CONTAINER.ERROR.MAX_DATE": "Date prior to {{maxString}} required",
+  "SI_FORM_CONTAINER.ERROR.MAX_DATE": "Date up to and including {{maxString}} required",
   "SI_FORM_CONTAINER.ERROR.MAX_LENGTH": "Max. {{requiredLength}} characters",
-  "SI_FORM_CONTAINER.ERROR.MAX_TIME": "Time prior to {{maxString}} required",
+  "SI_FORM_CONTAINER.ERROR.MAX_TIME": "Time up to and including {{maxString}} required",
   "SI_FORM_CONTAINER.ERROR.MILLISECONDS": "Integer between 0 and 999 required",
   "SI_FORM_CONTAINER.ERROR.MIN": "Min. {{min}}",
   "SI_FORM_CONTAINER.ERROR.MINUTES": "Integer between 0 and 59 required",
-  "SI_FORM_CONTAINER.ERROR.MIN_DATE": "Date after {{minString}} required",
+  "SI_FORM_CONTAINER.ERROR.MIN_DATE": "Date from {{minString}} required",
   "SI_FORM_CONTAINER.ERROR.MIN_LENGTH": "Min. {{requiredLength}} characters",
-  "SI_FORM_CONTAINER.ERROR.MIN_TIME": "Time after {{minString}} required",
+  "SI_FORM_CONTAINER.ERROR.MIN_TIME": "Time from {{minString}} required",
   "SI_FORM_CONTAINER.ERROR.NUMBER_FORMAT": "Number required",
   "SI_FORM_CONTAINER.ERROR.PATTERN": "The value does not match the predefined pattern.",
   "SI_FORM_CONTAINER.ERROR.PHONE_COUNTRY": "Unsupported country/region code",
-  "SI_FORM_CONTAINER.ERROR.RANGE_AFTER_MAX_DATE": "Period prior to {{maxString}} required",
-  "SI_FORM_CONTAINER.ERROR.RANGE_BEFORE_MIN_DATE": "Period after {{minString}} required",
+  "SI_FORM_CONTAINER.ERROR.RANGE_AFTER_MAX_DATE": "Period up to and including {{maxString}} required",
+  "SI_FORM_CONTAINER.ERROR.RANGE_BEFORE_MIN_DATE": "Period from {{minString}} required",
   "SI_FORM_CONTAINER.ERROR.REQUIRED": "Required",
   "SI_FORM_CONTAINER.ERROR.REQUIRED_TRUE": "Required",
   "SI_FORM_CONTAINER.ERROR.SECONDS": "Integer between 0 and 59 required",

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

@@ -1,6 +1,7 @@
 import * as _angular_platform_browser from '@angular/platform-browser';
 import * as _angular_core from '@angular/core';
 import { OnInit } from '@angular/core';
+import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
 import { CopyrightDetails } from '@siemens/element-ng/copyright-notice';
 import { Link } from '@siemens/element-ng/link';
 
@@ -58,6 +59,15 @@ interface ApiInfo {
 declare class SiAboutComponent implements OnInit {
     private http;
     private sanitizer;
+    /**
+     * Alt text for the application logo. Supports `{{appName}}` placeholder for interpolation.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_ABOUT.LOGO_ALT:{{appName}} logo`)
+     * ```
+     */
+    readonly logoAlt: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Title shown above the about information.
      */
@@ -119,7 +129,7 @@ declare class SiAboutComponent implements OnInit {
     protected toggleLoadLicenseApi(apiInfo: ApiInfo): void;
     protected toggleLoadLicenseContent(apiInfo: ApiInfo): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiAboutComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiAboutComponent, "si-about", never, { "aboutTitle": { "alias": "aboutTitle"; "required": true; "isSignal": true; }; "licenseInfo": { "alias": "licenseInfo"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "appName": { "alias": "appName"; "required": true; "isSignal": true; }; "subheading": { "alias": "subheading"; "required": false; "isSignal": true; }; "acceptableUsePolicyLink": { "alias": "acceptableUsePolicyLink"; "required": false; "isSignal": true; }; "imprintLink": { "alias": "imprintLink"; "required": false; "isSignal": true; }; "privacyLink": { "alias": "privacyLink"; "required": false; "isSignal": true; }; "cookieNoticeLink": { "alias": "cookieNoticeLink"; "required": false; "isSignal": true; }; "termsLink": { "alias": "termsLink"; "required": false; "isSignal": true; }; "links": { "alias": "links"; "required": false; "isSignal": true; }; "copyrightDetails": { "alias": "copyrightDetails"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiAboutComponent, "si-about", never, { "logoAlt": { "alias": "logoAlt"; "required": false; "isSignal": true; }; "aboutTitle": { "alias": "aboutTitle"; "required": true; "isSignal": true; }; "licenseInfo": { "alias": "licenseInfo"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "appName": { "alias": "appName"; "required": true; "isSignal": true; }; "subheading": { "alias": "subheading"; "required": false; "isSignal": true; }; "acceptableUsePolicyLink": { "alias": "acceptableUsePolicyLink"; "required": false; "isSignal": true; }; "imprintLink": { "alias": "imprintLink"; "required": false; "isSignal": true; }; "privacyLink": { "alias": "privacyLink"; "required": false; "isSignal": true; }; "cookieNoticeLink": { "alias": "cookieNoticeLink"; "required": false; "isSignal": true; }; "termsLink": { "alias": "termsLink"; "required": false; "isSignal": true; }; "links": { "alias": "links"; "required": false; "isSignal": true; }; "copyrightDetails": { "alias": "copyrightDetails"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SiAboutModule {

package/types/siemens-element-ng-date-range-filter.d.ts

@@ -266,6 +266,15 @@ declare class SiDateRangeFilterComponent implements OnChanges {
      * ```
      */
     readonly rangeEndDateMissingLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
+    /**
+     * label when range is not defined in the preview
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_DATE_RANGE_FILTER.SELECT_RANGE_LABEL:Select date range`)
+     * ```
+     */
+    readonly selectRangeLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /** Event fired when the apply button has been clicked */
     readonly applyClicked: _angular_core.OutputEmitterRef<void>;
     /** Base configuration on how the dates should be displayed, parts of it may be overwritten internally. */
@@ -302,7 +311,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
     protected point2Changed(): void;
     protected selectPresetItem(event: Event, item: DateRangePreset): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiDateRangeFilterComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiDateRangeFilterComponent, "si-date-range-filter", never, { "range": { "alias": "range"; "required": true; "isSignal": true; }; "presetList": { "alias": "presetList"; "required": false; "isSignal": true; }; "presetSearch": { "alias": "presetSearch"; "required": false; "isSignal": true; }; "enableTimeSelection": { "alias": "enableTimeSelection"; "required": false; "isSignal": true; }; "basicMode": { "alias": "basicMode"; "required": false; "isSignal": true; }; "reverseInputFields": { "alias": "reverseInputFields"; "required": false; "isSignal": true; }; "showApplyButton": { "alias": "showApplyButton"; "required": false; "isSignal": true; }; "hideAdvancedMode": { "alias": "hideAdvancedMode"; "required": false; "isSignal": true; }; "refLabel": { "alias": "refLabel"; "required": false; "isSignal": true; }; "fromLabel": { "alias": "fromLabel"; "required": false; "isSignal": true; }; "toLabel": { "alias": "toLabel"; "required": false; "isSignal": true; }; "rangeLabel": { "alias": "rangeLabel"; "required": false; "isSignal": true; }; "todayLabel": { "alias": "todayLabel"; "required": false; "isSignal": true; }; "nowLabel": { "alias": "nowLabel"; "required": false; "isSignal": true; }; "dateLabel": { "alias": "dateLabel"; "required": false; "isSignal": true; }; "previewLabel": { "alias": "previewLabel"; "required": false; "isSignal": true; }; "datePlaceholder": { "alias": "datePlaceholder"; "required": false; "isSignal": true; }; "beforeLabel": { "alias": "beforeLabel"; "required": false; "isSignal": true; }; "afterLabel": { "alias": "afterLabel"; "required": false; "isSignal": true; }; "withinLabel": { "alias": "withinLabel"; "required": false; "isSignal": true; }; "valueLabel": { "alias": "valueLabel"; "required": false; "isSignal": true; }; "unitLabel": { "alias": "unitLabel"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "presetLabel": { "alias": "presetLabel"; "required": false; "isSignal": true; }; "advancedLabel": { "alias": "advancedLabel"; "required": false; "isSignal": true; }; "applyLabel": { "alias": "applyLabel"; "required": false; "isSignal": true; }; "rangeEndDateMissingLabel": { "alias": "rangeEndDateMissingLabel"; "required": false; "isSignal": true; }; "datepickerConfig": { "alias": "datepickerConfig"; "required": false; "isSignal": true; }; }, { "range": "rangeChange"; "applyClicked": "applyClicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiDateRangeFilterComponent, "si-date-range-filter", never, { "range": { "alias": "range"; "required": true; "isSignal": true; }; "presetList": { "alias": "presetList"; "required": false; "isSignal": true; }; "presetSearch": { "alias": "presetSearch"; "required": false; "isSignal": true; }; "enableTimeSelection": { "alias": "enableTimeSelection"; "required": false; "isSignal": true; }; "basicMode": { "alias": "basicMode"; "required": false; "isSignal": true; }; "reverseInputFields": { "alias": "reverseInputFields"; "required": false; "isSignal": true; }; "showApplyButton": { "alias": "showApplyButton"; "required": false; "isSignal": true; }; "hideAdvancedMode": { "alias": "hideAdvancedMode"; "required": false; "isSignal": true; }; "refLabel": { "alias": "refLabel"; "required": false; "isSignal": true; }; "fromLabel": { "alias": "fromLabel"; "required": false; "isSignal": true; }; "toLabel": { "alias": "toLabel"; "required": false; "isSignal": true; }; "rangeLabel": { "alias": "rangeLabel"; "required": false; "isSignal": true; }; "todayLabel": { "alias": "todayLabel"; "required": false; "isSignal": true; }; "nowLabel": { "alias": "nowLabel"; "required": false; "isSignal": true; }; "dateLabel": { "alias": "dateLabel"; "required": false; "isSignal": true; }; "previewLabel": { "alias": "previewLabel"; "required": false; "isSignal": true; }; "datePlaceholder": { "alias": "datePlaceholder"; "required": false; "isSignal": true; }; "beforeLabel": { "alias": "beforeLabel"; "required": false; "isSignal": true; }; "afterLabel": { "alias": "afterLabel"; "required": false; "isSignal": true; }; "withinLabel": { "alias": "withinLabel"; "required": false; "isSignal": true; }; "valueLabel": { "alias": "valueLabel"; "required": false; "isSignal": true; }; "unitLabel": { "alias": "unitLabel"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "presetLabel": { "alias": "presetLabel"; "required": false; "isSignal": true; }; "advancedLabel": { "alias": "advancedLabel"; "required": false; "isSignal": true; }; "applyLabel": { "alias": "applyLabel"; "required": false; "isSignal": true; }; "rangeEndDateMissingLabel": { "alias": "rangeEndDateMissingLabel"; "required": false; "isSignal": true; }; "selectRangeLabel": { "alias": "selectRangeLabel"; "required": false; "isSignal": true; }; "datepickerConfig": { "alias": "datepickerConfig"; "required": false; "isSignal": true; }; }, { "range": "rangeChange"; "applyClicked": "applyClicked"; }, never, never, true, never>;
 }
 
 declare class SiDateRangeFilterModule {

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

@@ -1,7 +1,8 @@
 import * as _angular_core from '@angular/core';
-import { OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { TemplateRef, OnInit, OnChanges, ViewContainerRef, 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';
 
 /**
  * Content slot for navbar items inside `si-navbar-vertical-next`.
@@ -13,6 +14,140 @@ declare class SiNavbarVerticalNextItemsComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalNextItemsComponent, "si-navbar-vertical-next-items", never, {}, {}, never, ["*"], true, never>;
 }
 
+/** @experimental */
+declare class SiNavbarVerticalNextGroupTriggerDirective {
+    private static idCounter;
+    /** @internal */
+    readonly groupId: string;
+    readonly id: string;
+    readonly groupTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
+    readonly stateId: _angular_core.InputSignal<string | undefined>;
+    /** @defaultValue false */
+    readonly expanded: _angular_core.WritableSignal<boolean>;
+    /**
+     * Whether the group is currently rendered as a transient flyout overlay
+     * (true) or inline within the navbar (false). Automatically resets to
+     * `false` whenever the rendering mode changes.
+     * @internal
+     */
+    readonly flyout: _angular_core.WritableSignal<boolean>;
+    /** `true` when this group contains the active route. Set by the group component.
+     * @internal
+     */
+    readonly active: _angular_core.WritableSignal<boolean>;
+    protected readonly navbar: _siemens_element_ng_navbar_vertical_next.SiNavbarVerticalNextComponent;
+    /** Signal mirror of the navbar's flyout mode. `true` when groups should render as transient overlays instead of inline.
+     * @internal
+     */
+    readonly flyoutMode: _angular_core.Signal<boolean>;
+    private flyoutOutsideClickSubscription?;
+    private readonly viewContainer;
+    private readonly overlay;
+    private readonly destroyRef;
+    private readonly injector;
+    private readonly overlayRef;
+    private groupView?;
+    private flyoutAnchorComponentRef?;
+    private readonly templatePortal;
+    constructor();
+    /** @internal */
+    private buildPositionStrategy;
+    /** @internal */
+    hideFlyout(): void;
+    protected triggered(): void;
+    private toggleFlyout;
+    private attachInline;
+    private attachFlyout;
+    private detachFlyout;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalNextGroupTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiNavbarVerticalNextGroupTriggerDirective, "button[siNavbarVerticalNextGroupTriggerFor]", never, { "groupTemplate": { "alias": "siNavbarVerticalNextGroupTriggerFor"; "required": true; "isSignal": true; }; "stateId": { "alias": "stateId"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** @experimental */
+declare class SiNavbarVerticalNextItemComponent implements OnInit {
+    protected readonly icons: Record<"elementDown2" | "elementRight2", string>;
+    /** Optional icon to render before the label. */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /** Badge value to display. */
+    readonly badge: _angular_core.InputSignal<string | number | undefined>;
+    /** Color of the badge. */
+    readonly badgeColor: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Hide the badge when the navbar is collapsed.
+     *
+     * @defaultValue false
+     */
+    readonly hideBadgeWhenCollapsed: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Override the active state. Useful for action items. */
+    readonly activeOverride: _angular_core.InputSignal<boolean | undefined>;
+    protected readonly navbar: _siemens_element_ng_navbar_vertical_next.SiNavbarVerticalNextComponent;
+    protected readonly parent: SiNavbarVerticalNextItemComponent | null;
+    readonly group: SiNavbarVerticalNextGroupTriggerDirective | null;
+    private readonly routerLinkActive;
+    /** Signal mirror of `RouterLinkActive.isActive`.
+     * @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.
+     * @internal
+     */
+    readonly chipMode: _angular_core.Signal<boolean>;
+    /**
+     * Determines if the badge contains text-only content (not numeric)
+     */
+    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()`.
+     * @internal
+     */
+    protected readonly showActive: _angular_core.Signal<boolean | undefined>;
+    /**
+     * Formats badge value to limit display to "+99" for numbers greater than 99
+     */
+    protected readonly formattedBadge: _angular_core.Signal<string>;
+    /** Active via override or router link — excludes group state.
+     * @internal
+     */
+    private readonly anyRouteActive;
+    /** Own route is active, or a descendant route is active — includes group state, not gated on expansion.
+     * @internal
+     */
+    private readonly isOnActiveRoute;
+    /**
+     * `true` when this item should reflect activity.
+     *
+     * For non-trigger items: equivalent to being on the active route.
+     *
+     * For group trigger items: also `true` when a descendant route is active and
+     * the descendant is not currently visible inline — i.e. the group is collapsed
+     * or the navbar is collapsed. This surfaces the active state on the trigger
+     * when the active child cannot show it itself.
+     */
+    readonly active: _angular_core.Signal<boolean>;
+    /** `true` when this is a root-level item on the active route (ungated, so the chip survives collapse↔expand).
+     * @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>;
+}
+
 /** @experimental */
 declare class SiNavbarVerticalNextComponent implements OnChanges, OnInit {
     protected readonly icons: Record<"elementDoubleLeft" | "elementDoubleRight" | "elementLayoutPane2" | "elementLayoutPane2Right", string>;
@@ -92,6 +227,22 @@ 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.
+     * @internal
+     */
+    readonly flyoutAnchorHost: _angular_core.Signal<ViewContainerRef | undefined>;
+    /** All projected nav items, including descendants inside group templates.
+     * @internal
+     */
+    private readonly items;
+    /** 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>;
     /**
      * @defaultValue
      * ```
@@ -101,6 +252,14 @@ declare class SiNavbarVerticalNextComponent implements OnChanges, OnInit {
     readonly uiStateExpandedItems: _angular_core.WritableSignal<Record<string, boolean>>;
     private preferCollapse;
     protected readonly toggleIcon: _angular_core.Signal<string>;
+    /** `true` when inline-collapse is active and the nav is collapsed.
+     * @internal
+     */
+    readonly chipMode: _angular_core.Signal<boolean>;
+    /** `true` when groups should render as flyout overlays.
+     * @internal
+     */
+    readonly flyoutMode: _angular_core.Signal<boolean>;
     constructor();
     ngOnChanges(changes: SimpleChanges<this>): void;
     ngOnInit(): void;
@@ -115,7 +274,7 @@ declare class SiNavbarVerticalNextComponent implements OnChanges, OnInit {
     /** @internal */
     itemTriggered(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalNextComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalNextComponent, "si-navbar-vertical-next", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "textOnly": { "alias": "textOnly"; "required": false; "isSignal": true; }; "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"; }, never, ["si-navbar-vertical-next-search", "si-navbar-vertical-next-items", "si-navbar-vertical-next-footer-items", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalNextComponent, "si-navbar-vertical-next", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "textOnly": { "alias": "textOnly"; "required": false; "isSignal": true; }; "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>;
 }
 
 /**
@@ -138,52 +297,6 @@ declare class SiNavbarVerticalNextFooterItemsComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalNextFooterItemsComponent, "si-navbar-vertical-next-footer-items", never, {}, {}, never, ["*"], true, never>;
 }
 
-/** @experimental */
-declare class SiNavbarVerticalNextGroupTriggerDirective {
-    private static idCounter;
-    /** @internal */
-    readonly groupId: string;
-    readonly id: string;
-    readonly groupTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
-    readonly stateId: _angular_core.InputSignal<string | undefined>;
-    /** @defaultValue false */
-    readonly expanded: _angular_core.WritableSignal<boolean>;
-    /**
-     * Whether the group is currently rendered as a transient flyout overlay
-     * (true) or inline within the navbar (false). Automatically resets to
-     * `false` whenever the rendering mode changes.
-     * @internal
-     */
-    readonly flyout: _angular_core.WritableSignal<boolean>;
-    /**
-     * Whether the open flyout overlay currently contains the active route.
-     * Reset together with `flyout` so it never lingers across mode changes.
-     * @internal
-     */
-    readonly active: _angular_core.WritableSignal<boolean>;
-    protected readonly navbar: _siemens_element_ng_navbar_vertical_next.SiNavbarVerticalNextComponent;
-    /** @internal */
-    readonly flyoutMode: _angular_core.Signal<boolean>;
-    private flyoutOutsideClickSubscription?;
-    private readonly viewContainer;
-    private readonly overlay;
-    private readonly injector;
-    private readonly overlayRef;
-    private groupView?;
-    private flyoutAnchorComponentRef?;
-    private readonly templatePortal;
-    constructor();
-    /** @internal */
-    hideFlyout(): void;
-    protected triggered(): void;
-    private toggleFlyout;
-    private attachInline;
-    private attachFlyout;
-    private detachFlyout;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalNextGroupTriggerDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiNavbarVerticalNextGroupTriggerDirective, "button[siNavbarVerticalNextGroupTriggerFor]", never, { "groupTemplate": { "alias": "siNavbarVerticalNextGroupTriggerFor"; "required": true; "isSignal": true; }; "stateId": { "alias": "stateId"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 /** @experimental */
 declare class SiNavbarVerticalNextGroupComponent {
     protected readonly navbar: _siemens_element_ng_navbar_vertical_next.SiNavbarVerticalNextComponent;
@@ -203,43 +316,6 @@ declare class SiNavbarVerticalNextHeaderComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalNextHeaderComponent, "si-navbar-vertical-next-header", never, {}, {}, never, ["*"], true, never>;
 }
 
-/** @experimental */
-declare class SiNavbarVerticalNextItemComponent implements OnInit {
-    protected readonly icons: Record<"elementDown2" | "elementRight2", string>;
-    /** Optional icon to render before the label. */
-    readonly icon: _angular_core.InputSignal<string | undefined>;
-    /** Badge value to display. */
-    readonly badge: _angular_core.InputSignal<string | number | undefined>;
-    /** Color of the badge. */
-    readonly badgeColor: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Hide the badge when the navbar is collapsed.
-     *
-     * @defaultValue false
-     */
-    readonly hideBadgeWhenCollapsed: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Override the active state. Useful for action items. */
-    readonly activeOverride: _angular_core.InputSignal<boolean | undefined>;
-    protected readonly navbar: _siemens_element_ng_navbar_vertical_next.SiNavbarVerticalNextComponent;
-    protected readonly parent: SiNavbarVerticalNextItemComponent | null;
-    readonly group: SiNavbarVerticalNextGroupTriggerDirective | null;
-    private readonly routerLinkActive;
-    private readonly siLink;
-    /**
-     * Determines if the badge contains text-only content (not numeric)
-     */
-    protected readonly textOnlyBadge: _angular_core.Signal<boolean>;
-    /**
-     * Formats badge value to limit display to "+99" for numbers greater than 99
-     */
-    protected readonly formattedBadge: _angular_core.Signal<string>;
-    ngOnInit(): void;
-    protected triggered(): void;
-    get active(): boolean;
-    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>;
-}
-
 /** @experimental */
 declare class SiNavbarVerticalNextSearchComponent {
     protected readonly icons: Record<"elementSearch", string>;

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

@@ -2,6 +2,7 @@ import { Provider } from '@angular/core';
 export * from '@siemens/element-translate-ng/translate';
 
 interface SiTranslatableKeys {
+    'SI_ABOUT.LOGO_ALT'?: string;
     'SI_AI_MESSAGE.SECONDARY_ACTIONS'?: string;
     'SI_ALERT_DIALOG.OK'?: string;
     'SI_APPLICATION_HEADER.LAUNCHPAD'?: string;
@@ -73,6 +74,7 @@ interface SiTranslatableKeys {
     'SI_DATE_RANGE_FILTER.REF_POINT'?: string;
     'SI_DATE_RANGE_FILTER.SEARCH'?: string;
     'SI_DATE_RANGE_FILTER.SELECT_RANGE_END'?: string;
+    'SI_DATE_RANGE_FILTER.SELECT_RANGE_LABEL'?: string;
     'SI_DATE_RANGE_FILTER.TO'?: string;
     'SI_DATE_RANGE_FILTER.TODAY'?: string;
     'SI_DATE_RANGE_FILTER.UNIT'?: string;