@coreui/angular 2.14.1 → 2.15.1

package/fesm2020/coreui-angular.mjs

@@ -1,9 +1,8 @@
 import * as i0 from '@angular/core';
-import { Injectable, Inject, Directive, Input, HostListener, NgModule, Component, HostBinding, EventEmitter, Output, Pipe } from '@angular/core';
-import * as i2 from '@angular/common';
-import { DOCUMENT, CommonModule } from '@angular/common';
+import { Injectable, Inject, Directive, Input, HostListener, NgModule, Component, HostBinding, EventEmitter, Output, Pipe, forwardRef } from '@angular/core';
+import { DOCUMENT, NgIf, NgClass, AsyncPipe, NgForOf, NgSwitch, NgSwitchCase, NgSwitchDefault, NgFor } from '@angular/common';
 import * as i1 from '@angular/router';
-import { NavigationEnd, RouterModule } from '@angular/router';
+import { NavigationEnd, RouterLink, RouterModule } from '@angular/router';
 import { BehaviorSubject } from 'rxjs';
 import { filter } from 'rxjs/operators';
 
@@ -56,11 +55,11 @@ class ClassToggler {
         }
     }
 }
-ClassToggler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ClassToggler, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
-ClassToggler.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ClassToggler });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ClassToggler, decorators: [{
+ClassToggler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ClassToggler, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
+ClassToggler.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ClassToggler });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ClassToggler, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }, { type: i0.Renderer2 }]; } });
@@ -82,13 +81,14 @@ class SidebarToggleDirective {
         this.classToggler.toggleClasses(cssClass, sidebarCssClasses);
     }
 }
-SidebarToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SidebarToggleDirective, deps: [{ token: ClassToggler }], target: i0.ɵɵFactoryTarget.Directive });
-SidebarToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: SidebarToggleDirective, selector: "[appSidebarToggler]", inputs: { breakpoint: ["appSidebarToggler", "breakpoint"] }, host: { listeners: { "click": "toggleOpen($event)" } }, providers: [ClassToggler], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SidebarToggleDirective, decorators: [{
+SidebarToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SidebarToggleDirective, deps: [{ token: ClassToggler }], target: i0.ɵɵFactoryTarget.Directive });
+SidebarToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SidebarToggleDirective, isStandalone: true, selector: "[appSidebarToggler]", inputs: { breakpoint: ["appSidebarToggler", "breakpoint"] }, host: { listeners: { "click": "toggleOpen($event)" } }, providers: [ClassToggler], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SidebarToggleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[appSidebarToggler]',
-                    providers: [ClassToggler]
+                    providers: [ClassToggler],
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: ClassToggler }]; }, propDecorators: { breakpoint: [{
                 type: Input,
@@ -110,14 +110,15 @@ class SidebarMinimizeDirective {
             this.renderer.addClass(body, 'sidebar-minimized');
     }
 }
-SidebarMinimizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SidebarMinimizeDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-SidebarMinimizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: SidebarMinimizeDirective, selector: "[appSidebarMinimizer]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SidebarMinimizeDirective, decorators: [{
+SidebarMinimizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SidebarMinimizeDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+SidebarMinimizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SidebarMinimizeDirective, isStandalone: true, selector: "[appSidebarMinimizer]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SidebarMinimizeDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[appSidebarMinimizer]'
+                    selector: '[appSidebarMinimizer]',
+                    standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }, { type: i0.Renderer2 }]; }, propDecorators: { toggleOpen: [{
@@ -137,14 +138,15 @@ class MobileSidebarToggleDirective {
             this.renderer.addClass(body, 'sidebar-show');
     }
 }
-MobileSidebarToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MobileSidebarToggleDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-MobileSidebarToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: MobileSidebarToggleDirective, selector: "[appMobileSidebarToggler]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MobileSidebarToggleDirective, decorators: [{
+MobileSidebarToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MobileSidebarToggleDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+MobileSidebarToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: MobileSidebarToggleDirective, isStandalone: true, selector: "[appMobileSidebarToggler]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MobileSidebarToggleDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[appMobileSidebarToggler]'
+                    selector: '[appMobileSidebarToggler]',
+                    standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }, { type: i0.Renderer2 }]; }, propDecorators: { toggleOpen: [{
@@ -169,14 +171,15 @@ class SidebarOffCanvasCloseDirective {
         }
     }
 }
-SidebarOffCanvasCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SidebarOffCanvasCloseDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-SidebarOffCanvasCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: SidebarOffCanvasCloseDirective, selector: "[appSidebarClose]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SidebarOffCanvasCloseDirective, decorators: [{
+SidebarOffCanvasCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SidebarOffCanvasCloseDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+SidebarOffCanvasCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SidebarOffCanvasCloseDirective, isStandalone: true, selector: "[appSidebarClose]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SidebarOffCanvasCloseDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[appSidebarClose]'
+                    selector: '[appSidebarClose]',
+                    standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }, { type: i0.Renderer2 }]; }, propDecorators: { toggleOpen: [{
@@ -196,14 +199,15 @@ class BrandMinimizeDirective {
             this.renderer.addClass(body, 'brand-minimized');
     }
 }
-BrandMinimizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: BrandMinimizeDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-BrandMinimizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: BrandMinimizeDirective, selector: "[appBrandMinimizer]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: BrandMinimizeDirective, decorators: [{
+BrandMinimizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BrandMinimizeDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+BrandMinimizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BrandMinimizeDirective, isStandalone: true, selector: "[appBrandMinimizer]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BrandMinimizeDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[appBrandMinimizer]'
+                    selector: '[appBrandMinimizer]',
+                    standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }, { type: i0.Renderer2 }]; }, propDecorators: { toggleOpen: [{
@@ -227,13 +231,14 @@ class AsideToggleDirective {
         this.classToggler.toggleClasses(cssClass, asideMenuCssClasses);
     }
 }
-AsideToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AsideToggleDirective, deps: [{ token: ClassToggler }], target: i0.ɵɵFactoryTarget.Directive });
-AsideToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: AsideToggleDirective, selector: "[appAsideMenuToggler]", inputs: { breakpoint: ["appAsideMenuToggler", "breakpoint"] }, host: { listeners: { "click": "toggleOpen($event)" } }, providers: [ClassToggler], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AsideToggleDirective, decorators: [{
+AsideToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AsideToggleDirective, deps: [{ token: ClassToggler }], target: i0.ɵɵFactoryTarget.Directive });
+AsideToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: AsideToggleDirective, isStandalone: true, selector: "[appAsideMenuToggler]", inputs: { breakpoint: ["appAsideMenuToggler", "breakpoint"] }, host: { listeners: { "click": "toggleOpen($event)" } }, providers: [ClassToggler], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AsideToggleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[appAsideMenuToggler]',
-                    providers: [ClassToggler]
+                    providers: [ClassToggler],
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: ClassToggler }]; }, propDecorators: { breakpoint: [{
                 type: Input,
@@ -281,12 +286,13 @@ class HtmlAttributesDirective {
             this.renderer.removeAttribute(this.el.nativeElement, key);
     }
 }
-HtmlAttributesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HtmlAttributesDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-HtmlAttributesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: HtmlAttributesDirective, selector: "[appHtmlAttr]", inputs: { appHtmlAttr: "appHtmlAttr" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HtmlAttributesDirective, decorators: [{
+HtmlAttributesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HtmlAttributesDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+HtmlAttributesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: HtmlAttributesDirective, isStandalone: true, selector: "[appHtmlAttr]", inputs: { appHtmlAttr: "appHtmlAttr" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HtmlAttributesDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[appHtmlAttr]'
+                    selector: '[appHtmlAttr]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { appHtmlAttr: [{
                 type: Input
@@ -294,39 +300,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 
 class LayoutModule {
 }
-LayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: LayoutModule, declarations: [AsideToggleDirective,
+LayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: LayoutModule, imports: [AsideToggleDirective,
         BrandMinimizeDirective,
-        MobileSidebarToggleDirective,
         SidebarToggleDirective,
         SidebarMinimizeDirective,
         SidebarOffCanvasCloseDirective,
-        HtmlAttributesDirective], imports: [CommonModule], exports: [AsideToggleDirective,
+        MobileSidebarToggleDirective,
+        HtmlAttributesDirective], exports: [AsideToggleDirective,
         BrandMinimizeDirective,
         MobileSidebarToggleDirective,
         SidebarToggleDirective,
         SidebarMinimizeDirective,
         SidebarOffCanvasCloseDirective,
         HtmlAttributesDirective] });
-LayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LayoutModule, providers: [
+LayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LayoutModule, providers: [
         ClassToggler
-    ], imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LayoutModule, decorators: [{
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
-                        CommonModule
-                    ],
-                    exports: [
                         AsideToggleDirective,
                         BrandMinimizeDirective,
-                        MobileSidebarToggleDirective,
                         SidebarToggleDirective,
                         SidebarMinimizeDirective,
                         SidebarOffCanvasCloseDirective,
+                        MobileSidebarToggleDirective,
                         HtmlAttributesDirective
                     ],
-                    declarations: [
+                    exports: [
                         AsideToggleDirective,
                         BrandMinimizeDirective,
                         MobileSidebarToggleDirective,
@@ -385,15 +388,16 @@ class AppAsideComponent {
         }
     }
 }
-AppAsideComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppAsideComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-AppAsideComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AppAsideComponent, selector: "app-aside, cui-aside", inputs: { display: "display", fixed: "fixed", offCanvas: "offCanvas" }, host: { properties: { "class.aside-menu": "this.asideMenuClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppAsideComponent, decorators: [{
+AppAsideComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppAsideComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+AppAsideComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AppAsideComponent, isStandalone: true, selector: "app-aside, cui-aside", inputs: { display: "display", fixed: "fixed", offCanvas: "offCanvas" }, host: { properties: { "class.aside-menu": "this.asideMenuClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppAsideComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'app-aside, cui-aside',
-                    template: `<ng-content></ng-content>`
+                    template: `<ng-content></ng-content>`,
+                    standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }, { type: i0.Renderer2 }]; }, propDecorators: { display: [{
@@ -409,24 +413,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 
 class AppAsideModule {
 }
-AppAsideModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppAsideModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AppAsideModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: AppAsideModule, declarations: [AppAsideComponent], imports: [CommonModule,
-        LayoutModule], exports: [AppAsideComponent] });
-AppAsideModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppAsideModule, imports: [CommonModule,
-        LayoutModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppAsideModule, decorators: [{
+AppAsideModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppAsideModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AppAsideModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AppAsideModule, imports: [AppAsideComponent], exports: [AppAsideComponent] });
+AppAsideModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppAsideModule, imports: [AppAsideComponent] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppAsideModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
-                        CommonModule,
-                        LayoutModule
+                        AppAsideComponent
                     ],
                     exports: [
                         AppAsideComponent
                     ],
-                    declarations: [
-                        AppAsideComponent
-                    ]
                 }]
         }] });
 
@@ -461,9 +459,9 @@ class AppBreadcrumbService {
         });
     }
 }
