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

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

@@ -6,8 +6,8 @@ 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 { NgClass } from '@angular/common';
-import { addIcons, elementRecordFilled, elementOk, elementDown2, SiIconComponent } from '@siemens/element-ng/icon';
+import { elementRecordFilled, elementOk, elementDown2 } from '@siemens/element-icons';
+import { addIcons, SiIconComponent } from '@siemens/element-ng/icon';
 import { SiLinkDirective } from '@siemens/element-ng/link';
 import { SiTranslatePipe } from '@siemens/element-translate-ng/translate';
 
@@ -21,14 +21,14 @@ const SI_HEADER_DROPDOWN_OPTIONS = new InjectionToken('si-header-dropdown.option
  * SPDX-License-Identifier: MIT
  */
 class SiHeaderAnchorComponent {
-    ariaOwns = input();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiHeaderAnchorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", 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 });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiHeaderAnchorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiHeaderAnchorComponent, decorators: [{
             type: Component,
             args: [{ template: '', host: { '[attr.aria-owns]': 'ariaOwns()' } }]
-        }] });
+        }], propDecorators: { ariaOwns: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaOwns", required: false }] }] } });
 /**
  * Trigger to open dropdowns in a navbar.
  * A dropdown will always be attached to the view, even if not visible.
@@ -38,9 +38,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 class SiHeaderDropdownTriggerDirective {
     static idCounter = 0;
     /** Template that be rendered inside the dropdown. */
-    dropdown = input.required({ alias: 'siHeaderDropdownTriggerFor' });
+    dropdown = input.required({ ...(ngDevMode ? { debugName: "dropdown" } : {}), alias: 'siHeaderDropdownTriggerFor' });
     /** Data that should be passed as template context to the dropdown. */
-    dropdownData = input();
+    dropdownData = input(...(ngDevMode ? [undefined, { debugName: "dropdownData" }] : []));
     /** Emits whenever a dropdown is opened or closed. */
     openChange = output();
     dropdownClose = new Subject();
@@ -204,10 +204,10 @@ class SiHeaderDropdownTriggerDirective {
             .pipe(filter(event => event.type === 'click'), filter(() => !this.openSubmenu), takeUntil(this.dropdownClose), take(1))
             .subscribe(() => this.close());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiHeaderDropdownTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", 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": "this.id", "class.show": "this._isOpen", "attr.aria-expanded": "this._isOpen", "attr.aria-controls": "this.ariaControls" }, classAttribute: "dropdown-toggle" }, exportAs: ["siHeaderDropdownTrigger"], usesOnChanges: true, ngImport: i0 });
+    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": "this.id", "class.show": "this._isOpen", "attr.aria-expanded": "this._isOpen", "attr.aria-controls": "this.ariaControls" }, classAttribute: "dropdown-toggle" }, exportAs: ["siHeaderDropdownTrigger"], usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiHeaderDropdownTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiHeaderDropdownTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[siHeaderDropdownTriggerFor]',
@@ -216,7 +216,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                     },
                     exportAs: 'siHeaderDropdownTrigger'
                 }]
