@elementar-rt/components 0.6.55

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

@@ -0,0 +1,379 @@
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, Directive, InjectionToken, ElementRef, contentChild, computed, input, booleanAttribute, ChangeDetectionStrategy, Component, Renderer2, DestroyRef, contentChildren, output, afterNextRender, forwardRef, signal } from '@angular/core';
+import * as i1 from '@angular/material/core';
+import { MatRipple } from '@angular/material/core';
+import { NgTemplateOutlet, Location } from '@angular/common';
+import { signalStore, withState, withMethods, patchState } from '@ngrx/signals';
+import { Router, NavigationEnd } from '@angular/router';
+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.10", ngImport: i0, type: NavigationItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", 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.10", ngImport: i0, type: NavigationItemIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrNavigationItemIcon]',
+                    exportAs: 'emrNavigationItemIcon',
+                    host: {
+                        'class': 'emr-navigation-item-icon'
+                    }
+                }]
+        }] });
+
+const NAVIGATION = new InjectionToken('NAVIGATION');
+const NAVIGATION_GROUP = new InjectionToken('NAVIGATION_GROUP');
+
+const initialState = {
+    activeKey: null,
+    activeGroupKey: null
+};
+const NavigationStore = signalStore(withState(initialState), withMethods((store) => ({
+    setActiveKey(activeKey) {
+        patchState(store, {
+            activeKey
+        });
+    },
+    setActiveGroupKey(activeGroupKey) {
+        patchState(store, {
+            activeGroupKey
+        });
+    },
+})));
+
+let nextKey = 0;
+class NavigationItemComponent {
+    store = inject(NavigationStore);
+    _navigation = inject(NAVIGATION);
+    _elementRef = inject(ElementRef);
+    parentGroup = inject(NAVIGATION_GROUP, { optional: true });
+    iconRef = contentChild(NavigationItemIconDirective, ...(ngDevMode ? [{ debugName: "iconRef" }] : []));
+    active = computed(() => {
+        return this.store.activeKey() === this.key();
+    }, ...(ngDevMode ? [{ debugName: "active" }] : []));
+    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
+        }]));
+    click(event) {
+        if (!this.key()) {
+            return;
+        }
+        this._navigation.itemClicked.emit(this.key());
+        this.store.setActiveKey(this.key());
+        if (this.parentGroup) {
+            this.store.setActiveGroupKey(this.parentGroup.key());
+        }
+        else {
+            this.store.setActiveGroupKey(null);
+        }
+    }
+    get _hostElement() {
+        return this._elementRef;
+    }
+    get iconRefTemplate() {
+        return this.iconRef()?.templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", 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>\r\n  <div class=\"icon\">\r\n    <ng-content select=\"[emrNavigationItemIcon]\"/>\r\n    @if (iconRef()) {\r\n      <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\r\n    }\r\n  </div>\r\n  <span class=\"text grow\"><ng-content/></span>\r\n  <div class=\"badge\">\r\n    <ng-content select=\"[emrNavigationItemBadge]\"/>\r\n  </div>\r\n</div>\r\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.1.14 | 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.10", ngImport: i0, type: NavigationItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-navigation-item,[emr-navigation-item]', exportAs: 'emrNavigationItem', imports: [
+                        MatRipple,
+                        NgTemplateOutlet
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'emr-navigation-item',
+                        '[class.is-active]': 'forceActive() || active()',
+                        '[class.is-badge-text-only]': 'badgeTextOnly()',
+                        '(click)': 'click($event)'
+                    }, template: "<div class=\"inner\" matRipple>\r\n  <div class=\"icon\">\r\n    <ng-content select=\"[emrNavigationItemIcon]\"/>\r\n    @if (iconRef()) {\r\n      <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\r\n    }\r\n  </div>\r\n  <span class=\"text grow\"><ng-content/></span>\r\n  <div class=\"badge\">\r\n    <ng-content select=\"[emrNavigationItemBadge]\"/>\r\n  </div>\r\n</div>\r\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.1.14 | 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 {
+    store = inject(NavigationStore);
+    _elementRef = inject(ElementRef);
+    _renderer = inject(Renderer2);
+    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
+        }]));
+    itemClicked = output();
+    constructor() {
+        // scroll to the active item if it is not visible in the viewport
+        afterNextRender(() => {
+            if (!this.autoScrollToActiveItem()) {
+                return;
+            }
+            this._items().forEach((item) => {
+                if (item.active()) {
+                    let parentElement = this._elementRef.nativeElement.parentNode || null;
+                    const itemElement = item._hostElement.nativeElement;
+                    while (parentElement !== null) {
+                        if (this._hasScroll(parentElement)) {
+                            if (!this._isScrolledIntoView(itemElement, parentElement)) {
+                                const parentRect = parentElement.getBoundingClientRect();
+                                const elementRect = itemElement.getBoundingClientRect();
+                                parentElement.scrollTop = elementRect.top - parentRect.height / 2;
+                            }
+                            parentElement = null;
+                        }
+                        else {
+                            parentElement = parentElement.parentNode || null;
+                        }
+                    }
+                }
+            });
+        });
+    }
+    ngAfterContentInit() {
+        if (!this.activateByRoute()) {
+            return;
+        }
+        this.findActiveItemByRoute();
+        this.router
+            .events
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((event) => {
+            if (event instanceof NavigationEnd) {
+                this.findActiveItemByRoute();
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes['activeKey']) {
+            this.store.setActiveKey(changes['activeKey'].currentValue);
+        }
+        if (changes['appearance']) {
+            this._renderer.setAttribute(this._elementRef.nativeElement, 'data-appearance', changes['appearance'].currentValue);
+        }
+    }
+    _hasScroll(element) {
+        if (!element.getBoundingClientRect) {
+            return false;
+        }
+        return Math.ceil(element.scrollHeight) > Math.ceil(element.getBoundingClientRect().height);
+    }
+    _isScrolledIntoView(element, parent) {
+        const elementRect = element.getBoundingClientRect();
+        const parentRect = parent.getBoundingClientRect();
+        return (elementRect.top >= 0) && (elementRect.bottom <= parentRect.height);
+    }
+    findActiveItemByRoute() {
+        const activeItem = this._items().find((item) => {
+            const element = item._hostElement.nativeElement;
+            if (element.tagName === 'A') {
+                const href = element.getAttribute('href');
+                if (href) {
+                    if (href === this.location.path()) {
+                        return true;
+                    }
+                    return href !== '/' && this.location.path().includes(href);
+                }
+            }
+            return null;
+        });
+        if (activeItem) {
+            this.store.setActiveKey(activeItem.key());
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.10", 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/>\r\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.1.14 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NavigationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-navigation', exportAs: 'emrNavigation', providers: [
+                        NavigationStore,
+                        {
+                            provide: NAVIGATION,
+                            useExisting: forwardRef(() => NavigationComponent),
+                        }
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'emr-navigation'
+                    }, template: "<ng-content/>\r\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.1.14 | 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.10", ngImport: i0, type: NavigationHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: NavigationHeadingComponent, isStandalone: true, selector: "emr-navigation-heading", host: { classAttribute: "emr-navigation-heading" }, exportAs: ["emrNavigationHeading"], ngImport: i0, template: "<ng-content/>\r\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.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NavigationHeadingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-navigation-heading', exportAs: 'emrNavigationHeading', host: {
+                        'class': 'emr-navigation-heading'
+                    }, template: "<ng-content/>\r\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.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class NavigationDividerComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NavigationDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", 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.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", 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.1.14 | 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.10", ngImport: i0, type: NavigationGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", 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\"/>\r\n<ng-content select=\"emr-navigation-group-menu\"/>\r\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.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NavigationGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-navigation-group', exportAs: 'emrNavigationGroup', providers: [
+                        {
+                            provide: NAVIGATION_GROUP,
+                            useExisting: forwardRef(() => NavigationGroupComponent)
+                        }
+                    ], host: {
+                        'class': 'emr-navigation-group'
+                    }, template: "<ng-content select=\"emr-navigation-group-toggle\"/>\r\n<ng-content select=\"emr-navigation-group-menu\"/>\r\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.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class NavigationGroupMenuComponent {
+    store = inject(NavigationStore);
+    _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 }]));
+    hasActiveItemInGroup = computed(() => {
+        return this._items().filter(itemComponent => this.store.activeKey() === itemComponent.key()).length > 0;
+    }, ...(ngDevMode ? [{ debugName: "hasActiveItemInGroup" }] : []));
+    ngAfterContentInit() {
+        this._detectGroupIsActive();
+    }
+    _detectGroupIsActive() {
+        if (this.hasActiveItemInGroup() && !this.active()) {
+            this.store.setActiveGroupKey(this._group.key());
+        }
+        else {
+            if (this.store.activeGroupKey() === this._group.key()) {
+                this.store.setActiveGroupKey(null);
+            }
+            else {
+                this.store.setActiveGroupKey(this._group.key());
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NavigationGroupMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.10", 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\">\r\n  <ng-content/>\r\n</div>\r\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.1.14 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", 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\">\r\n  <ng-content/>\r\n</div>\r\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.1.14 | 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.10", ngImport: i0, type: NavigationGroupToggleIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", 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.10", ngImport: i0, type: NavigationGroupToggleIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrNavigationGroupToggleIcon]',
+                    exportAs: 'emrNavigationGroupToggleIcon',
+                    host: {
+                        'class': 'emr-navigation-group-toggle-icon'
+                    }
+                }]
+        }] });
+
+class NavigationGroupToggleComponent {
+    store = inject(NavigationStore);
+    _group = inject(NAVIGATION_GROUP);
+    iconRef = contentChild(NavigationGroupToggleIconDirective, ...(ngDevMode ? [{ debugName: "iconRef" }] : []));
+    active = computed(() => {
+        return this.store.activeGroupKey() === this._group.key();
+    }, ...(ngDevMode ? [{ debugName: "active" }] : []));
+    badgeTextOnly = input(false, ...(ngDevMode ? [{ debugName: "badgeTextOnly", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    toggle(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.active()) {
+            this.store.setActiveGroupKey(null);
+        }
+        else {
+            this.store.setActiveGroupKey(this._group.key());
+        }
+    }
+    get iconRefTemplate() {
+        return this.iconRef()?.templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NavigationGroupToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", 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>\r\n<span class=\"text grow\"><ng-content/></span>\r\n<div class=\"badge\">\r\n  <ng-content select=\"[emrNavigationItemBadge]\"/>\r\n</div>\r\n<div class=\"toggle\">\r\n  <ng-content select=\"[emrNavigationGroupToggleIcon]\"/>\r\n  @if (iconRef()) {\r\n    <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\r\n  }\r\n</div>\r\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.1.14 | 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.10", ngImport: i0, type: NavigationGroupToggleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-navigation-group-toggle', exportAs: 'emrNavigationGroupToggle', imports: [
+                        NgTemplateOutlet
+                    ], hostDirectives: [
+                        MatRipple
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'emr-navigation-group-toggle',
+                        '[class.is-active]': 'active()',
+                        '[class.is-badge-text-only]': 'badgeTextOnly()',
+                        '(click)': 'toggle($event)'
+                    }, template: "<div class=\"icon\"><ng-content select=\"[emrNavigationItemIcon]\"/></div>\r\n<span class=\"text grow\"><ng-content/></span>\r\n<div class=\"badge\">\r\n  <ng-content select=\"[emrNavigationItemBadge]\"/>\r\n</div>\r\n<div class=\"toggle\">\r\n  <ng-content select=\"[emrNavigationGroupToggleIcon]\"/>\r\n  @if (iconRef()) {\r\n    <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\r\n  }\r\n</div>\r\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.1.14 | 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.10", ngImport: i0, type: NavigationItemBadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", 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.10", ngImport: i0, type: NavigationItemBadgeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrNavigationItemBadge]',
+                    exportAs: 'emrNavigationItemBadge',
+                    standalone: true,
+                    host: {
+                        'class': 'emr-navigation-item-badge',
+                    }
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NAVIGATION, NAVIGATION_GROUP, NavigationComponent, NavigationDividerComponent, NavigationGroupComponent, NavigationGroupMenuComponent, NavigationGroupToggleComponent, NavigationGroupToggleIconDirective, NavigationHeadingComponent, NavigationItemBadgeDirective, NavigationItemComponent, NavigationItemIconDirective };
+//# sourceMappingURL=elementar-rt-components-navigation.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-navigation.mjs","sources":["../../../projects/components/navigation/src/navigation-item-icon.directive.ts","../../../projects/components/navigation/src/types.ts","../../../projects/components/navigation/src/navigation.store.ts","../../../projects/components/navigation/src/navigation-item/navigation-item.component.ts","../../../projects/components/navigation/src/navigation-item/navigation-item.component.html","../../../projects/components/navigation/src/navigation/navigation.component.ts","../../../projects/components/navigation/src/navigation/navigation.component.html","../../../projects/components/navigation/src/navigation-heading/navigation-heading.component.ts","../../../projects/components/navigation/src/navigation-heading/navigation-heading.component.html","../../../projects/components/navigation/src/navigation-divider/navigation-divider.component.ts","../../../projects/components/navigation/src/navigation-group/navigation-group.component.ts","../../../projects/components/navigation/src/navigation-group/navigation-group.component.html","../../../projects/components/navigation/src/navigation-group-menu/navigation-group-menu.component.ts","../../../projects/components/navigation/src/navigation-group-menu/navigation-group-menu.component.html","../../../projects/components/navigation/src/navigation-group-toggle-icon.directive.ts","../../../projects/components/navigation/src/navigation-group-toggle/navigation-group-toggle.component.ts","../../../projects/components/navigation/src/navigation-group-toggle/navigation-group-toggle.component.html","../../../projects/components/navigation/src/navigation-item-badge.directive.ts","../../../projects/components/navigation/elementar-rt-components-navigation.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrNavigationItemIcon]',\r\n  exportAs: 'emrNavigationItemIcon',\r\n  host: {\r\n    'class': 'emr-navigation-item-icon'\r\n  }\r\n})\r\nexport class NavigationItemIconDirective {\r\n  public readonly templateRef = inject(TemplateRef, { optional: true });\r\n}\r\n","import { InjectionToken } from '@angular/core';\r\n\r\nexport interface NavigationItem {\r\n  key: any;\r\n  type: 'heading' | 'group' | 'link' | 'item' | 'divider' | string;\r\n  name?: string;\r\n  icon?: string;\r\n  children?: NavigationItem[];\r\n  link?: string;\r\n  [prop: string]: any;\r\n  badge?: string | number;\r\n}\r\n\r\nexport const NAVIGATION = new InjectionToken('NAVIGATION');\r\nexport const NAVIGATION_GROUP = new InjectionToken('NAVIGATION_GROUP');\r\n","import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\r\n\r\nexport interface NavigationState {\r\n  activeKey: any;\r\n  activeGroupKey: any;\r\n}\r\n\r\nconst initialState: NavigationState = {\r\n  activeKey: null,\r\n  activeGroupKey: null\r\n};\r\n\r\nexport const NavigationStore = signalStore(\r\n  withState(initialState),\r\n  withMethods((store) => ({\r\n    setActiveKey(activeKey: any) {\r\n      patchState(store, {\r\n        activeKey\r\n      });\r\n    },\r\n    setActiveGroupKey(activeGroupKey: any) {\r\n      patchState(store, {\r\n        activeGroupKey\r\n      });\r\n    },\r\n  }))\r\n);\r\n","import {\r\n  booleanAttribute,\r\n  Component, ElementRef,\r\n  inject,\r\n  contentChild, TemplateRef, input, ChangeDetectionStrategy, computed\r\n} from '@angular/core';\r\nimport { NavigationItemIconDirective } from '../navigation-item-icon.directive';\r\nimport { MatRipple } from '@angular/material/core';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { NAVIGATION, NAVIGATION_GROUP } from '../types';\r\nimport { NavigationComponent } from '../navigation/navigation.component';\r\nimport { NavigationStore } from '../navigation.store';\r\nimport { NavigationGroupComponent } from '../navigation-group/navigation-group.component';\r\n\r\nlet nextKey = 0;\r\n\r\n@Component({\r\n  selector: 'emr-navigation-item,[emr-navigation-item]',\r\n  exportAs: 'emrNavigationItem',\r\n  imports: [\r\n    MatRipple,\r\n    NgTemplateOutlet\r\n  ],\r\n  templateUrl: './navigation-item.component.html',\r\n  styleUrl: './navigation-item.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    'class': 'emr-navigation-item',\r\n    '[class.is-active]': 'forceActive() || active()',\r\n    '[class.is-badge-text-only]': 'badgeTextOnly()',\r\n    '(click)': 'click($event)'\r\n  }\r\n})\r\nexport class NavigationItemComponent {\r\n  private store= inject(NavigationStore);\r\n  private _navigation = inject<NavigationComponent>(NAVIGATION);\r\n  private _elementRef = inject(ElementRef);\r\n  private parentGroup = inject<NavigationGroupComponent>(NAVIGATION_GROUP, { optional: true });\r\n\r\n  protected readonly iconRef = contentChild(NavigationItemIconDirective);\r\n  readonly active = computed(() => {\r\n    return this.store.activeKey() === this.key();\r\n  });\r\n\r\n  get api() {\r\n    return {\r\n      isActive: () => this.active()\r\n    }\r\n  }\r\n\r\n  readonly key = input<any>(`emr-navigation-item-${nextKey++}`);\r\n  readonly forceActive = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n  readonly badgeTextOnly = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n\r\n  protected click(event: MouseEvent) {\r\n    if (!this.key()) {\r\n      return;\r\n    }\r\n\r\n    this._navigation.itemClicked.emit(this.key());\r\n    this.store.setActiveKey(this.key());\r\n\r\n    if (this.parentGroup) {\r\n      this.store.setActiveGroupKey(this.parentGroup.key());\r\n    } else {\r\n      this.store.setActiveGroupKey(null);\r\n    }\r\n  }\r\n\r\n  get _hostElement(): ElementRef {\r\n    return this._elementRef;\r\n  }\r\n\r\n  protected get iconRefTemplate(): TemplateRef<any> {\r\n    return this.iconRef()?.templateRef as TemplateRef<any>;\r\n  }\r\n}\r\n","<div class=\"inner\" matRipple>\r\n  <div class=\"icon\">\r\n    <ng-content select=\"[emrNavigationItemIcon]\"/>\r\n    @if (iconRef()) {\r\n      <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\r\n    }\r\n  </div>\r\n  <span class=\"text grow\"><ng-content/></span>\r\n  <div class=\"badge\">\r\n    <ng-content select=\"[emrNavigationItemBadge]\"/>\r\n  </div>\r\n</div>\r\n","import {\r\n  afterNextRender,\r\n  Component, ElementRef,\r\n  inject, Renderer2,\r\n  contentChildren,\r\n  SimpleChanges,\r\n  input,\r\n  OnChanges, output, forwardRef, AfterContentInit, booleanAttribute, ChangeDetectorRef, ChangeDetectionStrategy,\r\n  DestroyRef\r\n} from '@angular/core';\r\nimport { NavigationItemComponent } from '../navigation-item/navigation-item.component';\r\nimport { NAVIGATION, NavigationItem } from '../types';\r\nimport { Location } from '@angular/common';\r\nimport { NavigationStore } from '../navigation.store';\r\nimport { NavigationEnd, Router } from '@angular/router';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\n\r\n@Component({\r\n  selector: 'emr-navigation',\r\n  exportAs: 'emrNavigation',\r\n  templateUrl: './navigation.component.html',\r\n  styleUrl: './navigation.component.scss',\r\n  providers: [\r\n    NavigationStore,\r\n    {\r\n      provide: NAVIGATION,\r\n      useExisting: forwardRef(() => NavigationComponent),\r\n    }\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    'class': 'emr-navigation'\r\n  }\r\n})\r\nexport class NavigationComponent implements AfterContentInit, OnChanges {\r\n  private store= inject(NavigationStore);\r\n  private _elementRef = inject(ElementRef);\r\n  private _renderer = inject(Renderer2);\r\n  private location = inject(Location);\r\n  private router = inject(Router);\r\n  private destroyRef = inject(DestroyRef);\r\n\r\n  readonly _items = contentChildren(NavigationItemComponent, { descendants: true });\r\n\r\n  activeKey = input<any>();\r\n  appearance = input();\r\n  activateByRoute = input(false, {\r\n    transform: booleanAttribute\r\n  })\r\n  autoScrollToActiveItem = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n\r\n  readonly itemClicked = output<NavigationItem>();\r\n\r\n  constructor() {\r\n    // scroll to the active item if it is not visible in the viewport\r\n    afterNextRender(() => {\r\n      if (!this.autoScrollToActiveItem()) {\r\n        return;\r\n      }\r\n\r\n      this._items().forEach((item: NavigationItemComponent) => {\r\n        if (item.active()) {\r\n          let parentElement = this._elementRef.nativeElement.parentNode || null;\r\n          const itemElement = item._hostElement.nativeElement as HTMLElement;\r\n\r\n          while (parentElement !== null) {\r\n            if (this._hasScroll(parentElement)) {\r\n              if (!this._isScrolledIntoView(itemElement, parentElement)) {\r\n                const parentRect = parentElement.getBoundingClientRect();\r\n                const elementRect = itemElement.getBoundingClientRect();\r\n                parentElement.scrollTop = elementRect.top - parentRect.height / 2;\r\n              }\r\n\r\n              parentElement = null;\r\n            } else {\r\n              parentElement = parentElement.parentNode || null;\r\n            }\r\n          }\r\n        }\r\n      });\r\n    });\r\n  }\r\n\r\n  ngAfterContentInit() {\r\n    if (!this.activateByRoute()) {\r\n      return;\r\n    }\r\n\r\n    this.findActiveItemByRoute();\r\n    this.router\r\n      .events\r\n      .pipe(takeUntilDestroyed(this.destroyRef))\r\n      .subscribe((event: any) => {\r\n        if (event instanceof NavigationEnd) {\r\n          this.findActiveItemByRoute();\r\n        }\r\n      });\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    if (changes['activeKey']) {\r\n      this.store.setActiveKey(changes['activeKey'].currentValue);\r\n    }\r\n\r\n    if (changes['appearance']) {\r\n      this._renderer.setAttribute(this._elementRef.nativeElement, 'data-appearance', changes['appearance'].currentValue);\r\n    }\r\n  }\r\n\r\n  private _hasScroll(element: HTMLElement): boolean {\r\n    if (!element.getBoundingClientRect) {\r\n      return false;\r\n    }\r\n\r\n    return Math.ceil(element.scrollHeight) > Math.ceil(element.getBoundingClientRect().height);\r\n  }\r\n\r\n  private _isScrolledIntoView(element: HTMLElement, parent: HTMLElement) {\r\n    const elementRect = element.getBoundingClientRect();\r\n    const parentRect = parent.getBoundingClientRect();\r\n    return (elementRect.top >= 0) && (elementRect.bottom <= parentRect.height);\r\n  }\r\n\r\n  private findActiveItemByRoute() {\r\n    const activeItem = this._items().find((item: NavigationItemComponent) => {\r\n      const element = item._hostElement.nativeElement as HTMLElement;\r\n\r\n      if (element.tagName === 'A') {\r\n        const href = element.getAttribute('href');\r\n\r\n        if (href) {\r\n          if (href === this.location.path()) {\r\n            return true;\r\n          }\r\n\r\n          return href !== '/' && this.location.path().includes(href);\r\n        }\r\n      }\r\n\r\n      return null;\r\n    });\r\n\r\n    if (activeItem) {\r\n      this.store.setActiveKey(activeItem.key());\r\n    }\r\n  }\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-navigation-heading',\r\n  exportAs: 'emrNavigationHeading',\r\n  templateUrl: './navigation-heading.component.html',\r\n  styleUrl: './navigation-heading.component.scss',\r\n  host: {\r\n    'class': 'emr-navigation-heading'\r\n  }\r\n})\r\nexport class NavigationHeadingComponent {\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-navigation-divider',\r\n  exportAs: 'emrNavigationDivider',\r\n  template: '',\r\n  styleUrl: './navigation-divider.component.scss',\r\n  host: {\r\n    'class': 'emr-navigation-divider'\r\n  }\r\n})\r\nexport class NavigationDividerComponent {\r\n}\r\n","import { Component, forwardRef, signal } from '@angular/core';\r\nimport { NAVIGATION_GROUP } from '../types';\r\n\r\nlet nextId = 0;\r\n\r\n@Component({\r\n  selector: 'emr-navigation-group',\r\n  exportAs: 'emrNavigationGroup',\r\n  templateUrl: './navigation-group.component.html',\r\n  styleUrl: './navigation-group.component.scss',\r\n  providers: [\r\n    {\r\n      provide: NAVIGATION_GROUP,\r\n      useExisting: forwardRef(() => NavigationGroupComponent)\r\n    }\r\n  ],\r\n  host: {\r\n    'class': 'emr-navigation-group'\r\n  }\r\n})\r\nexport class NavigationGroupComponent {\r\n  readonly key = signal(`emr-navigation-group-${nextId++}`);\r\n}\r\n","<ng-content select=\"emr-navigation-group-toggle\"/>\r\n<ng-content select=\"emr-navigation-group-menu\"/>\r\n","import {\r\n  AfterContentInit,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  inject,\r\n  contentChildren,\r\n  computed,\r\n  ChangeDetectionStrategy,\r\n  effect\r\n} from '@angular/core';\r\nimport { NavigationItemComponent } from '../navigation-item/navigation-item.component';\r\nimport { NAVIGATION_GROUP } from '../types';\r\nimport { NavigationGroupComponent } from '../navigation-group/navigation-group.component';\r\nimport { NavigationStore } from '../navigation.store';\r\n\r\n@Component({\r\n  selector: 'emr-navigation-group-menu',\r\n  exportAs: 'emrNavigationGroupMenu',\r\n  templateUrl: './navigation-group-menu.component.html',\r\n  styleUrl: './navigation-group-menu.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    'class': 'emr-navigation-group-menu',\r\n    '[class.is-active]': 'active()'\r\n  }\r\n})\r\nexport class NavigationGroupMenuComponent implements AfterContentInit {\r\n  private store= inject(NavigationStore);\r\n  private _group = inject<NavigationGroupComponent>(NAVIGATION_GROUP);\r\n\r\n  readonly active = computed(() => {\r\n    return this.store.activeGroupKey() === this._group.key();\r\n  });\r\n  readonly _items = contentChildren(\r\n    NavigationItemComponent, { descendants: true }\r\n  );\r\n  readonly hasActiveItemInGroup = computed(() => {\r\n    return this._items().filter(\r\n      itemComponent => this.store.activeKey() === itemComponent.key()\r\n    ).length > 0\r\n  });\r\n\r\n  ngAfterContentInit() {\r\n    this._detectGroupIsActive();\r\n  }\r\n\r\n  private _detectGroupIsActive() {\r\n    if (this.hasActiveItemInGroup() && !this.active()) {\r\n      this.store.setActiveGroupKey(this._group.key());\r\n    } else {\r\n      if (this.store.activeGroupKey() === this._group.key()) {\r\n        this.store.setActiveGroupKey(null);\r\n      } else {\r\n        this.store.setActiveGroupKey(this._group.key());\r\n      }\r\n    }\r\n  }\r\n}\r\n","<div class=\"inner\">\r\n  <ng-content/>\r\n</div>\r\n","import { Directive, inject, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrNavigationGroupToggleIcon]',\r\n  exportAs: 'emrNavigationGroupToggleIcon',\r\n  host: {\r\n    'class': 'emr-navigation-group-toggle-icon'\r\n  }\r\n})\r\nexport class NavigationGroupToggleIconDirective {\r\n  public readonly templateRef = inject(TemplateRef, { optional: true });\r\n}\r\n","import {\r\n  Component,\r\n  inject,\r\n  contentChild,\r\n  TemplateRef,\r\n  computed,\r\n  ChangeDetectionStrategy,\r\n  input,\r\n  booleanAttribute\r\n} from '@angular/core';\r\nimport { NavigationGroupToggleIconDirective } from '../navigation-group-toggle-icon.directive';\r\nimport { MatRipple } from '@angular/material/core';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { NAVIGATION_GROUP } from '../types';\r\nimport { NavigationGroupComponent } from '../navigation-group/navigation-group.component';\r\nimport { NavigationStore } from '../navigation.store';\r\n\r\n@Component({\r\n  selector: 'emr-navigation-group-toggle',\r\n  exportAs: 'emrNavigationGroupToggle',\r\n  imports: [\r\n    NgTemplateOutlet\r\n  ],\r\n  templateUrl: './navigation-group-toggle.component.html',\r\n  styleUrl: './navigation-group-toggle.component.scss',\r\n  hostDirectives: [\r\n    MatRipple\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    'class': 'emr-navigation-group-toggle',\r\n    '[class.is-active]': 'active()',\r\n    '[class.is-badge-text-only]': 'badgeTextOnly()',\r\n    '(click)': 'toggle($event)'\r\n  }\r\n})\r\nexport class NavigationGroupToggleComponent {\r\n  private store= inject(NavigationStore);\r\n  private _group = inject<NavigationGroupComponent>(NAVIGATION_GROUP);\r\n\r\n  readonly iconRef = contentChild(NavigationGroupToggleIconDirective);\r\n  readonly active = computed(() => {\r\n    return this.store.activeGroupKey() === this._group.key();\r\n  });\r\n  readonly badgeTextOnly = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n\r\n  protected toggle(event: MouseEvent) {\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n\r\n    if (this.active()) {\r\n      this.store.setActiveGroupKey(null);\r\n    } else {\r\n      this.store.setActiveGroupKey(this._group.key());\r\n    }\r\n  }\r\n\r\n  protected get iconRefTemplate(): TemplateRef<any> {\r\n    return this.iconRef()?.templateRef as TemplateRef<any>;\r\n  }\r\n}\r\n","<div class=\"icon\"><ng-content select=\"[emrNavigationItemIcon]\"/></div>\r\n<span class=\"text grow\"><ng-content/></span>\r\n<div class=\"badge\">\r\n  <ng-content select=\"[emrNavigationItemBadge]\"/>\r\n</div>\r\n<div class=\"toggle\">\r\n  <ng-content select=\"[emrNavigationGroupToggleIcon]\"/>\r\n  @if (iconRef()) {\r\n    <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\r\n  }\r\n</div>\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrNavigationItemBadge]',\r\n  exportAs: 'emrNavigationItemBadge',\r\n  standalone: true,\r\n  host: {\r\n    'class': 'emr-navigation-item-badge',\r\n  }\r\n})\r\nexport class NavigationItemBadgeDirective {\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}