@siemens/element-ng 47.8.0 → 48.0.0-next.1

package/menu/index.d.ts

@@ -1,15 +1,199 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@angular/cdk/menu';
+import { MenuItem as MenuItem$1 } from '@siemens/element-ng/common';
+import { NavigationExtras } from '@angular/router';
+import { TranslatableString } from '@siemens/element-translate-ng/translate-types';
+
+declare class SiMenuBarDirective {
+    private menuBar;
+    protected get tabIndex(): 0 | -1 | null;
+    /**
+     * Sets the menu-bar disabled, i.e. sets tabindex="-1"
+     */
+    readonly disabled: i0.InputSignal<boolean | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMenuBarDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiMenuBarDirective, "si-menu-bar", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkMenuBar; inputs: {}; outputs: {}; }, { directive: typeof i1.CdkTargetMenuAim; inputs: {}; outputs: {}; }]>;
+}
+
+declare class SiMenuDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMenuDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiMenuDirective, "si-menu", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkMenu; inputs: {}; outputs: {}; }, { directive: typeof i1.CdkTargetMenuAim; inputs: {}; outputs: {}; }]>;
+}
+
+declare class SiMenuDividerDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMenuDividerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiMenuDividerDirective, "si-menu-divider", never, {}, {}, never, never, true, never>;
+}
+
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-export * from './si-menu.module';
-export * from './si-menu-item.component';
-export * from './si-menu-item-checkbox.component';
-export * from './si-menu-item-radio.component';
-export * from './si-menu.directive';
-export * from './si-menu-bar.directive';
-export * from './si-menu-header.directive';
-export * from './si-menu-divider.directive';
-export * from './si-menu-factory.component';
-export * from './si-menu-model';
-export * from './si-menu-action.service';
+
+interface MenuItemBase {
+    /** ID that will be attached to the DOM node. */
+    id?: string;
+    /** Label that is shown to the user. */
+    label: TranslatableString;
+    /** Optional icon that will be rendered before the label. */
+    icon?: string;
+    /**
+     * Badge (always red) that is attached to the icon.
+     * If value===true, an empty red dot will be rendered.
+     */
+    iconBadge?: boolean | number | string;
+    /** Badge that is rendered after the label. */
+    badge?: string | number;
+    /** Color of the badge (not iconBadge). */
+    badgeColor?: string;
+    /** Whether the menu item id disabled. */
+    disabled?: boolean;
+}
+interface MenuItemGroup extends MenuItemBase {
+    type: 'group';
+    /** Submenu items for this menu item. */
+    children: MenuItem[];
+}
+interface MenuItemAction extends MenuItemBase {
+    type: 'action';
+    /**
+     * Action that called when the item is triggered.
+     * A function will be called, a string will be dispatched to the {@link SiMenuActionService}.
+     */
+    action: ((actionParam: any, source: this) => void) | string;
+}
+/**
+ * Represents a menu item that navigates using the Angular Router.
+ *
+ * Requires a configured Angular Router.
+ */
+interface MenuItemRouterLink extends MenuItemBase {
+    type: 'router-link';
+    /** Link for the angular router. Accepts the same values as {@link RouterLink}. */
+    routerLink: string | any[];
+    /** Navigation extras that are passed to the {@link RouterLink}. */
+    extras?: NavigationExtras;
+}
+interface MenuItemLink extends MenuItemBase {
+    type: 'link';
+    /** The href property of the anchor. */
+    href: string;
+    /** The target property of the anchor. */
+    target?: string;
+}
+interface MenuItemRadioGroup {
+    type: 'radio-group';
+    /** Items that are part of the radio group. */
+    children: [MenuItemHeader, ...(MenuItemRadio | MenuDivider | MenuItemHeader)[]];
+}
+interface MenuItemRadio extends MenuItemBase {
+    type: 'radio';
+    /** Whether the radio is checked. */
+    checked: boolean;
+    /**
+     * Action that called when the item is triggered.
+     * A function will be called, a string will be dispatched to the {@link SiMenuActionService}.
+     */
+    action: ((actionParam: any, source: this) => void) | string;
+}
+interface MenuItemCheckbox extends MenuItemBase {
+    type: 'checkbox';
+    /** Whether the checkbox is checked. */
+    checked: boolean;
+    /**
+     * Action that called when the item is triggered.
+     * A function will be called, a string will be dispatched to the {@link SiMenuActionService}.
+     */
+    action: ((actionParam: any, source: this) => void) | string;
+}
+interface MenuItemHeader {
+    type: 'header';
+    /** The label of the header. */
+    label: string;
+}
+interface MenuDivider {
+    type: 'divider';
+}
+type MenuItem = MenuItemGroup | MenuItemAction | MenuItemRouterLink | MenuItemLink | MenuItemRadioGroup | MenuItemCheckbox | MenuItemRadio | MenuItemHeader | MenuDivider;
+
+declare class SiMenuFactoryComponent {
+    readonly items: i0.InputSignal<readonly (MenuItem | MenuItem$1)[] | undefined>;
+    readonly actionParam: i0.InputSignal<unknown>;
+    private linkActionService;
+    private menuActionService;
+    protected isNewItemStyle(item: MenuItem$1 | MenuItem): item is MenuItem;
+    protected isLegacyItemStyle(item: MenuItem$1 | MenuItem): item is MenuItem$1;
+    protected radioOrCheckboxTriggered(item: MenuItem$1): void;
+    protected runAction(item: MenuItemAction | MenuItemRadio | MenuItemCheckbox): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMenuFactoryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiMenuFactoryComponent, "si-menu-factory", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "actionParam": { "alias": "actionParam"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SiMenuHeaderDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMenuHeaderDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiMenuHeaderDirective, "si-menu-header", never, {}, {}, never, never, true, never>;
+}
+
+declare abstract class SiMenuItemBase {
+    readonly badge: i0.InputSignal<string | number | undefined>;
+    /**
+     * @defaultValue 'secondary'
+     */
+    readonly badgeColor: i0.InputSignal<string>;
+    readonly icon: i0.InputSignal<string | undefined>;
+    /** @defaultValue false */
+    readonly iconBadgeDot: i0.InputSignal<string | number | boolean | undefined>;
+    /** @defaultValue false */
+    readonly disabled: i0.InputSignalWithTransform<boolean, unknown>;
+    protected readonly badgeDotHasContent: i0.Signal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMenuItemBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiMenuItemBase, never, never, { "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "badgeColor": { "alias": "badgeColor"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconBadgeDot": { "alias": "iconBadgeDot"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SiMenuItemCheckboxComponent extends SiMenuItemBase {
+    private cdkMenuItemCheckbox;
+    protected readonly icons: Record<"elementOk", string>;
+    protected readonly hideCheckmark: boolean;
+    protected get checked(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMenuItemCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiMenuItemCheckboxComponent, "si-menu-item-checkbox, button[si-menu-item-checkbox]", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CdkMenuItemCheckbox; inputs: { "cdkMenuItemChecked": "checked"; "cdkMenuItemDisabled": "disabled"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }, { directive: typeof i1.CdkMenuTrigger; inputs: {}; outputs: {}; }]>;
+}
+
+declare class SiMenuItemComponent extends SiMenuItemBase {
+    private menuTrigger;
+    protected readonly icons: Record<"elementRight2", string>;
+    protected get hasSubmenu(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMenuItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiMenuItemComponent, "si-menu-item, a[si-menu-item], button[si-menu-item]", never, {}, {}, never, ["*", ".end"], true, [{ directive: typeof i1.CdkMenuItem; inputs: { "cdkMenuItemDisabled": "disabled"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }]>;
+}
+
+declare class SiMenuItemRadioComponent extends SiMenuItemBase {
+    private cdkMenuItemRadio;
+    protected readonly icons: Record<"elementRecordFilled", string>;
+    protected get checked(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMenuItemRadioComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiMenuItemRadioComponent, "si-menu-item-radio", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CdkMenuItemRadio; inputs: { "cdkMenuItemChecked": "checked"; "cdkMenuItemDisabled": "disabled"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }, { directive: typeof i1.CdkMenuTrigger; inputs: {}; outputs: {}; }]>;
+}
+
+declare class SiMenuModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMenuModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiMenuModule, never, [typeof SiMenuBarDirective, typeof SiMenuDirective, typeof SiMenuDividerDirective, typeof SiMenuFactoryComponent, typeof SiMenuHeaderDirective, typeof SiMenuItemCheckboxComponent, typeof SiMenuItemComponent, typeof SiMenuItemRadioComponent], [typeof SiMenuBarDirective, typeof SiMenuDirective, typeof SiMenuDividerDirective, typeof SiMenuFactoryComponent, typeof SiMenuHeaderDirective, typeof SiMenuItemCheckboxComponent, typeof SiMenuItemComponent, typeof SiMenuItemRadioComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiMenuModule>;
+}
+
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * Implement and provide this to an {@link SiMenuFactoryComponent}
+ * to receive trigger events.
+ */
+declare abstract class SiMenuActionService {
+    /** Will be called by {@link SiMenuFactoryComponent} if an action is defined with a string instead of a function. */
+    abstract actionTriggered(item: MenuItemAction | MenuItemRadio | MenuItemCheckbox, actionParam?: any): void;
+}
+
+export { SiMenuActionService, SiMenuBarDirective, SiMenuDirective, SiMenuDividerDirective, SiMenuFactoryComponent, SiMenuHeaderDirective, SiMenuItemCheckboxComponent, SiMenuItemComponent, SiMenuItemRadioComponent, SiMenuModule };
+export type { MenuDivider, MenuItem, MenuItemAction, MenuItemBase, MenuItemCheckbox, MenuItemGroup, MenuItemHeader, MenuItemLink, MenuItemRadio, MenuItemRadioGroup, MenuItemRouterLink };

package/modal/index.d.ts

@@ -1,7 +1,133 @@
+import * as i0 from '@angular/core';
+import { ElementRef, StaticProvider, Injector, EnvironmentInjector, TemplateRef } from '@angular/core';
+import { Subject, ReplaySubject } from 'rxjs';
+
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-export * from './si-modal.service';
-export * from './modalref';
-export * from './modal.helpers';
+
+/**
+ * Reference to a modal dialog
+ * @typeParam T - the type of the content
+ * @typeParam CT - the close type
+ */
+declare class ModalRef<T = never, CT = any> {
+    /** Emits the close value when the modal is hidden. */
+    hidden: Subject<CT | undefined>;
+    /** Allows messaging state to consumer w/o closing the dialog. */
+    message: Subject<CT | undefined>;
+    /** Emits the modal element reference when it is shown. */
+    shown: ReplaySubject<ElementRef<any>>;
+    /**
+     * The modal options passed during creation.
+     *
+     * @defaultValue `{}`
+     * @see {@link SiModalService}
+     */
+    data: ModalOptions;
+    /** @defaultValue true */
+    ignoreBackdropClick: boolean;
+    /**
+     * Custom class for modal-dialog
+     *
+     * @defaultValue ''
+     */
+    dialogClass: string;
+    /**
+     * The layer of the modal. The modal with the highest layer will be shown on top.
+     *
+     * @defaultValue 0
+     */
+    layer: number;
+    /** The default close value of the modal. */
+    closeValue?: CT;
+    get content(): T;
+    /** Set the input of a component shown in the modal. */
+    setInput(input: string, value: unknown): void;
+    /**
+     * @defaultValue `() => false`
+     */
+    isCurrent: () => boolean;
+    /**
+     * @defaultValue `() => {}`
+     */
+    detach: () => void;
+    /**
+     * Close the modal with a custom close value.
+     *
+     * @defaultValue `() => {}`
+     */
+    hide: (reason?: CT) => void;
+    /**
+     * When `data.disableAutoHide` is set, messages the `reason`, otherwise calls {@link hide}.
+     */
+    messageOrHide(reason?: CT): void;
+}
+
+interface ModalDependencyInjectionOptions {
+    /** Additional providers for the modal. */
+    providers?: StaticProvider[];
+    /** Optional element Injector. */
+    injector?: Injector;
+    /** Optional environment Injector. */
+    environmentInjector?: EnvironmentInjector;
+}
+interface ModalOptions<T = Record<string, any>> extends ModalDependencyInjectionOptions {
+    /**
+     * Assign all values to the target component using `Object.assign(component, initialState)`.
+     *
+     * @deprecated Use {@link inputValues} instead.
+     */
+    initialState?: Partial<T>;
+    /**
+     * Use this to assign values to either `@Input()` or `input()` fields of the provided component.
+     * If a template is used, the values are available in the template context.
+     */
+    inputValues?: Record<string, unknown>;
+    /** When set to true, clicking the backdrop has no effect. */
+    ignoreBackdropClick?: boolean;
+    /** When set to true, backdrop click or Esc don't close the modal. Instead a message will be sent. */
+    messageInsteadOfAutoHide?: boolean;
+    /** Handle Esc to close/message. */
+    keyboard?: boolean;
+    /** Whether to enable animation. */
+    animated?: boolean;
+    /** Additional CSS class. */
+    class?: string;
+    /** aria-labelled-by value. */
+    ariaLabelledBy?: string;
+}
+declare class SiModalService {
+    private modalsCount;
+    private readonly overlay;
+    private appRef;
+    private injector;
+    private environmentInjector;
+    /**
+     * Shows a modal with the given content and configuration.
+     * @param content - Content to be displayed in the modal can  be a template reference or a component.
+     * @param config - Configuration for the modal.
+     * @param closeValue - Default closing value which can be overridden by calling `modalRef.hide(value)`.
+     * @returns A reference to the modal.
+     */
+    show<T, CT = any>(content: TemplateRef<any> | (new (...args: any[]) => T), config: ModalOptions<T>, closeValue?: CT): ModalRef<T, CT>;
+    private attachComponent;
+    private getContentProjectableNodes;
+    protected detach(modalRef: ModalRef<unknown, any>): void;
+    protected buildInjector(): Injector;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiModalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SiModalService>;
+}
+
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+
+declare const createModalConfig: (inputs?: {
+    [key: string]: any;
+}) => ModalOptions;
+
+export { ModalRef, SiModalService, createModalConfig };
+export type { ModalDependencyInjectionOptions, ModalOptions };

package/navbar/index.d.ts

@@ -1,8 +1,308 @@
+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_types from '@siemens/element-translate-ng/translate-types';
+import { SiApplicationHeaderComponent, SiHeaderCollapsibleActionsComponent, App, AppCategory, FavoriteChangeEvent } from '@siemens/element-ng/application-header';
+import { Link } from '@siemens/element-ng/link';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-export * from './si-navbar-item/index';
-export * from './si-navbar-primary/index';
-export * from './si-navbar.module';
-export * from './account.model';
+
+/** @deprecated Use the new `si-application-header` instead. */
+interface AccountItem extends MenuItem {
+    /**
+     * Full name of user
+     */
+    title: string;
+    /**
+     * Initials to be displayed as avatar if no `icon` and also no `image` are provided.
+     * If also no initials are provided, they will be automatically calculated from the `title`.
+     */
+    initials?: string;
+    /**
+     * The status (success, info, warning, caution, danger, critical, pending, progress) to be
+     * visualized.
+     */
+    avatarStatus?: EntityStatusType;
+    /**
+     * aria-label for avatar status
+     */
+    avatarStatusAriaLabel?: TranslatableString;
+    /**
+     * Email address of the user
+     */
+    email?: string;
+    /**
+     * Name of the Company
+     */
+    company?: string;
+    /**
+     * Role name shown as a badge in the bottom
+     */
+    role?: string;
+}
+
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * The AppItem is used to show apps in the launchpad.
+ * @deprecated Use the new `si-application-header` instead.
+ */
+interface AppItem extends MenuItem {
+    /**
+     * If `true`, the app is marked as a favorite.
+     */
+    isFavorite?: boolean;
+    /**
+     * If `true`, the app is marked as an external application opening in a new browser tab.
+     */
+    isExternal?: boolean;
+}
+/**
+ * The AppItemCategory is used to show app categories in the launchpad.
+ * @deprecated Use the new `si-application-header` instead.
+ */
+interface AppItemCategory {
+    /**
+     * The name of the app category. Can be a translation key.
+     */
+    category?: TranslatableString;
+    /**
+     * The apps to show under this category.
+     */
+    items: AppItem[];
+}
+
+/** @deprecated Use the new `si-application-header` instead. */
+declare class SiNavbarPrimaryComponent implements OnChanges, HeaderWithDropdowns {
+    /**
+     * List of navbar items which should be displayed at the left (in LTR) side next to the
+     * banner.
+     *
+     * @defaultValue []
+     */
+    readonly primaryItems: _angular_core.InputSignal<MenuItem[]>;
+    /**
+     * List of account dropdown elements (defined by `title` and `link`).
+     *
+     * The menu item can have submenu items (supplying `items`: MenuItem[]).
+     * Submenu items can be divided into groups by separators. A separator is
+     * an item with only '-' set as `title`.
+     *
+     * Alternatively, you can can create a custom content by putting your html
+     * code between the <si-navbar-primary> tags. In this case you don't need this
+     * property (will be ignored if you set anyway).
+     */
+    readonly accountItems: _angular_core.InputSignal<MenuItem[] | undefined>;
+    /**
+     * Account settings name (`title`) and profile picture (`image` or `icon`)
+     */
+    readonly account: _angular_core.InputSignal<AccountItem | undefined>;
+    /**
+     * URL of the navbar brand.
+     */
+    readonly logoUrl: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Title of the application.
+     */
+    readonly appTitle: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Configurable home link that is used at the logo and app title.
+     * Use `undefined` to disable the link.
+     *
+     * @defaultValue
+     * ```
+     * { link: '/' }
+     * ```
+     */
+    readonly home: _angular_core.InputSignal<Link | undefined>;
+    /**
+     * title for the launchpad
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_LAUNCHPAD.TITLE:Launchpad`)
+     * ```
+     */
+    readonly appSwitcherTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * sub-title for the launchpad
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_LAUNCHPAD.SUB_TITLE:Access all your apps`)
+     * ```
+     */
+    readonly appSwitcherSubTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * Title or translate key for the favorite apps section.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_LAUNCHPAD.FAVORITE_APPS:Favorite apps`)
+     * ```
+     */
+    readonly favoriteAppsTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * Title or translate key for the default apps section.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_LAUNCHPAD.DEFAULT_CATEGORY_TITLE:Apps`)
+     * ```
+     */
+    readonly defaultAppsTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * Title or translate key for the show more apps button.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_LAUNCHPAD.SHOW_MORE:Show more`)
+     * ```
+     */
+    readonly showMoreAppsTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * Title or translate key for the show less apps button.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_LAUNCHPAD.SHOW_LESS:Show less`)
+     * ```
+     */
+    readonly showLessAppsTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * All app items shown in the launchpad. The launchpad will not be visible if the
+     * app items are undefined. The launchpad will be visible if the app items are an
+     * empty array.
+     */
+    readonly appItems: _angular_core.InputSignal<AppItem[] | undefined>;
+    /**
+     * Like `appItems` but with the addition of categories. If this is set, `appItems` is ignored.
+     */
+    readonly appCategoryItems: _angular_core.InputSignal<AppItemCategory[] | undefined>;
+    /**
+     * Allow the user to favorite apps which will then be displayed at the top.
+     *
+     * @defaultValue false
+     */
+    readonly appItemsFavorites: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * "all apps" link in the launchpad
+     */
+    readonly allAppsLink: _angular_core.InputSignal<MenuItem | undefined>;
+    /**
+     * Specifies whether the component should automatically be focused as soon as it is loaded.
+     *
+     * @defaultValue false
+     */
+    readonly focusOnLoad: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Marks the navbar as primary navigation element. Needed for a11y (screen reader).
+     * Only one element should be primary. If multiple navbars are used, it's up to the
+     * user of the components to label them in the correct order.
+     *
+     * @defaultValue 'Primary'
+     */
+    readonly navAriaLabel: _angular_core.InputSignal<string>;
+    /**
+     * Text to close the launchpad. Needed for a11y.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_LAUNCHPAD.CLOSE:Close launchpad`)
+     * ```
+     */
+    readonly closeAppSwitcherText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * Text for the launchpad icon. Needed for a11y.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_NAVBAR.OPEN_LAUNCHPAD:Open launchpad`)
+     * ```
+     */
+    readonly openAppSwitcherText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * Text or translate key for the toggle navigation icon. Needed for a11y.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_NAVBAR.TOGGLE_NAVIGATION:Toggle navigation`)
+     * ```
+     */
+    readonly toggleNavigationText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * Aria label for the main menu landmark
+     *
+     * @defaultValue 'Header main'
+     */
+    readonly ariaLabelMainMenu: _angular_core.InputSignal<string>;
+    /**
+     * Aria label for the secondary menu landmark
+     *
+     * @defaultValue 'Header secondary'
+     */
+    readonly ariaLabelSecondaryMenu: _angular_core.InputSignal<string>;
+    readonly appItemFavoriteChanged: _angular_core.OutputEmitterRef<[AppItem, boolean]>;
+    /** @internal */
+    readonly header: _angular_core.Signal<SiApplicationHeaderComponent>;
+    /** @internal */
+    readonly collapsibleActions: _angular_core.Signal<SiHeaderCollapsibleActionsComponent | undefined>;
+    /** @internal */
+    readonly navItemCount: _angular_core.WritableSignal<number>;
+    protected newAppItems?: App[] | AppCategory[];
+    protected active?: MenuItem;
+    /** @internal */
+    readonly inlineDropdown: rxjs.Observable<boolean>;
+    /** @internal */
+    onDropdownItemTriggered(): void;
+    /** @internal */
+    ngOnChanges(changes: SimpleChanges): void;
+    private convertApps;
+    protected onFavoriteChange({ app, favorite }: FavoriteChangeEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarPrimaryComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarPrimaryComponent, "si-navbar-primary", never, { "primaryItems": { "alias": "primaryItems"; "required": false; "isSignal": true; }; "accountItems": { "alias": "accountItems"; "required": false; "isSignal": true; }; "account": { "alias": "account"; "required": false; "isSignal": true; }; "logoUrl": { "alias": "logoUrl"; "required": false; "isSignal": true; }; "appTitle": { "alias": "appTitle"; "required": false; "isSignal": true; }; "home": { "alias": "home"; "required": false; "isSignal": true; }; "appSwitcherTitle": { "alias": "appSwitcherTitle"; "required": false; "isSignal": true; }; "appSwitcherSubTitle": { "alias": "appSwitcherSubTitle"; "required": false; "isSignal": true; }; "favoriteAppsTitle": { "alias": "favoriteAppsTitle"; "required": false; "isSignal": true; }; "defaultAppsTitle": { "alias": "defaultAppsTitle"; "required": false; "isSignal": true; }; "showMoreAppsTitle": { "alias": "showMoreAppsTitle"; "required": false; "isSignal": true; }; "showLessAppsTitle": { "alias": "showLessAppsTitle"; "required": false; "isSignal": true; }; "appItems": { "alias": "appItems"; "required": false; "isSignal": true; }; "appCategoryItems": { "alias": "appCategoryItems"; "required": false; "isSignal": true; }; "appItemsFavorites": { "alias": "appItemsFavorites"; "required": false; "isSignal": true; }; "allAppsLink": { "alias": "allAppsLink"; "required": false; "isSignal": true; }; "focusOnLoad": { "alias": "focusOnLoad"; "required": false; "isSignal": true; }; "navAriaLabel": { "alias": "navAriaLabel"; "required": false; "isSignal": true; }; "closeAppSwitcherText": { "alias": "closeAppSwitcherText"; "required": false; "isSignal": true; }; "openAppSwitcherText": { "alias": "openAppSwitcherText"; "required": false; "isSignal": true; }; "toggleNavigationText": { "alias": "toggleNavigationText"; "required": false; "isSignal": true; }; "ariaLabelMainMenu": { "alias": "ariaLabelMainMenu"; "required": false; "isSignal": true; }; "ariaLabelSecondaryMenu": { "alias": "ariaLabelSecondaryMenu"; "required": false; "isSignal": true; }; }, { "appItemFavoriteChanged": "appItemFavoriteChanged"; }, never, ["*", "si-navbar-item[quickAction], element-navbar-item[quickAction='true']"], true, never>;
+}
+
+/** @deprecated Use the new `si-application-header` instead. */
+declare class SiNavbarItemComponent implements OnInit, DoCheck, OnDestroy {
+    /**
+     * MenuItem to display in the navbar.
+     */
+    readonly item: _angular_core.InputSignal<MenuItem>;
+    /**
+     * Is the item a quick action displayed on the end (right in LTR) side
+     *
+     * @defaultValue false
+     */
+    readonly quickAction: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly dropdownTrigger: _angular_core.Signal<SiHeaderDropdownTriggerDirective | undefined>;
+    protected active: boolean;
+    protected navbar: SiNavbarPrimaryComponent;
+    private hasBadge;
+    ngOnInit(): void;
+    ngDoCheck(): void;
+    ngOnDestroy(): void;
+    protected click(): void;
+    protected get visuallyHideTitle(): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarItemComponent, "si-navbar-item", never, { "item": { "alias": "item"; "required": true; "isSignal": true; }; "quickAction": { "alias": "quickAction"; "required": false; "isSignal": true; }; }, {}, never, ["si-avatar", "*"], true, never>;
+}
+
+/** @deprecated Use the new `si-application-header` instead. */
+declare class SiNavbarModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiNavbarModule, never, [typeof SiNavbarItemComponent, typeof SiNavbarPrimaryComponent], [typeof SiNavbarItemComponent, typeof SiNavbarPrimaryComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiNavbarModule>;
+}
+
+export { SiNavbarItemComponent, SiNavbarModule, SiNavbarPrimaryComponent };
+export type { AccountItem, AppItem, AppItemCategory };