-AppBreadcrumbService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppBreadcrumbService, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable });
-AppBreadcrumbService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppBreadcrumbService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppBreadcrumbService, decorators: [{
+AppBreadcrumbService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppBreadcrumbService, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable });
+AppBreadcrumbService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppBreadcrumbService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppBreadcrumbService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -492,8 +490,8 @@ class AppBreadcrumbComponent {
         }
     }
 }
-AppBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppBreadcrumbComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: AppBreadcrumbService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-AppBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AppBreadcrumbComponent, selector: "app-breadcrumb", inputs: { fixed: "fixed" }, ngImport: i0, template: `
+AppBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppBreadcrumbComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: AppBreadcrumbService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+AppBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AppBreadcrumbComponent, isStandalone: true, selector: "app-breadcrumb", inputs: { fixed: "fixed" }, ngImport: i0, template: `
     <ng-template ngFor let-breadcrumb [ngForOf]="breadcrumbs | async" let-last = last>
       <li class="breadcrumb-item"
           *ngIf="breadcrumb.label.title && (breadcrumb.url.slice(-1) == '/' || last)"
@@ -502,8 +500,8 @@ AppBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
         <span *ngIf="last" [routerLink]="breadcrumb.url">{{breadcrumb.label.title}}</span>
       </li>
     </ng-template>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppBreadcrumbComponent, decorators: [{
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppBreadcrumbComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'app-breadcrumb',
@@ -516,9 +514,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
         <span *ngIf="last" [routerLink]="breadcrumb.url">{{breadcrumb.label.title}}</span>
       </li>
     </ng-template>
-  `
+  `,
+                    standalone: true,
+                    imports: [NgIf, NgClass, RouterLink]
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }, { type: i0.Renderer2 }, { type: AppBreadcrumbService }, { type: i0.ElementRef }]; }, propDecorators: { fixed: [{
@@ -545,12 +545,12 @@ class CuiBreadcrumbComponent {
         }
     }
 }
-CuiBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CuiBreadcrumbComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: AppBreadcrumbService }], target: i0.ɵɵFactoryTarget.Component });
-CuiBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CuiBreadcrumbComponent, selector: "cui-breadcrumb", inputs: { fixed: "fixed" }, ngImport: i0, template: "<ol class=\"breadcrumb\">\n  <ng-template ngFor let-breadcrumb [ngForOf]=\"breadcrumbs | async\" let-last = last>\n    <li class=\"breadcrumb-item\"\n        *ngIf=\"breadcrumb.label.title && (breadcrumb.url.slice(-1) == '/' || last)\"\n        [ngClass]=\"{active: last}\">\n      <a *ngIf=\"!last\" [routerLink]=\"breadcrumb.url\">{{breadcrumb.label.title}}</a>\n      <span *ngIf=\"last\" [routerLink]=\"breadcrumb.url\">{{breadcrumb.label.title}}</span>\n    </li>\n  </ng-template>\n  <ng-content></ng-content>\n</ol>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CuiBreadcrumbComponent, decorators: [{
+CuiBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiBreadcrumbComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: AppBreadcrumbService }], target: i0.ɵɵFactoryTarget.Component });
+CuiBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiBreadcrumbComponent, isStandalone: true, selector: "cui-breadcrumb", inputs: { fixed: "fixed" }, ngImport: i0, template: "<ol class=\"breadcrumb\">\n  <ng-template ngFor let-breadcrumb [ngForOf]=\"breadcrumbs | async\" let-last = last>\n    <li class=\"breadcrumb-item\"\n        *ngIf=\"breadcrumb.label.title && (breadcrumb.url.slice(-1) == '/' || last)\"\n        [ngClass]=\"{active: last}\">\n      <a *ngIf=\"!last\" [routerLink]=\"breadcrumb.url\">{{breadcrumb.label.title}}</a>\n      <span *ngIf=\"last\" [routerLink]=\"breadcrumb.url\">{{breadcrumb.label.title}}</span>\n    </li>\n  </ng-template>\n  <ng-content></ng-content>\n</ol>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiBreadcrumbComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cui-breadcrumb', template: "<ol class=\"breadcrumb\">\n  <ng-template ngFor let-breadcrumb [ngForOf]=\"breadcrumbs | async\" let-last = last>\n    <li class=\"breadcrumb-item\"\n        *ngIf=\"breadcrumb.label.title && (breadcrumb.url.slice(-1) == '/' || last)\"\n        [ngClass]=\"{active: last}\">\n      <a *ngIf=\"!last\" [routerLink]=\"breadcrumb.url\">{{breadcrumb.label.title}}</a>\n      <span *ngIf=\"last\" [routerLink]=\"breadcrumb.url\">{{breadcrumb.label.title}}</span>\n    </li>\n  </ng-template>\n  <ng-content></ng-content>\n</ol>\n" }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+            args: [{ selector: 'cui-breadcrumb', standalone: true, imports: [NgIf, NgClass, RouterLink, AsyncPipe, NgForOf], template: "<ol class=\"breadcrumb\">\n  <ng-template ngFor let-breadcrumb [ngForOf]=\"breadcrumbs | async\" let-last = last>\n    <li class=\"breadcrumb-item\"\n        *ngIf=\"breadcrumb.label.title && (breadcrumb.url.slice(-1) == '/' || last)\"\n        [ngClass]=\"{active: last}\">\n      <a *ngIf=\"!last\" [routerLink]=\"breadcrumb.url\">{{breadcrumb.label.title}}</a>\n      <span *ngIf=\"last\" [routerLink]=\"breadcrumb.url\">{{breadcrumb.label.title}}</span>\n    </li>\n  </ng-template>\n  <ng-content></ng-content>\n</ol>\n" }]
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }, { type: i0.Renderer2 }, { type: AppBreadcrumbService }]; }, propDecorators: { fixed: [{
@@ -568,15 +568,14 @@ class AppBreadcrumbModule {
         };
     }
 }
-AppBreadcrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AppBreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: AppBreadcrumbModule, declarations: [AppBreadcrumbComponent, CuiBreadcrumbComponent], imports: [CommonModule, RouterModule], exports: [AppBreadcrumbComponent, CuiBreadcrumbComponent] });
-AppBreadcrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppBreadcrumbModule, imports: [CommonModule, RouterModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppBreadcrumbModule, decorators: [{
+AppBreadcrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AppBreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AppBreadcrumbModule, imports: [AppBreadcrumbComponent, CuiBreadcrumbComponent], exports: [AppBreadcrumbComponent, CuiBreadcrumbComponent] });
+AppBreadcrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppBreadcrumbModule, imports: [AppBreadcrumbComponent, CuiBreadcrumbComponent] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppBreadcrumbModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, RouterModule],
+                    imports: [AppBreadcrumbComponent, CuiBreadcrumbComponent],
                     exports: [AppBreadcrumbComponent, CuiBreadcrumbComponent],
-                    declarations: [AppBreadcrumbComponent, CuiBreadcrumbComponent]
                 }]
         }] });
 
@@ -599,15 +598,16 @@ class AppFooterComponent {
         }
     }
 }
-AppFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppFooterComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-AppFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AppFooterComponent, selector: "app-footer, cui-footer", inputs: { fixed: "fixed" }, host: { properties: { "class.app-footer": "this.appFooterClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppFooterComponent, decorators: [{
+AppFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppFooterComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+AppFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AppFooterComponent, isStandalone: true, selector: "app-footer, cui-footer", inputs: { fixed: "fixed" }, host: { properties: { "class.app-footer": "this.appFooterClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'app-footer, cui-footer',
-                    template: `<ng-content></ng-content>`
+                    template: `<ng-content></ng-content>`,
+                    standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }, { type: i0.Renderer2 }]; }, propDecorators: { fixed: [{
@@ -619,15 +619,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 
 class AppFooterModule {
 }
-AppFooterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AppFooterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: AppFooterModule, declarations: [AppFooterComponent], imports: [CommonModule], exports: [AppFooterComponent] });
-AppFooterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppFooterModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppFooterModule, decorators: [{
+AppFooterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AppFooterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AppFooterModule, imports: [AppFooterComponent], exports: [AppFooterComponent] });
+AppFooterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppFooterModule, imports: [AppFooterComponent] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppFooterModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
+                    imports: [AppFooterComponent],
                     exports: [AppFooterComponent],
-                    declarations: [AppFooterComponent]
                 }]
         }] });
 
@@ -684,12 +683,12 @@ class AppHeaderComponent {
         return togglerClass;
     }
 }
-AppHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppHeaderComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-AppHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AppHeaderComponent, selector: "app-header, cui-header", inputs: { fixed: "fixed", navbarBrand: "navbarBrand", navbarBrandFull: "navbarBrandFull", navbarBrandMinimized: "navbarBrandMinimized", navbarBrandText: "navbarBrandText", navbarBrandHref: "navbarBrandHref", navbarBrandRouterLink: "navbarBrandRouterLink", sidebarToggler: "sidebarToggler", mobileSidebarToggler: "mobileSidebarToggler", asideMenuToggler: "asideMenuToggler", mobileAsideMenuToggler: "mobileAsideMenuToggler" }, host: { properties: { "class.app-header": "this.appHeaderClass", "class.navbar": "this.navbarClass" } }, ngImport: i0, template: "<ng-template [ngIf]=\"mobileSidebarToggler != false\">\n  <button class=\"navbar-toggler {{sidebarTogglerMobileClass}}\" type=\"button\" appSidebarToggler>\n    <span class=\"navbar-toggler-icon\"></span>\n  </button>\n</ng-template>\n<a class=\"navbar-brand\" [routerLink]=\"navbarBrandRouterLink\">\n  <ng-template [ngIf]=\"navbarBrandImg\">\n    <img *ngIf=\"navbarBrand\"\n         [appHtmlAttr]=\"navbarBrand\"\n         [ngClass]=\"'navbar-brand'\">\n    <img *ngIf=\"navbarBrandFull\"\n         [appHtmlAttr]=\"navbarBrandFull\"\n         [ngClass]=\"'navbar-brand-full'\">\n    <img *ngIf=\"navbarBrandMinimized\"\n         [appHtmlAttr]=\"navbarBrandMinimized\"\n         [ngClass]=\"'navbar-brand-minimized'\">\n  </ng-template>\n  <ng-template [ngIf]=\"!navbarBrandImg\">\n    <div class=\"navbar-brand-full\" [innerHTML]=\"navbarBrandText.text\"></div>\n    <div class=\"navbar-brand-minimized\" [innerHTML]=\"navbarBrandText.icon\"></div>\n  </ng-template>\n</a>\n<ng-template [ngIf]=\"sidebarToggler != false\">\n  <button class=\"navbar-toggler {{sidebarTogglerClass}}\" type=\"button\" [appSidebarToggler]=\"sidebarToggler\">\n    <span class=\"navbar-toggler-icon\"></span>\n  </button>\n</ng-template>\n<ng-content></ng-content>\n<ng-template [ngIf]=\"asideMenuToggler != false\">\n  <button class=\"navbar-toggler {{asideTogglerClass}}\" type=\"button\" [appAsideMenuToggler]=\"asideMenuToggler\">\n    <span class=\"navbar-toggler-icon\"></span>\n  </button>\n</ng-template>\n<ng-template [ngIf]=\"mobileAsideMenuToggler != false\">\n  <button class=\"navbar-toggler {{asideTogglerMobileClass}}\" type=\"button\" appAsideMenuToggler>\n    <span class=\"navbar-toggler-icon\"></span>\n  </button>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: AsideToggleDirective, selector: "[appAsideMenuToggler]", inputs: ["appAsideMenuToggler"] }, { kind: "directive", type: SidebarToggleDirective, selector: "[appSidebarToggler]", inputs: ["appSidebarToggler"] }, { kind: "directive", type: HtmlAttributesDirective, selector: "[appHtmlAttr]", inputs: ["appHtmlAttr"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppHeaderComponent, decorators: [{
+AppHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppHeaderComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+AppHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AppHeaderComponent, isStandalone: true, selector: "app-header, cui-header", inputs: { fixed: "fixed", navbarBrand: "navbarBrand", navbarBrandFull: "navbarBrandFull", navbarBrandMinimized: "navbarBrandMinimized", navbarBrandText: "navbarBrandText", navbarBrandHref: "navbarBrandHref", navbarBrandRouterLink: "navbarBrandRouterLink", sidebarToggler: "sidebarToggler", mobileSidebarToggler: "mobileSidebarToggler", asideMenuToggler: "asideMenuToggler", mobileAsideMenuToggler: "mobileAsideMenuToggler" }, host: { properties: { "class.app-header": "this.appHeaderClass", "class.navbar": "this.navbarClass" } }, ngImport: i0, template: "<ng-template [ngIf]=\"mobileSidebarToggler != false\">\n  <button class=\"navbar-toggler {{sidebarTogglerMobileClass}}\" type=\"button\" appSidebarToggler>\n    <span class=\"navbar-toggler-icon\"></span>\n  </button>\n</ng-template>\n<a class=\"navbar-brand\" [routerLink]=\"navbarBrandRouterLink\">\n  <ng-template [ngIf]=\"navbarBrandImg\">\n    <img *ngIf=\"navbarBrand\"\n         [appHtmlAttr]=\"navbarBrand\"\n         [ngClass]=\"'navbar-brand'\">\n    <img *ngIf=\"navbarBrandFull\"\n         [appHtmlAttr]=\"navbarBrandFull\"\n         [ngClass]=\"'navbar-brand-full'\">\n    <img *ngIf=\"navbarBrandMinimized\"\n         [appHtmlAttr]=\"navbarBrandMinimized\"\n         [ngClass]=\"'navbar-brand-minimized'\">\n  </ng-template>\n  <ng-template [ngIf]=\"!navbarBrandImg\">\n    <div class=\"navbar-brand-full\" [innerHTML]=\"navbarBrandText.text\"></div>\n    <div class=\"navbar-brand-minimized\" [innerHTML]=\"navbarBrandText.icon\"></div>\n  </ng-template>\n</a>\n<ng-template [ngIf]=\"sidebarToggler != false\">\n  <button class=\"navbar-toggler {{sidebarTogglerClass}}\" type=\"button\" [appSidebarToggler]=\"sidebarToggler\">\n    <span class=\"navbar-toggler-icon\"></span>\n  </button>\n</ng-template>\n<ng-content></ng-content>\n<ng-template [ngIf]=\"asideMenuToggler != false\">\n  <button class=\"navbar-toggler {{asideTogglerClass}}\" type=\"button\" [appAsideMenuToggler]=\"asideMenuToggler\">\n    <span class=\"navbar-toggler-icon\"></span>\n  </button>\n</ng-template>\n<ng-template [ngIf]=\"mobileAsideMenuToggler != false\">\n  <button class=\"navbar-toggler {{asideTogglerMobileClass}}\" type=\"button\" appAsideMenuToggler>\n    <span class=\"navbar-toggler-icon\"></span>\n  </button>\n</ng-template>\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: SidebarToggleDirective, selector: "[appSidebarToggler]", inputs: ["appSidebarToggler"] }, { kind: "directive", type: HtmlAttributesDirective, selector: "[appHtmlAttr]", inputs: ["appHtmlAttr"] }, { kind: "directive", type: AsideToggleDirective, selector: "[appAsideMenuToggler]", inputs: ["appAsideMenuToggler"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-header, cui-header', template: "<ng-template [ngIf]=\"mobileSidebarToggler != false\">\n  <button class=\"navbar-toggler {{sidebarTogglerMobileClass}}\" type=\"button\" appSidebarToggler>\n    <span class=\"navbar-toggler-icon\"></span>\n  </button>\n</ng-template>\n<a class=\"navbar-brand\" [routerLink]=\"navbarBrandRouterLink\">\n  <ng-template [ngIf]=\"navbarBrandImg\">\n    <img *ngIf=\"navbarBrand\"\n         [appHtmlAttr]=\"navbarBrand\"\n         [ngClass]=\"'navbar-brand'\">\n    <img *ngIf=\"navbarBrandFull\"\n         [appHtmlAttr]=\"navbarBrandFull\"\n         [ngClass]=\"'navbar-brand-full'\">\n    <img *ngIf=\"navbarBrandMinimized\"\n         [appHtmlAttr]=\"navbarBrandMinimized\"\n         [ngClass]=\"'navbar-brand-minimized'\">\n  </ng-template>\n  <ng-template [ngIf]=\"!navbarBrandImg\">\n    <div class=\"navbar-brand-full\" [innerHTML]=\"navbarBrandText.text\"></div>\n    <div class=\"navbar-brand-minimized\" [innerHTML]=\"navbarBrandText.icon\"></div>\n  </ng-template>\n</a>\n<ng-template [ngIf]=\"sidebarToggler != false\">\n  <button class=\"navbar-toggler {{sidebarTogglerClass}}\" type=\"button\" [appSidebarToggler]=\"sidebarToggler\">\n    <span class=\"navbar-toggler-icon\"></span>\n  </button>\n</ng-template>\n<ng-content></ng-content>\n<ng-template [ngIf]=\"asideMenuToggler != false\">\n  <button class=\"navbar-toggler {{asideTogglerClass}}\" type=\"button\" [appAsideMenuToggler]=\"asideMenuToggler\">\n    <span class=\"navbar-toggler-icon\"></span>\n  </button>\n</ng-template>\n<ng-template [ngIf]=\"mobileAsideMenuToggler != false\">\n  <button class=\"navbar-toggler {{asideTogglerMobileClass}}\" type=\"button\" appAsideMenuToggler>\n    <span class=\"navbar-toggler-icon\"></span>\n  </button>\n</ng-template>\n" }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+            args: [{ selector: 'app-header, cui-header', standalone: true, imports: [RouterLink, NgIf, NgClass, SidebarToggleDirective, HtmlAttributesDirective, AsideToggleDirective], template: "<ng-template [ngIf]=\"mobileSidebarToggler != false\">\n  <button class=\"navbar-toggler {{sidebarTogglerMobileClass}}\" type=\"button\" appSidebarToggler>\n    <span class=\"navbar-toggler-icon\"></span>\n  </button>\n</ng-template>\n<a class=\"navbar-brand\" [routerLink]=\"navbarBrandRouterLink\">\n  <ng-template [ngIf]=\"navbarBrandImg\">\n    <img *ngIf=\"navbarBrand\"\n         [appHtmlAttr]=\"navbarBrand\"\n         [ngClass]=\"'navbar-brand'\">\n    <img *ngIf=\"navbarBrandFull\"\n         [appHtmlAttr]=\"navbarBrandFull\"\n         [ngClass]=\"'navbar-brand-full'\">\n    <img *ngIf=\"navbarBrandMinimized\"\n         [appHtmlAttr]=\"navbarBrandMinimized\"\n         [ngClass]=\"'navbar-brand-minimized'\">\n  </ng-template>\n  <ng-template [ngIf]=\"!navbarBrandImg\">\n    <div class=\"navbar-brand-full\" [innerHTML]=\"navbarBrandText.text\"></div>\n    <div class=\"navbar-brand-minimized\" [innerHTML]=\"navbarBrandText.icon\"></div>\n  </ng-template>\n</a>\n<ng-template [ngIf]=\"sidebarToggler != false\">\n  <button class=\"navbar-toggler {{sidebarTogglerClass}}\" type=\"button\" [appSidebarToggler]=\"sidebarToggler\">\n    <span class=\"navbar-toggler-icon\"></span>\n  </button>\n</ng-template>\n<ng-content></ng-content>\n<ng-template [ngIf]=\"asideMenuToggler != false\">\n  <button class=\"navbar-toggler {{asideTogglerClass}}\" type=\"button\" [appAsideMenuToggler]=\"asideMenuToggler\">\n    <span class=\"navbar-toggler-icon\"></span>\n  </button>\n</ng-template>\n<ng-template [ngIf]=\"mobileAsideMenuToggler != false\">\n  <button class=\"navbar-toggler {{asideTogglerMobileClass}}\" type=\"button\" appAsideMenuToggler>\n    <span class=\"navbar-toggler-icon\"></span>\n  </button>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }, { type: i0.Renderer2 }]; }, propDecorators: { fixed: [{
@@ -724,27 +723,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 
 class AppHeaderModule {
 }
-AppHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AppHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: AppHeaderModule, declarations: [AppHeaderComponent], imports: [CommonModule,
-        RouterModule,
-        LayoutModule], exports: [AppHeaderComponent] });
-AppHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppHeaderModule, imports: [CommonModule,
-        RouterModule,
-        LayoutModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppHeaderModule, decorators: [{
+AppHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AppHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AppHeaderModule, imports: [AppHeaderComponent], exports: [AppHeaderComponent] });
+AppHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppHeaderModule, imports: [AppHeaderComponent] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppHeaderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
-                        CommonModule,
-                        RouterModule,
-                        LayoutModule
+                        AppHeaderComponent
                     ],
                     exports: [
                         AppHeaderComponent,
                     ],
