@elementar-rt/components 0.6.58 → 0.7.0

package/fesm2022/elementar-rt-components-navigation.mjs

@@ -9,10 +9,10 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 class NavigationItemIconDirective {
     templateRef = inject(TemplateRef, { optional: true });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: NavigationItemIconDirective, isStandalone: true, selector: "[emrNavigationItemIcon]", host: { classAttribute: "emr-navigation-item-icon" }, exportAs: ["emrNavigationItemIcon"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NavigationItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: NavigationItemIconDirective, isStandalone: true, selector: "[emrNavigationItemIcon]", host: { classAttribute: "emr-navigation-item-icon" }, exportAs: ["emrNavigationItemIcon"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationItemIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NavigationItemIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrNavigationItemIcon]',
@@ -49,22 +49,18 @@ class NavigationItemComponent {
     _navigation = inject(NAVIGATION);
     _elementRef = inject(ElementRef);
     parentGroup = inject(NAVIGATION_GROUP, { optional: true });
-    iconRef = contentChild(NavigationItemIconDirective, ...(ngDevMode ? [{ debugName: "iconRef" }] : []));
+    iconRef = contentChild(NavigationItemIconDirective, ...(ngDevMode ? [{ debugName: "iconRef" }] : /* istanbul ignore next */ []));
     active = computed(() => {
         return this.store.activeKey() === this.key();
-    }, ...(ngDevMode ? [{ debugName: "active" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
     get api() {
         return {
             isActive: () => this.active()
         };
     }
-    key = input(`emr-navigation-item-${nextKey++}`, ...(ngDevMode ? [{ debugName: "key" }] : []));
-    forceActive = input(false, ...(ngDevMode ? [{ debugName: "forceActive", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    badgeTextOnly = input(false, ...(ngDevMode ? [{ debugName: "badgeTextOnly", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
+    key = input(`emr-navigation-item-${nextKey++}`, ...(ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []));
+    forceActive = input(false, { ...(ngDevMode ? { debugName: "forceActive" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    badgeTextOnly = input(false, { ...(ngDevMode ? { debugName: "badgeTextOnly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     click(event) {
         if (!this.key()) {
             return;
@@ -84,10 +80,10 @@ class NavigationItemComponent {
     get iconRefTemplate() {
         return this.iconRef()?.templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: NavigationItemComponent, isStandalone: true, selector: "emr-navigation-item,[emr-navigation-item]", inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: false, transformFunction: null }, forceActive: { classPropertyName: "forceActive", publicName: "forceActive", isSignal: true, isRequired: false, transformFunction: null }, badgeTextOnly: { classPropertyName: "badgeTextOnly", publicName: "badgeTextOnly", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "click($event)" }, properties: { "class.is-active": "forceActive() || active()", "class.is-badge-text-only": "badgeTextOnly()" }, classAttribute: "emr-navigation-item" }, queries: [{ propertyName: "iconRef", first: true, predicate: NavigationItemIconDirective, descendants: true, isSignal: true }], exportAs: ["emrNavigationItem"], ngImport: i0, template: "<div class=\"inner\" matRipple>\n  <div class=\"icon\">\n    <ng-content select=\"[emrNavigationItemIcon]\"/>\n    @if (iconRef()) {\n      <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\n    }\n  </div>\n  <span class=\"text grow\"><ng-content/></span>\n  <div class=\"badge\">\n    <ng-content select=\"[emrNavigationItemBadge]\"/>\n  </div>\n</div>\n", styles: [":host{display:block;text-decoration:none;position:relative}:host .inner{display:flex;align-items:center;min-width:0;white-space:nowrap;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;width:var(--emr-navigation-item-width);background-color:var(--emr-navigation-item-bg);min-height:var(--emr-navigation-item-height);padding:var(--emr-navigation-item-padding);font-size:var(--emr-navigation-item-font-size);border-radius:var(--emr-navigation-item-border-radius);font-weight:var(--emr-navigation-item-font-weight);color:var(--emr-navigation-item-color);gap:var(--emr-navigation-item-gap);border:var(--emr-navigation-item-border-width) solid var(--emr-navigation-item-border-color)}:host:hover{text-decoration:none}:host:hover .inner{transition:background-color .2s;background-color:var(--emr-navigation-item-hover-bg);color:var(--emr-navigation-item-hover-color)}:host .text{overflow:hidden;text-overflow:ellipsis}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing, .25rem) * 5);min-width:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;font-size:var(--text-xs);padding:0 calc(var(--spacing, .25rem) * 1.5);font-weight:700}:host .badge:empty{display:none}:host:not(.is-badge-text-only) .badge{font-weight:600;font-size:var(--text-2xs);background:var(--color-surface-tint);color:var(--color-on-primary)}:host .icon{position:relative;left:-1px;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--emr-navigation-item-icon-width);color:var(--emr-navigation-item-icon-color)}:host .icon:empty{display:none}:host.is-active .inner,:host.is-active:hover .inner{background-color:var(--emr-navigation-item-active-bg);color:var(--emr-navigation-item-active-color)}:host:not(.is-active):hover{text-decoration:none}:host:not(.is-active):hover .icon{color:var(--emr-navigation-item-hover-icon-color)}:host.is-active .icon{color:var(--emr-navigation-item-active-icon-color)}:host-context([data-appearance=secondary]){--emr-navigation-item-border-radius: calc(infinity * 1px);--emr-navigation-item-height: calc(var(--spacing, .25rem) * 11);--emr-navigation-item-active-bg: var(--color-background)}:host-context([data-appearance=secondary]).is-active{--emr-navigation-item-border-color: var(--color-neutral-900)}:host-context(.emr-navigation-group-menu) .inner{margin:var(--emr-navigation-nested-item-margin);width:calc(var(--emr-navigation-item-width) - var(--emr-navigation-nested-item-margin));background-color:var(--emr-navigation-nested-item-bg);min-height:var(--emr-navigation-nested-item-height);padding:var(--emr-navigation-nested-item-padding);color:var(--emr-navigation-nested-item-color)}:host-context(.emr-navigation-group-menu):hover .inner{background-color:var(--emr-navigation-nested-item-hover-bg);color:var(--emr-navigation-nested-item-hover-color)}:host-context(.emr-navigation-group-menu).is-active .inner,:host-context(.emr-navigation-group-menu).is-active:hover .inner{background-color:var(--emr-navigation-nested-item-active-bg);color:var(--emr-navigation-nested-item-active-color)}:host-context(.emr-navigation-group-menu):not(:last-child):before{content:\"\";position:absolute;top:0;left:20px;bottom:-10px;width:1px;background:var(--emr-navigation-group-tree-lines-color);z-index:0}:host-context(.emr-navigation-group-menu):after{content:\"\";position:absolute;top:0;left:20px;width:calc(var(--emr-navigation-nested-item-height) / 1.5);height:calc(var(--emr-navigation-nested-item-height) / 2);border-bottom-left-radius:calc(var(--emr-navigation-nested-item-height) / 4);border-left:1px solid var(--emr-navigation-group-tree-lines-color);border-bottom:1px solid var(--emr-navigation-group-tree-lines-color)}:host-context(html.dark [data-appearance=secondary]).is-active{--emr-navigation-item-border-color: var(--color-neutral-400);--emr-navigation-item-active-color: var(--color-neutral-300)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: NavigationItemComponent, isStandalone: true, selector: "emr-navigation-item,[emr-navigation-item]", inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: false, transformFunction: null }, forceActive: { classPropertyName: "forceActive", publicName: "forceActive", isSignal: true, isRequired: false, transformFunction: null }, badgeTextOnly: { classPropertyName: "badgeTextOnly", publicName: "badgeTextOnly", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "click($event)" }, properties: { "class.is-active": "forceActive() || active()", "class.is-badge-text-only": "badgeTextOnly()" }, classAttribute: "emr-navigation-item" }, queries: [{ propertyName: "iconRef", first: true, predicate: NavigationItemIconDirective, descendants: true, isSignal: true }], exportAs: ["emrNavigationItem"], ngImport: i0, template: "<div class=\"inner\" matRipple>\n  <div class=\"icon\">\n    <ng-content select=\"[emrNavigationItemIcon]\"/>\n    @if (iconRef()) {\n      <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\n    }\n  </div>\n  <span class=\"text grow\"><ng-content/></span>\n  <div class=\"badge\">\n    <ng-content select=\"[emrNavigationItemBadge]\"/>\n  </div>\n</div>\n", styles: [":host{display:block;text-decoration:none;position:relative}:host .inner{display:flex;align-items:center;min-width:0;white-space:nowrap;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;width:var(--emr-navigation-item-width);background-color:var(--emr-navigation-item-bg);min-height:var(--emr-navigation-item-height);padding:var(--emr-navigation-item-padding);font-size:var(--emr-navigation-item-font-size);border-radius:var(--emr-navigation-item-border-radius);font-weight:var(--emr-navigation-item-font-weight);color:var(--emr-navigation-item-color);gap:var(--emr-navigation-item-gap);border:var(--emr-navigation-item-border-width) solid var(--emr-navigation-item-border-color)}:host:hover{text-decoration:none}:host:hover .inner{transition:background-color .2s;background-color:var(--emr-navigation-item-hover-bg);color:var(--emr-navigation-item-hover-color)}:host .text{overflow:hidden;text-overflow:ellipsis}:host .badge:empty{display:none}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing, .25rem) * 5);min-width:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;font-size:var(--text-xs);padding:0 calc(var(--spacing, .25rem) * 1.5);font-weight:700}:host:not(.is-badge-text-only) .badge{font-weight:600;font-size:var(--text-2xs);background:var(--color-surface-tint);color:var(--color-on-primary)}:host .icon{position:relative;left:-1px;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--emr-navigation-item-icon-width);color:var(--emr-navigation-item-icon-color)}:host .icon:empty{display:none}:host.is-active .inner,:host.is-active:hover .inner{background-color:var(--emr-navigation-item-active-bg);color:var(--emr-navigation-item-active-color)}:host:not(.is-active):hover{text-decoration:none}:host:not(.is-active):hover .icon{color:var(--emr-navigation-item-hover-icon-color)}:host.is-active .icon{color:var(--emr-navigation-item-active-icon-color)}:host-context([data-appearance=secondary]){--emr-navigation-item-border-radius: calc(infinity * 1px);--emr-navigation-item-height: calc(var(--spacing, .25rem) * 11);--emr-navigation-item-active-bg: var(--color-background)}:host-context([data-appearance=secondary]).is-active{--emr-navigation-item-border-color: var(--color-neutral-900)}:host-context(.emr-navigation-group-menu) .inner{margin:var(--emr-navigation-nested-item-margin);width:calc(var(--emr-navigation-item-width) - var(--emr-navigation-nested-item-margin));background-color:var(--emr-navigation-nested-item-bg);min-height:var(--emr-navigation-nested-item-height);padding:var(--emr-navigation-nested-item-padding);color:var(--emr-navigation-nested-item-color)}:host-context(.emr-navigation-group-menu):hover .inner{background-color:var(--emr-navigation-nested-item-hover-bg);color:var(--emr-navigation-nested-item-hover-color)}:host-context(.emr-navigation-group-menu).is-active .inner,:host-context(.emr-navigation-group-menu).is-active:hover .inner{background-color:var(--emr-navigation-nested-item-active-bg);color:var(--emr-navigation-nested-item-active-color)}:host-context(.emr-navigation-group-menu):not(:last-child):before{content:\"\";position:absolute;top:0;left:20px;bottom:-10px;width:1px;background:var(--emr-navigation-group-tree-lines-color);z-index:0}:host-context(.emr-navigation-group-menu):after{content:\"\";position:absolute;top:0;left:20px;width:calc(var(--emr-navigation-nested-item-height) / 1.5);height:calc(var(--emr-navigation-nested-item-height) / 2);border-bottom-left-radius:calc(var(--emr-navigation-nested-item-height) / 4);border-left:1px solid var(--emr-navigation-group-tree-lines-color);border-bottom:1px solid var(--emr-navigation-group-tree-lines-color)}:host-context(html.dark [data-appearance=secondary]).is-active{--emr-navigation-item-border-color: var(--color-neutral-400);--emr-navigation-item-active-color: var(--color-neutral-300)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NavigationItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-navigation-item,[emr-navigation-item]', exportAs: 'emrNavigationItem', imports: [
                         MatRipple,
@@ -97,7 +93,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         '[class.is-active]': 'forceActive() || active()',
                         '[class.is-badge-text-only]': 'badgeTextOnly()',
                         '(click)': 'click($event)'
-                    }, template: "<div class=\"inner\" matRipple>\n  <div class=\"icon\">\n    <ng-content select=\"[emrNavigationItemIcon]\"/>\n    @if (iconRef()) {\n      <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\n    }\n  </div>\n  <span class=\"text grow\"><ng-content/></span>\n  <div class=\"badge\">\n    <ng-content select=\"[emrNavigationItemBadge]\"/>\n  </div>\n</div>\n", styles: [":host{display:block;text-decoration:none;position:relative}:host .inner{display:flex;align-items:center;min-width:0;white-space:nowrap;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;width:var(--emr-navigation-item-width);background-color:var(--emr-navigation-item-bg);min-height:var(--emr-navigation-item-height);padding:var(--emr-navigation-item-padding);font-size:var(--emr-navigation-item-font-size);border-radius:var(--emr-navigation-item-border-radius);font-weight:var(--emr-navigation-item-font-weight);color:var(--emr-navigation-item-color);gap:var(--emr-navigation-item-gap);border:var(--emr-navigation-item-border-width) solid var(--emr-navigation-item-border-color)}:host:hover{text-decoration:none}:host:hover .inner{transition:background-color .2s;background-color:var(--emr-navigation-item-hover-bg);color:var(--emr-navigation-item-hover-color)}:host .text{overflow:hidden;text-overflow:ellipsis}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing, .25rem) * 5);min-width:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;font-size:var(--text-xs);padding:0 calc(var(--spacing, .25rem) * 1.5);font-weight:700}:host .badge:empty{display:none}:host:not(.is-badge-text-only) .badge{font-weight:600;font-size:var(--text-2xs);background:var(--color-surface-tint);color:var(--color-on-primary)}:host .icon{position:relative;left:-1px;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--emr-navigation-item-icon-width);color:var(--emr-navigation-item-icon-color)}:host .icon:empty{display:none}:host.is-active .inner,:host.is-active:hover .inner{background-color:var(--emr-navigation-item-active-bg);color:var(--emr-navigation-item-active-color)}:host:not(.is-active):hover{text-decoration:none}:host:not(.is-active):hover .icon{color:var(--emr-navigation-item-hover-icon-color)}:host.is-active .icon{color:var(--emr-navigation-item-active-icon-color)}:host-context([data-appearance=secondary]){--emr-navigation-item-border-radius: calc(infinity * 1px);--emr-navigation-item-height: calc(var(--spacing, .25rem) * 11);--emr-navigation-item-active-bg: var(--color-background)}:host-context([data-appearance=secondary]).is-active{--emr-navigation-item-border-color: var(--color-neutral-900)}:host-context(.emr-navigation-group-menu) .inner{margin:var(--emr-navigation-nested-item-margin);width:calc(var(--emr-navigation-item-width) - var(--emr-navigation-nested-item-margin));background-color:var(--emr-navigation-nested-item-bg);min-height:var(--emr-navigation-nested-item-height);padding:var(--emr-navigation-nested-item-padding);color:var(--emr-navigation-nested-item-color)}:host-context(.emr-navigation-group-menu):hover .inner{background-color:var(--emr-navigation-nested-item-hover-bg);color:var(--emr-navigation-nested-item-hover-color)}:host-context(.emr-navigation-group-menu).is-active .inner,:host-context(.emr-navigation-group-menu).is-active:hover .inner{background-color:var(--emr-navigation-nested-item-active-bg);color:var(--emr-navigation-nested-item-active-color)}:host-context(.emr-navigation-group-menu):not(:last-child):before{content:\"\";position:absolute;top:0;left:20px;bottom:-10px;width:1px;background:var(--emr-navigation-group-tree-lines-color);z-index:0}:host-context(.emr-navigation-group-menu):after{content:\"\";position:absolute;top:0;left:20px;width:calc(var(--emr-navigation-nested-item-height) / 1.5);height:calc(var(--emr-navigation-nested-item-height) / 2);border-bottom-left-radius:calc(var(--emr-navigation-nested-item-height) / 4);border-left:1px solid var(--emr-navigation-group-tree-lines-color);border-bottom:1px solid var(--emr-navigation-group-tree-lines-color)}:host-context(html.dark [data-appearance=secondary]).is-active{--emr-navigation-item-border-color: var(--color-neutral-400);--emr-navigation-item-active-color: var(--color-neutral-300)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"inner\" matRipple>\n  <div class=\"icon\">\n    <ng-content select=\"[emrNavigationItemIcon]\"/>\n    @if (iconRef()) {\n      <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\n    }\n  </div>\n  <span class=\"text grow\"><ng-content/></span>\n  <div class=\"badge\">\n    <ng-content select=\"[emrNavigationItemBadge]\"/>\n  </div>\n</div>\n", styles: [":host{display:block;text-decoration:none;position:relative}:host .inner{display:flex;align-items:center;min-width:0;white-space:nowrap;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;width:var(--emr-navigation-item-width);background-color:var(--emr-navigation-item-bg);min-height:var(--emr-navigation-item-height);padding:var(--emr-navigation-item-padding);font-size:var(--emr-navigation-item-font-size);border-radius:var(--emr-navigation-item-border-radius);font-weight:var(--emr-navigation-item-font-weight);color:var(--emr-navigation-item-color);gap:var(--emr-navigation-item-gap);border:var(--emr-navigation-item-border-width) solid var(--emr-navigation-item-border-color)}:host:hover{text-decoration:none}:host:hover .inner{transition:background-color .2s;background-color:var(--emr-navigation-item-hover-bg);color:var(--emr-navigation-item-hover-color)}:host .text{overflow:hidden;text-overflow:ellipsis}:host .badge:empty{display:none}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing, .25rem) * 5);min-width:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;font-size:var(--text-xs);padding:0 calc(var(--spacing, .25rem) * 1.5);font-weight:700}:host:not(.is-badge-text-only) .badge{font-weight:600;font-size:var(--text-2xs);background:var(--color-surface-tint);color:var(--color-on-primary)}:host .icon{position:relative;left:-1px;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--emr-navigation-item-icon-width);color:var(--emr-navigation-item-icon-color)}:host .icon:empty{display:none}:host.is-active .inner,:host.is-active:hover .inner{background-color:var(--emr-navigation-item-active-bg);color:var(--emr-navigation-item-active-color)}:host:not(.is-active):hover{text-decoration:none}:host:not(.is-active):hover .icon{color:var(--emr-navigation-item-hover-icon-color)}:host.is-active .icon{color:var(--emr-navigation-item-active-icon-color)}:host-context([data-appearance=secondary]){--emr-navigation-item-border-radius: calc(infinity * 1px);--emr-navigation-item-height: calc(var(--spacing, .25rem) * 11);--emr-navigation-item-active-bg: var(--color-background)}:host-context([data-appearance=secondary]).is-active{--emr-navigation-item-border-color: var(--color-neutral-900)}:host-context(.emr-navigation-group-menu) .inner{margin:var(--emr-navigation-nested-item-margin);width:calc(var(--emr-navigation-item-width) - var(--emr-navigation-nested-item-margin));background-color:var(--emr-navigation-nested-item-bg);min-height:var(--emr-navigation-nested-item-height);padding:var(--emr-navigation-nested-item-padding);color:var(--emr-navigation-nested-item-color)}:host-context(.emr-navigation-group-menu):hover .inner{background-color:var(--emr-navigation-nested-item-hover-bg);color:var(--emr-navigation-nested-item-hover-color)}:host-context(.emr-navigation-group-menu).is-active .inner,:host-context(.emr-navigation-group-menu).is-active:hover .inner{background-color:var(--emr-navigation-nested-item-active-bg);color:var(--emr-navigation-nested-item-active-color)}:host-context(.emr-navigation-group-menu):not(:last-child):before{content:\"\";position:absolute;top:0;left:20px;bottom:-10px;width:1px;background:var(--emr-navigation-group-tree-lines-color);z-index:0}:host-context(.emr-navigation-group-menu):after{content:\"\";position:absolute;top:0;left:20px;width:calc(var(--emr-navigation-nested-item-height) / 1.5);height:calc(var(--emr-navigation-nested-item-height) / 2);border-bottom-left-radius:calc(var(--emr-navigation-nested-item-height) / 4);border-left:1px solid var(--emr-navigation-group-tree-lines-color);border-bottom:1px solid var(--emr-navigation-group-tree-lines-color)}:host-context(html.dark [data-appearance=secondary]).is-active{--emr-navigation-item-border-color: var(--color-neutral-400);--emr-navigation-item-active-color: var(--color-neutral-300)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { iconRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NavigationItemIconDirective), { isSignal: true }] }], key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], forceActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceActive", required: false }] }], badgeTextOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeTextOnly", required: false }] }] } });
 
 class NavigationComponent {
@@ -107,15 +103,11 @@ class NavigationComponent {
     location = inject(Location);
     router = inject(Router);
     destroyRef = inject(DestroyRef);
-    _items = contentChildren(NavigationItemComponent, ...(ngDevMode ? [{ debugName: "_items", descendants: true }] : [{ descendants: true }]));
-    activeKey = input(...(ngDevMode ? [undefined, { debugName: "activeKey" }] : []));
-    appearance = input(...(ngDevMode ? [undefined, { debugName: "appearance" }] : []));
-    activateByRoute = input(false, ...(ngDevMode ? [{ debugName: "activateByRoute", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    autoScrollToActiveItem = input(false, ...(ngDevMode ? [{ debugName: "autoScrollToActiveItem", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
+    _items = contentChildren(NavigationItemComponent, { ...(ngDevMode ? { debugName: "_items" } : /* istanbul ignore next */ {}), descendants: true });
+    activeKey = input(...(ngDevMode ? [undefined, { debugName: "activeKey" }] : /* istanbul ignore next */ []));
+    appearance = input(...(ngDevMode ? [undefined, { debugName: "appearance" }] : /* istanbul ignore next */ []));
+    activateByRoute = input(false, { ...(ngDevMode ? { debugName: "activateByRoute" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    autoScrollToActiveItem = input(false, { ...(ngDevMode ? { debugName: "autoScrollToActiveItem" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     itemClicked = output();
     constructor() {
         // scroll to the active item if it is not visible in the viewport
@@ -195,16 +187,16 @@ class NavigationComponent {
             this.store.setActiveKey(activeItem.key());
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.25", type: NavigationComponent, isStandalone: true, selector: "emr-navigation", inputs: { activeKey: { classPropertyName: "activeKey", publicName: "activeKey", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, activateByRoute: { classPropertyName: "activateByRoute", publicName: "activateByRoute", isSignal: true, isRequired: false, transformFunction: null }, autoScrollToActiveItem: { classPropertyName: "autoScrollToActiveItem", publicName: "autoScrollToActiveItem", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClicked: "itemClicked" }, host: { classAttribute: "emr-navigation" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.22", type: NavigationComponent, isStandalone: true, selector: "emr-navigation", inputs: { activeKey: { classPropertyName: "activeKey", publicName: "activeKey", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, activateByRoute: { classPropertyName: "activateByRoute", publicName: "activateByRoute", isSignal: true, isRequired: false, transformFunction: null }, autoScrollToActiveItem: { classPropertyName: "autoScrollToActiveItem", publicName: "autoScrollToActiveItem", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClicked: "itemClicked" }, host: { classAttribute: "emr-navigation" }, providers: [
             NavigationStore,
             {
                 provide: NAVIGATION,
                 useExisting: forwardRef(() => NavigationComponent),
             }
-        ], queries: [{ propertyName: "_items", predicate: NavigationItemComponent, descendants: true, isSignal: true }], exportAs: ["emrNavigation"], usesOnChanges: true, ngImport: i0, template: "<ng-content/>\n", styles: [":host{--emr-navigation-bg: inherit;--emr-navigation-items-gap: calc(var(--spacing, .25rem) * .5);--emr-navigation-item-width: 100%;--emr-navigation-item-bg: transparent;--emr-navigation-item-height: calc(var(--spacing, .25rem) * 12);--emr-navigation-item-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-navigation-item-font-size: .875rem;--emr-navigation-item-border-radius: calc(infinity * 1px);--emr-navigation-item-border-width: 1px;--emr-navigation-item-border-color: transparent;--emr-navigation-item-font-weight: 500;--emr-navigation-item-color: var(--color-secondary);--emr-navigation-item-hover-bg: var(--color-neutral-300);--emr-navigation-item-active-bg: var(--color-secondary-container);--emr-navigation-item-hover-color: var(--color-on-secondary-fixed);--emr-navigation-item-active-color: var(--color-on-secondary-fixed);--emr-navigation-item-icon-font-size: 1.5rem;--emr-navigation-item-icon-color: var(--color-secondary-700);--emr-navigation-item-icon-width: 27px;--emr-navigation-item-hover-icon-color: var(--color-secondary-800);--emr-navigation-item-active-icon-color: var(--color-secondary-950);--emr-navigation-item-icon-size: calc(var(--spacing, .25rem) * 6);--emr-navigation-item-gap: calc(var(--spacing, .25rem) * 2.5);--emr-navigation-item-has-icon-padding-start: calc(var(--spacing, .25rem) * 2.5);--emr-navigation-heading-color: var(--color-neutral-900);--emr-navigation-heading-font-size: var(--text-2xs);--emr-navigation-heading-font-weight: 700;--emr-navigation-heading-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-navigation-heading-margin-bottom: calc(var(--spacing, .25rem) * 2);--emr-navigation-heading-after-margin: calc(var(--spacing, .25rem) * 8);--emr-navigation-heading-text-transform: uppercase;--emr-navigation-divider-height: 1px;--emr-navigation-divider-bg: var(--color-border);--emr-navigation-divider-margin: calc(var(--spacing, .25rem) * 6) 0;--emr-navigation-group-toggle-has-icon-padding-end: calc(var(--spacing, .25rem) * 2);--emr-navigation-group-toggle-icon-color: var(--color-neutral-400);--emr-navigation-group-toggle-icon-position-end: calc(var(--spacing, .25rem) * 3);--emr-navigation-group-toggle-icon-size: calc(var(--spacing, .25rem) * 4);--emr-navigation-group-menu-padding-start: 0;--emr-navigation-group-toggle-bg: transparent;--emr-navigation-group-toggle-active-bg: var(--color-neutral-300);--emr-navigation-group-toggle-active-color: var(--emr-navigation-item-active-color);--emr-navigation-nested-item-bg: transparent;--emr-navigation-nested-item-height: calc(var(--spacing, .25rem) * 10);--emr-navigation-nested-item-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-navigation-nested-item-margin: 0 0 0 52px;--emr-navigation-nested-item-border-radius: 0;--emr-navigation-nested-item-color: var(--color-secondary-600);--emr-navigation-nested-item-hover-bg: var(--color-neutral-200);--emr-navigation-nested-item-active-bg: var(--color-secondary-fixed);--emr-navigation-nested-item-hover-color: var(--color-on-secondary-fixed);--emr-navigation-nested-item-active-color: var(--color-on-secondary-fixed);--emr-navigation-nested-item-indicator-width: calc(var(--spacing, .25rem) * 3.5);--emr-navigation-nested-item-indicator-height: calc(var(--spacing, .25rem) * .5);--emr-navigation-nested-item-indicator-bg: var(--color-neutral-500);--emr-navigation-nested-item-indicator-position-start: calc(calc(var(--spacing, .25rem) * 2.5) * -1);--emr-navigation-group-active-bg: transparent;--emr-navigation-group-border-radius: 0;--emr-navigation-group-tree-lines-color: var(--color-border);--emr-navigation-heading-text-align: start;display:flex;flex-direction:column;gap:var(--emr-navigation-items-gap);background:var(--emr-navigation-bg)}:host ::ng-deep .emr-navigation-group-toggle-icon{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host ::ng-deep>*+.emr-navigation-heading{margin-top:var(--emr-navigation-heading-after-margin)}:host-context(html.dark){--emr-navigation-item-color: var(--color-neutral-300);--emr-navigation-item-icon-color: var(--color-neutral-400);--emr-navigation-item-hover-bg: var(--color-neutral-700);--emr-navigation-item-active-bg: var(--color-primary-300);--emr-navigation-item-hover-color: var(--color-neutral-100);--emr-navigation-item-hover-icon-color: var(--color-neutral-100);--emr-navigation-item-active-color: var(--color-neutral-950);--emr-navigation-item-active-icon-color: var(--color-neutral-950);--emr-navigation-heading-color: var(--color-neutral-200);--emr-navigation-nested-item-color: var(--color-neutral-300);--emr-navigation-nested-item-hover-bg: var(--color-neutral-700);--emr-navigation-nested-item-hover-color: var(--color-neutral-100);--emr-navigation-group-toggle-active-bg: var(--color-neutral-800);--emr-navigation-group-toggle-active-color: var(--color-neutral-100);--emr-navigation-group-toggle-hover-bg: var(--color-neutral-800)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], queries: [{ propertyName: "_items", predicate: NavigationItemComponent, descendants: true, isSignal: true }], exportAs: ["emrNavigation"], usesOnChanges: true, ngImport: i0, template: "<ng-content/>\n", styles: [":host{--emr-navigation-bg: inherit;--emr-navigation-items-gap: calc(var(--spacing, .25rem) * .5);--emr-navigation-item-width: 100%;--emr-navigation-item-bg: transparent;--emr-navigation-item-height: calc(var(--spacing, .25rem) * 12);--emr-navigation-item-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-navigation-item-font-size: .875rem;--emr-navigation-item-border-radius: calc(infinity * 1px);--emr-navigation-item-border-width: 1px;--emr-navigation-item-border-color: transparent;--emr-navigation-item-font-weight: 500;--emr-navigation-item-color: var(--color-secondary);--emr-navigation-item-hover-bg: var(--color-neutral-300);--emr-navigation-item-active-bg: var(--color-secondary-container);--emr-navigation-item-hover-color: var(--color-on-secondary-fixed);--emr-navigation-item-active-color: var(--color-on-secondary-fixed);--emr-navigation-item-icon-font-size: 1.5rem;--emr-navigation-item-icon-color: var(--color-secondary-700);--emr-navigation-item-icon-width: 27px;--emr-navigation-item-hover-icon-color: var(--color-secondary-800);--emr-navigation-item-active-icon-color: var(--color-secondary-950);--emr-navigation-item-icon-size: calc(var(--spacing, .25rem) * 6);--emr-navigation-item-gap: calc(var(--spacing, .25rem) * 2.5);--emr-navigation-item-has-icon-padding-start: calc(var(--spacing, .25rem) * 2.5);--emr-navigation-heading-color: var(--color-neutral-900);--emr-navigation-heading-font-size: var(--text-2xs);--emr-navigation-heading-font-weight: 700;--emr-navigation-heading-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-navigation-heading-margin-bottom: calc(var(--spacing, .25rem) * 2);--emr-navigation-heading-after-margin: calc(var(--spacing, .25rem) * 8);--emr-navigation-heading-text-transform: uppercase;--emr-navigation-divider-height: 1px;--emr-navigation-divider-bg: var(--color-border);--emr-navigation-divider-margin: calc(var(--spacing, .25rem) * 6) 0;--emr-navigation-group-toggle-has-icon-padding-end: calc(var(--spacing, .25rem) * 2);--emr-navigation-group-toggle-icon-color: var(--color-neutral-400);--emr-navigation-group-toggle-icon-position-end: calc(var(--spacing, .25rem) * 3);--emr-navigation-group-toggle-icon-size: calc(var(--spacing, .25rem) * 4);--emr-navigation-group-menu-padding-start: 0;--emr-navigation-group-toggle-bg: transparent;--emr-navigation-group-toggle-active-bg: var(--color-neutral-300);--emr-navigation-group-toggle-active-color: var(--emr-navigation-item-active-color);--emr-navigation-nested-item-bg: transparent;--emr-navigation-nested-item-height: calc(var(--spacing, .25rem) * 10);--emr-navigation-nested-item-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-navigation-nested-item-margin: 0 0 0 52px;--emr-navigation-nested-item-border-radius: 0;--emr-navigation-nested-item-color: var(--color-secondary-600);--emr-navigation-nested-item-hover-bg: var(--color-neutral-200);--emr-navigation-nested-item-active-bg: var(--color-secondary-fixed);--emr-navigation-nested-item-hover-color: var(--color-on-secondary-fixed);--emr-navigation-nested-item-active-color: var(--color-on-secondary-fixed);--emr-navigation-nested-item-indicator-width: calc(var(--spacing, .25rem) * 3.5);--emr-navigation-nested-item-indicator-height: calc(var(--spacing, .25rem) * .5);--emr-navigation-nested-item-indicator-bg: var(--color-neutral-500);--emr-navigation-nested-item-indicator-position-start: calc(calc(var(--spacing, .25rem) * 2.5) * -1);--emr-navigation-group-active-bg: transparent;--emr-navigation-group-border-radius: 0;--emr-navigation-group-tree-lines-color: var(--color-border);--emr-navigation-heading-text-align: start;display:flex;flex-direction:column;gap:var(--emr-navigation-items-gap);background:var(--emr-navigation-bg)}:host ::ng-deep .emr-navigation-group-toggle-icon{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host ::ng-deep>*+.emr-navigation-heading{margin-top:var(--emr-navigation-heading-after-margin)}:host-context(html.dark){--emr-navigation-item-color: var(--color-neutral-300);--emr-navigation-item-icon-color: var(--color-neutral-400);--emr-navigation-item-hover-bg: var(--color-neutral-700);--emr-navigation-item-active-bg: var(--color-primary-300);--emr-navigation-item-hover-color: var(--color-neutral-100);--emr-navigation-item-hover-icon-color: var(--color-neutral-100);--emr-navigation-item-active-color: var(--color-neutral-950);--emr-navigation-item-active-icon-color: var(--color-neutral-950);--emr-navigation-heading-color: var(--color-neutral-200);--emr-navigation-nested-item-color: var(--color-neutral-300);--emr-navigation-nested-item-hover-bg: var(--color-neutral-700);--emr-navigation-nested-item-hover-color: var(--color-neutral-100);--emr-navigation-group-toggle-active-bg: var(--color-neutral-800);--emr-navigation-group-toggle-active-color: var(--color-neutral-100);--emr-navigation-group-toggle-hover-bg: var(--color-neutral-800)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-navigation', exportAs: 'emrNavigation', providers: [
                         NavigationStore,
@@ -214,43 +206,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         }
                     ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'emr-navigation'
-                    }, template: "<ng-content/>\n", styles: [":host{--emr-navigation-bg: inherit;--emr-navigation-items-gap: calc(var(--spacing, .25rem) * .5);--emr-navigation-item-width: 100%;--emr-navigation-item-bg: transparent;--emr-navigation-item-height: calc(var(--spacing, .25rem) * 12);--emr-navigation-item-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-navigation-item-font-size: .875rem;--emr-navigation-item-border-radius: calc(infinity * 1px);--emr-navigation-item-border-width: 1px;--emr-navigation-item-border-color: transparent;--emr-navigation-item-font-weight: 500;--emr-navigation-item-color: var(--color-secondary);--emr-navigation-item-hover-bg: var(--color-neutral-300);--emr-navigation-item-active-bg: var(--color-secondary-container);--emr-navigation-item-hover-color: var(--color-on-secondary-fixed);--emr-navigation-item-active-color: var(--color-on-secondary-fixed);--emr-navigation-item-icon-font-size: 1.5rem;--emr-navigation-item-icon-color: var(--color-secondary-700);--emr-navigation-item-icon-width: 27px;--emr-navigation-item-hover-icon-color: var(--color-secondary-800);--emr-navigation-item-active-icon-color: var(--color-secondary-950);--emr-navigation-item-icon-size: calc(var(--spacing, .25rem) * 6);--emr-navigation-item-gap: calc(var(--spacing, .25rem) * 2.5);--emr-navigation-item-has-icon-padding-start: calc(var(--spacing, .25rem) * 2.5);--emr-navigation-heading-color: var(--color-neutral-900);--emr-navigation-heading-font-size: var(--text-2xs);--emr-navigation-heading-font-weight: 700;--emr-navigation-heading-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-navigation-heading-margin-bottom: calc(var(--spacing, .25rem) * 2);--emr-navigation-heading-after-margin: calc(var(--spacing, .25rem) * 8);--emr-navigation-heading-text-transform: uppercase;--emr-navigation-divider-height: 1px;--emr-navigation-divider-bg: var(--color-border);--emr-navigation-divider-margin: calc(var(--spacing, .25rem) * 6) 0;--emr-navigation-group-toggle-has-icon-padding-end: calc(var(--spacing, .25rem) * 2);--emr-navigation-group-toggle-icon-color: var(--color-neutral-400);--emr-navigation-group-toggle-icon-position-end: calc(var(--spacing, .25rem) * 3);--emr-navigation-group-toggle-icon-size: calc(var(--spacing, .25rem) * 4);--emr-navigation-group-menu-padding-start: 0;--emr-navigation-group-toggle-bg: transparent;--emr-navigation-group-toggle-active-bg: var(--color-neutral-300);--emr-navigation-group-toggle-active-color: var(--emr-navigation-item-active-color);--emr-navigation-nested-item-bg: transparent;--emr-navigation-nested-item-height: calc(var(--spacing, .25rem) * 10);--emr-navigation-nested-item-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-navigation-nested-item-margin: 0 0 0 52px;--emr-navigation-nested-item-border-radius: 0;--emr-navigation-nested-item-color: var(--color-secondary-600);--emr-navigation-nested-item-hover-bg: var(--color-neutral-200);--emr-navigation-nested-item-active-bg: var(--color-secondary-fixed);--emr-navigation-nested-item-hover-color: var(--color-on-secondary-fixed);--emr-navigation-nested-item-active-color: var(--color-on-secondary-fixed);--emr-navigation-nested-item-indicator-width: calc(var(--spacing, .25rem) * 3.5);--emr-navigation-nested-item-indicator-height: calc(var(--spacing, .25rem) * .5);--emr-navigation-nested-item-indicator-bg: var(--color-neutral-500);--emr-navigation-nested-item-indicator-position-start: calc(calc(var(--spacing, .25rem) * 2.5) * -1);--emr-navigation-group-active-bg: transparent;--emr-navigation-group-border-radius: 0;--emr-navigation-group-tree-lines-color: var(--color-border);--emr-navigation-heading-text-align: start;display:flex;flex-direction:column;gap:var(--emr-navigation-items-gap);background:var(--emr-navigation-bg)}:host ::ng-deep .emr-navigation-group-toggle-icon{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host ::ng-deep>*+.emr-navigation-heading{margin-top:var(--emr-navigation-heading-after-margin)}:host-context(html.dark){--emr-navigation-item-color: var(--color-neutral-300);--emr-navigation-item-icon-color: var(--color-neutral-400);--emr-navigation-item-hover-bg: var(--color-neutral-700);--emr-navigation-item-active-bg: var(--color-primary-300);--emr-navigation-item-hover-color: var(--color-neutral-100);--emr-navigation-item-hover-icon-color: var(--color-neutral-100);--emr-navigation-item-active-color: var(--color-neutral-950);--emr-navigation-item-active-icon-color: var(--color-neutral-950);--emr-navigation-heading-color: var(--color-neutral-200);--emr-navigation-nested-item-color: var(--color-neutral-300);--emr-navigation-nested-item-hover-bg: var(--color-neutral-700);--emr-navigation-nested-item-hover-color: var(--color-neutral-100);--emr-navigation-group-toggle-active-bg: var(--color-neutral-800);--emr-navigation-group-toggle-active-color: var(--color-neutral-100);--emr-navigation-group-toggle-hover-bg: var(--color-neutral-800)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{--emr-navigation-bg: inherit;--emr-navigation-items-gap: calc(var(--spacing, .25rem) * .5);--emr-navigation-item-width: 100%;--emr-navigation-item-bg: transparent;--emr-navigation-item-height: calc(var(--spacing, .25rem) * 12);--emr-navigation-item-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-navigation-item-font-size: .875rem;--emr-navigation-item-border-radius: calc(infinity * 1px);--emr-navigation-item-border-width: 1px;--emr-navigation-item-border-color: transparent;--emr-navigation-item-font-weight: 500;--emr-navigation-item-color: var(--color-secondary);--emr-navigation-item-hover-bg: var(--color-neutral-300);--emr-navigation-item-active-bg: var(--color-secondary-container);--emr-navigation-item-hover-color: var(--color-on-secondary-fixed);--emr-navigation-item-active-color: var(--color-on-secondary-fixed);--emr-navigation-item-icon-font-size: 1.5rem;--emr-navigation-item-icon-color: var(--color-secondary-700);--emr-navigation-item-icon-width: 27px;--emr-navigation-item-hover-icon-color: var(--color-secondary-800);--emr-navigation-item-active-icon-color: var(--color-secondary-950);--emr-navigation-item-icon-size: calc(var(--spacing, .25rem) * 6);--emr-navigation-item-gap: calc(var(--spacing, .25rem) * 2.5);--emr-navigation-item-has-icon-padding-start: calc(var(--spacing, .25rem) * 2.5);--emr-navigation-heading-color: var(--color-neutral-900);--emr-navigation-heading-font-size: var(--text-2xs);--emr-navigation-heading-font-weight: 700;--emr-navigation-heading-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-navigation-heading-margin-bottom: calc(var(--spacing, .25rem) * 2);--emr-navigation-heading-after-margin: calc(var(--spacing, .25rem) * 8);--emr-navigation-heading-text-transform: uppercase;--emr-navigation-divider-height: 1px;--emr-navigation-divider-bg: var(--color-border);--emr-navigation-divider-margin: calc(var(--spacing, .25rem) * 6) 0;--emr-navigation-group-toggle-has-icon-padding-end: calc(var(--spacing, .25rem) * 2);--emr-navigation-group-toggle-icon-color: var(--color-neutral-400);--emr-navigation-group-toggle-icon-position-end: calc(var(--spacing, .25rem) * 3);--emr-navigation-group-toggle-icon-size: calc(var(--spacing, .25rem) * 4);--emr-navigation-group-menu-padding-start: 0;--emr-navigation-group-toggle-bg: transparent;--emr-navigation-group-toggle-active-bg: var(--color-neutral-300);--emr-navigation-group-toggle-active-color: var(--emr-navigation-item-active-color);--emr-navigation-nested-item-bg: transparent;--emr-navigation-nested-item-height: calc(var(--spacing, .25rem) * 10);--emr-navigation-nested-item-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-navigation-nested-item-margin: 0 0 0 52px;--emr-navigation-nested-item-border-radius: 0;--emr-navigation-nested-item-color: var(--color-secondary-600);--emr-navigation-nested-item-hover-bg: var(--color-neutral-200);--emr-navigation-nested-item-active-bg: var(--color-secondary-fixed);--emr-navigation-nested-item-hover-color: var(--color-on-secondary-fixed);--emr-navigation-nested-item-active-color: var(--color-on-secondary-fixed);--emr-navigation-nested-item-indicator-width: calc(var(--spacing, .25rem) * 3.5);--emr-navigation-nested-item-indicator-height: calc(var(--spacing, .25rem) * .5);--emr-navigation-nested-item-indicator-bg: var(--color-neutral-500);--emr-navigation-nested-item-indicator-position-start: calc(calc(var(--spacing, .25rem) * 2.5) * -1);--emr-navigation-group-active-bg: transparent;--emr-navigation-group-border-radius: 0;--emr-navigation-group-tree-lines-color: var(--color-border);--emr-navigation-heading-text-align: start;display:flex;flex-direction:column;gap:var(--emr-navigation-items-gap);background:var(--emr-navigation-bg)}:host ::ng-deep .emr-navigation-group-toggle-icon{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host ::ng-deep>*+.emr-navigation-heading{margin-top:var(--emr-navigation-heading-after-margin)}:host-context(html.dark){--emr-navigation-item-color: var(--color-neutral-300);--emr-navigation-item-icon-color: var(--color-neutral-400);--emr-navigation-item-hover-bg: var(--color-neutral-700);--emr-navigation-item-active-bg: var(--color-primary-300);--emr-navigation-item-hover-color: var(--color-neutral-100);--emr-navigation-item-hover-icon-color: var(--color-neutral-100);--emr-navigation-item-active-color: var(--color-neutral-950);--emr-navigation-item-active-icon-color: var(--color-neutral-950);--emr-navigation-heading-color: var(--color-neutral-200);--emr-navigation-nested-item-color: var(--color-neutral-300);--emr-navigation-nested-item-hover-bg: var(--color-neutral-700);--emr-navigation-nested-item-hover-color: var(--color-neutral-100);--emr-navigation-group-toggle-active-bg: var(--color-neutral-800);--emr-navigation-group-toggle-active-color: var(--color-neutral-100);--emr-navigation-group-toggle-hover-bg: var(--color-neutral-800)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { _items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NavigationItemComponent), { ...{ descendants: true }, isSignal: true }] }], activeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeKey", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], activateByRoute: [{ type: i0.Input, args: [{ isSignal: true, alias: "activateByRoute", required: false }] }], autoScrollToActiveItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoScrollToActiveItem", required: false }] }], itemClicked: [{ type: i0.Output, args: ["itemClicked"] }] } });
 
 class NavigationHeadingComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: NavigationHeadingComponent, isStandalone: true, selector: "emr-navigation-heading", host: { classAttribute: "emr-navigation-heading" }, exportAs: ["emrNavigationHeading"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;text-transform:var(--emr-navigation-heading-text-transform);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--emr-navigation-heading-color);font-size:var(--emr-navigation-heading-font-size);font-weight:var(--emr-navigation-heading-font-weight);padding:var(--emr-navigation-heading-padding);margin-bottom:var(--emr-navigation-heading-margin-bottom);text-align:var(--emr-navigation-heading-text-align);height:calc(var(--spacing) * 6);align-items:center}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NavigationHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: NavigationHeadingComponent, isStandalone: true, selector: "emr-navigation-heading", host: { classAttribute: "emr-navigation-heading" }, exportAs: ["emrNavigationHeading"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;text-transform:var(--emr-navigation-heading-text-transform);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--emr-navigation-heading-color);font-size:var(--emr-navigation-heading-font-size);font-weight:var(--emr-navigation-heading-font-weight);padding:var(--emr-navigation-heading-padding);margin-bottom:var(--emr-navigation-heading-margin-bottom);text-align:var(--emr-navigation-heading-text-align);height:calc(var(--spacing) * 6);align-items:center}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationHeadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NavigationHeadingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-navigation-heading', exportAs: 'emrNavigationHeading', host: {
                         'class': 'emr-navigation-heading'
-                    }, template: "<ng-content/>\n", styles: [":host{display:block;text-transform:var(--emr-navigation-heading-text-transform);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--emr-navigation-heading-color);font-size:var(--emr-navigation-heading-font-size);font-weight:var(--emr-navigation-heading-font-weight);padding:var(--emr-navigation-heading-padding);margin-bottom:var(--emr-navigation-heading-margin-bottom);text-align:var(--emr-navigation-heading-text-align);height:calc(var(--spacing) * 6);align-items:center}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{display:block;text-transform:var(--emr-navigation-heading-text-transform);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--emr-navigation-heading-color);font-size:var(--emr-navigation-heading-font-size);font-weight:var(--emr-navigation-heading-font-weight);padding:var(--emr-navigation-heading-padding);margin-bottom:var(--emr-navigation-heading-margin-bottom);text-align:var(--emr-navigation-heading-text-align);height:calc(var(--spacing) * 6);align-items:center}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class NavigationDividerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: NavigationDividerComponent, isStandalone: true, selector: "emr-navigation-divider", host: { classAttribute: "emr-navigation-divider" }, exportAs: ["emrNavigationDivider"], ngImport: i0, template: '', isInline: true, styles: [":host{display:block;height:var(--emr-navigation-divider-height);background-color:var(--emr-navigation-divider-bg);margin:var(--emr-navigation-divider-margin)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NavigationDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: NavigationDividerComponent, isStandalone: true, selector: "emr-navigation-divider", host: { classAttribute: "emr-navigation-divider" }, exportAs: ["emrNavigationDivider"], ngImport: i0, template: '', isInline: true, styles: [":host{display:block;height:var(--emr-navigation-divider-height);background-color:var(--emr-navigation-divider-bg);margin:var(--emr-navigation-divider-margin)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationDividerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NavigationDividerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-navigation-divider', exportAs: 'emrNavigationDivider', template: '', host: {
                         'class': 'emr-navigation-divider'
-                    }, styles: [":host{display:block;height:var(--emr-navigation-divider-height);background-color:var(--emr-navigation-divider-bg);margin:var(--emr-navigation-divider-margin)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, styles: [":host{display:block;height:var(--emr-navigation-divider-height);background-color:var(--emr-navigation-divider-bg);margin:var(--emr-navigation-divider-margin)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 let nextId = 0;
 class NavigationGroupComponent {
-    key = signal(`emr-navigation-group-${nextId++}`, ...(ngDevMode ? [{ debugName: "key" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: NavigationGroupComponent, isStandalone: true, selector: "emr-navigation-group", host: { classAttribute: "emr-navigation-group" }, providers: [
+    key = signal(`emr-navigation-group-${nextId++}`, ...(ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NavigationGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: NavigationGroupComponent, isStandalone: true, selector: "emr-navigation-group", host: { classAttribute: "emr-navigation-group" }, providers: [
             {
                 provide: NAVIGATION_GROUP,
                 useExisting: forwardRef(() => NavigationGroupComponent)
             }
-        ], exportAs: ["emrNavigationGroup"], ngImport: i0, template: "<ng-content select=\"emr-navigation-group-toggle\"/>\n<ng-content select=\"emr-navigation-group-menu\"/>\n", styles: [":host{display:block;border-radius:var(--emr-navigation-group-border-radius)}:host:has(.emr-navigation-group-toggle.is-active){background:var(--emr-navigation-group-active-bg)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+        ], exportAs: ["emrNavigationGroup"], ngImport: i0, template: "<ng-content select=\"emr-navigation-group-toggle\"/>\n<ng-content select=\"emr-navigation-group-menu\"/>\n", styles: [":host{display:block;border-radius:var(--emr-navigation-group-border-radius)}:host:has(.emr-navigation-group-toggle.is-active){background:var(--emr-navigation-group-active-bg)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NavigationGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-navigation-group', exportAs: 'emrNavigationGroup', providers: [
                         {
@@ -259,7 +251,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         }
                     ], host: {
                         'class': 'emr-navigation-group'
-                    }, template: "<ng-content select=\"emr-navigation-group-toggle\"/>\n<ng-content select=\"emr-navigation-group-menu\"/>\n", styles: [":host{display:block;border-radius:var(--emr-navigation-group-border-radius)}:host:has(.emr-navigation-group-toggle.is-active){background:var(--emr-navigation-group-active-bg)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content select=\"emr-navigation-group-toggle\"/>\n<ng-content select=\"emr-navigation-group-menu\"/>\n", styles: [":host{display:block;border-radius:var(--emr-navigation-group-border-radius)}:host:has(.emr-navigation-group-toggle.is-active){background:var(--emr-navigation-group-active-bg)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class NavigationGroupMenuComponent {
@@ -267,11 +259,11 @@ class NavigationGroupMenuComponent {
     _group = inject(NAVIGATION_GROUP);
     active = computed(() => {
         return this.store.activeGroupKey() === this._group.key();
-    }, ...(ngDevMode ? [{ debugName: "active" }] : []));
-    _items = contentChildren(NavigationItemComponent, ...(ngDevMode ? [{ debugName: "_items", descendants: true }] : [{ descendants: true }]));
+    }, ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+    _items = contentChildren(NavigationItemComponent, { ...(ngDevMode ? { debugName: "_items" } : /* istanbul ignore next */ {}), descendants: true });
     hasActiveItemInGroup = computed(() => {
         return this._items().filter(itemComponent => this.store.activeKey() === itemComponent.key()).length > 0;
-    }, ...(ngDevMode ? [{ debugName: "hasActiveItemInGroup" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "hasActiveItemInGroup" }] : /* istanbul ignore next */ []));
     ngAfterContentInit() {
         this._detectGroupIsActive();
     }
@@ -288,23 +280,23 @@ class NavigationGroupMenuComponent {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationGroupMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.25", type: NavigationGroupMenuComponent, isStandalone: true, selector: "emr-navigation-group-menu", host: { properties: { "class.is-active": "active()" }, classAttribute: "emr-navigation-group-menu" }, queries: [{ propertyName: "_items", predicate: NavigationItemComponent, descendants: true, isSignal: true }], exportAs: ["emrNavigationGroupMenu"], ngImport: i0, template: "<div class=\"inner\">\n  <ng-content/>\n</div>\n", styles: [":host{position:relative;padding-inline-start:var(--emr-navigation-group-menu-padding-start);grid-template-rows:0fr;display:grid}:host .inner{display:flex;flex-direction:column;gap:var(--emr-navigation-items-gap);overflow:hidden}:host(.is-active){grid-template-rows:1fr;margin-top:var(--emr-navigation-item-space-y)}:host(.is-active) .inner{padding:calc(var(--emr-navigation-items-gap) * 2) 0 var(--emr-navigation-items-gap) 0}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NavigationGroupMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.22", type: NavigationGroupMenuComponent, isStandalone: true, selector: "emr-navigation-group-menu", host: { properties: { "class.is-active": "active()" }, classAttribute: "emr-navigation-group-menu" }, queries: [{ propertyName: "_items", predicate: NavigationItemComponent, descendants: true, isSignal: true }], exportAs: ["emrNavigationGroupMenu"], ngImport: i0, template: "<div class=\"inner\">\n  <ng-content/>\n</div>\n", styles: [":host{position:relative;padding-inline-start:var(--emr-navigation-group-menu-padding-start);grid-template-rows:0fr;display:grid}:host .inner{display:flex;flex-direction:column;gap:var(--emr-navigation-items-gap);overflow:hidden}:host(.is-active){grid-template-rows:1fr;margin-top:var(--emr-navigation-item-space-y)}:host(.is-active) .inner{padding:calc(var(--emr-navigation-items-gap) * 2) 0 var(--emr-navigation-items-gap) 0}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationGroupMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NavigationGroupMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-navigation-group-menu', exportAs: 'emrNavigationGroupMenu', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'emr-navigation-group-menu',
                         '[class.is-active]': 'active()'
-                    }, template: "<div class=\"inner\">\n  <ng-content/>\n</div>\n", styles: [":host{position:relative;padding-inline-start:var(--emr-navigation-group-menu-padding-start);grid-template-rows:0fr;display:grid}:host .inner{display:flex;flex-direction:column;gap:var(--emr-navigation-items-gap);overflow:hidden}:host(.is-active){grid-template-rows:1fr;margin-top:var(--emr-navigation-item-space-y)}:host(.is-active) .inner{padding:calc(var(--emr-navigation-items-gap) * 2) 0 var(--emr-navigation-items-gap) 0}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"inner\">\n  <ng-content/>\n</div>\n", styles: [":host{position:relative;padding-inline-start:var(--emr-navigation-group-menu-padding-start);grid-template-rows:0fr;display:grid}:host .inner{display:flex;flex-direction:column;gap:var(--emr-navigation-items-gap);overflow:hidden}:host(.is-active){grid-template-rows:1fr;margin-top:var(--emr-navigation-item-space-y)}:host(.is-active) .inner{padding:calc(var(--emr-navigation-items-gap) * 2) 0 var(--emr-navigation-items-gap) 0}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { _items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NavigationItemComponent), { ...{ descendants: true }, isSignal: true }] }] } });
 
 class NavigationGroupToggleIconDirective {
     templateRef = inject(TemplateRef, { optional: true });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationGroupToggleIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: NavigationGroupToggleIconDirective, isStandalone: true, selector: "[emrNavigationGroupToggleIcon]", host: { classAttribute: "emr-navigation-group-toggle-icon" }, exportAs: ["emrNavigationGroupToggleIcon"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NavigationGroupToggleIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: NavigationGroupToggleIconDirective, isStandalone: true, selector: "[emrNavigationGroupToggleIcon]", host: { classAttribute: "emr-navigation-group-toggle-icon" }, exportAs: ["emrNavigationGroupToggleIcon"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationGroupToggleIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NavigationGroupToggleIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrNavigationGroupToggleIcon]',
@@ -318,13 +310,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
 class NavigationGroupToggleComponent {
     store = inject(NavigationStore);
     _group = inject(NAVIGATION_GROUP);
-    iconRef = contentChild(NavigationGroupToggleIconDirective, ...(ngDevMode ? [{ debugName: "iconRef" }] : []));
+    iconRef = contentChild(NavigationGroupToggleIconDirective, ...(ngDevMode ? [{ debugName: "iconRef" }] : /* istanbul ignore next */ []));
     active = computed(() => {
         return this.store.activeGroupKey() === this._group.key();
-    }, ...(ngDevMode ? [{ debugName: "active" }] : []));
-    badgeTextOnly = input(false, ...(ngDevMode ? [{ debugName: "badgeTextOnly", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
+    }, ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+    badgeTextOnly = input(false, { ...(ngDevMode ? { debugName: "badgeTextOnly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     toggle(event) {
         event.preventDefault();
         event.stopPropagation();
@@ -338,10 +328,10 @@ class NavigationGroupToggleComponent {
     get iconRefTemplate() {
         return this.iconRef()?.templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationGroupToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: NavigationGroupToggleComponent, isStandalone: true, selector: "emr-navigation-group-toggle", inputs: { badgeTextOnly: { classPropertyName: "badgeTextOnly", publicName: "badgeTextOnly", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "toggle($event)" }, properties: { "class.is-active": "active()", "class.is-badge-text-only": "badgeTextOnly()" }, classAttribute: "emr-navigation-group-toggle" }, queries: [{ propertyName: "iconRef", first: true, predicate: NavigationGroupToggleIconDirective, descendants: true, isSignal: true }], exportAs: ["emrNavigationGroupToggle"], hostDirectives: [{ directive: i1.MatRipple }], ngImport: i0, template: "<div class=\"icon\"><ng-content select=\"[emrNavigationItemIcon]\"/></div>\n<span class=\"text grow\"><ng-content/></span>\n<div class=\"badge\">\n  <ng-content select=\"[emrNavigationItemBadge]\"/>\n</div>\n<div class=\"toggle\">\n  <ng-content select=\"[emrNavigationGroupToggleIcon]\"/>\n  @if (iconRef()) {\n    <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\n  }\n</div>\n", styles: [":host{display:flex;align-items:center;min-width:0;white-space:nowrap;position:relative;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--emr-navigation-group-toggle-bg);min-height:var(--emr-navigation-item-height);padding:var(--emr-navigation-item-padding);font-size:var(--emr-navigation-item-font-size);border-radius:var(--emr-navigation-item-border-radius);font-weight:var(--emr-navigation-item-font-weight);color:var(--emr-navigation-item-color);gap:var(--emr-navigation-item-gap);width:var(--emr-navigation-item-width)}:host .text{overflow:hidden;text-overflow:ellipsis}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing, .25rem) * 5);min-width:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;font-size:var(--text-xs);padding:0 calc(var(--spacing, .25rem) * 1.5);font-weight:700}:host .badge:empty{display:none}:host:not(.is-badge-text-only) .badge{font-weight:600;font-size:var(--text-2xs);background:var(--color-surface-tint);color:var(--color-on-primary)}:host .icon{display:inline-flex;align-items:center;justify-content:center;width:var(--emr-navigation-item-icon-width);color:var(--emr-navigation-item-icon-color);flex:none}:host .icon:empty{display:none}:host .toggle{display:inline-flex;align-items:center;justify-content:center;transition:var(--emr-transition-transform);margin-inline-end:2px}:host .toggle:empty{display:none}:host:hover{background-color:var(--emr-navigation-item-hover-bg);color:var(--emr-navigation-item-hover-color);transition:background-color .2s}:host.is-active,:host.is-active:hover{background-color:var(--emr-navigation-group-toggle-active-bg);color:var(--emr-navigation-group-toggle-active-color)}:host:not(.is-active):hover .icon{color:var(--emr-navigation-item-hover-icon-color)}:host.is-active .icon{color:var(--emr-navigation-group-toggle-active-color)}:host.is-active .toggle{transform:rotate(-180deg)}:host:has(.toggle:not(:empty)){padding-inline-end:var(--emr-navigation-group-toggle-has-icon-padding-end)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NavigationGroupToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: NavigationGroupToggleComponent, isStandalone: true, selector: "emr-navigation-group-toggle", inputs: { badgeTextOnly: { classPropertyName: "badgeTextOnly", publicName: "badgeTextOnly", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "toggle($event)" }, properties: { "class.is-active": "active()", "class.is-badge-text-only": "badgeTextOnly()" }, classAttribute: "emr-navigation-group-toggle" }, queries: [{ propertyName: "iconRef", first: true, predicate: NavigationGroupToggleIconDirective, descendants: true, isSignal: true }], exportAs: ["emrNavigationGroupToggle"], hostDirectives: [{ directive: i1.MatRipple }], ngImport: i0, template: "<div class=\"icon\"><ng-content select=\"[emrNavigationItemIcon]\"/></div>\n<span class=\"text grow\"><ng-content/></span>\n<div class=\"badge\">\n  <ng-content select=\"[emrNavigationItemBadge]\"/>\n</div>\n<div class=\"toggle\">\n  <ng-content select=\"[emrNavigationGroupToggleIcon]\"/>\n  @if (iconRef()) {\n    <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\n  }\n</div>\n", styles: [":host{display:flex;align-items:center;min-width:0;white-space:nowrap;position:relative;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--emr-navigation-group-toggle-bg);min-height:var(--emr-navigation-item-height);padding:var(--emr-navigation-item-padding);font-size:var(--emr-navigation-item-font-size);border-radius:var(--emr-navigation-item-border-radius);font-weight:var(--emr-navigation-item-font-weight);color:var(--emr-navigation-item-color);gap:var(--emr-navigation-item-gap);width:var(--emr-navigation-item-width)}:host .text{overflow:hidden;text-overflow:ellipsis}:host .badge:empty{display:none}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing, .25rem) * 5);min-width:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;font-size:var(--text-xs);padding:0 calc(var(--spacing, .25rem) * 1.5);font-weight:700}:host:not(.is-badge-text-only) .badge{font-weight:600;font-size:var(--text-2xs);background:var(--color-surface-tint);color:var(--color-on-primary)}:host .icon{display:inline-flex;align-items:center;justify-content:center;width:var(--emr-navigation-item-icon-width);color:var(--emr-navigation-item-icon-color);flex:none}:host .icon:empty{display:none}:host .toggle{display:inline-flex;align-items:center;justify-content:center;transition:var(--emr-transition-transform);margin-inline-end:2px}:host .toggle:empty{display:none}:host:hover{background-color:var(--emr-navigation-item-hover-bg);color:var(--emr-navigation-item-hover-color);transition:background-color .2s}:host.is-active,:host.is-active:hover{background-color:var(--emr-navigation-group-toggle-active-bg);color:var(--emr-navigation-group-toggle-active-color)}:host:not(.is-active):hover .icon{color:var(--emr-navigation-item-hover-icon-color)}:host.is-active .icon{color:var(--emr-navigation-group-toggle-active-color)}:host.is-active .toggle{transform:rotate(-180deg)}:host:has(.toggle:not(:empty)){padding-inline-end:var(--emr-navigation-group-toggle-has-icon-padding-end)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationGroupToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NavigationGroupToggleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-navigation-group-toggle', exportAs: 'emrNavigationGroupToggle', imports: [
                         NgTemplateOutlet
@@ -352,14 +342,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         '[class.is-active]': 'active()',
                         '[class.is-badge-text-only]': 'badgeTextOnly()',
                         '(click)': 'toggle($event)'
-                    }, template: "<div class=\"icon\"><ng-content select=\"[emrNavigationItemIcon]\"/></div>\n<span class=\"text grow\"><ng-content/></span>\n<div class=\"badge\">\n  <ng-content select=\"[emrNavigationItemBadge]\"/>\n</div>\n<div class=\"toggle\">\n  <ng-content select=\"[emrNavigationGroupToggleIcon]\"/>\n  @if (iconRef()) {\n    <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\n  }\n</div>\n", styles: [":host{display:flex;align-items:center;min-width:0;white-space:nowrap;position:relative;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--emr-navigation-group-toggle-bg);min-height:var(--emr-navigation-item-height);padding:var(--emr-navigation-item-padding);font-size:var(--emr-navigation-item-font-size);border-radius:var(--emr-navigation-item-border-radius);font-weight:var(--emr-navigation-item-font-weight);color:var(--emr-navigation-item-color);gap:var(--emr-navigation-item-gap);width:var(--emr-navigation-item-width)}:host .text{overflow:hidden;text-overflow:ellipsis}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing, .25rem) * 5);min-width:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;font-size:var(--text-xs);padding:0 calc(var(--spacing, .25rem) * 1.5);font-weight:700}:host .badge:empty{display:none}:host:not(.is-badge-text-only) .badge{font-weight:600;font-size:var(--text-2xs);background:var(--color-surface-tint);color:var(--color-on-primary)}:host .icon{display:inline-flex;align-items:center;justify-content:center;width:var(--emr-navigation-item-icon-width);color:var(--emr-navigation-item-icon-color);flex:none}:host .icon:empty{display:none}:host .toggle{display:inline-flex;align-items:center;justify-content:center;transition:var(--emr-transition-transform);margin-inline-end:2px}:host .toggle:empty{display:none}:host:hover{background-color:var(--emr-navigation-item-hover-bg);color:var(--emr-navigation-item-hover-color);transition:background-color .2s}:host.is-active,:host.is-active:hover{background-color:var(--emr-navigation-group-toggle-active-bg);color:var(--emr-navigation-group-toggle-active-color)}:host:not(.is-active):hover .icon{color:var(--emr-navigation-item-hover-icon-color)}:host.is-active .icon{color:var(--emr-navigation-group-toggle-active-color)}:host.is-active .toggle{transform:rotate(-180deg)}:host:has(.toggle:not(:empty)){padding-inline-end:var(--emr-navigation-group-toggle-has-icon-padding-end)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"icon\"><ng-content select=\"[emrNavigationItemIcon]\"/></div>\n<span class=\"text grow\"><ng-content/></span>\n<div class=\"badge\">\n  <ng-content select=\"[emrNavigationItemBadge]\"/>\n</div>\n<div class=\"toggle\">\n  <ng-content select=\"[emrNavigationGroupToggleIcon]\"/>\n  @if (iconRef()) {\n    <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\n  }\n</div>\n", styles: [":host{display:flex;align-items:center;min-width:0;white-space:nowrap;position:relative;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--emr-navigation-group-toggle-bg);min-height:var(--emr-navigation-item-height);padding:var(--emr-navigation-item-padding);font-size:var(--emr-navigation-item-font-size);border-radius:var(--emr-navigation-item-border-radius);font-weight:var(--emr-navigation-item-font-weight);color:var(--emr-navigation-item-color);gap:var(--emr-navigation-item-gap);width:var(--emr-navigation-item-width)}:host .text{overflow:hidden;text-overflow:ellipsis}:host .badge:empty{display:none}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing, .25rem) * 5);min-width:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;font-size:var(--text-xs);padding:0 calc(var(--spacing, .25rem) * 1.5);font-weight:700}:host:not(.is-badge-text-only) .badge{font-weight:600;font-size:var(--text-2xs);background:var(--color-surface-tint);color:var(--color-on-primary)}:host .icon{display:inline-flex;align-items:center;justify-content:center;width:var(--emr-navigation-item-icon-width);color:var(--emr-navigation-item-icon-color);flex:none}:host .icon:empty{display:none}:host .toggle{display:inline-flex;align-items:center;justify-content:center;transition:var(--emr-transition-transform);margin-inline-end:2px}:host .toggle:empty{display:none}:host:hover{background-color:var(--emr-navigation-item-hover-bg);color:var(--emr-navigation-item-hover-color);transition:background-color .2s}:host.is-active,:host.is-active:hover{background-color:var(--emr-navigation-group-toggle-active-bg);color:var(--emr-navigation-group-toggle-active-color)}:host:not(.is-active):hover .icon{color:var(--emr-navigation-item-hover-icon-color)}:host.is-active .icon{color:var(--emr-navigation-group-toggle-active-color)}:host.is-active .toggle{transform:rotate(-180deg)}:host:has(.toggle:not(:empty)){padding-inline-end:var(--emr-navigation-group-toggle-has-icon-padding-end)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { iconRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NavigationGroupToggleIconDirective), { isSignal: true }] }], badgeTextOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeTextOnly", required: false }] }] } });
 
 class NavigationItemBadgeDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationItemBadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: NavigationItemBadgeDirective, isStandalone: true, selector: "[emrNavigationItemBadge]", host: { classAttribute: "emr-navigation-item-badge" }, exportAs: ["emrNavigationItemBadge"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NavigationItemBadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: NavigationItemBadgeDirective, isStandalone: true, selector: "[emrNavigationItemBadge]", host: { classAttribute: "emr-navigation-item-badge" }, exportAs: ["emrNavigationItemBadge"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationItemBadgeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NavigationItemBadgeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrNavigationItemBadge]',