@siemens/element-ng 48.10.0 → 49.0.0-rc.2

package/fesm2022/siemens-element-ng-navbar.mjs

@@ -1,8 +1,9 @@
-import { NgTemplateOutlet, NgClass } from '@angular/common';
+import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
 import { input, booleanAttribute, output, viewChild, signal, Component, inject, NgModule } from '@angular/core';
+import { elementDown2 } from '@siemens/element-icons';
 import { SiHeaderDropdownComponent, SiHeaderDropdownTriggerDirective, SiHeaderDropdownItemsFactoryComponent, SI_HEADER_WITH_DROPDOWNS } from '@siemens/element-ng/header-dropdown';
-import { addIcons, elementDown2, SiIconComponent } from '@siemens/element-ng/icon';
+import { addIcons, SiIconComponent } from '@siemens/element-ng/icon';
 import { SiLinkDirective } from '@siemens/element-ng/link';
 import { t, SiTranslatePipe } from '@siemens/element-translate-ng/translate';
 import { A11yModule } from '@angular/cdk/a11y';
@@ -21,7 +22,7 @@ class SiNavbarPrimaryComponent {
      *
      * @defaultValue []
      */
-    primaryItems = input([]);
+    primaryItems = input([], ...(ngDevMode ? [{ debugName: "primaryItems" }] : []));
     /**
      * List of account dropdown elements (defined by `title` and `link`).
      *
@@ -33,19 +34,19 @@ class SiNavbarPrimaryComponent {
      * code between the <si-navbar-primary> tags. In this case you don't need this
      * property (will be ignored if you set anyway).
      */
-    accountItems = input();
+    accountItems = input(...(ngDevMode ? [undefined, { debugName: "accountItems" }] : []));
     /**
      * Account settings name (`title`) and profile picture (`image` or `icon`)
      */
-    account = input();
+    account = input(...(ngDevMode ? [undefined, { debugName: "account" }] : []));
     /**
      * URL of the navbar brand.
      */
-    logoUrl = input();
+    logoUrl = input(...(ngDevMode ? [undefined, { debugName: "logoUrl" }] : []));
     /**
      * Title of the application.
      */
-    appTitle = input();
+    appTitle = input(...(ngDevMode ? [undefined, { debugName: "appTitle" }] : []));
     /**
      * Configurable home link that is used at the logo and app title.
      * Use `undefined` to disable the link.
@@ -55,7 +56,7 @@ class SiNavbarPrimaryComponent {
      * { link: '/' }
      * ```
      */
-    home = input({ link: '/' });
+    home = input({ link: '/' }, ...(ngDevMode ? [{ debugName: "home" }] : []));
     /**
      * title for the launchpad
      *
@@ -64,7 +65,7 @@ class SiNavbarPrimaryComponent {
      * t(() => $localize`:@@SI_LAUNCHPAD.TITLE:Launchpad`)
      * ```
      */
-    appSwitcherTitle = input(t(() => $localize `:@@SI_LAUNCHPAD.TITLE:Launchpad`));
+    appSwitcherTitle = input(t(() => $localize `:@@SI_LAUNCHPAD.TITLE:Launchpad`), ...(ngDevMode ? [{ debugName: "appSwitcherTitle" }] : []));
     /**
      * sub-title for the launchpad
      *
@@ -73,7 +74,7 @@ class SiNavbarPrimaryComponent {
      * t(() => $localize`:@@SI_LAUNCHPAD.SUB_TITLE:Access all your apps`)
      * ```
      */
-    appSwitcherSubTitle = input(t(() => $localize `:@@SI_LAUNCHPAD.SUB_TITLE:Access all your apps`));
+    appSwitcherSubTitle = input(t(() => $localize `:@@SI_LAUNCHPAD.SUB_TITLE:Access all your apps`), ...(ngDevMode ? [{ debugName: "appSwitcherSubTitle" }] : []));
     /**
      * Title or translate key for the favorite apps section.
      *
@@ -82,7 +83,7 @@ class SiNavbarPrimaryComponent {
      * t(() => $localize`:@@SI_LAUNCHPAD.FAVORITE_APPS:Favorite apps`)
      * ```
      */
-    favoriteAppsTitle = input(t(() => $localize `:@@SI_LAUNCHPAD.FAVORITE_APPS:Favorite apps`));
+    favoriteAppsTitle = input(t(() => $localize `:@@SI_LAUNCHPAD.FAVORITE_APPS:Favorite apps`), ...(ngDevMode ? [{ debugName: "favoriteAppsTitle" }] : []));
     /**
      * Title or translate key for the default apps section.
      *
@@ -91,7 +92,7 @@ class SiNavbarPrimaryComponent {
      * t(() => $localize`:@@SI_LAUNCHPAD.DEFAULT_CATEGORY_TITLE:Apps`)
      * ```
      */
-    defaultAppsTitle = input(t(() => $localize `:@@SI_LAUNCHPAD.DEFAULT_CATEGORY_TITLE:Apps`));
+    defaultAppsTitle = input(t(() => $localize `:@@SI_LAUNCHPAD.DEFAULT_CATEGORY_TITLE:Apps`), ...(ngDevMode ? [{ debugName: "defaultAppsTitle" }] : []));
     /**
      * Title or translate key for the show more apps button.
      *
@@ -100,7 +101,7 @@ class SiNavbarPrimaryComponent {
      * t(() => $localize`:@@SI_LAUNCHPAD.SHOW_MORE:Show more`)
      * ```
      */
-    showMoreAppsTitle = input(t(() => $localize `:@@SI_LAUNCHPAD.SHOW_MORE:Show more`));
+    showMoreAppsTitle = input(t(() => $localize `:@@SI_LAUNCHPAD.SHOW_MORE:Show more`), ...(ngDevMode ? [{ debugName: "showMoreAppsTitle" }] : []));
     /**
      * Title or translate key for the show less apps button.
      *
@@ -109,33 +110,33 @@ class SiNavbarPrimaryComponent {
      * t(() => $localize`:@@SI_LAUNCHPAD.SHOW_LESS:Show less`)
      * ```
      */
-    showLessAppsTitle = input(t(() => $localize `:@@SI_LAUNCHPAD.SHOW_LESS:Show less`));
+    showLessAppsTitle = input(t(() => $localize `:@@SI_LAUNCHPAD.SHOW_LESS:Show less`), ...(ngDevMode ? [{ debugName: "showLessAppsTitle" }] : []));
     /**
      * 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.
      */
-    appItems = input();
+    appItems = input(...(ngDevMode ? [undefined, { debugName: "appItems" }] : []));
     /**
      * Like `appItems` but with the addition of categories. If this is set, `appItems` is ignored.
      */
-    appCategoryItems = input();
+    appCategoryItems = input(...(ngDevMode ? [undefined, { debugName: "appCategoryItems" }] : []));
     /**
      * Allow the user to favorite apps which will then be displayed at the top.
      *
      * @defaultValue false
      */
-    appItemsFavorites = input(false, { transform: booleanAttribute });
+    appItemsFavorites = input(false, { ...(ngDevMode ? { debugName: "appItemsFavorites" } : {}), transform: booleanAttribute });
     /**
      * "all apps" link in the launchpad
      */
-    allAppsLink = input();
+    allAppsLink = input(...(ngDevMode ? [undefined, { debugName: "allAppsLink" }] : []));
     /**
      * Specifies whether the component should automatically be focused as soon as it is loaded.
      *
      * @defaultValue false
      */
-    focusOnLoad = input(false, { transform: booleanAttribute });
+    focusOnLoad = input(false, { ...(ngDevMode ? { debugName: "focusOnLoad" } : {}), transform: booleanAttribute });
     /**
      * 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
@@ -143,7 +144,7 @@ class SiNavbarPrimaryComponent {
      *
      * @defaultValue 'Primary'
      */
-    navAriaLabel = input('Primary');
+    navAriaLabel = input('Primary', ...(ngDevMode ? [{ debugName: "navAriaLabel" }] : []));
     /**
      * Text to close the launchpad. Needed for a11y.
      *
@@ -152,7 +153,7 @@ class SiNavbarPrimaryComponent {
      * t(() => $localize`:@@SI_LAUNCHPAD.CLOSE:Close launchpad`)
      * ```
      */
-    closeAppSwitcherText = input(t(() => $localize `:@@SI_LAUNCHPAD.CLOSE:Close launchpad`));
+    closeAppSwitcherText = input(t(() => $localize `:@@SI_LAUNCHPAD.CLOSE:Close launchpad`), ...(ngDevMode ? [{ debugName: "closeAppSwitcherText" }] : []));
     /**
      * Text for the launchpad icon. Needed for a11y.
      *
@@ -161,7 +162,7 @@ class SiNavbarPrimaryComponent {
      * t(() => $localize`:@@SI_NAVBAR.OPEN_LAUNCHPAD:Open launchpad`)
      * ```
      */
-    openAppSwitcherText = input(t(() => $localize `:@@SI_NAVBAR.OPEN_LAUNCHPAD:Open launchpad`));
+    openAppSwitcherText = input(t(() => $localize `:@@SI_NAVBAR.OPEN_LAUNCHPAD:Open launchpad`), ...(ngDevMode ? [{ debugName: "openAppSwitcherText" }] : []));
     /**
      * Text or translate key for the toggle navigation icon. Needed for a11y.
      *
@@ -170,26 +171,26 @@ class SiNavbarPrimaryComponent {
      * t(() => $localize`:@@SI_NAVBAR.TOGGLE_NAVIGATION:Toggle navigation`)
      * ```
      */
-    toggleNavigationText = input(t(() => $localize `:@@SI_NAVBAR.TOGGLE_NAVIGATION:Toggle navigation`));
+    toggleNavigationText = input(t(() => $localize `:@@SI_NAVBAR.TOGGLE_NAVIGATION:Toggle navigation`), ...(ngDevMode ? [{ debugName: "toggleNavigationText" }] : []));
     /**
      * Aria label for the main menu landmark
      *
      * @defaultValue 'Header main'
      */
-    ariaLabelMainMenu = input('Header main');
+    ariaLabelMainMenu = input('Header main', ...(ngDevMode ? [{ debugName: "ariaLabelMainMenu" }] : []));
     /**
      * Aria label for the secondary menu landmark
      *
      * @defaultValue 'Header secondary'
      */
-    ariaLabelSecondaryMenu = input('Header secondary');
+    ariaLabelSecondaryMenu = input('Header secondary', ...(ngDevMode ? [{ debugName: "ariaLabelSecondaryMenu" }] : []));
     appItemFavoriteChanged = output();
     /** @internal */
     header = viewChild.required(SiApplicationHeaderComponent);
     /** @internal */
-    collapsibleActions = viewChild(SiHeaderCollapsibleActionsComponent);
+    collapsibleActions = viewChild(SiHeaderCollapsibleActionsComponent, ...(ngDevMode ? [{ debugName: "collapsibleActions" }] : []));
     /** @internal */
-    navItemCount = signal(0);
+    navItemCount = signal(0, ...(ngDevMode ? [{ debugName: "navItemCount" }] : []));
     newAppItems;
     active;
     /** @internal */
@@ -255,10 +256,10 @@ class SiNavbarPrimaryComponent {
     onFavoriteChange({ app, favorite }) {
         this.appItemFavoriteChanged.emit([app._src, favorite]);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarPrimaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiNavbarPrimaryComponent, isStandalone: true, selector: "si-navbar-primary", inputs: { primaryItems: { classPropertyName: "primaryItems", publicName: "primaryItems", isSignal: true, isRequired: false, transformFunction: null }, accountItems: { classPropertyName: "accountItems", publicName: "accountItems", isSignal: true, isRequired: false, transformFunction: null }, account: { classPropertyName: "account", publicName: "account", isSignal: true, isRequired: false, transformFunction: null }, logoUrl: { classPropertyName: "logoUrl", publicName: "logoUrl", isSignal: true, isRequired: false, transformFunction: null }, appTitle: { classPropertyName: "appTitle", publicName: "appTitle", isSignal: true, isRequired: false, transformFunction: null }, home: { classPropertyName: "home", publicName: "home", isSignal: true, isRequired: false, transformFunction: null }, appSwitcherTitle: { classPropertyName: "appSwitcherTitle", publicName: "appSwitcherTitle", isSignal: true, isRequired: false, transformFunction: null }, appSwitcherSubTitle: { classPropertyName: "appSwitcherSubTitle", publicName: "appSwitcherSubTitle", isSignal: true, isRequired: false, transformFunction: null }, favoriteAppsTitle: { classPropertyName: "favoriteAppsTitle", publicName: "favoriteAppsTitle", isSignal: true, isRequired: false, transformFunction: null }, defaultAppsTitle: { classPropertyName: "defaultAppsTitle", publicName: "defaultAppsTitle", isSignal: true, isRequired: false, transformFunction: null }, showMoreAppsTitle: { classPropertyName: "showMoreAppsTitle", publicName: "showMoreAppsTitle", isSignal: true, isRequired: false, transformFunction: null }, showLessAppsTitle: { classPropertyName: "showLessAppsTitle", publicName: "showLessAppsTitle", isSignal: true, isRequired: false, transformFunction: null }, appItems: { classPropertyName: "appItems", publicName: "appItems", isSignal: true, isRequired: false, transformFunction: null }, appCategoryItems: { classPropertyName: "appCategoryItems", publicName: "appCategoryItems", isSignal: true, isRequired: false, transformFunction: null }, appItemsFavorites: { classPropertyName: "appItemsFavorites", publicName: "appItemsFavorites", isSignal: true, isRequired: false, transformFunction: null }, allAppsLink: { classPropertyName: "allAppsLink", publicName: "allAppsLink", isSignal: true, isRequired: false, transformFunction: null }, focusOnLoad: { classPropertyName: "focusOnLoad", publicName: "focusOnLoad", isSignal: true, isRequired: false, transformFunction: null }, navAriaLabel: { classPropertyName: "navAriaLabel", publicName: "navAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, closeAppSwitcherText: { classPropertyName: "closeAppSwitcherText", publicName: "closeAppSwitcherText", isSignal: true, isRequired: false, transformFunction: null }, openAppSwitcherText: { classPropertyName: "openAppSwitcherText", publicName: "openAppSwitcherText", isSignal: true, isRequired: false, transformFunction: null }, toggleNavigationText: { classPropertyName: "toggleNavigationText", publicName: "toggleNavigationText", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelMainMenu: { classPropertyName: "ariaLabelMainMenu", publicName: "ariaLabelMainMenu", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelSecondaryMenu: { classPropertyName: "ariaLabelSecondaryMenu", publicName: "ariaLabelSecondaryMenu", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { appItemFavoriteChanged: "appItemFavoriteChanged" }, providers: [{ provide: SI_HEADER_WITH_DROPDOWNS, useExisting: SiNavbarPrimaryComponent }], viewQueries: [{ propertyName: "header", first: true, predicate: SiApplicationHeaderComponent, descendants: true, isSignal: true }, { propertyName: "collapsibleActions", first: true, predicate: SiHeaderCollapsibleActionsComponent, descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<si-application-header [launchpad]=\"newAppItems ? launchpad : undefined\">\n  <si-header-brand>\n    @if (logoUrl()) {\n      <a class=\"header-logo header-custom-logo px-6 focus-inside\" [siLink]=\"home()\">\n        <img alt=\"Siemens logo\" [src]=\"logoUrl()\" />\n      </a>\n    } @else {\n      <a siHeaderLogo class=\"d-none d-md-flex\" [siLink]=\"home()\"></a>\n    }\n    @if (appTitle()) {\n      <h1 class=\"application-name\">{{ appTitle() }}</h1>\n    }\n  </si-header-brand>\n\n  @if (primaryItems().length) {\n    <si-header-navigation [attr.aria-label]=\"ariaLabelMainMenu()\">\n      @for (item of primaryItems(); track $index) {\n        @if (item.items) {\n          <button\n            type=\"button\"\n            si-header-navigation-item\n            [siHeaderDropdownTriggerFor]=\"dropdown\"\n            [class.active]=\"active === item\"\n          >\n            {{ item.title | translate }}\n            <ng-template #dropdown>\n              <si-header-dropdown>\n                <si-header-dropdown-items-factory\n                  [items]=\"item.items\"\n                  (activeChange)=\"$event ? (active = item) : null\"\n                />\n              </si-header-dropdown>\n            </ng-template>\n          </button>\n        } @else {\n          <a\n            si-header-navigation-item\n            activeClass=\"active\"\n            [siLink]=\"item\"\n            (activeChange)=\"$event ? (active = item) : null\"\n          >\n            {{ item.title | translate }}\n          </a>\n        }\n      }\n    </si-header-navigation>\n  }\n  @if (navItemCount() || account()) {\n    <si-header-actions [attr.aria-label]=\"ariaLabelSecondaryMenu()\">\n      @if (navItemCount()) {\n        @if (navItemCount() === 1) {\n          <ng-container *ngTemplateOutlet=\"actions\" />\n        } @else {\n          <si-header-collapsible-actions>\n            <ng-container *ngTemplateOutlet=\"actions\" />\n          </si-header-collapsible-actions>\n        }\n      }\n      @if (account()) {\n        <!--eslint-disable @angular-eslint/template/elements-content -->\n        <button\n          si-header-account-item\n          type=\"button\"\n          [name]=\"account()!.title\"\n          [initials]=\"account()!.initials\"\n          [imageUrl]=\"account()!.image\"\n          [siHeaderDropdownTriggerFor]=\"accountDropdown\"\n        ></button>\n        <!--eslint-enable @angular-eslint/template/elements-content -->\n\n        <ng-template #accountDropdown>\n          <si-header-dropdown>\n            <div class=\"d-block userinfo mx-5 mb-4\">\n              <div class=\"si-h5 text-truncate\">{{ account()!.title }}</div>\n              @if (account()!.email) {\n                <div class=\"email\">{{ account()!.email }}</div>\n              }\n              <div class=\"d-flex align-items-center text-secondary mt-2\">\n                @if (account()!.company) {\n                  <span class=\"label me-4\">{{ account()!.company | translate }}</span>\n                }\n                @if (account()!.role) {\n                  <span class=\"ms-0 badge bg-default\">\n                    {{ account()!.role | translate }}\n                  </span>\n                }\n              </div>\n            </div>\n            @if (accountItems()?.length) {\n              <div class=\"d-block dropdown-divider\" role=\"separator\"></div>\n              <si-header-dropdown-items-factory [items]=\"accountItems()!\" />\n            }\n            @if (account()!.customContent) {\n              <div class=\"d-block dropdown-divider\" role=\"separator\"></div>\n              <ng-content />\n            }\n          </si-header-dropdown>\n        </ng-template>\n      }\n    </si-header-actions>\n  } @else {\n    <!-- Seems like @if makes ng-content believe that there is always a header-actions section. So we have to add it here. -->\n    <si-header-actions />\n  }\n</si-application-header>\n\n<ng-template #launchpad>\n  <si-launchpad-factory\n    [showLessAppsText]=\"showLessAppsTitle()\"\n    [showMoreAppsText]=\"showMoreAppsTitle()\"\n    [closeText]=\"closeAppSwitcherText()\"\n    [titleText]=\"appSwitcherTitle()\"\n    [subtitleText]=\"appSwitcherSubTitle()\"\n    [enableFavorites]=\"appItemsFavorites()\"\n    [favoriteAppsText]=\"favoriteAppsTitle()\"\n    [apps]=\"newAppItems!\"\n    (favoriteChange)=\"onFavoriteChange($event)\"\n  />\n</ng-template>\n<ng-template #actions>\n  <ng-content select=\"si-navbar-item[quickAction], element-navbar-item[quickAction='true']\" />\n</ng-template>\n", styles: [".header-custom-logo{content:initial;inline-size:auto}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "component", type: SiApplicationHeaderComponent, selector: "si-application-header", inputs: ["expandBreakpoint", "launchpad", "launchpadLabel"] }, { kind: "component", type: SiLaunchpadFactoryComponent, selector: "si-launchpad-factory", inputs: ["closeText", "titleText", "subtitleText", "apps", "enableFavorites", "favoriteAppsText", "showMoreAppsText", "showLessAppsText"], outputs: ["favoriteChange"] }, { kind: "component", type: SiHeaderAccountItemComponent, selector: "button[si-header-account-item]", inputs: ["name", "initials", "imageUrl"] }, { kind: "component", type: SiHeaderDropdownComponent, selector: "si-header-dropdown" }, { kind: "directive", type: SiHeaderDropdownTriggerDirective, selector: "[siHeaderDropdownTriggerFor]", inputs: ["siHeaderDropdownTriggerFor", "dropdownData"], outputs: ["openChange"], exportAs: ["siHeaderDropdownTrigger"] }, { kind: "component", type: SiHeaderDropdownItemsFactoryComponent, selector: "si-header-dropdown-items-factory", inputs: ["items"], outputs: ["activeChange"] }, { kind: "component", type: SiHeaderNavigationItemComponent, selector: "button[si-header-navigation-item], a[si-header-navigation-item]" }, { kind: "directive", type: SiHeaderBrandDirective, selector: "si-header-brand" }, { kind: "component", type: SiHeaderNavigationComponent, selector: "si-header-navigation" }, { kind: "directive", type: SiHeaderActionsDirective, selector: "si-header-actions" }, { kind: "component", type: SiHeaderCollapsibleActionsComponent, selector: "si-header-collapsible-actions", inputs: ["mobileToggleLabel"] }, { kind: "directive", type: SiHeaderLogoDirective, selector: "si-header-logo, [siHeaderLogo]" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiNavbarPrimaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiNavbarPrimaryComponent, isStandalone: true, selector: "si-navbar-primary", inputs: { primaryItems: { classPropertyName: "primaryItems", publicName: "primaryItems", isSignal: true, isRequired: false, transformFunction: null }, accountItems: { classPropertyName: "accountItems", publicName: "accountItems", isSignal: true, isRequired: false, transformFunction: null }, account: { classPropertyName: "account", publicName: "account", isSignal: true, isRequired: false, transformFunction: null }, logoUrl: { classPropertyName: "logoUrl", publicName: "logoUrl", isSignal: true, isRequired: false, transformFunction: null }, appTitle: { classPropertyName: "appTitle", publicName: "appTitle", isSignal: true, isRequired: false, transformFunction: null }, home: { classPropertyName: "home", publicName: "home", isSignal: true, isRequired: false, transformFunction: null }, appSwitcherTitle: { classPropertyName: "appSwitcherTitle", publicName: "appSwitcherTitle", isSignal: true, isRequired: false, transformFunction: null }, appSwitcherSubTitle: { classPropertyName: "appSwitcherSubTitle", publicName: "appSwitcherSubTitle", isSignal: true, isRequired: false, transformFunction: null }, favoriteAppsTitle: { classPropertyName: "favoriteAppsTitle", publicName: "favoriteAppsTitle", isSignal: true, isRequired: false, transformFunction: null }, defaultAppsTitle: { classPropertyName: "defaultAppsTitle", publicName: "defaultAppsTitle", isSignal: true, isRequired: false, transformFunction: null }, showMoreAppsTitle: { classPropertyName: "showMoreAppsTitle", publicName: "showMoreAppsTitle", isSignal: true, isRequired: false, transformFunction: null }, showLessAppsTitle: { classPropertyName: "showLessAppsTitle", publicName: "showLessAppsTitle", isSignal: true, isRequired: false, transformFunction: null }, appItems: { classPropertyName: "appItems", publicName: "appItems", isSignal: true, isRequired: false, transformFunction: null }, appCategoryItems: { classPropertyName: "appCategoryItems", publicName: "appCategoryItems", isSignal: true, isRequired: false, transformFunction: null }, appItemsFavorites: { classPropertyName: "appItemsFavorites", publicName: "appItemsFavorites", isSignal: true, isRequired: false, transformFunction: null }, allAppsLink: { classPropertyName: "allAppsLink", publicName: "allAppsLink", isSignal: true, isRequired: false, transformFunction: null }, focusOnLoad: { classPropertyName: "focusOnLoad", publicName: "focusOnLoad", isSignal: true, isRequired: false, transformFunction: null }, navAriaLabel: { classPropertyName: "navAriaLabel", publicName: "navAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, closeAppSwitcherText: { classPropertyName: "closeAppSwitcherText", publicName: "closeAppSwitcherText", isSignal: true, isRequired: false, transformFunction: null }, openAppSwitcherText: { classPropertyName: "openAppSwitcherText", publicName: "openAppSwitcherText", isSignal: true, isRequired: false, transformFunction: null }, toggleNavigationText: { classPropertyName: "toggleNavigationText", publicName: "toggleNavigationText", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelMainMenu: { classPropertyName: "ariaLabelMainMenu", publicName: "ariaLabelMainMenu", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelSecondaryMenu: { classPropertyName: "ariaLabelSecondaryMenu", publicName: "ariaLabelSecondaryMenu", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { appItemFavoriteChanged: "appItemFavoriteChanged" }, providers: [{ provide: SI_HEADER_WITH_DROPDOWNS, useExisting: SiNavbarPrimaryComponent }], viewQueries: [{ propertyName: "header", first: true, predicate: SiApplicationHeaderComponent, descendants: true, isSignal: true }, { propertyName: "collapsibleActions", first: true, predicate: SiHeaderCollapsibleActionsComponent, descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<si-application-header [launchpad]=\"newAppItems ? launchpad : undefined\">\n  <si-header-brand>\n    @if (logoUrl()) {\n      <a class=\"header-logo header-custom-logo px-6 focus-inside\" [siLink]=\"home()\">\n        <img alt=\"Siemens logo\" [src]=\"logoUrl()\" />\n      </a>\n    } @else {\n      <a siHeaderLogo class=\"d-none d-md-flex\" [siLink]=\"home()\"></a>\n    }\n    @if (appTitle()) {\n      <h1 class=\"application-name\">{{ appTitle() }}</h1>\n    }\n  </si-header-brand>\n\n  @if (primaryItems().length) {\n    <si-header-navigation [attr.aria-label]=\"ariaLabelMainMenu()\">\n      @for (item of primaryItems(); track $index) {\n        @if (item.items) {\n          <button\n            type=\"button\"\n            si-header-navigation-item\n            [siHeaderDropdownTriggerFor]=\"dropdown\"\n            [class.active]=\"active === item\"\n          >\n            {{ item.title | translate }}\n            <ng-template #dropdown>\n              <si-header-dropdown>\n                <si-header-dropdown-items-factory\n                  [items]=\"item.items\"\n                  (activeChange)=\"$event ? (active = item) : null\"\n                />\n              </si-header-dropdown>\n            </ng-template>\n          </button>\n        } @else {\n          <a\n            si-header-navigation-item\n            activeClass=\"active\"\n            [siLink]=\"item\"\n            (activeChange)=\"$event ? (active = item) : null\"\n          >\n            {{ item.title | translate }}\n          </a>\n        }\n      }\n    </si-header-navigation>\n  }\n  @if (navItemCount() || account()) {\n    <si-header-actions [attr.aria-label]=\"ariaLabelSecondaryMenu()\">\n      @if (navItemCount()) {\n        @if (navItemCount() === 1) {\n          <ng-container *ngTemplateOutlet=\"actions\" />\n        } @else {\n          <si-header-collapsible-actions>\n            <ng-container *ngTemplateOutlet=\"actions\" />\n          </si-header-collapsible-actions>\n        }\n      }\n      @if (account()) {\n        <!--eslint-disable @angular-eslint/template/elements-content -->\n        <button\n          si-header-account-item\n          type=\"button\"\n          [name]=\"account()!.title\"\n          [initials]=\"account()!.initials\"\n          [imageUrl]=\"account()!.image\"\n          [siHeaderDropdownTriggerFor]=\"accountDropdown\"\n        ></button>\n        <!--eslint-enable @angular-eslint/template/elements-content -->\n\n        <ng-template #accountDropdown>\n          <si-header-dropdown>\n            <div class=\"d-block userinfo mx-5 mb-4\">\n              <div class=\"si-h5 text-truncate\">{{ account()!.title }}</div>\n              @if (account()!.email) {\n                <div class=\"email\">{{ account()!.email }}</div>\n              }\n              <div class=\"d-flex align-items-center text-secondary mt-2\">\n                @if (account()!.company) {\n                  <span class=\"label me-4\">{{ account()!.company | translate }}</span>\n                }\n                @if (account()!.role) {\n                  <span class=\"ms-0 badge bg-default\">\n                    {{ account()!.role | translate }}\n                  </span>\n                }\n              </div>\n            </div>\n            @if (accountItems()?.length) {\n              <div class=\"d-block dropdown-divider\" role=\"separator\"></div>\n              <si-header-dropdown-items-factory [items]=\"accountItems()!\" />\n            }\n            @if (account()!.customContent) {\n              <div class=\"d-block dropdown-divider\" role=\"separator\"></div>\n              <ng-content />\n            }\n          </si-header-dropdown>\n        </ng-template>\n      }\n    </si-header-actions>\n  } @else {\n    <!-- Seems like @if makes ng-content believe that there is always a header-actions section. So we have to add it here. -->\n    <si-header-actions />\n  }\n</si-application-header>\n\n<ng-template #launchpad>\n  <si-launchpad-factory\n    [showLessAppsText]=\"showLessAppsTitle()\"\n    [showMoreAppsText]=\"showMoreAppsTitle()\"\n    [closeText]=\"closeAppSwitcherText()\"\n    [titleText]=\"appSwitcherTitle()\"\n    [subtitleText]=\"appSwitcherSubTitle()\"\n    [enableFavorites]=\"appItemsFavorites()\"\n    [favoriteAppsText]=\"favoriteAppsTitle()\"\n    [apps]=\"newAppItems!\"\n    (favoriteChange)=\"onFavoriteChange($event)\"\n  />\n</ng-template>\n<ng-template #actions>\n  <ng-content select=\"si-navbar-item[quickAction], element-navbar-item[quickAction='true']\" />\n</ng-template>\n", styles: [".header-custom-logo{content:initial;inline-size:auto}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "component", type: SiApplicationHeaderComponent, selector: "si-application-header", inputs: ["expandBreakpoint", "launchpad", "launchpadLabel"] }, { kind: "component", type: SiLaunchpadFactoryComponent, selector: "si-launchpad-factory", inputs: ["closeText", "titleText", "subtitleText", "apps", "enableFavorites", "favoriteAppsText", "showMoreAppsText", "showLessAppsText"], outputs: ["favoriteChange"] }, { kind: "component", type: SiHeaderAccountItemComponent, selector: "button[si-header-account-item]", inputs: ["name", "initials", "imageUrl"] }, { kind: "component", type: SiHeaderDropdownComponent, selector: "si-header-dropdown" }, { kind: "directive", type: SiHeaderDropdownTriggerDirective, selector: "[siHeaderDropdownTriggerFor]", inputs: ["siHeaderDropdownTriggerFor", "dropdownData"], outputs: ["openChange"], exportAs: ["siHeaderDropdownTrigger"] }, { kind: "component", type: SiHeaderDropdownItemsFactoryComponent, selector: "si-header-dropdown-items-factory", inputs: ["items"], outputs: ["activeChange"] }, { kind: "component", type: SiHeaderNavigationItemComponent, selector: "button[si-header-navigation-item], a[si-header-navigation-item]" }, { kind: "directive", type: SiHeaderBrandDirective, selector: "si-header-brand" }, { kind: "component", type: SiHeaderNavigationComponent, selector: "si-header-navigation" }, { kind: "directive", type: SiHeaderActionsDirective, selector: "si-header-actions" }, { kind: "component", type: SiHeaderCollapsibleActionsComponent, selector: "si-header-collapsible-actions", inputs: ["mobileToggleLabel"] }, { kind: "directive", type: SiHeaderLogoDirective, selector: "si-header-logo, [siHeaderLogo]" }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarPrimaryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiNavbarPrimaryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-navbar-primary', imports: [
                         A11yModule,
@@ -278,7 +279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         SiHeaderCollapsibleActionsComponent,
                         SiHeaderLogoDirective
                     ], providers: [{ provide: SI_HEADER_WITH_DROPDOWNS, useExisting: SiNavbarPrimaryComponent }], template: "<si-application-header [launchpad]=\"newAppItems ? launchpad : undefined\">\n  <si-header-brand>\n    @if (logoUrl()) {\n      <a class=\"header-logo header-custom-logo px-6 focus-inside\" [siLink]=\"home()\">\n        <img alt=\"Siemens logo\" [src]=\"logoUrl()\" />\n      </a>\n    } @else {\n      <a siHeaderLogo class=\"d-none d-md-flex\" [siLink]=\"home()\"></a>\n    }\n    @if (appTitle()) {\n      <h1 class=\"application-name\">{{ appTitle() }}</h1>\n    }\n  </si-header-brand>\n\n  @if (primaryItems().length) {\n    <si-header-navigation [attr.aria-label]=\"ariaLabelMainMenu()\">\n      @for (item of primaryItems(); track $index) {\n        @if (item.items) {\n          <button\n            type=\"button\"\n            si-header-navigation-item\n            [siHeaderDropdownTriggerFor]=\"dropdown\"\n            [class.active]=\"active === item\"\n          >\n            {{ item.title | translate }}\n            <ng-template #dropdown>\n              <si-header-dropdown>\n                <si-header-dropdown-items-factory\n                  [items]=\"item.items\"\n                  (activeChange)=\"$event ? (active = item) : null\"\n                />\n              </si-header-dropdown>\n            </ng-template>\n          </button>\n        } @else {\n          <a\n            si-header-navigation-item\n            activeClass=\"active\"\n            [siLink]=\"item\"\n            (activeChange)=\"$event ? (active = item) : null\"\n          >\n            {{ item.title | translate }}\n          </a>\n        }\n      }\n    </si-header-navigation>\n  }\n  @if (navItemCount() || account()) {\n    <si-header-actions [attr.aria-label]=\"ariaLabelSecondaryMenu()\">\n      @if (navItemCount()) {\n        @if (navItemCount() === 1) {\n          <ng-container *ngTemplateOutlet=\"actions\" />\n        } @else {\n          <si-header-collapsible-actions>\n            <ng-container *ngTemplateOutlet=\"actions\" />\n          </si-header-collapsible-actions>\n        }\n      }\n      @if (account()) {\n        <!--eslint-disable @angular-eslint/template/elements-content -->\n        <button\n          si-header-account-item\n          type=\"button\"\n          [name]=\"account()!.title\"\n          [initials]=\"account()!.initials\"\n          [imageUrl]=\"account()!.image\"\n          [siHeaderDropdownTriggerFor]=\"accountDropdown\"\n        ></button>\n        <!--eslint-enable @angular-eslint/template/elements-content -->\n\n        <ng-template #accountDropdown>\n          <si-header-dropdown>\n            <div class=\"d-block userinfo mx-5 mb-4\">\n              <div class=\"si-h5 text-truncate\">{{ account()!.title }}</div>\n              @if (account()!.email) {\n                <div class=\"email\">{{ account()!.email }}</div>\n              }\n              <div class=\"d-flex align-items-center text-secondary mt-2\">\n                @if (account()!.company) {\n                  <span class=\"label me-4\">{{ account()!.company | translate }}</span>\n                }\n                @if (account()!.role) {\n                  <span class=\"ms-0 badge bg-default\">\n                    {{ account()!.role | translate }}\n                  </span>\n                }\n              </div>\n            </div>\n            @if (accountItems()?.length) {\n              <div class=\"d-block dropdown-divider\" role=\"separator\"></div>\n              <si-header-dropdown-items-factory [items]=\"accountItems()!\" />\n            }\n            @if (account()!.customContent) {\n              <div class=\"d-block dropdown-divider\" role=\"separator\"></div>\n              <ng-content />\n            }\n          </si-header-dropdown>\n        </ng-template>\n      }\n    </si-header-actions>\n  } @else {\n    <!-- Seems like @if makes ng-content believe that there is always a header-actions section. So we have to add it here. -->\n    <si-header-actions />\n  }\n</si-application-header>\n\n<ng-template #launchpad>\n  <si-launchpad-factory\n    [showLessAppsText]=\"showLessAppsTitle()\"\n    [showMoreAppsText]=\"showMoreAppsTitle()\"\n    [closeText]=\"closeAppSwitcherText()\"\n    [titleText]=\"appSwitcherTitle()\"\n    [subtitleText]=\"appSwitcherSubTitle()\"\n    [enableFavorites]=\"appItemsFavorites()\"\n    [favoriteAppsText]=\"favoriteAppsTitle()\"\n    [apps]=\"newAppItems!\"\n    (favoriteChange)=\"onFavoriteChange($event)\"\n  />\n</ng-template>\n<ng-template #actions>\n  <ng-content select=\"si-navbar-item[quickAction], element-navbar-item[quickAction='true']\" />\n</ng-template>\n", styles: [".header-custom-logo{content:initial;inline-size:auto}\n"] }]
-        }] });
+        }], propDecorators: { primaryItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "primaryItems", required: false }] }], accountItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "accountItems", required: false }] }], account: [{ type: i0.Input, args: [{ isSignal: true, alias: "account", required: false }] }], logoUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoUrl", required: false }] }], appTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "appTitle", required: false }] }], home: [{ type: i0.Input, args: [{ isSignal: true, alias: "home", required: false }] }], appSwitcherTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "appSwitcherTitle", required: false }] }], appSwitcherSubTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "appSwitcherSubTitle", required: false }] }], favoriteAppsTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "favoriteAppsTitle", required: false }] }], defaultAppsTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultAppsTitle", required: false }] }], showMoreAppsTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMoreAppsTitle", required: false }] }], showLessAppsTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLessAppsTitle", required: false }] }], appItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "appItems", required: false }] }], appCategoryItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "appCategoryItems", required: false }] }], appItemsFavorites: [{ type: i0.Input, args: [{ isSignal: true, alias: "appItemsFavorites", required: false }] }], allAppsLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "allAppsLink", required: false }] }], focusOnLoad: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusOnLoad", required: false }] }], navAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "navAriaLabel", required: false }] }], closeAppSwitcherText: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeAppSwitcherText", required: false }] }], openAppSwitcherText: [{ type: i0.Input, args: [{ isSignal: true, alias: "openAppSwitcherText", required: false }] }], toggleNavigationText: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleNavigationText", required: false }] }], ariaLabelMainMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelMainMenu", required: false }] }], ariaLabelSecondaryMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelSecondaryMenu", required: false }] }], appItemFavoriteChanged: [{ type: i0.Output, args: ["appItemFavoriteChanged"] }], header: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SiApplicationHeaderComponent), { isSignal: true }] }], collapsibleActions: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SiHeaderCollapsibleActionsComponent), { isSignal: true }] }] } });
 
 /**
  * Copyright (c) Siemens 2016 - 2025
@@ -290,14 +291,14 @@ class SiNavbarItemComponent {
     /**
      * MenuItem to display in the navbar.
      */
