@coreui/angular 2.14.0 → 2.15.0

package/fesm2015/coreui-angular.mjs

@@ -1,1663 +1,1699 @@
 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';
 
-const sidebarCssClasses = [
-    'sidebar-show',
-    'sidebar-sm-show',
-    'sidebar-md-show',
-    'sidebar-lg-show',
-    'sidebar-xl-show'
-];
-const asideMenuCssClasses = [
-    'aside-menu-show',
-    'aside-menu-sm-show',
-    'aside-menu-md-show',
-    'aside-menu-lg-show',
-    'aside-menu-xl-show'
+const sidebarCssClasses = [
+    'sidebar-show',
+    'sidebar-sm-show',
+    'sidebar-md-show',
+    'sidebar-lg-show',
+    'sidebar-xl-show'
+];
+const asideMenuCssClasses = [
+    'aside-menu-show',
+    'aside-menu-sm-show',
+    'aside-menu-md-show',
+    'aside-menu-lg-show',
+    'aside-menu-xl-show'
 ];
 
-const RemoveClasses = (NewClassNames) => {
-    const MatchClasses = NewClassNames.map((Class) => document.body.classList.contains(Class));
-    return MatchClasses.indexOf(true) !== -1;
-};
-const ToggleClasses = (Toggle, ClassNames) => {
-    const Level = ClassNames.indexOf(Toggle);
-    const NewClassNames = ClassNames.slice(0, Level + 1);
-    if (RemoveClasses(NewClassNames)) {
-        NewClassNames.map((Class) => document.body.classList.remove(Class));
-    }
-    else {
-        document.body.classList.add(Toggle);
-    }
-};
-class ClassToggler {
-    constructor(document, renderer) {
-        this.document = document;
-        this.renderer = renderer;
-    }
-    removeClasses(NewClassNames) {
-        const MatchClasses = NewClassNames.map((Class) => this.document.body.classList.contains(Class));
-        return MatchClasses.indexOf(true) !== -1;
-    }
-    toggleClasses(Toggle, ClassNames) {
-        const Level = ClassNames.indexOf(Toggle);
-        const NewClassNames = ClassNames.slice(0, Level + 1);
-        if (this.removeClasses(NewClassNames)) {
-            NewClassNames.map((Class) => this.renderer.removeClass(this.document.body, Class));
-        }
-        else {
-            this.renderer.addClass(this.document.body, Toggle);
-        }
-    }
-}
-ClassToggler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ClassToggler, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
-ClassToggler.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ClassToggler });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ClassToggler, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
-                        type: Inject,
-                        args: [DOCUMENT]
-                    }] }, { type: i0.Renderer2 }];
+const RemoveClasses = (NewClassNames) => {
+    const MatchClasses = NewClassNames.map((Class) => document.body.classList.contains(Class));
+    return MatchClasses.indexOf(true) !== -1;
+};
+const ToggleClasses = (Toggle, ClassNames) => {
+    const Level = ClassNames.indexOf(Toggle);
+    const NewClassNames = ClassNames.slice(0, Level + 1);
+    if (RemoveClasses(NewClassNames)) {
+        NewClassNames.map((Class) => document.body.classList.remove(Class));
+    }
+    else {
+        document.body.classList.add(Toggle);
+    }
+};
+class ClassToggler {
+    constructor(document, renderer) {
+        this.document = document;
+        this.renderer = renderer;
+    }
+    removeClasses(NewClassNames) {
+        const MatchClasses = NewClassNames.map((Class) => this.document.body.classList.contains(Class));
+        return MatchClasses.indexOf(true) !== -1;
+    }
+    toggleClasses(Toggle, ClassNames) {
+        const Level = ClassNames.indexOf(Toggle);
+        const NewClassNames = ClassNames.slice(0, Level + 1);
+        if (this.removeClasses(NewClassNames)) {
+            NewClassNames.map((Class) => this.renderer.removeClass(this.document.body, Class));
+        }
+        else {
+            this.renderer.addClass(this.document.body, Toggle);
+        }
+    }
+}
+ClassToggler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", 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.5", ngImport: i0, type: ClassToggler });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ClassToggler, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () {
+        return [{ type: Document, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: i0.Renderer2 }];
     } });
 
-/**
- * Allows the sidebar to be toggled via click.
- */
-class SidebarToggleDirective {
-    constructor(classToggler) {
-        this.classToggler = classToggler;
-        this.breakpoint = false;
-    }
-    ngOnInit() {
-        this.bp = this.breakpoint;
-    }
-    toggleOpen($event) {
-        $event.preventDefault();
-        const cssClass = this.bp ? `sidebar-${this.bp}-show` : sidebarCssClasses[0];
-        this.classToggler.toggleClasses(cssClass, sidebarCssClasses);
-    }
-}
-SidebarToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: SidebarToggleDirective, deps: [{ token: ClassToggler }], target: i0.ɵɵFactoryTarget.Directive });
-SidebarToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.5", 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.0.5", ngImport: i0, type: SidebarToggleDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[appSidebarToggler]',
-                    providers: [ClassToggler]
-                }]
-        }], ctorParameters: function () { return [{ type: ClassToggler }]; }, propDecorators: { breakpoint: [{
-                type: Input,
-                args: ['appSidebarToggler']
-            }], toggleOpen: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
-class SidebarMinimizeDirective {
-    constructor(document, renderer) {
-        this.document = document;
-        this.renderer = renderer;
-    }
-    toggleOpen($event) {
-        $event.preventDefault();
-        const body = this.document.body;
-        body.classList.contains('sidebar-minimized') ?
-            this.renderer.removeClass(body, 'sidebar-minimized') :
-            this.renderer.addClass(body, 'sidebar-minimized');
-    }
-}
-SidebarMinimizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: SidebarMinimizeDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-SidebarMinimizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.5", type: SidebarMinimizeDirective, selector: "[appSidebarMinimizer]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: SidebarMinimizeDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[appSidebarMinimizer]'
-                }]
-        }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
-                        type: Inject,
-                        args: [DOCUMENT]
-                    }] }, { type: i0.Renderer2 }];
-    }, propDecorators: { toggleOpen: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
-class MobileSidebarToggleDirective {
-    constructor(document, renderer) {
-        this.document = document;
-        this.renderer = renderer;
-    }
-    toggleOpen($event) {
-        $event.preventDefault();
-        const body = this.document.body;
-        body.classList.contains('sidebar-show') ?
-            this.renderer.removeClass(body, 'sidebar-show') :
-            this.renderer.addClass(body, 'sidebar-show');
-    }
-}
-MobileSidebarToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: MobileSidebarToggleDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-MobileSidebarToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.5", type: MobileSidebarToggleDirective, selector: "[appMobileSidebarToggler]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: MobileSidebarToggleDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[appMobileSidebarToggler]'
-                }]
-        }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
-                        type: Inject,
-                        args: [DOCUMENT]
-                    }] }, { type: i0.Renderer2 }];
-    }, propDecorators: { toggleOpen: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
-/**
- * Allows the off-canvas sidebar to be closed via click.
- */
-class SidebarOffCanvasCloseDirective {
-    constructor(document, renderer) {
-        this.document = document;
-        this.renderer = renderer;
-    }
-    toggleOpen($event) {
-        $event.preventDefault();
-        const body = this.document.body;
-        if (body.classList.contains('sidebar-off-canvas')) {
-            body.classList.contains('sidebar-show') ?
-                this.renderer.removeClass(body, 'sidebar-show') :
-                this.renderer.addClass(body, 'sidebar-show');
-        }
-    }
-}
-SidebarOffCanvasCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: SidebarOffCanvasCloseDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-SidebarOffCanvasCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.5", type: SidebarOffCanvasCloseDirective, selector: "[appSidebarClose]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: SidebarOffCanvasCloseDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[appSidebarClose]'
-                }]
-        }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
-                        type: Inject,
-                        args: [DOCUMENT]
-                    }] }, { type: i0.Renderer2 }];
-    }, propDecorators: { toggleOpen: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
-class BrandMinimizeDirective {
-    constructor(document, renderer) {
-        this.document = document;
-        this.renderer = renderer;
-    }
-    toggleOpen($event) {
-        $event.preventDefault();
-        const body = this.document.body;
-        body.classList.contains('brand-minimized') ?
-            this.renderer.removeClass(body, 'brand-minimized') :
-            this.renderer.addClass(body, 'brand-minimized');
-    }
-}
-BrandMinimizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: BrandMinimizeDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-BrandMinimizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.5", type: BrandMinimizeDirective, selector: "[appBrandMinimizer]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: BrandMinimizeDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[appBrandMinimizer]'
-                }]
-        }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
-                        type: Inject,
-                        args: [DOCUMENT]
-                    }] }, { type: i0.Renderer2 }];
-    }, propDecorators: { toggleOpen: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
-/**
- * Allows the aside to be toggled via click.
- */
-class AsideToggleDirective {
-    constructor(classToggler) {
-        this.classToggler = classToggler;
-        this.breakpoint = false;
-    }
-    ngOnInit() {
-        this.bp = this.breakpoint;
-    }
-    toggleOpen($event) {
-        $event.preventDefault();
-        const cssClass = this.bp ? `aside-menu-${this.bp}-show` : asideMenuCssClasses[0];
-        this.classToggler.toggleClasses(cssClass, asideMenuCssClasses);
-    }
-}
-AsideToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AsideToggleDirective, deps: [{ token: ClassToggler }], target: i0.ɵɵFactoryTarget.Directive });
-AsideToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.5", 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.0.5", ngImport: i0, type: AsideToggleDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[appAsideMenuToggler]',
-                    providers: [ClassToggler]
-                }]
-        }], ctorParameters: function () { return [{ type: ClassToggler }]; }, propDecorators: { breakpoint: [{
-                type: Input,
-                args: ['appAsideMenuToggler']
-            }], toggleOpen: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
-class HtmlAttributesDirective {
-    constructor(renderer, el) {
-        this.renderer = renderer;
-        this.el = el;
-        this.appHtmlAttr = {};
-    }
-    ngOnInit() {
-        const attribs = this.appHtmlAttr;
-        for (const attr in attribs) {
-            if (attr === 'style' && typeof (attribs[attr]) === 'object') {
-                this.setStyle(attribs[attr]);
-            }
-            else if (attr === 'class') {
-                this.addClass(attribs[attr]);
-            }
-            else {
-                this.setAttrib(attr, attribs[attr]);
-            }
-        }
-    }
-    setStyle(styles) {
-        for (const style in styles) {
-            if (style) {
-                this.renderer.setStyle(this.el.nativeElement, style, styles[style]);
-            }
-        }
-    }
-    addClass(classes) {
-        const classArray = (Array.isArray(classes) ? classes : classes.split(' '));
-        classArray.filter((element) => element.length > 0).forEach(element => {
-            this.renderer.addClass(this.el.nativeElement, element);
-        });
-    }
-    setAttrib(key, value) {
-        value !== null ?
-            this.renderer.setAttribute(this.el.nativeElement, key, value) :
-            this.renderer.removeAttribute(this.el.nativeElement, key);
-    }
-}
-HtmlAttributesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", 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.0.5", type: HtmlAttributesDirective, selector: "[appHtmlAttr]", inputs: { appHtmlAttr: "appHtmlAttr" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: HtmlAttributesDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[appHtmlAttr]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { appHtmlAttr: [{
-                type: Input
+/**
+ * Allows the sidebar to be toggled via click.
+ */
+class SidebarToggleDirective {
+    constructor(classToggler) {
+        this.classToggler = classToggler;
+        this.breakpoint = false;
+    }
+    ngOnInit() {
+        this.bp = this.breakpoint;
+    }
+    toggleOpen($event) {
+        $event.preventDefault();
+        const cssClass = this.bp ? `sidebar-${this.bp}-show` : sidebarCssClasses[0];
+        this.classToggler.toggleClasses(cssClass, sidebarCssClasses);
+    }
+}
+SidebarToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SidebarToggleDirective, deps: [{ token: ClassToggler }], target: i0.ɵɵFactoryTarget.Directive });
+SidebarToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", 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.5", ngImport: i0, type: SidebarToggleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[appSidebarToggler]',
+                    providers: [ClassToggler],
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: ClassToggler }]; }, propDecorators: { breakpoint: [{
+                type: Input,
+                args: ['appSidebarToggler']
+            }], toggleOpen: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+class SidebarMinimizeDirective {
+    constructor(document, renderer) {
+        this.document = document;
+        this.renderer = renderer;
+    }
+    toggleOpen($event) {
+        $event.preventDefault();
+        const body = this.document.body;
+        body.classList.contains('sidebar-minimized') ?
+            this.renderer.removeClass(body, 'sidebar-minimized') :
+            this.renderer.addClass(body, 'sidebar-minimized');
+    }
+}
+SidebarMinimizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", 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.5", type: SidebarMinimizeDirective, isStandalone: true, selector: "[appSidebarMinimizer]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SidebarMinimizeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[appSidebarMinimizer]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () {
+        return [{ type: Document, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: i0.Renderer2 }];
+    }, propDecorators: { toggleOpen: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+class MobileSidebarToggleDirective {
+    constructor(document, renderer) {
+        this.document = document;
+        this.renderer = renderer;
+    }
+    toggleOpen($event) {
+        $event.preventDefault();
+        const body = this.document.body;
+        body.classList.contains('sidebar-show') ?
+            this.renderer.removeClass(body, 'sidebar-show') :
+            this.renderer.addClass(body, 'sidebar-show');
+    }
+}
+MobileSidebarToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", 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.5", type: MobileSidebarToggleDirective, isStandalone: true, selector: "[appMobileSidebarToggler]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: MobileSidebarToggleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[appMobileSidebarToggler]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () {
+        return [{ type: Document, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: i0.Renderer2 }];
+    }, propDecorators: { toggleOpen: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+/**
+ * Allows the off-canvas sidebar to be closed via click.
+ */
+class SidebarOffCanvasCloseDirective {
+    constructor(document, renderer) {
+        this.document = document;
+        this.renderer = renderer;
+    }
+    toggleOpen($event) {
+        $event.preventDefault();
+        const body = this.document.body;
+        if (body.classList.contains('sidebar-off-canvas')) {
+            body.classList.contains('sidebar-show') ?
+                this.renderer.removeClass(body, 'sidebar-show') :
+                this.renderer.addClass(body, 'sidebar-show');
+        }
+    }
+}
+SidebarOffCanvasCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", 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.5", type: SidebarOffCanvasCloseDirective, isStandalone: true, selector: "[appSidebarClose]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SidebarOffCanvasCloseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[appSidebarClose]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () {
+        return [{ type: Document, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: i0.Renderer2 }];
+    }, propDecorators: { toggleOpen: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+class BrandMinimizeDirective {
+    constructor(document, renderer) {
+        this.document = document;
+        this.renderer = renderer;
+    }
+    toggleOpen($event) {
+        $event.preventDefault();
+        const body = this.document.body;
+        body.classList.contains('brand-minimized') ?
+            this.renderer.removeClass(body, 'brand-minimized') :
+            this.renderer.addClass(body, 'brand-minimized');
+    }
+}
+BrandMinimizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", 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.5", type: BrandMinimizeDirective, isStandalone: true, selector: "[appBrandMinimizer]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: BrandMinimizeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[appBrandMinimizer]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () {
+        return [{ type: Document, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: i0.Renderer2 }];
+    }, propDecorators: { toggleOpen: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+/**
+ * Allows the aside to be toggled via click.
+ */
+class AsideToggleDirective {
+    constructor(classToggler) {
+        this.classToggler = classToggler;
+        this.breakpoint = false;
+    }
+    ngOnInit() {
+        this.bp = this.breakpoint;
+    }
+    toggleOpen($event) {
+        $event.preventDefault();
+        const cssClass = this.bp ? `aside-menu-${this.bp}-show` : asideMenuCssClasses[0];
+        this.classToggler.toggleClasses(cssClass, asideMenuCssClasses);
+    }
+}
+AsideToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AsideToggleDirective, deps: [{ token: ClassToggler }], target: i0.ɵɵFactoryTarget.Directive });
+AsideToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", 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.5", ngImport: i0, type: AsideToggleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[appAsideMenuToggler]',
+                    providers: [ClassToggler],
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: ClassToggler }]; }, propDecorators: { breakpoint: [{
+                type: Input,
+                args: ['appAsideMenuToggler']
+            }], toggleOpen: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+class HtmlAttributesDirective {
+    constructor(renderer, el) {
+        this.renderer = renderer;
+        this.el = el;
+        this.appHtmlAttr = {};
+    }
+    ngOnInit() {
+        const attribs = this.appHtmlAttr;
+        for (const attr in attribs) {
+            if (attr === 'style' && typeof (attribs[attr]) === 'object') {
+                this.setStyle(attribs[attr]);
+            }
+            else if (attr === 'class') {
+                this.addClass(attribs[attr]);
+            }
+            else {
+                this.setAttrib(attr, attribs[attr]);
+            }
+        }
+    }
+    setStyle(styles) {
+        for (const style in styles) {
+            if (style) {
+                this.renderer.setStyle(this.el.nativeElement, style, styles[style]);
+            }
+        }
+    }
+    addClass(classes) {
+        const classArray = (Array.isArray(classes) ? classes : classes.split(' '));
+        classArray.filter((element) => element.length > 0).forEach(element => {
+            this.renderer.addClass(this.el.nativeElement, element);
+        });
+    }
+    setAttrib(key, value) {
+        value !== null ?
+            this.renderer.setAttribute(this.el.nativeElement, key, value) :
+            this.renderer.removeAttribute(this.el.nativeElement, key);
+    }
+}
+HtmlAttributesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", 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.5", type: HtmlAttributesDirective, isStandalone: true, selector: "[appHtmlAttr]", inputs: { appHtmlAttr: "appHtmlAttr" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: HtmlAttributesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[appHtmlAttr]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { appHtmlAttr: [{
+                type: Input
             }] } });
 
