@siemens/element-ng 49.11.0 → 49.13.0

package/fesm2022/siemens-element-ng-header-dropdown.mjs

@@ -1,11 +1,11 @@
 import * as i1 from '@angular/cdk/a11y';
 import { CdkTrapFocus, A11yModule } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
-import { InjectionToken, input, Component, output, inject, ViewContainerRef, ElementRef, Injector, Directive, viewChild, DOCUMENT, ChangeDetectionStrategy } from '@angular/core';
+import { InjectionToken, input, ChangeDetectionStrategy, Component, output, inject, ViewContainerRef, ElementRef, computed, Injector, effect, untracked, Directive, viewChild, DOCUMENT } from '@angular/core';
 import { Overlay } from '@angular/cdk/overlay';
 import { TemplatePortal } from '@angular/cdk/portal';
-import { Subject, of } from 'rxjs';
-import { take, skip, takeUntil, filter } from 'rxjs/operators';
+import { Subject } from 'rxjs';
+import { filter, takeUntil, take } from 'rxjs/operators';
 import { elementRecordFilled, elementOk, elementDown2 } from '@siemens/element-icons';
 import { addIcons, SiIconComponent } from '@siemens/element-ng/icon';
 import { SiLinkDirective } from '@siemens/element-ng/link';
@@ -23,11 +23,15 @@ const SI_HEADER_DROPDOWN_OPTIONS = new InjectionToken('si-header-dropdown.option
 class SiHeaderAnchorComponent {
     ariaOwns = input(...(ngDevMode ? [undefined, { debugName: "ariaOwns" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiHeaderAnchorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.8", type: SiHeaderAnchorComponent, isStandalone: true, selector: "ng-component", inputs: { ariaOwns: { classPropertyName: "ariaOwns", publicName: "ariaOwns", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-owns": "ariaOwns()" } }, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.8", type: SiHeaderAnchorComponent, isStandalone: true, selector: "ng-component", inputs: { ariaOwns: { classPropertyName: "ariaOwns", publicName: "ariaOwns", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-owns": "ariaOwns()" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.Default });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiHeaderAnchorComponent, decorators: [{
             type: Component,
-            args: [{ template: '', host: { '[attr.aria-owns]': 'ariaOwns()' } }]
+            args: [{
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.Default,
+                    host: { '[attr.aria-owns]': 'ariaOwns()' }
+                }]
         }], propDecorators: { ariaOwns: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaOwns", required: false }] }] } });
 /**
  * Trigger to open dropdowns in a navbar.
@@ -55,6 +59,11 @@ class SiHeaderDropdownTriggerDirective {
     });
     /** @internal */
     navbar = inject(SI_HEADER_WITH_DROPDOWNS, { optional: true });
+    /**
+     * Whether the dropdown is opened inline (mobile) instead of in an overlay (desktop).
+     * Inline dropdowns are simple disclosure groups, while overlay dropdowns are dialogs.
+     */
+    inline = computed(() => this.navbar?.inlineDropdown() ?? false, ...(ngDevMode ? [{ debugName: "inline" }] : []));
     // we need to create a new injector, so that the parent can be injected properly
     injector = Injector.create({ parent: inject(Injector), providers: [] });
     viewRef;
@@ -71,6 +80,16 @@ class SiHeaderDropdownTriggerDirective {
     /** @internal */
     ariaControls = `si-navbar-dropdown-${SiHeaderDropdownTriggerDirective.idCounter}`;
     headerAnchorComponentRef;
+    constructor() {
+        effect(() => {
+            const inline = this.navbar?.inlineDropdown() ?? false;
+            untracked(() => {
+                if (this._isOpen && inline === this.isOverlay) {
+                    this.close();
+                }
+            });
+        });
+    }
     /** Whether the dropdown is open. */
     get isOpen() {
         return this._isOpen;
@@ -98,15 +117,10 @@ class SiHeaderDropdownTriggerDirective {
         if (this.destroying || this._isOpen) {
             return;
         }
-        (this.navbar?.inlineDropdown ?? of(false)).pipe(take(1)).subscribe(inline => {
-            this._isOpen = true;
-            if (!inline) {
-                this.attachDropdownOverlay();
-            }
-            this.navbar?.inlineDropdown
-                ?.pipe(skip(1), takeUntil(this.dropdownClose))
-                .subscribe(() => this.close());
-        });
+        this._isOpen = true;
+        if (!(this.navbar?.inlineDropdown() ?? false)) {
+            this.attachDropdownOverlay();
+        }
         if (this.parent) {
             this.parent.openSubmenu = this;
         }
@@ -205,7 +219,7 @@ class SiHeaderDropdownTriggerDirective {
             .subscribe(() => this.close());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiHeaderDropdownTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.8", type: SiHeaderDropdownTriggerDirective, isStandalone: true, selector: "[siHeaderDropdownTriggerFor]", inputs: { dropdown: { classPropertyName: "dropdown", publicName: "siHeaderDropdownTriggerFor", isSignal: true, isRequired: true, transformFunction: null }, dropdownData: { classPropertyName: "dropdownData", publicName: "dropdownData", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openChange: "openChange" }, host: { listeners: { "click": "click()" }, properties: { "id": "id", "class.show": "_isOpen", "attr.aria-expanded": "_isOpen", "attr.aria-controls": "ariaControls" }, classAttribute: "dropdown-toggle" }, exportAs: ["siHeaderDropdownTrigger"], usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.8", type: SiHeaderDropdownTriggerDirective, isStandalone: true, selector: "[siHeaderDropdownTriggerFor]", inputs: { dropdown: { classPropertyName: "dropdown", publicName: "siHeaderDropdownTriggerFor", isSignal: true, isRequired: true, transformFunction: null }, dropdownData: { classPropertyName: "dropdownData", publicName: "dropdownData", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openChange: "openChange" }, host: { listeners: { "click": "click()" }, properties: { "id": "id", "class.show": "_isOpen", "attr.aria-haspopup": "inline() ? null : 'dialog'", "attr.aria-expanded": "_isOpen", "attr.aria-controls": "ariaControls" }, classAttribute: "dropdown-toggle" }, exportAs: ["siHeaderDropdownTrigger"], usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiHeaderDropdownTriggerDirective, decorators: [{
             type: Directive,
@@ -215,13 +229,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                         class: 'dropdown-toggle',
                         '[id]': 'id',
                         '[class.show]': '_isOpen',
+                        '[attr.aria-haspopup]': "inline() ? null : 'dialog'",
                         '[attr.aria-expanded]': '_isOpen',
                         '[attr.aria-controls]': 'ariaControls',
                         '(click)': 'click()'
                     },
                     exportAs: 'siHeaderDropdownTrigger'
                 }]
-        }], propDecorators: { dropdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "siHeaderDropdownTriggerFor", required: true }] }], dropdownData: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownData", required: false }] }], openChange: [{ type: i0.Output, args: ["openChange"] }] } });
+        }], ctorParameters: () => [], propDecorators: { dropdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "siHeaderDropdownTriggerFor", required: true }] }], dropdownData: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownData", required: false }] }], openChange: [{ type: i0.Output, args: ["openChange"] }] } });
 
 /**
  * Copyright (c) Siemens 2016 - 2026
@@ -262,13 +277,13 @@ class SiHeaderDropdownComponent {
             (!this.options?.disableRootFocusTrapForInlineMode && this.trigger.level === 1));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiHeaderDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.8", type: SiHeaderDropdownComponent, isStandalone: true, selector: "si-header-dropdown", host: { attributes: { "role": "group" }, listeners: { "keydown.escape": "trigger.close()" }, properties: { "id": "trigger.ariaControls", "attr.aria-labelledby": "trigger.id", "class.show": "trigger.isOpen", "class.header-dropdown-overlay": "trigger.isOverlay", "class.sub-menu": "trigger.level > 1" }, classAttribute: "dropdown-menu position-static" }, viewQueries: [{ propertyName: "focusTrap", first: true, predicate: CdkTrapFocus, descendants: true, isSignal: true }], ngImport: i0, template: "<div [cdkTrapFocus]=\"trapFocus\" [cdkTrapFocusAutoCapture]=\"this.trigger.isOverlay\">\n  <ng-content />\n</div>\n", styles: [":host.sub-menu{min-inline-size:200px}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.8", type: SiHeaderDropdownComponent, isStandalone: true, selector: "si-header-dropdown", host: { listeners: { "keydown.escape": "trigger.close()" }, properties: { "attr.role": "trigger.isOverlay ? 'dialog' : 'group'", "id": "trigger.ariaControls", "attr.aria-labelledby": "trigger.id", "class.show": "trigger.isOpen", "class.header-dropdown-overlay": "trigger.isOverlay", "class.sub-menu": "trigger.level > 1" }, classAttribute: "dropdown-menu position-static" }, viewQueries: [{ propertyName: "focusTrap", first: true, predicate: CdkTrapFocus, descendants: true, isSignal: true }], ngImport: i0, template: "<div [cdkTrapFocus]=\"trapFocus\" [cdkTrapFocusAutoCapture]=\"this.trigger.isOverlay\">\n  <ng-content />\n</div>\n", styles: [":host.sub-menu{min-inline-size:200px}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiHeaderDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-header-dropdown', imports: [A11yModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'dropdown-menu position-static',
-                        role: 'group',
+                        '[attr.role]': "trigger.isOverlay ? 'dialog' : 'group'",
                         '[id]': 'trigger.ariaControls',
                         '[attr.aria-labelledby]': 'trigger.id',
                         '[class.show]': 'trigger.isOpen',
@@ -312,12 +327,13 @@ class SiHeaderDropdownItemComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiHeaderDropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiHeaderDropdownItemComponent, isStandalone: true, selector: "si-header-dropdown-item, a[si-header-dropdown-item], button[si-header-dropdown-item]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, iconBadge: { classPropertyName: "iconBadge", publicName: "iconBadge", isSignal: true, isRequired: false, transformFunction: null }, badgeColor: { classPropertyName: "badgeColor", publicName: "badgeColor", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "click()" }, classAttribute: "dropdown-item focus-inside" }, ngImport: i0, template: "@if (icon()) {\n  <si-icon class=\"icon\" [icon]=\"icon()!\" />\n}\n@if (iconBadge()) {\n  <div class=\"badge-text\">{{ iconBadge() }}</div>\n}\n<span class=\"item-title text-truncate\">\n  <ng-content />\n</span>\n<div class=\"item-end ps-2 d-flex me-n3 ms-auto gap-1\">\n  @if (badge()) {\n    <span class=\"mx-0 me-1 ms-2 badge\" [class]=\"`bg-${badgeColor() || 'default'}`\">{{\n      badge()\n    }}</span>\n  }\n  @if (checked() === 'check') {\n    <si-icon class=\"icon\" [icon]=\"icons.elementOk\" />\n  }\n  @if (checked() === 'radio') {\n    <si-icon class=\"icon-sm me-2\" [icon]=\"icons.elementRecordFilled\" />\n  }\n  @if (ownTrigger) {\n    <si-icon class=\"dropdown-caret m-0 ps-0\" [icon]=\"icons.elementDown2\" />\n  }\n</div>\n", styles: [".item-end:empty{display:none!important}:host-context(.dropdown-menu .dropdown-menu){padding-inline-start:28px}.dropdown-caret{transform-origin:initial}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiHeaderDropdownItemComponent, isStandalone: true, selector: "si-header-dropdown-item, a[si-header-dropdown-item], button[si-header-dropdown-item]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, iconBadge: { classPropertyName: "iconBadge", publicName: "iconBadge", isSignal: true, isRequired: false, transformFunction: null }, badgeColor: { classPropertyName: "badgeColor", publicName: "badgeColor", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "click()" }, properties: { "attr.aria-pressed": "checked() ? \"true\" : null" }, classAttribute: "dropdown-item focus-inside" }, ngImport: i0, template: "@if (icon()) {\n  <si-icon class=\"icon\" [icon]=\"icon()!\" />\n}\n@if (iconBadge()) {\n  <div class=\"badge-text\">{{ iconBadge() }}</div>\n}\n<span class=\"item-title text-truncate\">\n  <ng-content />\n</span>\n<div class=\"item-end ps-2 d-flex me-n3 ms-auto gap-1\">\n  @if (badge()) {\n    <span class=\"mx-0 me-1 ms-2 badge\" [class]=\"`bg-${badgeColor() || 'default'}`\">{{\n      badge()\n    }}</span>\n  }\n  @if (checked() === 'check') {\n    <si-icon class=\"icon\" [icon]=\"icons.elementOk\" />\n  }\n  @if (checked() === 'radio') {\n    <si-icon class=\"icon-sm me-2\" [icon]=\"icons.elementRecordFilled\" />\n  }\n  @if (ownTrigger) {\n    <si-icon class=\"dropdown-caret m-0 ps-0\" [icon]=\"icons.elementDown2\" />\n  }\n</div>\n", styles: [".item-end:empty{display:none!important}:host-context(.dropdown-menu .dropdown-menu){padding-inline-start:28px}.dropdown-caret{transform-origin:initial}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiHeaderDropdownItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-header-dropdown-item, a[si-header-dropdown-item], button[si-header-dropdown-item]', imports: [SiIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'dropdown-item focus-inside',
+                        '[attr.aria-pressed]': 'checked() ? "true" : null',
                         '(click)': 'click()'
                     }, template: "@if (icon()) {\n  <si-icon class=\"icon\" [icon]=\"icon()!\" />\n}\n@if (iconBadge()) {\n  <div class=\"badge-text\">{{ iconBadge() }}</div>\n}\n<span class=\"item-title text-truncate\">\n  <ng-content />\n</span>\n<div class=\"item-end ps-2 d-flex me-n3 ms-auto gap-1\">\n  @if (badge()) {\n    <span class=\"mx-0 me-1 ms-2 badge\" [class]=\"`bg-${badgeColor() || 'default'}`\">{{\n      badge()\n    }}</span>\n  }\n  @if (checked() === 'check') {\n    <si-icon class=\"icon\" [icon]=\"icons.elementOk\" />\n  }\n  @if (checked() === 'radio') {\n    <si-icon class=\"icon-sm me-2\" [icon]=\"icons.elementRecordFilled\" />\n  }\n  @if (ownTrigger) {\n    <si-icon class=\"dropdown-caret m-0 ps-0\" [icon]=\"icons.elementDown2\" />\n  }\n</div>\n", styles: [".item-end:empty{display:none!important}:host-context(.dropdown-menu .dropdown-menu){padding-inline-start:28px}.dropdown-caret{transform-origin:initial}\n"] }]
         }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], badge: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge", required: false }] }], iconBadge: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconBadge", required: false }] }], badgeColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeColor", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }] } });
@@ -336,7 +352,7 @@ class SiHeaderDropdownItemsFactoryComponent {
     items = input.required(...(ngDevMode ? [{ debugName: "items" }] : []));
     activeChange = output();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiHeaderDropdownItemsFactoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiHeaderDropdownItemsFactoryComponent, isStandalone: true, selector: "si-header-dropdown-items-factory", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { activeChange: "activeChange" }, ngImport: i0, template: "@for (item of items(); track item) {\n  @if (item.isHeading) {\n    <div class=\"dropdown-item dropdown-header dropdown-item-static\">\n      {{ item.title | translate }}\n    </div>\n  } @else {\n    @if (item.title !== '-') {\n      @if (item.items) {\n        <button\n          type=\"button\"\n          si-header-dropdown-item\n          [icon]=\"item.icon\"\n          [badge]=\"item.badgeStyle !== 'dot' ? item.badge : undefined\"\n          [badgeColor]=\"item.badgeColor\"\n          [iconBadge]=\"item.badgeStyle === 'dot' ? item.badge : undefined\"\n          [siHeaderDropdownTriggerFor]=\"dropdown\"\n        >\n          {{ item.title | translate }}\n        </button>\n        <ng-template #dropdown>\n          <si-header-dropdown>\n            <si-header-dropdown-items-factory [items]=\"item.items\" />\n          </si-header-dropdown>\n        </ng-template>\n      } @else {\n        <a\n          si-header-dropdown-item\n          activeClass=\"active\"\n          [siLink]=\"item\"\n          [icon]=\"item.icon\"\n          [badge]=\"item.badgeStyle !== 'dot' ? item.badge : undefined\"\n          [badgeColor]=\"item.badgeColor\"\n          [iconBadge]=\"item.badgeStyle === 'dot' ? item.badge : undefined\"\n          [checked]=\"item.selectionState\"\n          (activeChange)=\"activeChange.emit($event)\"\n        >\n          {{ item.title | translate }}\n        </a>\n      }\n    } @else {\n      <div class=\"dropdown-divider\"></div>\n    }\n  }\n}\n", dependencies: [{ kind: "component", type: SiHeaderDropdownItemsFactoryComponent, selector: "si-header-dropdown-items-factory", inputs: ["items"], outputs: ["activeChange"] }, { kind: "component", type: SiHeaderDropdownComponent, selector: "si-header-dropdown" }, { kind: "component", type: SiHeaderDropdownItemComponent, selector: "si-header-dropdown-item, a[si-header-dropdown-item], button[si-header-dropdown-item]", inputs: ["icon", "badge", "iconBadge", "badgeColor", "checked"] }, { kind: "directive", type: SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "directive", type: SiHeaderDropdownTriggerDirective, selector: "[siHeaderDropdownTriggerFor]", inputs: ["siHeaderDropdownTriggerFor", "dropdownData"], outputs: ["openChange"], exportAs: ["siHeaderDropdownTrigger"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiHeaderDropdownItemsFactoryComponent, isStandalone: true, selector: "si-header-dropdown-items-factory", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { activeChange: "activeChange" }, ngImport: i0, template: "@for (item of items(); track item) {\n  @if (item.isHeading) {\n    <div class=\"dropdown-item dropdown-header dropdown-item-static\">\n      {{ item.title | translate }}\n    </div>\n  } @else {\n    @if (item.title !== '-') {\n      @if (item.items) {\n        <button\n          type=\"button\"\n          si-header-dropdown-item\n          [icon]=\"item.icon\"\n          [badge]=\"item.badgeStyle !== 'dot' ? item.badge : undefined\"\n          [badgeColor]=\"item.badgeColor\"\n          [iconBadge]=\"item.badgeStyle === 'dot' ? item.badge : undefined\"\n          [siHeaderDropdownTriggerFor]=\"dropdown\"\n        >\n          {{ item.title | translate }}\n        </button>\n        <ng-template #dropdown>\n          <si-header-dropdown>\n            <si-header-dropdown-items-factory [items]=\"item.items\" />\n          </si-header-dropdown>\n        </ng-template>\n      } @else {\n        <a\n          si-header-dropdown-item\n          activeClass=\"active\"\n          [attr.role]=\"!(item.href || item.link) ? 'button' : undefined\"\n          [siLink]=\"item\"\n          [icon]=\"item.icon\"\n          [badge]=\"item.badgeStyle !== 'dot' ? item.badge : undefined\"\n          [badgeColor]=\"item.badgeColor\"\n          [iconBadge]=\"item.badgeStyle === 'dot' ? item.badge : undefined\"\n          [checked]=\"item.selectionState\"\n          (activeChange)=\"activeChange.emit($event)\"\n        >\n          {{ item.title | translate }}\n        </a>\n      }\n    } @else {\n      <div class=\"dropdown-divider\"></div>\n    }\n  }\n}\n", dependencies: [{ kind: "component", type: SiHeaderDropdownItemsFactoryComponent, selector: "si-header-dropdown-items-factory", inputs: ["items"], outputs: ["activeChange"] }, { kind: "component", type: SiHeaderDropdownComponent, selector: "si-header-dropdown" }, { kind: "component", type: SiHeaderDropdownItemComponent, selector: "si-header-dropdown-item, a[si-header-dropdown-item], button[si-header-dropdown-item]", inputs: ["icon", "badge", "iconBadge", "badgeColor", "checked"] }, { kind: "directive", type: SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "directive", type: SiHeaderDropdownTriggerDirective, selector: "[siHeaderDropdownTriggerFor]", inputs: ["siHeaderDropdownTriggerFor", "dropdownData"], outputs: ["openChange"], exportAs: ["siHeaderDropdownTrigger"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiHeaderDropdownItemsFactoryComponent, decorators: [{
             type: Component,
@@ -346,7 +362,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                         SiTranslatePipe,
                         SiLinkDirective,
                         SiHeaderDropdownTriggerDirective
-                    ], template: "@for (item of items(); track item) {\n  @if (item.isHeading) {\n    <div class=\"dropdown-item dropdown-header dropdown-item-static\">\n      {{ item.title | translate }}\n    </div>\n  } @else {\n    @if (item.title !== '-') {\n      @if (item.items) {\n        <button\n          type=\"button\"\n          si-header-dropdown-item\n          [icon]=\"item.icon\"\n          [badge]=\"item.badgeStyle !== 'dot' ? item.badge : undefined\"\n          [badgeColor]=\"item.badgeColor\"\n          [iconBadge]=\"item.badgeStyle === 'dot' ? item.badge : undefined\"\n          [siHeaderDropdownTriggerFor]=\"dropdown\"\n        >\n          {{ item.title | translate }}\n        </button>\n        <ng-template #dropdown>\n          <si-header-dropdown>\n            <si-header-dropdown-items-factory [items]=\"item.items\" />\n          </si-header-dropdown>\n        </ng-template>\n      } @else {\n        <a\n          si-header-dropdown-item\n          activeClass=\"active\"\n          [siLink]=\"item\"\n          [icon]=\"item.icon\"\n          [badge]=\"item.badgeStyle !== 'dot' ? item.badge : undefined\"\n          [badgeColor]=\"item.badgeColor\"\n          [iconBadge]=\"item.badgeStyle === 'dot' ? item.badge : undefined\"\n          [checked]=\"item.selectionState\"\n          (activeChange)=\"activeChange.emit($event)\"\n        >\n          {{ item.title | translate }}\n        </a>\n      }\n    } @else {\n      <div class=\"dropdown-divider\"></div>\n    }\n  }\n}\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.Default, template: "@for (item of items(); track item) {\n  @if (item.isHeading) {\n    <div class=\"dropdown-item dropdown-header dropdown-item-static\">\n      {{ item.title | translate }}\n    </div>\n  } @else {\n    @if (item.title !== '-') {\n      @if (item.items) {\n        <button\n          type=\"button\"\n          si-header-dropdown-item\n          [icon]=\"item.icon\"\n          [badge]=\"item.badgeStyle !== 'dot' ? item.badge : undefined\"\n          [badgeColor]=\"item.badgeColor\"\n          [iconBadge]=\"item.badgeStyle === 'dot' ? item.badge : undefined\"\n          [siHeaderDropdownTriggerFor]=\"dropdown\"\n        >\n          {{ item.title | translate }}\n        </button>\n        <ng-template #dropdown>\n          <si-header-dropdown>\n            <si-header-dropdown-items-factory [items]=\"item.items\" />\n          </si-header-dropdown>\n        </ng-template>\n      } @else {\n        <a\n          si-header-dropdown-item\n          activeClass=\"active\"\n          [attr.role]=\"!(item.href || item.link) ? 'button' : undefined\"\n          [siLink]=\"item\"\n          [icon]=\"item.icon\"\n          [badge]=\"item.badgeStyle !== 'dot' ? item.badge : undefined\"\n          [badgeColor]=\"item.badgeColor\"\n          [iconBadge]=\"item.badgeStyle === 'dot' ? item.badge : undefined\"\n          [checked]=\"item.selectionState\"\n          (activeChange)=\"activeChange.emit($event)\"\n        >\n          {{ item.title | translate }}\n        </a>\n      }\n    } @else {\n      <div class=\"dropdown-divider\"></div>\n    }\n  }\n}\n" }]
         }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], activeChange: [{ type: i0.Output, args: ["activeChange"] }] } });
 
 /**

package/fesm2022/siemens-element-ng-header-dropdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-header-dropdown.mjs","sources":["../../../../projects/element-ng/header-dropdown/si-header.model.ts","../../../../projects/element-ng/header-dropdown/si-header-dropdown-trigger.directive.ts","../../../../projects/element-ng/header-dropdown/si-header-dropdown.component.ts","../../../../projects/element-ng/header-dropdown/si-header-dropdown.component.html","../../../../projects/element-ng/header-dropdown/si-header-dropdown-item.component.ts","../../../../projects/element-ng/header-dropdown/si-header-dropdown-item.component.html","../../../../projects/element-ng/header-dropdown/si-header-dropdown-items-factory.component.ts","../../../../projects/element-ng/header-dropdown/si-header-dropdown-items-factory.component.html","../../../../projects/element-ng/header-dropdown/index.ts","../../../../projects/element-ng/header-dropdown/siemens-element-ng-header-dropdown.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ConnectedPosition } from '@angular/cdk/overlay';\nimport { InjectionToken } from '@angular/core';\nimport { Observable } from 'rxjs';\n\nimport { SiHeaderDropdownTriggerDirective } from './si-header-dropdown-trigger.directive';\n\n/** @internal */\nexport interface HeaderWithDropdowns {\n  /** Called whenever an item is triggered that is not opening another dropdown. */\n  onDropdownItemTriggered?(): void;\n  /** Whether the dropdown should be opened inline. */\n  inlineDropdown?: Observable<boolean>;\n  /** The position of the dropdown if opened in an overlay. */\n  overlayPosition?: ConnectedPosition[];\n  /** Called whenever a dropdown is opened **/\n  dropdownOpened?(trigger: SiHeaderDropdownTriggerDirective): void;\n  /** Called whenever a dropdown is close **/\n  dropdownClosed?(trigger: SiHeaderDropdownTriggerDirective): void;\n}\n\n/** @internal */\nexport const SI_HEADER_WITH_DROPDOWNS = new InjectionToken<HeaderWithDropdowns>(\n  'si-header.with-dropdowns'\n);\n\n/**\n * Can be used to pass context-specific options to a header-dropdown\n * that should / or cannot be provided by a consuming application.\n * @internal\n */\nexport interface HeaderDropdownOptions {\n  /**\n   * If the inline navbar is already wrapped in a focus trap,\n   * set this property to prevent the header-dropdown from creating a focus trap.\n   */\n  disableRootFocusTrapForInlineMode: boolean;\n}\n\n/** @internal */\nexport const SI_HEADER_DROPDOWN_OPTIONS = new InjectionToken<HeaderDropdownOptions>(\n  'si-header-dropdown.options'\n);\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport {\n  Component,\n  ComponentRef,\n  Directive,\n  ElementRef,\n  EmbeddedViewRef,\n  inject,\n  Injector,\n  input,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  output,\n  TemplateRef,\n  ViewContainerRef\n} from '@angular/core';\nimport { of, Subject } from 'rxjs';\nimport { filter, skip, take, takeUntil } from 'rxjs/operators';\n\nimport { SI_HEADER_WITH_DROPDOWNS } from './si-header.model';\n\n@Component({ template: '', host: { '[attr.aria-owns]': 'ariaOwns()' } })\nclass SiHeaderAnchorComponent {\n  readonly ariaOwns = input<string>();\n}\n\n/**\n * Trigger to open dropdowns in a navbar.\n * A dropdown will always be attached to the view, even if not visible.\n *\n * If a dropdown is opened in desktop mode, it will be reattached to an overlay while being opened.\n */\n@Directive({\n  selector: '[siHeaderDropdownTriggerFor]',\n  host: {\n    class: 'dropdown-toggle',\n    '[id]': 'id',\n    '[class.show]': '_isOpen',\n    '[attr.aria-expanded]': '_isOpen',\n    '[attr.aria-controls]': 'ariaControls',\n    '(click)': 'click()'\n  },\n  exportAs: 'siHeaderDropdownTrigger'\n})\nexport class SiHeaderDropdownTriggerDirective implements OnChanges, OnInit, OnDestroy {\n  private static idCounter = 0;\n\n  /** Template that be rendered inside the dropdown. */\n  readonly dropdown = input.required<TemplateRef<unknown>>({ alias: 'siHeaderDropdownTriggerFor' });\n  /** Data that should be passed as template context to the dropdown. */\n  readonly dropdownData = input<unknown>();\n  /** Emits whenever a dropdown is opened or closed. */\n  readonly openChange = output<boolean>();\n\n  private readonly dropdownClose = new Subject<void>();\n\n  /** Child triggers will set themselves here if they are open. */\n  private openSubmenu?: SiHeaderDropdownTriggerDirective;\n\n  private readonly viewContainerRef = inject(ViewContainerRef);\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly overlay = inject(Overlay);\n  private readonly parent = inject(SiHeaderDropdownTriggerDirective, {\n    optional: true,\n    skipSelf: true\n  });\n  /** @internal */\n  readonly navbar = inject(SI_HEADER_WITH_DROPDOWNS, { optional: true });\n\n  // we need to create a new injector, so that the parent can be injected properly\n  private readonly injector = Injector.create({ parent: inject(Injector), providers: [] });\n  private viewRef?: EmbeddedViewRef<unknown>;\n  private portal?: TemplatePortal<unknown>;\n  private overlayRef?: OverlayRef;\n\n  /** @internal */\n  readonly level: number = this.parent ? this.parent.level + 1 : 1;\n\n  // used to prevent immediate re-creation of the overlay if this trigger was clicked while overlay is open\n  private destroying = false;\n\n  /** @internal */\n  readonly id = `si-navbar-dropdown-trigger-${SiHeaderDropdownTriggerDirective.idCounter++}`;\n\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  protected _isOpen = false;\n\n  /** @internal */\n  readonly ariaControls = `si-navbar-dropdown-${SiHeaderDropdownTriggerDirective.idCounter}`;\n\n  private headerAnchorComponentRef?: ComponentRef<SiHeaderAnchorComponent>;\n\n  /** Whether the dropdown is open. */\n  get isOpen(): boolean {\n    return this._isOpen;\n  }\n\n  /** @internal */\n  get isOverlay(): boolean {\n    return !!this.overlayRef;\n  }\n\n  ngOnChanges(): void {\n    if (this.portal) {\n      this.portal.templateRef = this.dropdown();\n      this.portal.context = this.dropdownData();\n    }\n  }\n\n  ngOnInit(): void {\n    // Always attach the dropdown, so that it can be used with routerLinkActive\n    this.attachDropdownInline();\n  }\n\n  ngOnDestroy(): void {\n    this.close();\n    this.dropdownClose.complete();\n  }\n\n  /** Opens the dropdown. */\n  open(): void {\n    if (this.destroying || this._isOpen) {\n      return;\n    }\n\n    (this.navbar?.inlineDropdown ?? of(false)).pipe(take(1)).subscribe(inline => {\n      this._isOpen = true;\n      if (!inline) {\n        this.attachDropdownOverlay();\n      }\n      this.navbar?.inlineDropdown\n        ?.pipe(skip(1), takeUntil(this.dropdownClose))\n        .subscribe(() => this.close());\n    });\n\n    if (this.parent) {\n      this.parent.openSubmenu = this;\n    }\n\n    if (this.navbar?.dropdownOpened) {\n      this.navbar?.dropdownOpened(this);\n    }\n    this.openChange.emit(true);\n  }\n\n  /** Closes the dropdown. */\n  close(options?: { all?: boolean }): void {\n    if (!this._isOpen) {\n      return;\n    }\n\n    if (this.openSubmenu) {\n      this.openSubmenu.close();\n    }\n\n    this.dropdownClose.next();\n    this._isOpen = false;\n    if (this.overlayRef) {\n      this.destroying = true;\n      this.overlayRef.detach();\n      this.overlayRef.dispose();\n      this.viewRef?.destroy();\n      this.portal = undefined;\n      this.overlayRef = undefined;\n      this.headerAnchorComponentRef?.destroy();\n      // do not use queueMicrotask, it executed to early\n      setTimeout(() => (this.destroying = false));\n      this.attachDropdownInline();\n    } else {\n      this.viewRef?.markForCheck();\n    }\n\n    if (this.parent) {\n      this.parent.openSubmenu = undefined;\n    }\n\n    if (this.navbar?.dropdownClosed) {\n      this.navbar?.dropdownClosed(this);\n    }\n\n    if (options?.all && this.parent) {\n      this.parent.close(options);\n    } else {\n      this.openChange.emit(false);\n    }\n  }\n\n  protected click(): void {\n    if (this._isOpen) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  private attachDropdownInline(): void {\n    this.viewRef = this.viewContainerRef.createEmbeddedView(this.dropdown(), this.dropdownData(), {\n      injector: this.injector\n    });\n    this.viewRef.markForCheck();\n  }\n\n  private attachDropdownOverlay(): void {\n    this.viewRef?.destroy();\n    this.overlayRef = this.overlay.create({\n      positionStrategy: this.overlay\n        .position()\n        .flexibleConnectedTo(this.elementRef)\n        .withPositions(\n          this.navbar?.overlayPosition ??\n            (this.level > 1\n              ? [\n                  {\n                    originX: 'end',\n                    originY: 'bottom',\n                    overlayX: 'end',\n                    overlayY: 'top',\n                    offsetX: 2\n                  }\n                ]\n              : [\n                  { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' },\n                  {\n                    originX: 'end',\n                    originY: 'bottom',\n                    overlayX: 'end',\n                    overlayY: 'top',\n                    offsetX: -4\n                  }\n                ])\n        )\n    });\n    this.portal = new TemplatePortal(\n      this.dropdown(),\n      this.viewContainerRef,\n      this.dropdownData(),\n      this.injector\n    );\n    this.viewRef = this.overlayRef.attach(this.portal);\n    this.headerAnchorComponentRef = this.viewContainerRef.createComponent(SiHeaderAnchorComponent);\n    this.headerAnchorComponentRef.setInput('ariaOwns', this.ariaControls);\n\n    this.overlayRef\n      .outsidePointerEvents()\n      .pipe(\n        filter(event => event.type === 'click'),\n        filter(() => !this.openSubmenu),\n        takeUntil(this.dropdownClose),\n        take(1)\n      )\n      .subscribe(() => this.close());\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { A11yModule, CdkTrapFocus } from '@angular/cdk/a11y';\nimport { ChangeDetectionStrategy, Component, inject, viewChild, DOCUMENT } from '@angular/core';\n\nimport { SiHeaderDropdownTriggerDirective } from './si-header-dropdown-trigger.directive';\nimport { SI_HEADER_DROPDOWN_OPTIONS } from './si-header.model';\n\n/**\n * Wrapper component for {@link SiHeaderDropdownItemComponent}.\n * Must only be opened using an {@link SiHeaderDropdownTriggerDirective}.\n */\n@Component({\n  selector: 'si-header-dropdown',\n  imports: [A11yModule],\n  templateUrl: './si-header-dropdown.component.html',\n  styles: ':host.sub-menu {min-inline-size: 200px}',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'dropdown-menu position-static',\n    role: 'group',\n    '[id]': 'trigger.ariaControls',\n    '[attr.aria-labelledby]': 'trigger.id',\n    '[class.show]': 'trigger.isOpen',\n    '[class.header-dropdown-overlay]': 'trigger.isOverlay',\n    '[class.sub-menu]': 'trigger.level > 1',\n    '(keydown.escape)': 'trigger.close()'\n  }\n})\nexport class SiHeaderDropdownComponent {\n  /** @internal */\n  protected trigger = inject(SiHeaderDropdownTriggerDirective);\n\n  private readonly focusTrap = viewChild.required(CdkTrapFocus);\n  private previousElement: Element | null = null;\n  private readonly document = inject(DOCUMENT);\n  private readonly options = inject(SI_HEADER_DROPDOWN_OPTIONS, { optional: true });\n\n  constructor() {\n    // The autoFocus feature of the focus trap is not enough, as this component is not newly created when opened in mobile (inline).\n    // But we still need autofocus in desktop mode, as the close event is never executed (component is destroyed before).\n    this.trigger.openChange.subscribe(change => {\n      if (!this.trigger.isOverlay && this.trapFocus && change) {\n        this.previousElement = this.document.activeElement;\n        this.focusTrap().focusTrap.focusFirstTabbableElementWhenReady();\n      } else {\n        if (\n          this.previousElement &&\n          'focus' in this.previousElement &&\n          typeof this.previousElement.focus === 'function'\n        ) {\n          this.previousElement.focus();\n        }\n        this.previousElement = null;\n      }\n    });\n  }\n\n  /** @internal */\n  protected get trapFocus(): boolean {\n    return (\n      this.trigger.isOverlay ||\n      (!this.options?.disableRootFocusTrapForInlineMode && this.trigger.level === 1)\n    );\n  }\n}\n","<div [cdkTrapFocus]=\"trapFocus\" [cdkTrapFocusAutoCapture]=\"this.trigger.isOverlay\">\n  <ng-content />\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, inject, input } from '@angular/core';\nimport { elementDown2, elementOk, elementRecordFilled } from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\n\nimport { SiHeaderDropdownTriggerDirective } from './si-header-dropdown-trigger.directive';\nimport { SI_HEADER_WITH_DROPDOWNS } from './si-header.model';\n\n/**\n * Creates a dropdown-item. Must be used within an {@link SiHeaderDropdownComponent}.\n */\n@Component({\n  selector: 'si-header-dropdown-item, a[si-header-dropdown-item], button[si-header-dropdown-item]',\n  imports: [SiIconComponent],\n  templateUrl: './si-header-dropdown-item.component.html',\n  styleUrl: './si-header-dropdown-item.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'dropdown-item focus-inside',\n    '(click)': 'click()'\n  }\n})\nexport class SiHeaderDropdownItemComponent {\n  protected readonly icons = addIcons({ elementDown2, elementOk, elementRecordFilled });\n\n  /** Optional icon that will be rendered before the label. */\n  readonly icon = input<string>();\n  /** Badge that is rendered after the label. */\n  readonly badge = input<string | number>();\n  /** Badge (always red) that is attached to the icon. */\n  readonly iconBadge = input<string | number>();\n  /** Color of the badge (not iconBadge). */\n  readonly badgeColor = input<string>();\n  /** Whether the icon is checked with a radio or check mark. */\n  readonly checked = input<'radio' | 'check' | ''>();\n\n  protected readonly ownTrigger = inject(SiHeaderDropdownTriggerDirective, {\n    self: true,\n    optional: true\n  });\n  protected readonly parentTrigger = inject(SiHeaderDropdownTriggerDirective, { skipSelf: true });\n  protected readonly navbar = inject(SI_HEADER_WITH_DROPDOWNS, { optional: true });\n\n  protected click(): void {\n    if (!this.ownTrigger) {\n      this.parentTrigger.close({ all: true });\n      if (this.navbar?.onDropdownItemTriggered) {\n        this.navbar?.onDropdownItemTriggered();\n      }\n    }\n  }\n}\n","@if (icon()) {\n  <si-icon class=\"icon\" [icon]=\"icon()!\" />\n}\n@if (iconBadge()) {\n  <div class=\"badge-text\">{{ iconBadge() }}</div>\n}\n<span class=\"item-title text-truncate\">\n  <ng-content />\n</span>\n<div class=\"item-end ps-2 d-flex me-n3 ms-auto gap-1\">\n  @if (badge()) {\n    <span class=\"mx-0 me-1 ms-2 badge\" [class]=\"`bg-${badgeColor() || 'default'}`\">{{\n      badge()\n    }}</span>\n  }\n  @if (checked() === 'check') {\n    <si-icon class=\"icon\" [icon]=\"icons.elementOk\" />\n  }\n  @if (checked() === 'radio') {\n    <si-icon class=\"icon-sm me-2\" [icon]=\"icons.elementRecordFilled\" />\n  }\n  @if (ownTrigger) {\n    <si-icon class=\"dropdown-caret m-0 ps-0\" [icon]=\"icons.elementDown2\" />\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Component, input, output } from '@angular/core';\nimport { MenuItem } from '@siemens/element-ng/common';\nimport { SiLinkDirective } from '@siemens/element-ng/link';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\n\nimport { SiHeaderDropdownItemComponent } from './si-header-dropdown-item.component';\nimport { SiHeaderDropdownTriggerDirective } from './si-header-dropdown-trigger.directive';\nimport { SiHeaderDropdownComponent } from './si-header-dropdown.component';\n\n/**\n * A factory to render multiple {@link MenuItem}.\n * Requires a wrapping {@link SiHeaderDropdownComponent}.\n *\n * @internal\n */\n@Component({\n  selector: 'si-header-dropdown-items-factory',\n  imports: [\n    SiHeaderDropdownComponent,\n    SiHeaderDropdownItemComponent,\n    SiTranslatePipe,\n    SiLinkDirective,\n    SiHeaderDropdownTriggerDirective\n  ],\n  templateUrl: './si-header-dropdown-items-factory.component.html'\n})\nexport class SiHeaderDropdownItemsFactoryComponent {\n  readonly items = input.required<MenuItem[]>();\n  readonly activeChange = output<boolean>();\n}\n","@for (item of items(); track item) {\n  @if (item.isHeading) {\n    <div class=\"dropdown-item dropdown-header dropdown-item-static\">\n      {{ item.title | translate }}\n    </div>\n  } @else {\n    @if (item.title !== '-') {\n      @if (item.items) {\n        <button\n          type=\"button\"\n          si-header-dropdown-item\n          [icon]=\"item.icon\"\n          [badge]=\"item.badgeStyle !== 'dot' ? item.badge : undefined\"\n          [badgeColor]=\"item.badgeColor\"\n          [iconBadge]=\"item.badgeStyle === 'dot' ? item.badge : undefined\"\n          [siHeaderDropdownTriggerFor]=\"dropdown\"\n        >\n          {{ item.title | translate }}\n        </button>\n        <ng-template #dropdown>\n          <si-header-dropdown>\n            <si-header-dropdown-items-factory [items]=\"item.items\" />\n          </si-header-dropdown>\n        </ng-template>\n      } @else {\n        <a\n          si-header-dropdown-item\n          activeClass=\"active\"\n          [siLink]=\"item\"\n          [icon]=\"item.icon\"\n          [badge]=\"item.badgeStyle !== 'dot' ? item.badge : undefined\"\n          [badgeColor]=\"item.badgeColor\"\n          [iconBadge]=\"item.badgeStyle === 'dot' ? item.badge : undefined\"\n          [checked]=\"item.selectionState\"\n          (activeChange)=\"activeChange.emit($event)\"\n        >\n          {{ item.title | translate }}\n        </a>\n      }\n    } @else {\n      <div class=\"dropdown-divider\"></div>\n    }\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-header-dropdown.component';\nexport * from './si-header-dropdown-trigger.directive';\nexport * from './si-header-dropdown-item.component';\nexport * from './si-header-dropdown-items-factory.component';\nexport * from './si-header.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAwBA;MACa,wBAAwB,GAAG,IAAI,cAAc,CACxD,0BAA0B;AAgB5B;MACa,0BAA0B,GAAG,IAAI,cAAc,CAC1D,4BAA4B;;AC5C9B;;;AAGG;AAwBH,MACM,uBAAuB,CAAA;IAClB,QAAQ,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;uGAD/B,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,+QADN,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FACnB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAD5B,SAAS;mBAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,kBAAkB,EAAE,YAAY,EAAE,EAAE;;AAKvE;;;;;AAKG;MAaU,gCAAgC,CAAA;AACnC,IAAA,OAAO,SAAS,GAAG,CAAC;;IAGnB,QAAQ,GAAG,KAAK,CAAC,QAAQ,oDAAyB,KAAK,EAAE,4BAA4B,EAAA,CAAG;;IAExF,YAAY,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAW;;IAE/B,UAAU,GAAG,MAAM,EAAW;AAEtB,IAAA,aAAa,GAAG,IAAI,OAAO,EAAQ;;AAG5C,IAAA,WAAW;AAEF,IAAA,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAC3C,IAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;AACxD,IAAA,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AACzB,IAAA,MAAM,GAAG,MAAM,CAAC,gCAAgC,EAAE;AACjE,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,QAAQ,EAAE;AACX,KAAA,CAAC;;IAEO,MAAM,GAAG,MAAM,CAAC,wBAAwB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;;AAGrD,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;AAChF,IAAA,OAAO;AACP,IAAA,MAAM;AACN,IAAA,UAAU;;AAGT,IAAA,KAAK,GAAW,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC;;IAGxD,UAAU,GAAG,KAAK;;AAGjB,IAAA,EAAE,GAAG,CAAA,2BAAA,EAA8B,gCAAgC,CAAC,SAAS,EAAE,EAAE;;IAGhF,OAAO,GAAG,KAAK;;AAGhB,IAAA,YAAY,GAAG,CAAA,mBAAA,EAAsB,gCAAgC,CAAC,SAAS,EAAE;AAElF,IAAA,wBAAwB;;AAGhC,IAAA,IAAI,MAAM,GAAA;QACR,OAAO,IAAI,CAAC,OAAO;IACrB;;AAGA,IAAA,IAAI,SAAS,GAAA;AACX,QAAA,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU;IAC1B;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,EAAE;YACzC,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,EAAE;QAC3C;IACF;IAEA,QAAQ,GAAA;;QAEN,IAAI,CAAC,oBAAoB,EAAE;IAC7B;IAEA,WAAW,GAAA;QACT,IAAI,CAAC,KAAK,EAAE;AACZ,QAAA,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE;IAC/B;;IAGA,IAAI,GAAA;QACF,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,OAAO,EAAE;YACnC;QACF;QAEA,CAAC,IAAI,CAAC,MAAM,EAAE,cAAc,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,IAAG;AAC1E,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;YACnB,IAAI,CAAC,MAAM,EAAE;gBACX,IAAI,CAAC,qBAAqB,EAAE;YAC9B;YACA,IAAI,CAAC,MAAM,EAAE;AACX,kBAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;iBAC5C,SAAS,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC;AAClC,QAAA,CAAC,CAAC;AAEF,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,YAAA,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,IAAI;QAChC;AAEA,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE,cAAc,EAAE;AAC/B,YAAA,IAAI,CAAC,MAAM,EAAE,cAAc,CAAC,IAAI,CAAC;QACnC;AACA,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;IAC5B;;AAGA,IAAA,KAAK,CAAC,OAA2B,EAAA;AAC/B,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB;QACF;AAEA,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE;QAC1B;AAEA,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;AACzB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI;AACtB,YAAA,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE;AACxB,YAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;AACzB,YAAA,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE;AACvB,YAAA,IAAI,CAAC,MAAM,GAAG,SAAS;AACvB,YAAA,IAAI,CAAC,UAAU,GAAG,SAAS;AAC3B,YAAA,IAAI,CAAC,wBAAwB,EAAE,OAAO,EAAE;;AAExC,YAAA,UAAU,CAAC,OAAO,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,CAAC;YAC3C,IAAI,CAAC,oBAAoB,EAAE;QAC7B;aAAO;AACL,YAAA,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE;QAC9B;AAEA,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,YAAA,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,SAAS;QACrC;AAEA,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE,cAAc,EAAE;AAC/B,YAAA,IAAI,CAAC,MAAM,EAAE,cAAc,CAAC,IAAI,CAAC;QACnC;QAEA,IAAI,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC,MAAM,EAAE;AAC/B,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;QAC5B;aAAO;AACL,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;QAC7B;IACF;IAEU,KAAK,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,KAAK,EAAE;QACd;aAAO;YACL,IAAI,CAAC,IAAI,EAAE;QACb;IACF;IAEQ,oBAAoB,GAAA;AAC1B,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE;YAC5F,QAAQ,EAAE,IAAI,CAAC;AAChB,SAAA,CAAC;AACF,QAAA,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE;IAC7B;IAEQ,qBAAqB,GAAA;AAC3B,QAAA,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE;QACvB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;YACpC,gBAAgB,EAAE,IAAI,CAAC;AACpB,iBAAA,QAAQ;AACR,iBAAA,mBAAmB,CAAC,IAAI,CAAC,UAAU;AACnC,iBAAA,aAAa,CACZ,IAAI,CAAC,MAAM,EAAE,eAAe;AAC1B,iBAAC,IAAI,CAAC,KAAK,GAAG;AACZ,sBAAE;AACE,wBAAA;AACE,4BAAA,OAAO,EAAE,KAAK;AACd,4BAAA,OAAO,EAAE,QAAQ;AACjB,4BAAA,QAAQ,EAAE,KAAK;AACf,4BAAA,QAAQ,EAAE,KAAK;AACf,4BAAA,OAAO,EAAE;AACV;AACF;AACH,sBAAE;AACE,wBAAA,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE;AAC3E,wBAAA;AACE,4BAAA,OAAO,EAAE,KAAK;AACd,4BAAA,OAAO,EAAE,QAAQ;AACjB,4BAAA,QAAQ,EAAE,KAAK;AACf,4BAAA,QAAQ,EAAE,KAAK;4BACf,OAAO,EAAE,CAAC;AACX;AACF,qBAAA,CAAC;AAEb,SAAA,CAAC;QACF,IAAI,CAAC,MAAM,GAAG,IAAI,cAAc,CAC9B,IAAI,CAAC,QAAQ,EAAE,EACf,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,YAAY,EAAE,EACnB,IAAI,CAAC,QAAQ,CACd;AACD,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;QAClD,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,uBAAuB,CAAC;QAC9F,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC;AAErE,QAAA,IAAI,CAAC;AACF,aAAA,oBAAoB;AACpB,aAAA,IAAI,CACH,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,EACvC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,EAC/B,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,EAC7B,IAAI,CAAC,CAAC,CAAC;aAER,SAAS,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC;IAClC;uGA/MW,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAhC,gCAAgC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,4BAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,IAAA,EAAA,YAAA,EAAA,SAAA,EAAA,oBAAA,EAAA,SAAA,EAAA,oBAAA,EAAA,cAAA,EAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,yBAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAhC,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAZ5C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,8BAA8B;AACxC,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,iBAAiB;AACxB,wBAAA,MAAM,EAAE,IAAI;AACZ,wBAAA,cAAc,EAAE,SAAS;AACzB,wBAAA,sBAAsB,EAAE,SAAS;AACjC,wBAAA,sBAAsB,EAAE,cAAc;AACtC,wBAAA,SAAS,EAAE;AACZ,qBAAA;AACD,oBAAA,QAAQ,EAAE;AACX,iBAAA;;;ACjDD;;;AAGG;AAOH;;;AAGG;MAkBU,yBAAyB,CAAA;;AAE1B,IAAA,OAAO,GAAG,MAAM,CAAC,gCAAgC,CAAC;AAE3C,IAAA,SAAS,GAAG,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC;IACrD,eAAe,GAAmB,IAAI;AAC7B,IAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;IAC3B,OAAO,GAAG,MAAM,CAAC,0BAA0B,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAEjF,IAAA,WAAA,GAAA;;;QAGE,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,IAAG;AACzC,YAAA,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,IAAI,MAAM,EAAE;gBACvD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa;gBAClD,IAAI,CAAC,SAAS,EAAE,CAAC,SAAS,CAAC,kCAAkC,EAAE;YACjE;iBAAO;gBACL,IACE,IAAI,CAAC,eAAe;oBACpB,OAAO,IAAI,IAAI,CAAC,eAAe;oBAC/B,OAAO,IAAI,CAAC,eAAe,CAAC,KAAK,KAAK,UAAU,EAChD;AACA,oBAAA,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE;gBAC9B;AACA,gBAAA,IAAI,CAAC,eAAe,GAAG,IAAI;YAC7B;AACF,QAAA,CAAC,CAAC;IACJ;;AAGA,IAAA,IAAc,SAAS,GAAA;AACrB,QAAA,QACE,IAAI,CAAC,OAAO,CAAC,SAAS;AACtB,aAAC,CAAC,IAAI,CAAC,OAAO,EAAE,iCAAiC,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,KAAK,CAAC,CAAC;IAElF;uGAnCW,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAzB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,sBAAA,EAAA,YAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,+BAAA,EAAA,mBAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,EAAA,cAAA,EAAA,+BAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAIY,YAAY,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnC9D,qHAGA,gGDaY,UAAU,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,yBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAeT,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAjBrC,SAAS;+BACE,oBAAoB,EAAA,OAAA,EACrB,CAAC,UAAU,CAAC,mBAGJ,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,KAAK,EAAE,+BAA+B;AACtC,wBAAA,IAAI,EAAE,OAAO;AACb,wBAAA,MAAM,EAAE,sBAAsB;AAC9B,wBAAA,wBAAwB,EAAE,YAAY;AACtC,wBAAA,cAAc,EAAE,gBAAgB;AAChC,wBAAA,iCAAiC,EAAE,mBAAmB;AACtD,wBAAA,kBAAkB,EAAE,mBAAmB;AACvC,wBAAA,kBAAkB,EAAE;AACrB,qBAAA,EAAA,QAAA,EAAA,qHAAA,EAAA,MAAA,EAAA,CAAA,yCAAA,CAAA,EAAA;qHAM+C,YAAY,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEnC9D;;;AAGG;AAQH;;AAEG;MAYU,6BAA6B,CAAA;IACrB,KAAK,GAAG,QAAQ,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;;IAG5E,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;;IAEtB,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAmB;;IAEhC,SAAS,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAmB;;IAEpC,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;;IAE5B,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAA0B;AAE/B,IAAA,UAAU,GAAG,MAAM,CAAC,gCAAgC,EAAE;AACvE,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,QAAQ,EAAE;AACX,KAAA,CAAC;IACiB,aAAa,GAAG,MAAM,CAAC,gCAAgC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC5E,MAAM,GAAG,MAAM,CAAC,wBAAwB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAEtE,KAAK,GAAA;AACb,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;AACvC,YAAA,IAAI,IAAI,CAAC,MAAM,EAAE,uBAAuB,EAAE;AACxC,gBAAA,IAAI,CAAC,MAAM,EAAE,uBAAuB,EAAE;YACxC;QACF;IACF;uGA5BW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sFAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,cAAA,EAAA,4BAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzB1C,4uBAyBA,EAAA,MAAA,EAAA,CAAA,2JAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDTY,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FASd,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAXzC,SAAS;+BACE,sFAAsF,EAAA,OAAA,EACvF,CAAC,eAAe,CAAC,mBAGT,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,KAAK,EAAE,4BAA4B;AACnC,wBAAA,SAAS,EAAE;AACZ,qBAAA,EAAA,QAAA,EAAA,4uBAAA,EAAA,MAAA,EAAA,CAAA,2JAAA,CAAA,EAAA;;;AEvBH;;;AAGG;AAUH;;;;;AAKG;MAYU,qCAAqC,CAAA;AACvC,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAc;IACpC,YAAY,GAAG,MAAM,EAAW;uGAF9B,qCAAqC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qCAAqC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kCAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC9BlD,g9CA4CA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDda,qCAAqC,EAAA,QAAA,EAAA,kCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAR9C,yBAAyB,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACzB,6BAA6B,EAAA,QAAA,EAAA,sFAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,YAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAE7B,eAAe,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,qBAAA,EAAA,aAAA,EAAA,aAAA,EAAA,YAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACf,gCAAgC,4LAFhC,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FAMN,qCAAqC,EAAA,UAAA,EAAA,CAAA;kBAXjD,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kCAAkC,EAAA,OAAA,EACnC;wBACP,yBAAyB;wBACzB,6BAA6B;wBAC7B,eAAe;wBACf,eAAe;wBACf;AACD,qBAAA,EAAA,QAAA,EAAA,g9CAAA,EAAA;;;AE3BH;;;AAGG;;ACHH;;AAEG;;;;"}
+{"version":3,"file":"siemens-element-ng-header-dropdown.mjs","sources":["../../../../projects/element-ng/header-dropdown/si-header.model.ts","../../../../projects/element-ng/header-dropdown/si-header-dropdown-trigger.directive.ts","../../../../projects/element-ng/header-dropdown/si-header-dropdown.component.ts","../../../../projects/element-ng/header-dropdown/si-header-dropdown.component.html","../../../../projects/element-ng/header-dropdown/si-header-dropdown-item.component.ts","../../../../projects/element-ng/header-dropdown/si-header-dropdown-item.component.html","../../../../projects/element-ng/header-dropdown/si-header-dropdown-items-factory.component.ts","../../../../projects/element-ng/header-dropdown/si-header-dropdown-items-factory.component.html","../../../../projects/element-ng/header-dropdown/index.ts","../../../../projects/element-ng/header-dropdown/siemens-element-ng-header-dropdown.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ConnectedPosition } from '@angular/cdk/overlay';\nimport { InjectionToken, Signal } from '@angular/core';\n\nimport { SiHeaderDropdownTriggerDirective } from './si-header-dropdown-trigger.directive';\n\n/** @internal */\nexport interface HeaderWithDropdowns {\n  /** Called whenever an item is triggered that is not opening another dropdown. */\n  onDropdownItemTriggered?(): void;\n  /** Whether the dropdown should be opened inline. */\n  inlineDropdown: Signal<boolean>;\n  /** The position of the dropdown if opened in an overlay. */\n  overlayPosition?: ConnectedPosition[];\n  /** Called whenever a dropdown is opened **/\n  dropdownOpened?(trigger: SiHeaderDropdownTriggerDirective): void;\n  /** Called whenever a dropdown is close **/\n  dropdownClosed?(trigger: SiHeaderDropdownTriggerDirective): void;\n}\n\n/** @internal */\nexport const SI_HEADER_WITH_DROPDOWNS = new InjectionToken<HeaderWithDropdowns>(\n  'si-header.with-dropdowns'\n);\n\n/**\n * Can be used to pass context-specific options to a header-dropdown\n * that should / or cannot be provided by a consuming application.\n * @internal\n */\nexport interface HeaderDropdownOptions {\n  /**\n   * If the inline navbar is already wrapped in a focus trap,\n   * set this property to prevent the header-dropdown from creating a focus trap.\n   */\n  disableRootFocusTrapForInlineMode: boolean;\n}\n\n/** @internal */\nexport const SI_HEADER_DROPDOWN_OPTIONS = new InjectionToken<HeaderDropdownOptions>(\n  'si-header-dropdown.options'\n);\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ComponentRef,\n  computed,\n  Directive,\n  effect,\n  ElementRef,\n  EmbeddedViewRef,\n  inject,\n  Injector,\n  input,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  output,\n  TemplateRef,\n  untracked,\n  ViewContainerRef\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { filter, take, takeUntil } from 'rxjs/operators';\n\nimport { SI_HEADER_WITH_DROPDOWNS } from './si-header.model';\n\n@Component({\n  template: '',\n  changeDetection: ChangeDetectionStrategy.Default,\n  host: { '[attr.aria-owns]': 'ariaOwns()' }\n})\nclass SiHeaderAnchorComponent {\n  readonly ariaOwns = input<string>();\n}\n\n/**\n * Trigger to open dropdowns in a navbar.\n * A dropdown will always be attached to the view, even if not visible.\n *\n * If a dropdown is opened in desktop mode, it will be reattached to an overlay while being opened.\n */\n@Directive({\n  selector: '[siHeaderDropdownTriggerFor]',\n  host: {\n    class: 'dropdown-toggle',\n    '[id]': 'id',\n    '[class.show]': '_isOpen',\n    '[attr.aria-haspopup]': \"inline() ? null : 'dialog'\",\n    '[attr.aria-expanded]': '_isOpen',\n    '[attr.aria-controls]': 'ariaControls',\n    '(click)': 'click()'\n  },\n  exportAs: 'siHeaderDropdownTrigger'\n})\nexport class SiHeaderDropdownTriggerDirective implements OnChanges, OnInit, OnDestroy {\n  private static idCounter = 0;\n\n  /** Template that be rendered inside the dropdown. */\n  readonly dropdown = input.required<TemplateRef<unknown>>({ alias: 'siHeaderDropdownTriggerFor' });\n  /** Data that should be passed as template context to the dropdown. */\n  readonly dropdownData = input<unknown>();\n  /** Emits whenever a dropdown is opened or closed. */\n  readonly openChange = output<boolean>();\n\n  private readonly dropdownClose = new Subject<void>();\n\n  /** Child triggers will set themselves here if they are open. */\n  private openSubmenu?: SiHeaderDropdownTriggerDirective;\n\n  private readonly viewContainerRef = inject(ViewContainerRef);\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly overlay = inject(Overlay);\n  private readonly parent = inject(SiHeaderDropdownTriggerDirective, {\n    optional: true,\n    skipSelf: true\n  });\n  /** @internal */\n  readonly navbar = inject(SI_HEADER_WITH_DROPDOWNS, { optional: true });\n\n  /**\n   * Whether the dropdown is opened inline (mobile) instead of in an overlay (desktop).\n   * Inline dropdowns are simple disclosure groups, while overlay dropdowns are dialogs.\n   */\n  protected readonly inline = computed(() => this.navbar?.inlineDropdown() ?? false);\n\n  // we need to create a new injector, so that the parent can be injected properly\n  private readonly injector = Injector.create({ parent: inject(Injector), providers: [] });\n  private viewRef?: EmbeddedViewRef<unknown>;\n  private portal?: TemplatePortal<unknown>;\n  private overlayRef?: OverlayRef;\n\n  /** @internal */\n  readonly level: number = this.parent ? this.parent.level + 1 : 1;\n\n  // used to prevent immediate re-creation of the overlay if this trigger was clicked while overlay is open\n  private destroying = false;\n\n  /** @internal */\n  readonly id = `si-navbar-dropdown-trigger-${SiHeaderDropdownTriggerDirective.idCounter++}`;\n\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  protected _isOpen = false;\n\n  /** @internal */\n  readonly ariaControls = `si-navbar-dropdown-${SiHeaderDropdownTriggerDirective.idCounter}`;\n\n  private headerAnchorComponentRef?: ComponentRef<SiHeaderAnchorComponent>;\n\n  constructor() {\n    effect(() => {\n      const inline = this.navbar?.inlineDropdown() ?? false;\n      untracked(() => {\n        if (this._isOpen && inline === this.isOverlay) {\n          this.close();\n        }\n      });\n    });\n  }\n\n  /** Whether the dropdown is open. */\n  get isOpen(): boolean {\n    return this._isOpen;\n  }\n\n  /** @internal */\n  get isOverlay(): boolean {\n    return !!this.overlayRef;\n  }\n\n  ngOnChanges(): void {\n    if (this.portal) {\n      this.portal.templateRef = this.dropdown();\n      this.portal.context = this.dropdownData();\n    }\n  }\n\n  ngOnInit(): void {\n    // Always attach the dropdown, so that it can be used with routerLinkActive\n    this.attachDropdownInline();\n  }\n\n  ngOnDestroy(): void {\n    this.close();\n    this.dropdownClose.complete();\n  }\n\n  /** Opens the dropdown. */\n  open(): void {\n    if (this.destroying || this._isOpen) {\n      return;\n    }\n\n    this._isOpen = true;\n    if (!(this.navbar?.inlineDropdown() ?? false)) {\n      this.attachDropdownOverlay();\n    }\n\n    if (this.parent) {\n      this.parent.openSubmenu = this;\n    }\n\n    if (this.navbar?.dropdownOpened) {\n      this.navbar?.dropdownOpened(this);\n    }\n    this.openChange.emit(true);\n  }\n\n  /** Closes the dropdown. */\n  close(options?: { all?: boolean }): void {\n    if (!this._isOpen) {\n      return;\n    }\n\n    if (this.openSubmenu) {\n      this.openSubmenu.close();\n    }\n\n    this.dropdownClose.next();\n    this._isOpen = false;\n    if (this.overlayRef) {\n      this.destroying = true;\n      this.overlayRef.detach();\n      this.overlayRef.dispose();\n      this.viewRef?.destroy();\n      this.portal = undefined;\n      this.overlayRef = undefined;\n      this.headerAnchorComponentRef?.destroy();\n      // do not use queueMicrotask, it executed to early\n      setTimeout(() => (this.destroying = false));\n      this.attachDropdownInline();\n    } else {\n      this.viewRef?.markForCheck();\n    }\n\n    if (this.parent) {\n      this.parent.openSubmenu = undefined;\n    }\n\n    if (this.navbar?.dropdownClosed) {\n      this.navbar?.dropdownClosed(this);\n    }\n\n    if (options?.all && this.parent) {\n      this.parent.close(options);\n    } else {\n      this.openChange.emit(false);\n    }\n  }\n\n  protected click(): void {\n    if (this._isOpen) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  private attachDropdownInline(): void {\n    this.viewRef = this.viewContainerRef.createEmbeddedView(this.dropdown(), this.dropdownData(), {\n      injector: this.injector\n    });\n    this.viewRef.markForCheck();\n  }\n\n  private attachDropdownOverlay(): void {\n    this.viewRef?.destroy();\n    this.overlayRef = this.overlay.create({\n      positionStrategy: this.overlay\n        .position()\n        .flexibleConnectedTo(this.elementRef)\n        .withPositions(\n          this.navbar?.overlayPosition ??\n            (this.level > 1\n              ? [\n                  {\n                    originX: 'end',\n                    originY: 'bottom',\n                    overlayX: 'end',\n                    overlayY: 'top',\n                    offsetX: 2\n                  }\n                ]\n              : [\n                  { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' },\n                  {\n                    originX: 'end',\n                    originY: 'bottom',\n                    overlayX: 'end',\n                    overlayY: 'top',\n                    offsetX: -4\n                  }\n                ])\n        )\n    });\n    this.portal = new TemplatePortal(\n      this.dropdown(),\n      this.viewContainerRef,\n      this.dropdownData(),\n      this.injector\n    );\n    this.viewRef = this.overlayRef.attach(this.portal);\n    this.headerAnchorComponentRef = this.viewContainerRef.createComponent(SiHeaderAnchorComponent);\n    this.headerAnchorComponentRef.setInput('ariaOwns', this.ariaControls);\n\n    this.overlayRef\n      .outsidePointerEvents()\n      .pipe(\n        filter(event => event.type === 'click'),\n        filter(() => !this.openSubmenu),\n        takeUntil(this.dropdownClose),\n        take(1)\n      )\n      .subscribe(() => this.close());\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { A11yModule, CdkTrapFocus } from '@angular/cdk/a11y';\nimport { ChangeDetectionStrategy, Component, inject, viewChild, DOCUMENT } from '@angular/core';\n\nimport { SiHeaderDropdownTriggerDirective } from './si-header-dropdown-trigger.directive';\nimport { SI_HEADER_DROPDOWN_OPTIONS } from './si-header.model';\n\n/**\n * Wrapper component for {@link SiHeaderDropdownItemComponent}.\n * Must only be opened using an {@link SiHeaderDropdownTriggerDirective}.\n */\n@Component({\n  selector: 'si-header-dropdown',\n  imports: [A11yModule],\n  templateUrl: './si-header-dropdown.component.html',\n  styles: ':host.sub-menu {min-inline-size: 200px}',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'dropdown-menu position-static',\n    '[attr.role]': \"trigger.isOverlay ? 'dialog' : 'group'\",\n    '[id]': 'trigger.ariaControls',\n    '[attr.aria-labelledby]': 'trigger.id',\n    '[class.show]': 'trigger.isOpen',\n    '[class.header-dropdown-overlay]': 'trigger.isOverlay',\n    '[class.sub-menu]': 'trigger.level > 1',\n    '(keydown.escape)': 'trigger.close()'\n  }\n})\nexport class SiHeaderDropdownComponent {\n  /** @internal */\n  protected trigger = inject(SiHeaderDropdownTriggerDirective);\n\n  private readonly focusTrap = viewChild.required(CdkTrapFocus);\n  private previousElement: Element | null = null;\n  private readonly document = inject(DOCUMENT);\n  private readonly options = inject(SI_HEADER_DROPDOWN_OPTIONS, { optional: true });\n\n  constructor() {\n    // The autoFocus feature of the focus trap is not enough, as this component is not newly created when opened in mobile (inline).\n    // But we still need autofocus in desktop mode, as the close event is never executed (component is destroyed before).\n    this.trigger.openChange.subscribe(change => {\n      if (!this.trigger.isOverlay && this.trapFocus && change) {\n        this.previousElement = this.document.activeElement;\n        this.focusTrap().focusTrap.focusFirstTabbableElementWhenReady();\n      } else {\n        if (\n          this.previousElement &&\n          'focus' in this.previousElement &&\n          typeof this.previousElement.focus === 'function'\n        ) {\n          this.previousElement.focus();\n        }\n        this.previousElement = null;\n      }\n    });\n  }\n\n  /** @internal */\n  protected get trapFocus(): boolean {\n    return (\n      this.trigger.isOverlay ||\n      (!this.options?.disableRootFocusTrapForInlineMode && this.trigger.level === 1)\n    );\n  }\n}\n","<div [cdkTrapFocus]=\"trapFocus\" [cdkTrapFocusAutoCapture]=\"this.trigger.isOverlay\">\n  <ng-content />\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, inject, input } from '@angular/core';\nimport { elementDown2, elementOk, elementRecordFilled } from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\n\nimport { SiHeaderDropdownTriggerDirective } from './si-header-dropdown-trigger.directive';\nimport { SI_HEADER_WITH_DROPDOWNS } from './si-header.model';\n\n/**\n * Creates a dropdown-item. Must be used within an {@link SiHeaderDropdownComponent}.\n */\n@Component({\n  selector: 'si-header-dropdown-item, a[si-header-dropdown-item], button[si-header-dropdown-item]',\n  imports: [SiIconComponent],\n  templateUrl: './si-header-dropdown-item.component.html',\n  styleUrl: './si-header-dropdown-item.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'dropdown-item focus-inside',\n    '[attr.aria-pressed]': 'checked() ? \"true\" : null',\n    '(click)': 'click()'\n  }\n})\nexport class SiHeaderDropdownItemComponent {\n  protected readonly icons = addIcons({ elementDown2, elementOk, elementRecordFilled });\n\n  /** Optional icon that will be rendered before the label. */\n  readonly icon = input<string>();\n  /** Badge that is rendered after the label. */\n  readonly badge = input<string | number>();\n  /** Badge (always red) that is attached to the icon. */\n  readonly iconBadge = input<string | number>();\n  /** Color of the badge (not iconBadge). */\n  readonly badgeColor = input<string>();\n  /** Whether the icon is checked with a radio or check mark. */\n  readonly checked = input<'radio' | 'check' | ''>();\n\n  protected readonly ownTrigger = inject(SiHeaderDropdownTriggerDirective, {\n    self: true,\n    optional: true\n  });\n  protected readonly parentTrigger = inject(SiHeaderDropdownTriggerDirective, { skipSelf: true });\n  protected readonly navbar = inject(SI_HEADER_WITH_DROPDOWNS, { optional: true });\n\n  protected click(): void {\n    if (!this.ownTrigger) {\n      this.parentTrigger.close({ all: true });\n      if (this.navbar?.onDropdownItemTriggered) {\n        this.navbar?.onDropdownItemTriggered();\n      }\n    }\n  }\n}\n","@if (icon()) {\n  <si-icon class=\"icon\" [icon]=\"icon()!\" />\n}\n@if (iconBadge()) {\n  <div class=\"badge-text\">{{ iconBadge() }}</div>\n}\n<span class=\"item-title text-truncate\">\n  <ng-content />\n</span>\n<div class=\"item-end ps-2 d-flex me-n3 ms-auto gap-1\">\n  @if (badge()) {\n    <span class=\"mx-0 me-1 ms-2 badge\" [class]=\"`bg-${badgeColor() || 'default'}`\">{{\n      badge()\n    }}</span>\n  }\n  @if (checked() === 'check') {\n    <si-icon class=\"icon\" [icon]=\"icons.elementOk\" />\n  }\n  @if (checked() === 'radio') {\n    <si-icon class=\"icon-sm me-2\" [icon]=\"icons.elementRecordFilled\" />\n  }\n  @if (ownTrigger) {\n    <si-icon class=\"dropdown-caret m-0 ps-0\" [icon]=\"icons.elementDown2\" />\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, input, output } from '@angular/core';\nimport { MenuItem } from '@siemens/element-ng/common';\nimport { SiLinkDirective } from '@siemens/element-ng/link';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\n\nimport { SiHeaderDropdownItemComponent } from './si-header-dropdown-item.component';\nimport { SiHeaderDropdownTriggerDirective } from './si-header-dropdown-trigger.directive';\nimport { SiHeaderDropdownComponent } from './si-header-dropdown.component';\n\n/**\n * A factory to render multiple {@link MenuItem}.\n * Requires a wrapping {@link SiHeaderDropdownComponent}.\n *\n * @internal\n */\n@Component({\n  selector: 'si-header-dropdown-items-factory',\n  imports: [\n    SiHeaderDropdownComponent,\n    SiHeaderDropdownItemComponent,\n    SiTranslatePipe,\n    SiLinkDirective,\n    SiHeaderDropdownTriggerDirective\n  ],\n  templateUrl: './si-header-dropdown-items-factory.component.html',\n  changeDetection: ChangeDetectionStrategy.Default\n})\nexport class SiHeaderDropdownItemsFactoryComponent {\n  readonly items = input.required<MenuItem[]>();\n  readonly activeChange = output<boolean>();\n}\n","@for (item of items(); track item) {\n  @if (item.isHeading) {\n    <div class=\"dropdown-item dropdown-header dropdown-item-static\">\n      {{ item.title | translate }}\n    </div>\n  } @else {\n    @if (item.title !== '-') {\n      @if (item.items) {\n        <button\n          type=\"button\"\n          si-header-dropdown-item\n          [icon]=\"item.icon\"\n          [badge]=\"item.badgeStyle !== 'dot' ? item.badge : undefined\"\n          [badgeColor]=\"item.badgeColor\"\n          [iconBadge]=\"item.badgeStyle === 'dot' ? item.badge : undefined\"\n          [siHeaderDropdownTriggerFor]=\"dropdown\"\n        >\n          {{ item.title | translate }}\n        </button>\n        <ng-template #dropdown>\n          <si-header-dropdown>\n            <si-header-dropdown-items-factory [items]=\"item.items\" />\n          </si-header-dropdown>\n        </ng-template>\n      } @else {\n        <a\n          si-header-dropdown-item\n          activeClass=\"active\"\n          [attr.role]=\"!(item.href || item.link) ? 'button' : undefined\"\n          [siLink]=\"item\"\n          [icon]=\"item.icon\"\n          [badge]=\"item.badgeStyle !== 'dot' ? item.badge : undefined\"\n          [badgeColor]=\"item.badgeColor\"\n          [iconBadge]=\"item.badgeStyle === 'dot' ? item.badge : undefined\"\n          [checked]=\"item.selectionState\"\n          (activeChange)=\"activeChange.emit($event)\"\n        >\n          {{ item.title | translate }}\n        </a>\n      }\n    } @else {\n      <div class=\"dropdown-divider\"></div>\n    }\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-header-dropdown.component';\nexport * from './si-header-dropdown-trigger.directive';\nexport * from './si-header-dropdown-item.component';\nexport * from './si-header-dropdown-items-factory.component';\nexport * from './si-header.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/siemens-element-ng-help-button.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { elementHelp } from '@siemens/element-icons';
 import { addIcons, SiIconComponent } from '@siemens/element-ng/icon';
 import * as i1 from '@siemens/element-ng/popover';
@@ -31,14 +31,14 @@ class SiHelpButtonComponent {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: SiHelpButtonComponent, isStandalone: true, selector: "button[si-help-button]", hostDirectives: [{ directive: i1.SiPopoverDirective, inputs: ["siPopoverTitle", "siHelpTitle", "siPopover", "siHelpContent", "siPopoverContext", "siHelpContext", "siPopoverPlacement", "siHelpPlacement"] }], ngImport: i0, template: `
     <div class="visually-hidden"><ng-content /></div>
     <si-icon [icon]="icons.elementHelp" />
-  `, isInline: true, styles: [":host{display:inline-flex;vertical-align:middle;font-size:1rem;border-radius:100%;color:var(--element-ui-2);border:0;background:transparent;padding:0}:host:is(:hover,:active){color:var(--element-ui-1)}:host:disabled{color:var(--element-text-disabled)}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }] });
+  `, isInline: true, styles: [":host{display:inline-flex;vertical-align:middle;font-size:1rem;border-radius:100%;color:var(--element-ui-2);border:0;background:transparent;padding:0}:host:is(:hover,:active){color:var(--element-ui-1)}:host:disabled{color:var(--element-text-disabled)}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiHelpButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'button[si-help-button]', imports: [SiIconComponent], template: `
     <div class="visually-hidden"><ng-content /></div>
     <si-icon [icon]="icons.elementHelp" />
-  `, hostDirectives: [
+  `, changeDetection: ChangeDetectionStrategy.Default, hostDirectives: [
                         {
                             directive: SiPopoverDirective,
                             inputs: [

package/fesm2022/siemens-element-ng-help-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-help-button.mjs","sources":["../../../../projects/element-ng/help-button/si-help-button.component.ts","../../../../projects/element-ng/help-button/index.ts","../../../../projects/element-ng/help-button/siemens-element-ng-help-button.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Component } from '@angular/core';\nimport { elementHelp } from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiPopoverDirective } from '@siemens/element-ng/popover';\n\n/**\n * This component creates a help button that shows contextual help in a popover.\n *\n * @example\n * ```html\n * <button\n *   type=\"button\"\n *   si-help-button\n *   siHelpTitle=\"Help for problem\"\n *   siHelpContent=\"Use your imagination to solve this problem.\"\n * >\n *   <!-- This text is only visible to screen reader. Provide a meaningful text, not only \"help\" -->\n *   How to solve the problem?\n * </button>\n * ```\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'button[si-help-button]',\n  imports: [SiIconComponent],\n  template: `\n    <div class=\"visually-hidden\"><ng-content /></div>\n    <si-icon [icon]=\"icons.elementHelp\" />\n  `,\n  styleUrl: './si-help-button.component.scss',\n  hostDirectives: [\n    {\n      directive: SiPopoverDirective,\n      inputs: [\n        'siPopoverTitle:siHelpTitle',\n        'siPopover:siHelpContent',\n        'siPopoverContext:siHelpContext',\n        'siPopoverPlacement:siHelpPlacement'\n      ]\n    }\n  ]\n})\nexport class SiHelpButtonComponent {\n  protected icons = addIcons({ elementHelp });\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-help-button.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAAA;;;AAGG;AAMH;;;;;;;;;;;;;;;AAeG;MAsBU,qBAAqB,CAAA;AACtB,IAAA,KAAK,GAAG,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;uGADhC,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,aAAA,EAAA,WAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,oBAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAjBtB;;;AAGT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+PAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAJS,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAkBd,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBArBjC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,EAAA,OAAA,EACzB,CAAC,eAAe,CAAC,EAAA,QAAA,EAChB;;;GAGT,EAAA,cAAA,EAEe;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,kBAAkB;AAC7B,4BAAA,MAAM,EAAE;gCACN,4BAA4B;gCAC5B,yBAAyB;gCACzB,gCAAgC;gCAChC;AACD;AACF;AACF,qBAAA,EAAA,MAAA,EAAA,CAAA,+PAAA,CAAA,EAAA;;;AC5CH;;;AAGG;;ACHH;;AAEG;;;;"}
+{"version":3,"file":"siemens-element-ng-help-button.mjs","sources":["../../../../projects/element-ng/help-button/si-help-button.component.ts","../../../../projects/element-ng/help-button/index.ts","../../../../projects/element-ng/help-button/siemens-element-ng-help-button.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { elementHelp } from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiPopoverDirective } from '@siemens/element-ng/popover';\n\n/**\n * This component creates a help button that shows contextual help in a popover.\n *\n * @example\n * ```html\n * <button\n *   type=\"button\"\n *   si-help-button\n *   siHelpTitle=\"Help for problem\"\n *   siHelpContent=\"Use your imagination to solve this problem.\"\n * >\n *   <!-- This text is only visible to screen reader. Provide a meaningful text, not only \"help\" -->\n *   How to solve the problem?\n * </button>\n * ```\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'button[si-help-button]',\n  imports: [SiIconComponent],\n  template: `\n    <div class=\"visually-hidden\"><ng-content /></div>\n    <si-icon [icon]=\"icons.elementHelp\" />\n  `,\n  styleUrl: './si-help-button.component.scss',\n  changeDetection: ChangeDetectionStrategy.Default,\n  hostDirectives: [\n    {\n      directive: SiPopoverDirective,\n      inputs: [\n        'siPopoverTitle:siHelpTitle',\n        'siPopover:siHelpContent',\n        'siPopoverContext:siHelpContext',\n        'siPopoverPlacement:siHelpPlacement'\n      ]\n    }\n  ]\n})\nexport class SiHelpButtonComponent {\n  protected icons = addIcons({ elementHelp });\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-help-button.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAAA;;;AAGG;AAMH;;;;;;;;;;;;;;;AAeG;MAuBU,qBAAqB,CAAA;AACtB,IAAA,KAAK,GAAG,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;uGADhC,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,aAAA,EAAA,WAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,oBAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAlBtB;;;AAGT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+PAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAJS,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,OAAA,EAAA,CAAA;;2FAmBd,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAtBjC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,EAAA,OAAA,EACzB,CAAC,eAAe,CAAC,EAAA,QAAA,EAChB;;;GAGT,EAAA,eAAA,EAEgB,uBAAuB,CAAC,OAAO,EAAA,cAAA,EAChC;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,kBAAkB;AAC7B,4BAAA,MAAM,EAAE;gCACN,4BAA4B;gCAC5B,yBAAyB;gCACzB,gCAAgC;gCAChC;AACD;AACF;AACF,qBAAA,EAAA,MAAA,EAAA,CAAA,+PAAA,CAAA,EAAA;;;AC7CH;;;AAGG;;ACHH;;AAEG;;;;"}

package/fesm2022/siemens-element-ng-inline-notification.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, booleanAttribute, Component, NgModule } from '@angular/core';
+import { input, booleanAttribute, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { SiStatusIconComponent } from '@siemens/element-ng/icon';
 import { SiLinkDirective } from '@siemens/element-ng/link';
 import { SiTranslatePipe } from '@siemens/element-translate-ng/translate';
@@ -41,11 +41,11 @@ class SiInlineNotificationComponent {
      */
     embedded = input(false, { ...(ngDevMode ? { debugName: "embedded" } : {}), transform: booleanAttribute });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiInlineNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiInlineNotificationComponent, isStandalone: true, selector: "si-inline-notification", inputs: { severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: true, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: false, transformFunction: null }, translationParams: { classPropertyName: "translationParams", publicName: "translationParams", isSignal: true, isRequired: false, transformFunction: null }, embedded: { classPropertyName: "embedded", publicName: "embedded", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  role=\"alert\"\n  aria-atomic=\"true\"\n  aria-live=\"assertive\"\n  [class]=\"`alert d-flex align-items-start ${severity() ? `alert-${severity()}` : ''}`\"\n  [hidden]=\"!severity()\"\n>\n  <si-status-icon class=\"icon me-4 flex-shrink-0\" [status]=\"severity()\" />\n\n  <div class=\"d-flex flex-grow-1 flex-wrap\">\n    @if (heading()) {\n      <strong class=\"pe-2\">{{ heading() | translate: translationParams() }} </strong>\n    }\n    <span>{{ message() | translate: translationParams() }}</span>\n  </div>\n  @if (action() && action()?.title) {\n    <a class=\"alert-link ms-4 flex-shrink-0\" [siLink]=\"action()\">\n      {{ action()?.title | translate: translationParams() }}\n    </a>\n  }\n</div>\n", styles: [":host{display:block;overflow:hidden;flex-shrink:0;border-radius:var(--element-button-radius)}.alert :is(div,a){padding-block-start:1px}\n"], dependencies: [{ kind: "directive", type: SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "component", type: SiStatusIconComponent, selector: "si-status-icon", inputs: ["status"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiInlineNotificationComponent, isStandalone: true, selector: "si-inline-notification", inputs: { severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: true, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: false, transformFunction: null }, translationParams: { classPropertyName: "translationParams", publicName: "translationParams", isSignal: true, isRequired: false, transformFunction: null }, embedded: { classPropertyName: "embedded", publicName: "embedded", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  role=\"alert\"\n  aria-atomic=\"true\"\n  aria-live=\"assertive\"\n  [class]=\"`alert d-flex align-items-start ${severity() ? `alert-${severity()}` : ''}`\"\n  [hidden]=\"!severity()\"\n>\n  <si-status-icon class=\"icon me-4 flex-shrink-0\" [status]=\"severity()\" />\n\n  <div class=\"d-flex flex-grow-1 flex-wrap\">\n    @if (heading()) {\n      <strong class=\"pe-2\">{{ heading() | translate: translationParams() }} </strong>\n    }\n    <span>{{ message() | translate: translationParams() }}</span>\n  </div>\n  @if (action() && action()?.title) {\n    <a class=\"alert-link ms-4 flex-shrink-0\" [siLink]=\"action()\">\n      {{ action()?.title | translate: translationParams() }}\n    </a>\n  }\n</div>\n", styles: [":host{display:block;overflow:hidden;flex-shrink:0;border-radius:var(--element-button-radius)}.alert :is(div,a){padding-block-start:1px}\n"], dependencies: [{ kind: "directive", type: SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "component", type: SiStatusIconComponent, selector: "si-status-icon", inputs: ["status"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiInlineNotificationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-inline-notification', imports: [SiLinkDirective, SiTranslatePipe, SiStatusIconComponent], template: "<div\n  role=\"alert\"\n  aria-atomic=\"true\"\n  aria-live=\"assertive\"\n  [class]=\"`alert d-flex align-items-start ${severity() ? `alert-${severity()}` : ''}`\"\n  [hidden]=\"!severity()\"\n>\n  <si-status-icon class=\"icon me-4 flex-shrink-0\" [status]=\"severity()\" />\n\n  <div class=\"d-flex flex-grow-1 flex-wrap\">\n    @if (heading()) {\n      <strong class=\"pe-2\">{{ heading() | translate: translationParams() }} </strong>\n    }\n    <span>{{ message() | translate: translationParams() }}</span>\n  </div>\n  @if (action() && action()?.title) {\n    <a class=\"alert-link ms-4 flex-shrink-0\" [siLink]=\"action()\">\n      {{ action()?.title | translate: translationParams() }}\n    </a>\n  }\n</div>\n", styles: [":host{display:block;overflow:hidden;flex-shrink:0;border-radius:var(--element-button-radius)}.alert :is(div,a){padding-block-start:1px}\n"] }]
+            args: [{ selector: 'si-inline-notification', imports: [SiLinkDirective, SiTranslatePipe, SiStatusIconComponent], changeDetection: ChangeDetectionStrategy.Default, template: "<div\n  role=\"alert\"\n  aria-atomic=\"true\"\n  aria-live=\"assertive\"\n  [class]=\"`alert d-flex align-items-start ${severity() ? `alert-${severity()}` : ''}`\"\n  [hidden]=\"!severity()\"\n>\n  <si-status-icon class=\"icon me-4 flex-shrink-0\" [status]=\"severity()\" />\n\n  <div class=\"d-flex flex-grow-1 flex-wrap\">\n    @if (heading()) {\n      <strong class=\"pe-2\">{{ heading() | translate: translationParams() }} </strong>\n    }\n    <span>{{ message() | translate: translationParams() }}</span>\n  </div>\n  @if (action() && action()?.title) {\n    <a class=\"alert-link ms-4 flex-shrink-0\" [siLink]=\"action()\">\n      {{ action()?.title | translate: translationParams() }}\n    </a>\n  }\n</div>\n", styles: [":host{display:block;overflow:hidden;flex-shrink:0;border-radius:var(--element-button-radius)}.alert :is(div,a){padding-block-start:1px}\n"] }]
         }], propDecorators: { severity: [{ type: i0.Input, args: [{ isSignal: true, alias: "severity", required: true }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }], action: [{ type: i0.Input, args: [{ isSignal: true, alias: "action", required: false }] }], translationParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "translationParams", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }] } });
 
 /**

package/fesm2022/siemens-element-ng-inline-notification.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-inline-notification.mjs","sources":["../../../../projects/element-ng/inline-notification/si-inline-notification.component.ts","../../../../projects/element-ng/inline-notification/si-inline-notification.component.html","../../../../projects/element-ng/inline-notification/si-inline-notification.module.ts","../../../../projects/element-ng/inline-notification/index.ts","../../../../projects/element-ng/inline-notification/siemens-element-ng-inline-notification.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { booleanAttribute, Component, input } from '@angular/core';\nimport { StatusType } from '@siemens/element-ng/common';\nimport { SiStatusIconComponent } from '@siemens/element-ng/icon';\nimport { Link, SiLinkDirective } from '@siemens/element-ng/link';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\n\n@Component({\n  selector: 'si-inline-notification',\n  imports: [SiLinkDirective, SiTranslatePipe, SiStatusIconComponent],\n  templateUrl: './si-inline-notification.component.html',\n  styleUrl: './si-inline-notification.component.scss'\n})\nexport class SiInlineNotificationComponent {\n  /**\n   * Status of inline notification.\n   */\n  readonly severity = input.required<StatusType>();\n\n  /**\n   * Heading of the message.\n   */\n  readonly heading = input<TranslatableString>();\n\n  /**\n   * Main message of this inline notification.\n   */\n  readonly message = input.required<TranslatableString>();\n\n  /**\n   * Optional link action for inline notification events.\n   */\n  readonly action = input<Link>();\n\n  /**\n   * Params passed to the translation pipe\n   *\n   * @defaultValue\n   * ```\n   * {}\n   * ```\n   */\n  readonly translationParams = input<{ [key: string]: any } | undefined>({});\n\n  /**\n   * Displays in embedded style, w/o radius and indicator bar\n   *\n   * @defaultValue false\n   */\n  readonly embedded = input(false, { transform: booleanAttribute });\n}\n","<div\n  role=\"alert\"\n  aria-atomic=\"true\"\n  aria-live=\"assertive\"\n  [class]=\"`alert d-flex align-items-start ${severity() ? `alert-${severity()}` : ''}`\"\n  [hidden]=\"!severity()\"\n>\n  <si-status-icon class=\"icon me-4 flex-shrink-0\" [status]=\"severity()\" />\n\n  <div class=\"d-flex flex-grow-1 flex-wrap\">\n    @if (heading()) {\n      <strong class=\"pe-2\">{{ heading() | translate: translationParams() }} </strong>\n    }\n    <span>{{ message() | translate: translationParams() }}</span>\n  </div>\n  @if (action() && action()?.title) {\n    <a class=\"alert-link ms-4 flex-shrink-0\" [siLink]=\"action()\">\n      {{ action()?.title | translate: translationParams() }}\n    </a>\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiInlineNotificationComponent } from './si-inline-notification.component';\n\n@NgModule({\n  imports: [SiInlineNotificationComponent],\n  exports: [SiInlineNotificationComponent]\n})\nexport class SiInlineNotificationModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-inline-notification.component';\nexport * from './si-inline-notification.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAAA;;;AAGG;MAaU,6BAA6B,CAAA;AACxC;;AAEG;AACM,IAAA,QAAQ,GAAG,KAAK,CAAC,QAAQ,mDAAc;AAEhD;;AAEG;IACM,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAsB;AAE9C;;AAEG;AACM,IAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,kDAAsB;AAEvD;;AAEG;IACM,MAAM,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,QAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAQ;AAE/B;;;;;;;AAOG;AACM,IAAA,iBAAiB,GAAG,KAAK,CAAqC,EAAE,6DAAC;AAE1E;;;;AAIG;IACM,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;uGApCtD,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA7B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,i3BChB1C,gtBAqBA,EAAA,MAAA,EAAA,CAAA,2IAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDTY,eAAe,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,qBAAA,EAAA,aAAA,EAAA,aAAA,EAAA,YAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAmB,qBAAqB,0EAAtC,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FAI/B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBANzC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,WACzB,CAAC,eAAe,EAAE,eAAe,EAAE,qBAAqB,CAAC,EAAA,QAAA,EAAA,gtBAAA,EAAA,MAAA,EAAA,CAAA,2IAAA,CAAA,EAAA;;;AEZpE;;;AAGG;MASU,0BAA0B,CAAA;uGAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAA1B,0BAA0B,EAAA,OAAA,EAAA,CAH3B,6BAA6B,CAAA,EAAA,OAAA,EAAA,CAC7B,6BAA6B,CAAA,EAAA,CAAA;AAE5B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,YAH3B,6BAA6B,CAAA,EAAA,CAAA;;2FAG5B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAJtC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,6BAA6B,CAAC;oBACxC,OAAO,EAAE,CAAC,6BAA6B;AACxC,iBAAA;;;ACXD;;;AAGG;;ACHH;;AAEG;;;;"}
+{"version":3,"file":"siemens-element-ng-inline-notification.mjs","sources":["../../../../projects/element-ng/inline-notification/si-inline-notification.component.ts","../../../../projects/element-ng/inline-notification/si-inline-notification.component.html","../../../../projects/element-ng/inline-notification/si-inline-notification.module.ts","../../../../projects/element-ng/inline-notification/index.ts","../../../../projects/element-ng/inline-notification/siemens-element-ng-inline-notification.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { booleanAttribute, ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { StatusType } from '@siemens/element-ng/common';\nimport { SiStatusIconComponent } from '@siemens/element-ng/icon';\nimport { Link, SiLinkDirective } from '@siemens/element-ng/link';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\n\n@Component({\n  selector: 'si-inline-notification',\n  imports: [SiLinkDirective, SiTranslatePipe, SiStatusIconComponent],\n  templateUrl: './si-inline-notification.component.html',\n  styleUrl: './si-inline-notification.component.scss',\n  changeDetection: ChangeDetectionStrategy.Default\n})\nexport class SiInlineNotificationComponent {\n  /**\n   * Status of inline notification.\n   */\n  readonly severity = input.required<StatusType>();\n\n  /**\n   * Heading of the message.\n   */\n  readonly heading = input<TranslatableString>();\n\n  /**\n   * Main message of this inline notification.\n   */\n  readonly message = input.required<TranslatableString>();\n\n  /**\n   * Optional link action for inline notification events.\n   */\n  readonly action = input<Link>();\n\n  /**\n   * Params passed to the translation pipe\n   *\n   * @defaultValue\n   * ```\n   * {}\n   * ```\n   */\n  readonly translationParams = input<{ [key: string]: any } | undefined>({});\n\n  /**\n   * Displays in embedded style, w/o radius and indicator bar\n   *\n   * @defaultValue false\n   */\n  readonly embedded = input(false, { transform: booleanAttribute });\n}\n","<div\n  role=\"alert\"\n  aria-atomic=\"true\"\n  aria-live=\"assertive\"\n  [class]=\"`alert d-flex align-items-start ${severity() ? `alert-${severity()}` : ''}`\"\n  [hidden]=\"!severity()\"\n>\n  <si-status-icon class=\"icon me-4 flex-shrink-0\" [status]=\"severity()\" />\n\n  <div class=\"d-flex flex-grow-1 flex-wrap\">\n    @if (heading()) {\n      <strong class=\"pe-2\">{{ heading() | translate: translationParams() }} </strong>\n    }\n    <span>{{ message() | translate: translationParams() }}</span>\n  </div>\n  @if (action() && action()?.title) {\n    <a class=\"alert-link ms-4 flex-shrink-0\" [siLink]=\"action()\">\n      {{ action()?.title | translate: translationParams() }}\n    </a>\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiInlineNotificationComponent } from './si-inline-notification.component';\n\n@NgModule({\n  imports: [SiInlineNotificationComponent],\n  exports: [SiInlineNotificationComponent]\n})\nexport class SiInlineNotificationModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-inline-notification.component';\nexport * from './si-inline-notification.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAAA;;;AAGG;MAcU,6BAA6B,CAAA;AACxC;;AAEG;AACM,IAAA,QAAQ,GAAG,KAAK,CAAC,QAAQ,mDAAc;AAEhD;;AAEG;IACM,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAsB;AAE9C;;AAEG;AACM,IAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,kDAAsB;AAEvD;;AAEG;IACM,MAAM,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,QAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAQ;AAE/B;;;;;;;AAOG;AACM,IAAA,iBAAiB,GAAG,KAAK,CAAqC,EAAE,6DAAC;AAE1E;;;;AAIG;IACM,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;uGApCtD,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA7B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,i3BCjB1C,gtBAqBA,EAAA,MAAA,EAAA,CAAA,2IAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDTY,eAAe,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,qBAAA,EAAA,aAAA,EAAA,aAAA,EAAA,YAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAmB,qBAAqB,0EAAtC,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,OAAA,EAAA,CAAA;;2FAK/B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAPzC,SAAS;+BACE,wBAAwB,EAAA,OAAA,EACzB,CAAC,eAAe,EAAE,eAAe,EAAE,qBAAqB,CAAC,EAAA,eAAA,EAGjD,uBAAuB,CAAC,OAAO,EAAA,QAAA,EAAA,gtBAAA,EAAA,MAAA,EAAA,CAAA,2IAAA,CAAA,EAAA;;;AEflD;;;AAGG;MASU,0BAA0B,CAAA;uGAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAA1B,0BAA0B,EAAA,OAAA,EAAA,CAH3B,6BAA6B,CAAA,EAAA,OAAA,EAAA,CAC7B,6BAA6B,CAAA,EAAA,CAAA;AAE5B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,YAH3B,6BAA6B,CAAA,EAAA,CAAA;;2FAG5B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAJtC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,6BAA6B,CAAC;oBACxC,OAAO,EAAE,CAAC,6BAA6B;AACxC,iBAAA;;;ACXD;;;AAGG;;ACHH;;AAEG;;;;"}

package/fesm2022/siemens-element-ng-ip-input.mjs

@@ -207,7 +207,7 @@ const validateSubnet = (cidr) => {
     const subnet = parseInt(cidr, 10);
     return subnet > 0 && subnet <= 128;
 };
-const matchIpV6 = (ip) => !!ip.match(ipV6Regex) && !!URL.parse(`http://[${ip}]`);
+const matchIpV6 = (ip) => (ip === '::' || !!ip.match(ipV6Regex)) && !!URL.parse(`http://[${ip}]`);
 
 /**
  * Copyright (c) Siemens 2016 - 2026