-    item = input.required();
+    item = input.required(...(ngDevMode ? [{ debugName: "item" }] : []));
     /**
      * Is the item a quick action displayed on the end (right in LTR) side
      *
      * @defaultValue false
      */
-    quickAction = input(false, { transform: booleanAttribute });
-    dropdownTrigger = viewChild(SiHeaderDropdownTriggerDirective);
+    quickAction = input(false, { ...(ngDevMode ? { debugName: "quickAction" } : {}), transform: booleanAttribute });
+    dropdownTrigger = viewChild(SiHeaderDropdownTriggerDirective, ...(ngDevMode ? [{ debugName: "dropdownTrigger" }] : []));
     active = false;
     navbar = inject(SiNavbarPrimaryComponent);
     hasBadge = false;
@@ -329,22 +330,21 @@ class SiNavbarItemComponent {
     get visuallyHideTitle() {
         return !this.navbar.collapsibleActions()?.mobileExpanded();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiNavbarItemComponent, isStandalone: true, selector: "si-navbar-item", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, quickAction: { classPropertyName: "quickAction", publicName: "quickAction", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "d-contents" }, viewQueries: [{ propertyName: "dropdownTrigger", first: true, predicate: SiHeaderDropdownTriggerDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (item().items || item().customContent) {\n  <button\n    type=\"button\"\n    class=\"header-item focus-inside\"\n    [class.active]=\"active\"\n    [attr.aria-label]=\"item().title | translate\"\n    [siHeaderDropdownTriggerFor]=\"dropdown\"\n    (click)=\"click()\"\n  >\n    <ng-container *ngTemplateOutlet=\"itemContent\" />\n    <si-icon class=\"dropdown-caret\" [icon]=\"icons.elementDown2\" />\n  </button>\n} @else {\n  <a\n    class=\"header-item focus-inside\"\n    activeClass=\"active\"\n    [siLink]=\"item()\"\n    [attr.aria-label]=\"item().title | translate\"\n    (activeChange)=\"active = $event\"\n    (click)=\"click()\"\n  >\n    <ng-container *ngTemplateOutlet=\"itemContent\" />\n  </a>\n}\n\n<ng-template #itemContent>\n  @let icon = item().icon;\n  @if (icon) {\n    <si-icon class=\"icon\" [icon]=\"icon\" />\n  }\n  @if (item().badge) {\n    <div class=\"badge-text\">{{ item().badge }}</div>\n  }\n  <ng-content select=\"si-avatar\" />\n  <div class=\"item-title\" [class.visually-hidden]=\"visuallyHideTitle\">\n    {{ item().title | translate }}\n  </div>\n</ng-template>\n\n<ng-template #dropdown>\n  <si-header-dropdown>\n    @if (item().items) {\n      <si-header-dropdown-items-factory [items]=\"item().items!\" (activeChange)=\"active = $event\" />\n    }\n    @if (item().customContent) {\n      <ng-content />\n    }\n  </si-header-dropdown>\n</ng-template>\n", dependencies: [{ kind: "directive", type: SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SiHeaderDropdownComponent, selector: "si-header-dropdown" }, { kind: "component", type: SiHeaderDropdownItemsFactoryComponent, selector: "si-header-dropdown-items-factory", inputs: ["items"], outputs: ["activeChange"] }, { kind: "directive", type: SiHeaderDropdownTriggerDirective, selector: "[siHeaderDropdownTriggerFor]", inputs: ["siHeaderDropdownTriggerFor", "dropdownData"], outputs: ["openChange"], exportAs: ["siHeaderDropdownTrigger"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiNavbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiNavbarItemComponent, isStandalone: true, selector: "si-navbar-item", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, quickAction: { classPropertyName: "quickAction", publicName: "quickAction", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "d-contents" }, viewQueries: [{ propertyName: "dropdownTrigger", first: true, predicate: SiHeaderDropdownTriggerDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (item().items || item().customContent) {\n  <button\n    type=\"button\"\n    class=\"header-item focus-inside\"\n    [class.active]=\"active\"\n    [attr.aria-label]=\"item().title | translate\"\n    [siHeaderDropdownTriggerFor]=\"dropdown\"\n    (click)=\"click()\"\n  >\n    <ng-container *ngTemplateOutlet=\"itemContent\" />\n    <si-icon class=\"dropdown-caret\" [icon]=\"icons.elementDown2\" />\n  </button>\n} @else {\n  <a\n    class=\"header-item focus-inside\"\n    activeClass=\"active\"\n    [siLink]=\"item()\"\n    [attr.aria-label]=\"item().title | translate\"\n    (activeChange)=\"active = $event\"\n    (click)=\"click()\"\n  >\n    <ng-container *ngTemplateOutlet=\"itemContent\" />\n  </a>\n}\n\n<ng-template #itemContent>\n  @let icon = item().icon;\n  @if (icon) {\n    <si-icon class=\"icon\" [icon]=\"icon\" />\n  }\n  @if (item().badge) {\n    <div class=\"badge-text\">{{ item().badge }}</div>\n  }\n  <ng-content select=\"si-avatar\" />\n  <div class=\"item-title\" [class.visually-hidden]=\"visuallyHideTitle\">\n    {{ item().title | translate }}\n  </div>\n</ng-template>\n\n<ng-template #dropdown>\n  <si-header-dropdown>\n    @if (item().items) {\n      <si-header-dropdown-items-factory [items]=\"item().items!\" (activeChange)=\"active = $event\" />\n    }\n    @if (item().customContent) {\n      <ng-content />\n    }\n  </si-header-dropdown>\n</ng-template>\n", dependencies: [{ kind: "directive", type: SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SiHeaderDropdownComponent, selector: "si-header-dropdown" }, { kind: "component", type: SiHeaderDropdownItemsFactoryComponent, selector: "si-header-dropdown-items-factory", inputs: ["items"], outputs: ["activeChange"] }, { kind: "directive", type: SiHeaderDropdownTriggerDirective, selector: "[siHeaderDropdownTriggerFor]", inputs: ["siHeaderDropdownTriggerFor", "dropdownData"], outputs: ["openChange"], exportAs: ["siHeaderDropdownTrigger"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiNavbarItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-navbar-item', imports: [
                         SiLinkDirective,
                         SiTranslatePipe,
-                        NgClass,
                         NgTemplateOutlet,
                         SiHeaderDropdownComponent,
                         SiHeaderDropdownItemsFactoryComponent,
                         SiHeaderDropdownTriggerDirective,
                         SiIconComponent
                     ], host: { class: 'd-contents' }, template: "@if (item().items || item().customContent) {\n  <button\n    type=\"button\"\n    class=\"header-item focus-inside\"\n    [class.active]=\"active\"\n    [attr.aria-label]=\"item().title | translate\"\n    [siHeaderDropdownTriggerFor]=\"dropdown\"\n    (click)=\"click()\"\n  >\n    <ng-container *ngTemplateOutlet=\"itemContent\" />\n    <si-icon class=\"dropdown-caret\" [icon]=\"icons.elementDown2\" />\n  </button>\n} @else {\n  <a\n    class=\"header-item focus-inside\"\n    activeClass=\"active\"\n    [siLink]=\"item()\"\n    [attr.aria-label]=\"item().title | translate\"\n    (activeChange)=\"active = $event\"\n    (click)=\"click()\"\n  >\n    <ng-container *ngTemplateOutlet=\"itemContent\" />\n  </a>\n}\n\n<ng-template #itemContent>\n  @let icon = item().icon;\n  @if (icon) {\n    <si-icon class=\"icon\" [icon]=\"icon\" />\n  }\n  @if (item().badge) {\n    <div class=\"badge-text\">{{ item().badge }}</div>\n  }\n  <ng-content select=\"si-avatar\" />\n  <div class=\"item-title\" [class.visually-hidden]=\"visuallyHideTitle\">\n    {{ item().title | translate }}\n  </div>\n</ng-template>\n\n<ng-template #dropdown>\n  <si-header-dropdown>\n    @if (item().items) {\n      <si-header-dropdown-items-factory [items]=\"item().items!\" (activeChange)=\"active = $event\" />\n    }\n    @if (item().customContent) {\n      <ng-content />\n    }\n  </si-header-dropdown>\n</ng-template>\n" }]
-        }] });
+        }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], quickAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "quickAction", required: false }] }], dropdownTrigger: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SiHeaderDropdownTriggerDirective), { isSignal: true }] }] } });
 
 /**
  * Copyright (c) Siemens 2016 - 2025
@@ -363,11 +363,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 const components = [SiNavbarItemComponent, SiNavbarPrimaryComponent];
 /** @deprecated Use the new `si-application-header` instead. */
 class SiNavbarModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarModule, imports: [SiNavbarItemComponent, SiNavbarPrimaryComponent], exports: [SiNavbarItemComponent, SiNavbarPrimaryComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarModule, imports: [components] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: SiNavbarModule, imports: [SiNavbarItemComponent, SiNavbarPrimaryComponent], exports: [SiNavbarItemComponent, SiNavbarPrimaryComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiNavbarModule, imports: [components] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiNavbarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: components,

package/fesm2022/siemens-element-ng-navbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-navbar.mjs","sources":["../../../../projects/element-ng/navbar/si-navbar-primary/si-navbar-primary.component.ts","../../../../projects/element-ng/navbar/si-navbar-primary/si-navbar-primary.component.html","../../../../projects/element-ng/navbar/si-navbar-item/si-navbar-item.component.ts","../../../../projects/element-ng/navbar/si-navbar-item/si-navbar-item.component.html","../../../../projects/element-ng/navbar/si-navbar-item/index.ts","../../../../projects/element-ng/navbar/si-navbar-primary/index.ts","../../../../projects/element-ng/navbar/si-navbar.module.ts","../../../../projects/element-ng/navbar/index.ts","../../../../projects/element-ng/navbar/siemens-element-ng-navbar.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  Component,\n  input,\n  OnChanges,\n  output,\n  signal,\n  SimpleChanges,\n  viewChild\n} from '@angular/core';\nimport {\n  App,\n  AppCategory,\n  FavoriteChangeEvent,\n  SiApplicationHeaderComponent,\n  SiHeaderAccountItemComponent,\n  SiHeaderActionsDirective,\n  SiHeaderBrandDirective,\n  SiHeaderCollapsibleActionsComponent,\n  SiHeaderLogoDirective,\n  SiHeaderNavigationComponent,\n  SiHeaderNavigationItemComponent,\n  SiLaunchpadFactoryComponent\n} from '@siemens/element-ng/application-header';\nimport { MenuItem } from '@siemens/element-ng/common';\nimport {\n  HeaderWithDropdowns,\n  SI_HEADER_WITH_DROPDOWNS,\n  SiHeaderDropdownComponent,\n  SiHeaderDropdownItemsFactoryComponent,\n  SiHeaderDropdownTriggerDirective\n} from '@siemens/element-ng/header-dropdown';\nimport { Link, SiLinkDirective } from '@siemens/element-ng/link';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\nimport { defer } from 'rxjs';\n\nimport { AccountItem } from '../account.model';\nimport { AppItem, AppItemCategory } from './si-navbar-primary.model';\n\n/** @deprecated Use the new `si-application-header` instead. */\n@Component({\n  selector: 'si-navbar-primary',\n  imports: [\n    A11yModule,\n    NgTemplateOutlet,\n    SiLinkDirective,\n    SiTranslatePipe,\n    SiApplicationHeaderComponent,\n    SiLaunchpadFactoryComponent,\n    SiHeaderAccountItemComponent,\n    SiHeaderDropdownComponent,\n    SiHeaderDropdownTriggerDirective,\n    SiHeaderDropdownItemsFactoryComponent,\n    SiHeaderNavigationItemComponent,\n    SiHeaderBrandDirective,\n    SiHeaderNavigationComponent,\n    SiHeaderActionsDirective,\n    SiHeaderCollapsibleActionsComponent,\n    SiHeaderLogoDirective\n  ],\n  templateUrl: './si-navbar-primary.component.html',\n  styles: `\n    .header-custom-logo {\n      content: initial;\n      inline-size: auto;\n    }\n  `,\n  providers: [{ provide: SI_HEADER_WITH_DROPDOWNS, useExisting: SiNavbarPrimaryComponent }]\n})\nexport class SiNavbarPrimaryComponent implements OnChanges, HeaderWithDropdowns {\n  /**\n   * List of navbar items which should be displayed at the left (in LTR) side next to the\n   * banner.\n   *\n   * @defaultValue []\n   */\n  readonly primaryItems = input<MenuItem[]>([]);\n  /**\n   * List of account dropdown elements (defined by `title` and `link`).\n   *\n   * The menu item can have submenu items (supplying `items`: MenuItem[]).\n   * Submenu items can be divided into groups by separators. A separator is\n   * an item with only '-' set as `title`.\n   *\n   * Alternatively, you can can create a custom content by putting your html\n   * code between the <si-navbar-primary> tags. In this case you don't need this\n   * property (will be ignored if you set anyway).\n   */\n  readonly accountItems = input<MenuItem[]>();\n  /**\n   * Account settings name (`title`) and profile picture (`image` or `icon`)\n   */\n  readonly account = input<AccountItem>();\n  /**\n   * URL of the navbar brand.\n   */\n  readonly logoUrl = input<string>();\n  /**\n   * Title of the application.\n   */\n  readonly appTitle = input<string>();\n  /**\n   * Configurable home link that is used at the logo and app title.\n   * Use `undefined` to disable the link.\n   *\n   * @defaultValue\n   * ```\n   * { link: '/' }\n   * ```\n   */\n  readonly home = input<Link | undefined>({ link: '/' });\n  /**\n   * title for the launchpad\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_LAUNCHPAD.TITLE:Launchpad`)\n   * ```\n   */\n  readonly appSwitcherTitle = input(t(() => $localize`:@@SI_LAUNCHPAD.TITLE:Launchpad`));\n\n  /**\n   * sub-title for the launchpad\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_LAUNCHPAD.SUB_TITLE:Access all your apps`)\n   * ```\n   */\n  readonly appSwitcherSubTitle = input(\n    t(() => $localize`:@@SI_LAUNCHPAD.SUB_TITLE:Access all your apps`)\n  );\n\n  /**\n   * Title or translate key for the favorite apps section.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_LAUNCHPAD.FAVORITE_APPS:Favorite apps`)\n   * ```\n   */\n  readonly favoriteAppsTitle = input(\n    t(() => $localize`:@@SI_LAUNCHPAD.FAVORITE_APPS:Favorite apps`)\n  );\n\n  /**\n   * Title or translate key for the default apps section.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_LAUNCHPAD.DEFAULT_CATEGORY_TITLE:Apps`)\n   * ```\n   */\n  readonly defaultAppsTitle = input(\n    t(() => $localize`:@@SI_LAUNCHPAD.DEFAULT_CATEGORY_TITLE:Apps`)\n  );\n\n  /**\n   * Title or translate key for the show more apps button.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_LAUNCHPAD.SHOW_MORE:Show more`)\n   * ```\n   */\n  readonly showMoreAppsTitle = input(t(() => $localize`:@@SI_LAUNCHPAD.SHOW_MORE:Show more`));\n\n  /**\n   * Title or translate key for the show less apps button.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_LAUNCHPAD.SHOW_LESS:Show less`)\n   * ```\n   */\n  readonly showLessAppsTitle = input(t(() => $localize`:@@SI_LAUNCHPAD.SHOW_LESS:Show less`));\n\n  /**\n   * All app items shown in the launchpad. The launchpad will not be visible if the\n   * app items are undefined. The launchpad will be visible if the app items are an\n   * empty array.\n   */\n  readonly appItems = input<AppItem[]>();\n  /**\n   * Like `appItems` but with the addition of categories. If this is set, `appItems` is ignored.\n   */\n  readonly appCategoryItems = input<AppItemCategory[]>();\n\n  /**\n   * Allow the user to favorite apps which will then be displayed at the top.\n   *\n   * @defaultValue false\n   */\n  readonly appItemsFavorites = input(false, { transform: booleanAttribute });\n  /**\n   * \"all apps\" link in the launchpad\n   */\n  readonly allAppsLink = input<MenuItem>();\n  /**\n   * Specifies whether the component should automatically be focused as soon as it is loaded.\n   *\n   * @defaultValue false\n   */\n  readonly focusOnLoad = input(false, { transform: booleanAttribute });\n\n  /**\n   * Marks the navbar as primary navigation element. Needed for a11y (screen reader).\n   * Only one element should be primary. If multiple navbars are used, it's up to the\n   * user of the components to label them in the correct order.\n   *\n   * @defaultValue 'Primary'\n   */\n  readonly navAriaLabel = input('Primary');\n\n  /**\n   * Text to close the launchpad. Needed for a11y.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_LAUNCHPAD.CLOSE:Close launchpad`)\n   * ```\n   */\n  readonly closeAppSwitcherText = input(t(() => $localize`:@@SI_LAUNCHPAD.CLOSE:Close launchpad`));\n\n  /**\n   * Text for the launchpad icon. Needed for a11y.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_NAVBAR.OPEN_LAUNCHPAD:Open launchpad`)\n   * ```\n   */\n  readonly openAppSwitcherText = input(\n    t(() => $localize`:@@SI_NAVBAR.OPEN_LAUNCHPAD:Open launchpad`)\n  );\n\n  /**\n   * Text or translate key for the toggle navigation icon. Needed for a11y.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_NAVBAR.TOGGLE_NAVIGATION:Toggle navigation`)\n   * ```\n   */\n  readonly toggleNavigationText = input(\n    t(() => $localize`:@@SI_NAVBAR.TOGGLE_NAVIGATION:Toggle navigation`)\n  );\n\n  /**\n   * Aria label for the main menu landmark\n   *\n   * @defaultValue 'Header main'\n   */\n  readonly ariaLabelMainMenu = input('Header main');\n\n  /**\n   * Aria label for the secondary menu landmark\n   *\n   * @defaultValue 'Header secondary'\n   */\n  readonly ariaLabelSecondaryMenu = input('Header secondary');\n\n  readonly appItemFavoriteChanged = output<[AppItem, boolean]>();\n\n  /** @internal */\n  readonly header = viewChild.required(SiApplicationHeaderComponent);\n  /** @internal */\n  readonly collapsibleActions = viewChild(SiHeaderCollapsibleActionsComponent);\n  /** @internal */\n  readonly navItemCount = signal(0);\n\n  protected newAppItems?: App[] | AppCategory[];\n  protected active?: MenuItem;\n\n  /** @internal */\n  // defer is required as header is not available at the time of creation.`\n  readonly inlineDropdown = defer(() => this.header().inlineDropdown);\n\n  /** @internal */\n  onDropdownItemTriggered(): void {\n    this.header().onDropdownItemTriggered();\n  }\n\n  /** @internal */\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.appItems || changes.appCategoryItems) {\n      const appItems = this.appItems();\n      const appCategoryItems = this.appCategoryItems();\n      if (appCategoryItems) {\n        this.newAppItems = appCategoryItems.map(category => ({\n          // Violation by intention.\n          // Empty strings should also be replaced by the default title.\n          // We rely on this in our examples, so projects might as well.\n          // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n          name: category.category || this.defaultAppsTitle(),\n          apps: this.convertApps(category.items)\n        }));\n        const allAppsLink = this.allAppsLink();\n        if (allAppsLink && this.newAppItems.length) {\n          const lastCategory = this.newAppItems.at(-1)!;\n          lastCategory.apps.push({\n            name: allAppsLink.title!,\n            iconClass: allAppsLink.icon ?? 'element-plus',\n            href: allAppsLink.href!,\n            target: allAppsLink.target,\n            _noFavorite: true // this should not show up in public API, but we need it for now.\n          } as App);\n        }\n      } else if (appItems) {\n        this.newAppItems = this.convertApps(appItems!);\n        const allAppsLink = this.allAppsLink();\n        if (allAppsLink) {\n          this.newAppItems.push({\n            name: allAppsLink.title!,\n            iconClass: allAppsLink.icon ?? 'element-plus',\n            href: allAppsLink.href!,\n            target: allAppsLink.target,\n            _noFavorite: true // this should not show up in public API, but we need it for now.\n          } as App);\n        }\n      }\n    }\n  }\n\n  private convertApps(apps: AppItem[]): App[] {\n    return apps.map(app => ({\n      name: app.title!,\n      href: app.href!,\n      external: app.isExternal,\n      active: app.isActive,\n      target: app.target,\n      iconClass: app.icon,\n      favorite: app.isFavorite,\n      _src: app // this should not show up in public API, but we need it for now.\n    }));\n  }\n\n  protected onFavoriteChange({ app, favorite }: FavoriteChangeEvent): void {\n    this.appItemFavoriteChanged.emit([(app as any)._src, favorite]);\n  }\n}\n","<si-application-header [launchpad]=\"newAppItems ? launchpad : undefined\">\n  <si-header-brand>\n    @if (logoUrl()) {\n      <a class=\"header-logo header-custom-logo px-6 focus-inside\" [siLink]=\"home()\">\n        <img alt=\"Siemens logo\" [src]=\"logoUrl()\" />\n      </a>\n    } @else {\n      <a siHeaderLogo class=\"d-none d-md-flex\" [siLink]=\"home()\"></a>\n    }\n    @if (appTitle()) {\n      <h1 class=\"application-name\">{{ appTitle() }}</h1>\n    }\n  </si-header-brand>\n\n  @if (primaryItems().length) {\n    <si-header-navigation [attr.aria-label]=\"ariaLabelMainMenu()\">\n      @for (item of primaryItems(); track $index) {\n        @if (item.items) {\n          <button\n            type=\"button\"\n            si-header-navigation-item\n            [siHeaderDropdownTriggerFor]=\"dropdown\"\n            [class.active]=\"active === item\"\n          >\n            {{ item.title | translate }}\n            <ng-template #dropdown>\n              <si-header-dropdown>\n                <si-header-dropdown-items-factory\n                  [items]=\"item.items\"\n                  (activeChange)=\"$event ? (active = item) : null\"\n                />\n              </si-header-dropdown>\n            </ng-template>\n          </button>\n        } @else {\n          <a\n            si-header-navigation-item\n            activeClass=\"active\"\n            [siLink]=\"item\"\n            (activeChange)=\"$event ? (active = item) : null\"\n          >\n            {{ item.title | translate }}\n          </a>\n        }\n      }\n    </si-header-navigation>\n  }\n  @if (navItemCount() || account()) {\n    <si-header-actions [attr.aria-label]=\"ariaLabelSecondaryMenu()\">\n      @if (navItemCount()) {\n        @if (navItemCount() === 1) {\n          <ng-container *ngTemplateOutlet=\"actions\" />\n        } @else {\n          <si-header-collapsible-actions>\n            <ng-container *ngTemplateOutlet=\"actions\" />\n          </si-header-collapsible-actions>\n        }\n      }\n      @if (account()) {\n        <!--eslint-disable @angular-eslint/template/elements-content -->\n        <button\n          si-header-account-item\n          type=\"button\"\n          [name]=\"account()!.title\"\n          [initials]=\"account()!.initials\"\n          [imageUrl]=\"account()!.image\"\n          [siHeaderDropdownTriggerFor]=\"accountDropdown\"\n        ></button>\n        <!--eslint-enable @angular-eslint/template/elements-content -->\n\n        <ng-template #accountDropdown>\n          <si-header-dropdown>\n            <div class=\"d-block userinfo mx-5 mb-4\">\n              <div class=\"si-h5 text-truncate\">{{ account()!.title }}</div>\n              @if (account()!.email) {\n                <div class=\"email\">{{ account()!.email }}</div>\n              }\n              <div class=\"d-flex align-items-center text-secondary mt-2\">\n                @if (account()!.company) {\n                  <span class=\"label me-4\">{{ account()!.company | translate }}</span>\n                }\n                @if (account()!.role) {\n                  <span class=\"ms-0 badge bg-default\">\n                    {{ account()!.role | translate }}\n                  </span>\n                }\n              </div>\n            </div>\n            @if (accountItems()?.length) {\n              <div class=\"d-block dropdown-divider\" role=\"separator\"></div>\n              <si-header-dropdown-items-factory [items]=\"accountItems()!\" />\n            }\n            @if (account()!.customContent) {\n              <div class=\"d-block dropdown-divider\" role=\"separator\"></div>\n              <ng-content />\n            }\n          </si-header-dropdown>\n        </ng-template>\n      }\n    </si-header-actions>\n  } @else {\n    <!-- Seems like @if makes ng-content believe that there is always a header-actions section. So we have to add it here. -->\n    <si-header-actions />\n  }\n</si-application-header>\n\n<ng-template #launchpad>\n  <si-launchpad-factory\n    [showLessAppsText]=\"showLessAppsTitle()\"\n    [showMoreAppsText]=\"showMoreAppsTitle()\"\n    [closeText]=\"closeAppSwitcherText()\"\n    [titleText]=\"appSwitcherTitle()\"\n    [subtitleText]=\"appSwitcherSubTitle()\"\n    [enableFavorites]=\"appItemsFavorites()\"\n    [favoriteAppsText]=\"favoriteAppsTitle()\"\n    [apps]=\"newAppItems!\"\n    (favoriteChange)=\"onFavoriteChange($event)\"\n  />\n</ng-template>\n<ng-template #actions>\n  <ng-content select=\"si-navbar-item[quickAction], element-navbar-item[quickAction='true']\" />\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  Component,\n  DoCheck,\n  inject,\n  input,\n  OnDestroy,\n  OnInit,\n  viewChild\n} from '@angular/core';\nimport { MenuItem } from '@siemens/element-ng/common';\nimport {\n  SiHeaderDropdownComponent,\n  SiHeaderDropdownItemsFactoryComponent,\n  SiHeaderDropdownTriggerDirective\n} from '@siemens/element-ng/header-dropdown';\nimport { addIcons, elementDown2, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiLinkDirective } from '@siemens/element-ng/link';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\n\nimport { SiNavbarPrimaryComponent } from '../si-navbar-primary/si-navbar-primary.component';\n\n/** @deprecated Use the new `si-application-header` instead. */\n@Component({\n  selector: 'si-navbar-item',\n  imports: [\n    SiLinkDirective,\n    SiTranslatePipe,\n    NgClass,\n    NgTemplateOutlet,\n    SiHeaderDropdownComponent,\n    SiHeaderDropdownItemsFactoryComponent,\n    SiHeaderDropdownTriggerDirective,\n    SiIconComponent\n  ],\n  templateUrl: './si-navbar-item.component.html',\n  host: { class: 'd-contents' }\n})\nexport class SiNavbarItemComponent implements OnInit, DoCheck, OnDestroy {\n  protected readonly icons = addIcons({ elementDown2 });\n\n  /**\n   * MenuItem to display in the navbar.\n   */\n  readonly item = input.required<MenuItem>();\n\n  /**\n   * Is the item a quick action displayed on the end (right in LTR) side\n   *\n   * @defaultValue false\n   */\n  readonly quickAction = input(false, { transform: booleanAttribute });\n\n  readonly dropdownTrigger = viewChild(SiHeaderDropdownTriggerDirective);\n\n  protected active = false;\n  protected navbar = inject(SiNavbarPrimaryComponent);\n\n  private hasBadge = false;\n\n  ngOnInit(): void {\n    this.navbar.header().closeMobileMenus.subscribe(() => this.dropdownTrigger()?.close());\n    this.navbar.navItemCount.update(value => value + 1);\n  }\n\n  ngDoCheck(): void {\n    const item = this.item();\n    const newHasBadge = !!(item.badge ?? item.badgeDot);\n    if (this.quickAction() && this.hasBadge !== newHasBadge) {\n      this.hasBadge = newHasBadge;\n      if (this.hasBadge) {\n        this.navbar.collapsibleActions()?.badgeCount.update(value => value + 1);\n      } else {\n        this.navbar.collapsibleActions()?.badgeCount.update(value => value - 1);\n      }\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.navbar.navItemCount.update(value => value - 1);\n  }\n\n  protected click(): void {\n    if (!this.dropdownTrigger()) {\n      this.navbar.header().closeMobileMenus.next();\n    }\n  }\n\n  protected get visuallyHideTitle(): boolean {\n    return !this.navbar.collapsibleActions()?.mobileExpanded();\n  }\n}\n","@if (item().items || item().customContent) {\n  <button\n    type=\"button\"\n    class=\"header-item focus-inside\"\n    [class.active]=\"active\"\n    [attr.aria-label]=\"item().title | translate\"\n    [siHeaderDropdownTriggerFor]=\"dropdown\"\n    (click)=\"click()\"\n  >\n    <ng-container *ngTemplateOutlet=\"itemContent\" />\n    <si-icon class=\"dropdown-caret\" [icon]=\"icons.elementDown2\" />\n  </button>\n} @else {\n  <a\n    class=\"header-item focus-inside\"\n    activeClass=\"active\"\n    [siLink]=\"item()\"\n    [attr.aria-label]=\"item().title | translate\"\n    (activeChange)=\"active = $event\"\n    (click)=\"click()\"\n  >\n    <ng-container *ngTemplateOutlet=\"itemContent\" />\n  </a>\n}\n\n<ng-template #itemContent>\n  @let icon = item().icon;\n  @if (icon) {\n    <si-icon class=\"icon\" [icon]=\"icon\" />\n  }\n  @if (item().badge) {\n    <div class=\"badge-text\">{{ item().badge }}</div>\n  }\n  <ng-content select=\"si-avatar\" />\n  <div class=\"item-title\" [class.visually-hidden]=\"visuallyHideTitle\">\n    {{ item().title | translate }}\n  </div>\n</ng-template>\n\n<ng-template #dropdown>\n  <si-header-dropdown>\n    @if (item().items) {\n      <si-header-dropdown-items-factory [items]=\"item().items!\" (activeChange)=\"active = $event\" />\n    }\n    @if (item().customContent) {\n      <ng-content />\n    }\n  </si-header-dropdown>\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-navbar-item.component';\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-navbar-primary.component';\nexport * from './si-navbar-primary.model';\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiNavbarItemComponent } from './si-navbar-item/si-navbar-item.component';\nimport { SiNavbarPrimaryComponent } from './si-navbar-primary/si-navbar-primary.component';\n\nconst components = [SiNavbarItemComponent, SiNavbarPrimaryComponent];\n\n/** @deprecated Use the new `si-application-header` instead. */\n@NgModule({\n  imports: components,\n  exports: components\n})\nexport class SiNavbarModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-navbar-item/index';\nexport * from './si-navbar-primary/index';\nexport * from './si-navbar.module';\nexport * from './account.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"siemens-element-ng-navbar.mjs","sources":["../../../../projects/element-ng/navbar/si-navbar-primary/si-navbar-primary.component.ts","../../../../projects/element-ng/navbar/si-navbar-primary/si-navbar-primary.component.html","../../../../projects/element-ng/navbar/si-navbar-item/si-navbar-item.component.ts","../../../../projects/element-ng/navbar/si-navbar-item/si-navbar-item.component.html","../../../../projects/element-ng/navbar/si-navbar-item/index.ts","../../../../projects/element-ng/navbar/si-navbar-primary/index.ts","../../../../projects/element-ng/navbar/si-navbar.module.ts","../../../../projects/element-ng/navbar/index.ts","../../../../projects/element-ng/navbar/siemens-element-ng-navbar.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  Component,\n  input,\n  OnChanges,\n  output,\n  signal,\n  SimpleChanges,\n  viewChild\n} from '@angular/core';\nimport {\n  App,\n  AppCategory,\n  FavoriteChangeEvent,\n  SiApplicationHeaderComponent,\n  SiHeaderAccountItemComponent,\n  SiHeaderActionsDirective,\n  SiHeaderBrandDirective,\n  SiHeaderCollapsibleActionsComponent,\n  SiHeaderLogoDirective,\n  SiHeaderNavigationComponent,\n  SiHeaderNavigationItemComponent,\n  SiLaunchpadFactoryComponent\n} from '@siemens/element-ng/application-header';\nimport { MenuItem } from '@siemens/element-ng/common';\nimport {\n  HeaderWithDropdowns,\n  SI_HEADER_WITH_DROPDOWNS,\n  SiHeaderDropdownComponent,\n  SiHeaderDropdownItemsFactoryComponent,\n  SiHeaderDropdownTriggerDirective\n} from '@siemens/element-ng/header-dropdown';\nimport { Link, SiLinkDirective } from '@siemens/element-ng/link';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\nimport { defer } from 'rxjs';\n\nimport { AccountItem } from '../account.model';\nimport { AppItem, AppItemCategory } from './si-navbar-primary.model';\n\n/** @deprecated Use the new `si-application-header` instead. */\n@Component({\n  selector: 'si-navbar-primary',\n  imports: [\n    A11yModule,\n    NgTemplateOutlet,\n    SiLinkDirective,\n    SiTranslatePipe,\n    SiApplicationHeaderComponent,\n    SiLaunchpadFactoryComponent,\n    SiHeaderAccountItemComponent,\n    SiHeaderDropdownComponent,\n    SiHeaderDropdownTriggerDirective,\n    SiHeaderDropdownItemsFactoryComponent,\n    SiHeaderNavigationItemComponent,\n    SiHeaderBrandDirective,\n    SiHeaderNavigationComponent,\n    SiHeaderActionsDirective,\n    SiHeaderCollapsibleActionsComponent,\n    SiHeaderLogoDirective\n  ],\n  templateUrl: './si-navbar-primary.component.html',\n  styles: `\n    .header-custom-logo {\n      content: initial;\n      inline-size: auto;\n    }\n  `,\n  providers: [{ provide: SI_HEADER_WITH_DROPDOWNS, useExisting: SiNavbarPrimaryComponent }]\n})\nexport class SiNavbarPrimaryComponent implements OnChanges, HeaderWithDropdowns {\n  /**\n   * List of navbar items which should be displayed at the left (in LTR) side next to the\n   * banner.\n   *\n   * @defaultValue []\n   */\n  readonly primaryItems = input<MenuItem[]>([]);\n  /**\n   * List of account dropdown elements (defined by `title` and `link`).\n   *\n   * The menu item can have submenu items (supplying `items`: MenuItem[]).\n   * Submenu items can be divided into groups by separators. A separator is\n   * an item with only '-' set as `title`.\n   *\n   * Alternatively, you can can create a custom content by putting your html\n   * code between the <si-navbar-primary> tags. In this case you don't need this\n   * property (will be ignored if you set anyway).\n   */\n  readonly accountItems = input<MenuItem[]>();\n  /**\n   * Account settings name (`title`) and profile picture (`image` or `icon`)\n   */\n  readonly account = input<AccountItem>();\n  /**\n   * URL of the navbar brand.\n   */\n  readonly logoUrl = input<string>();\n  /**\n   * Title of the application.\n   */\n  readonly appTitle = input<string>();\n  /**\n   * Configurable home link that is used at the logo and app title.\n   * Use `undefined` to disable the link.\n   *\n   * @defaultValue\n   * ```\n   * { link: '/' }\n   * ```\n   */\n  readonly home = input<Link | undefined>({ link: '/' });\n  /**\n   * title for the launchpad\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_LAUNCHPAD.TITLE:Launchpad`)\n   * ```\n   */\n  readonly appSwitcherTitle = input(t(() => $localize`:@@SI_LAUNCHPAD.TITLE:Launchpad`));\n\n  /**\n   * sub-title for the launchpad\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_LAUNCHPAD.SUB_TITLE:Access all your apps`)\n   * ```\n   */\n  readonly appSwitcherSubTitle = input(\n    t(() => $localize`:@@SI_LAUNCHPAD.SUB_TITLE:Access all your apps`)\n  );\n\n  /**\n   * Title or translate key for the favorite apps section.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_LAUNCHPAD.FAVORITE_APPS:Favorite apps`)\n   * ```\n   */\n  readonly favoriteAppsTitle = input(\n    t(() => $localize`:@@SI_LAUNCHPAD.FAVORITE_APPS:Favorite apps`)\n  );\n\n  /**\n   * Title or translate key for the default apps section.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_LAUNCHPAD.DEFAULT_CATEGORY_TITLE:Apps`)\n   * ```\n   */\n  readonly defaultAppsTitle = input(\n    t(() => $localize`:@@SI_LAUNCHPAD.DEFAULT_CATEGORY_TITLE:Apps`)\n  );\n\n  /**\n   * Title or translate key for the show more apps button.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_LAUNCHPAD.SHOW_MORE:Show more`)\n   * ```\n   */\n  readonly showMoreAppsTitle = input(t(() => $localize`:@@SI_LAUNCHPAD.SHOW_MORE:Show more`));\n\n  /**\n   * Title or translate key for the show less apps button.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_LAUNCHPAD.SHOW_LESS:Show less`)\n   * ```\n   */\n  readonly showLessAppsTitle = input(t(() => $localize`:@@SI_LAUNCHPAD.SHOW_LESS:Show less`));\n\n  /**\n   * All app items shown in the launchpad. The launchpad will not be visible if the\n   * app items are undefined. The launchpad will be visible if the app items are an\n   * empty array.\n   */\n  readonly appItems = input<AppItem[]>();\n  /**\n   * Like `appItems` but with the addition of categories. If this is set, `appItems` is ignored.\n   */\n  readonly appCategoryItems = input<AppItemCategory[]>();\n\n  /**\n   * Allow the user to favorite apps which will then be displayed at the top.\n   *\n   * @defaultValue false\n   */\n  readonly appItemsFavorites = input(false, { transform: booleanAttribute });\n  /**\n   * \"all apps\" link in the launchpad\n   */\n  readonly allAppsLink = input<MenuItem>();\n  /**\n   * Specifies whether the component should automatically be focused as soon as it is loaded.\n   *\n   * @defaultValue false\n   */\n  readonly focusOnLoad = input(false, { transform: booleanAttribute });\n\n  /**\n   * Marks the navbar as primary navigation element. Needed for a11y (screen reader).\n   * Only one element should be primary. If multiple navbars are used, it's up to the\n   * user of the components to label them in the correct order.\n   *\n   * @defaultValue 'Primary'\n   */\n  readonly navAriaLabel = input('Primary');\n\n  /**\n   * Text to close the launchpad. Needed for a11y.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_LAUNCHPAD.CLOSE:Close launchpad`)\n   * ```\n   */\n  readonly closeAppSwitcherText = input(t(() => $localize`:@@SI_LAUNCHPAD.CLOSE:Close launchpad`));\n\n  /**\n   * Text for the launchpad icon. Needed for a11y.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_NAVBAR.OPEN_LAUNCHPAD:Open launchpad`)\n   * ```\n   */\n  readonly openAppSwitcherText = input(\n    t(() => $localize`:@@SI_NAVBAR.OPEN_LAUNCHPAD:Open launchpad`)\n  );\n\n  /**\n   * Text or translate key for the toggle navigation icon. Needed for a11y.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_NAVBAR.TOGGLE_NAVIGATION:Toggle navigation`)\n   * ```\n   */\n  readonly toggleNavigationText = input(\n    t(() => $localize`:@@SI_NAVBAR.TOGGLE_NAVIGATION:Toggle navigation`)\n  );\n\n  /**\n   * Aria label for the main menu landmark\n   *\n   * @defaultValue 'Header main'\n   */\n  readonly ariaLabelMainMenu = input('Header main');\n\n  /**\n   * Aria label for the secondary menu landmark\n   *\n   * @defaultValue 'Header secondary'\n   */\n  readonly ariaLabelSecondaryMenu = input('Header secondary');\n\n  readonly appItemFavoriteChanged = output<[AppItem, boolean]>();\n\n  /** @internal */\n  readonly header = viewChild.required(SiApplicationHeaderComponent);\n  /** @internal */\n  readonly collapsibleActions = viewChild(SiHeaderCollapsibleActionsComponent);\n  /** @internal */\n  readonly navItemCount = signal(0);\n\n  protected newAppItems?: App[] | AppCategory[];\n  protected active?: MenuItem;\n\n  /** @internal */\n  // defer is required as header is not available at the time of creation.`\n  readonly inlineDropdown = defer(() => this.header().inlineDropdown);\n\n  /** @internal */\n  onDropdownItemTriggered(): void {\n    this.header().onDropdownItemTriggered();\n  }\n\n  /** @internal */\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.appItems || changes.appCategoryItems) {\n      const appItems = this.appItems();\n      const appCategoryItems = this.appCategoryItems();\n      if (appCategoryItems) {\n        this.newAppItems = appCategoryItems.map(category => ({\n          // Violation by intention.\n          // Empty strings should also be replaced by the default title.\n          // We rely on this in our examples, so projects might as well.\n          // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n          name: category.category || this.defaultAppsTitle(),\n          apps: this.convertApps(category.items)\n        }));\n        const allAppsLink = this.allAppsLink();\n        if (allAppsLink && this.newAppItems.length) {\n          const lastCategory = this.newAppItems.at(-1)!;\n          lastCategory.apps.push({\n            name: allAppsLink.title!,\n            iconClass: allAppsLink.icon ?? 'element-plus',\n            href: allAppsLink.href!,\n            target: allAppsLink.target,\n            _noFavorite: true // this should not show up in public API, but we need it for now.\n          } as App);\n        }\n      } else if (appItems) {\n        this.newAppItems = this.convertApps(appItems!);\n        const allAppsLink = this.allAppsLink();\n        if (allAppsLink) {\n          this.newAppItems.push({\n            name: allAppsLink.title!,\n            iconClass: allAppsLink.icon ?? 'element-plus',\n            href: allAppsLink.href!,\n            target: allAppsLink.target,\n            _noFavorite: true // this should not show up in public API, but we need it for now.\n          } as App);\n        }\n      }\n    }\n  }\n\n  private convertApps(apps: AppItem[]): App[] {\n    return apps.map(app => ({\n      name: app.title!,\n      href: app.href!,\n      external: app.isExternal,\n      active: app.isActive,\n      target: app.target,\n      iconClass: app.icon,\n      favorite: app.isFavorite,\n      _src: app // this should not show up in public API, but we need it for now.\n    }));\n  }\n\n  protected onFavoriteChange({ app, favorite }: FavoriteChangeEvent): void {\n    this.appItemFavoriteChanged.emit([(app as any)._src, favorite]);\n  }\n}\n","<si-application-header [launchpad]=\"newAppItems ? launchpad : undefined\">\n  <si-header-brand>\n    @if (logoUrl()) {\n      <a class=\"header-logo header-custom-logo px-6 focus-inside\" [siLink]=\"home()\">\n        <img alt=\"Siemens logo\" [src]=\"logoUrl()\" />\n      </a>\n    } @else {\n      <a siHeaderLogo class=\"d-none d-md-flex\" [siLink]=\"home()\"></a>\n    }\n    @if (appTitle()) {\n      <h1 class=\"application-name\">{{ appTitle() }}</h1>\n    }\n  </si-header-brand>\n\n  @if (primaryItems().length) {\n    <si-header-navigation [attr.aria-label]=\"ariaLabelMainMenu()\">\n      @for (item of primaryItems(); track $index) {\n        @if (item.items) {\n          <button\n            type=\"button\"\n            si-header-navigation-item\n            [siHeaderDropdownTriggerFor]=\"dropdown\"\n            [class.active]=\"active === item\"\n          >\n            {{ item.title | translate }}\n            <ng-template #dropdown>\n              <si-header-dropdown>\n                <si-header-dropdown-items-factory\n                  [items]=\"item.items\"\n                  (activeChange)=\"$event ? (active = item) : null\"\n                />\n              </si-header-dropdown>\n            </ng-template>\n          </button>\n        } @else {\n          <a\n            si-header-navigation-item\n            activeClass=\"active\"\n            [siLink]=\"item\"\n            (activeChange)=\"$event ? (active = item) : null\"\n          >\n            {{ item.title | translate }}\n          </a>\n        }\n      }\n    </si-header-navigation>\n  }\n  @if (navItemCount() || account()) {\n    <si-header-actions [attr.aria-label]=\"ariaLabelSecondaryMenu()\">\n      @if (navItemCount()) {\n        @if (navItemCount() === 1) {\n          <ng-container *ngTemplateOutlet=\"actions\" />\n        } @else {\n          <si-header-collapsible-actions>\n            <ng-container *ngTemplateOutlet=\"actions\" />\n          </si-header-collapsible-actions>\n        }\n      }\n      @if (account()) {\n        <!--eslint-disable @angular-eslint/template/elements-content -->\n        <button\n          si-header-account-item\n          type=\"button\"\n          [name]=\"account()!.title\"\n          [initials]=\"account()!.initials\"\n          [imageUrl]=\"account()!.image\"\n          [siHeaderDropdownTriggerFor]=\"accountDropdown\"\n        ></button>\n        <!--eslint-enable @angular-eslint/template/elements-content -->\n\n        <ng-template #accountDropdown>\n          <si-header-dropdown>\n            <div class=\"d-block userinfo mx-5 mb-4\">\n              <div class=\"si-h5 text-truncate\">{{ account()!.title }}</div>\n              @if (account()!.email) {\n                <div class=\"email\">{{ account()!.email }}</div>\n              }\n              <div class=\"d-flex align-items-center text-secondary mt-2\">\n                @if (account()!.company) {\n                  <span class=\"label me-4\">{{ account()!.company | translate }}</span>\n                }\n                @if (account()!.role) {\n                  <span class=\"ms-0 badge bg-default\">\n                    {{ account()!.role | translate }}\n                  </span>\n                }\n              </div>\n            </div>\n            @if (accountItems()?.length) {\n              <div class=\"d-block dropdown-divider\" role=\"separator\"></div>\n              <si-header-dropdown-items-factory [items]=\"accountItems()!\" />\n            }\n            @if (account()!.customContent) {\n              <div class=\"d-block dropdown-divider\" role=\"separator\"></div>\n              <ng-content />\n            }\n          </si-header-dropdown>\n        </ng-template>\n      }\n    </si-header-actions>\n  } @else {\n    <!-- Seems like @if makes ng-content believe that there is always a header-actions section. So we have to add it here. -->\n    <si-header-actions />\n  }\n</si-application-header>\n\n<ng-template #launchpad>\n  <si-launchpad-factory\n    [showLessAppsText]=\"showLessAppsTitle()\"\n    [showMoreAppsText]=\"showMoreAppsTitle()\"\n    [closeText]=\"closeAppSwitcherText()\"\n    [titleText]=\"appSwitcherTitle()\"\n    [subtitleText]=\"appSwitcherSubTitle()\"\n    [enableFavorites]=\"appItemsFavorites()\"\n    [favoriteAppsText]=\"favoriteAppsTitle()\"\n    [apps]=\"newAppItems!\"\n    (favoriteChange)=\"onFavoriteChange($event)\"\n  />\n</ng-template>\n<ng-template #actions>\n  <ng-content select=\"si-navbar-item[quickAction], element-navbar-item[quickAction='true']\" />\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  Component,\n  DoCheck,\n  inject,\n  input,\n  OnDestroy,\n  OnInit,\n  viewChild\n} from '@angular/core';\nimport { elementDown2 } from '@siemens/element-icons';\nimport { MenuItem } from '@siemens/element-ng/common';\nimport {\n  SiHeaderDropdownComponent,\n  SiHeaderDropdownItemsFactoryComponent,\n  SiHeaderDropdownTriggerDirective\n} from '@siemens/element-ng/header-dropdown';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiLinkDirective } from '@siemens/element-ng/link';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\n\nimport { SiNavbarPrimaryComponent } from '../si-navbar-primary/si-navbar-primary.component';\n\n/** @deprecated Use the new `si-application-header` instead. */\n@Component({\n  selector: 'si-navbar-item',\n  imports: [\n    SiLinkDirective,\n    SiTranslatePipe,\n    NgTemplateOutlet,\n    SiHeaderDropdownComponent,\n    SiHeaderDropdownItemsFactoryComponent,\n    SiHeaderDropdownTriggerDirective,\n    SiIconComponent\n  ],\n  templateUrl: './si-navbar-item.component.html',\n  host: { class: 'd-contents' }\n})\nexport class SiNavbarItemComponent implements OnInit, DoCheck, OnDestroy {\n  protected readonly icons = addIcons({ elementDown2 });\n\n  /**\n   * MenuItem to display in the navbar.\n   */\n  readonly item = input.required<MenuItem>();\n\n  /**\n   * Is the item a quick action displayed on the end (right in LTR) side\n   *\n   * @defaultValue false\n   */\n  readonly quickAction = input(false, { transform: booleanAttribute });\n\n  readonly dropdownTrigger = viewChild(SiHeaderDropdownTriggerDirective);\n\n  protected active = false;\n  protected navbar = inject(SiNavbarPrimaryComponent);\n\n  private hasBadge = false;\n\n  ngOnInit(): void {\n    this.navbar.header().closeMobileMenus.subscribe(() => this.dropdownTrigger()?.close());\n    this.navbar.navItemCount.update(value => value + 1);\n  }\n\n  ngDoCheck(): void {\n    const item = this.item();\n    const newHasBadge = !!(item.badge ?? item.badgeDot);\n    if (this.quickAction() && this.hasBadge !== newHasBadge) {\n      this.hasBadge = newHasBadge;\n      if (this.hasBadge) {\n        this.navbar.collapsibleActions()?.badgeCount.update(value => value + 1);\n      } else {\n        this.navbar.collapsibleActions()?.badgeCount.update(value => value - 1);\n      }\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.navbar.navItemCount.update(value => value - 1);\n  }\n\n  protected click(): void {\n    if (!this.dropdownTrigger()) {\n      this.navbar.header().closeMobileMenus.next();\n    }\n  }\n\n  protected get visuallyHideTitle(): boolean {\n    return !this.navbar.collapsibleActions()?.mobileExpanded();\n  }\n}\n","@if (item().items || item().customContent) {\n  <button\n    type=\"button\"\n    class=\"header-item focus-inside\"\n    [class.active]=\"active\"\n    [attr.aria-label]=\"item().title | translate\"\n    [siHeaderDropdownTriggerFor]=\"dropdown\"\n    (click)=\"click()\"\n  >\n    <ng-container *ngTemplateOutlet=\"itemContent\" />\n    <si-icon class=\"dropdown-caret\" [icon]=\"icons.elementDown2\" />\n  </button>\n} @else {\n  <a\n    class=\"header-item focus-inside\"\n    activeClass=\"active\"\n    [siLink]=\"item()\"\n    [attr.aria-label]=\"item().title | translate\"\n    (activeChange)=\"active = $event\"\n    (click)=\"click()\"\n  >\n    <ng-container *ngTemplateOutlet=\"itemContent\" />\n  </a>\n}\n\n<ng-template #itemContent>\n  @let icon = item().icon;\n  @if (icon) {\n    <si-icon class=\"icon\" [icon]=\"icon\" />\n  }\n  @if (item().badge) {\n    <div class=\"badge-text\">{{ item().badge }}</div>\n  }\n  <ng-content select=\"si-avatar\" />\n  <div class=\"item-title\" [class.visually-hidden]=\"visuallyHideTitle\">\n    {{ item().title | translate }}\n  </div>\n</ng-template>\n\n<ng-template #dropdown>\n  <si-header-dropdown>\n    @if (item().items) {\n      <si-header-dropdown-items-factory [items]=\"item().items!\" (activeChange)=\"active = $event\" />\n    }\n    @if (item().customContent) {\n      <ng-content />\n    }\n  </si-header-dropdown>\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-navbar-item.component';\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-navbar-primary.component';\nexport * from './si-navbar-primary.model';\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiNavbarItemComponent } from './si-navbar-item/si-navbar-item.component';\nimport { SiNavbarPrimaryComponent } from './si-navbar-primary/si-navbar-primary.component';\n\nconst components = [SiNavbarItemComponent, SiNavbarPrimaryComponent];\n\n/** @deprecated Use the new `si-application-header` instead. */\n@NgModule({\n  imports: components,\n  exports: components\n})\nexport class SiNavbarModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-navbar-item/index';\nexport * from './si-navbar-primary/index';\nexport * from './si-navbar.module';\nexport * from './account.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}