-                    declarations: [
-                        AppHeaderComponent
-                    ]
                 }]
         }] });
 
@@ -757,9 +747,9 @@ class AppSidebarService {
         this.events.next(action);
     }
 }
-AppSidebarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-AppSidebarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarService, decorators: [{
+AppSidebarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+AppSidebarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -767,18 +757,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
         }], ctorParameters: function () { return []; } });
 
 class AppSidebarComponent {
-    constructor(document, renderer, sidebarService) {
-        this.document = document;
-        this.renderer = renderer;
-        this.sidebarService = sidebarService;
-        this._minimized = false;
-        /**
-         * Emits whenever the minimized state of the sidebar changes.
-         * Primarily used to facilitate two-way binding.
-         */
-        this.minimizedChange = new EventEmitter();
-        this.sidebarClass = true;
-    }
     get minimized() {
         return this._minimized;
     }
@@ -791,6 +769,18 @@ class AppSidebarComponent {
             this.sidebarService.toggle({ minimize: value });
         }
     }
+    constructor(document, renderer, sidebarService) {
+        this.document = document;
+        this.renderer = renderer;
+        this.sidebarService = sidebarService;
+        this._minimized = false;
+        /**
+         * Emits whenever the minimized state of the sidebar changes.
+         * Primarily used to facilitate two-way binding.
+         */
+        this.minimizedChange = new EventEmitter();
+        this.sidebarClass = true;
+    }
     ngOnInit() {
         this.displayBreakpoint(this.display);
         this.isCompact(this.compact);
@@ -845,15 +835,16 @@ class AppSidebarComponent {
         }
     }
 }
-AppSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: AppSidebarService }], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AppSidebarComponent, selector: "app-sidebar, cui-sidebar", inputs: { compact: "compact", display: "display", fixed: "fixed", offCanvas: "offCanvas", minimized: "minimized" }, outputs: { minimizedChange: "minimizedChange" }, host: { properties: { "class.sidebar": "this.sidebarClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarComponent, decorators: [{
+AppSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: AppSidebarService }], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AppSidebarComponent, isStandalone: true, selector: "app-sidebar, cui-sidebar", inputs: { compact: "compact", display: "display", fixed: "fixed", offCanvas: "offCanvas", minimized: "minimized" }, outputs: { minimizedChange: "minimizedChange" }, host: { properties: { "class.sidebar": "this.sidebarClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'app-sidebar, cui-sidebar',
-                    template: `<ng-content></ng-content>`
+                    template: `<ng-content></ng-content>`,
+                    standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }, { type: i0.Renderer2 }, { type: AppSidebarService }]; }, propDecorators: { compact: [{
@@ -875,9 +866,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 
 class SidebarNavService {
 }
-SidebarNavService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SidebarNavService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SidebarNavService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SidebarNavService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SidebarNavService, decorators: [{
+SidebarNavService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SidebarNavService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SidebarNavService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SidebarNavService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SidebarNavService, decorators: [{
             type: Injectable
         }] });
 class SidebarNavHelper {
@@ -918,64 +909,79 @@ class SidebarNavHelper {
         return classes;
     }
 }
-SidebarNavHelper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SidebarNavHelper, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SidebarNavHelper.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SidebarNavHelper });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SidebarNavHelper, decorators: [{
+SidebarNavHelper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SidebarNavHelper, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SidebarNavHelper.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SidebarNavHelper });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SidebarNavHelper, decorators: [{
             type: Injectable
         }] });
 
-class AppSidebarNavDividerComponent {
-    constructor() { }
-    ngOnInit() { }
+class AppSidebarNavItemClassPipe {
+    constructor(helper) {
+        this.helper = helper;
+    }
+    transform(item, ...args) {
+        const itemType = this.helper.itemType(item);
+        let itemClass;
+        if (['divider', 'title'].includes(itemType)) {
+            itemClass = `nav-${itemType}`;
+        }
+        else if (itemType === 'dropdown') {
+            itemClass = 'nav-item nav-dropdown';
+        }
+        else {
+            itemClass = 'nav-item';
+        }
+        return item.class ? `${itemClass} ${item.class}` : itemClass;
+    }
 }
-AppSidebarNavDividerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarNavDividerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AppSidebarNavDividerComponent, selector: "app-sidebar-nav-divider, cui-sidebar-nav-divider", inputs: { item: "item" }, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavDividerComponent, decorators: [{
-            type: Component,
+AppSidebarNavItemClassPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavItemClassPipe, deps: [{ token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Pipe });
+AppSidebarNavItemClassPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavItemClassPipe, isStandalone: true, name: "appSidebarNavItemClass" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavItemClassPipe, decorators: [{
+            type: Pipe,
             args: [{
-                    selector: 'app-sidebar-nav-divider, cui-sidebar-nav-divider',
-                    template: ``
+                    name: 'appSidebarNavItemClass',
+                    standalone: true
                 }]
-        }], ctorParameters: function () { return []; }, propDecorators: { item: [{
-                type: Input
-            }] } });
+        }], ctorParameters: function () { return [{ type: SidebarNavHelper }]; } });
 
-class AppSidebarNavIconPipe {
+class AppSidebarNavBadgePipe {
     transform(item, args) {
         const classes = {
-            'nav-icon': true
+            badge: true
         };
-        const icon = item.icon;
-        classes[icon] = !!item.icon;
+        const variant = `badge-${item.badge.variant}`;
+        classes[variant] = !!item.badge.variant;
+        classes[item.badge.class] = !!item.badge.class;
         return classes;
     }
 }
-AppSidebarNavIconPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-AppSidebarNavIconPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavIconPipe, name: "appSidebarNavIcon" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavIconPipe, decorators: [{
+AppSidebarNavBadgePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavBadgePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+AppSidebarNavBadgePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavBadgePipe, isStandalone: true, name: "appSidebarNavBadge" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavBadgePipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'appSidebarNavIcon'
+                    name: 'appSidebarNavBadge',
+                    standalone: true
                 }]
         }] });
 
-class AppSidebarNavBadgePipe {
+class AppSidebarNavIconPipe {
     transform(item, args) {
         const classes = {
-            badge: true
+            'nav-icon': true
         };
-        const variant = `badge-${item.badge.variant}`;
-        classes[variant] = !!item.badge.variant;
-        classes[item.badge.class] = !!item.badge.class;
+        const icon = item.icon;
+        classes[icon] = !!item.icon;
         return classes;
     }
 }
-AppSidebarNavBadgePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavBadgePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-AppSidebarNavBadgePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavBadgePipe, name: "appSidebarNavBadge" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavBadgePipe, decorators: [{
+AppSidebarNavIconPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+AppSidebarNavIconPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavIconPipe, isStandalone: true, name: "appSidebarNavIcon" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavIconPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'appSidebarNavBadge'
+                    name: 'appSidebarNavIcon',
+                    standalone: true
                 }]
         }] });
 
@@ -989,12 +995,13 @@ class AppSidebarNavLinkPipe {
         return classes;
     }
 }
-AppSidebarNavLinkPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavLinkPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-AppSidebarNavLinkPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavLinkPipe, name: "appSidebarNavLink" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavLinkPipe, decorators: [{
+AppSidebarNavLinkPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavLinkPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+AppSidebarNavLinkPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavLinkPipe, isStandalone: true, name: "appSidebarNavLink" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavLinkPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'appSidebarNavLink'
+                    name: 'appSidebarNavLink',
+                    standalone: true
                 }]
         }] });
 
@@ -1003,34 +1010,40 @@ class AppSidebarNavLinkContentComponent {
         this.helper = helper;
         this.item = {};
     }
-    ngOnInit() { }
-    ngOnDestroy() { }
 }
-AppSidebarNavLinkContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavLinkContentComponent, deps: [{ token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarNavLinkContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AppSidebarNavLinkContentComponent, selector: "app-sidebar-nav-link-content, cui-sidebar-nav-link-content", inputs: { item: "item" }, providers: [SidebarNavHelper], ngImport: i0, template: `
+AppSidebarNavLinkContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavLinkContentComponent, deps: [{ token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarNavLinkContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AppSidebarNavLinkContentComponent, isStandalone: true, selector: "app-sidebar-nav-link-content, cui-sidebar-nav-link-content", inputs: { item: "item" }, providers: [SidebarNavHelper], ngImport: i0, template: `
     <ng-container *ngIf="true">
       <i *ngIf="helper.hasIcon(item)" [ngClass]="item | appSidebarNavIcon"></i>
-      <ng-container>{{item?.name}}</ng-container>
-      <span *ngIf="helper.hasBadge(item)" [ngClass]="item | appSidebarNavBadge">{{ item?.badge?.text }}</span>
+      <ng-container>{{item.name}}</ng-container>
+      <span *ngIf="helper.hasBadge(item)" [ngClass]="item | appSidebarNavBadge">{{ item.badge?.text }}</span>
     </ng-container>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AppSidebarNavIconPipe, name: "appSidebarNavIcon" }, { kind: "pipe", type: AppSidebarNavBadgePipe, name: "appSidebarNavBadge" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavLinkContentComponent, decorators: [{
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AppSidebarNavIconPipe, name: "appSidebarNavIcon" }, { kind: "pipe", type: AppSidebarNavBadgePipe, name: "appSidebarNavBadge" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavLinkContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'app-sidebar-nav-link-content, cui-sidebar-nav-link-content',
                     template: `
     <ng-container *ngIf="true">
       <i *ngIf="helper.hasIcon(item)" [ngClass]="item | appSidebarNavIcon"></i>
-      <ng-container>{{item?.name}}</ng-container>
-      <span *ngIf="helper.hasBadge(item)" [ngClass]="item | appSidebarNavBadge">{{ item?.badge?.text }}</span>
+      <ng-container>{{item.name}}</ng-container>
+      <span *ngIf="helper.hasBadge(item)" [ngClass]="item | appSidebarNavBadge">{{ item.badge?.text }}</span>
     </ng-container>
   `,
-                    providers: [SidebarNavHelper]
+                    providers: [SidebarNavHelper],
+                    standalone: true,
+                    imports: [NgIf, NgClass, AppSidebarNavIconPipe, AppSidebarNavBadgePipe]
                 }]
         }], ctorParameters: function () { return [{ type: SidebarNavHelper }]; }, propDecorators: { item: [{
                 type: Input
             }] } });
 class AppSidebarNavLinkComponent {
+    set item(item) {
+        this._Item = JSON.parse(JSON.stringify(item));
+    }
+    get item() {
+        return this._Item;
+    }
     constructor(router) {
         this.router = router;
         this.linkClick = new EventEmitter();
@@ -1038,12 +1051,6 @@ class AppSidebarNavLinkComponent {
             return event instanceof NavigationEnd;
         }));
     }
-    set item(item) {
-        this._Item = JSON.parse(JSON.stringify(item));
-    }
-    get item() {
-        return this._Item;
-    }
     ngOnInit() {
         // @ts-ignore
         this.url = typeof this.item.url === 'string' ? this.item.url : this.router.serializeUrl(this.router.createUrlTree(this.item.url));
@@ -1072,17 +1079,55 @@ class AppSidebarNavLinkComponent {
         this.linkClick.emit();
     }
 }
-AppSidebarNavLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavLinkComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarNavLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AppSidebarNavLinkComponent, selector: "app-sidebar-nav-link, cui-sidebar-nav-link", inputs: { item: "item" }, outputs: { linkClick: "linkClick" }, providers: [SidebarNavHelper], ngImport: i0, template: "<ng-container [ngSwitch]=\"linkType\">\n  <a *ngSwitchCase=\"'disabled'\"\n     [ngClass]=\"item | appSidebarNavLink\"\n     [appHtmlAttr]=\"item.attributes\"\n  >\n    <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\n  </a>\n  <a *ngSwitchCase=\"'external'\"\n     [ngClass]=\"item | appSidebarNavLink\"\n     [href]=\"href\"\n     [appHtmlAttr]=\"item.attributes\"\n     (click)=\"linkClicked()\"\n  >\n    <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\n  </a>\n  <a *ngSwitchDefault\n     [ngClass]=\"item | appSidebarNavLink\"\n     [appHtmlAttr]=\"item.attributes\"\n     [target]=\"item.attributes?.target\"\n     [queryParams]=\"item.linkProps?.queryParams\"\n     [fragment]=\"item.linkProps?.fragment\"\n     [queryParamsHandling]=\"item.linkProps?.queryParamsHandling\"\n     [preserveFragment]=\"!!item.linkProps?.preserveFragment\"\n     [skipLocationChange]=\"!!item.linkProps?.skipLocationChange\"\n     [replaceUrl]=\"!!item.linkProps?.replaceUrl\"\n     [state]=\"item.linkProps?.state\"\n     [routerLink]=\"item.url\"\n     [routerLinkActive]=\"item.linkProps?.routerLinkActive || 'active'\"\n     [routerLinkActiveOptions]=\"item.linkProps?.routerLinkActiveOptions ?? {exact: false}\"\n     [class.active]=\"linkActive && !item.linkProps?.routerLinkActiveOptions\"\n     (click)=\"linkClicked()\"\n  >\n    <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\n  </a>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: HtmlAttributesDirective, selector: "[appHtmlAttr]", inputs: ["appHtmlAttr"] }, { kind: "component", type: AppSidebarNavLinkContentComponent, selector: "app-sidebar-nav-link-content, cui-sidebar-nav-link-content", inputs: ["item"] }, { kind: "pipe", type: AppSidebarNavLinkPipe, name: "appSidebarNavLink" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavLinkComponent, decorators: [{
+AppSidebarNavLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavLinkComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarNavLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AppSidebarNavLinkComponent, isStandalone: true, selector: "app-sidebar-nav-link, cui-sidebar-nav-link", inputs: { item: "item" }, outputs: { linkClick: "linkClick" }, providers: [SidebarNavHelper], ngImport: i0, template: "<ng-container [ngSwitch]=\"linkType\">\n  <a *ngSwitchCase=\"'disabled'\"\n     [ngClass]=\"item | appSidebarNavLink\"\n     [appHtmlAttr]=\"item.attributes\"\n  >\n    <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\n  </a>\n  <a *ngSwitchCase=\"'external'\"\n     [ngClass]=\"item | appSidebarNavLink\"\n     [href]=\"href\"\n     [appHtmlAttr]=\"item.attributes\"\n     (click)=\"linkClicked()\"\n  >\n    <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\n  </a>\n  <a *ngSwitchDefault\n     [ngClass]=\"item | appSidebarNavLink\"\n     [appHtmlAttr]=\"item.attributes\"\n     [target]=\"item.attributes?.target\"\n     [queryParams]=\"item.linkProps?.queryParams\"\n     [fragment]=\"item.linkProps?.fragment\"\n     [queryParamsHandling]=\"item.linkProps?.queryParamsHandling\"\n     [preserveFragment]=\"!!item.linkProps?.preserveFragment\"\n     [skipLocationChange]=\"!!item.linkProps?.skipLocationChange\"\n     [replaceUrl]=\"!!item.linkProps?.replaceUrl\"\n     [state]=\"item.linkProps?.state\"\n     [routerLink]=\"item.url\"\n     [routerLinkActive]=\"item.linkProps?.routerLinkActive || 'active'\"\n     [routerLinkActiveOptions]=\"item.linkProps?.routerLinkActiveOptions ?? {exact: false}\"\n     [class.active]=\"linkActive && !item.linkProps?.routerLinkActiveOptions\"\n     (click)=\"linkClicked()\"\n  >\n    <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\n  </a>\n</ng-container>\n", dependencies: [{ kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AppSidebarNavLinkPipe, name: "appSidebarNavLink" }, { kind: "directive", type: HtmlAttributesDirective, selector: "[appHtmlAttr]", inputs: ["appHtmlAttr"] }, { kind: "component", type: AppSidebarNavLinkContentComponent, selector: "app-sidebar-nav-link-content, cui-sidebar-nav-link-content", inputs: ["item"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavLinkComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-sidebar-nav-link, cui-sidebar-nav-link', providers: [SidebarNavHelper], template: "<ng-container [ngSwitch]=\"linkType\">\n  <a *ngSwitchCase=\"'disabled'\"\n     [ngClass]=\"item | appSidebarNavLink\"\n     [appHtmlAttr]=\"item.attributes\"\n  >\n    <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\n  </a>\n  <a *ngSwitchCase=\"'external'\"\n     [ngClass]=\"item | appSidebarNavLink\"\n     [href]=\"href\"\n     [appHtmlAttr]=\"item.attributes\"\n     (click)=\"linkClicked()\"\n  >\n    <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\n  </a>\n  <a *ngSwitchDefault\n     [ngClass]=\"item | appSidebarNavLink\"\n     [appHtmlAttr]=\"item.attributes\"\n     [target]=\"item.attributes?.target\"\n     [queryParams]=\"item.linkProps?.queryParams\"\n     [fragment]=\"item.linkProps?.fragment\"\n     [queryParamsHandling]=\"item.linkProps?.queryParamsHandling\"\n     [preserveFragment]=\"!!item.linkProps?.preserveFragment\"\n     [skipLocationChange]=\"!!item.linkProps?.skipLocationChange\"\n     [replaceUrl]=\"!!item.linkProps?.replaceUrl\"\n     [state]=\"item.linkProps?.state\"\n     [routerLink]=\"item.url\"\n     [routerLinkActive]=\"item.linkProps?.routerLinkActive || 'active'\"\n     [routerLinkActiveOptions]=\"item.linkProps?.routerLinkActiveOptions ?? {exact: false}\"\n     [class.active]=\"linkActive && !item.linkProps?.routerLinkActiveOptions\"\n     (click)=\"linkClicked()\"\n  >\n    <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\n  </a>\n</ng-container>\n" }]
+            args: [{ selector: 'app-sidebar-nav-link, cui-sidebar-nav-link', providers: [SidebarNavHelper], standalone: true, imports: [NgSwitch, NgSwitchCase, NgSwitchDefault, NgClass, AppSidebarNavLinkPipe, HtmlAttributesDirective, AppSidebarNavLinkContentComponent, RouterModule], template: "<ng-container [ngSwitch]=\"linkType\">\n  <a *ngSwitchCase=\"'disabled'\"\n     [ngClass]=\"item | appSidebarNavLink\"\n     [appHtmlAttr]=\"item.attributes\"\n  >\n    <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\n  </a>\n  <a *ngSwitchCase=\"'external'\"\n     [ngClass]=\"item | appSidebarNavLink\"\n     [href]=\"href\"\n     [appHtmlAttr]=\"item.attributes\"\n     (click)=\"linkClicked()\"\n  >\n    <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\n  </a>\n  <a *ngSwitchDefault\n     [ngClass]=\"item | appSidebarNavLink\"\n     [appHtmlAttr]=\"item.attributes\"\n     [target]=\"item.attributes?.target\"\n     [queryParams]=\"item.linkProps?.queryParams\"\n     [fragment]=\"item.linkProps?.fragment\"\n     [queryParamsHandling]=\"item.linkProps?.queryParamsHandling\"\n     [preserveFragment]=\"!!item.linkProps?.preserveFragment\"\n     [skipLocationChange]=\"!!item.linkProps?.skipLocationChange\"\n     [replaceUrl]=\"!!item.linkProps?.replaceUrl\"\n     [state]=\"item.linkProps?.state\"\n     [routerLink]=\"item.url\"\n     [routerLinkActive]=\"item.linkProps?.routerLinkActive || 'active'\"\n     [routerLinkActiveOptions]=\"item.linkProps?.routerLinkActiveOptions ?? {exact: false}\"\n     [class.active]=\"linkActive && !item.linkProps?.routerLinkActiveOptions\"\n     (click)=\"linkClicked()\"\n  >\n    <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\n  </a>\n</ng-container>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { item: [{
                 type: Input
             }], linkClick: [{
                 type: Output
             }] } });
 