-class LayoutModule {
-}
-LayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: LayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.5", ngImport: i0, type: LayoutModule, declarations: [AsideToggleDirective,
-        BrandMinimizeDirective,
-        MobileSidebarToggleDirective,
-        SidebarToggleDirective,
-        SidebarMinimizeDirective,
-        SidebarOffCanvasCloseDirective,
-        HtmlAttributesDirective], imports: [CommonModule], exports: [AsideToggleDirective,
-        BrandMinimizeDirective,
-        MobileSidebarToggleDirective,
-        SidebarToggleDirective,
-        SidebarMinimizeDirective,
-        SidebarOffCanvasCloseDirective,
-        HtmlAttributesDirective] });
-LayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: LayoutModule, providers: [
-        ClassToggler
-    ], imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: LayoutModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [
-                        AsideToggleDirective,
-                        BrandMinimizeDirective,
-                        MobileSidebarToggleDirective,
-                        SidebarToggleDirective,
-                        SidebarMinimizeDirective,
-                        SidebarOffCanvasCloseDirective,
-                        HtmlAttributesDirective
-                    ],
-                    declarations: [
-                        AsideToggleDirective,
-                        BrandMinimizeDirective,
-                        MobileSidebarToggleDirective,
-                        SidebarToggleDirective,
-                        SidebarMinimizeDirective,
-                        SidebarOffCanvasCloseDirective,
-                        HtmlAttributesDirective
-                    ],
-                    providers: [
-                        ClassToggler
-                    ]
-                }]
+class LayoutModule {
+}
+LayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: LayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: LayoutModule, imports: [AsideToggleDirective,
+        BrandMinimizeDirective,
+        SidebarToggleDirective,
+        SidebarMinimizeDirective,
+        SidebarOffCanvasCloseDirective,
+        MobileSidebarToggleDirective,
+        HtmlAttributesDirective], exports: [AsideToggleDirective,
+        BrandMinimizeDirective,
+        MobileSidebarToggleDirective,
+        SidebarToggleDirective,
+        SidebarMinimizeDirective,
+        SidebarOffCanvasCloseDirective,
+        HtmlAttributesDirective] });
+LayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: LayoutModule, providers: [
+        ClassToggler
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: LayoutModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        AsideToggleDirective,
+                        BrandMinimizeDirective,
+                        SidebarToggleDirective,
+                        SidebarMinimizeDirective,
+                        SidebarOffCanvasCloseDirective,
+                        MobileSidebarToggleDirective,
+                        HtmlAttributesDirective
+                    ],
+                    exports: [
+                        AsideToggleDirective,
+                        BrandMinimizeDirective,
+                        MobileSidebarToggleDirective,
+                        SidebarToggleDirective,
+                        SidebarMinimizeDirective,
+                        SidebarOffCanvasCloseDirective,
+                        HtmlAttributesDirective
+                    ],
+                    providers: [
+                        ClassToggler
+                    ]
+                }]
         }] });
 
-function Replace(el) {
-    const nativeElement = el.nativeElement;
-    // @ts-ignore
-    const parentElement = nativeElement.parentElement;
-    // move all children out of the element
-    while (nativeElement.firstChild) {
-        parentElement.insertBefore(nativeElement.firstChild, nativeElement);
-    }
-    // remove the empty element(the host)
-    parentElement.removeChild(nativeElement);
+function Replace(el) {
+    const nativeElement = el.nativeElement;
+    // @ts-ignore
+    const parentElement = nativeElement.parentElement;
+    // move all children out of the element
+    while (nativeElement.firstChild) {
+        parentElement.insertBefore(nativeElement.firstChild, nativeElement);
+    }
+    // remove the empty element(the host)
+    parentElement.removeChild(nativeElement);
 }
 
-class AppAsideComponent {
-    constructor(document, renderer) {
-        this.document = document;
-        this.renderer = renderer;
-        this.fixedClass = 'aside-menu-fixed';
-        this.asideMenuClass = true;
-    }
-    ngOnInit() {
-        this.isFixed(this.fixed);
-        this.isOffCanvas(this.offCanvas);
-        this.displayBreakpoint(this.display);
-    }
-    ngOnDestroy() {
-        this.renderer.removeClass(this.document.body, this.fixedClass);
-    }
-    isFixed(fixed = this.fixed) {
-        if (fixed) {
-            this.renderer.addClass(this.document.body, this.fixedClass);
-        }
-    }
-    isOffCanvas(offCanvas = this.offCanvas) {
-        if (offCanvas) {
-            this.renderer.addClass(this.document.body, 'aside-menu-off-canvas');
-        }
-    }
-    displayBreakpoint(display = this.display) {
-        if (display !== false) {
-            const cssClass = this.display ? `aside-menu-${this.display}-show` : asideMenuCssClasses[0];
-            this.renderer.addClass(this.document.body, cssClass);
-        }
-    }
-}
-AppAsideComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppAsideComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-AppAsideComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", 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.0.5", ngImport: i0, type: AppAsideComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'app-aside, cui-aside',
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
-                        type: Inject,
-                        args: [DOCUMENT]
-                    }] }, { type: i0.Renderer2 }];
-    }, propDecorators: { display: [{
-                type: Input
-            }], fixed: [{
-                type: Input
-            }], offCanvas: [{
-                type: Input
-            }], asideMenuClass: [{
-                type: HostBinding,
-                args: ['class.aside-menu']
+class AppAsideComponent {
+    constructor(document, renderer) {
+        this.document = document;
+        this.renderer = renderer;
+        this.fixedClass = 'aside-menu-fixed';
+        this.asideMenuClass = true;
+    }
+    ngOnInit() {
+        this.isFixed(this.fixed);
+        this.isOffCanvas(this.offCanvas);
+        this.displayBreakpoint(this.display);
+    }
+    ngOnDestroy() {
+        this.renderer.removeClass(this.document.body, this.fixedClass);
+    }
+    isFixed(fixed = this.fixed) {
+        if (fixed) {
+            this.renderer.addClass(this.document.body, this.fixedClass);
+        }
+    }
+    isOffCanvas(offCanvas = this.offCanvas) {
+        if (offCanvas) {
+            this.renderer.addClass(this.document.body, 'aside-menu-off-canvas');
+        }
+    }
+    displayBreakpoint(display = this.display) {
+        if (display !== false) {
+            const cssClass = this.display ? `aside-menu-${this.display}-show` : asideMenuCssClasses[0];
+            this.renderer.addClass(this.document.body, cssClass);
+        }
+    }
+}
+AppAsideComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", 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.5", 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.5", ngImport: i0, type: AppAsideComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-aside, cui-aside',
+                    template: `<ng-content></ng-content>`,
+                    standalone: true
+                }]
+        }], ctorParameters: function () {
+        return [{ type: Document, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: i0.Renderer2 }];
+    }, propDecorators: { display: [{
+                type: Input
+            }], fixed: [{
+                type: Input
+            }], offCanvas: [{
+                type: Input
+            }], asideMenuClass: [{
+                type: HostBinding,
+                args: ['class.aside-menu']
             }] } });
 
-class AppAsideModule {
-}
-AppAsideModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppAsideModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AppAsideModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.5", ngImport: i0, type: AppAsideModule, declarations: [AppAsideComponent], imports: [CommonModule,
-        LayoutModule], exports: [AppAsideComponent] });
-AppAsideModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppAsideModule, imports: [CommonModule,
-        LayoutModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppAsideModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        LayoutModule
-                    ],
-                    exports: [
-                        AppAsideComponent
-                    ],
-                    declarations: [
-                        AppAsideComponent
-                    ]
-                }]
+class AppAsideModule {
+}
+AppAsideModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppAsideModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AppAsideModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: AppAsideModule, imports: [AppAsideComponent], exports: [AppAsideComponent] });
+AppAsideModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppAsideModule, imports: [AppAsideComponent] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppAsideModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        AppAsideComponent
+                    ],
+                    exports: [
+                        AppAsideComponent
+                    ],
+                }]
         }] });
 
