@rxap/layout 19.1.1-dev.0 → 19.1.1-dev.2

package/docs/wiki/TypeAlias.DefaultHeaderItemComponent.md

@@ -4,4 +4,4 @@
 
 > **DefaultHeaderItemComponent**: `ComponentType`\<`unknown`\>
 
-Defined in: [types.ts:17](https://gitlab.com/rxap/packages/-/blob/ffa1412120f9f53f24487a857091543f444973e1/packages/angular/layout/src/lib/types.ts#L17)
+Defined in: [types.ts:17](https://gitlab.com/rxap/packages/-/blob/b5811cbe39514f06f1a9a1aed039895b23900925/packages/angular/layout/src/lib/types.ts#L17)

package/docs/wiki/TypeAlias.ExternalApp.md

@@ -4,4 +4,4 @@
 
 > **ExternalApp**: `AppsNavigationConfig`
 
-Defined in: [types.ts:7](https://gitlab.com/rxap/packages/-/blob/ffa1412120f9f53f24487a857091543f444973e1/packages/angular/layout/src/lib/types.ts#L7)
+Defined in: [types.ts:7](https://gitlab.com/rxap/packages/-/blob/b5811cbe39514f06f1a9a1aed039895b23900925/packages/angular/layout/src/lib/types.ts#L7)

package/docs/wiki/TypeAlias.ExtractUsernameFromProfileFn.md

@@ -4,7 +4,7 @@
 
 > **ExtractUsernameFromProfileFn**\<`T`\>: (`profile`) => `string` \| `null`
 
-Defined in: [types.ts:8](https://gitlab.com/rxap/packages/-/blob/ffa1412120f9f53f24487a857091543f444973e1/packages/angular/layout/src/lib/types.ts#L8)
+Defined in: [types.ts:8](https://gitlab.com/rxap/packages/-/blob/b5811cbe39514f06f1a9a1aed039895b23900925/packages/angular/layout/src/lib/types.ts#L8)
 
 ## Type Parameters
 

package/docs/wiki/TypeAlias.Navigation.md

@@ -4,4 +4,4 @@
 
 > **Navigation**: ([`NavigationItem`](../wiki/Interface.NavigationItem) \| [`NavigationDividerItem`](../wiki/Interface.NavigationDividerItem))[]
 
-Defined in: [navigation/navigation-item.ts:9](https://gitlab.com/rxap/packages/-/blob/ffa1412120f9f53f24487a857091543f444973e1/packages/angular/layout/src/lib/navigation/navigation-item.ts#L9)
+Defined in: [navigation/navigation-item.ts:9](https://gitlab.com/rxap/packages/-/blob/b5811cbe39514f06f1a9a1aed039895b23900925/packages/angular/layout/src/lib/navigation/navigation-item.ts#L9)

package/docs/wiki/TypeAlias.NavigationWithInserts.md

@@ -4,4 +4,4 @@
 
 > **NavigationWithInserts**: ([`NavigationItem`](../wiki/Interface.NavigationItem)\<[`NavigationWithInserts`](../wiki/TypeAlias.NavigationWithInserts)\> \| [`NavigationDividerItem`](../wiki/Interface.NavigationDividerItem) \| [`NavigationInsertItem`](../wiki/Interface.NavigationInsertItem))[]
 
-Defined in: [navigation/navigation-item.ts:11](https://gitlab.com/rxap/packages/-/blob/ffa1412120f9f53f24487a857091543f444973e1/packages/angular/layout/src/lib/navigation/navigation-item.ts#L11)
+Defined in: [navigation/navigation-item.ts:11](https://gitlab.com/rxap/packages/-/blob/b5811cbe39514f06f1a9a1aed039895b23900925/packages/angular/layout/src/lib/navigation/navigation-item.ts#L11)

package/docs/wiki/TypeAlias.SettingsMenuItemComponent.md

@@ -4,4 +4,4 @@
 
 > **SettingsMenuItemComponent**: `ComponentType`\<`unknown`\>
 
-Defined in: [types.ts:15](https://gitlab.com/rxap/packages/-/blob/ffa1412120f9f53f24487a857091543f444973e1/packages/angular/layout/src/lib/types.ts#L15)
+Defined in: [types.ts:15](https://gitlab.com/rxap/packages/-/blob/b5811cbe39514f06f1a9a1aed039895b23900925/packages/angular/layout/src/lib/types.ts#L15)

package/docs/wiki/Variable.EXTRACT_USERNAME_FROM_PROFILE.md

@@ -4,4 +4,4 @@
 
 > `const` **EXTRACT\_USERNAME\_FROM\_PROFILE**: `InjectionToken`\<[`ExtractUsernameFromProfileFn`](../wiki/TypeAlias.ExtractUsernameFromProfileFn)\>
 
-Defined in: [tokens.ts:33](https://gitlab.com/rxap/packages/-/blob/ffa1412120f9f53f24487a857091543f444973e1/packages/angular/layout/src/lib/tokens.ts#L33)
+Defined in: [tokens.ts:33](https://gitlab.com/rxap/packages/-/blob/b5811cbe39514f06f1a9a1aed039895b23900925/packages/angular/layout/src/lib/tokens.ts#L33)

package/docs/wiki/Variable.RXAP_DEFAULT_HEADER_ITEM_COMPONENT.md

@@ -4,4 +4,4 @@
 
 > `const` **RXAP\_DEFAULT\_HEADER\_ITEM\_COMPONENT**: `InjectionToken`\<([`DefaultHeaderItemComponent`](../wiki/TypeAlias.DefaultHeaderItemComponent) \| () => `Promise`\<[`DefaultHeaderItemComponent`](../wiki/TypeAlias.DefaultHeaderItemComponent)\>)[]\>
 
-Defined in: [tokens.ts:54](https://gitlab.com/rxap/packages/-/blob/ffa1412120f9f53f24487a857091543f444973e1/packages/angular/layout/src/lib/tokens.ts#L54)
+Defined in: [tokens.ts:54](https://gitlab.com/rxap/packages/-/blob/b5811cbe39514f06f1a9a1aed039895b23900925/packages/angular/layout/src/lib/tokens.ts#L54)

package/docs/wiki/Variable.RXAP_EXTERNAL_APP.md

@@ -4,4 +4,4 @@
 
 > `const` **RXAP\_EXTERNAL\_APP**: `InjectionToken`\<`AppsNavigationConfig`\>
 
-Defined in: [tokens.ts:48](https://gitlab.com/rxap/packages/-/blob/ffa1412120f9f53f24487a857091543f444973e1/packages/angular/layout/src/lib/tokens.ts#L48)
+Defined in: [tokens.ts:48](https://gitlab.com/rxap/packages/-/blob/b5811cbe39514f06f1a9a1aed039895b23900925/packages/angular/layout/src/lib/tokens.ts#L48)

package/docs/wiki/Variable.RXAP_EXTERNAL_APP_FILTER.md

@@ -4,4 +4,4 @@
 
 > `const` **RXAP\_EXTERNAL\_APP\_FILTER**: `InjectionToken`\<`MethodWithParameters`\<`AppsNavigationConfig`[], `AppsNavigationConfig`[]\>\>
 
-Defined in: [tokens.ts:32](https://gitlab.com/rxap/packages/-/blob/ffa1412120f9f53f24487a857091543f444973e1/packages/angular/layout/src/lib/tokens.ts#L32)
+Defined in: [tokens.ts:32](https://gitlab.com/rxap/packages/-/blob/b5811cbe39514f06f1a9a1aed039895b23900925/packages/angular/layout/src/lib/tokens.ts#L32)

package/docs/wiki/Variable.RXAP_FOOTER_COMPONENT.md

@@ -4,4 +4,4 @@
 
 > `const` **RXAP\_FOOTER\_COMPONENT**: `InjectionToken`\<`ComponentType`\<`unknown`\>\>
 
-Defined in: [tokens.ts:27](https://gitlab.com/rxap/packages/-/blob/ffa1412120f9f53f24487a857091543f444973e1/packages/angular/layout/src/lib/tokens.ts#L27)
+Defined in: [tokens.ts:27](https://gitlab.com/rxap/packages/-/blob/b5811cbe39514f06f1a9a1aed039895b23900925/packages/angular/layout/src/lib/tokens.ts#L27)

package/docs/wiki/Variable.RXAP_HEADER_COMPONENT.md

@@ -4,4 +4,4 @@
 
 > `const` **RXAP\_HEADER\_COMPONENT**: `InjectionToken`\<`ComponentType`\<`unknown`\>\>
 
-Defined in: [tokens.ts:28](https://gitlab.com/rxap/packages/-/blob/ffa1412120f9f53f24487a857091543f444973e1/packages/angular/layout/src/lib/tokens.ts#L28)
+Defined in: [tokens.ts:28](https://gitlab.com/rxap/packages/-/blob/b5811cbe39514f06f1a9a1aed039895b23900925/packages/angular/layout/src/lib/tokens.ts#L28)

package/docs/wiki/Variable.RXAP_LAYOUT_APPS_GRID.md

@@ -4,4 +4,4 @@
 
 > `const` **RXAP\_LAYOUT\_APPS\_GRID**: `InjectionToken`\<`unknown`\>
 
-Defined in: [tokens.ts:30](https://gitlab.com/rxap/packages/-/blob/ffa1412120f9f53f24487a857091543f444973e1/packages/angular/layout/src/lib/tokens.ts#L30)
+Defined in: [tokens.ts:30](https://gitlab.com/rxap/packages/-/blob/b5811cbe39514f06f1a9a1aed039895b23900925/packages/angular/layout/src/lib/tokens.ts#L30)

package/docs/wiki/Variable.RXAP_LOGO_CONFIG.md

@@ -4,4 +4,4 @@
 
 > `const` **RXAP\_LOGO\_CONFIG**: `InjectionToken`\<`LogoConfig`\>
 
-Defined in: [tokens.ts:29](https://gitlab.com/rxap/packages/-/blob/ffa1412120f9f53f24487a857091543f444973e1/packages/angular/layout/src/lib/tokens.ts#L29)
+Defined in: [tokens.ts:29](https://gitlab.com/rxap/packages/-/blob/b5811cbe39514f06f1a9a1aed039895b23900925/packages/angular/layout/src/lib/tokens.ts#L29)

package/docs/wiki/Variable.RXAP_LOGO_CONFIG_DEFAULTS.md

@@ -4,4 +4,4 @@
 
 > `const` **RXAP\_LOGO\_CONFIG\_DEFAULTS**: `InjectionToken`\<`LogoConfig`\>
 
-Defined in: [tokens.ts:60](https://gitlab.com/rxap/packages/-/blob/ffa1412120f9f53f24487a857091543f444973e1/packages/angular/layout/src/lib/tokens.ts#L60)
+Defined in: [tokens.ts:60](https://gitlab.com/rxap/packages/-/blob/b5811cbe39514f06f1a9a1aed039895b23900925/packages/angular/layout/src/lib/tokens.ts#L60)

package/docs/wiki/Variable.RXAP_NAVIGATION_CONFIG.md

@@ -4,4 +4,4 @@
 
 > `const` **RXAP\_NAVIGATION\_CONFIG**: `InjectionToken`\<[`NavigationWithInserts`](../wiki/TypeAlias.NavigationWithInserts) \| () => [`NavigationWithInserts`](../wiki/TypeAlias.NavigationWithInserts)\>
 
-Defined in: [tokens.ts:22](https://gitlab.com/rxap/packages/-/blob/ffa1412120f9f53f24487a857091543f444973e1/packages/angular/layout/src/lib/tokens.ts#L22)
+Defined in: [tokens.ts:22](https://gitlab.com/rxap/packages/-/blob/b5811cbe39514f06f1a9a1aed039895b23900925/packages/angular/layout/src/lib/tokens.ts#L22)

package/docs/wiki/Variable.RXAP_NAVIGATION_CONFIG_INSERTS.md

@@ -4,4 +4,4 @@
 
 > `const` **RXAP\_NAVIGATION\_CONFIG\_INSERTS**: `InjectionToken`\<`Record`\<`string`, [`NavigationWithInserts`](../wiki/TypeAlias.NavigationWithInserts)\>\>
 
-Defined in: [tokens.ts:24](https://gitlab.com/rxap/packages/-/blob/ffa1412120f9f53f24487a857091543f444973e1/packages/angular/layout/src/lib/tokens.ts#L24)
+Defined in: [tokens.ts:24](https://gitlab.com/rxap/packages/-/blob/b5811cbe39514f06f1a9a1aed039895b23900925/packages/angular/layout/src/lib/tokens.ts#L24)

package/docs/wiki/Variable.RXAP_NAVIGATION_LAYOUT_CONFIG_DEFAULTS.md

@@ -4,4 +4,4 @@
 
 > `const` **RXAP\_NAVIGATION\_LAYOUT\_CONFIG\_DEFAULTS**: `InjectionToken`\<`Omit`\<`NavigationConfig`, `"apps"`\>\>
 
-Defined in: [tokens.ts:58](https://gitlab.com/rxap/packages/-/blob/ffa1412120f9f53f24487a857091543f444973e1/packages/angular/layout/src/lib/tokens.ts#L58)
+Defined in: [tokens.ts:58](https://gitlab.com/rxap/packages/-/blob/b5811cbe39514f06f1a9a1aed039895b23900925/packages/angular/layout/src/lib/tokens.ts#L58)

package/docs/wiki/Variable.RXAP_RELEASE_INFO_MODULE.md

@@ -4,4 +4,4 @@
 
 > `const` **RXAP\_RELEASE\_INFO\_MODULE**: `InjectionToken`\<[`ReleaseInfoModule`](../wiki/Interface.ReleaseInfoModule)\>
 
-Defined in: [tokens.ts:50](https://gitlab.com/rxap/packages/-/blob/ffa1412120f9f53f24487a857091543f444973e1/packages/angular/layout/src/lib/tokens.ts#L50)
+Defined in: [tokens.ts:50](https://gitlab.com/rxap/packages/-/blob/b5811cbe39514f06f1a9a1aed039895b23900925/packages/angular/layout/src/lib/tokens.ts#L50)

package/docs/wiki/Variable.RXAP_SETTINGS_MENU_ITEM.md

@@ -4,4 +4,4 @@
 
 > `const` **RXAP\_SETTINGS\_MENU\_ITEM**: `InjectionToken`\<[`SettingsMenuItem`](../wiki/Interface.SettingsMenuItem)\>
 
-Defined in: [tokens.ts:56](https://gitlab.com/rxap/packages/-/blob/ffa1412120f9f53f24487a857091543f444973e1/packages/angular/layout/src/lib/tokens.ts#L56)
+Defined in: [tokens.ts:56](https://gitlab.com/rxap/packages/-/blob/b5811cbe39514f06f1a9a1aed039895b23900925/packages/angular/layout/src/lib/tokens.ts#L56)

package/docs/wiki/Variable.RXAP_SETTINGS_MENU_ITEM_COMPONENT.md

@@ -4,4 +4,4 @@
 
 > `const` **RXAP\_SETTINGS\_MENU\_ITEM\_COMPONENT**: `InjectionToken`\<([`SettingsMenuItemComponent`](../wiki/TypeAlias.SettingsMenuItemComponent) \| () => `Promise`\<[`SettingsMenuItemComponent`](../wiki/TypeAlias.SettingsMenuItemComponent)\>)[]\>
 
-Defined in: [tokens.ts:52](https://gitlab.com/rxap/packages/-/blob/ffa1412120f9f53f24487a857091543f444973e1/packages/angular/layout/src/lib/tokens.ts#L52)
+Defined in: [tokens.ts:52](https://gitlab.com/rxap/packages/-/blob/b5811cbe39514f06f1a9a1aed039895b23900925/packages/angular/layout/src/lib/tokens.ts#L52)

package/docs/wiki/Variable.RXAP_USER_PROFILE_DATA_SOURCE.md

@@ -4,4 +4,4 @@
 
 > `const` **RXAP\_USER\_PROFILE\_DATA\_SOURCE**: `InjectionToken`\<`DataSource`\<`unknown`, `DataSourceViewer`\>\>
 
-Defined in: [tokens.ts:43](https://gitlab.com/rxap/packages/-/blob/ffa1412120f9f53f24487a857091543f444973e1/packages/angular/layout/src/lib/tokens.ts#L43)
+Defined in: [tokens.ts:43](https://gitlab.com/rxap/packages/-/blob/b5811cbe39514f06f1a9a1aed039895b23900925/packages/angular/layout/src/lib/tokens.ts#L43)

package/docs/wiki/globals.md

@@ -1,4 +1,4 @@
-# @rxap/layout v19.1.1-dev.0
+# @rxap/layout v19.1.1-dev.2
 
 ## Classes
 

package/fesm2022/rxap-layout.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { TemplateRef, Directive, Inject, InjectionToken, inject, signal, computed, isDevMode, Injectable, effect, Optional, INJECTOR, input, ElementRef, Renderer2, Component, ChangeDetectionStrategy, ViewEncapsulation, forwardRef, runInInjectionContext, viewChild, contentChild, ViewContainerRef, Injector, LOCALE_ID } from '@angular/core';
-import { NgIf, NgClass, NgFor, AsyncPipe, NgStyle, NgTemplateOutlet, NgOptimizedImage } from '@angular/common';
+import { NgClass, NgIf, NgFor, AsyncPipe, NgStyle, NgTemplateOutlet, NgOptimizedImage } from '@angular/common';
 import { MatIconButton, MatButton, MatButtonModule, MatAnchor } from '@angular/material/button';
 import * as i3 from '@angular/material/divider';
 import { MatDividerModule, MatDivider } from '@angular/material/divider';
@@ -473,7 +473,7 @@ class NavigationItemComponent {
             if (urlParts[0] === '') {
                 urlParts[0] = '/';
             }
-            const routerLink = coerceArray(this.item().routerLink).map(fragment => fragment.split('/')).flat();
+            const routerLink = coerceArray(this.item().routerLink).map(fragment => fragment === '/' ? ['/'] : fragment.split('/')).flat();
             if (routerLink[0] === '') {
                 routerLink[0] = '/';
             }
@@ -511,7 +511,7 @@ class NavigationItemComponent {
         return item;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.1", type: NavigationItemComponent, isStandalone: true, selector: "li[rxap-navigation-item]", inputs: { level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"{\n     'border-l-4 text-accent-400 border-accent-600': active(),\n     }\">\n  <a [routerLink]=\"item().routerLink\"\n     class=\"h-12 pl-4 pr-5 flex flex-row justify-between items-center gap-x-4\"\n     matRipple\n     routerLinkActive\n     (click)=\"onClick()\"\n  >\n    <span\n      [ngClass]=\"itemClasses()\"\n      class=\"grow whitespace-nowrap\"\n    >\n      {{ item().label }}\n    </span>\n    <mat-icon *ngIf=\"item().icon as icon\" [rxapIcon]=\"icon\"></mat-icon>\n  </a>\n\n  <ng-container *ngIf=\"item().children?.length && active()\">\n\n    <mat-divider></mat-divider>\n\n    <ul [@sub-nav]\n        [items]=\"children ?? []\"\n        [level]=\"level() + 1\"\n        rxap-navigation\n    >\n    </ul>\n\n    <mat-divider></mat-divider>\n\n  </ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i0.forwardRef(() => RouterLinkActive), selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i0.forwardRef(() => RouterLink), selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i0.forwardRef(() => NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: i0.forwardRef(() => MatRippleModule) }, { kind: "directive", type: i0.forwardRef(() => i1.MatRipple), selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "ngmodule", type: i0.forwardRef(() => MatIconModule) }, { kind: "component", type: i0.forwardRef(() => i2.MatIcon), selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i0.forwardRef(() => IconDirective), selector: "mat-icon[rxapIcon]", inputs: ["rxapIcon"] }, { kind: "ngmodule", type: i0.forwardRef(() => MatDividerModule) }, { kind: "component", type: i0.forwardRef(() => i3.MatDivider), selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i0.forwardRef(() => NavigationComponent), selector: "ul[rxap-navigation]", inputs: ["items", "level", "root"] }, { kind: "directive", type: i0.forwardRef(() => NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: NavigationItemComponent, isStandalone: true, selector: "li[rxap-navigation-item]", inputs: { level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"{\n     'border-l-4 text-accent-400 border-accent-600': active(),\n     }\">\n  <a [routerLink]=\"item().routerLink\"\n     class=\"h-12 pl-4 pr-5 flex flex-row justify-between items-center gap-x-4 text-black\"\n     matRipple\n     routerLinkActive\n     (click)=\"onClick()\"\n  >\n    <span\n      [ngClass]=\"itemClasses()\"\n      class=\"grow whitespace-nowrap\"\n    >\n      {{ item().label }}\n    </span>\n    @if (item().icon; as icon) {\n      <mat-icon [rxapIcon]=\"icon\"></mat-icon>\n    }\n  </a>\n\n  @if (item().children?.length && active()) {\n    <mat-divider></mat-divider>\n\n    <ul [@sub-nav]\n        [items]=\"children ?? []\"\n        [level]=\"level() + 1\"\n        rxap-navigation\n    >\n    </ul>\n\n    <mat-divider></mat-divider>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i0.forwardRef(() => RouterLinkActive), selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i0.forwardRef(() => RouterLink), selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: i0.forwardRef(() => MatRippleModule) }, { kind: "directive", type: i0.forwardRef(() => i1.MatRipple), selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "ngmodule", type: i0.forwardRef(() => MatIconModule) }, { kind: "component", type: i0.forwardRef(() => i2.MatIcon), selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i0.forwardRef(() => IconDirective), selector: "mat-icon[rxapIcon]", inputs: ["rxapIcon"] }, { kind: "ngmodule", type: i0.forwardRef(() => MatDividerModule) }, { kind: "component", type: i0.forwardRef(() => i3.MatDivider), selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i0.forwardRef(() => NavigationComponent), selector: "ul[rxap-navigation]", inputs: ["items", "level", "root"] }, { kind: "directive", type: i0.forwardRef(() => NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [
             trigger('sub-nav', [
                 transition(':enter', [
                     style({
@@ -557,7 +557,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                         MatDividerModule,
                         forwardRef(() => NavigationComponent),
                         NgClass,
-                    ], template: "<div [ngClass]=\"{\n     'border-l-4 text-accent-400 border-accent-600': active(),\n     }\">\n  <a [routerLink]=\"item().routerLink\"\n     class=\"h-12 pl-4 pr-5 flex flex-row justify-between items-center gap-x-4\"\n     matRipple\n     routerLinkActive\n     (click)=\"onClick()\"\n  >\n    <span\n      [ngClass]=\"itemClasses()\"\n      class=\"grow whitespace-nowrap\"\n    >\n      {{ item().label }}\n    </span>\n    <mat-icon *ngIf=\"item().icon as icon\" [rxapIcon]=\"icon\"></mat-icon>\n  </a>\n\n  <ng-container *ngIf=\"item().children?.length && active()\">\n\n    <mat-divider></mat-divider>\n\n    <ul [@sub-nav]\n        [items]=\"children ?? []\"\n        [level]=\"level() + 1\"\n        rxap-navigation\n    >\n    </ul>\n\n    <mat-divider></mat-divider>\n\n  </ng-container>\n</div>\n" }]
+                    ], template: "<div [ngClass]=\"{\n     'border-l-4 text-accent-400 border-accent-600': active(),\n     }\">\n  <a [routerLink]=\"item().routerLink\"\n     class=\"h-12 pl-4 pr-5 flex flex-row justify-between items-center gap-x-4 text-black\"\n     matRipple\n     routerLinkActive\n     (click)=\"onClick()\"\n  >\n    <span\n      [ngClass]=\"itemClasses()\"\n      class=\"grow whitespace-nowrap\"\n    >\n      {{ item().label }}\n    </span>\n    @if (item().icon; as icon) {\n      <mat-icon [rxapIcon]=\"icon\"></mat-icon>\n    }\n  </a>\n\n  @if (item().children?.length && active()) {\n    <mat-divider></mat-divider>\n\n    <ul [@sub-nav]\n        [items]=\"children ?? []\"\n        [level]=\"level() + 1\"\n        rxap-navigation\n    >\n    </ul>\n\n    <mat-divider></mat-divider>\n  }\n</div>\n" }]
         }] });
 
 class NavigationComponent {
@@ -593,7 +593,7 @@ class NavigationComponent {
         return item;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.1", type: NavigationComponent, isStandalone: true, selector: "ul[rxap-navigation]", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, root: { classPropertyName: "root", publicName: "root", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "list-none dark:text-neutral-400 text-neutral-700" }, ngImport: i0, template: "<ng-template [ngForOf]=\"navigationItems()\" let-item ngFor>\n  <ng-template [ngIf]=\"isNavigationDividerItem(item)\">\n    <mat-divider></mat-divider>\n    <div *ngIf=\"!collapsed() && item.title\" class=\"pl-5 h-6\">\n      {{item.title}}\n    </div>\n  </ng-template>\n  <ng-template [ngIf]=\"isNavigationItem(item)\">\n    <li [item]=\"asNavigationItem(item)\"\n        [level]=\"level()\"\n        class=\"dark:hover:text-white hover:text-black\"\n        rxap-navigation-item>\n    </li>\n  </ng-template>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i0.forwardRef(() => NgFor), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(() => NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: i0.forwardRef(() => MatDividerModule) }, { kind: "component", type: i0.forwardRef(() => i3.MatDivider), selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i0.forwardRef(() => NavigationItemComponent), selector: "li[rxap-navigation-item]", inputs: ["level", "item"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: NavigationComponent, isStandalone: true, selector: "ul[rxap-navigation]", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, root: { classPropertyName: "root", publicName: "root", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "list-none dark:text-neutral-400 text-neutral-700" }, ngImport: i0, template: "@for (item of navigationItems(); track item) {\n\n  @if (isNavigationDividerItem(item)) {\n    <mat-divider></mat-divider>\n    <div *ngIf=\"!collapsed() && item.title\" class=\"pl-5 h-6\">\n      {{item.title}}\n    </div>\n  } @else if (isNavigationItem(item)) {\n    <li [item]=\"asNavigationItem(item)\"\n        [level]=\"level()\"\n        rxap-navigation-item>\n    </li>\n  }\n\n}\n", styles: [""], dependencies: [{ kind: "directive", type: i0.forwardRef(() => NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: i0.forwardRef(() => MatDividerModule) }, { kind: "component", type: i0.forwardRef(() => i3.MatDivider), selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i0.forwardRef(() => NavigationItemComponent), selector: "li[rxap-navigation-item]", inputs: ["level", "item"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NavigationComponent, decorators: [{
             type: Component,
@@ -605,7 +605,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                         MatDividerModule,
                         forwardRef(() => NavigationItemComponent),
                         AsyncPipe,
-                    ], template: "<ng-template [ngForOf]=\"navigationItems()\" let-item ngFor>\n  <ng-template [ngIf]=\"isNavigationDividerItem(item)\">\n    <mat-divider></mat-divider>\n    <div *ngIf=\"!collapsed() && item.title\" class=\"pl-5 h-6\">\n      {{item.title}}\n    </div>\n  </ng-template>\n  <ng-template [ngIf]=\"isNavigationItem(item)\">\n    <li [item]=\"asNavigationItem(item)\"\n        [level]=\"level()\"\n        class=\"dark:hover:text-white hover:text-black\"\n        rxap-navigation-item>\n    </li>\n  </ng-template>\n</ng-template>\n" }]
+                    ], template: "@for (item of navigationItems(); track item) {\n\n  @if (isNavigationDividerItem(item)) {\n    <mat-divider></mat-divider>\n    <div *ngIf=\"!collapsed() && item.title\" class=\"pl-5 h-6\">\n      {{item.title}}\n    </div>\n  } @else if (isNavigationItem(item)) {\n    <li [item]=\"asNavigationItem(item)\"\n        [level]=\"level()\"\n        rxap-navigation-item>\n    </li>\n  }\n\n}\n" }]
         }] });
 
 class SidenavComponent {