-        }], propDecorators: { id: [{
+        }], 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"] }], id: [{
                 type: HostBinding,
                 args: ['id']
             }], _isOpen: [{
@@ -287,10 +287,10 @@ class SiHeaderDropdownComponent {
     escape() {
         this.trigger?.close();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiHeaderDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.6", type: SiHeaderDropdownComponent, isStandalone: true, selector: "si-header-dropdown", host: { attributes: { "role": "group" }, listeners: { "keydown.escape": "escape()" }, properties: { "id": "trigger.ariaControls", "attr.aria-labelledby": "trigger.id", "class.show": "this.show", "class.header-dropdown-overlay": "this.overlay", "class.sub-menu": "this.submenu" }, 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 ɵ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": "escape()" }, properties: { "id": "trigger.ariaControls", "attr.aria-labelledby": "trigger.id", "class.show": "this.show", "class.header-dropdown-overlay": "this.overlay", "class.sub-menu": "this.submenu" }, 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: "20.0.6", ngImport: i0, type: SiHeaderDropdownComponent, decorators: [{
+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',
@@ -298,7 +298,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         '[id]': 'trigger.ariaControls',
                         '[attr.aria-labelledby]': 'trigger.id'
                     }, template: "<div [cdkTrapFocus]=\"trapFocus\" [cdkTrapFocusAutoCapture]=\"this.trigger.isOverlay\">\n  <ng-content />\n</div>\n", styles: [":host.sub-menu{min-inline-size:200px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { show: [{
+        }], ctorParameters: () => [], propDecorators: { focusTrap: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkTrapFocus), { isSignal: true }] }], show: [{
                 type: HostBinding,
                 args: ['class.show']
             }], overlay: [{
@@ -322,15 +322,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 class SiHeaderDropdownItemComponent {
     icons = addIcons({ elementDown2, elementOk, elementRecordFilled });
     /** Optional icon that will be rendered before the label. */
-    icon = input();
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
     /** Badge that is rendered after the label. */
-    badge = input();
+    badge = input(...(ngDevMode ? [undefined, { debugName: "badge" }] : []));
     /** Badge (always red) that is attached to the icon. */
-    iconBadge = input();
+    iconBadge = input(...(ngDevMode ? [undefined, { debugName: "iconBadge" }] : []));
     /** Color of the badge (not iconBadge). */
-    badgeColor = input();
+    badgeColor = input(...(ngDevMode ? [undefined, { debugName: "badgeColor" }] : []));
     /** Whether the icon is checked with a radio or check mark. */
-    checked = input();
+    checked = input(...(ngDevMode ? [undefined, { debugName: "checked" }] : []));
     ownTrigger = inject(SiHeaderDropdownTriggerDirective, {
         self: true,
         optional: true
@@ -345,15 +345,15 @@ class SiHeaderDropdownItemComponent {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiHeaderDropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", 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\" [ngClass]=\"'bg-' + badgeColor()\">{{ badge() }}</span>\n  }\n  @if (checked() === 'check') {\n    <si-icon [icon]=\"icons.elementOk\" />\n  }\n  @if (checked() === 'radio') {\n    <si-icon class=\"icon-small 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: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    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 [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: "20.0.6", ngImport: i0, type: SiHeaderDropdownItemComponent, decorators: [{
+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: [NgClass, SiIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            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'
-                    }, 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\" [ngClass]=\"'bg-' + badgeColor()\">{{ badge() }}</span>\n  }\n  @if (checked() === 'check') {\n    <si-icon [icon]=\"icons.elementOk\" />\n  }\n  @if (checked() === 'radio') {\n    <si-icon class=\"icon-small 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: { 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 [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 }] }], click: [{
                 type: HostListener,
                 args: ['click']
             }] } });
@@ -369,12 +369,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
  * @internal
  */
 class SiHeaderDropdownItemsFactoryComponent {
-    items = input.required();
+    items = input.required(...(ngDevMode ? [{ debugName: "items" }] : []));
     activeChange = output();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiHeaderDropdownItemsFactoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", 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: "pipe", type: SiTranslatePipe, name: "translate" }, { 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"] }] });
+    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" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiHeaderDropdownItemsFactoryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiHeaderDropdownItemsFactoryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-header-dropdown-items-factory', imports: [
                         SiHeaderDropdownComponent,