-class AppBreadcrumbService {
-    constructor(router, route) {
-        this.router = router;
-        this.route = route;
-        this.breadcrumbSubject = new BehaviorSubject(new Array());
-        this.breadcrumbs = this.breadcrumbSubject.asObservable();
-        this.router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe((event) => {
-            const breadcrumbs = [];
-            let currentRoute = this.route.root;
-            let url = '';
-            do {
-                const childrenRoutes = currentRoute.children;
-                currentRoute = null;
-                // tslint:disable-next-line:no-shadowed-variable
-                childrenRoutes.forEach(route => {
-                    if (route.outlet === 'primary') {
-                        const routeSnapshot = route.snapshot;
-                        url += '/' + routeSnapshot.url.map(segment => segment.path).join('/');
-                        breadcrumbs.push({
-                            label: route.snapshot.data,
-                            url
-                        });
-                        currentRoute = route;
-                    }
-                });
-            } while (currentRoute);
-            this.breadcrumbSubject.next(Object.assign([], breadcrumbs));
-            return breadcrumbs;
-        });
-    }
-}
-AppBreadcrumbService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", 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.0.5", ngImport: i0, type: AppBreadcrumbService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppBreadcrumbService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
+class AppBreadcrumbService {
+    constructor(router, route) {
+        this.router = router;
+        this.route = route;
+        this.breadcrumbSubject = new BehaviorSubject(new Array());
+        this.breadcrumbs = this.breadcrumbSubject.asObservable();
+        this.router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe((event) => {
+            const breadcrumbs = [];
+            let currentRoute = this.route.root;
+            let url = '';
+            do {
+                const childrenRoutes = currentRoute.children;
+                currentRoute = null;
+                // tslint:disable-next-line:no-shadowed-variable
+                childrenRoutes.forEach(route => {
+                    if (route.outlet === 'primary') {
+                        const routeSnapshot = route.snapshot;
+                        url += '/' + routeSnapshot.url.map(segment => segment.path).join('/');
+                        breadcrumbs.push({
+                            label: route.snapshot.data,
+                            url
+                        });
+                        currentRoute = route;
+                    }
+                });
+            } while (currentRoute);
+            this.breadcrumbSubject.next(Object.assign([], breadcrumbs));
+            return breadcrumbs;
+        });
+    }
+}
+AppBreadcrumbService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", 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.5", ngImport: i0, type: AppBreadcrumbService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppBreadcrumbService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], ctorParameters: function () { return [{ type: i1.Router }, { type: i1.ActivatedRoute }]; } });
 
