@siemens/element-ng 49.10.0 → 49.12.0

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

@@ -2,7 +2,6 @@ import * as _angular_core from '@angular/core';
 import { OnChanges, SimpleChanges, OnInit, DoCheck, OnDestroy } from '@angular/core';
 import { MenuItem, EntityStatusType } from '@siemens/element-ng/common';
 import { HeaderWithDropdowns, SiHeaderDropdownTriggerDirective } from '@siemens/element-ng/header-dropdown';
-import * as rxjs from 'rxjs';
 import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
 import { SiApplicationHeaderComponent, SiHeaderCollapsibleActionsComponent, App, AppCategory, FavoriteChangeEvent } from '@siemens/element-ng/application-header';
@@ -261,7 +260,7 @@ declare class SiNavbarPrimaryComponent implements OnChanges, HeaderWithDropdowns
     protected newAppItems?: App[] | AppCategory[];
     protected active?: MenuItem;
     /** @internal */
-    readonly inlineDropdown: rxjs.Observable<boolean>;
+    readonly inlineDropdown: _angular_core.Signal<boolean>;
     /** @internal */
     onDropdownItemTriggered(): void;
     /** @internal */

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;
@@ -10,6 +11,13 @@ interface SiTranslatableKeys {
     'SI_ATTACHMENT_LIST.REMOVE_ATTACHMENT'?: string;
     'SI_BREADCRUMB'?: string;
     'SI_BREADCRUMB_ROUTER_LABEL'?: string;
+    'SI_CAROUSEL.NEXT'?: string;
+    'SI_CAROUSEL.PAUSE'?: string;
+    'SI_CAROUSEL.PLAY'?: string;
+    'SI_CAROUSEL.PREVIOUS'?: string;
+    'SI_CAROUSEL.ROLE_DESCRIPTION'?: string;
+    'SI_CAROUSEL.SLIDE_PAGE'?: string;
+    'SI_CAROUSEL.SLIDE_ROLE_DESCRIPTION'?: string;
     'SI_CHANGE_PASSWORD.BACK'?: string;
     'SI_CHANGE_PASSWORD.CHANGE'?: string;
     'SI_CHANGE_PASSWORD.CHANGE_FACTORY_PASSWORD'?: string;
@@ -73,6 +81,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;