@ngstarter-ui/components 1.0.28 → 1.0.31

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

@@ -7,35 +7,35 @@ import { signalStore, withState, withMethods, patchState } from '@ngrx/signals';
 
 class Sidebar {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Sidebar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: Sidebar, isStandalone: true, selector: "ngs-sidebar", host: { classAttribute: "ngs-sidebar" }, exportAs: ["ngsSidebar"], ngImport: i0, template: "<ng-content select=\"ngs-sidebar-header\"/>\n<ng-content select=\"ngs-sidebar-body\"/>\n<ng-content select=\"ngs-sidebar-footer\"/>\n", styles: [":host{--ngs-sidebar-bg: transparent;display:flex;flex-direction:column;overflow-x:hidden;height:100%;width:var(--ngs-sidebar-width);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background:var(--ngs-sidebar-bg)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: Sidebar, isStandalone: true, selector: "ngs-sidebar", host: { classAttribute: "ngs-sidebar" }, exportAs: ["ngsSidebar"], ngImport: i0, template: "<ng-content select=\"ngs-sidebar-header\"/>\n<ng-content select=\"ngs-sidebar-body\"/>\n<ng-content select=\"ngs-sidebar-footer\"/>\n", styles: [":host{--ngs-sidebar-bg: transparent;display:flex;flex-direction:column;overflow-x:hidden;height:100%;width:var(--ngs-sidebar-width);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background:var(--ngs-sidebar-bg)}:host-context(.ngs-sidenav.is-collapsed:not(:hover)),:host(.compact:not(:hover)){width:var(--ngs-sidenav-collapsed-width, 74px)}:host-context(.ngs-sidenav.is-collapsed:hover),:host(.compact:hover){width:var(--ngs-sidebar-width)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Sidebar, decorators: [{
             type: Component,
             args: [{ selector: 'ngs-sidebar', exportAs: 'ngsSidebar', host: {
                         'class': 'ngs-sidebar',
-                    }, template: "<ng-content select=\"ngs-sidebar-header\"/>\n<ng-content select=\"ngs-sidebar-body\"/>\n<ng-content select=\"ngs-sidebar-footer\"/>\n", styles: [":host{--ngs-sidebar-bg: transparent;display:flex;flex-direction:column;overflow-x:hidden;height:100%;width:var(--ngs-sidebar-width);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background:var(--ngs-sidebar-bg)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content select=\"ngs-sidebar-header\"/>\n<ng-content select=\"ngs-sidebar-body\"/>\n<ng-content select=\"ngs-sidebar-footer\"/>\n", styles: [":host{--ngs-sidebar-bg: transparent;display:flex;flex-direction:column;overflow-x:hidden;height:100%;width:var(--ngs-sidebar-width);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background:var(--ngs-sidebar-bg)}:host-context(.ngs-sidenav.is-collapsed:not(:hover)),:host(.compact:not(:hover)){width:var(--ngs-sidenav-collapsed-width, 74px)}:host-context(.ngs-sidenav.is-collapsed:hover),:host(.compact:hover){width:var(--ngs-sidebar-width)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class SidebarHeader {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SidebarHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: SidebarHeader, isStandalone: true, selector: "ngs-sidebar-header", host: { classAttribute: "ngs-sidebar-header" }, exportAs: ["ngsSidebarHeader"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{--ngs-sidebar-header-compact-padding: calc(var(--spacing, .25rem) * 4) 0;flex:none;width:100%}:host ::ng-deep .ngs-sidebar-compact-view-mode{display:none}:host-context(.ngs-sidebar.compact:not(:hover)){padding:var(--ngs-sidebar-header-compact-padding);display:flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host-context(.ngs-sidebar.compact:not(:hover)) ::ng-deep .ngs-sidebar-full-view-mode{display:none}:host-context(.ngs-sidebar.compact:not(:hover)) ::ng-deep .ngs-sidebar-compact-view-mode{display:block}:host-context(.ngs-sidebar.compact:hover) ::ng-deep .ngs-sidebar-compact-view-mode{display:none}:host-context(.ngs-sidebar.compact:hover) ::ng-deep .ngs-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: SidebarHeader, isStandalone: true, selector: "ngs-sidebar-header", host: { classAttribute: "ngs-sidebar-header" }, exportAs: ["ngsSidebarHeader"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{--ngs-sidebar-header-compact-padding: calc(var(--spacing, .25rem) * 4) 0;flex:none;width:100%}:host ::ng-deep .ngs-sidebar-compact-view-mode{display:none}:host-context(.ngs-sidebar.compact:not(:hover)),:host-context(.ngs-sidenav.is-collapsed:not(:hover)){padding:var(--ngs-sidebar-header-compact-padding);display:flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host-context(.ngs-sidebar.compact:not(:hover)) ::ng-deep .ngs-sidebar-full-view-mode,:host-context(.ngs-sidenav.is-collapsed:not(:hover)) ::ng-deep .ngs-sidebar-full-view-mode{display:none}:host-context(.ngs-sidebar.compact:not(:hover)) ::ng-deep .ngs-sidebar-compact-view-mode,:host-context(.ngs-sidenav.is-collapsed:not(:hover)) ::ng-deep .ngs-sidebar-compact-view-mode{display:block}:host-context(.ngs-sidebar.compact:hover) ::ng-deep .ngs-sidebar-compact-view-mode,:host-context(.ngs-sidenav.is-collapsed:hover) ::ng-deep .ngs-sidebar-compact-view-mode{display:none}:host-context(.ngs-sidebar.compact:hover) ::ng-deep .ngs-sidebar-full-view-mode,:host-context(.ngs-sidenav.is-collapsed:hover) ::ng-deep .ngs-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SidebarHeader, decorators: [{
             type: Component,
             args: [{ selector: 'ngs-sidebar-header', exportAs: 'ngsSidebarHeader', host: {
                         'class': 'ngs-sidebar-header',
-                    }, template: "<ng-content/>\n", styles: [":host{--ngs-sidebar-header-compact-padding: calc(var(--spacing, .25rem) * 4) 0;flex:none;width:100%}:host ::ng-deep .ngs-sidebar-compact-view-mode{display:none}:host-context(.ngs-sidebar.compact:not(:hover)){padding:var(--ngs-sidebar-header-compact-padding);display:flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host-context(.ngs-sidebar.compact:not(:hover)) ::ng-deep .ngs-sidebar-full-view-mode{display:none}:host-context(.ngs-sidebar.compact:not(:hover)) ::ng-deep .ngs-sidebar-compact-view-mode{display:block}:host-context(.ngs-sidebar.compact:hover) ::ng-deep .ngs-sidebar-compact-view-mode{display:none}:host-context(.ngs-sidebar.compact:hover) ::ng-deep .ngs-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{--ngs-sidebar-header-compact-padding: calc(var(--spacing, .25rem) * 4) 0;flex:none;width:100%}:host ::ng-deep .ngs-sidebar-compact-view-mode{display:none}:host-context(.ngs-sidebar.compact:not(:hover)),:host-context(.ngs-sidenav.is-collapsed:not(:hover)){padding:var(--ngs-sidebar-header-compact-padding);display:flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host-context(.ngs-sidebar.compact:not(:hover)) ::ng-deep .ngs-sidebar-full-view-mode,:host-context(.ngs-sidenav.is-collapsed:not(:hover)) ::ng-deep .ngs-sidebar-full-view-mode{display:none}:host-context(.ngs-sidebar.compact:not(:hover)) ::ng-deep .ngs-sidebar-compact-view-mode,:host-context(.ngs-sidenav.is-collapsed:not(:hover)) ::ng-deep .ngs-sidebar-compact-view-mode{display:block}:host-context(.ngs-sidebar.compact:hover) ::ng-deep .ngs-sidebar-compact-view-mode,:host-context(.ngs-sidenav.is-collapsed:hover) ::ng-deep .ngs-sidebar-compact-view-mode{display:none}:host-context(.ngs-sidebar.compact:hover) ::ng-deep .ngs-sidebar-full-view-mode,:host-context(.ngs-sidenav.is-collapsed:hover) ::ng-deep .ngs-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class SidebarBody {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SidebarBody, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: SidebarBody, isStandalone: true, selector: "ngs-sidebar-body,ngs-sidebar-content", host: { classAttribute: "ngs-sidebar-body ngs-sidebar-content" }, exportAs: ["ngsSidebarBody"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;width:100%;flex-grow:1;overflow-y:auto;overflow-x:hidden;position:relative}:host .scroll-content{padding:0}:host-context(.ngs-sidebar.compact){overflow-y:hidden;padding:0}:host-context(.ngs-sidebar.compact:hover){overflow-y:auto}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: SidebarBody, isStandalone: true, selector: "ngs-sidebar-body,ngs-sidebar-content", host: { classAttribute: "ngs-sidebar-body ngs-sidebar-content" }, exportAs: ["ngsSidebarBody"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;width:100%;flex-grow:1;overflow-y:auto;overflow-x:hidden;position:relative}:host .scroll-content{padding:0}:host-context(.ngs-sidebar.compact),:host-context(.ngs-sidenav.is-collapsed:not(:hover)){overflow-y:hidden;padding:0}:host-context(.ngs-sidebar.compact:hover),:host-context(.ngs-sidenav.is-collapsed:hover){overflow-y:auto}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SidebarBody, decorators: [{
             type: Component,
             args: [{ selector: 'ngs-sidebar-body,ngs-sidebar-content', exportAs: 'ngsSidebarBody', imports: [], host: {
                         'class': 'ngs-sidebar-body ngs-sidebar-content'
-                    }, template: "<ng-content/>\n", styles: [":host{display:block;width:100%;flex-grow:1;overflow-y:auto;overflow-x:hidden;position:relative}:host .scroll-content{padding:0}:host-context(.ngs-sidebar.compact){overflow-y:hidden;padding:0}:host-context(.ngs-sidebar.compact:hover){overflow-y:auto}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{display:block;width:100%;flex-grow:1;overflow-y:auto;overflow-x:hidden;position:relative}:host .scroll-content{padding:0}:host-context(.ngs-sidebar.compact),:host-context(.ngs-sidenav.is-collapsed:not(:hover)){overflow-y:hidden;padding:0}:host-context(.ngs-sidebar.compact:hover),:host-context(.ngs-sidenav.is-collapsed:hover){overflow-y:auto}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 const SIDEBAR_NAVIGATION = new InjectionToken('Sidebar navigation');
@@ -88,7 +88,7 @@ class SidebarNavItem {
         return this._elementRef;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SidebarNavItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: SidebarNavItem, isStandalone: true, selector: "ngs-sidebar-nav-item,[ngs-sidebar-nav-item]", inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: false, transformFunction: null }, forceActive: { classPropertyName: "forceActive", publicName: "forceActive", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "click($event)" }, properties: { "class.is-active": "forceActive() || active" }, classAttribute: "ngs-sidebar-nav-item" }, exportAs: ["ngs-sidebar-nav-item"], ngImport: i0, template: "<div class=\"inner\" ngsRipple>\n  <div class=\"icon\">\n    <ng-content select=\"[ngsSidebarNavItemIcon]\"/>\n  </div>\n  <span class=\"text grow\"><ng-content/></span>\n  <div class=\"badge\">\n    <ng-content select=\"[ngsSidebarNavItemBadge]\"/>\n  </div>\n</div>\n", styles: [":host{display:block;text-decoration:none;position:relative}:host .inner{display:flex;align-items:center;min-width:0;white-space:nowrap;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;width:var(--ngs-sidebar-nav-item-width);background:var(--ngs-sidebar-nav-item-bg);min-height:var(--ngs-sidebar-nav-item-height);padding:var(--ngs-sidebar-nav-item-padding);font-size:var(--ngs-sidebar-nav-item-font-size);border-radius:var(--ngs-sidebar-nav-item-radius);font-weight:var(--ngs-sidebar-nav-item-font-weight);color:var(--ngs-sidebar-nav-item-color);gap:var(--ngs-sidebar-nav-item-gap)}:host:hover .inner{transition:background-color .2s}:host .text{overflow:hidden;text-overflow:ellipsis}:host .badge:empty{display:none}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing, .25rem) * 5);min-width:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;font-size:.625rem;padding:0 calc(var(--spacing, .25rem) * 1.5);background:var(--color-primary);color:var(--color-on-primary)}:host .icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--ngs-sidebar-nav-item-icon-width);color:var(--ngs-sidebar-nav-item-icon-color)}:host .icon:empty{display:none}:host:hover{text-decoration:none}:host:hover .inner{background:var(--ngs-sidebar-nav-item-hover-bg);color:var(--ngs-sidebar-nav-item-hover-color)}:host.is-active .inner,:host.is-active:hover .inner{background:var(--ngs-sidebar-nav-item-active-bg);color:var(--ngs-sidebar-nav-item-active-color)}:host.is-active .icon{color:var(--ngs-sidebar-nav-item-active-icon-color)}:host:not(.is-active):hover{text-decoration:none}:host:not(.is-active):hover .icon{color:var(--ngs-sidebar-nav-item-hover-icon-color)}:host-context(.ngs-sidebar-nav-group-menu) .inner{margin:var(--ngs-sidebar-nav-nested-item-margin);width:calc(var(--ngs-sidebar-nav-item-width) - var(--ngs-sidebar-nav-nested-item-margin));background:var(--ngs-sidebar-nav-nested-item-bg);min-height:var(--ngs-sidebar-nav-nested-item-height);padding:var(--ngs-sidebar-nav-nested-item-padding);color:var(--ngs-sidebar-nav-nested-item-color)}:host-context(.ngs-sidebar-nav-group-menu):hover .inner{background:var(--ngs-sidebar-nav-nested-item-hover-bg);color:var(--ngs-sidebar-nav-nested-item-hover-color)}:host-context(.ngs-sidebar-nav-group-menu).is-active .inner,:host-context(.ngs-sidebar-nav-group-menu).is-active:hover .inner{background:var(--ngs-sidebar-nav-nested-item-active-bg);color:var(--ngs-sidebar-nav-nested-item-active-color)}:host-context(.ngs-sidebar-nav-group-menu):not(:last-child):before{content:\"\";position:absolute;top:0;left:20px;bottom:-10px;width:1px;background:var(--ngs-sidebar-nav-group-tree-lines-color);z-index:0}:host-context(.ngs-sidebar-nav-group-menu):after{content:\"\";position:absolute;top:0;left:20px;width:calc(var(--ngs-sidebar-nav-nested-item-height) / 1.5);height:calc(var(--ngs-sidebar-nav-nested-item-height) / 2);border-bottom-left-radius:calc(var(--ngs-sidebar-nav-nested-item-height) / 4);border-left:1px solid var(--ngs-sidebar-nav-group-tree-lines-color);border-bottom:1px solid var(--ngs-sidebar-nav-group-tree-lines-color)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: Ripple, selector: "[ngsRipple]", inputs: ["ngsRippleColor", "ngsRippleUnbounded", "ngsRippleCentered", "ngsRippleRadius", "ngsRippleAnimation", "ngsRippleDisabled", "ngsRippleTrigger"], outputs: ["ngsRippleCenteredChange", "ngsRippleDisabledChange", "ngsRippleTriggerChange"], exportAs: ["ngsRipple"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: SidebarNavItem, isStandalone: true, selector: "ngs-sidebar-nav-item,[ngs-sidebar-nav-item]", inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: false, transformFunction: null }, forceActive: { classPropertyName: "forceActive", publicName: "forceActive", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "click($event)" }, properties: { "class.is-active": "forceActive() || active" }, classAttribute: "ngs-sidebar-nav-item" }, exportAs: ["ngs-sidebar-nav-item"], ngImport: i0, template: "<div class=\"inner\" ngsRipple>\n  <div class=\"icon\">\n    <ng-content select=\"[ngsSidebarNavItemIcon]\"/>\n  </div>\n  <span class=\"text grow\"><ng-content/></span>\n  <div class=\"badge\">\n    <ng-content select=\"[ngsSidebarNavItemBadge]\"/>\n  </div>\n</div>\n", styles: [":host{display:block;text-decoration:none;position:relative}:host .inner{display:flex;align-items:center;min-width:0;white-space:nowrap;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;width:var(--ngs-sidebar-nav-item-width);background:var(--ngs-sidebar-nav-item-bg);min-height:var(--ngs-sidebar-nav-item-height);padding:var(--ngs-sidebar-nav-item-padding);font-size:var(--ngs-sidebar-nav-item-font-size);border-radius:var(--ngs-sidebar-nav-item-radius);font-weight:var(--ngs-sidebar-nav-item-font-weight);color:var(--ngs-sidebar-nav-item-color);gap:var(--ngs-sidebar-nav-item-gap)}:host:hover .inner{transition:background-color .2s}:host .text{overflow:hidden;text-overflow:ellipsis}:host .badge:empty{display:none}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:var(--ngs-nav-badge-size);min-width:var(--ngs-nav-badge-size);align-items:center;justify-content:center;font-size:var(--ngs-font-size-xs);padding:var(--ngs-nav-badge-padding);background:var(--ngs-color-primary);color:var(--ngs-color-on-primary)}:host .icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--ngs-sidebar-nav-item-icon-width);color:var(--ngs-sidebar-nav-item-icon-color)}:host .icon:empty{display:none}:host:hover{text-decoration:none}:host:hover .inner{background:var(--ngs-sidebar-nav-item-hover-bg);color:var(--ngs-sidebar-nav-item-hover-color)}:host.is-active .inner,:host.is-active:hover .inner{background:var(--ngs-sidebar-nav-item-active-bg);color:var(--ngs-sidebar-nav-item-active-color)}:host.is-active .icon{color:var(--ngs-sidebar-nav-item-active-icon-color)}:host:not(.is-active):hover{text-decoration:none}:host:not(.is-active):hover .icon{color:var(--ngs-sidebar-nav-item-hover-icon-color)}:host-context(.ngs-sidebar.compact:not(:hover)) .inner,:host-context(.ngs-sidenav.is-collapsed:not(:hover)) .inner{justify-content:center;padding:0;gap:0}:host-context(.ngs-sidebar.compact:not(:hover)) .text,:host-context(.ngs-sidebar.compact:not(:hover)) .badge,:host-context(.ngs-sidenav.is-collapsed:not(:hover)) .text,:host-context(.ngs-sidenav.is-collapsed:not(:hover)) .badge{display:none}:host-context(.ngs-sidebar.compact:not(:hover)) .icon,:host-context(.ngs-sidenav.is-collapsed:not(:hover)) .icon{width:var(--ngs-sidebar-nav-item-icon-width)}:host-context(.ngs-sidebar-nav-group-menu) .inner{margin:var(--ngs-sidebar-nav-nested-item-margin);width:calc(var(--ngs-sidebar-nav-item-width) - var(--ngs-sidebar-nav-nested-item-margin));background:var(--ngs-sidebar-nav-nested-item-bg);min-height:var(--ngs-sidebar-nav-nested-item-height);padding:var(--ngs-sidebar-nav-nested-item-padding);color:var(--ngs-sidebar-nav-nested-item-color)}:host-context(.ngs-sidebar-nav-group-menu):hover .inner{background:var(--ngs-sidebar-nav-nested-item-hover-bg);color:var(--ngs-sidebar-nav-nested-item-hover-color)}:host-context(.ngs-sidebar-nav-group-menu).is-active .inner,:host-context(.ngs-sidebar-nav-group-menu).is-active:hover .inner{background:var(--ngs-sidebar-nav-nested-item-active-bg);color:var(--ngs-sidebar-nav-nested-item-active-color)}:host-context(.ngs-sidebar-nav-group-menu):not(:last-child):before{content:\"\";position:absolute;top:0;left:20px;bottom:-10px;width:1px;background:var(--ngs-sidebar-nav-group-tree-lines-color);z-index:0}:host-context(.ngs-sidebar-nav-group-menu):after{content:\"\";position:absolute;top:0;left:20px;width:calc(var(--ngs-sidebar-nav-nested-item-height) / 1.5);height:calc(var(--ngs-sidebar-nav-nested-item-height) / 2);border-bottom-left-radius:calc(var(--ngs-sidebar-nav-nested-item-height) / 4);border-left:1px solid var(--ngs-sidebar-nav-group-tree-lines-color);border-bottom:1px solid var(--ngs-sidebar-nav-group-tree-lines-color)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: Ripple, selector: "[ngsRipple]", inputs: ["ngsRippleColor", "ngsRippleUnbounded", "ngsRippleCentered", "ngsRippleRadius", "ngsRippleAnimation", "ngsRippleDisabled", "ngsRippleTrigger"], outputs: ["ngsRippleCenteredChange", "ngsRippleDisabledChange", "ngsRippleTriggerChange"], exportAs: ["ngsRipple"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SidebarNavItem, decorators: [{
             type: Component,
@@ -98,7 +98,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                         'class': 'ngs-sidebar-nav-item',
                         '[class.is-active]': 'forceActive() || active',
                         '(click)': 'click($event)'
-                    }, template: "<div class=\"inner\" ngsRipple>\n  <div class=\"icon\">\n    <ng-content select=\"[ngsSidebarNavItemIcon]\"/>\n  </div>\n  <span class=\"text grow\"><ng-content/></span>\n  <div class=\"badge\">\n    <ng-content select=\"[ngsSidebarNavItemBadge]\"/>\n  </div>\n</div>\n", styles: [":host{display:block;text-decoration:none;position:relative}:host .inner{display:flex;align-items:center;min-width:0;white-space:nowrap;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;width:var(--ngs-sidebar-nav-item-width);background:var(--ngs-sidebar-nav-item-bg);min-height:var(--ngs-sidebar-nav-item-height);padding:var(--ngs-sidebar-nav-item-padding);font-size:var(--ngs-sidebar-nav-item-font-size);border-radius:var(--ngs-sidebar-nav-item-radius);font-weight:var(--ngs-sidebar-nav-item-font-weight);color:var(--ngs-sidebar-nav-item-color);gap:var(--ngs-sidebar-nav-item-gap)}:host:hover .inner{transition:background-color .2s}:host .text{overflow:hidden;text-overflow:ellipsis}:host .badge:empty{display:none}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing, .25rem) * 5);min-width:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;font-size:.625rem;padding:0 calc(var(--spacing, .25rem) * 1.5);background:var(--color-primary);color:var(--color-on-primary)}:host .icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--ngs-sidebar-nav-item-icon-width);color:var(--ngs-sidebar-nav-item-icon-color)}:host .icon:empty{display:none}:host:hover{text-decoration:none}:host:hover .inner{background:var(--ngs-sidebar-nav-item-hover-bg);color:var(--ngs-sidebar-nav-item-hover-color)}:host.is-active .inner,:host.is-active:hover .inner{background:var(--ngs-sidebar-nav-item-active-bg);color:var(--ngs-sidebar-nav-item-active-color)}:host.is-active .icon{color:var(--ngs-sidebar-nav-item-active-icon-color)}:host:not(.is-active):hover{text-decoration:none}:host:not(.is-active):hover .icon{color:var(--ngs-sidebar-nav-item-hover-icon-color)}:host-context(.ngs-sidebar-nav-group-menu) .inner{margin:var(--ngs-sidebar-nav-nested-item-margin);width:calc(var(--ngs-sidebar-nav-item-width) - var(--ngs-sidebar-nav-nested-item-margin));background:var(--ngs-sidebar-nav-nested-item-bg);min-height:var(--ngs-sidebar-nav-nested-item-height);padding:var(--ngs-sidebar-nav-nested-item-padding);color:var(--ngs-sidebar-nav-nested-item-color)}:host-context(.ngs-sidebar-nav-group-menu):hover .inner{background:var(--ngs-sidebar-nav-nested-item-hover-bg);color:var(--ngs-sidebar-nav-nested-item-hover-color)}:host-context(.ngs-sidebar-nav-group-menu).is-active .inner,:host-context(.ngs-sidebar-nav-group-menu).is-active:hover .inner{background:var(--ngs-sidebar-nav-nested-item-active-bg);color:var(--ngs-sidebar-nav-nested-item-active-color)}:host-context(.ngs-sidebar-nav-group-menu):not(:last-child):before{content:\"\";position:absolute;top:0;left:20px;bottom:-10px;width:1px;background:var(--ngs-sidebar-nav-group-tree-lines-color);z-index:0}:host-context(.ngs-sidebar-nav-group-menu):after{content:\"\";position:absolute;top:0;left:20px;width:calc(var(--ngs-sidebar-nav-nested-item-height) / 1.5);height:calc(var(--ngs-sidebar-nav-nested-item-height) / 2);border-bottom-left-radius:calc(var(--ngs-sidebar-nav-nested-item-height) / 4);border-left:1px solid var(--ngs-sidebar-nav-group-tree-lines-color);border-bottom:1px solid var(--ngs-sidebar-nav-group-tree-lines-color)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"inner\" ngsRipple>\n  <div class=\"icon\">\n    <ng-content select=\"[ngsSidebarNavItemIcon]\"/>\n  </div>\n  <span class=\"text grow\"><ng-content/></span>\n  <div class=\"badge\">\n    <ng-content select=\"[ngsSidebarNavItemBadge]\"/>\n  </div>\n</div>\n", styles: [":host{display:block;text-decoration:none;position:relative}:host .inner{display:flex;align-items:center;min-width:0;white-space:nowrap;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;width:var(--ngs-sidebar-nav-item-width);background:var(--ngs-sidebar-nav-item-bg);min-height:var(--ngs-sidebar-nav-item-height);padding:var(--ngs-sidebar-nav-item-padding);font-size:var(--ngs-sidebar-nav-item-font-size);border-radius:var(--ngs-sidebar-nav-item-radius);font-weight:var(--ngs-sidebar-nav-item-font-weight);color:var(--ngs-sidebar-nav-item-color);gap:var(--ngs-sidebar-nav-item-gap)}:host:hover .inner{transition:background-color .2s}:host .text{overflow:hidden;text-overflow:ellipsis}:host .badge:empty{display:none}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:var(--ngs-nav-badge-size);min-width:var(--ngs-nav-badge-size);align-items:center;justify-content:center;font-size:var(--ngs-font-size-xs);padding:var(--ngs-nav-badge-padding);background:var(--ngs-color-primary);color:var(--ngs-color-on-primary)}:host .icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--ngs-sidebar-nav-item-icon-width);color:var(--ngs-sidebar-nav-item-icon-color)}:host .icon:empty{display:none}:host:hover{text-decoration:none}:host:hover .inner{background:var(--ngs-sidebar-nav-item-hover-bg);color:var(--ngs-sidebar-nav-item-hover-color)}:host.is-active .inner,:host.is-active:hover .inner{background:var(--ngs-sidebar-nav-item-active-bg);color:var(--ngs-sidebar-nav-item-active-color)}:host.is-active .icon{color:var(--ngs-sidebar-nav-item-active-icon-color)}:host:not(.is-active):hover{text-decoration:none}:host:not(.is-active):hover .icon{color:var(--ngs-sidebar-nav-item-hover-icon-color)}:host-context(.ngs-sidebar.compact:not(:hover)) .inner,:host-context(.ngs-sidenav.is-collapsed:not(:hover)) .inner{justify-content:center;padding:0;gap:0}:host-context(.ngs-sidebar.compact:not(:hover)) .text,:host-context(.ngs-sidebar.compact:not(:hover)) .badge,:host-context(.ngs-sidenav.is-collapsed:not(:hover)) .text,:host-context(.ngs-sidenav.is-collapsed:not(:hover)) .badge{display:none}:host-context(.ngs-sidebar.compact:not(:hover)) .icon,:host-context(.ngs-sidenav.is-collapsed:not(:hover)) .icon{width:var(--ngs-sidebar-nav-item-icon-width)}:host-context(.ngs-sidebar-nav-group-menu) .inner{margin:var(--ngs-sidebar-nav-nested-item-margin);width:calc(var(--ngs-sidebar-nav-item-width) - var(--ngs-sidebar-nav-nested-item-margin));background:var(--ngs-sidebar-nav-nested-item-bg);min-height:var(--ngs-sidebar-nav-nested-item-height);padding:var(--ngs-sidebar-nav-nested-item-padding);color:var(--ngs-sidebar-nav-nested-item-color)}:host-context(.ngs-sidebar-nav-group-menu):hover .inner{background:var(--ngs-sidebar-nav-nested-item-hover-bg);color:var(--ngs-sidebar-nav-nested-item-hover-color)}:host-context(.ngs-sidebar-nav-group-menu).is-active .inner,:host-context(.ngs-sidebar-nav-group-menu).is-active:hover .inner{background:var(--ngs-sidebar-nav-nested-item-active-bg);color:var(--ngs-sidebar-nav-nested-item-active-color)}:host-context(.ngs-sidebar-nav-group-menu):not(:last-child):before{content:\"\";position:absolute;top:0;left:20px;bottom:-10px;width:1px;background:var(--ngs-sidebar-nav-group-tree-lines-color);z-index:0}:host-context(.ngs-sidebar-nav-group-menu):after{content:\"\";position:absolute;top:0;left:20px;width:calc(var(--ngs-sidebar-nav-nested-item-height) / 1.5);height:calc(var(--ngs-sidebar-nav-nested-item-height) / 2);border-bottom-left-radius:calc(var(--ngs-sidebar-nav-nested-item-height) / 4);border-left:1px solid var(--ngs-sidebar-nav-group-tree-lines-color);border-bottom:1px solid var(--ngs-sidebar-nav-group-tree-lines-color)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], forceActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceActive", required: false }] }] } });
 
 class SidebarNavGroupToggle {
@@ -121,7 +121,7 @@ class SidebarNavGroupToggle {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SidebarNavGroupToggle, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: SidebarNavGroupToggle, isStandalone: true, selector: "ngs-sidebar-nav-group-toggle", host: { listeners: { "click": "toggle($event)" }, properties: { "class.is-active": "active" }, classAttribute: "ngs-sidebar-nav-group-toggle" }, exportAs: ["ngsSidebarNavGroupToggle"], hostDirectives: [{ directive: i1.Ripple }], ngImport: i0, template: "<div class=\"icon\"><ng-content select=\"[ngsSidebarNavItemIcon]\"/></div>\n<span class=\"text grow\"><ng-content/></span>\n<div class=\"flex items-center gap-0.5\">\n  <div class=\"badge\">\n    <ng-content select=\"[ngsSidebarNavItemBadge]\"/>\n  </div>\n  <div class=\"arrow\">\n    <ng-content select=\"[ngsSidebarNavGroupToggleIcon]\"/>\n  </div>\n</div>\n", styles: [":host{display:flex;align-items:center;min-width:0;white-space:nowrap;position:relative;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--ngs-sidebar-nav-group-toggle-bg);min-height:var(--ngs-sidebar-nav-item-height);padding:var(--ngs-sidebar-nav-item-padding);font-size:var(--ngs-sidebar-nav-item-font-size);border-radius:var(--ngs-sidebar-nav-item-radius);font-weight:var(--ngs-sidebar-nav-item-font-weight);color:var(--ngs-sidebar-nav-item-color);gap:var(--ngs-sidebar-nav-item-gap);width:var(--ngs-sidebar-nav-item-width)}:host .text{overflow:hidden;text-overflow:ellipsis}:host .text ::ng-deep .ngs-sidebar-full-view-mode{display:block}:host .text ::ng-deep .ngs-sidebar-compact-view-mode{display:none}:host .badge:empty{display:none}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;min-width:calc(var(--spacing, .25rem) * 5);font-size:.625rem;padding:0 calc(var(--spacing, .25rem) * 1.5);background:var(--color-primary);color:var(--color-on-primary)}:host .icon{display:inline-flex;align-items:center;justify-content:center;width:var(--ngs-sidebar-nav-item-icon-width);color:var(--ngs-sidebar-nav-group-toggle-icon-color);flex:none}:host .icon:empty{display:none}:host .arrow{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease;color:var(--ngs-sidebar-nav-group-arrow-color);width:calc(var(--spacing, .25rem) * 7);height:calc(var(--spacing, .25rem) * 7);flex:none}:host .arrow:empty{display:none}:host:hover{background:var(--ngs-sidebar-nav-item-hover-bg);color:var(--ngs-sidebar-nav-group-toggle-hover-icon-color);transition:background-color .2s}:host.is-active,:host.is-active:hover{background:var(--ngs-sidebar-nav-group-toggle-active-bg);color:var(--ngs-sidebar-nav-group-toggle-active-color)}:host:not(.is-active):hover .icon{color:var(--ngs-sidebar-nav-item-hover-icon-color)}:host.is-active .icon{color:var(--ngs-sidebar-nav-group-toggle-active-icon-color)}:host.is-active .arrow{transform:rotate(-180deg)}:host:has(.arrow:not(:empty)){padding-inline-end:var(--ngs-sidebar-nav-group-toggle-has-icon-padding-end)}:host-context(.ngs-sidebar.compact) .text ::ng-deep .ngs-sidebar-full-view-mode{display:none}:host-context(.ngs-sidebar.compact) .text ::ng-deep .ngs-sidebar-compact-view-mode{display:block}:host-context(.ngs-sidebar.compact:hover) .text ::ng-deep .ngs-sidebar-compact-view-mode{display:none}:host-context(.ngs-sidebar.compact:hover) .text ::ng-deep .ngs-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: SidebarNavGroupToggle, isStandalone: true, selector: "ngs-sidebar-nav-group-toggle", host: { listeners: { "click": "toggle($event)" }, properties: { "class.is-active": "active" }, classAttribute: "ngs-sidebar-nav-group-toggle" }, exportAs: ["ngsSidebarNavGroupToggle"], hostDirectives: [{ directive: i1.Ripple }], ngImport: i0, template: "<div class=\"icon\"><ng-content select=\"[ngsSidebarNavItemIcon]\"/></div>\n<span class=\"text grow\"><ng-content/></span>\n<div class=\"flex items-center gap-0.5\">\n  <div class=\"badge\">\n    <ng-content select=\"[ngsSidebarNavItemBadge]\"/>\n  </div>\n  <div class=\"arrow\">\n    <ng-content select=\"[ngsSidebarNavGroupToggleIcon]\"/>\n  </div>\n</div>\n", styles: [":host{display:flex;align-items:center;min-width:0;white-space:nowrap;position:relative;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--ngs-sidebar-nav-group-toggle-bg);min-height:var(--ngs-sidebar-nav-item-height);padding:var(--ngs-sidebar-nav-item-padding);font-size:var(--ngs-sidebar-nav-item-font-size);border-radius:var(--ngs-sidebar-nav-item-radius);font-weight:var(--ngs-sidebar-nav-item-font-weight);color:var(--ngs-sidebar-nav-item-color);gap:var(--ngs-sidebar-nav-item-gap);width:var(--ngs-sidebar-nav-item-width)}:host .text{overflow:hidden;text-overflow:ellipsis}:host .text ::ng-deep .ngs-sidebar-full-view-mode{display:block}:host .text ::ng-deep .ngs-sidebar-compact-view-mode{display:none}:host .badge:empty{display:none}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:var(--ngs-nav-badge-size);align-items:center;justify-content:center;min-width:var(--ngs-nav-badge-size);font-size:var(--ngs-font-size-xs);padding:var(--ngs-nav-badge-padding);background:var(--ngs-color-primary);color:var(--ngs-color-on-primary)}:host .icon{display:inline-flex;align-items:center;justify-content:center;width:var(--ngs-sidebar-nav-item-icon-width);color:var(--ngs-sidebar-nav-group-toggle-icon-color);flex:none}:host .icon:empty{display:none}:host .arrow{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease;color:var(--ngs-sidebar-nav-group-arrow-color);width:var(--ngs-nav-arrow-size);height:var(--ngs-nav-arrow-size);flex:none}:host .arrow:empty{display:none}:host:hover{background:var(--ngs-sidebar-nav-item-hover-bg);color:var(--ngs-sidebar-nav-group-toggle-hover-icon-color);transition:background-color .2s}:host.is-active,:host.is-active:hover{background:var(--ngs-sidebar-nav-group-toggle-active-bg);color:var(--ngs-sidebar-nav-group-toggle-active-color)}:host:not(.is-active):hover .icon{color:var(--ngs-sidebar-nav-item-hover-icon-color)}:host.is-active .icon{color:var(--ngs-sidebar-nav-group-toggle-active-icon-color)}:host.is-active .arrow{transform:rotate(-180deg)}:host:has(.arrow:not(:empty)){padding-inline-end:var(--ngs-sidebar-nav-group-toggle-has-icon-padding-end)}:host-context(.ngs-sidebar.compact) .text,:host-context(.ngs-sidenav.is-collapsed:not(:hover)) .text{display:none}:host-context(.ngs-sidebar.compact) .text ::ng-deep .ngs-sidebar-full-view-mode,:host-context(.ngs-sidenav.is-collapsed:not(:hover)) .text ::ng-deep .ngs-sidebar-full-view-mode{display:none}:host-context(.ngs-sidebar.compact) .text ::ng-deep .ngs-sidebar-compact-view-mode,:host-context(.ngs-sidenav.is-collapsed:not(:hover)) .text ::ng-deep .ngs-sidebar-compact-view-mode{display:block}:host-context(.ngs-sidebar.compact),:host-context(.ngs-sidenav.is-collapsed:not(:hover)){justify-content:center;padding:0;gap:0}:host-context(.ngs-sidebar.compact)>.flex,:host-context(.ngs-sidebar.compact) .badge,:host-context(.ngs-sidebar.compact) .arrow,:host-context(.ngs-sidenav.is-collapsed:not(:hover))>.flex,:host-context(.ngs-sidenav.is-collapsed:not(:hover)) .badge,:host-context(.ngs-sidenav.is-collapsed:not(:hover)) .arrow{display:none}:host-context(.ngs-sidebar.compact:hover) .text,:host-context(.ngs-sidenav.is-collapsed:hover) .text{display:block}:host-context(.ngs-sidebar.compact:hover) .text ::ng-deep .ngs-sidebar-compact-view-mode,:host-context(.ngs-sidenav.is-collapsed:hover) .text ::ng-deep .ngs-sidebar-compact-view-mode{display:none}:host-context(.ngs-sidebar.compact:hover) .text ::ng-deep .ngs-sidebar-full-view-mode,:host-context(.ngs-sidenav.is-collapsed:hover) .text ::ng-deep .ngs-sidebar-full-view-mode{display:block}:host-context(.ngs-sidebar.compact:hover),:host-context(.ngs-sidenav.is-collapsed:hover){justify-content:flex-start;padding:var(--ngs-sidebar-nav-item-padding);gap:var(--ngs-sidebar-nav-item-gap)}:host-context(.ngs-sidebar.compact:hover)>.flex,:host-context(.ngs-sidenav.is-collapsed:hover)>.flex{display:flex}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SidebarNavGroupToggle, decorators: [{
             type: Component,
@@ -131,7 +131,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                         'class': 'ngs-sidebar-nav-group-toggle',
                         '[class.is-active]': 'active',
                         '(click)': 'toggle($event)'
-                    }, template: "<div class=\"icon\"><ng-content select=\"[ngsSidebarNavItemIcon]\"/></div>\n<span class=\"text grow\"><ng-content/></span>\n<div class=\"flex items-center gap-0.5\">\n  <div class=\"badge\">\n    <ng-content select=\"[ngsSidebarNavItemBadge]\"/>\n  </div>\n  <div class=\"arrow\">\n    <ng-content select=\"[ngsSidebarNavGroupToggleIcon]\"/>\n  </div>\n</div>\n", styles: [":host{display:flex;align-items:center;min-width:0;white-space:nowrap;position:relative;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--ngs-sidebar-nav-group-toggle-bg);min-height:var(--ngs-sidebar-nav-item-height);padding:var(--ngs-sidebar-nav-item-padding);font-size:var(--ngs-sidebar-nav-item-font-size);border-radius:var(--ngs-sidebar-nav-item-radius);font-weight:var(--ngs-sidebar-nav-item-font-weight);color:var(--ngs-sidebar-nav-item-color);gap:var(--ngs-sidebar-nav-item-gap);width:var(--ngs-sidebar-nav-item-width)}:host .text{overflow:hidden;text-overflow:ellipsis}:host .text ::ng-deep .ngs-sidebar-full-view-mode{display:block}:host .text ::ng-deep .ngs-sidebar-compact-view-mode{display:none}:host .badge:empty{display:none}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;min-width:calc(var(--spacing, .25rem) * 5);font-size:.625rem;padding:0 calc(var(--spacing, .25rem) * 1.5);background:var(--color-primary);color:var(--color-on-primary)}:host .icon{display:inline-flex;align-items:center;justify-content:center;width:var(--ngs-sidebar-nav-item-icon-width);color:var(--ngs-sidebar-nav-group-toggle-icon-color);flex:none}:host .icon:empty{display:none}:host .arrow{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease;color:var(--ngs-sidebar-nav-group-arrow-color);width:calc(var(--spacing, .25rem) * 7);height:calc(var(--spacing, .25rem) * 7);flex:none}:host .arrow:empty{display:none}:host:hover{background:var(--ngs-sidebar-nav-item-hover-bg);color:var(--ngs-sidebar-nav-group-toggle-hover-icon-color);transition:background-color .2s}:host.is-active,:host.is-active:hover{background:var(--ngs-sidebar-nav-group-toggle-active-bg);color:var(--ngs-sidebar-nav-group-toggle-active-color)}:host:not(.is-active):hover .icon{color:var(--ngs-sidebar-nav-item-hover-icon-color)}:host.is-active .icon{color:var(--ngs-sidebar-nav-group-toggle-active-icon-color)}:host.is-active .arrow{transform:rotate(-180deg)}:host:has(.arrow:not(:empty)){padding-inline-end:var(--ngs-sidebar-nav-group-toggle-has-icon-padding-end)}:host-context(.ngs-sidebar.compact) .text ::ng-deep .ngs-sidebar-full-view-mode{display:none}:host-context(.ngs-sidebar.compact) .text ::ng-deep .ngs-sidebar-compact-view-mode{display:block}:host-context(.ngs-sidebar.compact:hover) .text ::ng-deep .ngs-sidebar-compact-view-mode{display:none}:host-context(.ngs-sidebar.compact:hover) .text ::ng-deep .ngs-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"icon\"><ng-content select=\"[ngsSidebarNavItemIcon]\"/></div>\n<span class=\"text grow\"><ng-content/></span>\n<div class=\"flex items-center gap-0.5\">\n  <div class=\"badge\">\n    <ng-content select=\"[ngsSidebarNavItemBadge]\"/>\n  </div>\n  <div class=\"arrow\">\n    <ng-content select=\"[ngsSidebarNavGroupToggleIcon]\"/>\n  </div>\n</div>\n", styles: [":host{display:flex;align-items:center;min-width:0;white-space:nowrap;position:relative;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--ngs-sidebar-nav-group-toggle-bg);min-height:var(--ngs-sidebar-nav-item-height);padding:var(--ngs-sidebar-nav-item-padding);font-size:var(--ngs-sidebar-nav-item-font-size);border-radius:var(--ngs-sidebar-nav-item-radius);font-weight:var(--ngs-sidebar-nav-item-font-weight);color:var(--ngs-sidebar-nav-item-color);gap:var(--ngs-sidebar-nav-item-gap);width:var(--ngs-sidebar-nav-item-width)}:host .text{overflow:hidden;text-overflow:ellipsis}:host .text ::ng-deep .ngs-sidebar-full-view-mode{display:block}:host .text ::ng-deep .ngs-sidebar-compact-view-mode{display:none}:host .badge:empty{display:none}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:var(--ngs-nav-badge-size);align-items:center;justify-content:center;min-width:var(--ngs-nav-badge-size);font-size:var(--ngs-font-size-xs);padding:var(--ngs-nav-badge-padding);background:var(--ngs-color-primary);color:var(--ngs-color-on-primary)}:host .icon{display:inline-flex;align-items:center;justify-content:center;width:var(--ngs-sidebar-nav-item-icon-width);color:var(--ngs-sidebar-nav-group-toggle-icon-color);flex:none}:host .icon:empty{display:none}:host .arrow{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease;color:var(--ngs-sidebar-nav-group-arrow-color);width:var(--ngs-nav-arrow-size);height:var(--ngs-nav-arrow-size);flex:none}:host .arrow:empty{display:none}:host:hover{background:var(--ngs-sidebar-nav-item-hover-bg);color:var(--ngs-sidebar-nav-group-toggle-hover-icon-color);transition:background-color .2s}:host.is-active,:host.is-active:hover{background:var(--ngs-sidebar-nav-group-toggle-active-bg);color:var(--ngs-sidebar-nav-group-toggle-active-color)}:host:not(.is-active):hover .icon{color:var(--ngs-sidebar-nav-item-hover-icon-color)}:host.is-active .icon{color:var(--ngs-sidebar-nav-group-toggle-active-icon-color)}:host.is-active .arrow{transform:rotate(-180deg)}:host:has(.arrow:not(:empty)){padding-inline-end:var(--ngs-sidebar-nav-group-toggle-has-icon-padding-end)}:host-context(.ngs-sidebar.compact) .text,:host-context(.ngs-sidenav.is-collapsed:not(:hover)) .text{display:none}:host-context(.ngs-sidebar.compact) .text ::ng-deep .ngs-sidebar-full-view-mode,:host-context(.ngs-sidenav.is-collapsed:not(:hover)) .text ::ng-deep .ngs-sidebar-full-view-mode{display:none}:host-context(.ngs-sidebar.compact) .text ::ng-deep .ngs-sidebar-compact-view-mode,:host-context(.ngs-sidenav.is-collapsed:not(:hover)) .text ::ng-deep .ngs-sidebar-compact-view-mode{display:block}:host-context(.ngs-sidebar.compact),:host-context(.ngs-sidenav.is-collapsed:not(:hover)){justify-content:center;padding:0;gap:0}:host-context(.ngs-sidebar.compact)>.flex,:host-context(.ngs-sidebar.compact) .badge,:host-context(.ngs-sidebar.compact) .arrow,:host-context(.ngs-sidenav.is-collapsed:not(:hover))>.flex,:host-context(.ngs-sidenav.is-collapsed:not(:hover)) .badge,:host-context(.ngs-sidenav.is-collapsed:not(:hover)) .arrow{display:none}:host-context(.ngs-sidebar.compact:hover) .text,:host-context(.ngs-sidenav.is-collapsed:hover) .text{display:block}:host-context(.ngs-sidebar.compact:hover) .text ::ng-deep .ngs-sidebar-compact-view-mode,:host-context(.ngs-sidenav.is-collapsed:hover) .text ::ng-deep .ngs-sidebar-compact-view-mode{display:none}:host-context(.ngs-sidebar.compact:hover) .text ::ng-deep .ngs-sidebar-full-view-mode,:host-context(.ngs-sidenav.is-collapsed:hover) .text ::ng-deep .ngs-sidebar-full-view-mode{display:block}:host-context(.ngs-sidebar.compact:hover),:host-context(.ngs-sidenav.is-collapsed:hover){justify-content:flex-start;padding:var(--ngs-sidebar-nav-item-padding);gap:var(--ngs-sidebar-nav-item-gap)}:host-context(.ngs-sidebar.compact:hover)>.flex,:host-context(.ngs-sidenav.is-collapsed:hover)>.flex{display:flex}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class SidebarNavItemDefDirective {
@@ -344,7 +344,7 @@ class SidebarNav {
                 useExisting: forwardRef(() => SidebarNav),
             },
             SidebarNavStore
-        ], queries: [{ propertyName: "_items", predicate: SidebarNavItem, descendants: true, isSignal: true }, { propertyName: "_groups", predicate: SidebarNavGroup, descendants: true, isSignal: true }, { propertyName: "_defs", predicate: SidebarNavItemDefDirective, isSignal: true }], exportAs: ["ngsSidebarNav"], usesOnChanges: true, ngImport: i0, template: "@if (dataSource(); as data) {\n  @for (item of data; track item) {\n    <ng-container *ngTemplateOutlet=\"getTemplate(item); context: { $implicit: item }\" />\n  }\n} @else {\n  <ng-content/>\n}\n", styles: [":host{--ngs-sidebar-nav-bg: inherit;--ngs-sidebar-nav-items-gap: calc(var(--spacing, .25rem) * .5);--ngs-sidebar-nav-item-width: 100%;--ngs-sidebar-nav-item-bg: transparent;--ngs-sidebar-nav-item-height: calc(var(--spacing, .25rem) * 11);--ngs-sidebar-nav-item-padding: 0 calc(var(--spacing, .25rem) * 3);--ngs-sidebar-nav-item-font-size: var(--nav-item-font-size);--ngs-sidebar-nav-item-radius: var(--nav-item-radius);--ngs-sidebar-nav-item-border-width: 0;--ngs-sidebar-nav-item-border-color: transparent;--ngs-sidebar-nav-item-font-weight: 500;--ngs-sidebar-nav-item-color: var(--nav-item-color);--ngs-sidebar-nav-item-hover-bg: var(--nav-item-hover-bg);--ngs-sidebar-nav-item-active-bg: var(--nav-item-active-bg);--ngs-sidebar-nav-item-active-color: var(--nav-item-active-color);--ngs-sidebar-nav-item-icon-font-size: 1.5rem;--ngs-sidebar-nav-item-icon-color: var(--nav-item-icon-color);--ngs-sidebar-nav-group-arrow-color: var(--nav-item-icon-color);--ngs-sidebar-nav-item-icon-width: 24px;--ngs-sidebar-nav-item-hover-icon-color: var(--nav-item-hover-icon-color);--ngs-sidebar-nav-item-active-icon-color: var(--nav-item-active-icon-color);--ngs-sidebar-nav-item-icon-size: calc(var(--spacing, .25rem) * 6);--ngs-sidebar-nav-item-gap: calc(var(--spacing, .25rem) * 2.5);--ngs-sidebar-nav-item-has-icon-padding-start: calc(var(--spacing, .25rem) * 2.5);--ngs-sidebar-nav-heading-color: var(--color-neutral-400);--ngs-sidebar-nav-heading-font-size: .625rem;--ngs-sidebar-nav-heading-font-weight: 700;--ngs-sidebar-nav-heading-padding: 0 calc(var(--spacing, .25rem) * 3);--ngs-sidebar-nav-heading-margin-top: calc(var(--spacing, .25rem) * 6);--ngs-sidebar-nav-heading-margin-bottom: calc(var(--spacing, .25rem) * 2);--ngs-sidebar-nav-heading-after-margin: calc(var(--spacing, .25rem) * 8);--ngs-sidebar-nav-heading-text-transform: uppercase;--ngs-sidebar-nav-divider-height: 1px;--ngs-sidebar-nav-divider-bg: var(--color-outline-variant);--ngs-sidebar-nav-divider-margin: calc(var(--spacing, .25rem) * 6) 0;--ngs-sidebar-nav-group-toggle-has-icon-padding-end: calc(var(--spacing, .25rem) * 1.5);--ngs-sidebar-nav-group-toggle-icon-color: var(--color-on-surface-variant);--ngs-sidebar-nav-group-toggle-icon-position-end: calc(var(--spacing, .25rem) * 3);--ngs-sidebar-nav-group-toggle-icon-size: calc(var(--spacing, .25rem) * 4);--ngs-sidebar-nav-group-menu-padding-start: 0;--ngs-sidebar-nav-group-toggle-bg: transparent;--ngs-sidebar-nav-group-toggle-active-bg: var(--nav-item-active-bg);--ngs-sidebar-nav-group-toggle-active-color: var(--nav-item-active-color);--ngs-sidebar-nav-group-toggle-hover-icon-color: var(--nav-item-hover-icon-color);--ngs-sidebar-nav-group-toggle-active-icon-color: var(--nav-item-active-icon-color);--ngs-sidebar-nav-nested-item-bg: transparent;--ngs-sidebar-nav-nested-item-height: calc(var(--spacing, .25rem) * 11);--ngs-sidebar-nav-nested-item-padding: 0 calc(var(--spacing, .25rem) * 4);--ngs-sidebar-nav-nested-item-margin: 0 0 0 52px;--ngs-sidebar-nav-nested-item-border-radius: 0;--ngs-sidebar-nav-nested-item-color: var(--nav-item-color);--ngs-sidebar-nav-nested-item-hover-bg: var(--nav-item-hover-bg);--ngs-sidebar-nav-nested-item-active-bg: var(--nav-item-active-bg);--ngs-sidebar-nav-nested-item-hover-color: var(--nav-item-hover-color);--ngs-sidebar-nav-nested-item-active-color: var(--nav-item-active-color);--ngs-sidebar-nav-nested-item-indicator-width: calc(var(--spacing, .25rem) * 3.5);--ngs-sidebar-nav-nested-item-indicator-height: calc(var(--spacing, .25rem) * .5);--ngs-sidebar-nav-nested-item-indicator-bg: var(--color-outline);--ngs-sidebar-nav-nested-item-indicator-position-start: calc(calc(var(--spacing, .25rem) * 2.5) * -1);--ngs-sidebar-nav-group-active-bg: transparent;--ngs-sidebar-nav-group-border-radius: 0;--ngs-sidebar-nav-group-tree-lines-color: var(--color-subtle);--ngs-sidebar-nav-heading-text-align: start;flex-grow:1;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:var(--ngs-sidebar-nav-items-gap);background:var(--ngs-sidebar-nav-bg)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], queries: [{ propertyName: "_items", predicate: SidebarNavItem, descendants: true, isSignal: true }, { propertyName: "_groups", predicate: SidebarNavGroup, descendants: true, isSignal: true }, { propertyName: "_defs", predicate: SidebarNavItemDefDirective, isSignal: true }], exportAs: ["ngsSidebarNav"], usesOnChanges: true, ngImport: i0, template: "@if (dataSource(); as data) {\n  @for (item of data; track item) {\n    <ng-container *ngTemplateOutlet=\"getTemplate(item); context: { $implicit: item }\" />\n  }\n} @else {\n  <ng-content/>\n}\n", styles: [":host{--ngs-sidebar-nav-bg: inherit;--ngs-sidebar-nav-items-gap: var(--ngs-nav-items-gap);--ngs-sidebar-nav-item-width: var(--ngs-nav-item-width);--ngs-sidebar-nav-item-bg: transparent;--ngs-sidebar-nav-item-height: var(--ngs-nav-item-height);--ngs-sidebar-nav-item-padding: var(--ngs-nav-item-padding);--ngs-sidebar-nav-item-font-size: var(--ngs-nav-item-font-size);--ngs-sidebar-nav-item-radius: var(--ngs-nav-item-radius);--ngs-sidebar-nav-item-border-width: var(--ngs-nav-item-border-width);--ngs-sidebar-nav-item-border-color: var(--ngs-nav-item-border-color);--ngs-sidebar-nav-item-font-weight: var(--ngs-nav-item-font-weight);--ngs-sidebar-nav-item-color: var(--ngs-nav-item-color);--ngs-sidebar-nav-item-hover-bg: var(--ngs-nav-item-hover-bg);--ngs-sidebar-nav-item-hover-color: var(--ngs-nav-item-hover-color);--ngs-sidebar-nav-item-active-bg: var(--ngs-nav-item-active-bg);--ngs-sidebar-nav-item-active-color: var(--ngs-nav-item-active-color);--ngs-sidebar-nav-item-icon-font-size: var(--ngs-nav-item-icon-font-size);--ngs-sidebar-nav-item-icon-color: var(--ngs-nav-item-icon-color);--ngs-sidebar-nav-group-arrow-color: var(--ngs-nav-item-icon-color);--ngs-sidebar-nav-item-icon-width: var(--ngs-nav-item-icon-width);--ngs-sidebar-nav-item-hover-icon-color: var(--ngs-nav-item-hover-icon-color);--ngs-sidebar-nav-item-active-icon-color: var(--ngs-nav-item-active-icon-color);--ngs-sidebar-nav-item-icon-size: var(--ngs-nav-item-icon-size);--ngs-sidebar-nav-item-gap: var(--ngs-nav-item-gap);--ngs-sidebar-nav-item-has-icon-padding-start: var(--ngs-nav-item-gap);--ngs-sidebar-nav-heading-color: var(--ngs-color-emphasis);--ngs-sidebar-nav-heading-font-size: var(--ngs-font-size-xs);--ngs-sidebar-nav-heading-font-weight: var(--ngs-nav-heading-font-weight);--ngs-sidebar-nav-heading-padding: var(--ngs-nav-heading-padding);--ngs-sidebar-nav-heading-margin-top: var(--ngs-nav-heading-margin-top);--ngs-sidebar-nav-heading-margin-bottom: var(--ngs-nav-heading-margin-bottom);--ngs-sidebar-nav-heading-after-margin: var(--ngs-nav-heading-after-margin);--ngs-sidebar-nav-heading-text-transform: var(--ngs-nav-heading-text-transform);--ngs-sidebar-nav-divider-height: var(--ngs-nav-divider-height);--ngs-sidebar-nav-divider-bg: var(--ngs-color-outline-variant);--ngs-sidebar-nav-divider-margin: var(--ngs-nav-divider-margin);--ngs-sidebar-nav-group-toggle-has-icon-padding-end: var(--ngs-nav-group-toggle-padding-end);--ngs-sidebar-nav-group-toggle-icon-color: var(--ngs-color-on-surface-variant);--ngs-sidebar-nav-group-toggle-icon-position-end: var(--ngs-nav-group-toggle-icon-position-end);--ngs-sidebar-nav-group-toggle-icon-size: var(--ngs-nav-group-toggle-icon-size);--ngs-sidebar-nav-group-menu-padding-start: 0;--ngs-sidebar-nav-group-toggle-bg: transparent;--ngs-sidebar-nav-group-toggle-active-bg: var(--ngs-nav-item-active-bg);--ngs-sidebar-nav-group-toggle-active-color: var(--ngs-nav-item-active-color);--ngs-sidebar-nav-group-toggle-hover-icon-color: var(--ngs-nav-item-hover-icon-color);--ngs-sidebar-nav-group-toggle-active-icon-color: var(--ngs-nav-item-active-icon-color);--ngs-sidebar-nav-nested-item-bg: transparent;--ngs-sidebar-nav-nested-item-height: var(--ngs-nav-nested-item-height);--ngs-sidebar-nav-nested-item-padding: var(--ngs-nav-nested-item-padding);--ngs-sidebar-nav-nested-item-margin: var(--ngs-nav-nested-item-margin);--ngs-sidebar-nav-nested-item-border-radius: var(--ngs-nav-nested-item-border-radius);--ngs-sidebar-nav-nested-item-color: var(--ngs-nav-item-color);--ngs-sidebar-nav-nested-item-hover-bg: var(--ngs-nav-item-hover-bg);--ngs-sidebar-nav-nested-item-active-bg: var(--ngs-nav-item-active-bg);--ngs-sidebar-nav-nested-item-hover-color: var(--ngs-nav-item-hover-color);--ngs-sidebar-nav-nested-item-active-color: var(--ngs-nav-item-active-color);--ngs-sidebar-nav-nested-item-indicator-width: var(--ngs-nav-nested-item-indicator-width);--ngs-sidebar-nav-nested-item-indicator-height: var(--ngs-nav-nested-item-indicator-height);--ngs-sidebar-nav-nested-item-indicator-bg: var(--ngs-color-outline);--ngs-sidebar-nav-nested-item-indicator-position-start: var(--ngs-nav-nested-item-indicator-position-start);--ngs-sidebar-nav-group-active-bg: transparent;--ngs-sidebar-nav-group-border-radius: 0;--ngs-sidebar-nav-group-tree-lines-color: var(--ngs-color-subtle);--ngs-sidebar-nav-heading-text-align: var(--ngs-nav-heading-text-align);flex-grow:1;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:var(--ngs-sidebar-nav-items-gap);background:var(--ngs-sidebar-nav-bg)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SidebarNav, decorators: [{
             type: Component,
@@ -358,7 +358,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                         SidebarNavStore
                     ], host: {
                         'class': 'ngs-sidebar-nav',
-                    }, template: "@if (dataSource(); as data) {\n  @for (item of data; track item) {\n    <ng-container *ngTemplateOutlet=\"getTemplate(item); context: { $implicit: item }\" />\n  }\n} @else {\n  <ng-content/>\n}\n", styles: [":host{--ngs-sidebar-nav-bg: inherit;--ngs-sidebar-nav-items-gap: calc(var(--spacing, .25rem) * .5);--ngs-sidebar-nav-item-width: 100%;--ngs-sidebar-nav-item-bg: transparent;--ngs-sidebar-nav-item-height: calc(var(--spacing, .25rem) * 11);--ngs-sidebar-nav-item-padding: 0 calc(var(--spacing, .25rem) * 3);--ngs-sidebar-nav-item-font-size: var(--nav-item-font-size);--ngs-sidebar-nav-item-radius: var(--nav-item-radius);--ngs-sidebar-nav-item-border-width: 0;--ngs-sidebar-nav-item-border-color: transparent;--ngs-sidebar-nav-item-font-weight: 500;--ngs-sidebar-nav-item-color: var(--nav-item-color);--ngs-sidebar-nav-item-hover-bg: var(--nav-item-hover-bg);--ngs-sidebar-nav-item-active-bg: var(--nav-item-active-bg);--ngs-sidebar-nav-item-active-color: var(--nav-item-active-color);--ngs-sidebar-nav-item-icon-font-size: 1.5rem;--ngs-sidebar-nav-item-icon-color: var(--nav-item-icon-color);--ngs-sidebar-nav-group-arrow-color: var(--nav-item-icon-color);--ngs-sidebar-nav-item-icon-width: 24px;--ngs-sidebar-nav-item-hover-icon-color: var(--nav-item-hover-icon-color);--ngs-sidebar-nav-item-active-icon-color: var(--nav-item-active-icon-color);--ngs-sidebar-nav-item-icon-size: calc(var(--spacing, .25rem) * 6);--ngs-sidebar-nav-item-gap: calc(var(--spacing, .25rem) * 2.5);--ngs-sidebar-nav-item-has-icon-padding-start: calc(var(--spacing, .25rem) * 2.5);--ngs-sidebar-nav-heading-color: var(--color-neutral-400);--ngs-sidebar-nav-heading-font-size: .625rem;--ngs-sidebar-nav-heading-font-weight: 700;--ngs-sidebar-nav-heading-padding: 0 calc(var(--spacing, .25rem) * 3);--ngs-sidebar-nav-heading-margin-top: calc(var(--spacing, .25rem) * 6);--ngs-sidebar-nav-heading-margin-bottom: calc(var(--spacing, .25rem) * 2);--ngs-sidebar-nav-heading-after-margin: calc(var(--spacing, .25rem) * 8);--ngs-sidebar-nav-heading-text-transform: uppercase;--ngs-sidebar-nav-divider-height: 1px;--ngs-sidebar-nav-divider-bg: var(--color-outline-variant);--ngs-sidebar-nav-divider-margin: calc(var(--spacing, .25rem) * 6) 0;--ngs-sidebar-nav-group-toggle-has-icon-padding-end: calc(var(--spacing, .25rem) * 1.5);--ngs-sidebar-nav-group-toggle-icon-color: var(--color-on-surface-variant);--ngs-sidebar-nav-group-toggle-icon-position-end: calc(var(--spacing, .25rem) * 3);--ngs-sidebar-nav-group-toggle-icon-size: calc(var(--spacing, .25rem) * 4);--ngs-sidebar-nav-group-menu-padding-start: 0;--ngs-sidebar-nav-group-toggle-bg: transparent;--ngs-sidebar-nav-group-toggle-active-bg: var(--nav-item-active-bg);--ngs-sidebar-nav-group-toggle-active-color: var(--nav-item-active-color);--ngs-sidebar-nav-group-toggle-hover-icon-color: var(--nav-item-hover-icon-color);--ngs-sidebar-nav-group-toggle-active-icon-color: var(--nav-item-active-icon-color);--ngs-sidebar-nav-nested-item-bg: transparent;--ngs-sidebar-nav-nested-item-height: calc(var(--spacing, .25rem) * 11);--ngs-sidebar-nav-nested-item-padding: 0 calc(var(--spacing, .25rem) * 4);--ngs-sidebar-nav-nested-item-margin: 0 0 0 52px;--ngs-sidebar-nav-nested-item-border-radius: 0;--ngs-sidebar-nav-nested-item-color: var(--nav-item-color);--ngs-sidebar-nav-nested-item-hover-bg: var(--nav-item-hover-bg);--ngs-sidebar-nav-nested-item-active-bg: var(--nav-item-active-bg);--ngs-sidebar-nav-nested-item-hover-color: var(--nav-item-hover-color);--ngs-sidebar-nav-nested-item-active-color: var(--nav-item-active-color);--ngs-sidebar-nav-nested-item-indicator-width: calc(var(--spacing, .25rem) * 3.5);--ngs-sidebar-nav-nested-item-indicator-height: calc(var(--spacing, .25rem) * .5);--ngs-sidebar-nav-nested-item-indicator-bg: var(--color-outline);--ngs-sidebar-nav-nested-item-indicator-position-start: calc(calc(var(--spacing, .25rem) * 2.5) * -1);--ngs-sidebar-nav-group-active-bg: transparent;--ngs-sidebar-nav-group-border-radius: 0;--ngs-sidebar-nav-group-tree-lines-color: var(--color-subtle);--ngs-sidebar-nav-heading-text-align: start;flex-grow:1;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:var(--ngs-sidebar-nav-items-gap);background:var(--ngs-sidebar-nav-bg)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "@if (dataSource(); as data) {\n  @for (item of data; track item) {\n    <ng-container *ngTemplateOutlet=\"getTemplate(item); context: { $implicit: item }\" />\n  }\n} @else {\n  <ng-content/>\n}\n", styles: [":host{--ngs-sidebar-nav-bg: inherit;--ngs-sidebar-nav-items-gap: var(--ngs-nav-items-gap);--ngs-sidebar-nav-item-width: var(--ngs-nav-item-width);--ngs-sidebar-nav-item-bg: transparent;--ngs-sidebar-nav-item-height: var(--ngs-nav-item-height);--ngs-sidebar-nav-item-padding: var(--ngs-nav-item-padding);--ngs-sidebar-nav-item-font-size: var(--ngs-nav-item-font-size);--ngs-sidebar-nav-item-radius: var(--ngs-nav-item-radius);--ngs-sidebar-nav-item-border-width: var(--ngs-nav-item-border-width);--ngs-sidebar-nav-item-border-color: var(--ngs-nav-item-border-color);--ngs-sidebar-nav-item-font-weight: var(--ngs-nav-item-font-weight);--ngs-sidebar-nav-item-color: var(--ngs-nav-item-color);--ngs-sidebar-nav-item-hover-bg: var(--ngs-nav-item-hover-bg);--ngs-sidebar-nav-item-hover-color: var(--ngs-nav-item-hover-color);--ngs-sidebar-nav-item-active-bg: var(--ngs-nav-item-active-bg);--ngs-sidebar-nav-item-active-color: var(--ngs-nav-item-active-color);--ngs-sidebar-nav-item-icon-font-size: var(--ngs-nav-item-icon-font-size);--ngs-sidebar-nav-item-icon-color: var(--ngs-nav-item-icon-color);--ngs-sidebar-nav-group-arrow-color: var(--ngs-nav-item-icon-color);--ngs-sidebar-nav-item-icon-width: var(--ngs-nav-item-icon-width);--ngs-sidebar-nav-item-hover-icon-color: var(--ngs-nav-item-hover-icon-color);--ngs-sidebar-nav-item-active-icon-color: var(--ngs-nav-item-active-icon-color);--ngs-sidebar-nav-item-icon-size: var(--ngs-nav-item-icon-size);--ngs-sidebar-nav-item-gap: var(--ngs-nav-item-gap);--ngs-sidebar-nav-item-has-icon-padding-start: var(--ngs-nav-item-gap);--ngs-sidebar-nav-heading-color: var(--ngs-color-emphasis);--ngs-sidebar-nav-heading-font-size: var(--ngs-font-size-xs);--ngs-sidebar-nav-heading-font-weight: var(--ngs-nav-heading-font-weight);--ngs-sidebar-nav-heading-padding: var(--ngs-nav-heading-padding);--ngs-sidebar-nav-heading-margin-top: var(--ngs-nav-heading-margin-top);--ngs-sidebar-nav-heading-margin-bottom: var(--ngs-nav-heading-margin-bottom);--ngs-sidebar-nav-heading-after-margin: var(--ngs-nav-heading-after-margin);--ngs-sidebar-nav-heading-text-transform: var(--ngs-nav-heading-text-transform);--ngs-sidebar-nav-divider-height: var(--ngs-nav-divider-height);--ngs-sidebar-nav-divider-bg: var(--ngs-color-outline-variant);--ngs-sidebar-nav-divider-margin: var(--ngs-nav-divider-margin);--ngs-sidebar-nav-group-toggle-has-icon-padding-end: var(--ngs-nav-group-toggle-padding-end);--ngs-sidebar-nav-group-toggle-icon-color: var(--ngs-color-on-surface-variant);--ngs-sidebar-nav-group-toggle-icon-position-end: var(--ngs-nav-group-toggle-icon-position-end);--ngs-sidebar-nav-group-toggle-icon-size: var(--ngs-nav-group-toggle-icon-size);--ngs-sidebar-nav-group-menu-padding-start: 0;--ngs-sidebar-nav-group-toggle-bg: transparent;--ngs-sidebar-nav-group-toggle-active-bg: var(--ngs-nav-item-active-bg);--ngs-sidebar-nav-group-toggle-active-color: var(--ngs-nav-item-active-color);--ngs-sidebar-nav-group-toggle-hover-icon-color: var(--ngs-nav-item-hover-icon-color);--ngs-sidebar-nav-group-toggle-active-icon-color: var(--ngs-nav-item-active-icon-color);--ngs-sidebar-nav-nested-item-bg: transparent;--ngs-sidebar-nav-nested-item-height: var(--ngs-nav-nested-item-height);--ngs-sidebar-nav-nested-item-padding: var(--ngs-nav-nested-item-padding);--ngs-sidebar-nav-nested-item-margin: var(--ngs-nav-nested-item-margin);--ngs-sidebar-nav-nested-item-border-radius: var(--ngs-nav-nested-item-border-radius);--ngs-sidebar-nav-nested-item-color: var(--ngs-nav-item-color);--ngs-sidebar-nav-nested-item-hover-bg: var(--ngs-nav-item-hover-bg);--ngs-sidebar-nav-nested-item-active-bg: var(--ngs-nav-item-active-bg);--ngs-sidebar-nav-nested-item-hover-color: var(--ngs-nav-item-hover-color);--ngs-sidebar-nav-nested-item-active-color: var(--ngs-nav-item-active-color);--ngs-sidebar-nav-nested-item-indicator-width: var(--ngs-nav-nested-item-indicator-width);--ngs-sidebar-nav-nested-item-indicator-height: var(--ngs-nav-nested-item-indicator-height);--ngs-sidebar-nav-nested-item-indicator-bg: var(--ngs-color-outline);--ngs-sidebar-nav-nested-item-indicator-position-start: var(--ngs-nav-nested-item-indicator-position-start);--ngs-sidebar-nav-group-active-bg: transparent;--ngs-sidebar-nav-group-border-radius: 0;--ngs-sidebar-nav-group-tree-lines-color: var(--ngs-color-subtle);--ngs-sidebar-nav-heading-text-align: var(--ngs-nav-heading-text-align);flex-grow:1;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:var(--ngs-sidebar-nav-items-gap);background:var(--ngs-sidebar-nav-bg)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { _items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SidebarNavItem), { ...{ descendants: true }, isSignal: true }] }], _groups: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SidebarNavGroup), { ...{ descendants: true }, isSignal: true }] }], _defs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SidebarNavItemDefDirective), { isSignal: true }] }], activeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeKey", required: false }] }], dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: false }] }], itemTypeProperty: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemTypeProperty", required: false }] }], autoScrollToActiveItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoScrollToActiveItem", required: false }] }], itemClicked: [{ type: i0.Output, args: ["itemClicked"] }] } });
 
 class SidebarFooter {
@@ -374,13 +374,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
 
 class SidebarNavHeading {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SidebarNavHeading, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: SidebarNavHeading, isStandalone: true, selector: "ngs-sidebar-nav-heading", host: { classAttribute: "ngs-sidebar-nav-heading" }, exportAs: ["ngsSidebarNavHeading"], ngImport: i0, template: "<div class=\"line\"></div>\n<div class=\"content\">\n  <ng-content/>\n</div>\n", styles: [":host{display:block;text-transform:var(--ngs-sidebar-nav-heading-text-transform);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--ngs-sidebar-nav-heading-color);font-size:var(--ngs-sidebar-nav-heading-font-size);font-weight:var(--ngs-sidebar-nav-heading-font-weight);padding:var(--ngs-sidebar-nav-heading-padding);margin-top:var(--ngs-sidebar-nav-heading-margin-top);margin-bottom:var(--ngs-sidebar-nav-heading-margin-bottom);text-align:var(--ngs-sidebar-nav-heading-text-align);height:calc(var(--spacing, .25rem) * 6);align-items:center;position:relative}:host:first-child{margin-top:0}:host .content{overflow:hidden;text-overflow:ellipsis}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: SidebarNavHeading, isStandalone: true, selector: "ngs-sidebar-nav-heading", host: { classAttribute: "ngs-sidebar-nav-heading" }, exportAs: ["ngsSidebarNavHeading"], ngImport: i0, template: "<div class=\"line\"></div>\n<div class=\"content\">\n  <ng-content/>\n</div>\n", styles: [":host{display:block;text-transform:var(--ngs-sidebar-nav-heading-text-transform);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--ngs-sidebar-nav-heading-color);font-size:var(--ngs-sidebar-nav-heading-font-size);font-weight:var(--ngs-sidebar-nav-heading-font-weight);padding:var(--ngs-sidebar-nav-heading-padding);margin-top:var(--ngs-sidebar-nav-heading-margin-top);margin-bottom:var(--ngs-sidebar-nav-heading-margin-bottom);text-align:var(--ngs-sidebar-nav-heading-text-align);height:var(--ngs-nav-heading-height);align-items:center;position:relative}:host:first-child{margin-top:0}:host .content{overflow:hidden;text-overflow:ellipsis}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SidebarNavHeading, decorators: [{
             type: Component,
             args: [{ selector: 'ngs-sidebar-nav-heading', exportAs: 'ngsSidebarNavHeading', imports: [], host: {
                         class: 'ngs-sidebar-nav-heading',
-                    }, template: "<div class=\"line\"></div>\n<div class=\"content\">\n  <ng-content/>\n</div>\n", styles: [":host{display:block;text-transform:var(--ngs-sidebar-nav-heading-text-transform);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--ngs-sidebar-nav-heading-color);font-size:var(--ngs-sidebar-nav-heading-font-size);font-weight:var(--ngs-sidebar-nav-heading-font-weight);padding:var(--ngs-sidebar-nav-heading-padding);margin-top:var(--ngs-sidebar-nav-heading-margin-top);margin-bottom:var(--ngs-sidebar-nav-heading-margin-bottom);text-align:var(--ngs-sidebar-nav-heading-text-align);height:calc(var(--spacing, .25rem) * 6);align-items:center;position:relative}:host:first-child{margin-top:0}:host .content{overflow:hidden;text-overflow:ellipsis}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"line\"></div>\n<div class=\"content\">\n  <ng-content/>\n</div>\n", styles: [":host{display:block;text-transform:var(--ngs-sidebar-nav-heading-text-transform);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--ngs-sidebar-nav-heading-color);font-size:var(--ngs-sidebar-nav-heading-font-size);font-weight:var(--ngs-sidebar-nav-heading-font-weight);padding:var(--ngs-sidebar-nav-heading-padding);margin-top:var(--ngs-sidebar-nav-heading-margin-top);margin-bottom:var(--ngs-sidebar-nav-heading-margin-bottom);text-align:var(--ngs-sidebar-nav-heading-text-align);height:var(--ngs-nav-heading-height);align-items:center;position:relative}:host:first-child{margin-top:0}:host .content{overflow:hidden;text-overflow:ellipsis}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class SidebarDivider {

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

@@ -1 +1 @@
-{"version":3,"file":"ngstarter-ui-components-sidebar.mjs","sources":["../../../projects/components/sidebar/src/sidebar/sidebar.ts","../../../projects/components/sidebar/src/sidebar/sidebar.html","../../../projects/components/sidebar/src/sidebar-header/sidebar-header.ts","../../../projects/components/sidebar/src/sidebar-header/sidebar-header.html","../../../projects/components/sidebar/src/sidebar-body/sidebar-body.ts","../../../projects/components/sidebar/src/sidebar-body/sidebar-body.html","../../../projects/components/sidebar/src/types.ts","../../../projects/components/sidebar/src/sidebar.store.ts","../../../projects/components/sidebar/src/sidebar-nav-item/sidebar-nav-item.ts","../../../projects/components/sidebar/src/sidebar-nav-item/sidebar-nav-item.html","../../../projects/components/sidebar/src/sidebar-nav-group-toggle/sidebar-nav-group-toggle.ts","../../../projects/components/sidebar/src/sidebar-nav-group-toggle/sidebar-nav-group-toggle.html","../../../projects/components/sidebar/src/sidebar-nav/sidebar-nav-item-def.directive.ts","../../../projects/components/sidebar/src/sidebar-nav-group-menu/sidebar-nav-group-menu.ts","../../../projects/components/sidebar/src/sidebar-nav-group-menu/sidebar-nav-group-menu.html","../../../projects/components/sidebar/src/sidebar-nav-group/sidebar-nav-group.ts","../../../projects/components/sidebar/src/sidebar-nav-group/sidebar-nav-group.html","../../../projects/components/sidebar/src/sidebar-nav/sidebar-nav.ts","../../../projects/components/sidebar/src/sidebar-nav/sidebar-nav.html","../../../projects/components/sidebar/src/sidebar-footer/sidebar-footer.ts","../../../projects/components/sidebar/src/sidebar-footer/sidebar-footer.html","../../../projects/components/sidebar/src/sidebar-nav-heading/sidebar-nav-heading.ts","../../../projects/components/sidebar/src/sidebar-nav-heading/sidebar-nav-heading.html","../../../projects/components/sidebar/src/sidebar-divider/sidebar-divider.ts","../../../projects/components/sidebar/src/sidebar-divider/sidebar-divider.html","../../../projects/components/sidebar/src/sidebar-nav-item-icon.directive.ts","../../../projects/components/sidebar/src/sidebar-nav-item-badge.directive.ts","../../../projects/components/sidebar/src/sidebar-nav-group-toggle-icon.directive.ts","../../../projects/components/sidebar/ngstarter-ui-components-sidebar.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-sidebar',\n  exportAs: 'ngsSidebar',\n  templateUrl: './sidebar.html',\n  styleUrl: './sidebar.scss',\n  host: {\n    'class': 'ngs-sidebar',\n  }\n})\nexport class Sidebar {\n}\n","<ng-content select=\"ngs-sidebar-header\"/>\n<ng-content select=\"ngs-sidebar-body\"/>\n<ng-content select=\"ngs-sidebar-footer\"/>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-sidebar-header',\n  exportAs: 'ngsSidebarHeader',\n  templateUrl: './sidebar-header.html',\n  styleUrl: './sidebar-header.scss',\n  host: {\n    'class': 'ngs-sidebar-header',\n  }\n})\nexport class SidebarHeader {\n\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-sidebar-body,ngs-sidebar-content',\n  exportAs: 'ngsSidebarBody',\n  templateUrl: './sidebar-body.html',\n  styleUrl: './sidebar-body.scss',\n  imports: [\n  ],\n  host: {\n    'class': 'ngs-sidebar-body ngs-sidebar-content'\n  }\n})\nexport class SidebarBody {\n\n}\n","<ng-content/>\n","import { InjectionToken } from '@angular/core';\n\nexport const SIDEBAR_NAVIGATION = new InjectionToken('Sidebar navigation');\nexport const SIDEBAR_NAVIGATION_GROUP = new InjectionToken('SIDEBAR_NAVIGATION_GROUP');\n","import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\n\nexport interface SidebarNavState {\n  activeItemKey: any;\n  activeGroupKey: any;\n}\n\nconst initialState: SidebarNavState = {\n  activeItemKey: null,\n  activeGroupKey: null,\n};\n\nexport const SidebarNavStore = signalStore(\n  withState(initialState),\n  withMethods((store) => ({\n    setItemActiveKey(activeItemKey: any): void {\n      patchState(store, { activeItemKey });\n    },\n    isItemActive(activeItemKey: any): boolean {\n      return store.activeItemKey() === activeItemKey;\n    },\n    setGroupActiveKey(activeGroupKey: any): void {\n      patchState(store, { activeGroupKey });\n    },\n    isGroupActive(activeGroupKey: any): boolean {\n      return store.activeGroupKey() === activeGroupKey;\n    }\n  }))\n);\n","import { booleanAttribute, Component, ElementRef, inject, input } from '@angular/core';\nimport { Ripple } from '@ngstarter-ui/components/core';\nimport { SIDEBAR_NAVIGATION } from '../types';\nimport { SidebarNav } from '../sidebar-nav/sidebar-nav';\nimport { SidebarNavStore } from '../sidebar.store';\n\nexport class SidebarNavItemInterface {\n  active: boolean;\n}\n\n@Component({\n  selector: 'ngs-sidebar-nav-item,[ngs-sidebar-nav-item]',\n  exportAs: 'ngs-sidebar-nav-item',\n  imports: [\n    Ripple\n  ],\n  templateUrl: './sidebar-nav-item.html',\n  styleUrl: './sidebar-nav-item.scss',\n  host: {\n    'class': 'ngs-sidebar-nav-item',\n    '[class.is-active]': 'forceActive() || active',\n    '(click)': 'click($event)'\n  }\n})\nexport class SidebarNavItem implements SidebarNavItemInterface {\n  private _navigation = inject<SidebarNav>(SIDEBAR_NAVIGATION);\n  private _elementRef = inject(ElementRef);\n  private _navStore = inject(SidebarNavStore);\n\n  get api() {\n    return {\n      isActive: () => this.active\n    }\n  }\n\n  key = input<any>(Math.random());\n  forceActive = input(false, {\n    transform: booleanAttribute\n  });\n\n  click(event: MouseEvent) {\n    if (!this.key()) {\n      return;\n    }\n\n    this._navStore.setItemActiveKey(this.key());\n    this._navigation.itemClicked.emit(this.key());\n  }\n\n  get active(): boolean {\n    return this._navStore.isItemActive(this.key());\n  }\n\n  get _hostElement(): ElementRef {\n    return this._elementRef;\n  }\n}\n","<div class=\"inner\" ngsRipple>\n  <div class=\"icon\">\n    <ng-content select=\"[ngsSidebarNavItemIcon]\"/>\n  </div>\n  <span class=\"text grow\"><ng-content/></span>\n  <div class=\"badge\">\n    <ng-content select=\"[ngsSidebarNavItemBadge]\"/>\n  </div>\n</div>\n","import { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';\nimport { Ripple } from '@ngstarter-ui/components/core';\nimport { SidebarNavStore } from '../sidebar.store';\n\n@Component({\n  selector: 'ngs-sidebar-nav-group-toggle',\n  exportAs: 'ngsSidebarNavGroupToggle',\n  templateUrl: './sidebar-nav-group-toggle.html',\n  styleUrl: './sidebar-nav-group-toggle.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    Ripple\n  ],\n  host: {\n    'class': 'ngs-sidebar-nav-group-toggle',\n    '[class.is-active]': 'active',\n    '(click)': 'toggle($event)'\n  }\n})\nexport class SidebarNavGroupToggle {\n  private _navStore = inject(SidebarNavStore);\n\n  readonly for = signal<any>(null);\n\n  get active(): boolean {\n    if (!this.for()) {\n      return false;\n    }\n\n    return this._navStore.isGroupActive(this.for());\n  }\n\n  toggle(event: MouseEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (this._navStore.isGroupActive(this.for())) {\n      this._navStore.setGroupActiveKey(null);\n    } else {\n      this._navStore.setGroupActiveKey(this.for());\n    }\n  }\n}\n","<div class=\"icon\"><ng-content select=\"[ngsSidebarNavItemIcon]\"/></div>\n<span class=\"text grow\"><ng-content/></span>\n<div class=\"flex items-center gap-0.5\">\n  <div class=\"badge\">\n    <ng-content select=\"[ngsSidebarNavItemBadge]\"/>\n  </div>\n  <div class=\"arrow\">\n    <ng-content select=\"[ngsSidebarNavGroupToggleIcon]\"/>\n  </div>\n</div>\n","import { Directive, input, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[ngsSidebarNavItemDef]',\n  standalone: true\n})\nexport class SidebarNavItemDefDirective {\n  when = input<string | ((item: any) => boolean) | undefined>(undefined, { alias: 'ngsSidebarNavItemDef' });\n\n  constructor(public template: TemplateRef<any>) {}\n}\n","import {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  contentChildren,\n  inject,\n  input,\n  OnInit,\n  signal,\n  TemplateRef,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { SIDEBAR_NAVIGATION, SIDEBAR_NAVIGATION_GROUP } from '../types';\nimport { SidebarNav } from '../sidebar-nav/sidebar-nav';\nimport { SidebarNavGroup } from '../sidebar-nav-group/sidebar-nav-group';\nimport { SidebarNavItem } from '../sidebar-nav-item/sidebar-nav-item';\nimport { SidebarNavStore } from '../sidebar.store';\nimport { SidebarNavItemDefDirective } from '../sidebar-nav/sidebar-nav-item-def.directive';\n\n@Component({\n  selector: 'ngs-sidebar-nav-group-menu',\n  exportAs: 'ngsSidebarNavGroupMenu',\n  templateUrl: './sidebar-nav-group-menu.html',\n  styleUrl: './sidebar-nav-group-menu.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    NgTemplateOutlet\n  ],\n  host: {\n    'class': 'ngs-sidebar-nav-group-menu',\n    '[class.is-active]': 'active'\n  }\n})\nexport class SidebarNavGroupMenu implements AfterContentInit, OnInit {\n  readonly navigation = inject<SidebarNav>(SIDEBAR_NAVIGATION);\n  private _group = inject<SidebarNavGroup>(SIDEBAR_NAVIGATION_GROUP);\n  private _navStore = inject(SidebarNavStore);\n\n  readonly _items = contentChildren(SidebarNavItem, { descendants: true });\n  readonly _defs = contentChildren(SidebarNavItemDefDirective);\n\n  key = signal<any>(this._group._groupId);\n  dataSource = input<any[]>();\n  itemTypeProperty = input<string>('type');\n\n  get active(): boolean {\n    return this._navStore.isGroupActive(this.key());\n  }\n\n  ngOnInit() {\n    this.navigation\n      .itemClicked\n      .subscribe(() => {\n        if (!this.hasActiveItem() && this._group._groupId === this._navStore.activeGroupKey()) {\n          this._navStore.setGroupActiveKey(null);\n        }\n      });\n  }\n\n  ngAfterContentInit() {\n    this._checkIfActive();\n  }\n\n  hasActiveItem(): boolean {\n    const fromItems = this._items().some(item => item.active);\n    if (fromItems) {\n      return true;\n    }\n\n    const data = this.dataSource();\n    if (data) {\n      const activeKey = this._navStore.activeItemKey();\n      return data.some(item => this._isActive(item, activeKey));\n    }\n\n    return false;\n  }\n\n  getTemplate(item: any): TemplateRef<any> | null {\n    const def = this._defs().find(d => {\n      const whenValue = d.when();\n      if (whenValue) {\n        if (typeof whenValue === 'function') {\n          return whenValue(item);\n        }\n        return item[this.itemTypeProperty()] === whenValue;\n      }\n\n      return false;\n    }) || this._defs().find(d => !d.when());\n\n    return def?.template || null;\n  }\n\n  private _checkIfActive() {\n    if (this.hasActiveItem()) {\n      this._navStore.setGroupActiveKey(this.key());\n    }\n  }\n\n  private _isActive(item: any, activeKey: any): boolean {\n    if (item.key === activeKey) {\n      return true;\n    }\n\n    if (item.children && Array.isArray(item.children)) {\n      return item.children.some((child: any) => this._isActive(child, activeKey));\n    }\n\n    return false;\n  }\n}\n","@if (dataSource(); as data) {\n  <div class=\"inner\">\n    @for (item of data; track item) {\n      <ng-container *ngTemplateOutlet=\"getTemplate(item); context: { $implicit: item }\" />\n    }\n  </div>\n} @else {\n  <div class=\"inner\">\n    <ng-content/>\n  </div>\n}\n","import {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  contentChild,\n  forwardRef,\n} from '@angular/core';\nimport { SidebarNavGroupToggle } from '../sidebar-nav-group-toggle/sidebar-nav-group-toggle';\nimport { SIDEBAR_NAVIGATION_GROUP } from '../types';\nimport { SidebarNavGroupMenu } from '../sidebar-nav-group-menu/sidebar-nav-group-menu';\n\nlet nextId = 0;\n\n@Component({\n  selector: 'ngs-sidebar-nav-group',\n  templateUrl: './sidebar-nav-group.html',\n  styleUrl: './sidebar-nav-group.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: SIDEBAR_NAVIGATION_GROUP,\n      useExisting: forwardRef(() => SidebarNavGroup),\n    }\n  ]\n})\nexport class SidebarNavGroup implements AfterContentInit {\n  private _toggle = contentChild.required(SidebarNavGroupToggle, {\n    descendants: false,\n  });\n  private _menu = contentChild.required(SidebarNavGroupMenu, {\n    descendants: false,\n  });\n  readonly _groupId = `sidebar-nav-group-${nextId++}`;\n\n  ngAfterContentInit() {\n    this._toggle().for.set(this._groupId);\n  }\n\n  hasActiveItem(): boolean {\n    return this._menu().hasActiveItem();\n  }\n}\n","<ng-content/>\n","import {\n  AfterContentInit,\n  afterNextRender, booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  contentChildren,\n  ElementRef, forwardRef,\n  inject,\n  input,\n  output,\n  SimpleChanges,\n  TemplateRef,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  SidebarNavItem\n} from '../sidebar-nav-item/sidebar-nav-item';\nimport { SIDEBAR_NAVIGATION } from '../types';\nimport { SidebarNavStore } from '../sidebar.store';\nimport { SidebarNavGroup } from '../sidebar-nav-group/sidebar-nav-group';\nimport { SidebarNavItemDefDirective } from './sidebar-nav-item-def.directive';\n\n@Component({\n  selector: 'ngs-sidebar-nav',\n  exportAs: 'ngsSidebarNav',\n  templateUrl: './sidebar-nav.html',\n  styleUrl: './sidebar-nav.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    NgTemplateOutlet\n  ],\n  providers: [\n    {\n      provide: SIDEBAR_NAVIGATION,\n      useExisting: forwardRef(() => SidebarNav),\n    },\n    SidebarNavStore\n  ],\n  host: {\n    'class': 'ngs-sidebar-nav',\n  },\n})\nexport class SidebarNav implements AfterContentInit {\n  private _elementRef = inject(ElementRef);\n  private _navStore = inject(SidebarNavStore);\n\n  readonly _items = contentChildren(SidebarNavItem, { descendants: true });\n  readonly _groups = contentChildren(SidebarNavGroup, { descendants: true });\n  readonly _defs = contentChildren(SidebarNavItemDefDirective);\n\n  activeKey = input();\n  dataSource = input<any[]>();\n  itemTypeProperty = input<string>('type');\n  autoScrollToActiveItem = input(false, {\n    transform: booleanAttribute\n  });\n\n  readonly itemClicked = output<any>();\n\n  constructor() {\n    // scroll to the active item if it is not visible in the viewport\n    afterNextRender(() => {\n      if (this.autoScrollToActiveItem()) {\n        this._scrollToActiveItem();\n      }\n    });\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes['activeKey']) {\n      this._navStore.setItemActiveKey(changes['activeKey'].currentValue);\n      this._groups().forEach((group: SidebarNavGroup) => {\n        if (group.hasActiveItem()) {\n          this._navStore.setGroupActiveKey(group._groupId);\n          requestAnimationFrame(() => {\n            this._scrollToActiveItem();\n          });\n        }\n      });\n    }\n  }\n\n  ngAfterContentInit() {\n  }\n\n  private _hasScroll(element: HTMLElement): boolean {\n    if (!element.getBoundingClientRect) {\n      return false;\n    }\n\n    return Math.ceil(element.scrollHeight) > Math.ceil(element.getBoundingClientRect().height);\n  }\n\n  private _isScrolledIntoView(element: HTMLElement, parent: HTMLElement) {\n    const elementRect = element.getBoundingClientRect();\n    const parentRect = parent.getBoundingClientRect();\n    return (elementRect.top >= 0) && (elementRect.bottom <= parentRect.height);\n  }\n\n  getTemplate(item: any): TemplateRef<any> | null {\n    const def = this._defs().find(d => {\n      const whenValue = d.when();\n      if (whenValue) {\n        if (typeof whenValue === 'function') {\n          return whenValue(item);\n        }\n        return item[this.itemTypeProperty()] === whenValue;\n      }\n\n      return false;\n    }) || this._defs().find(d => !d.when());\n\n    return def?.template || null;\n  }\n\n  private _scrollToActiveItem(): void {\n    this._items().forEach((item: SidebarNavItem) => {\n      if (item.active) {\n        let scrollContainer = this._elementRef.nativeElement.closest('.scrollable-content');\n        const itemElement = item._hostElement.nativeElement as HTMLElement;\n\n        if (this._hasScroll(scrollContainer)) {\n          if (!this._isScrolledIntoView(itemElement, scrollContainer)) {\n            const parentRect = scrollContainer.getBoundingClientRect();\n            const elementRect = itemElement.getBoundingClientRect();\n            scrollContainer.scrollTop = elementRect.top - parentRect.height / 2;\n          }\n        }\n      }\n    });\n  }\n}\n","@if (dataSource(); as data) {\n  @for (item of data; track item) {\n    <ng-container *ngTemplateOutlet=\"getTemplate(item); context: { $implicit: item }\" />\n  }\n} @else {\n  <ng-content/>\n}\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-sidebar-footer',\n  exportAs: 'ngsSidebarFooter',\n  templateUrl: './sidebar-footer.html',\n  styleUrl: './sidebar-footer.scss',\n  host: {\n    'class': 'ngs-sidebar-footer',\n  }\n})\nexport class SidebarFooter {\n\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-sidebar-nav-heading',\n  exportAs: 'ngsSidebarNavHeading',\n  imports: [\n  ],\n  templateUrl: './sidebar-nav-heading.html',\n  styleUrl: './sidebar-nav-heading.scss',\n  host: {\n    class: 'ngs-sidebar-nav-heading',\n  }\n})\nexport class SidebarNavHeading {\n\n}\n","<div class=\"line\"></div>\n<div class=\"content\">\n  <ng-content/>\n</div>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-sidebar-divider',\n  imports: [],\n  templateUrl: './sidebar-divider.html',\n  styleUrl: './sidebar-divider.scss',\n})\nexport class SidebarDivider {\n\n}\n","<p>sidebar-divider works!</p>\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[ngsSidebarNavItemIcon]'\n})\nexport class SidebarNavItemIconDirective {\n  // readonly templateRef = inject(TemplateRef);\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngsSidebarNavItemBadge]'\n})\nexport class SidebarNavItemBadgeDirective {\n\n  constructor() { }\n\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngsSidebarNavGroupToggleIcon]'\n})\nexport class SidebarNavGroupToggleIconDirective {\n\n  constructor() { }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngstarter-ui-components-sidebar.mjs","sources":["../../../projects/components/sidebar/src/sidebar/sidebar.ts","../../../projects/components/sidebar/src/sidebar/sidebar.html","../../../projects/components/sidebar/src/sidebar-header/sidebar-header.ts","../../../projects/components/sidebar/src/sidebar-header/sidebar-header.html","../../../projects/components/sidebar/src/sidebar-body/sidebar-body.ts","../../../projects/components/sidebar/src/sidebar-body/sidebar-body.html","../../../projects/components/sidebar/src/types.ts","../../../projects/components/sidebar/src/sidebar.store.ts","../../../projects/components/sidebar/src/sidebar-nav-item/sidebar-nav-item.ts","../../../projects/components/sidebar/src/sidebar-nav-item/sidebar-nav-item.html","../../../projects/components/sidebar/src/sidebar-nav-group-toggle/sidebar-nav-group-toggle.ts","../../../projects/components/sidebar/src/sidebar-nav-group-toggle/sidebar-nav-group-toggle.html","../../../projects/components/sidebar/src/sidebar-nav/sidebar-nav-item-def.directive.ts","../../../projects/components/sidebar/src/sidebar-nav-group-menu/sidebar-nav-group-menu.ts","../../../projects/components/sidebar/src/sidebar-nav-group-menu/sidebar-nav-group-menu.html","../../../projects/components/sidebar/src/sidebar-nav-group/sidebar-nav-group.ts","../../../projects/components/sidebar/src/sidebar-nav-group/sidebar-nav-group.html","../../../projects/components/sidebar/src/sidebar-nav/sidebar-nav.ts","../../../projects/components/sidebar/src/sidebar-nav/sidebar-nav.html","../../../projects/components/sidebar/src/sidebar-footer/sidebar-footer.ts","../../../projects/components/sidebar/src/sidebar-footer/sidebar-footer.html","../../../projects/components/sidebar/src/sidebar-nav-heading/sidebar-nav-heading.ts","../../../projects/components/sidebar/src/sidebar-nav-heading/sidebar-nav-heading.html","../../../projects/components/sidebar/src/sidebar-divider/sidebar-divider.ts","../../../projects/components/sidebar/src/sidebar-divider/sidebar-divider.html","../../../projects/components/sidebar/src/sidebar-nav-item-icon.directive.ts","../../../projects/components/sidebar/src/sidebar-nav-item-badge.directive.ts","../../../projects/components/sidebar/src/sidebar-nav-group-toggle-icon.directive.ts","../../../projects/components/sidebar/ngstarter-ui-components-sidebar.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-sidebar',\n  exportAs: 'ngsSidebar',\n  templateUrl: './sidebar.html',\n  styleUrl: './sidebar.scss',\n  host: {\n    'class': 'ngs-sidebar',\n  }\n})\nexport class Sidebar {\n}\n","<ng-content select=\"ngs-sidebar-header\"/>\n<ng-content select=\"ngs-sidebar-body\"/>\n<ng-content select=\"ngs-sidebar-footer\"/>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-sidebar-header',\n  exportAs: 'ngsSidebarHeader',\n  templateUrl: './sidebar-header.html',\n  styleUrl: './sidebar-header.scss',\n  host: {\n    'class': 'ngs-sidebar-header',\n  }\n})\nexport class SidebarHeader {\n\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-sidebar-body,ngs-sidebar-content',\n  exportAs: 'ngsSidebarBody',\n  templateUrl: './sidebar-body.html',\n  styleUrl: './sidebar-body.scss',\n  imports: [\n  ],\n  host: {\n    'class': 'ngs-sidebar-body ngs-sidebar-content'\n  }\n})\nexport class SidebarBody {\n\n}\n","<ng-content/>\n","import { InjectionToken } from '@angular/core';\n\nexport const SIDEBAR_NAVIGATION = new InjectionToken('Sidebar navigation');\nexport const SIDEBAR_NAVIGATION_GROUP = new InjectionToken('SIDEBAR_NAVIGATION_GROUP');\n","import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\n\nexport interface SidebarNavState {\n  activeItemKey: any;\n  activeGroupKey: any;\n}\n\nconst initialState: SidebarNavState = {\n  activeItemKey: null,\n  activeGroupKey: null,\n};\n\nexport const SidebarNavStore = signalStore(\n  withState(initialState),\n  withMethods((store) => ({\n    setItemActiveKey(activeItemKey: any): void {\n      patchState(store, { activeItemKey });\n    },\n    isItemActive(activeItemKey: any): boolean {\n      return store.activeItemKey() === activeItemKey;\n    },\n    setGroupActiveKey(activeGroupKey: any): void {\n      patchState(store, { activeGroupKey });\n    },\n    isGroupActive(activeGroupKey: any): boolean {\n      return store.activeGroupKey() === activeGroupKey;\n    }\n  }))\n);\n","import { booleanAttribute, Component, ElementRef, inject, input } from '@angular/core';\nimport { Ripple } from '@ngstarter-ui/components/core';\nimport { SIDEBAR_NAVIGATION } from '../types';\nimport { SidebarNav } from '../sidebar-nav/sidebar-nav';\nimport { SidebarNavStore } from '../sidebar.store';\n\nexport class SidebarNavItemInterface {\n  active: boolean;\n}\n\n@Component({\n  selector: 'ngs-sidebar-nav-item,[ngs-sidebar-nav-item]',\n  exportAs: 'ngs-sidebar-nav-item',\n  imports: [\n    Ripple\n  ],\n  templateUrl: './sidebar-nav-item.html',\n  styleUrl: './sidebar-nav-item.scss',\n  host: {\n    'class': 'ngs-sidebar-nav-item',\n    '[class.is-active]': 'forceActive() || active',\n    '(click)': 'click($event)'\n  }\n})\nexport class SidebarNavItem implements SidebarNavItemInterface {\n  private _navigation = inject<SidebarNav>(SIDEBAR_NAVIGATION);\n  private _elementRef = inject(ElementRef);\n  private _navStore = inject(SidebarNavStore);\n\n  get api() {\n    return {\n      isActive: () => this.active\n    }\n  }\n\n  key = input<any>(Math.random());\n  forceActive = input(false, {\n    transform: booleanAttribute\n  });\n\n  click(event: MouseEvent) {\n    if (!this.key()) {\n      return;\n    }\n\n    this._navStore.setItemActiveKey(this.key());\n    this._navigation.itemClicked.emit(this.key());\n  }\n\n  get active(): boolean {\n    return this._navStore.isItemActive(this.key());\n  }\n\n  get _hostElement(): ElementRef {\n    return this._elementRef;\n  }\n}\n","<div class=\"inner\" ngsRipple>\n  <div class=\"icon\">\n    <ng-content select=\"[ngsSidebarNavItemIcon]\"/>\n  </div>\n  <span class=\"text grow\"><ng-content/></span>\n  <div class=\"badge\">\n    <ng-content select=\"[ngsSidebarNavItemBadge]\"/>\n  </div>\n</div>\n","import { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';\nimport { Ripple } from '@ngstarter-ui/components/core';\nimport { SidebarNavStore } from '../sidebar.store';\n\n@Component({\n  selector: 'ngs-sidebar-nav-group-toggle',\n  exportAs: 'ngsSidebarNavGroupToggle',\n  templateUrl: './sidebar-nav-group-toggle.html',\n  styleUrl: './sidebar-nav-group-toggle.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    Ripple\n  ],\n  host: {\n    'class': 'ngs-sidebar-nav-group-toggle',\n    '[class.is-active]': 'active',\n    '(click)': 'toggle($event)'\n  }\n})\nexport class SidebarNavGroupToggle {\n  private _navStore = inject(SidebarNavStore);\n\n  readonly for = signal<any>(null);\n\n  get active(): boolean {\n    if (!this.for()) {\n      return false;\n    }\n\n    return this._navStore.isGroupActive(this.for());\n  }\n\n  toggle(event: MouseEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (this._navStore.isGroupActive(this.for())) {\n      this._navStore.setGroupActiveKey(null);\n    } else {\n      this._navStore.setGroupActiveKey(this.for());\n    }\n  }\n}\n","<div class=\"icon\"><ng-content select=\"[ngsSidebarNavItemIcon]\"/></div>\n<span class=\"text grow\"><ng-content/></span>\n<div class=\"flex items-center gap-0.5\">\n  <div class=\"badge\">\n    <ng-content select=\"[ngsSidebarNavItemBadge]\"/>\n  </div>\n  <div class=\"arrow\">\n    <ng-content select=\"[ngsSidebarNavGroupToggleIcon]\"/>\n  </div>\n</div>\n","import { Directive, input, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[ngsSidebarNavItemDef]',\n  standalone: true\n})\nexport class SidebarNavItemDefDirective {\n  when = input<string | ((item: any) => boolean) | undefined>(undefined, { alias: 'ngsSidebarNavItemDef' });\n\n  constructor(public template: TemplateRef<any>) {}\n}\n","import {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  contentChildren,\n  inject,\n  input,\n  OnInit,\n  signal,\n  TemplateRef,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { SIDEBAR_NAVIGATION, SIDEBAR_NAVIGATION_GROUP } from '../types';\nimport { SidebarNav } from '../sidebar-nav/sidebar-nav';\nimport { SidebarNavGroup } from '../sidebar-nav-group/sidebar-nav-group';\nimport { SidebarNavItem } from '../sidebar-nav-item/sidebar-nav-item';\nimport { SidebarNavStore } from '../sidebar.store';\nimport { SidebarNavItemDefDirective } from '../sidebar-nav/sidebar-nav-item-def.directive';\n\n@Component({\n  selector: 'ngs-sidebar-nav-group-menu',\n  exportAs: 'ngsSidebarNavGroupMenu',\n  templateUrl: './sidebar-nav-group-menu.html',\n  styleUrl: './sidebar-nav-group-menu.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    NgTemplateOutlet\n  ],\n  host: {\n    'class': 'ngs-sidebar-nav-group-menu',\n    '[class.is-active]': 'active'\n  }\n})\nexport class SidebarNavGroupMenu implements AfterContentInit, OnInit {\n  readonly navigation = inject<SidebarNav>(SIDEBAR_NAVIGATION);\n  private _group = inject<SidebarNavGroup>(SIDEBAR_NAVIGATION_GROUP);\n  private _navStore = inject(SidebarNavStore);\n\n  readonly _items = contentChildren(SidebarNavItem, { descendants: true });\n  readonly _defs = contentChildren(SidebarNavItemDefDirective);\n\n  key = signal<any>(this._group._groupId);\n  dataSource = input<any[]>();\n  itemTypeProperty = input<string>('type');\n\n  get active(): boolean {\n    return this._navStore.isGroupActive(this.key());\n  }\n\n  ngOnInit() {\n    this.navigation\n      .itemClicked\n      .subscribe(() => {\n        if (!this.hasActiveItem() && this._group._groupId === this._navStore.activeGroupKey()) {\n          this._navStore.setGroupActiveKey(null);\n        }\n      });\n  }\n\n  ngAfterContentInit() {\n    this._checkIfActive();\n  }\n\n  hasActiveItem(): boolean {\n    const fromItems = this._items().some(item => item.active);\n    if (fromItems) {\n      return true;\n    }\n\n    const data = this.dataSource();\n    if (data) {\n      const activeKey = this._navStore.activeItemKey();\n      return data.some(item => this._isActive(item, activeKey));\n    }\n\n    return false;\n  }\n\n  getTemplate(item: any): TemplateRef<any> | null {\n    const def = this._defs().find(d => {\n      const whenValue = d.when();\n      if (whenValue) {\n        if (typeof whenValue === 'function') {\n          return whenValue(item);\n        }\n        return item[this.itemTypeProperty()] === whenValue;\n      }\n\n      return false;\n    }) || this._defs().find(d => !d.when());\n\n    return def?.template || null;\n  }\n\n  private _checkIfActive() {\n    if (this.hasActiveItem()) {\n      this._navStore.setGroupActiveKey(this.key());\n    }\n  }\n\n  private _isActive(item: any, activeKey: any): boolean {\n    if (item.key === activeKey) {\n      return true;\n    }\n\n    if (item.children && Array.isArray(item.children)) {\n      return item.children.some((child: any) => this._isActive(child, activeKey));\n    }\n\n    return false;\n  }\n}\n","@if (dataSource(); as data) {\n  <div class=\"inner\">\n    @for (item of data; track item) {\n      <ng-container *ngTemplateOutlet=\"getTemplate(item); context: { $implicit: item }\" />\n    }\n  </div>\n} @else {\n  <div class=\"inner\">\n    <ng-content/>\n  </div>\n}\n","import {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  contentChild,\n  forwardRef,\n} from '@angular/core';\nimport { SidebarNavGroupToggle } from '../sidebar-nav-group-toggle/sidebar-nav-group-toggle';\nimport { SIDEBAR_NAVIGATION_GROUP } from '../types';\nimport { SidebarNavGroupMenu } from '../sidebar-nav-group-menu/sidebar-nav-group-menu';\n\nlet nextId = 0;\n\n@Component({\n  selector: 'ngs-sidebar-nav-group',\n  templateUrl: './sidebar-nav-group.html',\n  styleUrl: './sidebar-nav-group.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: SIDEBAR_NAVIGATION_GROUP,\n      useExisting: forwardRef(() => SidebarNavGroup),\n    }\n  ]\n})\nexport class SidebarNavGroup implements AfterContentInit {\n  private _toggle = contentChild.required(SidebarNavGroupToggle, {\n    descendants: false,\n  });\n  private _menu = contentChild.required(SidebarNavGroupMenu, {\n    descendants: false,\n  });\n  readonly _groupId = `sidebar-nav-group-${nextId++}`;\n\n  ngAfterContentInit() {\n    this._toggle().for.set(this._groupId);\n  }\n\n  hasActiveItem(): boolean {\n    return this._menu().hasActiveItem();\n  }\n}\n","<ng-content/>\n","import {\n  AfterContentInit,\n  afterNextRender, booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  contentChildren,\n  ElementRef, forwardRef,\n  inject,\n  input,\n  output,\n  SimpleChanges,\n  TemplateRef,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  SidebarNavItem\n} from '../sidebar-nav-item/sidebar-nav-item';\nimport { SIDEBAR_NAVIGATION } from '../types';\nimport { SidebarNavStore } from '../sidebar.store';\nimport { SidebarNavGroup } from '../sidebar-nav-group/sidebar-nav-group';\nimport { SidebarNavItemDefDirective } from './sidebar-nav-item-def.directive';\n\n@Component({\n  selector: 'ngs-sidebar-nav',\n  exportAs: 'ngsSidebarNav',\n  templateUrl: './sidebar-nav.html',\n  styleUrl: './sidebar-nav.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    NgTemplateOutlet\n  ],\n  providers: [\n    {\n      provide: SIDEBAR_NAVIGATION,\n      useExisting: forwardRef(() => SidebarNav),\n    },\n    SidebarNavStore\n  ],\n  host: {\n    'class': 'ngs-sidebar-nav',\n  },\n})\nexport class SidebarNav implements AfterContentInit {\n  private _elementRef = inject(ElementRef);\n  private _navStore = inject(SidebarNavStore);\n\n  readonly _items = contentChildren(SidebarNavItem, { descendants: true });\n  readonly _groups = contentChildren(SidebarNavGroup, { descendants: true });\n  readonly _defs = contentChildren(SidebarNavItemDefDirective);\n\n  activeKey = input();\n  dataSource = input<any[]>();\n  itemTypeProperty = input<string>('type');\n  autoScrollToActiveItem = input(false, {\n    transform: booleanAttribute\n  });\n\n  readonly itemClicked = output<any>();\n\n  constructor() {\n    // scroll to the active item if it is not visible in the viewport\n    afterNextRender(() => {\n      if (this.autoScrollToActiveItem()) {\n        this._scrollToActiveItem();\n      }\n    });\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes['activeKey']) {\n      this._navStore.setItemActiveKey(changes['activeKey'].currentValue);\n      this._groups().forEach((group: SidebarNavGroup) => {\n        if (group.hasActiveItem()) {\n          this._navStore.setGroupActiveKey(group._groupId);\n          requestAnimationFrame(() => {\n            this._scrollToActiveItem();\n          });\n        }\n      });\n    }\n  }\n\n  ngAfterContentInit() {\n  }\n\n  private _hasScroll(element: HTMLElement): boolean {\n    if (!element.getBoundingClientRect) {\n      return false;\n    }\n\n    return Math.ceil(element.scrollHeight) > Math.ceil(element.getBoundingClientRect().height);\n  }\n\n  private _isScrolledIntoView(element: HTMLElement, parent: HTMLElement) {\n    const elementRect = element.getBoundingClientRect();\n    const parentRect = parent.getBoundingClientRect();\n    return (elementRect.top >= 0) && (elementRect.bottom <= parentRect.height);\n  }\n\n  getTemplate(item: any): TemplateRef<any> | null {\n    const def = this._defs().find(d => {\n      const whenValue = d.when();\n      if (whenValue) {\n        if (typeof whenValue === 'function') {\n          return whenValue(item);\n        }\n        return item[this.itemTypeProperty()] === whenValue;\n      }\n\n      return false;\n    }) || this._defs().find(d => !d.when());\n\n    return def?.template || null;\n  }\n\n  private _scrollToActiveItem(): void {\n    this._items().forEach((item: SidebarNavItem) => {\n      if (item.active) {\n        let scrollContainer = this._elementRef.nativeElement.closest('.scrollable-content');\n        const itemElement = item._hostElement.nativeElement as HTMLElement;\n\n        if (this._hasScroll(scrollContainer)) {\n          if (!this._isScrolledIntoView(itemElement, scrollContainer)) {\n            const parentRect = scrollContainer.getBoundingClientRect();\n            const elementRect = itemElement.getBoundingClientRect();\n            scrollContainer.scrollTop = elementRect.top - parentRect.height / 2;\n          }\n        }\n      }\n    });\n  }\n}\n","@if (dataSource(); as data) {\n  @for (item of data; track item) {\n    <ng-container *ngTemplateOutlet=\"getTemplate(item); context: { $implicit: item }\" />\n  }\n} @else {\n  <ng-content/>\n}\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-sidebar-footer',\n  exportAs: 'ngsSidebarFooter',\n  templateUrl: './sidebar-footer.html',\n  styleUrl: './sidebar-footer.scss',\n  host: {\n    'class': 'ngs-sidebar-footer',\n  }\n})\nexport class SidebarFooter {\n\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-sidebar-nav-heading',\n  exportAs: 'ngsSidebarNavHeading',\n  imports: [\n  ],\n  templateUrl: './sidebar-nav-heading.html',\n  styleUrl: './sidebar-nav-heading.scss',\n  host: {\n    class: 'ngs-sidebar-nav-heading',\n  }\n})\nexport class SidebarNavHeading {\n\n}\n","<div class=\"line\"></div>\n<div class=\"content\">\n  <ng-content/>\n</div>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-sidebar-divider',\n  imports: [],\n  templateUrl: './sidebar-divider.html',\n  styleUrl: './sidebar-divider.scss',\n})\nexport class SidebarDivider {\n\n}\n","<p>sidebar-divider works!</p>\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[ngsSidebarNavItemIcon]'\n})\nexport class SidebarNavItemIconDirective {\n  // readonly templateRef = inject(TemplateRef);\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngsSidebarNavItemBadge]'\n})\nexport class SidebarNavItemBadgeDirective {\n\n  constructor() { }\n\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngsSidebarNavGroupToggleIcon]'\n})\nexport class SidebarNavGroupToggleIconDirective {\n\n  constructor() { }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -95,7 +95,7 @@ class Sidenav {
                 provide: SIDENAV,
                 useExisting: forwardRef(() => Sidenav),
             }
-        ], exportAs: ["ngsSidenav"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{--ngs-sidenav-background-color: var(--color-background);--ngs-sidenav-divider-color: rgba(0, 0, 0, .12);--ngs-sidenav-z-index: 5;--ngs-sidenav-transition-duration: .4s;--ngs-sidenav-transition-timing-function: cubic-bezier(.25, .8, .25, 1);display:block;position:absolute;top:0;bottom:0;z-index:var(--ngs-sidenav-z-index);outline:0;box-sizing:border-box;overflow-y:auto;transform:translate3d(-100%,0,0);width:var(--ngs-sidenav-width);background:var(--ngs-sidenav-background-color)}:host.is-settled{transition:transform var(--ngs-sidenav-transition-duration) var(--ngs-sidenav-transition-timing-function)}:host.ngs-sidenav-end{right:0;transform:translate3d(100%,0,0)}:host.ngs-sidenav-opened{transform:translateZ(0)}:host.is-collapsed{width:var(--ngs-sidenav-collapsed-width)}:host:hover{width:var(--ngs-sidenav-width)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], exportAs: ["ngsSidenav"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{--ngs-sidenav-background-color: var(--ngs-color-background);--ngs-sidenav-divider-color: rgba(0, 0, 0, .12);--ngs-sidenav-z-index: 5;--ngs-sidenav-transition-duration: .4s;--ngs-sidenav-transition-timing-function: cubic-bezier(.25, .8, .25, 1);display:block;position:absolute;top:0;bottom:0;z-index:var(--ngs-sidenav-z-index);outline:0;box-sizing:border-box;overflow-y:auto;transform:translate3d(-100%,0,0);width:var(--ngs-sidenav-width);background:var(--ngs-sidenav-background-color)}:host.is-settled{transition:transform var(--ngs-sidenav-transition-duration) var(--ngs-sidenav-transition-timing-function)}:host.ngs-sidenav-end{right:0;transform:translate3d(100%,0,0)}:host.ngs-sidenav-opened{transform:translateZ(0)}:host.is-collapsed{width:var(--ngs-sidenav-collapsed-width)}:host:hover{width:var(--ngs-sidenav-width)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Sidenav, decorators: [{
             type: Component,
@@ -117,7 +117,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                         '[attr.tabindex]': '-1',
                         '(mouseenter)': 'isHovered.set(true)',
                         '(mouseleave)': 'isHovered.set(false)',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content/>\n", styles: [":host{--ngs-sidenav-background-color: var(--color-background);--ngs-sidenav-divider-color: rgba(0, 0, 0, .12);--ngs-sidenav-z-index: 5;--ngs-sidenav-transition-duration: .4s;--ngs-sidenav-transition-timing-function: cubic-bezier(.25, .8, .25, 1);display:block;position:absolute;top:0;bottom:0;z-index:var(--ngs-sidenav-z-index);outline:0;box-sizing:border-box;overflow-y:auto;transform:translate3d(-100%,0,0);width:var(--ngs-sidenav-width);background:var(--ngs-sidenav-background-color)}:host.is-settled{transition:transform var(--ngs-sidenav-transition-duration) var(--ngs-sidenav-transition-timing-function)}:host.ngs-sidenav-end{right:0;transform:translate3d(100%,0,0)}:host.ngs-sidenav-opened{transform:translateZ(0)}:host.is-collapsed{width:var(--ngs-sidenav-collapsed-width)}:host:hover{width:var(--ngs-sidenav-width)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content/>\n", styles: [":host{--ngs-sidenav-background-color: var(--ngs-color-background);--ngs-sidenav-divider-color: rgba(0, 0, 0, .12);--ngs-sidenav-z-index: 5;--ngs-sidenav-transition-duration: .4s;--ngs-sidenav-transition-timing-function: cubic-bezier(.25, .8, .25, 1);display:block;position:absolute;top:0;bottom:0;z-index:var(--ngs-sidenav-z-index);outline:0;box-sizing:border-box;overflow-y:auto;transform:translate3d(-100%,0,0);width:var(--ngs-sidenav-width);background:var(--ngs-sidenav-background-color)}:host.is-settled{transition:transform var(--ngs-sidenav-transition-duration) var(--ngs-sidenav-transition-timing-function)}:host.ngs-sidenav-end{right:0;transform:translate3d(100%,0,0)}:host.ngs-sidenav-opened{transform:translateZ(0)}:host.is-collapsed{width:var(--ngs-sidenav-collapsed-width)}:host:hover{width:var(--ngs-sidenav-width)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { adaptive: [{ type: i0.Input, args: [{ isSignal: true, alias: "adaptive", required: false }] }], adaptiveBreakpoint: [{ type: i0.Input, args: [{ isSignal: true, alias: "adaptiveBreakpoint", required: false }] }], opened: [{ type: i0.Input, args: [{ isSignal: true, alias: "opened", required: false }] }, { type: i0.Output, args: ["openedChange"] }], fixedWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fixedWidth", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }], disableClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableClose", required: false }] }] } });
 
 class SidenavContainer {
@@ -250,14 +250,14 @@ class SidenavContainer {
         return '0px';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SidenavContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.4", type: SidenavContainer, isStandalone: true, selector: "ngs-sidenav-container", inputs: { hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, autosize: { classPropertyName: "autosize", publicName: "autosize", isSignal: true, isRequired: false, transformFunction: null }, fixedWidth: { classPropertyName: "fixedWidth", publicName: "fixedWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { backdropClick: "backdropClick" }, host: { properties: { "class.is-settled": "_isSettled()" }, classAttribute: "ngs-sidenav-container" }, queries: [{ propertyName: "_sidenavs", predicate: Sidenav, descendants: true, isSignal: true }], exportAs: ["ngsSidenavContainer"], ngImport: i0, template: "<div class=\"ngs-sidenav-backdrop\"\n     [class.ngs-sidenav-shown]=\"_isShowingBackdrop()\"\n     (click)=\"_onBackdropClicked()\"></div>\n\n<ng-content select=\"ngs-sidenav\"/>\n<ng-content select=\"ngs-sidenav-content\"/>\n<ng-content />\n", styles: [":host{--ngs-sidenav-backdrop-color: var(--overlay-backdrop-bg);--ngs-sidenav-transition-duration: .4s;--ngs-sidenav-transition-timing-function: cubic-bezier(.25, .8, .25, 1);--ngs-sidenav-width: 280px;--ngs-sidenav-collapsed-width: 74px}:host.is-settled .ngs-sidenav-backdrop{transition:opacity var(--ngs-sidenav-transition-duration) var(--ngs-sidenav-transition-timing-function),visibility var(--ngs-sidenav-transition-duration) var(--ngs-sidenav-transition-timing-function)}:host{position:relative;z-index:1;box-sizing:border-box;-webkit-overflow-scrolling:touch;display:block;overflow:hidden;width:100%;height:100%}.ngs-sidenav-backdrop{position:absolute;inset:0;display:block;z-index:3;visibility:hidden;background:var(--ngs-sidenav-backdrop-color);opacity:0;pointer-events:none}.ngs-sidenav-backdrop.ngs-sidenav-shown{visibility:visible;opacity:1;pointer-events:auto}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.4", type: SidenavContainer, isStandalone: true, selector: "ngs-sidenav-container", inputs: { hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, autosize: { classPropertyName: "autosize", publicName: "autosize", isSignal: true, isRequired: false, transformFunction: null }, fixedWidth: { classPropertyName: "fixedWidth", publicName: "fixedWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { backdropClick: "backdropClick" }, host: { properties: { "class.is-settled": "_isSettled()" }, classAttribute: "ngs-sidenav-container" }, queries: [{ propertyName: "_sidenavs", predicate: Sidenav, descendants: true, isSignal: true }], exportAs: ["ngsSidenavContainer"], ngImport: i0, template: "<div class=\"ngs-sidenav-backdrop\"\n     [class.ngs-sidenav-shown]=\"_isShowingBackdrop()\"\n     (click)=\"_onBackdropClicked()\"></div>\n\n<ng-content select=\"ngs-sidenav\"/>\n<ng-content select=\"ngs-sidenav-content\"/>\n<ng-content />\n", styles: [":host{--ngs-sidenav-backdrop-color: var(--ngs-overlay-backdrop-bg);--ngs-sidenav-transition-duration: .4s;--ngs-sidenav-transition-timing-function: cubic-bezier(.25, .8, .25, 1);--ngs-sidenav-width: 280px;--ngs-sidenav-collapsed-width: 74px}:host.is-settled .ngs-sidenav-backdrop{transition:opacity var(--ngs-sidenav-transition-duration) var(--ngs-sidenav-transition-timing-function),visibility var(--ngs-sidenav-transition-duration) var(--ngs-sidenav-transition-timing-function)}:host{position:relative;z-index:1;box-sizing:border-box;-webkit-overflow-scrolling:touch;display:block;overflow:hidden;width:100%;height:100%}.ngs-sidenav-backdrop{position:absolute;inset:0;display:block;z-index:3;visibility:hidden;background:var(--ngs-sidenav-backdrop-color);opacity:0;pointer-events:none}.ngs-sidenav-backdrop.ngs-sidenav-shown{visibility:visible;opacity:1;pointer-events:auto}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SidenavContainer, decorators: [{
             type: Component,
             args: [{ selector: 'ngs-sidenav-container', exportAs: 'ngsSidenavContainer', standalone: true, imports: [], host: {
                         'class': 'ngs-sidenav-container',
                         '[class.is-settled]': '_isSettled()',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ngs-sidenav-backdrop\"\n     [class.ngs-sidenav-shown]=\"_isShowingBackdrop()\"\n     (click)=\"_onBackdropClicked()\"></div>\n\n<ng-content select=\"ngs-sidenav\"/>\n<ng-content select=\"ngs-sidenav-content\"/>\n<ng-content />\n", styles: [":host{--ngs-sidenav-backdrop-color: var(--overlay-backdrop-bg);--ngs-sidenav-transition-duration: .4s;--ngs-sidenav-transition-timing-function: cubic-bezier(.25, .8, .25, 1);--ngs-sidenav-width: 280px;--ngs-sidenav-collapsed-width: 74px}:host.is-settled .ngs-sidenav-backdrop{transition:opacity var(--ngs-sidenav-transition-duration) var(--ngs-sidenav-transition-timing-function),visibility var(--ngs-sidenav-transition-duration) var(--ngs-sidenav-transition-timing-function)}:host{position:relative;z-index:1;box-sizing:border-box;-webkit-overflow-scrolling:touch;display:block;overflow:hidden;width:100%;height:100%}.ngs-sidenav-backdrop{position:absolute;inset:0;display:block;z-index:3;visibility:hidden;background:var(--ngs-sidenav-backdrop-color);opacity:0;pointer-events:none}.ngs-sidenav-backdrop.ngs-sidenav-shown{visibility:visible;opacity:1;pointer-events:auto}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ngs-sidenav-backdrop\"\n     [class.ngs-sidenav-shown]=\"_isShowingBackdrop()\"\n     (click)=\"_onBackdropClicked()\"></div>\n\n<ng-content select=\"ngs-sidenav\"/>\n<ng-content select=\"ngs-sidenav-content\"/>\n<ng-content />\n", styles: [":host{--ngs-sidenav-backdrop-color: var(--ngs-overlay-backdrop-bg);--ngs-sidenav-transition-duration: .4s;--ngs-sidenav-transition-timing-function: cubic-bezier(.25, .8, .25, 1);--ngs-sidenav-width: 280px;--ngs-sidenav-collapsed-width: 74px}:host.is-settled .ngs-sidenav-backdrop{transition:opacity var(--ngs-sidenav-transition-duration) var(--ngs-sidenav-transition-timing-function),visibility var(--ngs-sidenav-transition-duration) var(--ngs-sidenav-transition-timing-function)}:host{position:relative;z-index:1;box-sizing:border-box;-webkit-overflow-scrolling:touch;display:block;overflow:hidden;width:100%;height:100%}.ngs-sidenav-backdrop{position:absolute;inset:0;display:block;z-index:3;visibility:hidden;background:var(--ngs-sidenav-backdrop-color);opacity:0;pointer-events:none}.ngs-sidenav-backdrop.ngs-sidenav-shown{visibility:visible;opacity:1;pointer-events:auto}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { _sidenavs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => Sidenav), { ...{ descendants: true }, isSignal: true }] }], backdropClick: [{ type: i0.Output, args: ["backdropClick"] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], autoFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoFocus", required: false }] }], autosize: [{ type: i0.Input, args: [{ isSignal: true, alias: "autosize", required: false }] }], fixedWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fixedWidth", required: false }] }] } });
 
 class SidenavContent {