+class AppSidebarNavLabelComponent {
+    constructor(helper) {
+        this.helper = helper;
+        this.item = {};
+        this.classes = {
+            'nav-label': true,
+            active: true
+        };
+        this.iconClasses = {};
+    }
+    ngOnInit() {
+        this.iconClasses = this.helper.getIconClass(this.item);
+    }
+    getItemClass() {
+        const itemClass = this.item.class;
+        // @ts-ignore
+        this.classes[itemClass] = !!itemClass;
+        return this.classes;
+    }
+    getLabelIconClass() {
+        const variant = `text-${this.item.label?.variant}`;
+        // @ts-ignore
+        this.iconClasses[variant] = !!this.item.label?.variant;
+        const labelClass = this.item.label?.class;
+        // @ts-ignore
+        this.iconClasses[labelClass] = !!labelClass;
+        return this.iconClasses;
+    }
+}
+AppSidebarNavLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavLabelComponent, deps: [{ token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarNavLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AppSidebarNavLabelComponent, isStandalone: true, selector: "app-sidebar-nav-label, cui-sidebar-nav-label", inputs: { item: "item" }, ngImport: i0, template: "<a [ngClass]=\"getItemClass()\"\n   href=\"{{item.url}}\"\n   [appHtmlAttr]=\"item.attributes\">\n  <i *ngIf=\"helper.hasIcon(item)\" [ngClass]=\"getLabelIconClass()\"></i>\n  <ng-container>{{item.name}}</ng-container>\n  <span *ngIf=\"helper.hasBadge(item)\" [ngClass]=\"item | appSidebarNavBadge\">{{ item.badge?.text }}</span>\n</a>\n", dependencies: [{ kind: "pipe", type: AppSidebarNavBadgePipe, name: "appSidebarNavBadge" }, { kind: "directive", type: HtmlAttributesDirective, selector: "[appHtmlAttr]", inputs: ["appHtmlAttr"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavLabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-sidebar-nav-label, cui-sidebar-nav-label', standalone: true, imports: [AppSidebarNavBadgePipe, HtmlAttributesDirective, NgIf, NgClass], template: "<a [ngClass]=\"getItemClass()\"\n   href=\"{{item.url}}\"\n   [appHtmlAttr]=\"item.attributes\">\n  <i *ngIf=\"helper.hasIcon(item)\" [ngClass]=\"getLabelIconClass()\"></i>\n  <ng-container>{{item.name}}</ng-container>\n  <span *ngIf=\"helper.hasBadge(item)\" [ngClass]=\"item | appSidebarNavBadge\">{{ item.badge?.text }}</span>\n</a>\n" }]
+        }], ctorParameters: function () { return [{ type: SidebarNavHelper }]; }, propDecorators: { item: [{
+                type: Input
+            }] } });
+
 class AppSidebarNavTitleComponent {
     constructor(el, renderer) {
         this.el = el;
@@ -1136,34 +1181,55 @@ class AppSidebarNavTitleComponent {
         this.renderer.setAttribute(el, key, value);
     }
 }
-AppSidebarNavTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavTitleComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarNavTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AppSidebarNavTitleComponent, selector: "app-sidebar-nav-title, cui-sidebar-nav-title", inputs: { item: "item" }, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavTitleComponent, decorators: [{
+AppSidebarNavTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavTitleComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarNavTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AppSidebarNavTitleComponent, isStandalone: true, selector: "app-sidebar-nav-title, cui-sidebar-nav-title", inputs: { item: "item" }, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavTitleComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'app-sidebar-nav-title, cui-sidebar-nav-title',
                     template: '',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { item: [{
                 type: Input
             }] } });
 
+class AppSidebarNavDividerComponent {
+    constructor() { }
+}
+AppSidebarNavDividerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarNavDividerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AppSidebarNavDividerComponent, isStandalone: true, selector: "app-sidebar-nav-divider, cui-sidebar-nav-divider", inputs: { item: "item" }, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavDividerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-sidebar-nav-divider, cui-sidebar-nav-divider',
+                    template: ``,
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { item: [{
+                type: Input
+            }] } });
+
 class NavDropdownDirective {
-    constructor(el) {
-        this.el = el;
+    constructor(elementRef, renderer) {
+        this.elementRef = elementRef;
+        this.renderer = renderer;
     }
     toggle() {
-        this.el.nativeElement.classList.toggle('open');
+        this.elementRef.nativeElement.classList.contains('open') ?
+            this.renderer.removeClass(this.elementRef.nativeElement, 'open') :
+            this.renderer.addClass(this.elementRef.nativeElement, 'open');
     }
 }
-NavDropdownDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NavDropdownDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-NavDropdownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: NavDropdownDirective, selector: "[appNavDropdown]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NavDropdownDirective, decorators: [{
+NavDropdownDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavDropdownDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+NavDropdownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NavDropdownDirective, isStandalone: true, selector: "[appNavDropdown]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavDropdownDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[appNavDropdown]'
+                    selector: '[appNavDropdown]',
+                    standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
 /**
  * Allows the dropdown to be toggled via click.
  */
@@ -1176,85 +1242,29 @@ class NavDropdownToggleDirective {
         this.dropdown.toggle();
     }
 }
-NavDropdownToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NavDropdownToggleDirective, deps: [{ token: NavDropdownDirective }], target: i0.ɵɵFactoryTarget.Directive });
-NavDropdownToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: NavDropdownToggleDirective, selector: "[appNavDropdownToggle]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NavDropdownToggleDirective, decorators: [{
+NavDropdownToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavDropdownToggleDirective, deps: [{ token: NavDropdownDirective }], target: i0.ɵɵFactoryTarget.Directive });
+NavDropdownToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NavDropdownToggleDirective, isStandalone: true, selector: "[appNavDropdownToggle]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavDropdownToggleDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[appNavDropdownToggle]'
+                    selector: '[appNavDropdownToggle]',
+                    standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: NavDropdownDirective }]; }, propDecorators: { toggleOpen: [{
                 type: HostListener,
                 args: ['click', ['$event']]
             }] } });
 