-class AppBreadcrumbComponent {
-    constructor(document, renderer, service, el) {
-        this.document = document;
-        this.renderer = renderer;
-        this.service = service;
-        this.el = el;
-        this.fixedClass = 'breadcrumb-fixed';
-    }
-    ngOnInit() {
-        Replace(this.el);
-        this.isFixed(this.fixed);
-        this.breadcrumbs = this.service.breadcrumbs;
-    }
-    ngOnDestroy() {
-        this.renderer.removeClass(this.document.body, this.fixedClass);
-    }
-    isFixed(fixed = this.fixed) {
-        if (fixed) {
-            this.renderer.addClass(this.document.body, this.fixedClass);
-        }
-    }
-}
-AppBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", 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.0.5", type: AppBreadcrumbComponent, 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)"
-          [ngClass]="{active: last}">
-        <a *ngIf="!last" [routerLink]="breadcrumb.url">{{breadcrumb.label.title}}</a>
-        <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", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { kind: "directive", type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppBreadcrumbComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'app-breadcrumb',
-                    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)"
-          [ngClass]="{active: last}">
-        <a *ngIf="!last" [routerLink]="breadcrumb.url">{{breadcrumb.label.title}}</a>
-        <span *ngIf="last" [routerLink]="breadcrumb.url">{{breadcrumb.label.title}}</span>
-      </li>
-    </ng-template>
-  `
-                }]
-        }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
-                        type: Inject,
-                        args: [DOCUMENT]
-                    }] }, { type: i0.Renderer2 }, { type: AppBreadcrumbService }, { type: i0.ElementRef }];
-    }, propDecorators: { fixed: [{
-                type: Input
+class AppBreadcrumbComponent {
+    constructor(document, renderer, service, el) {
+        this.document = document;
+        this.renderer = renderer;
+        this.service = service;
+        this.el = el;
+        this.fixedClass = 'breadcrumb-fixed';
+    }
+    ngOnInit() {
+        Replace(this.el);
+        this.isFixed(this.fixed);
+        this.breadcrumbs = this.service.breadcrumbs;
+    }
+    ngOnDestroy() {
+        this.renderer.removeClass(this.document.body, this.fixedClass);
+    }
+    isFixed(fixed = this.fixed) {
+        if (fixed) {
+            this.renderer.addClass(this.document.body, this.fixedClass);
+        }
+    }
+}
+AppBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", 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.5", 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)"
+          [ngClass]="{active: last}">
+        <a *ngIf="!last" [routerLink]="breadcrumb.url">{{breadcrumb.label.title}}</a>
+        <span *ngIf="last" [routerLink]="breadcrumb.url">{{breadcrumb.label.title}}</span>
+      </li>
+    </ng-template>
+  `, 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.5", ngImport: i0, type: AppBreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-breadcrumb',
+                    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)"
+          [ngClass]="{active: last}">
+        <a *ngIf="!last" [routerLink]="breadcrumb.url">{{breadcrumb.label.title}}</a>
+        <span *ngIf="last" [routerLink]="breadcrumb.url">{{breadcrumb.label.title}}</span>
+      </li>
+    </ng-template>
+  `,
+                    standalone: true,
+                    imports: [NgIf, NgClass, RouterLink]
+                }]
+        }], ctorParameters: function () {
+        return [{ type: Document, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: i0.Renderer2 }, { type: AppBreadcrumbService }, { type: i0.ElementRef }];
+    }, propDecorators: { fixed: [{
+                type: Input
             }] } });
 
-class CuiBreadcrumbComponent {
-    constructor(document, renderer, service) {
-        this.document = document;
-        this.renderer = renderer;
-        this.service = service;
-        this.fixedClass = 'breadcrumb-fixed';
-    }
-    ngOnInit() {
-        this.isFixed(this.fixed);
-        this.breadcrumbs = this.service.breadcrumbs;
-    }
-    ngOnDestroy() {
-        this.renderer.removeClass(this.document.body, this.fixedClass);
-    }
-    isFixed(fixed = this.fixed) {
-        if (fixed) {
-            this.renderer.addClass(this.document.body, this.fixedClass);
-        }
-    }
-}
-CuiBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", 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.0.5", type: CuiBreadcrumbComponent, selector: "cui-breadcrumb", inputs: { fixed: "fixed" }, ngImport: i0, template: "<ol class=\"breadcrumb\">\r\n  <ng-template ngFor let-breadcrumb [ngForOf]=\"breadcrumbs | async\" let-last = last>\r\n    <li class=\"breadcrumb-item\"\r\n        *ngIf=\"breadcrumb.label.title && (breadcrumb.url.slice(-1) == '/' || last)\"\r\n        [ngClass]=\"{active: last}\">\r\n      <a *ngIf=\"!last\" [routerLink]=\"breadcrumb.url\">{{breadcrumb.label.title}}</a>\r\n      <span *ngIf=\"last\" [routerLink]=\"breadcrumb.url\">{{breadcrumb.label.title}}</span>\r\n    </li>\r\n  </ng-template>\r\n  <ng-content></ng-content>\r\n</ol>\r\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", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { kind: "directive", type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: CuiBreadcrumbComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cui-breadcrumb', template: "<ol class=\"breadcrumb\">\r\n  <ng-template ngFor let-breadcrumb [ngForOf]=\"breadcrumbs | async\" let-last = last>\r\n    <li class=\"breadcrumb-item\"\r\n        *ngIf=\"breadcrumb.label.title && (breadcrumb.url.slice(-1) == '/' || last)\"\r\n        [ngClass]=\"{active: last}\">\r\n      <a *ngIf=\"!last\" [routerLink]=\"breadcrumb.url\">{{breadcrumb.label.title}}</a>\r\n      <span *ngIf=\"last\" [routerLink]=\"breadcrumb.url\">{{breadcrumb.label.title}}</span>\r\n    </li>\r\n  </ng-template>\r\n  <ng-content></ng-content>\r\n</ol>\r\n" }]
-        }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
-                        type: Inject,
-                        args: [DOCUMENT]
-                    }] }, { type: i0.Renderer2 }, { type: AppBreadcrumbService }];
-    }, propDecorators: { fixed: [{
-                type: Input
+class CuiBreadcrumbComponent {
+    constructor(document, renderer, service) {
+        this.document = document;
+        this.renderer = renderer;
+        this.service = service;
+        this.fixedClass = 'breadcrumb-fixed';
+    }
+    ngOnInit() {
+        this.isFixed(this.fixed);
+        this.breadcrumbs = this.service.breadcrumbs;
+    }
+    ngOnDestroy() {
+        this.renderer.removeClass(this.document.body, this.fixedClass);
+    }
+    isFixed(fixed = this.fixed) {
+        if (fixed) {
+            this.renderer.addClass(this.document.body, this.fixedClass);
+        }
+    }
+}
+CuiBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", 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.5", 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.5", ngImport: i0, type: CuiBreadcrumbComponent, decorators: [{
+            type: Component,
+            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: [{
+                type: Input
             }] } });
 
-// @dynamic
-class AppBreadcrumbModule {
-    static forRoot(config) {
-        return {
-            ngModule: AppBreadcrumbModule,
-            providers: [
-                AppBreadcrumbService
-            ]
-        };
-    }
-}
-AppBreadcrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AppBreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.5", ngImport: i0, type: AppBreadcrumbModule, declarations: [AppBreadcrumbComponent, CuiBreadcrumbComponent], imports: [CommonModule, RouterModule], exports: [AppBreadcrumbComponent, CuiBreadcrumbComponent] });
-AppBreadcrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppBreadcrumbModule, imports: [CommonModule, RouterModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppBreadcrumbModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, RouterModule],
-                    exports: [AppBreadcrumbComponent, CuiBreadcrumbComponent],
-                    declarations: [AppBreadcrumbComponent, CuiBreadcrumbComponent]
-                }]
+// @dynamic
+class AppBreadcrumbModule {
+    static forRoot(config) {
+        return {
+            ngModule: AppBreadcrumbModule,
+            providers: [
+                AppBreadcrumbService
+            ]
+        };
+    }
+}
+AppBreadcrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AppBreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: AppBreadcrumbModule, imports: [AppBreadcrumbComponent, CuiBreadcrumbComponent], exports: [AppBreadcrumbComponent, CuiBreadcrumbComponent] });
+AppBreadcrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppBreadcrumbModule, imports: [AppBreadcrumbComponent, CuiBreadcrumbComponent] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppBreadcrumbModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [AppBreadcrumbComponent, CuiBreadcrumbComponent],
+                    exports: [AppBreadcrumbComponent, CuiBreadcrumbComponent],
+                }]
         }] });
 
-class AppFooterComponent {
-    constructor(document, renderer) {
-        this.document = document;
-        this.renderer = renderer;
-        this.fixedClass = 'footer-fixed';
-        this.appFooterClass = true;
-    }
-    ngOnInit() {
-        this.isFixed(this.fixed);
-    }
-    ngOnDestroy() {
-        this.renderer.removeClass(this.document.body, this.fixedClass);
-    }
-    isFixed(fixed = this.fixed) {
-        if (fixed) {
-            this.renderer.addClass(this.document.body, this.fixedClass);
-        }
-    }
-}
-AppFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppFooterComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-AppFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", 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.0.5", ngImport: i0, type: AppFooterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'app-footer, cui-footer',
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
-                        type: Inject,
-                        args: [DOCUMENT]
-                    }] }, { type: i0.Renderer2 }];
-    }, propDecorators: { fixed: [{
-                type: Input
-            }], appFooterClass: [{
-                type: HostBinding,
-                args: ['class.app-footer']
+class AppFooterComponent {
+    constructor(document, renderer) {
+        this.document = document;
+        this.renderer = renderer;
+        this.fixedClass = 'footer-fixed';
+        this.appFooterClass = true;
+    }
+    ngOnInit() {
+        this.isFixed(this.fixed);
+    }
+    ngOnDestroy() {
+        this.renderer.removeClass(this.document.body, this.fixedClass);
+    }
+    isFixed(fixed = this.fixed) {
+        if (fixed) {
+            this.renderer.addClass(this.document.body, this.fixedClass);
+        }
+    }
+}
+AppFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", 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.5", 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.5", ngImport: i0, type: AppFooterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-footer, cui-footer',
+                    template: `<ng-content></ng-content>`,
+                    standalone: true
+                }]
+        }], ctorParameters: function () {
+        return [{ type: Document, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: i0.Renderer2 }];
+    }, propDecorators: { fixed: [{
+                type: Input
+            }], appFooterClass: [{
+                type: HostBinding,
+                args: ['class.app-footer']
             }] } });
 
-class AppFooterModule {
-}
-AppFooterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AppFooterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.5", ngImport: i0, type: AppFooterModule, declarations: [AppFooterComponent], imports: [CommonModule], exports: [AppFooterComponent] });
-AppFooterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppFooterModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppFooterModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule],
-                    exports: [AppFooterComponent],
-                    declarations: [AppFooterComponent]
-                }]
+class AppFooterModule {
+}
+AppFooterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AppFooterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: AppFooterModule, imports: [AppFooterComponent], exports: [AppFooterComponent] });
+AppFooterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppFooterModule, imports: [AppFooterComponent] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppFooterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [AppFooterComponent],
+                    exports: [AppFooterComponent],
+                }]
         }] });
 
-class AppHeaderComponent {
-    constructor(document, renderer) {
-        this.document = document;
-        this.renderer = renderer;
-        this.navbarBrandText = { icon: '🅲', text: '🅲 CoreUI' };
-        this.navbarBrandHref = ''; // deprecated, use navbarBrandRouterLink instead
-        this.navbarBrandRouterLink = '';
-        this.sidebarToggler = 'lg';
-        this.mobileSidebarToggler = true;
-        this.asideMenuToggler = 'lg';
-        this.mobileAsideMenuToggler = true;
-        this.fixedClass = 'header-fixed';
-        this.appHeaderClass = true;
-        this.navbarClass = true;
-        this.breakpoints = ['xl', 'lg', 'md', 'sm', 'xs'];
-        this.sidebarTogglerClass = 'd-none d-md-block';
-        this.sidebarTogglerMobileClass = 'd-lg-none';
-        this.asideTogglerClass = 'd-none d-md-block';
-        this.asideTogglerMobileClass = 'd-lg-none';
-    }
-    ngOnInit() {
-        this.isFixed(this.fixed);
-        this.navbarBrandImg = Boolean(this.navbarBrand || this.navbarBrandFull || this.navbarBrandMinimized);
-        this.navbarBrandRouterLink = this.navbarBrandRouterLink[0] ? this.navbarBrandRouterLink : this.navbarBrandHref;
-        this.sidebarTogglerClass = this.setTogglerBreakpointClass(this.sidebarToggler);
-        this.sidebarTogglerMobileClass = this.setTogglerMobileBreakpointClass(this.sidebarToggler);
-        this.asideTogglerClass = this.setTogglerBreakpointClass(this.asideMenuToggler);
-        this.asideTogglerMobileClass = this.setTogglerMobileBreakpointClass(this.asideMenuToggler);
-    }
-    ngOnDestroy() {
-        this.renderer.removeClass(this.document.body, this.fixedClass);
-    }
-    isFixed(fixed = this.fixed) {
-        if (fixed) {
-            this.renderer.addClass(this.document.body, this.fixedClass);
-        }
-    }
-    setTogglerBreakpointClass(breakpoint = 'md') {
-        let togglerClass = 'd-none d-md-block';
-        if (this.breakpoints.includes(breakpoint)) {
-            const breakpointIndex = this.breakpoints.indexOf(breakpoint);
-            togglerClass = `d-none d-${breakpoint}-block`;
-        }
-        return togglerClass;
-    }
-    setTogglerMobileBreakpointClass(breakpoint = 'lg') {
-        let togglerClass = 'd-lg-none';
-        if (this.breakpoints.includes(breakpoint)) {
-            togglerClass = `d-${breakpoint}-none`;
-        }
-        return togglerClass;
-    }
-}
-AppHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppHeaderComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-AppHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", 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\">\r\n  <button class=\"navbar-toggler {{sidebarTogglerMobileClass}}\" type=\"button\" appSidebarToggler>\r\n    <span class=\"navbar-toggler-icon\"></span>\r\n  </button>\r\n</ng-template>\r\n<a class=\"navbar-brand\" [routerLink]=\"navbarBrandRouterLink\">\r\n  <ng-template [ngIf]=\"navbarBrandImg\">\r\n    <img *ngIf=\"navbarBrand\"\r\n         [appHtmlAttr]=\"navbarBrand\"\r\n         [ngClass]=\"'navbar-brand'\">\r\n    <img *ngIf=\"navbarBrandFull\"\r\n         [appHtmlAttr]=\"navbarBrandFull\"\r\n         [ngClass]=\"'navbar-brand-full'\">\r\n    <img *ngIf=\"navbarBrandMinimized\"\r\n         [appHtmlAttr]=\"navbarBrandMinimized\"\r\n         [ngClass]=\"'navbar-brand-minimized'\">\r\n  </ng-template>\r\n  <ng-template [ngIf]=\"!navbarBrandImg\">\r\n    <div class=\"navbar-brand-full\" [innerHTML]=\"navbarBrandText.text\"></div>\r\n    <div class=\"navbar-brand-minimized\" [innerHTML]=\"navbarBrandText.icon\"></div>\r\n  </ng-template>\r\n</a>\r\n<ng-template [ngIf]=\"sidebarToggler != false\">\r\n  <button class=\"navbar-toggler {{sidebarTogglerClass}}\" type=\"button\" [appSidebarToggler]=\"sidebarToggler\">\r\n    <span class=\"navbar-toggler-icon\"></span>\r\n  </button>\r\n</ng-template>\r\n<ng-content></ng-content>\r\n<ng-template [ngIf]=\"asideMenuToggler != false\">\r\n  <button class=\"navbar-toggler {{asideTogglerClass}}\" type=\"button\" [appAsideMenuToggler]=\"asideMenuToggler\">\r\n    <span class=\"navbar-toggler-icon\"></span>\r\n  </button>\r\n</ng-template>\r\n<ng-template [ngIf]=\"mobileAsideMenuToggler != false\">\r\n  <button class=\"navbar-toggler {{asideTogglerMobileClass}}\" type=\"button\" appAsideMenuToggler>\r\n    <span class=\"navbar-toggler-icon\"></span>\r\n  </button>\r\n</ng-template>\r\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", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "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.0.5", ngImport: i0, type: AppHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-header, cui-header', template: "<ng-template [ngIf]=\"mobileSidebarToggler != false\">\r\n  <button class=\"navbar-toggler {{sidebarTogglerMobileClass}}\" type=\"button\" appSidebarToggler>\r\n    <span class=\"navbar-toggler-icon\"></span>\r\n  </button>\r\n</ng-template>\r\n<a class=\"navbar-brand\" [routerLink]=\"navbarBrandRouterLink\">\r\n  <ng-template [ngIf]=\"navbarBrandImg\">\r\n    <img *ngIf=\"navbarBrand\"\r\n         [appHtmlAttr]=\"navbarBrand\"\r\n         [ngClass]=\"'navbar-brand'\">\r\n    <img *ngIf=\"navbarBrandFull\"\r\n         [appHtmlAttr]=\"navbarBrandFull\"\r\n         [ngClass]=\"'navbar-brand-full'\">\r\n    <img *ngIf=\"navbarBrandMinimized\"\r\n         [appHtmlAttr]=\"navbarBrandMinimized\"\r\n         [ngClass]=\"'navbar-brand-minimized'\">\r\n  </ng-template>\r\n  <ng-template [ngIf]=\"!navbarBrandImg\">\r\n    <div class=\"navbar-brand-full\" [innerHTML]=\"navbarBrandText.text\"></div>\r\n    <div class=\"navbar-brand-minimized\" [innerHTML]=\"navbarBrandText.icon\"></div>\r\n  </ng-template>\r\n</a>\r\n<ng-template [ngIf]=\"sidebarToggler != false\">\r\n  <button class=\"navbar-toggler {{sidebarTogglerClass}}\" type=\"button\" [appSidebarToggler]=\"sidebarToggler\">\r\n    <span class=\"navbar-toggler-icon\"></span>\r\n  </button>\r\n</ng-template>\r\n<ng-content></ng-content>\r\n<ng-template [ngIf]=\"asideMenuToggler != false\">\r\n  <button class=\"navbar-toggler {{asideTogglerClass}}\" type=\"button\" [appAsideMenuToggler]=\"asideMenuToggler\">\r\n    <span class=\"navbar-toggler-icon\"></span>\r\n  </button>\r\n</ng-template>\r\n<ng-template [ngIf]=\"mobileAsideMenuToggler != false\">\r\n  <button class=\"navbar-toggler {{asideTogglerMobileClass}}\" type=\"button\" appAsideMenuToggler>\r\n    <span class=\"navbar-toggler-icon\"></span>\r\n  </button>\r\n</ng-template>\r\n" }]
-        }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
-                        type: Inject,
-                        args: [DOCUMENT]
-                    }] }, { type: i0.Renderer2 }];
-    }, propDecorators: { fixed: [{
-                type: Input
-            }], navbarBrand: [{
-                type: Input
-            }], navbarBrandFull: [{
-                type: Input
-            }], navbarBrandMinimized: [{
-                type: Input
-            }], navbarBrandText: [{
-                type: Input
-            }], navbarBrandHref: [{
-                type: Input
-            }], navbarBrandRouterLink: [{
-                type: Input
-            }], sidebarToggler: [{
-                type: Input
-            }], mobileSidebarToggler: [{
-                type: Input
-            }], asideMenuToggler: [{
-                type: Input
-            }], mobileAsideMenuToggler: [{
-                type: Input
-            }], appHeaderClass: [{
-                type: HostBinding,
-                args: ['class.app-header']
-            }], navbarClass: [{
-                type: HostBinding,
-                args: ['class.navbar']
+class AppHeaderComponent {
+    constructor(document, renderer) {
+        this.document = document;
+        this.renderer = renderer;
+        this.navbarBrandText = { icon: '🅲', text: '🅲 CoreUI' };
+        this.navbarBrandHref = ''; // deprecated, use navbarBrandRouterLink instead
+        this.navbarBrandRouterLink = '';
+        this.sidebarToggler = 'lg';
+        this.mobileSidebarToggler = true;
+        this.asideMenuToggler = 'lg';
+        this.mobileAsideMenuToggler = true;
+        this.fixedClass = 'header-fixed';
+        this.appHeaderClass = true;
+        this.navbarClass = true;
+        this.breakpoints = ['xl', 'lg', 'md', 'sm', 'xs'];
+        this.sidebarTogglerClass = 'd-none d-md-block';
+        this.sidebarTogglerMobileClass = 'd-lg-none';
+        this.asideTogglerClass = 'd-none d-md-block';
+        this.asideTogglerMobileClass = 'd-lg-none';
+    }
+    ngOnInit() {
+        this.isFixed(this.fixed);
+        this.navbarBrandImg = Boolean(this.navbarBrand || this.navbarBrandFull || this.navbarBrandMinimized);
+        this.navbarBrandRouterLink = this.navbarBrandRouterLink[0] ? this.navbarBrandRouterLink : this.navbarBrandHref;
+        this.sidebarTogglerClass = this.setTogglerBreakpointClass(this.sidebarToggler);
+        this.sidebarTogglerMobileClass = this.setTogglerMobileBreakpointClass(this.sidebarToggler);
+        this.asideTogglerClass = this.setTogglerBreakpointClass(this.asideMenuToggler);
+        this.asideTogglerMobileClass = this.setTogglerMobileBreakpointClass(this.asideMenuToggler);
+    }
+    ngOnDestroy() {
+        this.renderer.removeClass(this.document.body, this.fixedClass);
+    }
+    isFixed(fixed = this.fixed) {
+        if (fixed) {
+            this.renderer.addClass(this.document.body, this.fixedClass);
+        }
+    }
+    setTogglerBreakpointClass(breakpoint = 'md') {
+        let togglerClass = 'd-none d-md-block';
+        if (this.breakpoints.includes(breakpoint)) {
+            const breakpointIndex = this.breakpoints.indexOf(breakpoint);
+            togglerClass = `d-none d-${breakpoint}-block`;
+        }
+        return togglerClass;
+    }
+    setTogglerMobileBreakpointClass(breakpoint = 'lg') {
+        let togglerClass = 'd-lg-none';
+        if (this.breakpoints.includes(breakpoint)) {
+            togglerClass = `d-${breakpoint}-none`;
+        }
+        return togglerClass;
+    }
+}
+AppHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", 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.5", 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.5", ngImport: i0, type: AppHeaderComponent, decorators: [{
+            type: Component,
+            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: [{
+                type: Input
+            }], navbarBrand: [{
+                type: Input
+            }], navbarBrandFull: [{
+                type: Input
+            }], navbarBrandMinimized: [{
+                type: Input
+            }], navbarBrandText: [{
+                type: Input
+            }], navbarBrandHref: [{
+                type: Input
+            }], navbarBrandRouterLink: [{
+                type: Input
+            }], sidebarToggler: [{
+                type: Input
+            }], mobileSidebarToggler: [{
+                type: Input
+            }], asideMenuToggler: [{
+                type: Input
+            }], mobileAsideMenuToggler: [{
+                type: Input
+            }], appHeaderClass: [{
+                type: HostBinding,
+                args: ['class.app-header']
+            }], navbarClass: [{
+                type: HostBinding,
+                args: ['class.navbar']
             }] } });
 
-class AppHeaderModule {
-}
-AppHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AppHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.5", ngImport: i0, type: AppHeaderModule, declarations: [AppHeaderComponent], imports: [CommonModule,
-        RouterModule,
-        LayoutModule], exports: [AppHeaderComponent] });
-AppHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppHeaderModule, imports: [CommonModule,
-        RouterModule,
-        LayoutModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppHeaderModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        RouterModule,
-                        LayoutModule
-                    ],
-                    exports: [
-                        AppHeaderComponent,
-                    ],
-                    declarations: [
-                        AppHeaderComponent
-                    ]
-                }]
+class AppHeaderModule {
+}
+AppHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AppHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: AppHeaderModule, imports: [AppHeaderComponent], exports: [AppHeaderComponent] });
+AppHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppHeaderModule, imports: [AppHeaderComponent] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppHeaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        AppHeaderComponent
+                    ],
+                    exports: [
+                        AppHeaderComponent,
+                    ],
+                }]
         }] });
 
-class AppSidebarService {
-    constructor() {
-        this.events = new BehaviorSubject({});
-        this.events$ = this.events.asObservable();
-    }
-    toggle(action) {
-        this.events.next(action);
-    }
-}
-AppSidebarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-AppSidebarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
+class AppSidebarService {
+    constructor() {
+        this.events = new BehaviorSubject({});
+        this.events$ = this.events.asObservable();
+    }
+    toggle(action) {
+        this.events.next(action);
+    }
+}
+AppSidebarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+AppSidebarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], 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;
-    }
-    set minimized(value) {
-        // only update / emit events when the value changes
-        if (this._minimized !== value) {
-            this._minimized = value;
-            this._updateMinimized(value);
-            this.minimizedChange.emit(value);
-            this.sidebarService.toggle({ minimize: value });
-        }
-    }
-    ngOnInit() {
-        this.displayBreakpoint(this.display);
-        this.isCompact(this.compact);
-        this.isFixed(this.fixed);
-        this.isOffCanvas(this.offCanvas);
-        this.sidebarService.toggle({ minimize: this.minimized });
-        this.subscriptionEvents = this.sidebarService.events$.subscribe(action => {
-            if (action.minimize !== undefined) {
-                action.minimize === 'toggle' ? this.toggleMinimized() : this.minimized = !!action.minimize;
-            }
-        });
-    }
-    ngOnDestroy() {
-        this.subscriptionEvents.unsubscribe();
-        this.minimizedChange.complete();
-        this.renderer.removeClass(this.document.body, 'sidebar-fixed');
-        this._updateMinimized(false);
-    }
-    isCompact(compact = this.compact) {
-        if (compact) {
-            this.renderer.addClass(this.document.body, 'sidebar-compact');
-        }
-    }
-    isFixed(fixed = this.fixed) {
-        if (fixed) {
-            this.renderer.addClass(this.document.body, 'sidebar-fixed');
-        }
-    }
-    toggleMinimized() {
-        this.minimized = !this._minimized;
-    }
-    isOffCanvas(offCanvas = this.offCanvas) {
-        if (offCanvas) {
-            this.renderer.addClass(this.document.body, 'sidebar-off-canvas');
-        }
-    }
-    displayBreakpoint(display = this.display) {
-        if (display !== false) {
-            const cssClass = display ? `sidebar-${display}-show` : sidebarCssClasses[0];
-            this.renderer.addClass(this.document.body, cssClass);
-        }
-    }
-    _updateMinimized(minimized) {
-        const body = this.document.body;
-        if (minimized) {
-            this.renderer.addClass(body, 'sidebar-minimized');
-            this.renderer.addClass(body, 'brand-minimized');
-        }
-        else {
-            this.renderer.removeClass(body, 'sidebar-minimized');
-            this.renderer.removeClass(body, 'brand-minimized');
-        }
-    }
-}
-AppSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", 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.0.5", 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.0.5", ngImport: i0, type: AppSidebarComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'app-sidebar, cui-sidebar',
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
-                        type: Inject,
-                        args: [DOCUMENT]
-                    }] }, { type: i0.Renderer2 }, { type: AppSidebarService }];
-    }, propDecorators: { compact: [{
-                type: Input
-            }], display: [{
-                type: Input
-            }], fixed: [{
-                type: Input
-            }], offCanvas: [{
-                type: Input
-            }], minimized: [{
-                type: Input
-            }], minimizedChange: [{
-                type: Output
-            }], sidebarClass: [{
-                type: HostBinding,
-                args: ['class.sidebar']
+class AppSidebarComponent {
+    get minimized() {
+        return this._minimized;
+    }
+    set minimized(value) {
+        // only update / emit events when the value changes
+        if (this._minimized !== value) {
+            this._minimized = value;
+            this._updateMinimized(value);
+            this.minimizedChange.emit(value);
+            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);
+        this.isFixed(this.fixed);
+        this.isOffCanvas(this.offCanvas);
+        this.sidebarService.toggle({ minimize: this.minimized });
+        this.subscriptionEvents = this.sidebarService.events$.subscribe(action => {
+            if (action.minimize !== undefined) {
+                action.minimize === 'toggle' ? this.toggleMinimized() : this.minimized = !!action.minimize;
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.subscriptionEvents.unsubscribe();
+        this.minimizedChange.complete();
+        this.renderer.removeClass(this.document.body, 'sidebar-fixed');
+        this._updateMinimized(false);
+    }
+    isCompact(compact = this.compact) {
+        if (compact) {
+            this.renderer.addClass(this.document.body, 'sidebar-compact');
+        }
+    }
+    isFixed(fixed = this.fixed) {
+        if (fixed) {
+            this.renderer.addClass(this.document.body, 'sidebar-fixed');
+        }
+    }
+    toggleMinimized() {
+        this.minimized = !this._minimized;
+    }
+    isOffCanvas(offCanvas = this.offCanvas) {
+        if (offCanvas) {
+            this.renderer.addClass(this.document.body, 'sidebar-off-canvas');
+        }
+    }
+    displayBreakpoint(display = this.display) {
+        if (display !== false) {
+            const cssClass = display ? `sidebar-${display}-show` : sidebarCssClasses[0];
+            this.renderer.addClass(this.document.body, cssClass);
+        }
+    }
+    _updateMinimized(minimized) {
+        const body = this.document.body;
+        if (minimized) {
+            this.renderer.addClass(body, 'sidebar-minimized');
+            this.renderer.addClass(body, 'brand-minimized');
+        }
+        else {
+            this.renderer.removeClass(body, 'sidebar-minimized');
+            this.renderer.removeClass(body, 'brand-minimized');
+        }
+    }
+}
+AppSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", 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.5", 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.5", ngImport: i0, type: AppSidebarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-sidebar, cui-sidebar',
+                    template: `<ng-content></ng-content>`,
+                    standalone: true
+                }]
+        }], ctorParameters: function () {
+        return [{ type: Document, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: i0.Renderer2 }, { type: AppSidebarService }];
+    }, propDecorators: { compact: [{
+                type: Input
+            }], display: [{
+                type: Input
+            }], fixed: [{
+                type: Input
+            }], offCanvas: [{
+                type: Input
+            }], minimized: [{
+                type: Input
+            }], minimizedChange: [{
+                type: Output
+            }], sidebarClass: [{
+                type: HostBinding,
+                args: ['class.sidebar']
             }] } });
 
-class SidebarNavService {
-}
-SidebarNavService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: SidebarNavService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SidebarNavService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: SidebarNavService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: SidebarNavService, decorators: [{
-            type: Injectable
-        }] });
-class SidebarNavHelper {
-    constructor() {
-        this.hasBadge = (item) => Boolean(item.badge);
-        this.hasIcon = (item) => Boolean(item.icon);
-    }
-    itemType(item) {
-        if (item.divider) {
-            return 'divider';
-        }
-        else if (item.title) {
-            return 'title';
-        }
-        else if (item.children) {
-            return 'dropdown';
-        }
-        else if (item.label) {
-            return 'label';
-        }
-        else if (!Object.keys(item).length) {
-            return 'empty';
-        }
-        return 'link';
-    }
-    isActive(router, item) {
-        return router.isActive(item.url, false);
-    }
-    getIconClass(item) {
-        const classes = {
-            'nav-icon': true
-        };
-        if (this.hasIcon(item)) {
-            const icon = item.icon;
-            // @ts-ignore
-            classes[icon] = this.hasIcon(item);
-        }
-        return classes;
-    }
-}
-SidebarNavHelper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: SidebarNavHelper, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SidebarNavHelper.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: SidebarNavHelper });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: SidebarNavHelper, decorators: [{
-            type: Injectable
+class SidebarNavService {
+}
+SidebarNavService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SidebarNavService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SidebarNavService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SidebarNavService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SidebarNavService, decorators: [{
+            type: Injectable
+        }] });
+class SidebarNavHelper {
+    constructor() {
+        this.hasBadge = (item) => Boolean(item.badge);
+        this.hasIcon = (item) => Boolean(item.icon);
+    }
+    itemType(item) {
+        if (item.divider) {
+            return 'divider';
+        }
+        else if (item.title) {
+            return 'title';
+        }
+        else if (item.children) {
+            return 'dropdown';
+        }
+        else if (item.label) {
+            return 'label';
+        }
+        else if (!Object.keys(item).length) {
+            return 'empty';
+        }
+        return 'link';
+    }
+    isActive(router, item) {
+        return router.isActive(item.url, false);
+    }
+    getIconClass(item) {
+        const classes = {
+            'nav-icon': true
+        };
+        if (this.hasIcon(item)) {
+            const icon = item.icon;
+            // @ts-ignore
+            classes[icon] = this.hasIcon(item);
+        }
+        return classes;
+    }
+}
+SidebarNavHelper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SidebarNavHelper, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SidebarNavHelper.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SidebarNavHelper });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SidebarNavHelper, decorators: [{
+            type: Injectable
         }] });
 
-class AppSidebarNavDividerComponent {
-    constructor() { }
-    ngOnInit() { }
-}
-AppSidebarNavDividerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarNavDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarNavDividerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", 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.0.5", ngImport: i0, type: AppSidebarNavDividerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'app-sidebar-nav-divider, cui-sidebar-nav-divider',
-                    template: ``
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { item: [{
-                type: Input
-            }] } });
+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;
+    }
+}
+AppSidebarNavItemClassPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavItemClassPipe, deps: [{ token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Pipe });
+AppSidebarNavItemClassPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavItemClassPipe, isStandalone: true, name: "appSidebarNavItemClass" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavItemClassPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'appSidebarNavItemClass',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: SidebarNavHelper }]; } });
 
-class AppSidebarNavIconPipe {
-    transform(item, args) {
-        const classes = {
-            'nav-icon': true
-        };
-        const icon = item.icon;
-        classes[icon] = !!item.icon;
-        return classes;
-    }
-}
-AppSidebarNavIconPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarNavIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-AppSidebarNavIconPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarNavIconPipe, name: "appSidebarNavIcon" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarNavIconPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'appSidebarNavIcon'
-                }]
+class AppSidebarNavBadgePipe {
+    transform(item, args) {
+        const classes = {
+            badge: true
+        };
+        const variant = `badge-${item.badge.variant}`;
+        classes[variant] = !!item.badge.variant;
+        classes[item.badge.class] = !!item.badge.class;
+        return classes;
+    }
+}
+AppSidebarNavBadgePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavBadgePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+AppSidebarNavBadgePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavBadgePipe, isStandalone: true, name: "appSidebarNavBadge" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavBadgePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'appSidebarNavBadge',
+                    standalone: true
+                }]
         }] });
 
-class AppSidebarNavBadgePipe {
-    transform(item, args) {
-        const classes = {
-            badge: true
-        };
-        const variant = `badge-${item.badge.variant}`;
-        classes[variant] = !!item.badge.variant;
-        classes[item.badge.class] = !!item.badge.class;
-        return classes;
-    }
-}
-AppSidebarNavBadgePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarNavBadgePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-AppSidebarNavBadgePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarNavBadgePipe, name: "appSidebarNavBadge" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarNavBadgePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'appSidebarNavBadge'
-                }]
+class AppSidebarNavIconPipe {
+    transform(item, args) {
+        const classes = {
+            'nav-icon': true
+        };
+        const icon = item.icon;
+        classes[icon] = !!item.icon;
+        return classes;
+    }
+}
+AppSidebarNavIconPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+AppSidebarNavIconPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavIconPipe, isStandalone: true, name: "appSidebarNavIcon" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavIconPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'appSidebarNavIcon',
+                    standalone: true
+                }]
         }] });
 
-class AppSidebarNavLinkPipe {
-    transform(item) {
-        const classes = { 'nav-link': true };
-        const disabled = item.attributes && item.attributes.disabled;
-        classes['disabled'] = disabled;
-        classes['btn-link'] = disabled;
-        classes[`nav-link-${item.variant}`] = !!item.variant;
-        return classes;
-    }
-}
-AppSidebarNavLinkPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarNavLinkPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-AppSidebarNavLinkPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarNavLinkPipe, name: "appSidebarNavLink" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarNavLinkPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'appSidebarNavLink'
-                }]
+class AppSidebarNavLinkPipe {
+    transform(item) {
+        const classes = { 'nav-link': true };
+        const disabled = item.attributes && item.attributes.disabled;
+        classes['disabled'] = disabled;
+        classes['btn-link'] = disabled;
+        classes[`nav-link-${item.variant}`] = !!item.variant;
+        return classes;
+    }
+}
+AppSidebarNavLinkPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavLinkPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+AppSidebarNavLinkPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavLinkPipe, isStandalone: true, name: "appSidebarNavLink" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavLinkPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'appSidebarNavLink',
+                    standalone: true
+                }]
         }] });
 
-class AppSidebarNavLinkContentComponent {
-    constructor(helper) {
-        this.helper = helper;
-        this.item = {};
-    }
-    ngOnInit() { }
-    ngOnDestroy() { }
-}
-AppSidebarNavLinkContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarNavLinkContentComponent, deps: [{ token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarNavLinkContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: AppSidebarNavLinkContentComponent, 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>
-  `, 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.0.5", 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>
-  `,
-                    providers: [SidebarNavHelper]
-                }]
-        }], ctorParameters: function () { return [{ type: SidebarNavHelper }]; }, propDecorators: { item: [{
-                type: Input
-            }] } });
-class AppSidebarNavLinkComponent {
-    constructor(router) {
-        this.router = router;
-        this.linkClick = new EventEmitter();
-        this.navigationEndObservable = router.events.pipe(filter(event => {
-            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));
-        this.linkType = this.getLinkType();
-        this.href = this.isDisabled() ? '' : (this.item.href || this.url);
-        this.linkActive = this.router.url.split(/[?#(;]/)[0] === this.href.split(/[?#(;]/)[0];
-        this.navSubscription = this.navigationEndObservable.subscribe(event => {
-            const itemUrlArray = this.href.split(/[?#(;]/)[0].split('/');
-            const urlArray = event.urlAfterRedirects.split(/[?#(;]/)[0].split('/');
-            this.linkActive = itemUrlArray.every((value, index) => value === urlArray[index]);
-        });
-    }
-    ngOnDestroy() {
-        this.navSubscription.unsubscribe();
-    }
-    getLinkType() {
-        return this.isDisabled() ? 'disabled' : this.isExternalLink() ? 'external' : 'link';
-    }
-    isDisabled() {
-        return (this.item.attributes && this.item.attributes.disabled) ? true : null;
-    }
-    isExternalLink() {
-        return !!this.item.href || this.url.substring(0, 4) === 'http';
-    }
-    linkClicked() {
-        this.linkClick.emit();
-    }
-}
-AppSidebarNavLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarNavLinkComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarNavLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", 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\">\r\n  <a *ngSwitchCase=\"'disabled'\"\r\n     [ngClass]=\"item | appSidebarNavLink\"\r\n     [appHtmlAttr]=\"item.attributes\"\r\n  >\r\n    <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\r\n  </a>\r\n  <a *ngSwitchCase=\"'external'\"\r\n     [ngClass]=\"item | appSidebarNavLink\"\r\n     [href]=\"href\"\r\n     [appHtmlAttr]=\"item.attributes\"\r\n     (click)=\"linkClicked()\"\r\n  >\r\n    <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\r\n  </a>\r\n  <a *ngSwitchDefault\r\n     [ngClass]=\"item | appSidebarNavLink\"\r\n     [appHtmlAttr]=\"item.attributes\"\r\n     [target]=\"item.attributes?.target\"\r\n     [queryParams]=\"item.linkProps?.queryParams\"\r\n     [fragment]=\"item.linkProps?.fragment\"\r\n     [queryParamsHandling]=\"item.linkProps?.queryParamsHandling\"\r\n     [preserveFragment]=\"!!item.linkProps?.preserveFragment\"\r\n     [skipLocationChange]=\"!!item.linkProps?.skipLocationChange\"\r\n     [replaceUrl]=\"!!item.linkProps?.replaceUrl\"\r\n     [state]=\"item.linkProps?.state\"\r\n     [routerLink]=\"item.url\"\r\n     [routerLinkActive]=\"item.linkProps?.routerLinkActive || 'active'\"\r\n     [routerLinkActiveOptions]=\"item.linkProps?.routerLinkActiveOptions ?? {exact: false}\"\r\n     [class.active]=\"linkActive && !item.linkProps?.routerLinkActiveOptions\"\r\n     (click)=\"linkClicked()\"\r\n  >\r\n    <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\r\n  </a>\r\n</ng-container>\r\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", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "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.0.5", ngImport: i0, type: AppSidebarNavLinkComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-sidebar-nav-link, cui-sidebar-nav-link', providers: [SidebarNavHelper], template: "<ng-container [ngSwitch]=\"linkType\">\r\n  <a *ngSwitchCase=\"'disabled'\"\r\n     [ngClass]=\"item | appSidebarNavLink\"\r\n     [appHtmlAttr]=\"item.attributes\"\r\n  >\r\n    <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\r\n  </a>\r\n  <a *ngSwitchCase=\"'external'\"\r\n     [ngClass]=\"item | appSidebarNavLink\"\r\n     [href]=\"href\"\r\n     [appHtmlAttr]=\"item.attributes\"\r\n     (click)=\"linkClicked()\"\r\n  >\r\n    <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\r\n  </a>\r\n  <a *ngSwitchDefault\r\n     [ngClass]=\"item | appSidebarNavLink\"\r\n     [appHtmlAttr]=\"item.attributes\"\r\n     [target]=\"item.attributes?.target\"\r\n     [queryParams]=\"item.linkProps?.queryParams\"\r\n     [fragment]=\"item.linkProps?.fragment\"\r\n     [queryParamsHandling]=\"item.linkProps?.queryParamsHandling\"\r\n     [preserveFragment]=\"!!item.linkProps?.preserveFragment\"\r\n     [skipLocationChange]=\"!!item.linkProps?.skipLocationChange\"\r\n     [replaceUrl]=\"!!item.linkProps?.replaceUrl\"\r\n     [state]=\"item.linkProps?.state\"\r\n     [routerLink]=\"item.url\"\r\n     [routerLinkActive]=\"item.linkProps?.routerLinkActive || 'active'\"\r\n     [routerLinkActiveOptions]=\"item.linkProps?.routerLinkActiveOptions ?? {exact: false}\"\r\n     [class.active]=\"linkActive && !item.linkProps?.routerLinkActiveOptions\"\r\n     (click)=\"linkClicked()\"\r\n  >\r\n    <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\r\n  </a>\r\n</ng-container>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { item: [{
-                type: Input
-            }], linkClick: [{
-                type: Output
+class AppSidebarNavLinkContentComponent {
+    constructor(helper) {
+        this.helper = helper;
+        this.item = {};
+    }
+}
+AppSidebarNavLinkContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavLinkContentComponent, deps: [{ token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarNavLinkContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", 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>
+  `, 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.5", 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>
+  `,
+                    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();
+        this.navigationEndObservable = router.events.pipe(filter(event => {
+            return event instanceof NavigationEnd;
+        }));
+    }
+    ngOnInit() {
+        // @ts-ignore
+        this.url = typeof this.item.url === 'string' ? this.item.url : this.router.serializeUrl(this.router.createUrlTree(this.item.url));
+        this.linkType = this.getLinkType();
+        this.href = this.isDisabled() ? '' : (this.item.href || this.url);
+        this.linkActive = this.router.url.split(/[?#(;]/)[0] === this.href.split(/[?#(;]/)[0];
+        this.navSubscription = this.navigationEndObservable.subscribe(event => {
+            const itemUrlArray = this.href.split(/[?#(;]/)[0].split('/');
+            const urlArray = event.urlAfterRedirects.split(/[?#(;]/)[0].split('/');
+            this.linkActive = itemUrlArray.every((value, index) => value === urlArray[index]);
+        });
+    }
+    ngOnDestroy() {
+        this.navSubscription.unsubscribe();
+    }
+    getLinkType() {
+        return this.isDisabled() ? 'disabled' : this.isExternalLink() ? 'external' : 'link';
+    }
+    isDisabled() {
+        return (this.item.attributes && this.item.attributes.disabled) ? true : null;
+    }
+    isExternalLink() {
+        return !!this.item.href || this.url.substring(0, 4) === 'http';
+    }
+    linkClicked() {
+        this.linkClick.emit();
+    }
+}
+AppSidebarNavLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavLinkComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarNavLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", 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.5", ngImport: i0, type: AppSidebarNavLinkComponent, decorators: [{
+            type: Component,
+            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 AppSidebarNavTitleComponent {
-    constructor(el, renderer) {
-        this.el = el;
-        this.renderer = renderer;
-        this.item = {};
-    }
-    ngOnInit() {
-        const nativeElement = this.el.nativeElement;
-        const name = this.renderer.createText(this.item.name);
-        if (this.item.class) {
-            const classes = this.item.class;
-            this.renderer.addClass(nativeElement, classes);
-        }
-        if (this.item.wrapper) {
-            const wrapper = this.renderer.createElement(this.item.wrapper.element);
-            this.addAttribs(this.item.wrapper.attributes, wrapper);
-            this.renderer.appendChild(wrapper, name);
-            this.renderer.appendChild(nativeElement, wrapper);
-        }
-        else {
-            this.renderer.appendChild(nativeElement, name);
-        }
-    }
-    addAttribs(attribs, element) {
-        if (attribs) {
-            for (const attr in attribs) {
-                if (attr === 'style' && typeof (attribs[attr]) === 'object') {
-                    this.setStyle(attribs[attr], element);
-                }
-                else if (attr === 'class') {
-                    this.addClass(attribs[attr], element);
-                }
-                else {
-                    this.setAttrib(attr, attribs[attr], element);
-                }
-            }
-        }
-    }
-    setStyle(styles, el) {
-        for (const style in styles) {
-            this.renderer.setStyle(el, style, styles[style]);
-        }
-    }
-    addClass(classes, el) {
-        const classArray = (Array.isArray(classes) ? classes : classes.split(' '));
-        classArray.filter((element) => element.length > 0).forEach(element => {
-            this.renderer.addClass(el, element);
-        });
-    }
-    setAttrib(key, value, el) {
-        this.renderer.setAttribute(el, key, value);
-    }
-}
-AppSidebarNavTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", 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.0.5", 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.0.5", ngImport: i0, type: AppSidebarNavTitleComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'app-sidebar-nav-title, cui-sidebar-nav-title',
-                    template: '',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { item: [{
-                type: Input
+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() {
+        var _a, _b, _c;
+        const variant = `text-${(_a = this.item.label) === null || _a === void 0 ? void 0 : _a.variant}`;
+        // @ts-ignore
+        this.iconClasses[variant] = !!((_b = this.item.label) === null || _b === void 0 ? void 0 : _b.variant);
+        const labelClass = (_c = this.item.label) === null || _c === void 0 ? void 0 : _c.class;
+        // @ts-ignore
+        this.iconClasses[labelClass] = !!labelClass;
+        return this.iconClasses;
+    }
+}
+AppSidebarNavLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavLabelComponent, deps: [{ token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarNavLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", 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.5", 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 NavDropdownDirective {
-    constructor(el) {
-        this.el = el;
-    }
-    toggle() {
-        this.el.nativeElement.classList.toggle('open');
-    }
-}
-NavDropdownDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NavDropdownDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-NavDropdownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.5", type: NavDropdownDirective, selector: "[appNavDropdown]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NavDropdownDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[appNavDropdown]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
-/**
- * Allows the dropdown to be toggled via click.
- */
-class NavDropdownToggleDirective {
-    constructor(dropdown) {
-        this.dropdown = dropdown;
-    }
-    toggleOpen($event) {
-        $event.preventDefault();
-        this.dropdown.toggle();
-    }
-}
-NavDropdownToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NavDropdownToggleDirective, deps: [{ token: NavDropdownDirective }], target: i0.ɵɵFactoryTarget.Directive });
-NavDropdownToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.5", type: NavDropdownToggleDirective, selector: "[appNavDropdownToggle]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NavDropdownToggleDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[appNavDropdownToggle]'
-                }]
-        }], ctorParameters: function () { return [{ type: NavDropdownDirective }]; }, propDecorators: { toggleOpen: [{
-                type: HostListener,
-                args: ['click', ['$event']]
+class AppSidebarNavTitleComponent {
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+        this.item = {};
+    }
+    ngOnInit() {
+        const nativeElement = this.el.nativeElement;
+        const name = this.renderer.createText(this.item.name);
+        if (this.item.class) {
+            const classes = this.item.class;
+            this.renderer.addClass(nativeElement, classes);
+        }
+        if (this.item.wrapper) {
+            const wrapper = this.renderer.createElement(this.item.wrapper.element);
+            this.addAttribs(this.item.wrapper.attributes, wrapper);
+            this.renderer.appendChild(wrapper, name);
+            this.renderer.appendChild(nativeElement, wrapper);
+        }
+        else {
+            this.renderer.appendChild(nativeElement, name);
+        }
+    }
+    addAttribs(attribs, element) {
+        if (attribs) {
+            for (const attr in attribs) {
+                if (attr === 'style' && typeof (attribs[attr]) === 'object') {
+                    this.setStyle(attribs[attr], element);
+                }
+                else if (attr === 'class') {
+                    this.addClass(attribs[attr], element);
+                }
+                else {
+                    this.setAttrib(attr, attribs[attr], element);
+                }
+            }
+        }
+    }
+    setStyle(styles, el) {
+        for (const style in styles) {
+            this.renderer.setStyle(el, style, styles[style]);
+        }
+    }
+    addClass(classes, el) {
+        const classArray = (Array.isArray(classes) ? classes : classes.split(' '));
+        classArray.filter((element) => element.length > 0).forEach(element => {
+            this.renderer.addClass(el, element);
+        });
+    }
+    setAttrib(key, value, el) {
+        this.renderer.setAttribute(el, key, value);
+    }
+}
+AppSidebarNavTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", 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.5", 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.5", 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 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() {
-        var _a, _b, _c;
-        const variant = `text-${(_a = this.item.label) === null || _a === void 0 ? void 0 : _a.variant}`;
-        // @ts-ignore
-        this.iconClasses[variant] = !!((_b = this.item.label) === null || _b === void 0 ? void 0 : _b.variant);
-        const labelClass = (_c = this.item.label) === null || _c === void 0 ? void 0 : _c.class;
-        // @ts-ignore
-        this.iconClasses[labelClass] = !!labelClass;
-        return this.iconClasses;
-    }
-}
-AppSidebarNavLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarNavLabelComponent, deps: [{ token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarNavLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: AppSidebarNavLabelComponent, selector: "app-sidebar-nav-label, cui-sidebar-nav-label", inputs: { item: "item" }, ngImport: i0, template: "<a [ngClass]=\"getItemClass()\"\r\n   href=\"{{item.url}}\"\r\n   [appHtmlAttr]=\"item.attributes\">\r\n  <i *ngIf=\"helper.hasIcon(item)\" [ngClass]=\"getLabelIconClass()\"></i>\r\n  <ng-container>{{item.name}}</ng-container>\r\n  <span *ngIf=\"helper.hasBadge(item)\" [ngClass]=\"item | appSidebarNavBadge\">{{ item.badge?.text }}</span>\r\n</a>\r\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.0.5", ngImport: i0, type: AppSidebarNavLabelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-sidebar-nav-label, cui-sidebar-nav-label', template: "<a [ngClass]=\"getItemClass()\"\r\n   href=\"{{item.url}}\"\r\n   [appHtmlAttr]=\"item.attributes\">\r\n  <i *ngIf=\"helper.hasIcon(item)\" [ngClass]=\"getLabelIconClass()\"></i>\r\n  <ng-container>{{item.name}}</ng-container>\r\n  <span *ngIf=\"helper.hasBadge(item)\" [ngClass]=\"item | appSidebarNavBadge\">{{ item.badge?.text }}</span>\r\n</a>\r\n" }]
-        }], ctorParameters: function () { return [{ type: SidebarNavHelper }]; }, propDecorators: { item: [{
-                type: Input
+class AppSidebarNavDividerComponent {
+    constructor() { }
+}
+AppSidebarNavDividerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarNavDividerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", 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.5", 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 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;
-    }
-}
-AppSidebarNavItemClassPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarNavItemClassPipe, deps: [{ token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Pipe });
-AppSidebarNavItemClassPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarNavItemClassPipe, name: "appSidebarNavItemClass" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarNavItemClassPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'appSidebarNavItemClass'
-                }]
-        }], ctorParameters: function () { return [{ type: SidebarNavHelper }]; } });
+class NavDropdownDirective {
+    constructor(elementRef, renderer) {
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+    }
+    toggle() {
+        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: "15.2.5", 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.5", type: NavDropdownDirective, isStandalone: true, selector: "[appNavDropdown]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NavDropdownDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[appNavDropdown]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+/**
+ * Allows the dropdown to be toggled via click.
+ */
+class NavDropdownToggleDirective {
+    constructor(dropdown) {
+        this.dropdown = dropdown;
+    }
+    toggleOpen($event) {
+        $event.preventDefault();
+        this.dropdown.toggle();
+    }
+}
+NavDropdownToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NavDropdownToggleDirective, deps: [{ token: NavDropdownDirective }], target: i0.ɵɵFactoryTarget.Directive });
+NavDropdownToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", type: NavDropdownToggleDirective, isStandalone: true, selector: "[appNavDropdownToggle]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NavDropdownToggleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[appNavDropdownToggle]',
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: NavDropdownDirective }]; }, propDecorators: { toggleOpen: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
 
-class AppSidebarNavItemsComponent {
-    constructor(document, renderer, router, helper) {
-        this.document = document;
-        this.renderer = renderer;
-        this.router = router;
-        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.0.5", 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.0.5", type: AppSidebarNavItemsComponent, 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
-          *ngSwitchCase="'dropdown'"
-          [item]="item"
-          [class.open]="helper.isActive(router, item)"
-          [ngClass]="item | appSidebarNavItemClass"
-          appNavDropdown
-          routerLinkActive="open">
-        </app-sidebar-nav-dropdown>
-        <app-sidebar-nav-divider
-          *ngSwitchCase="'divider'"
-          [item]="item"
-          [ngClass]="item | appSidebarNavItemClass"
-          [appHtmlAttr]="item.attributes">
-        </app-sidebar-nav-divider>
-        <app-sidebar-nav-title
-          *ngSwitchCase="'title'"
-          [item]="item"
-          [ngClass]="item | appSidebarNavItemClass"
-          [appHtmlAttr]="item.attributes">
-        </app-sidebar-nav-title>
-        <app-sidebar-nav-label
-          *ngSwitchCase="'label'"
-          [item]="item"
-          class="nav-item"
-          [ngClass]="item | appSidebarNavItemClass">
-        </app-sidebar-nav-label>
-        <ng-container
-          *ngSwitchCase="'empty'">
-        </ng-container>
-        <app-sidebar-nav-link
-          *ngSwitchDefault
-          [item]="item"
-          class="nav-item"
-          [ngClass]="item | appSidebarNavItemClass"
-          (linkClick)="hideMobile()"
-        >
-        </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.0.5", ngImport: i0, type: AppSidebarNavItemsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'app-sidebar-nav-items, cui-sidebar-nav-items',
-                    template: `
-    <ng-container *ngFor="let item of items">
-      <ng-container [ngSwitch]="helper.itemType(item)">
-        <app-sidebar-nav-dropdown
-          *ngSwitchCase="'dropdown'"
-          [item]="item"
-          [class.open]="helper.isActive(router, item)"
-          [ngClass]="item | appSidebarNavItemClass"
-          appNavDropdown
-          routerLinkActive="open">
-        </app-sidebar-nav-dropdown>
-        <app-sidebar-nav-divider
-          *ngSwitchCase="'divider'"
-          [item]="item"
-          [ngClass]="item | appSidebarNavItemClass"
-          [appHtmlAttr]="item.attributes">
-        </app-sidebar-nav-divider>
-        <app-sidebar-nav-title
-          *ngSwitchCase="'title'"
-          [item]="item"
-          [ngClass]="item | appSidebarNavItemClass"
-          [appHtmlAttr]="item.attributes">
-        </app-sidebar-nav-title>
-        <app-sidebar-nav-label
-          *ngSwitchCase="'label'"
-          [item]="item"
-          class="nav-item"
-          [ngClass]="item | appSidebarNavItemClass">
-        </app-sidebar-nav-label>
-        <ng-container
-          *ngSwitchCase="'empty'">
-        </ng-container>
-        <app-sidebar-nav-link
-          *ngSwitchDefault
-          [item]="item"
-          class="nav-item"
-          [ngClass]="item | appSidebarNavItemClass"
-          (linkClick)="hideMobile()"
-        >
-        </app-sidebar-nav-link>
-      </ng-container>
-    </ng-container>
-  `
-                }]
-        }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
-                        type: Inject,
-                        args: [DOCUMENT]
-                    }] }, { type: i0.Renderer2 }, { type: i1.Router }, { type: SidebarNavHelper }];
-    }, propDecorators: { items: [{
-                type: Input
-            }] } });
-class AppSidebarNavDropdownComponent {
-    constructor(helper) {
-        this.helper = helper;
-        this.item = {};
-    }
-}
-AppSidebarNavDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarNavDropdownComponent, deps: [{ token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarNavDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: AppSidebarNavDropdownComponent, 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">
-      <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>
-    </a>
-    <app-sidebar-nav-items
-      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.0.5", 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"
-       appNavDropdownToggle
-       [appHtmlAttr]="item.attributes">
-      <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>
-    </a>
-    <app-sidebar-nav-items
-      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"] }]
-        }], ctorParameters: function () { return [{ type: SidebarNavHelper }]; }, propDecorators: { item: [{
-                type: Input
+// lightweight injection token
+class DropdownToken {
+}
+class AppSidebarNavItemsComponent {
+    set items(items) {
+        this._items = [...items];
+    }
+    get items() {
+        return this._items;
+    }
+    constructor(document, renderer, router, helper) {
+        this.document = document;
+        this.renderer = renderer;
+        this.router = router;
+        this.helper = helper;
+        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: "15.2.5", 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.5", 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
+          *ngSwitchCase="'dropdown'"
+          [item]="item"
+          [class.open]="helper.isActive(router, item)"
+          [ngClass]="item | appSidebarNavItemClass"
+          appNavDropdown
+          routerLinkActive="open">
+        </app-sidebar-nav-dropdown>
+        <app-sidebar-nav-divider
+          *ngSwitchCase="'divider'"
+          [item]="item"
+          [ngClass]="item | appSidebarNavItemClass"
+          [appHtmlAttr]="item.attributes">
+        </app-sidebar-nav-divider>
+        <app-sidebar-nav-title
+          *ngSwitchCase="'title'"
+          [item]="item"
+          [ngClass]="item | appSidebarNavItemClass"
+          [appHtmlAttr]="item.attributes">
+        </app-sidebar-nav-title>
+        <app-sidebar-nav-label
+          *ngSwitchCase="'label'"
+          [item]="item"
+          class="nav-item"
+          [ngClass]="item | appSidebarNavItemClass">
+        </app-sidebar-nav-label>
+        <ng-container
+          *ngSwitchCase="'empty'">
+        </ng-container>
+        <app-sidebar-nav-link
+          *ngSwitchDefault
+          [item]="item"
+          class="nav-item"
+          [ngClass]="item | appSidebarNavItemClass"
+          (linkClick)="hideMobile()"
+        >
+        </app-sidebar-nav-link>
+      </ng-container>
+    </ng-container>
+  `, 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.5", ngImport: i0, type: AppSidebarNavItemsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-sidebar-nav-items, cui-sidebar-nav-items',
+                    template: `
+    <ng-container *ngFor="let item of items">
+      <ng-container [ngSwitch]="helper.itemType(item)">
+        <app-sidebar-nav-dropdown
+          *ngSwitchCase="'dropdown'"
+          [item]="item"
+          [class.open]="helper.isActive(router, item)"
+          [ngClass]="item | appSidebarNavItemClass"
+          appNavDropdown
+          routerLinkActive="open">
+        </app-sidebar-nav-dropdown>
+        <app-sidebar-nav-divider
+          *ngSwitchCase="'divider'"
+          [item]="item"
+          [ngClass]="item | appSidebarNavItemClass"
+          [appHtmlAttr]="item.attributes">
+        </app-sidebar-nav-divider>
+        <app-sidebar-nav-title
+          *ngSwitchCase="'title'"
+          [item]="item"
+          [ngClass]="item | appSidebarNavItemClass"
+          [appHtmlAttr]="item.attributes">
+        </app-sidebar-nav-title>
+        <app-sidebar-nav-label
+          *ngSwitchCase="'label'"
+          [item]="item"
+          class="nav-item"
+          [ngClass]="item | appSidebarNavItemClass">
+        </app-sidebar-nav-label>
+        <ng-container
+          *ngSwitchCase="'empty'">
+        </ng-container>
+        <app-sidebar-nav-link
+          *ngSwitchDefault
+          [item]="item"
+          class="nav-item"
+          [ngClass]="item | appSidebarNavItemClass"
+          (linkClick)="hideMobile()"
+        >
+        </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: Document, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: i0.Renderer2 }, { type: i1.Router }, { type: SidebarNavHelper }];
+    }, propDecorators: { items: [{
+                type: Input
+            }] } });
+class AppSidebarNavDropdownComponent {
+    constructor(helper) {
+        this.helper = helper;
+        this.item = {};
+    }
+}
+AppSidebarNavDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavDropdownComponent, deps: [{ token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarNavDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", 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">
+      <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>
+    </a>
+    <app-sidebar-nav-items
+      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: 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.5", 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"
+       appNavDropdownToggle
+       [appHtmlAttr]="item.attributes">
+      <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>
+    </a>
+    <app-sidebar-nav-items
+      class="nav-dropdown-items"
+      [items]="item.children ?? []">
+    </app-sidebar-nav-items>
+  `, 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
             }] } });
 
