@ngstarter-ui/components 1.0.21

package/fesm2022/ngstarter-ui-components-navigation.mjs

@@ -0,0 +1,439 @@
+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 { NgTemplateOutlet, Location } from '@angular/common';
+import * as i1 from '@ngstarter-ui/components/core';
+import { Ripple } from '@ngstarter-ui/components/core';
+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: "21.2.4", ngImport: i0, type: NavigationItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: NavigationItemIconDirective, isStandalone: true, selector: "[ngsNavigationItemIcon]", host: { classAttribute: "ngs-navigation-item-icon" }, exportAs: ["ngsNavigationItemIcon"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NavigationItemIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsNavigationItemIcon]',
+                    exportAs: 'ngsNavigationItemIcon',
+                    host: {
+                        'class': 'ngs-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 NavigationItem {
+    store = inject(NavigationStore);
+    _navigation = inject(NAVIGATION);
+    _elementRef = inject(ElementRef);
+    parentGroup = inject(NAVIGATION_GROUP, { optional: true });
+    iconRef = contentChild(NavigationItemIconDirective, ...(ngDevMode ? [{ debugName: "iconRef" }] : /* istanbul ignore next */ []));
+    active = computed(() => {
+        return this.store.activeKey() === this.key();
+    }, ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+    get api() {
+        return {
+            isActive: () => this.active()
+        };
+    }
+    key = input(`ngs-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;
+        }
+        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: "21.2.4", ngImport: i0, type: NavigationItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: NavigationItem, isStandalone: true, selector: "ngs-navigation-item,[ngs-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: "ngs-navigation-item" }, queries: [{ propertyName: "iconRef", first: true, predicate: NavigationItemIconDirective, descendants: true, isSignal: true }], exportAs: ["ngsNavigationItem"], ngImport: i0, template: "<div class=\"inner\" ngsRipple>\n  <div class=\"icon\">\n    <ng-content select=\"[ngsNavigationItemIcon]\"/>\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=\"[ngsNavigationItemBadge]\"/>\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(--ngs-navigation-item-width);background:var(--ngs-navigation-item-bg);min-height:var(--ngs-navigation-item-height);padding:var(--ngs-navigation-item-padding);font-size:var(--ngs-navigation-item-font-size);border-radius:var(--ngs-navigation-item-border-radius);font-weight:var(--ngs-navigation-item-font-weight);color:var(--ngs-navigation-item-color);gap:var(--ngs-navigation-item-gap)}:host:hover{text-decoration:none}:host:hover .inner{transition:background-color .2s;background:var(--ngs-navigation-item-hover-bg);color:var(--ngs-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:.75rem;padding:0 calc(var(--spacing, .25rem) * 1.5);font-weight:700}:host:not(.is-badge-text-only) .badge{font-weight:600;font-size:.625rem;background:var(--color-primary);color:var(--color-on-primary)}:host .icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--ngs-navigation-item-icon-width);color:var(--ngs-navigation-item-icon-color)}:host .icon:empty{display:none}:host.is-active .inner,:host.is-active:hover .inner{background:var(--ngs-navigation-item-active-bg);color:var(--ngs-navigation-item-active-color)}:host:not(.is-active):hover{text-decoration:none}:host:not(.is-active):hover .icon{color:var(--ngs-navigation-item-hover-icon-color)}:host.is-active .icon{color:var(--ngs-navigation-item-active-icon-color)}:host-context(.ngs-navigation-group-menu) .inner{margin:var(--ngs-navigation-nested-item-margin);width:calc(var(--ngs-navigation-item-width) - var(--ngs-navigation-nested-item-margin));background:var(--ngs-navigation-nested-item-bg);min-height:var(--ngs-navigation-nested-item-height);padding:var(--ngs-navigation-nested-item-padding);color:var(--ngs-navigation-nested-item-color)}:host-context(.ngs-navigation-group-menu):hover .inner{background:var(--ngs-navigation-nested-item-hover-bg);color:var(--ngs-navigation-nested-item-hover-color)}:host-context(.ngs-navigation-group-menu).is-active .inner,:host-context(.ngs-navigation-group-menu).is-active:hover .inner{background:var(--ngs-navigation-nested-item-active-bg);color:var(--ngs-navigation-nested-item-active-color)}:host-context(.ngs-navigation-group-menu):not(:last-child):before{content:\"\";position:absolute;top:0;left:20px;bottom:-10px;width:1px;background:var(--ngs-navigation-group-tree-lines-color);z-index:0}:host-context(.ngs-navigation-group-menu):after{content:\"\";position:absolute;top:0;left:20px;width:calc(var(--ngs-navigation-nested-item-height) / 1.5);height:calc(var(--ngs-navigation-nested-item-height) / 2);border-bottom-left-radius:calc(var(--ngs-navigation-nested-item-height) / 4);border-left:1px solid var(--ngs-navigation-group-tree-lines-color);border-bottom:1px solid var(--ngs-navigation-group-tree-lines-color)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: Ripple, selector: "[ngsRipple]", inputs: ["ngsRippleColor", "ngsRippleUnbounded", "ngsRippleCentered", "ngsRippleRadius", "ngsRippleAnimation", "ngsRippleDisabled", "ngsRippleTrigger"], outputs: ["ngsRippleCenteredChange", "ngsRippleDisabledChange", "ngsRippleTriggerChange"], exportAs: ["ngsRipple"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NavigationItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-navigation-item,[ngs-navigation-item]', exportAs: 'ngsNavigationItem', imports: [
+                        Ripple,
+                        NgTemplateOutlet
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'ngs-navigation-item',
+                        '[class.is-active]': 'forceActive() || active()',
+                        '[class.is-badge-text-only]': 'badgeTextOnly()',
+                        '(click)': 'click($event)'
+                    }, template: "<div class=\"inner\" ngsRipple>\n  <div class=\"icon\">\n    <ng-content select=\"[ngsNavigationItemIcon]\"/>\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=\"[ngsNavigationItemBadge]\"/>\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(--ngs-navigation-item-width);background:var(--ngs-navigation-item-bg);min-height:var(--ngs-navigation-item-height);padding:var(--ngs-navigation-item-padding);font-size:var(--ngs-navigation-item-font-size);border-radius:var(--ngs-navigation-item-border-radius);font-weight:var(--ngs-navigation-item-font-weight);color:var(--ngs-navigation-item-color);gap:var(--ngs-navigation-item-gap)}:host:hover{text-decoration:none}:host:hover .inner{transition:background-color .2s;background:var(--ngs-navigation-item-hover-bg);color:var(--ngs-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:.75rem;padding:0 calc(var(--spacing, .25rem) * 1.5);font-weight:700}:host:not(.is-badge-text-only) .badge{font-weight:600;font-size:.625rem;background:var(--color-primary);color:var(--color-on-primary)}:host .icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--ngs-navigation-item-icon-width);color:var(--ngs-navigation-item-icon-color)}:host .icon:empty{display:none}:host.is-active .inner,:host.is-active:hover .inner{background:var(--ngs-navigation-item-active-bg);color:var(--ngs-navigation-item-active-color)}:host:not(.is-active):hover{text-decoration:none}:host:not(.is-active):hover .icon{color:var(--ngs-navigation-item-hover-icon-color)}:host.is-active .icon{color:var(--ngs-navigation-item-active-icon-color)}:host-context(.ngs-navigation-group-menu) .inner{margin:var(--ngs-navigation-nested-item-margin);width:calc(var(--ngs-navigation-item-width) - var(--ngs-navigation-nested-item-margin));background:var(--ngs-navigation-nested-item-bg);min-height:var(--ngs-navigation-nested-item-height);padding:var(--ngs-navigation-nested-item-padding);color:var(--ngs-navigation-nested-item-color)}:host-context(.ngs-navigation-group-menu):hover .inner{background:var(--ngs-navigation-nested-item-hover-bg);color:var(--ngs-navigation-nested-item-hover-color)}:host-context(.ngs-navigation-group-menu).is-active .inner,:host-context(.ngs-navigation-group-menu).is-active:hover .inner{background:var(--ngs-navigation-nested-item-active-bg);color:var(--ngs-navigation-nested-item-active-color)}:host-context(.ngs-navigation-group-menu):not(:last-child):before{content:\"\";position:absolute;top:0;left:20px;bottom:-10px;width:1px;background:var(--ngs-navigation-group-tree-lines-color);z-index:0}:host-context(.ngs-navigation-group-menu):after{content:\"\";position:absolute;top:0;left:20px;width:calc(var(--ngs-navigation-nested-item-height) / 1.5);height:calc(var(--ngs-navigation-nested-item-height) / 2);border-bottom-left-radius:calc(var(--ngs-navigation-nested-item-height) / 4);border-left:1px solid var(--ngs-navigation-group-tree-lines-color);border-bottom:1px solid var(--ngs-navigation-group-tree-lines-color)}\n/*! tailwindcss v4.2.2 | 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 NavigationItemDefDirective {
+    template;
+    when = input(undefined, { ...(ngDevMode ? { debugName: "when" } : /* istanbul ignore next */ {}), alias: 'ngsNavigationItemDef' });
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NavigationItemDefDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: NavigationItemDefDirective, isStandalone: true, selector: "[ngsNavigationItemDef]", inputs: { when: { classPropertyName: "when", publicName: "ngsNavigationItemDef", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NavigationItemDefDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsNavigationItemDef]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }], propDecorators: { when: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngsNavigationItemDef", required: false }] }] } });
+
+class Navigation {
+    store = inject(NavigationStore);
+    _elementRef = inject(ElementRef);
+    _renderer = inject(Renderer2);
+    location = inject(Location);
+    router = inject(Router);
+    destroyRef = inject(DestroyRef);
+    _items = contentChildren(NavigationItem, { ...(ngDevMode ? { debugName: "_items" } : /* istanbul ignore next */ {}), descendants: true });
+    _defs = contentChildren(NavigationItemDefDirective, ...(ngDevMode ? [{ debugName: "_defs" }] : /* istanbul ignore next */ []));
+    activeKey = input(...(ngDevMode ? [undefined, { debugName: "activeKey" }] : /* istanbul ignore next */ []));
+    dataSource = input(...(ngDevMode ? [undefined, { debugName: "dataSource" }] : /* istanbul ignore next */ []));
+    itemTypeProperty = input('type', ...(ngDevMode ? [{ debugName: "itemTypeProperty" }] : /* 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
+        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());
+        }
+    }
+    getTemplate(item) {
+        const def = this._defs().find(d => {
+            const when = d.when();
+            if (when) {
+                if (typeof when === 'function') {
+                    return when(item);
+                }
+                return item[this.itemTypeProperty()] === when;
+            }
+            return false;
+        }) || this._defs().find(d => !d.when());
+        return def?.template || null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Navigation, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: Navigation, isStandalone: true, selector: "ngs-navigation", inputs: { activeKey: { classPropertyName: "activeKey", publicName: "activeKey", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, itemTypeProperty: { classPropertyName: "itemTypeProperty", publicName: "itemTypeProperty", 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: "ngs-navigation" }, providers: [
+            NavigationStore,
+            {
+                provide: NAVIGATION,
+                useExisting: forwardRef(() => Navigation),
+            }
+        ], queries: [{ propertyName: "_items", predicate: NavigationItem, descendants: true, isSignal: true }, { propertyName: "_defs", predicate: NavigationItemDefDirective, isSignal: true }], exportAs: ["ngsNavigation"], usesOnChanges: true, ngImport: i0, template: "@if (dataSource(); as data) {\n  @for (item of data; track item) {\n    <ng-container *ngTemplateOutlet=\"getTemplate(item); context: { $implicit: item }\" />\n  }\n} @else {\n  <ng-content/>\n}\n", styles: [":host{--ngs-navigation-bg: inherit;--ngs-navigation-items-gap: calc(var(--spacing, .25rem) * .5);--ngs-navigation-item-width: 100%;--ngs-navigation-item-bg: transparent;--ngs-navigation-item-height: calc(var(--spacing, .25rem) * 11);--ngs-navigation-item-padding: 0 calc(var(--spacing, .25rem) * 3);--ngs-navigation-item-font-size: .875rem;--ngs-navigation-item-border-radius: calc(var(--spacing, .25rem) * 3);--ngs-navigation-item-border-width: 1px;--ngs-navigation-item-border-color: transparent;--ngs-navigation-item-font-weight: 500;--ngs-navigation-item-color: var(--nav-item-color);--ngs-navigation-item-hover-bg: var(--nav-item-hover-bg);--ngs-navigation-item-active-bg: var(--nav-item-active-bg);--ngs-navigation-item-hover-color: var(--nav-item-hover-color);--ngs-navigation-item-active-color: var(--nav-item-active-color);--ngs-navigation-item-icon-color: var(--nav-item-icon-color);--ngs-navigation-item-icon-width: 27px;--ngs-navigation-item-hover-icon-color: var(--nav-item-hover-icon-color);--ngs-navigation-item-active-icon-color: var(--nav-item-active-icon-color);--ngs-navigation-item-icon-size: calc(var(--spacing, .25rem) * 6);--ngs-navigation-item-gap: calc(var(--spacing, .25rem) * 2.5);--ngs-navigation-item-has-icon-padding-start: calc(var(--spacing, .25rem) * 2.5);--ngs-navigation-heading-color: var(--color-on-surface-variant);--ngs-navigation-heading-font-size: .625rem;--ngs-navigation-heading-font-weight: 700;--ngs-navigation-heading-padding: 0 calc(var(--spacing, .25rem) * 3);--ngs-navigation-heading-margin-bottom: calc(var(--spacing, .25rem) * 2);--ngs-navigation-heading-after-margin: calc(var(--spacing, .25rem) * 8);--ngs-navigation-heading-text-transform: uppercase;--ngs-navigation-divider-height: 1px;--ngs-navigation-divider-bg: var(--color-subtle);--ngs-navigation-divider-margin: calc(var(--spacing, .25rem) * 6) 0;--ngs-navigation-group-toggle-has-icon-padding-end: calc(var(--spacing, .25rem) * 1.5);--ngs-navigation-group-toggle-icon-color: var(--color-on-surface-variant);--ngs-navigation-group-toggle-icon-position-end: calc(var(--spacing, .25rem) * 3);--ngs-navigation-group-toggle-icon-size: calc(var(--spacing, .25rem) * 4);--ngs-navigation-group-menu-padding-start: 0;--ngs-navigation-group-toggle-bg: transparent;--ngs-navigation-group-toggle-active-bg: var(--nav-item-active-bg);--ngs-navigation-group-toggle-active-color: var(--nav-item-active-color);--ngs-navigation-nested-item-bg: transparent;--ngs-navigation-nested-item-height: calc(var(--spacing, .25rem) * 11);--ngs-navigation-nested-item-padding: 0 calc(var(--spacing, .25rem) * 3);--ngs-navigation-nested-item-margin: 0 0 0 52px;--ngs-navigation-nested-item-border-radius: 0;--ngs-navigation-nested-item-color: var(--nav-item-color);--ngs-navigation-nested-item-hover-bg: var(--nav-item-hover-bg);--ngs-navigation-nested-item-active-bg: var(--nav-item-active-bg);--ngs-navigation-nested-item-hover-color: var(--nav-item-hover-color);--ngs-navigation-nested-item-active-color: var(--nav-item-active-color);--ngs-navigation-nested-item-indicator-width: calc(var(--spacing, .25rem) * 3.5);--ngs-navigation-nested-item-indicator-height: calc(var(--spacing, .25rem) * .5);--ngs-navigation-nested-item-indicator-bg: var(--color-outline);--ngs-navigation-nested-item-indicator-position-start: calc(calc(var(--spacing, .25rem) * 2.5) * -1);--ngs-navigation-group-active-bg: transparent;--ngs-navigation-group-border-radius: 0;--ngs-navigation-group-tree-lines-color: var(--color-subtle);--ngs-navigation-heading-text-align: start;display:flex;flex-direction:column;gap:var(--ngs-navigation-items-gap);background:var(--ngs-navigation-bg)}:host ::ng-deep .ngs-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>*+.ngs-navigation-heading{margin-top:var(--ngs-navigation-heading-after-margin)}\n/*! tailwindcss v4.2.2 | 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: "21.2.4", ngImport: i0, type: Navigation, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-navigation', exportAs: 'ngsNavigation', imports: [
+                        NgTemplateOutlet
+                    ], providers: [
+                        NavigationStore,
+                        {
+                            provide: NAVIGATION,
+                            useExisting: forwardRef(() => Navigation),
+                        }
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, host: {
+                        'class': 'ngs-navigation'
+                    }, template: "@if (dataSource(); as data) {\n  @for (item of data; track item) {\n    <ng-container *ngTemplateOutlet=\"getTemplate(item); context: { $implicit: item }\" />\n  }\n} @else {\n  <ng-content/>\n}\n", styles: [":host{--ngs-navigation-bg: inherit;--ngs-navigation-items-gap: calc(var(--spacing, .25rem) * .5);--ngs-navigation-item-width: 100%;--ngs-navigation-item-bg: transparent;--ngs-navigation-item-height: calc(var(--spacing, .25rem) * 11);--ngs-navigation-item-padding: 0 calc(var(--spacing, .25rem) * 3);--ngs-navigation-item-font-size: .875rem;--ngs-navigation-item-border-radius: calc(var(--spacing, .25rem) * 3);--ngs-navigation-item-border-width: 1px;--ngs-navigation-item-border-color: transparent;--ngs-navigation-item-font-weight: 500;--ngs-navigation-item-color: var(--nav-item-color);--ngs-navigation-item-hover-bg: var(--nav-item-hover-bg);--ngs-navigation-item-active-bg: var(--nav-item-active-bg);--ngs-navigation-item-hover-color: var(--nav-item-hover-color);--ngs-navigation-item-active-color: var(--nav-item-active-color);--ngs-navigation-item-icon-color: var(--nav-item-icon-color);--ngs-navigation-item-icon-width: 27px;--ngs-navigation-item-hover-icon-color: var(--nav-item-hover-icon-color);--ngs-navigation-item-active-icon-color: var(--nav-item-active-icon-color);--ngs-navigation-item-icon-size: calc(var(--spacing, .25rem) * 6);--ngs-navigation-item-gap: calc(var(--spacing, .25rem) * 2.5);--ngs-navigation-item-has-icon-padding-start: calc(var(--spacing, .25rem) * 2.5);--ngs-navigation-heading-color: var(--color-on-surface-variant);--ngs-navigation-heading-font-size: .625rem;--ngs-navigation-heading-font-weight: 700;--ngs-navigation-heading-padding: 0 calc(var(--spacing, .25rem) * 3);--ngs-navigation-heading-margin-bottom: calc(var(--spacing, .25rem) * 2);--ngs-navigation-heading-after-margin: calc(var(--spacing, .25rem) * 8);--ngs-navigation-heading-text-transform: uppercase;--ngs-navigation-divider-height: 1px;--ngs-navigation-divider-bg: var(--color-subtle);--ngs-navigation-divider-margin: calc(var(--spacing, .25rem) * 6) 0;--ngs-navigation-group-toggle-has-icon-padding-end: calc(var(--spacing, .25rem) * 1.5);--ngs-navigation-group-toggle-icon-color: var(--color-on-surface-variant);--ngs-navigation-group-toggle-icon-position-end: calc(var(--spacing, .25rem) * 3);--ngs-navigation-group-toggle-icon-size: calc(var(--spacing, .25rem) * 4);--ngs-navigation-group-menu-padding-start: 0;--ngs-navigation-group-toggle-bg: transparent;--ngs-navigation-group-toggle-active-bg: var(--nav-item-active-bg);--ngs-navigation-group-toggle-active-color: var(--nav-item-active-color);--ngs-navigation-nested-item-bg: transparent;--ngs-navigation-nested-item-height: calc(var(--spacing, .25rem) * 11);--ngs-navigation-nested-item-padding: 0 calc(var(--spacing, .25rem) * 3);--ngs-navigation-nested-item-margin: 0 0 0 52px;--ngs-navigation-nested-item-border-radius: 0;--ngs-navigation-nested-item-color: var(--nav-item-color);--ngs-navigation-nested-item-hover-bg: var(--nav-item-hover-bg);--ngs-navigation-nested-item-active-bg: var(--nav-item-active-bg);--ngs-navigation-nested-item-hover-color: var(--nav-item-hover-color);--ngs-navigation-nested-item-active-color: var(--nav-item-active-color);--ngs-navigation-nested-item-indicator-width: calc(var(--spacing, .25rem) * 3.5);--ngs-navigation-nested-item-indicator-height: calc(var(--spacing, .25rem) * .5);--ngs-navigation-nested-item-indicator-bg: var(--color-outline);--ngs-navigation-nested-item-indicator-position-start: calc(calc(var(--spacing, .25rem) * 2.5) * -1);--ngs-navigation-group-active-bg: transparent;--ngs-navigation-group-border-radius: 0;--ngs-navigation-group-tree-lines-color: var(--color-subtle);--ngs-navigation-heading-text-align: start;display:flex;flex-direction:column;gap:var(--ngs-navigation-items-gap);background:var(--ngs-navigation-bg)}:host ::ng-deep .ngs-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>*+.ngs-navigation-heading{margin-top:var(--ngs-navigation-heading-after-margin)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { _items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NavigationItem), { ...{ descendants: true }, isSignal: true }] }], _defs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NavigationItemDefDirective), { isSignal: true }] }], activeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeKey", required: false }] }], dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: false }] }], itemTypeProperty: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemTypeProperty", 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 NavigationHeading {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NavigationHeading, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: NavigationHeading, isStandalone: true, selector: "ngs-navigation-heading", host: { classAttribute: "ngs-navigation-heading" }, exportAs: ["ngsNavigationHeading"], ngImport: i0, template: "<div class=\"content\"><ng-content/></div>\n", styles: [":host{display:block;text-transform:var(--ngs-navigation-heading-text-transform);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--ngs-navigation-heading-color);font-size:var(--ngs-navigation-heading-font-size);font-weight:var(--ngs-navigation-heading-font-weight);padding:var(--ngs-navigation-heading-padding);margin-bottom:var(--ngs-navigation-heading-margin-bottom);text-align:var(--ngs-navigation-heading-text-align);height:calc(var(--spacing, .25rem) * 6);align-items:center}:host:first-child{margin-top:0}:host .content{overflow:hidden;text-overflow:ellipsis}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NavigationHeading, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-navigation-heading', exportAs: 'ngsNavigationHeading', host: {
+                        'class': 'ngs-navigation-heading'
+                    }, template: "<div class=\"content\"><ng-content/></div>\n", styles: [":host{display:block;text-transform:var(--ngs-navigation-heading-text-transform);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--ngs-navigation-heading-color);font-size:var(--ngs-navigation-heading-font-size);font-weight:var(--ngs-navigation-heading-font-weight);padding:var(--ngs-navigation-heading-padding);margin-bottom:var(--ngs-navigation-heading-margin-bottom);text-align:var(--ngs-navigation-heading-text-align);height:calc(var(--spacing, .25rem) * 6);align-items:center}:host:first-child{margin-top:0}:host .content{overflow:hidden;text-overflow:ellipsis}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class NavigationDivider {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NavigationDivider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: NavigationDivider, isStandalone: true, selector: "ngs-navigation-divider", host: { classAttribute: "ngs-navigation-divider" }, exportAs: ["ngsNavigationDivider"], ngImport: i0, template: '', isInline: true, styles: [":host{display:block;height:var(--ngs-navigation-divider-height);background:var(--ngs-navigation-divider-bg);margin:var(--ngs-navigation-divider-margin)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NavigationDivider, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-navigation-divider', exportAs: 'ngsNavigationDivider', template: '', host: {
+                        'class': 'ngs-navigation-divider'
+                    }, styles: [":host{display:block;height:var(--ngs-navigation-divider-height);background:var(--ngs-navigation-divider-bg);margin:var(--ngs-navigation-divider-margin)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+let nextId = 0;
+class NavigationGroup {
+    key = signal(`ngs-navigation-group-${nextId++}`, ...(ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NavigationGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: NavigationGroup, isStandalone: true, selector: "ngs-navigation-group", host: { classAttribute: "ngs-navigation-group" }, providers: [
+            {
+                provide: NAVIGATION_GROUP,
+                useExisting: forwardRef(() => NavigationGroup)
+            }
+        ], exportAs: ["ngsNavigationGroup"], ngImport: i0, template: "<ng-content select=\"ngs-navigation-group-toggle\"/>\n<ng-content select=\"ngs-navigation-group-menu\"/>\n", styles: [":host{display:block;border-radius:var(--ngs-navigation-group-border-radius)}:host:has(.ngs-navigation-group-toggle.is-active){background:var(--ngs-navigation-group-active-bg)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NavigationGroup, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-navigation-group', exportAs: 'ngsNavigationGroup', providers: [
+                        {
+                            provide: NAVIGATION_GROUP,
+                            useExisting: forwardRef(() => NavigationGroup)
+                        }
+                    ], host: {
+                        'class': 'ngs-navigation-group'
+                    }, template: "<ng-content select=\"ngs-navigation-group-toggle\"/>\n<ng-content select=\"ngs-navigation-group-menu\"/>\n", styles: [":host{display:block;border-radius:var(--ngs-navigation-group-border-radius)}:host:has(.ngs-navigation-group-toggle.is-active){background:var(--ngs-navigation-group-active-bg)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class NavigationGroupMenu {
+    store = inject(NavigationStore);
+    _group = inject(NAVIGATION_GROUP);
+    active = computed(() => {
+        return this.store.activeGroupKey() === this._group.key();
+    }, ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+    _items = contentChildren(NavigationItem, { ...(ngDevMode ? { debugName: "_items" } : /* istanbul ignore next */ {}), descendants: true });
+    _defs = contentChildren(NavigationItemDefDirective, ...(ngDevMode ? [{ debugName: "_defs" }] : /* istanbul ignore next */ []));
+    dataSource = input(...(ngDevMode ? [undefined, { debugName: "dataSource" }] : /* istanbul ignore next */ []));
+    itemTypeProperty = input('type', ...(ngDevMode ? [{ debugName: "itemTypeProperty" }] : /* istanbul ignore next */ []));
+    hasActiveItemInGroup = computed(() => {
+        const fromItems = this._items().some(item => this.store.activeKey() === item.key());
+        if (fromItems) {
+            return true;
+        }
+        const data = this.dataSource();
+        if (data) {
+            return data.some(item => this._isActive(item, this.store.activeKey()));
+        }
+        return false;
+    }, ...(ngDevMode ? [{ debugName: "hasActiveItemInGroup" }] : /* istanbul ignore next */ []));
+    ngAfterContentInit() {
+        this._detectGroupIsActive();
+    }
+    getTemplate(item) {
+        const def = this._defs().find(d => {
+            const whenValue = d.when();
+            if (whenValue) {
+                if (typeof whenValue === 'function') {
+                    return whenValue(item);
+                }
+                return item[this.itemTypeProperty()] === whenValue;
+            }
+            return false;
+        }) || this._defs().find(d => !d.when());
+        return def?.template || null;
+    }
+    _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());
+            }
+        }
+    }
+    _isActive(item, activeKey) {
+        if (item.key === activeKey) {
+            return true;
+        }
+        if (item.children && Array.isArray(item.children)) {
+            return item.children.some((child) => this._isActive(child, activeKey));
+        }
+        return false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NavigationGroupMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: NavigationGroupMenu, isStandalone: true, selector: "ngs-navigation-group-menu", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, itemTypeProperty: { classPropertyName: "itemTypeProperty", publicName: "itemTypeProperty", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-active": "active()" }, classAttribute: "ngs-navigation-group-menu" }, queries: [{ propertyName: "_items", predicate: NavigationItem, descendants: true, isSignal: true }, { propertyName: "_defs", predicate: NavigationItemDefDirective, isSignal: true }], exportAs: ["ngsNavigationGroupMenu"], ngImport: i0, template: "@if (dataSource(); as data) {\n  <div class=\"inner\">\n    @for (item of data; track item) {\n      <ng-container *ngTemplateOutlet=\"getTemplate(item); context: { $implicit: item }\" />\n    }\n  </div>\n} @else {\n  <div class=\"inner\">\n    <ng-content/>\n  </div>\n}\n", styles: [":host{position:relative;padding-inline-start:var(--ngs-navigation-group-menu-padding-start);transition:grid-template-rows .2s ease;grid-template-rows:0fr;display:grid}:host .inner{display:flex;flex-direction:column;gap:var(--ngs-navigation-items-gap);overflow:hidden}:host(.is-active){grid-template-rows:1fr;margin-top:var(--ngs-navigation-item-space-y)}:host(.is-active) .inner{padding:calc(var(--ngs-navigation-items-gap) * 2) 0 var(--ngs-navigation-items-gap) 0}\n/*! tailwindcss v4.2.2 | 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: "21.2.4", ngImport: i0, type: NavigationGroupMenu, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-navigation-group-menu', exportAs: 'ngsNavigationGroupMenu', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        NgTemplateOutlet
+                    ], standalone: true, host: {
+                        'class': 'ngs-navigation-group-menu',
+                        '[class.is-active]': 'active()'
+                    }, template: "@if (dataSource(); as data) {\n  <div class=\"inner\">\n    @for (item of data; track item) {\n      <ng-container *ngTemplateOutlet=\"getTemplate(item); context: { $implicit: item }\" />\n    }\n  </div>\n} @else {\n  <div class=\"inner\">\n    <ng-content/>\n  </div>\n}\n", styles: [":host{position:relative;padding-inline-start:var(--ngs-navigation-group-menu-padding-start);transition:grid-template-rows .2s ease;grid-template-rows:0fr;display:grid}:host .inner{display:flex;flex-direction:column;gap:var(--ngs-navigation-items-gap);overflow:hidden}:host(.is-active){grid-template-rows:1fr;margin-top:var(--ngs-navigation-item-space-y)}:host(.is-active) .inner{padding:calc(var(--ngs-navigation-items-gap) * 2) 0 var(--ngs-navigation-items-gap) 0}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { _items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NavigationItem), { ...{ descendants: true }, isSignal: true }] }], _defs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NavigationItemDefDirective), { isSignal: true }] }], dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: false }] }], itemTypeProperty: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemTypeProperty", required: false }] }] } });
+
+class NavigationGroupToggleIconDirective {
+    templateRef = inject(TemplateRef, { optional: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NavigationGroupToggleIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: NavigationGroupToggleIconDirective, isStandalone: true, selector: "[ngsNavigationGroupToggleIcon]", host: { classAttribute: "ngs-navigation-group-toggle-icon" }, exportAs: ["ngsNavigationGroupToggleIcon"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NavigationGroupToggleIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsNavigationGroupToggleIcon]',
+                    exportAs: 'ngsNavigationGroupToggleIcon',
+                    host: {
+                        'class': 'ngs-navigation-group-toggle-icon'
+                    }
+                }]
+        }] });
+
+class NavigationGroupToggle {
+    store = inject(NavigationStore);
+    _group = inject(NAVIGATION_GROUP);
+    iconRef = contentChild(NavigationGroupToggleIconDirective, ...(ngDevMode ? [{ debugName: "iconRef" }] : /* istanbul ignore next */ []));
+    active = computed(() => {
+        return this.store.activeGroupKey() === this._group.key();
+    }, ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+    badgeTextOnly = input(false, { ...(ngDevMode ? { debugName: "badgeTextOnly" } : /* istanbul ignore next */ {}), 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: "21.2.4", ngImport: i0, type: NavigationGroupToggle, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: NavigationGroupToggle, isStandalone: true, selector: "ngs-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: "ngs-navigation-group-toggle" }, queries: [{ propertyName: "iconRef", first: true, predicate: NavigationGroupToggleIconDirective, descendants: true, isSignal: true }], exportAs: ["ngsNavigationGroupToggle"], hostDirectives: [{ directive: i1.Ripple }], ngImport: i0, template: "<div class=\"icon\"><ng-content select=\"[ngsNavigationItemIcon]\"/></div>\n<span class=\"text grow\"><ng-content/></span>\n<div class=\"flex items-center gap-0.5\">\n  <div class=\"badge\">\n    <ng-content select=\"[ngsNavigationItemBadge]\"/>\n  </div>\n  <div class=\"arrow\">\n    <ng-content select=\"[ngsNavigationGroupToggleIcon]\"/>\n    @if (iconRef()) {\n      <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\n    }\n  </div>\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:var(--ngs-navigation-group-toggle-bg);min-height:var(--ngs-navigation-item-height);padding:var(--ngs-navigation-item-padding);font-size:var(--ngs-navigation-item-font-size);border-radius:var(--ngs-navigation-item-border-radius);font-weight:var(--ngs-navigation-item-font-weight);color:var(--ngs-navigation-item-color);gap:var(--ngs-navigation-item-gap);width:var(--ngs-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:.75rem;padding:0 calc(var(--spacing, .25rem) * 1.5);font-weight:700}:host:not(.is-badge-text-only) .badge{font-weight:600;font-size:.625rem;background:var(--color-primary);color:var(--color-on-primary)}:host .icon{display:inline-flex;align-items:center;justify-content:center;width:var(--ngs-navigation-item-icon-width);color:var(--ngs-navigation-item-icon-color);flex:none}:host .icon:empty{display:none}:host .arrow{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease;flex:none;width:calc(var(--spacing, .25rem) * 7);height:calc(var(--spacing, .25rem) * 7)}:host .arrow:empty{display:none}:host:hover{background:var(--ngs-navigation-item-hover-bg);color:var(--ngs-navigation-item-hover-color);transition:background-color .2s}:host.is-active,:host.is-active:hover{background:var(--ngs-navigation-group-toggle-active-bg);color:var(--ngs-navigation-group-toggle-active-color)}:host:not(.is-active):hover .icon{color:var(--ngs-navigation-item-hover-icon-color)}:host.is-active .icon{color:var(--ngs-navigation-group-toggle-active-color)}:host.is-active .arrow{transform:rotate(-180deg)}:host:has(.arrow:not(:empty)){padding-inline-end:var(--ngs-navigation-group-toggle-has-icon-padding-end)}\n/*! tailwindcss v4.2.2 | 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: "21.2.4", ngImport: i0, type: NavigationGroupToggle, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-navigation-group-toggle', exportAs: 'ngsNavigationGroupToggle', imports: [
+                        NgTemplateOutlet
+                    ], hostDirectives: [
+                        Ripple
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'ngs-navigation-group-toggle',
+                        '[class.is-active]': 'active()',
+                        '[class.is-badge-text-only]': 'badgeTextOnly()',
+                        '(click)': 'toggle($event)'
+                    }, template: "<div class=\"icon\"><ng-content select=\"[ngsNavigationItemIcon]\"/></div>\n<span class=\"text grow\"><ng-content/></span>\n<div class=\"flex items-center gap-0.5\">\n  <div class=\"badge\">\n    <ng-content select=\"[ngsNavigationItemBadge]\"/>\n  </div>\n  <div class=\"arrow\">\n    <ng-content select=\"[ngsNavigationGroupToggleIcon]\"/>\n    @if (iconRef()) {\n      <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\n    }\n  </div>\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:var(--ngs-navigation-group-toggle-bg);min-height:var(--ngs-navigation-item-height);padding:var(--ngs-navigation-item-padding);font-size:var(--ngs-navigation-item-font-size);border-radius:var(--ngs-navigation-item-border-radius);font-weight:var(--ngs-navigation-item-font-weight);color:var(--ngs-navigation-item-color);gap:var(--ngs-navigation-item-gap);width:var(--ngs-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:.75rem;padding:0 calc(var(--spacing, .25rem) * 1.5);font-weight:700}:host:not(.is-badge-text-only) .badge{font-weight:600;font-size:.625rem;background:var(--color-primary);color:var(--color-on-primary)}:host .icon{display:inline-flex;align-items:center;justify-content:center;width:var(--ngs-navigation-item-icon-width);color:var(--ngs-navigation-item-icon-color);flex:none}:host .icon:empty{display:none}:host .arrow{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease;flex:none;width:calc(var(--spacing, .25rem) * 7);height:calc(var(--spacing, .25rem) * 7)}:host .arrow:empty{display:none}:host:hover{background:var(--ngs-navigation-item-hover-bg);color:var(--ngs-navigation-item-hover-color);transition:background-color .2s}:host.is-active,:host.is-active:hover{background:var(--ngs-navigation-group-toggle-active-bg);color:var(--ngs-navigation-group-toggle-active-color)}:host:not(.is-active):hover .icon{color:var(--ngs-navigation-item-hover-icon-color)}:host.is-active .icon{color:var(--ngs-navigation-group-toggle-active-color)}:host.is-active .arrow{transform:rotate(-180deg)}:host:has(.arrow:not(:empty)){padding-inline-end:var(--ngs-navigation-group-toggle-has-icon-padding-end)}\n/*! tailwindcss v4.2.2 | 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: "21.2.4", ngImport: i0, type: NavigationItemBadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: NavigationItemBadgeDirective, isStandalone: true, selector: "[ngsNavigationItemBadge]", host: { classAttribute: "ngs-navigation-item-badge" }, exportAs: ["ngsNavigationItemBadge"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NavigationItemBadgeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsNavigationItemBadge]',
+                    exportAs: 'ngsNavigationItemBadge',
+                    standalone: true,
+                    host: {
+                        'class': 'ngs-navigation-item-badge',
+                    }
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NAVIGATION, NAVIGATION_GROUP, Navigation, NavigationDivider, NavigationGroup, NavigationGroupMenu, NavigationGroupToggle, NavigationGroupToggleIconDirective, NavigationHeading, NavigationItem, NavigationItemBadgeDirective, NavigationItemDefDirective, NavigationItemIconDirective };
+//# sourceMappingURL=ngstarter-ui-components-navigation.mjs.map

package/fesm2022/ngstarter-ui-components-navigation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-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.ts","../../../projects/components/navigation/src/navigation-item/navigation-item.html","../../../projects/components/navigation/src/navigation-item-def.directive.ts","../../../projects/components/navigation/src/navigation/navigation.ts","../../../projects/components/navigation/src/navigation/navigation.html","../../../projects/components/navigation/src/navigation-heading/navigation-heading.ts","../../../projects/components/navigation/src/navigation-heading/navigation-heading.html","../../../projects/components/navigation/src/navigation-divider/navigation-divider.ts","../../../projects/components/navigation/src/navigation-group/navigation-group.ts","../../../projects/components/navigation/src/navigation-group/navigation-group.html","../../../projects/components/navigation/src/navigation-group-menu/navigation-group-menu.ts","../../../projects/components/navigation/src/navigation-group-menu/navigation-group-menu.html","../../../projects/components/navigation/src/navigation-group-toggle-icon.directive.ts","../../../projects/components/navigation/src/navigation-group-toggle/navigation-group-toggle.ts","../../../projects/components/navigation/src/navigation-group-toggle/navigation-group-toggle.html","../../../projects/components/navigation/src/navigation-item-badge.directive.ts","../../../projects/components/navigation/ngstarter-ui-components-navigation.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[ngsNavigationItemIcon]',\n  exportAs: 'ngsNavigationItemIcon',\n  host: {\n    'class': 'ngs-navigation-item-icon'\n  }\n})\nexport class NavigationItemIconDirective {\n  public readonly templateRef = inject(TemplateRef, { optional: true });\n}\n","import { InjectionToken } from '@angular/core';\n\nexport interface NavigationItemData {\n  key: any;\n  type: 'heading' | 'group' | 'link' | 'item' | 'divider' | string;\n  name?: string;\n  icon?: string;\n  children?: NavigationItemData[];\n  link?: string;\n  [prop: string]: any;\n  badge?: string | number;\n}\n\nexport const NAVIGATION = new InjectionToken('NAVIGATION');\nexport const NAVIGATION_GROUP = new InjectionToken('NAVIGATION_GROUP');\n","import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\n\nexport interface NavigationState {\n  activeKey: any;\n  activeGroupKey: any;\n}\n\nconst initialState: NavigationState = {\n  activeKey: null,\n  activeGroupKey: null\n};\n\nexport const NavigationStore = signalStore(\n  withState(initialState),\n  withMethods((store) => ({\n    setActiveKey(activeKey: any) {\n      patchState(store, {\n        activeKey\n      });\n    },\n    setActiveGroupKey(activeGroupKey: any) {\n      patchState(store, {\n        activeGroupKey\n      });\n    },\n  }))\n);\n","import {\n  booleanAttribute,\n  Component, ElementRef,\n  inject,\n  contentChild, TemplateRef, input, ChangeDetectionStrategy, computed\n} from '@angular/core';\nimport { NavigationItemIconDirective } from '../navigation-item-icon.directive';\nimport { Ripple } from '@ngstarter-ui/components/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { NAVIGATION, NAVIGATION_GROUP } from '../types';\nimport { Navigation } from '../navigation/navigation';\nimport { NavigationStore } from '../navigation.store';\nimport { NavigationGroup } from '../navigation-group/navigation-group';\n\nlet nextKey = 0;\n\n@Component({\n  selector: 'ngs-navigation-item,[ngs-navigation-item]',\n  exportAs: 'ngsNavigationItem',\n  imports: [\n    Ripple,\n    NgTemplateOutlet\n  ],\n  templateUrl: './navigation-item.html',\n  styleUrl: './navigation-item.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'class': 'ngs-navigation-item',\n    '[class.is-active]': 'forceActive() || active()',\n    '[class.is-badge-text-only]': 'badgeTextOnly()',\n    '(click)': 'click($event)'\n  }\n})\nexport class NavigationItem {\n  private store= inject(NavigationStore);\n  private _navigation = inject<Navigation>(NAVIGATION);\n  private _elementRef = inject(ElementRef);\n  private parentGroup = inject<NavigationGroup>(NAVIGATION_GROUP, { optional: true });\n\n  protected readonly iconRef = contentChild(NavigationItemIconDirective);\n  readonly active = computed(() => {\n    return this.store.activeKey() === this.key();\n  });\n\n  get api() {\n    return {\n      isActive: () => this.active()\n    }\n  }\n\n  readonly key = input<any>(`ngs-navigation-item-${nextKey++}`);\n  readonly forceActive = input(false, {\n    transform: booleanAttribute\n  });\n  readonly badgeTextOnly = input(false, {\n    transform: booleanAttribute\n  });\n\n  protected click(event: MouseEvent) {\n    if (!this.key()) {\n      return;\n    }\n\n    this._navigation.itemClicked.emit(this.key());\n    this.store.setActiveKey(this.key());\n\n    if (this.parentGroup) {\n      this.store.setActiveGroupKey(this.parentGroup.key());\n    } else {\n      this.store.setActiveGroupKey(null);\n    }\n  }\n\n  get _hostElement(): ElementRef {\n    return this._elementRef;\n  }\n\n  protected get iconRefTemplate(): TemplateRef<any> {\n    return this.iconRef()?.templateRef as TemplateRef<any>;\n  }\n}\n","<div class=\"inner\" ngsRipple>\n  <div class=\"icon\">\n    <ng-content select=\"[ngsNavigationItemIcon]\"/>\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=\"[ngsNavigationItemBadge]\"/>\n  </div>\n</div>\n","import { Directive, input, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[ngsNavigationItemDef]',\n  standalone: true\n})\nexport class NavigationItemDefDirective {\n  when = input<string | ((item: any) => boolean) | undefined>(undefined, { alias: 'ngsNavigationItemDef' });\n\n  constructor(public template: TemplateRef<any>) {}\n}\n","import {\n  afterNextRender,\n  Component,\n  ElementRef,\n  inject,\n  Renderer2,\n  contentChildren,\n  SimpleChanges,\n  input,\n  OnChanges,\n  output,\n  forwardRef,\n  AfterContentInit,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  DestroyRef, TemplateRef\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { NavigationItem } from '../navigation-item/navigation-item';\nimport { NAVIGATION } from '../types';\nimport { Location } from '@angular/common';\nimport { NavigationStore } from '../navigation.store';\nimport { NavigationEnd, Router } from '@angular/router';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { NavigationItemDefDirective } from '../navigation-item-def.directive';\n\n@Component({\n  selector: 'ngs-navigation',\n  exportAs: 'ngsNavigation',\n  templateUrl: './navigation.html',\n  styleUrl: './navigation.scss',\n  imports: [\n    NgTemplateOutlet\n  ],\n  providers: [\n    NavigationStore,\n    {\n      provide: NAVIGATION,\n      useExisting: forwardRef(() => Navigation),\n    }\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  host: {\n    'class': 'ngs-navigation'\n  }\n})\nexport class Navigation implements AfterContentInit, OnChanges {\n  private store= inject(NavigationStore);\n  private _elementRef = inject(ElementRef);\n  private _renderer = inject(Renderer2);\n  private location = inject(Location);\n  private router = inject(Router);\n  private destroyRef = inject(DestroyRef);\n\n  readonly _items = contentChildren(NavigationItem, { descendants: true });\n  readonly _defs = contentChildren(NavigationItemDefDirective);\n\n  activeKey = input<any>();\n  dataSource = input<any[]>();\n  itemTypeProperty = input<string>('type');\n  appearance = input();\n  activateByRoute = input(false, {\n    transform: booleanAttribute\n  })\n  autoScrollToActiveItem = input(false, {\n    transform: booleanAttribute\n  });\n\n  readonly itemClicked = output<NavigationItem>();\n\n  constructor() {\n    // scroll to the active item if it is not visible in the viewport\n    afterNextRender(() => {\n      if (!this.autoScrollToActiveItem()) {\n        return;\n      }\n\n      this._items().forEach((item: NavigationItem) => {\n        if (item.active()) {\n          let parentElement = this._elementRef.nativeElement.parentNode || null;\n          const itemElement = item._hostElement.nativeElement as HTMLElement;\n\n          while (parentElement !== null) {\n            if (this._hasScroll(parentElement)) {\n              if (!this._isScrolledIntoView(itemElement, parentElement)) {\n                const parentRect = parentElement.getBoundingClientRect();\n                const elementRect = itemElement.getBoundingClientRect();\n                parentElement.scrollTop = elementRect.top - parentRect.height / 2;\n              }\n\n              parentElement = null;\n            } else {\n              parentElement = parentElement.parentNode || null;\n            }\n          }\n        }\n      });\n    });\n  }\n\n  ngAfterContentInit() {\n    if (!this.activateByRoute()) {\n      return;\n    }\n\n    this.findActiveItemByRoute();\n    this.router\n      .events\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe((event: any) => {\n        if (event instanceof NavigationEnd) {\n          this.findActiveItemByRoute();\n        }\n      });\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes['activeKey']) {\n      this.store.setActiveKey(changes['activeKey'].currentValue);\n    }\n\n    if (changes['appearance']) {\n      this._renderer.setAttribute(this._elementRef.nativeElement, 'data-appearance', changes['appearance'].currentValue);\n    }\n  }\n\n  private _hasScroll(element: HTMLElement): boolean {\n    if (!element.getBoundingClientRect) {\n      return false;\n    }\n\n    return Math.ceil(element.scrollHeight) > Math.ceil(element.getBoundingClientRect().height);\n  }\n\n  private _isScrolledIntoView(element: HTMLElement, parent: HTMLElement) {\n    const elementRect = element.getBoundingClientRect();\n    const parentRect = parent.getBoundingClientRect();\n    return (elementRect.top >= 0) && (elementRect.bottom <= parentRect.height);\n  }\n\n  private findActiveItemByRoute() {\n    const activeItem = this._items().find((item: NavigationItem) => {\n      const element = item._hostElement.nativeElement as HTMLElement;\n\n      if (element.tagName === 'A') {\n        const href = element.getAttribute('href');\n\n        if (href) {\n          if (href === this.location.path()) {\n            return true;\n          }\n\n          return href !== '/' && this.location.path().includes(href);\n        }\n      }\n\n      return null;\n    });\n\n    if (activeItem) {\n      this.store.setActiveKey(activeItem.key());\n    }\n  }\n\n  getTemplate(item: any): TemplateRef<any> | null {\n    const def = this._defs().find(d => {\n      const when = d.when();\n      if (when) {\n        if (typeof when === 'function') {\n          return when(item);\n        }\n        return item[this.itemTypeProperty()] === when;\n      }\n\n      return false;\n    }) || this._defs().find(d => !d.when());\n\n    return def?.template || null;\n  }\n}\n","@if (dataSource(); as data) {\n  @for (item of data; track item) {\n    <ng-container *ngTemplateOutlet=\"getTemplate(item); context: { $implicit: item }\" />\n  }\n} @else {\n  <ng-content/>\n}\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-navigation-heading',\n  exportAs: 'ngsNavigationHeading',\n  templateUrl: './navigation-heading.html',\n  styleUrl: './navigation-heading.scss',\n  host: {\n    'class': 'ngs-navigation-heading'\n  }\n})\nexport class NavigationHeading {\n}\n","<div class=\"content\"><ng-content/></div>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-navigation-divider',\n  exportAs: 'ngsNavigationDivider',\n  template: '',\n  styleUrl: './navigation-divider.scss',\n  host: {\n    'class': 'ngs-navigation-divider'\n  }\n})\nexport class NavigationDivider {\n}\n","import { Component, forwardRef, signal } from '@angular/core';\nimport { NAVIGATION_GROUP } from '../types';\n\nlet nextId = 0;\n\n@Component({\n  selector: 'ngs-navigation-group',\n  exportAs: 'ngsNavigationGroup',\n  templateUrl: './navigation-group.html',\n  styleUrl: './navigation-group.scss',\n  providers: [\n    {\n      provide: NAVIGATION_GROUP,\n      useExisting: forwardRef(() => NavigationGroup)\n    }\n  ],\n  host: {\n    'class': 'ngs-navigation-group'\n  }\n})\nexport class NavigationGroup {\n  readonly key = signal(`ngs-navigation-group-${nextId++}`);\n}\n","<ng-content select=\"ngs-navigation-group-toggle\"/>\n<ng-content select=\"ngs-navigation-group-menu\"/>\n","import {\n  AfterContentInit,\n  ChangeDetectorRef,\n  Component,\n  inject,\n  contentChildren,\n  computed,\n  ChangeDetectionStrategy,\n  effect,\n  input,\n  TemplateRef\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { NavigationItem } from '../navigation-item/navigation-item';\nimport { NAVIGATION_GROUP } from '../types';\nimport { NavigationGroup } from '../navigation-group/navigation-group';\nimport { NavigationStore } from '../navigation.store';\nimport { NavigationItemDefDirective } from '../navigation-item-def.directive';\n\n@Component({\n  selector: 'ngs-navigation-group-menu',\n  exportAs: 'ngsNavigationGroupMenu',\n  templateUrl: './navigation-group-menu.html',\n  styleUrl: './navigation-group-menu.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgTemplateOutlet\n  ],\n  standalone: true,\n  host: {\n    'class': 'ngs-navigation-group-menu',\n    '[class.is-active]': 'active()'\n  }\n})\nexport class NavigationGroupMenu implements AfterContentInit {\n  private store= inject(NavigationStore);\n  private _group = inject<NavigationGroup>(NAVIGATION_GROUP);\n\n  readonly active = computed(() => {\n    return this.store.activeGroupKey() === this._group.key();\n  });\n  readonly _items = contentChildren(\n    NavigationItem, { descendants: true }\n  );\n  readonly _defs = contentChildren(NavigationItemDefDirective);\n\n  dataSource = input<any[]>();\n  itemTypeProperty = input<string>('type');\n\n  readonly hasActiveItemInGroup = computed(() => {\n    const fromItems = this._items().some(item => this.store.activeKey() === item.key());\n\n    if (fromItems) {\n      return true;\n    }\n\n    const data = this.dataSource();\n\n    if (data) {\n      return data.some(item => this._isActive(item, this.store.activeKey()));\n    }\n\n    return false;\n  });\n\n  ngAfterContentInit() {\n    this._detectGroupIsActive();\n  }\n\n  getTemplate(item: any): TemplateRef<any> | null {\n    const def = this._defs().find(d => {\n      const whenValue = d.when();\n      if (whenValue) {\n        if (typeof whenValue === 'function') {\n          return (whenValue as Function)(item);\n        }\n        return item[this.itemTypeProperty()] === whenValue;\n      }\n\n      return false;\n    }) || this._defs().find(d => !d.when());\n\n    return def?.template || null;\n  }\n\n  private _detectGroupIsActive() {\n    if (this.hasActiveItemInGroup() && !this.active()) {\n      this.store.setActiveGroupKey(this._group.key());\n    } else {\n      if (this.store.activeGroupKey() === this._group.key()) {\n        this.store.setActiveGroupKey(null);\n      } else {\n        this.store.setActiveGroupKey(this._group.key());\n      }\n    }\n  }\n\n  private _isActive(item: any, activeKey: any): boolean {\n    if (item.key === activeKey) {\n      return true;\n    }\n\n    if (item.children && Array.isArray(item.children)) {\n      return item.children.some((child: any) => this._isActive(child, activeKey));\n    }\n\n    return false;\n  }\n}\n","@if (dataSource(); as data) {\n  <div class=\"inner\">\n    @for (item of data; track item) {\n      <ng-container *ngTemplateOutlet=\"getTemplate(item); context: { $implicit: item }\" />\n    }\n  </div>\n} @else {\n  <div class=\"inner\">\n    <ng-content/>\n  </div>\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[ngsNavigationGroupToggleIcon]',\n  exportAs: 'ngsNavigationGroupToggleIcon',\n  host: {\n    'class': 'ngs-navigation-group-toggle-icon'\n  }\n})\nexport class NavigationGroupToggleIconDirective {\n  public readonly templateRef = inject(TemplateRef, { optional: true });\n}\n","import {\n  Component,\n  inject,\n  contentChild,\n  TemplateRef,\n  computed,\n  ChangeDetectionStrategy,\n  input,\n  booleanAttribute\n} from '@angular/core';\nimport { NavigationGroupToggleIconDirective } from '../navigation-group-toggle-icon.directive';\nimport { Ripple } from '@ngstarter-ui/components/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { NAVIGATION_GROUP } from '../types';\nimport { NavigationGroup } from '../navigation-group/navigation-group';\nimport { NavigationStore } from '../navigation.store';\n\n@Component({\n  selector: 'ngs-navigation-group-toggle',\n  exportAs: 'ngsNavigationGroupToggle',\n  imports: [\n    NgTemplateOutlet\n  ],\n  templateUrl: './navigation-group-toggle.html',\n  styleUrl: './navigation-group-toggle.scss',\n  hostDirectives: [\n    Ripple\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'class': 'ngs-navigation-group-toggle',\n    '[class.is-active]': 'active()',\n    '[class.is-badge-text-only]': 'badgeTextOnly()',\n    '(click)': 'toggle($event)'\n  }\n})\nexport class NavigationGroupToggle {\n  private store= inject(NavigationStore);\n  private _group = inject<NavigationGroup>(NAVIGATION_GROUP);\n\n  readonly iconRef = contentChild(NavigationGroupToggleIconDirective);\n  readonly active = computed(() => {\n    return this.store.activeGroupKey() === this._group.key();\n  });\n  readonly badgeTextOnly = input(false, {\n    transform: booleanAttribute\n  });\n\n  protected toggle(event: MouseEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (this.active()) {\n      this.store.setActiveGroupKey(null);\n    } else {\n      this.store.setActiveGroupKey(this._group.key());\n    }\n  }\n\n  protected get iconRefTemplate(): TemplateRef<any> {\n    return this.iconRef()?.templateRef as TemplateRef<any>;\n  }\n}\n","<div class=\"icon\"><ng-content select=\"[ngsNavigationItemIcon]\"/></div>\n<span class=\"text grow\"><ng-content/></span>\n<div class=\"flex items-center gap-0.5\">\n  <div class=\"badge\">\n    <ng-content select=\"[ngsNavigationItemBadge]\"/>\n  </div>\n  <div class=\"arrow\">\n    <ng-content select=\"[ngsNavigationGroupToggleIcon]\"/>\n    @if (iconRef()) {\n      <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\n    }\n  </div>\n</div>\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngsNavigationItemBadge]',\n  exportAs: 'ngsNavigationItemBadge',\n  standalone: true,\n  host: {\n    'class': 'ngs-navigation-item-badge',\n  }\n})\nexport class NavigationItemBadgeDirective {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}