-class AppSidebarNavLabelComponent {
-    constructor(helper) {
-        this.helper = helper;
-        this.item = {};
-        this.classes = {
-            'nav-label': true,
-            active: true
-        };
-        this.iconClasses = {};
-    }
-    ngOnInit() {
-        this.iconClasses = this.helper.getIconClass(this.item);
-    }
-    getItemClass() {
-        const itemClass = this.item.class;
-        // @ts-ignore
-        this.classes[itemClass] = !!itemClass;
-        return this.classes;
-    }
-    getLabelIconClass() {
-        const variant = `text-${this.item.label?.variant}`;
-        // @ts-ignore
-        this.iconClasses[variant] = !!this.item.label?.variant;
-        const labelClass = this.item.label?.class;
-        // @ts-ignore
-        this.iconClasses[labelClass] = !!labelClass;
-        return this.iconClasses;
-    }
+// lightweight injection token
+class DropdownToken {
 }
-AppSidebarNavLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavLabelComponent, deps: [{ token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarNavLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AppSidebarNavLabelComponent, selector: "app-sidebar-nav-label, cui-sidebar-nav-label", inputs: { item: "item" }, ngImport: i0, template: "<a [ngClass]=\"getItemClass()\"\n   href=\"{{item.url}}\"\n   [appHtmlAttr]=\"item.attributes\">\n  <i *ngIf=\"helper.hasIcon(item)\" [ngClass]=\"getLabelIconClass()\"></i>\n  <ng-container>{{item.name}}</ng-container>\n  <span *ngIf=\"helper.hasBadge(item)\" [ngClass]=\"item | appSidebarNavBadge\">{{ item.badge?.text }}</span>\n</a>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: HtmlAttributesDirective, selector: "[appHtmlAttr]", inputs: ["appHtmlAttr"] }, { kind: "pipe", type: AppSidebarNavBadgePipe, name: "appSidebarNavBadge" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavLabelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-sidebar-nav-label, cui-sidebar-nav-label', template: "<a [ngClass]=\"getItemClass()\"\n   href=\"{{item.url}}\"\n   [appHtmlAttr]=\"item.attributes\">\n  <i *ngIf=\"helper.hasIcon(item)\" [ngClass]=\"getLabelIconClass()\"></i>\n  <ng-container>{{item.name}}</ng-container>\n  <span *ngIf=\"helper.hasBadge(item)\" [ngClass]=\"item | appSidebarNavBadge\">{{ item.badge?.text }}</span>\n</a>\n" }]
-        }], ctorParameters: function () { return [{ type: SidebarNavHelper }]; }, propDecorators: { item: [{
-                type: Input
-            }] } });
-
-class AppSidebarNavItemClassPipe {
-    constructor(helper) {
-        this.helper = helper;
+class AppSidebarNavItemsComponent {
+    set items(items) {
+        this._items = [...items];
     }
-    transform(item, ...args) {
-        const itemType = this.helper.itemType(item);
-        let itemClass;
-        if (['divider', 'title'].includes(itemType)) {
-            itemClass = `nav-${itemType}`;
-        }
-        else if (itemType === 'dropdown') {
-            itemClass = 'nav-item nav-dropdown';
-        }
-        else {
-            itemClass = 'nav-item';
-        }
-        return item.class ? `${itemClass} ${item.class}` : itemClass;
+    get items() {
+        return this._items;
     }
-}
-AppSidebarNavItemClassPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavItemClassPipe, deps: [{ token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Pipe });
-AppSidebarNavItemClassPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavItemClassPipe, name: "appSidebarNavItemClass" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavItemClassPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'appSidebarNavItemClass'
-                }]
-        }], ctorParameters: function () { return [{ type: SidebarNavHelper }]; } });
-
-class AppSidebarNavItemsComponent {
     constructor(document, renderer, router, helper) {
         this.document = document;
         this.renderer = renderer;
@@ -1262,20 +1272,14 @@ class AppSidebarNavItemsComponent {
         this.helper = helper;
         this._items = [];
     }
-    set items(items) {
-        this._items = [...items];
-    }
-    get items() {
-        return this._items;
-    }
     hideMobile() {
         if (this.document.body.classList.contains('sidebar-show')) {
             this.renderer.removeClass(this.document.body, 'sidebar-show');
         }
     }
 }
-AppSidebarNavItemsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavItemsComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: i1.Router }, { token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarNavItemsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AppSidebarNavItemsComponent, selector: "app-sidebar-nav-items, cui-sidebar-nav-items", inputs: { items: "items" }, ngImport: i0, template: `
+AppSidebarNavItemsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavItemsComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: i1.Router }, { token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarNavItemsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AppSidebarNavItemsComponent, isStandalone: true, selector: "app-sidebar-nav-items, cui-sidebar-nav-items", inputs: { items: "items" }, ngImport: i0, template: `
     <ng-container *ngFor="let item of items">
       <ng-container [ngSwitch]="helper.itemType(item)">
         <app-sidebar-nav-dropdown
@@ -1317,8 +1321,8 @@ AppSidebarNavItemsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.
         </app-sidebar-nav-link>
       </ng-container>
     </ng-container>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i2.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgSwitch; }), selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgSwitchCase; }), selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgSwitchDefault; }), selector: "[ngSwitchDefault]" }, { kind: "directive", type: i0.forwardRef(function () { return i1.RouterLinkActive; }), selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i0.forwardRef(function () { return HtmlAttributesDirective; }), selector: "[appHtmlAttr]", inputs: ["appHtmlAttr"] }, { kind: "component", type: i0.forwardRef(function () { return AppSidebarNavDividerComponent; }), selector: "app-sidebar-nav-divider, cui-sidebar-nav-divider", inputs: ["item"] }, { kind: "component", type: i0.forwardRef(function () { return AppSidebarNavDropdownComponent; }), selector: "app-sidebar-nav-dropdown, cui-sidebar-nav-dropdown", inputs: ["item"] }, { kind: "component", type: i0.forwardRef(function () { return AppSidebarNavLinkComponent; }), selector: "app-sidebar-nav-link, cui-sidebar-nav-link", inputs: ["item"], outputs: ["linkClick"] }, { kind: "component", type: i0.forwardRef(function () { return AppSidebarNavTitleComponent; }), selector: "app-sidebar-nav-title, cui-sidebar-nav-title", inputs: ["item"] }, { kind: "directive", type: i0.forwardRef(function () { return NavDropdownDirective; }), selector: "[appNavDropdown]" }, { kind: "component", type: i0.forwardRef(function () { return AppSidebarNavLabelComponent; }), selector: "app-sidebar-nav-label, cui-sidebar-nav-label", inputs: ["item"] }, { kind: "pipe", type: i0.forwardRef(function () { return AppSidebarNavItemClassPipe; }), name: "appSidebarNavItemClass" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavItemsComponent, decorators: [{
+  `, isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return NgFor; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return NgSwitch; }), selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i0.forwardRef(function () { return NgSwitchCase; }), selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i0.forwardRef(function () { return NgSwitchDefault; }), selector: "[ngSwitchDefault]" }, { kind: "directive", type: i0.forwardRef(function () { return NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return HtmlAttributesDirective; }), selector: "[appHtmlAttr]", inputs: ["appHtmlAttr"] }, { kind: "pipe", type: i0.forwardRef(function () { return AppSidebarNavItemClassPipe; }), name: "appSidebarNavItemClass" }, { kind: "component", type: i0.forwardRef(function () { return AppSidebarNavDropdownComponent; }), selector: "app-sidebar-nav-dropdown, cui-sidebar-nav-dropdown", inputs: ["item"] }, { kind: "component", type: i0.forwardRef(function () { return AppSidebarNavLinkComponent; }), selector: "app-sidebar-nav-link, cui-sidebar-nav-link", inputs: ["item"], outputs: ["linkClick"] }, { kind: "component", type: i0.forwardRef(function () { return AppSidebarNavLabelComponent; }), selector: "app-sidebar-nav-label, cui-sidebar-nav-label", inputs: ["item"] }, { kind: "component", type: i0.forwardRef(function () { return AppSidebarNavTitleComponent; }), selector: "app-sidebar-nav-title, cui-sidebar-nav-title", inputs: ["item"] }, { kind: "component", type: i0.forwardRef(function () { return AppSidebarNavDividerComponent; }), selector: "app-sidebar-nav-divider, cui-sidebar-nav-divider", inputs: ["item"] }, { kind: "directive", type: i0.forwardRef(function () { return NavDropdownDirective; }), selector: "[appNavDropdown]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavItemsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'app-sidebar-nav-items, cui-sidebar-nav-items',
@@ -1364,9 +1368,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
         </app-sidebar-nav-link>
       </ng-container>
     </ng-container>
-  `
+  `,
+                    standalone: true,
+                    // providers: [{provide: DropdownToken, useExisting: forwardRef(()=> AppSidebarNavDropdownComponent)}],
+                    imports: [
+                        NgFor,
+                        NgSwitch,
+                        NgSwitchCase,
+                        NgSwitchDefault,
+                        NgClass,
+                        HtmlAttributesDirective,
+                        AppSidebarNavItemClassPipe,
+                        forwardRef(() => AppSidebarNavDropdownComponent),
+                        AppSidebarNavLinkComponent,
+                        AppSidebarNavLabelComponent,
+                        AppSidebarNavTitleComponent,
+                        AppSidebarNavDividerComponent,
+                        NavDropdownToggleDirective,
+                        NavDropdownDirective
+                    ],
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }, { type: i0.Renderer2 }, { type: i1.Router }, { type: SidebarNavHelper }]; }, propDecorators: { items: [{
@@ -1378,8 +1400,8 @@ class AppSidebarNavDropdownComponent {
         this.item = {};
     }
 }
-AppSidebarNavDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavDropdownComponent, deps: [{ token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarNavDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AppSidebarNavDropdownComponent, selector: "app-sidebar-nav-dropdown, cui-sidebar-nav-dropdown", inputs: { item: "item" }, providers: [SidebarNavHelper], ngImport: i0, template: `
+AppSidebarNavDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavDropdownComponent, deps: [{ token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarNavDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AppSidebarNavDropdownComponent, isStandalone: true, selector: "app-sidebar-nav-dropdown, cui-sidebar-nav-dropdown", inputs: { item: "item" }, providers: [SidebarNavHelper], ngImport: i0, template: `
     <a class="nav-link nav-dropdown-toggle"
        appNavDropdownToggle
        [appHtmlAttr]="item.attributes">
@@ -1391,8 +1413,8 @@ AppSidebarNavDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
       class="nav-dropdown-items"
       [items]="item.children ?? []">
     </app-sidebar-nav-items>
-  `, isInline: true, styles: [".nav-dropdown-toggle{cursor:pointer}\n", ".nav-dropdown-items{display:block}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: HtmlAttributesDirective, selector: "[appHtmlAttr]", inputs: ["appHtmlAttr"] }, { kind: "component", type: AppSidebarNavItemsComponent, selector: "app-sidebar-nav-items, cui-sidebar-nav-items", inputs: ["items"] }, { kind: "directive", type: NavDropdownToggleDirective, selector: "[appNavDropdownToggle]" }, { kind: "pipe", type: AppSidebarNavIconPipe, name: "appSidebarNavIcon" }, { kind: "pipe", type: AppSidebarNavBadgePipe, name: "appSidebarNavBadge" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavDropdownComponent, decorators: [{
+  `, isInline: true, styles: [".nav-dropdown-toggle{cursor:pointer}\n", ".nav-dropdown-items{display:block}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: HtmlAttributesDirective, selector: "[appHtmlAttr]", inputs: ["appHtmlAttr"] }, { kind: "pipe", type: AppSidebarNavBadgePipe, name: "appSidebarNavBadge" }, { kind: "pipe", type: AppSidebarNavIconPipe, name: "appSidebarNavIcon" }, { kind: "component", type: AppSidebarNavItemsComponent, selector: "app-sidebar-nav-items, cui-sidebar-nav-items", inputs: ["items"] }, { kind: "directive", type: NavDropdownToggleDirective, selector: "[appNavDropdownToggle]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-sidebar-nav-dropdown, cui-sidebar-nav-dropdown', template: `
     <a class="nav-link nav-dropdown-toggle"
@@ -1406,7 +1428,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
       class="nav-dropdown-items"
       [items]="item.children ?? []">
     </app-sidebar-nav-items>
-  `, providers: [SidebarNavHelper], styles: [".nav-dropdown-toggle{cursor:pointer}\n", ".nav-dropdown-items{display:block}\n"] }]
+  `, providers: [SidebarNavHelper], standalone: true, imports: [NgIf, NgClass, HtmlAttributesDirective, AppSidebarNavBadgePipe, AppSidebarNavIconPipe, AppSidebarNavItemsComponent, NavDropdownToggleDirective], styles: [".nav-dropdown-toggle{cursor:pointer}\n", ".nav-dropdown-items{display:block}\n"] }]
         }], ctorParameters: function () { return [{ type: SidebarNavHelper }]; }, propDecorators: { item: [{
                 type: Input
             }] } });
@@ -1423,11 +1445,11 @@ class AppSidebarNavComponent {
         this.navItemsArray = Array.isArray(this.navItems) ? this.navItems.slice() : [];
     }
 }
-AppSidebarNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AppSidebarNavComponent, selector: "app-sidebar-nav, cui-sidebar-nav", inputs: { navItems: "navItems", role: "role" }, host: { properties: { "class.sidebar-nav": "this.sidebarNavClass", "attr.role": "this.role" } }, usesOnChanges: true, ngImport: i0, template: "<app-sidebar-nav-items\n  class=\"nav\"\n  [items]=\"navItemsArray\">\n</app-sidebar-nav-items>\n", dependencies: [{ kind: "component", type: AppSidebarNavItemsComponent, selector: "app-sidebar-nav-items, cui-sidebar-nav-items", inputs: ["items"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavComponent, decorators: [{
+AppSidebarNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AppSidebarNavComponent, isStandalone: true, selector: "app-sidebar-nav, cui-sidebar-nav", inputs: { navItems: "navItems", role: "role" }, host: { properties: { "class.sidebar-nav": "this.sidebarNavClass", "attr.role": "this.role" } }, usesOnChanges: true, ngImport: i0, template: "<app-sidebar-nav-items\n  class=\"nav\"\n  [items]=\"navItemsArray\">\n</app-sidebar-nav-items>\n", dependencies: [{ kind: "component", type: AppSidebarNavItemsComponent, selector: "app-sidebar-nav-items, cui-sidebar-nav-items", inputs: ["items"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarNavComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-sidebar-nav, cui-sidebar-nav', template: "<app-sidebar-nav-items\n  class=\"nav\"\n  [items]=\"navItemsArray\">\n</app-sidebar-nav-items>\n" }]
+            args: [{ selector: 'app-sidebar-nav, cui-sidebar-nav', standalone: true, imports: [AppSidebarNavItemsComponent], template: "<app-sidebar-nav-items\n  class=\"nav\"\n  [items]=\"navItemsArray\">\n</app-sidebar-nav-items>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { navItems: [{
                 type: Input
             }], sidebarNavClass: [{
@@ -1441,23 +1463,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
             }] } });
 
 class AppSidebarMinimizerComponent {
+    toggleOpen($event) {
+        $event.preventDefault();
+        this.sidebarService.toggle({ minimize: 'toggle' });
+    }
     constructor(sidebarService) {
         this.sidebarService = sidebarService;
         this.role = 'button';
         this.sidebarMinimizerClass = true;
     }
-    toggleOpen($event) {
-        $event.preventDefault();
-        this.sidebarService.toggle({ minimize: 'toggle' });
-    }
 }
-AppSidebarMinimizerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarMinimizerComponent, deps: [{ token: AppSidebarService }], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarMinimizerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AppSidebarMinimizerComponent, selector: "app-sidebar-minimizer, cui-sidebar-minimizer", inputs: { role: "role" }, host: { listeners: { "click": "toggleOpen($event)" }, properties: { "attr.role": "this.role", "class.sidebar-minimizer": "this.sidebarMinimizerClass" } }, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarMinimizerComponent, decorators: [{
+AppSidebarMinimizerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarMinimizerComponent, deps: [{ token: AppSidebarService }], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarMinimizerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AppSidebarMinimizerComponent, isStandalone: true, selector: "app-sidebar-minimizer, cui-sidebar-minimizer", inputs: { role: "role" }, host: { listeners: { "click": "toggleOpen($event)" }, properties: { "attr.role": "this.role", "class.sidebar-minimizer": "this.sidebarMinimizerClass" } }, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarMinimizerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'app-sidebar-minimizer, cui-sidebar-minimizer',
-                    template: ``
+                    template: ``,
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: AppSidebarService }]; }, propDecorators: { role: [{
                 type: HostBinding,
@@ -1477,13 +1500,14 @@ class AppSidebarFooterComponent {
         this.sidebarFooterClass = true;
     }
 }
-AppSidebarFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AppSidebarFooterComponent, selector: "app-sidebar-footer, cui-sidebar-footer", host: { properties: { "class.sidebar-footer": "this.sidebarFooterClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarFooterComponent, decorators: [{
+AppSidebarFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AppSidebarFooterComponent, isStandalone: true, selector: "app-sidebar-footer, cui-sidebar-footer", host: { properties: { "class.sidebar-footer": "this.sidebarFooterClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'app-sidebar-footer, cui-sidebar-footer',
-                    template: `<ng-content></ng-content>`
+                    template: `<ng-content></ng-content>`,
+                    standalone: true
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { sidebarFooterClass: [{
                 type: HostBinding,
@@ -1495,13 +1519,14 @@ class AppSidebarFormComponent {
         this.sidebarFormClass = true;
     }
 }
-AppSidebarFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AppSidebarFormComponent, selector: "app-sidebar-form, cui-sidebar-form", host: { properties: { "class.sidebar-form": "this.sidebarFormClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarFormComponent, decorators: [{
+AppSidebarFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AppSidebarFormComponent, isStandalone: true, selector: "app-sidebar-form, cui-sidebar-form", host: { properties: { "class.sidebar-form": "this.sidebarFormClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarFormComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'app-sidebar-form, cui-sidebar-form',
-                    template: `<ng-content></ng-content>`
+                    template: `<ng-content></ng-content>`,
+                    standalone: true
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { sidebarFormClass: [{
                 type: HostBinding,
@@ -1513,13 +1538,14 @@ class AppSidebarHeaderComponent {
         this.sidebarHeaderClass = true;
     }
 }
-AppSidebarHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AppSidebarHeaderComponent, selector: "app-sidebar-header, cui-sidebar-header", host: { properties: { "class.sidebar-header": "this.sidebarHeaderClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarHeaderComponent, decorators: [{
+AppSidebarHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AppSidebarHeaderComponent, isStandalone: true, selector: "app-sidebar-header, cui-sidebar-header", host: { properties: { "class.sidebar-header": "this.sidebarHeaderClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'app-sidebar-header, cui-sidebar-header',
-                    template: `<ng-content></ng-content>`
+                    template: `<ng-content></ng-content>`,
+                    standalone: true
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { sidebarHeaderClass: [{
                 type: HostBinding,
@@ -1528,28 +1554,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 
 class AppSidebarModule {
 }
-AppSidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AppSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarModule, declarations: [AppSidebarFooterComponent,
+AppSidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AppSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarModule, imports: [RouterModule,
+        AppSidebarComponent,
+        AppSidebarFooterComponent,
         AppSidebarFormComponent,
         AppSidebarHeaderComponent,
         AppSidebarMinimizerComponent,
         AppSidebarMinimizerComponent,
-        AppSidebarComponent,
-        AppSidebarNavItemsComponent,
         AppSidebarNavComponent,
+        NavDropdownDirective,
+        AppSidebarNavItemsComponent,
         AppSidebarNavDividerComponent,
         AppSidebarNavDropdownComponent,
-        AppSidebarNavLinkComponent,
         AppSidebarNavLinkContentComponent,
         AppSidebarNavTitleComponent,
-        NavDropdownDirective,
-        NavDropdownToggleDirective,
         AppSidebarNavLabelComponent,
         AppSidebarNavIconPipe,
         AppSidebarNavBadgePipe,
         AppSidebarNavLinkPipe,
-        AppSidebarNavItemClassPipe], imports: [CommonModule,
-        RouterModule,
+        AppSidebarNavItemClassPipe,
+        AppSidebarNavLinkComponent,
+        NavDropdownToggleDirective,
         LayoutModule], exports: [AppSidebarFooterComponent,
         AppSidebarFormComponent,
         AppSidebarHeaderComponent,
@@ -1557,18 +1583,50 @@ AppSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
         AppSidebarComponent,
         // AppSidebarNavItemsComponent,
         AppSidebarNavComponent] });
-AppSidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarModule, providers: [
+AppSidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarModule, providers: [
         SidebarNavHelper,
         AppSidebarService
-    ], imports: [CommonModule,
-        RouterModule,
+    ], imports: [RouterModule,
+        AppSidebarComponent,
+        AppSidebarFooterComponent,
+        AppSidebarFormComponent,
+        AppSidebarHeaderComponent,
+        AppSidebarMinimizerComponent,
+        AppSidebarMinimizerComponent,
+        AppSidebarNavComponent,
+        AppSidebarNavItemsComponent,
+        AppSidebarNavDividerComponent,
+        AppSidebarNavDropdownComponent,
+        AppSidebarNavLinkContentComponent,
+        AppSidebarNavTitleComponent,
+        AppSidebarNavLabelComponent,
+        AppSidebarNavLinkComponent,
         LayoutModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSidebarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
-                        CommonModule,
                         RouterModule,
+                        AppSidebarComponent,
+                        AppSidebarFooterComponent,
+                        AppSidebarFormComponent,
+                        AppSidebarHeaderComponent,
+                        AppSidebarMinimizerComponent,
+                        AppSidebarMinimizerComponent,
+                        AppSidebarNavComponent,
+                        NavDropdownDirective,
+                        AppSidebarNavItemsComponent,
+                        AppSidebarNavDividerComponent,
+                        AppSidebarNavDropdownComponent,
+                        AppSidebarNavLinkContentComponent,
+                        AppSidebarNavTitleComponent,
+                        AppSidebarNavLabelComponent,
+                        AppSidebarNavIconPipe,
+                        AppSidebarNavBadgePipe,
+                        AppSidebarNavLinkPipe,
+                        AppSidebarNavItemClassPipe,
+                        AppSidebarNavLinkComponent,
+                        NavDropdownToggleDirective,
                         LayoutModule
                     ],
                     exports: [
@@ -1588,28 +1646,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                         // NavDropdownDirective,
                         // NavDropdownToggleDirective,
                     ],
-                    declarations: [
-                        AppSidebarFooterComponent,
-                        AppSidebarFormComponent,
-                        AppSidebarHeaderComponent,
-                        AppSidebarMinimizerComponent,
-                        AppSidebarMinimizerComponent,
-                        AppSidebarComponent,
-                        AppSidebarNavItemsComponent,
-                        AppSidebarNavComponent,
-                        AppSidebarNavDividerComponent,
-                        AppSidebarNavDropdownComponent,
-                        AppSidebarNavLinkComponent,
-                        AppSidebarNavLinkContentComponent,
-                        AppSidebarNavTitleComponent,
-                        NavDropdownDirective,
-                        NavDropdownToggleDirective,
-                        AppSidebarNavLabelComponent,
-                        AppSidebarNavIconPipe,
-                        AppSidebarNavBadgePipe,
-                        AppSidebarNavLinkPipe,
-                        AppSidebarNavItemClassPipe
-                    ],
                     providers: [
                         SidebarNavHelper,
                         AppSidebarService