@@ -383,7 +383,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         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" }]
-        }] });
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], activeChange: [{ type: i0.Output, args: ["activeChange"] }] } });
 
 /**
  * Copyright (c) Siemens 2016 - 2025

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 - 2025\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 - 2025\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  HostBinding,\n  HostListener,\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  },\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  @HostBinding('id') readonly id =\n    `si-navbar-dropdown-trigger-${SiHeaderDropdownTriggerDirective.idCounter++}`;\n\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  @HostBinding('class.show') @HostBinding('attr.aria-expanded') protected _isOpen = false;\n\n  /** @internal */\n  @HostBinding('attr.aria-controls') readonly ariaControls =\n    `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 (options?.all && this.parent) {\n      this.parent.close(options);\n    } else {\n      if (this.navbar?.dropdownClosed) {\n        this.navbar?.dropdownClosed(this);\n      }\n      this.openChange.emit(false);\n    }\n  }\n\n  @HostListener('click')\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 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { A11yModule, CdkTrapFocus } from '@angular/cdk/a11y';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  HostListener,\n  inject,\n  viewChild,\n  DOCUMENT\n} 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  }\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  @HostBinding('class.show')\n  protected get show(): boolean {\n    return this.trigger.isOpen;\n  }\n\n  /** @internal */\n  @HostBinding('class.header-dropdown-overlay') protected get overlay(): boolean {\n    return this.trigger.isOverlay;\n  }\n\n  /** @internal */\n  @HostBinding('class.sub-menu') protected get submenu(): boolean {\n    return this.trigger.level > 1;\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  /** @internal */\n  @HostListener('keydown.escape')\n  protected escape(): void {\n    this.trigger?.close();\n  }\n}\n","<div [cdkTrapFocus]=\"trapFocus\" [cdkTrapFocusAutoCapture]=\"this.trigger.isOverlay\">\n  <ng-content />\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostListener, inject, input } from '@angular/core';\nimport {\n  addIcons,\n  elementDown2,\n  elementOk,\n  elementRecordFilled,\n  SiIconComponent\n} 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: [NgClass, 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  }\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  @HostListener('click')\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\" [ngClass]=\"'bg-' + badgeColor()\">{{ badge() }}</span>\n  }\n  @if (checked() === 'check') {\n    <si-icon [icon]=\"icons.elementOk\" />\n  }\n  @if (checked() === 'radio') {\n    <si-icon class=\"icon-small 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 - 2025\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 - 2025\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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"}
+{"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 - 2025\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 - 2025\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  HostBinding,\n  HostListener,\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  },\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  @HostBinding('id') readonly id =\n    `si-navbar-dropdown-trigger-${SiHeaderDropdownTriggerDirective.idCounter++}`;\n\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  @HostBinding('class.show') @HostBinding('attr.aria-expanded') protected _isOpen = false;\n\n  /** @internal */\n  @HostBinding('attr.aria-controls') readonly ariaControls =\n    `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 (options?.all && this.parent) {\n      this.parent.close(options);\n    } else {\n      if (this.navbar?.dropdownClosed) {\n        this.navbar?.dropdownClosed(this);\n      }\n      this.openChange.emit(false);\n    }\n  }\n\n  @HostListener('click')\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 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { A11yModule, CdkTrapFocus } from '@angular/cdk/a11y';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  HostListener,\n  inject,\n  viewChild,\n  DOCUMENT\n} 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  }\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  @HostBinding('class.show')\n  protected get show(): boolean {\n    return this.trigger.isOpen;\n  }\n\n  /** @internal */\n  @HostBinding('class.header-dropdown-overlay') protected get overlay(): boolean {\n    return this.trigger.isOverlay;\n  }\n\n  /** @internal */\n  @HostBinding('class.sub-menu') protected get submenu(): boolean {\n    return this.trigger.level > 1;\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  /** @internal */\n  @HostListener('keydown.escape')\n  protected escape(): void {\n    this.trigger?.close();\n  }\n}\n","<div [cdkTrapFocus]=\"trapFocus\" [cdkTrapFocusAutoCapture]=\"this.trigger.isOverlay\">\n  <ng-content />\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, HostListener, 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  }\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  @HostListener('click')\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 [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 - 2025\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 - 2025\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;AA0BH,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;MAQU,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;;AAGE,IAAA,EAAE,GAC5B,CAAA,2BAAA,EAA8B,gCAAgC,CAAC,SAAS,EAAE,EAAE;;IAGN,OAAO,GAAG,KAAK;;AAG3C,IAAA,YAAY,GACtD,CAAA,mBAAA,EAAsB,gCAAgC,CAAC,SAAS,EAAE;AAE5D,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;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,IAAI,CAAC,MAAM,EAAE,cAAc,EAAE;AAC/B,gBAAA,IAAI,CAAC,MAAM,EAAE,cAAc,CAAC,IAAI,CAAC;YACnC;AACA,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;QAC7B;IACF;IAGU,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;uGAjNW,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,SAAA,EAAA,YAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,mBAAA,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;kBAP5C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,8BAA8B;AACxC,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE;AACR,qBAAA;AACD,oBAAA,QAAQ,EAAE;AACX,iBAAA;;sBAuCE,WAAW;uBAAC,IAAI;;sBAIhB,WAAW;uBAAC,YAAY;;sBAAG,WAAW;uBAAC,oBAAoB;;sBAG3D,WAAW;uBAAC,oBAAoB;;sBAmGhC,YAAY;uBAAC,OAAO;;;AC/LvB;;;AAGG;AAeH;;;AAGG;MAcU,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,IACc,IAAI,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM;IAC5B;;AAGA,IAAA,IAA4D,OAAO,GAAA;AACjE,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS;IAC/B;;AAGA,IAAA,IAA6C,OAAO,GAAA;AAClD,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC;IAC/B;;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;;IAIU,MAAM,GAAA;AACd,QAAA,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE;IACvB;uGAzDW,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,UAAA,EAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,sBAAA,EAAA,YAAA,EAAA,YAAA,EAAA,WAAA,EAAA,+BAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,cAAA,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,ECvC9D,qHAGA,gGDqBY,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;;2FAWT,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAbrC,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;AAC3B,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,IAAA,EAAA,CAAA;sBA0B3D,WAAW;uBAAC,YAAY;;sBAMxB,WAAW;uBAAC,+BAA+B;;sBAK3C,WAAW;uBAAC,gBAAgB;;sBAa5B,YAAY;uBAAC,gBAAgB;;;AEzFhC;;;AAGG;AAQH;;AAEG;MAWU,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;IAGtE,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;uGA7BW,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,ECxB1C,6tBAyBA,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;;2FAQd,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAVzC,SAAS;+BACE,sFAAsF,EAAA,OAAA,EACvF,CAAC,eAAe,CAAC,mBAGT,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,KAAK,EAAE;AACR,qBAAA,EAAA,QAAA,EAAA,6tBAAA,EAAA,MAAA,EAAA,CAAA,2JAAA,CAAA,EAAA;;sBAuBA,YAAY;uBAAC,OAAO;;;AE7CvB;;;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;;;;"}

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

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
 import { Component } from '@angular/core';