-class AppSidebarNavComponent {
-    constructor(router) {
-        this.router = router;
-        this.navItems = [];
-        this.sidebarNavClass = true;
-        this.role = 'nav';
-        this.navItemsArray = [];
-    }
-    ngOnChanges(changes) {
-        this.navItemsArray = Array.isArray(this.navItems) ? this.navItems.slice() : [];
-    }
-}
-AppSidebarNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarNavComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", 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.0.5", 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" }]
-        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { navItems: [{
-                type: Input
-            }], sidebarNavClass: [{
-                type: HostBinding,
-                args: ['class.sidebar-nav']
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }, {
-                type: Input
+class AppSidebarNavComponent {
+    constructor(router) {
+        this.router = router;
+        this.navItems = [];
+        this.sidebarNavClass = true;
+        this.role = 'nav';
+        this.navItemsArray = [];
+    }
+    ngOnChanges(changes) {
+        this.navItemsArray = Array.isArray(this.navItems) ? this.navItems.slice() : [];
+    }
+}
+AppSidebarNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", 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.5", ngImport: i0, type: AppSidebarNavComponent, decorators: [{
+            type: Component,
+            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: [{
+                type: HostBinding,
+                args: ['class.sidebar-nav']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }, {
+                type: Input
             }] } });
 
-class AppSidebarMinimizerComponent {
-    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.0.5", ngImport: i0, type: AppSidebarMinimizerComponent, deps: [{ token: AppSidebarService }], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarMinimizerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", 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.0.5", ngImport: i0, type: AppSidebarMinimizerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'app-sidebar-minimizer, cui-sidebar-minimizer',
-                    template: ``
-                }]
-        }], ctorParameters: function () { return [{ type: AppSidebarService }]; }, propDecorators: { role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }, {
-                type: Input
-            }], sidebarMinimizerClass: [{
-                type: HostBinding,
-                args: ['class.sidebar-minimizer']
-            }], toggleOpen: [{
-                type: HostListener,
-                args: ['click', ['$event']]
+class AppSidebarMinimizerComponent {
+    toggleOpen($event) {
+        $event.preventDefault();
+        this.sidebarService.toggle({ minimize: 'toggle' });
+    }
+    constructor(sidebarService) {
+        this.sidebarService = sidebarService;
+        this.role = 'button';
+        this.sidebarMinimizerClass = true;
+    }
+}
+AppSidebarMinimizerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarMinimizerComponent, deps: [{ token: AppSidebarService }], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarMinimizerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", 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.5", ngImport: i0, type: AppSidebarMinimizerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-sidebar-minimizer, cui-sidebar-minimizer',
+                    template: ``,
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: AppSidebarService }]; }, propDecorators: { role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }, {
+                type: Input
+            }], sidebarMinimizerClass: [{
+                type: HostBinding,
+                args: ['class.sidebar-minimizer']
+            }], toggleOpen: [{
+                type: HostListener,
+                args: ['click', ['$event']]
             }] } });
 
-class AppSidebarFooterComponent {
-    constructor() {
-        this.sidebarFooterClass = true;
-    }
-}
-AppSidebarFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", 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.0.5", ngImport: i0, type: AppSidebarFooterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'app-sidebar-footer, cui-sidebar-footer',
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { sidebarFooterClass: [{
-                type: HostBinding,
-                args: ['class.sidebar-footer']
+class AppSidebarFooterComponent {
+    constructor() {
+        this.sidebarFooterClass = true;
+    }
+}
+AppSidebarFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", 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.5", ngImport: i0, type: AppSidebarFooterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-sidebar-footer, cui-sidebar-footer',
+                    template: `<ng-content></ng-content>`,
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { sidebarFooterClass: [{
+                type: HostBinding,
+                args: ['class.sidebar-footer']
             }] } });
 
-class AppSidebarFormComponent {
-    constructor() {
-        this.sidebarFormClass = true;
-    }
-}
-AppSidebarFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", 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.0.5", ngImport: i0, type: AppSidebarFormComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'app-sidebar-form, cui-sidebar-form',
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { sidebarFormClass: [{
-                type: HostBinding,
-                args: ['class.sidebar-form']
+class AppSidebarFormComponent {
+    constructor() {
+        this.sidebarFormClass = true;
+    }
+}
+AppSidebarFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", 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.5", ngImport: i0, type: AppSidebarFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-sidebar-form, cui-sidebar-form',
+                    template: `<ng-content></ng-content>`,
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { sidebarFormClass: [{
+                type: HostBinding,
+                args: ['class.sidebar-form']
             }] } });
 
-class AppSidebarHeaderComponent {
-    constructor() {
-        this.sidebarHeaderClass = true;
-    }
-}
-AppSidebarHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AppSidebarHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", 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.0.5", ngImport: i0, type: AppSidebarHeaderComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'app-sidebar-header, cui-sidebar-header',
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { sidebarHeaderClass: [{
-                type: HostBinding,
-                args: ['class.sidebar-header']
+class AppSidebarHeaderComponent {
+    constructor() {
+        this.sidebarHeaderClass = true;
+    }
+}
+AppSidebarHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AppSidebarHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", 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.5", ngImport: i0, type: AppSidebarHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-sidebar-header, cui-sidebar-header',
+                    template: `<ng-content></ng-content>`,
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { sidebarHeaderClass: [{
+                type: HostBinding,
+                args: ['class.sidebar-header']
             }] } });
 
-class AppSidebarModule {
-}
-AppSidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AppSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarModule, declarations: [AppSidebarFooterComponent,
-        AppSidebarFormComponent,
-        AppSidebarHeaderComponent,
-        AppSidebarMinimizerComponent,
-        AppSidebarMinimizerComponent,
-        AppSidebarComponent,
-        AppSidebarNavItemsComponent,
-        AppSidebarNavComponent,
-        AppSidebarNavDividerComponent,
-        AppSidebarNavDropdownComponent,
-        AppSidebarNavLinkComponent,
-        AppSidebarNavLinkContentComponent,
-        AppSidebarNavTitleComponent,
-        NavDropdownDirective,
-        NavDropdownToggleDirective,
-        AppSidebarNavLabelComponent,
-        AppSidebarNavIconPipe,
-        AppSidebarNavBadgePipe,
-        AppSidebarNavLinkPipe,
-        AppSidebarNavItemClassPipe], imports: [CommonModule,
-        RouterModule,
-        LayoutModule], exports: [AppSidebarFooterComponent,
-        AppSidebarFormComponent,
-        AppSidebarHeaderComponent,
-        AppSidebarMinimizerComponent,
-        AppSidebarComponent,
-        // AppSidebarNavItemsComponent,
-        AppSidebarNavComponent] });
-AppSidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarModule, providers: [
-        SidebarNavHelper,
-        AppSidebarService
-    ], imports: [CommonModule,
-        RouterModule,
-        LayoutModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AppSidebarModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        RouterModule,
-                        LayoutModule
-                    ],
-                    exports: [
-                        AppSidebarFooterComponent,
-                        AppSidebarFormComponent,
-                        AppSidebarHeaderComponent,
-                        AppSidebarMinimizerComponent,
-                        AppSidebarComponent,
-                        // AppSidebarNavItemsComponent,
-                        AppSidebarNavComponent,
-                        // AppSidebarNavDividerComponent,
-                        // AppSidebarNavDropdownComponent,
-                        // AppSidebarNavLabelComponent,
-                        // AppSidebarNavLinkComponent,
-                        // AppSidebarNavLinkContentComponent,
-                        // AppSidebarNavTitleComponent,
-                        // 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
-                    ]
-                }]
+class AppSidebarModule {
+}
+AppSidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AppSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarModule, imports: [RouterModule,
+        AppSidebarComponent,
+        AppSidebarFooterComponent,
+        AppSidebarFormComponent,
+        AppSidebarHeaderComponent,
+        AppSidebarMinimizerComponent,
+        AppSidebarMinimizerComponent,
+        AppSidebarNavComponent,
+        NavDropdownDirective,
+        AppSidebarNavItemsComponent,
+        AppSidebarNavDividerComponent,
+        AppSidebarNavDropdownComponent,
+        AppSidebarNavLinkContentComponent,
+        AppSidebarNavTitleComponent,
+        AppSidebarNavLabelComponent,
+        AppSidebarNavIconPipe,
+        AppSidebarNavBadgePipe,
+        AppSidebarNavLinkPipe,
+        AppSidebarNavItemClassPipe,
+        AppSidebarNavLinkComponent,
+        NavDropdownToggleDirective,
+        LayoutModule], exports: [AppSidebarFooterComponent,
+        AppSidebarFormComponent,
+        AppSidebarHeaderComponent,
+        AppSidebarMinimizerComponent,
+        AppSidebarComponent,
+        // AppSidebarNavItemsComponent,
+        AppSidebarNavComponent] });
+AppSidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarModule, providers: [
+        SidebarNavHelper,
+        AppSidebarService
+    ], imports: [RouterModule,
+        AppSidebarComponent,
+        AppSidebarFooterComponent,
+        AppSidebarFormComponent,
+        AppSidebarHeaderComponent,
+        AppSidebarMinimizerComponent,
+        AppSidebarMinimizerComponent,
+        AppSidebarNavComponent,
+        AppSidebarNavItemsComponent,
+        AppSidebarNavDividerComponent,
+        AppSidebarNavDropdownComponent,
+        AppSidebarNavLinkContentComponent,
+        AppSidebarNavTitleComponent,
+        AppSidebarNavLabelComponent,
+        AppSidebarNavLinkComponent,
+        LayoutModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        RouterModule,
+                        AppSidebarComponent,
+                        AppSidebarFooterComponent,
+                        AppSidebarFormComponent,
+                        AppSidebarHeaderComponent,
+                        AppSidebarMinimizerComponent,
+                        AppSidebarMinimizerComponent,
+                        AppSidebarNavComponent,
+                        NavDropdownDirective,
+                        AppSidebarNavItemsComponent,
+                        AppSidebarNavDividerComponent,
+                        AppSidebarNavDropdownComponent,
+                        AppSidebarNavLinkContentComponent,
+                        AppSidebarNavTitleComponent,
+                        AppSidebarNavLabelComponent,
+                        AppSidebarNavIconPipe,
+                        AppSidebarNavBadgePipe,
+                        AppSidebarNavLinkPipe,
+                        AppSidebarNavItemClassPipe,
+                        AppSidebarNavLinkComponent,
+                        NavDropdownToggleDirective,
+                        LayoutModule
+                    ],
+                    exports: [
+                        AppSidebarFooterComponent,
+                        AppSidebarFormComponent,
+                        AppSidebarHeaderComponent,
+                        AppSidebarMinimizerComponent,
+                        AppSidebarComponent,
+                        // AppSidebarNavItemsComponent,
+                        AppSidebarNavComponent,
+                        // AppSidebarNavDividerComponent,
+                        // AppSidebarNavDropdownComponent,
+                        // AppSidebarNavLabelComponent,
+                        // AppSidebarNavLinkComponent,
+                        // AppSidebarNavLinkContentComponent,
+                        // AppSidebarNavTitleComponent,
+                        // NavDropdownDirective,
+                        // NavDropdownToggleDirective,
+                    ],
+                    providers: [
+                        SidebarNavHelper,
+                        AppSidebarService
+                    ]
+                }]
         }] });
 