-import { addIcons, elementHelp, SiIconComponent } from '@siemens/element-ng/icon';
+import { elementHelp } from '@siemens/element-icons';
+import { addIcons, SiIconComponent } from '@siemens/element-ng/icon';
 import * as i1 from '@siemens/element-ng/popover';
 import { SiPopoverDirective } from '@siemens/element-ng/popover';
 
@@ -26,13 +27,13 @@ import { SiPopoverDirective } from '@siemens/element-ng/popover';
  */
 class SiHelpButtonComponent {
     icons = addIcons({ elementHelp });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiHelpButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiHelpButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    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 si-icon{transform:scale(1.3333333333)}:host:hover{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"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiHelpButtonComponent, decorators: [{
+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>
@@ -47,7 +48,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                                 'siPopoverPlacement:siHelpPlacement'
                             ]
                         }
-                    ], 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 si-icon{transform:scale(1.3333333333)}:host:hover{color:var(--element-ui-1)}:host:disabled{color:var(--element-text-disabled)}\n"] }]
+                    ], 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"] }]
         }] });
 
 /**

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 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { Component } from '@angular/core';\nimport { addIcons, elementHelp, 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 - 2025\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;AAKH;;;;;;;;;;;;;;;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,8RAAA,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,8RAAA,CAAA,EAAA;;;AC3CH;;;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 - 2025\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 - 2025\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;;;;"}

package/fesm2022/siemens-element-ng-icon-status.mjs

@@ -11,11 +11,11 @@ import { SiStatusCounterComponent } from '@siemens/element-ng/status-counter';
  * use `SiStatusCounterComponent` and `si-status-counter`.
  */
 class SiIconStatusModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiIconStatusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: SiIconStatusModule, imports: [SiStatusCounterComponent], exports: [SiStatusCounterComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiIconStatusModule, imports: [SiStatusCounterComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiIconStatusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: SiIconStatusModule, imports: [SiStatusCounterComponent], exports: [SiStatusCounterComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiIconStatusModule, imports: [SiStatusCounterComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiIconStatusModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiIconStatusModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [SiStatusCounterComponent],