-// export { NavDropdownDirective, NavDropdownToggleDirective } from './app-sidebar-nav.directive';
-// export { AppSidebarNavDividerComponent } from './app-sidebar-nav/app-sidebar-nav-divider.component';
-// export { AppSidebarNavDropdownComponent } from './app-sidebar-nav/app-sidebar-nav-dropdown.component';
-// export { AppSidebarNavItemsComponent } from './app-sidebar-nav/app-sidebar-nav-items.component';
-// export { AppSidebarNavLinkComponent, AppSidebarNavLinkContentComponent } from './app-sidebar-nav/app-sidebar-nav-link.component';
-// export { AppSidebarNavTitleComponent } from './app-sidebar-nav/app-sidebar-nav-title.component';
+// export { NavDropdownDirective, NavDropdownToggleDirective } from './app-sidebar-nav.directive';
+// export { AppSidebarNavDividerComponent } from './app-sidebar-nav/app-sidebar-nav-divider.component';
+// export { AppSidebarNavDropdownComponent } from './app-sidebar-nav/app-sidebar-nav-dropdown.component';
+// export { AppSidebarNavItemsComponent } from './app-sidebar-nav/app-sidebar-nav-items.component';
+// export { AppSidebarNavLinkComponent, AppSidebarNavLinkContentComponent } from './app-sidebar-nav/app-sidebar-nav-link.component';
+// export { AppSidebarNavTitleComponent } from './app-sidebar-nav/app-sidebar-nav-title.component';
 // export { AppSidebarNavLabelComponent } from './app-sidebar-nav/app-sidebar-nav-label.component';
 
-/*
- * Public API Surface of @coreui/angular
- */
-// export * from './lib/shared/index';
+/*
+ * Public API Surface of @coreui/angular
+ */
+// export * from './lib/shared/index';
 // export * from './lib/coreui.module';
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { AppAsideComponent, AppAsideModule, AppBreadcrumbComponent, AppBreadcrumbModule, AppFooterComponent, AppFooterModule, AppHeaderComponent, AppHeaderModule, AppSidebarComponent, AppSidebarFooterComponent, AppSidebarFormComponent, AppSidebarHeaderComponent, AppSidebarMinimizerComponent, AppSidebarModule, AppSidebarNavComponent, CuiBreadcrumbComponent, SidebarNavHelper };