angular-material-wrap 0.1.0-beta.5 → 0.1.0-beta.6

package/fesm2022/angular-material-wrap.mjs

@@ -61,7 +61,9 @@ import * as i1$h from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
 import * as i8 from '@angular/material/expansion';
 import { MatExpansionModule } from '@angular/material/expansion';
-import * as i2$6 from '@angular/cdk/bidi';
+import * as i2$6 from '@angular/router';
+import { RouterModule, NavigationEnd } from '@angular/router';
+import * as i2$7 from '@angular/cdk/bidi';
 import * as i3$2 from '@angular/cdk/a11y';
 import * as i1$d from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
@@ -71,8 +73,6 @@ import * as i3$3 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
 import * as i7$1 from '@angular/material/badge';
 import { MatBadgeModule } from '@angular/material/badge';
-import * as i2$7 from '@angular/router';
-import { NavigationEnd, RouterModule } from '@angular/router';
 import * as i1$e from '@angular/cdk/layout';
 import { Breakpoints } from '@angular/cdk/layout';
 import * as i1$f from '@angular/common/http';
@@ -9459,9 +9459,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
 /**
  * Angular Material Wrap Menu Item Component
  *
- * Represents a single item within an amw-menu.
+ * Represents a single item within an amw-menu. Supports both click-based actions
+ * and Angular Router navigation.
  *
- * @example
+ * @example Click-based action
  * ```html
  * <amw-menu-item
  *   label="Settings"
@@ -9469,6 +9470,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
  *   (itemClick)="onSettings()">
  * </amw-menu-item>
  * ```
+ *
+ * @example Router navigation
+ * ```html
+ * <amw-menu-item
+ *   label="Dashboard"
+ *   icon="dashboard"
+ *   routerLink="/dashboard">
+ * </amw-menu-item>
+ * ```
+ *
+ * @example Router navigation with query params
+ * ```html
+ * <amw-menu-item
+ *   label="User Profile"
+ *   icon="person"
+ *   [routerLink]="['/users', userId]"
+ *   [queryParams]="{ tab: 'settings' }"
+ *   [routerLinkActiveOptions]="{ exact: true }">
+ * </amw-menu-item>
+ * ```
  */
 class AmwMenuItemComponent {
     /** Label text for the menu item */
@@ -9481,6 +9502,17 @@ class AmwMenuItemComponent {
     itemClass = input(...(ngDevMode ? [undefined, { debugName: "itemClass" }] : []));
     /** Whether the menu item is disabled */
     disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    // Router navigation inputs
+    /** Route path for navigation. When provided, renders as an anchor element. */
+    routerLink = input(...(ngDevMode ? [undefined, { debugName: "routerLink" }] : []));
+    /** Query parameters for the route */
+    queryParams = input(...(ngDevMode ? [undefined, { debugName: "queryParams" }] : []));
+    /** URL fragment (hash) for the route */
+    fragment = input(...(ngDevMode ? [undefined, { debugName: "fragment" }] : []));
+    /** Link target for navigation behavior */
+    target = input(...(ngDevMode ? [undefined, { debugName: "target" }] : []));
+    /** Options to determine if the router link is active */
+    routerLinkActiveOptions = input({ exact: false }, ...(ngDevMode ? [{ debugName: "routerLinkActiveOptions" }] : []));
     /** Emitted when the menu item is clicked */
     itemClick = output();
     onItemClick(event) {
@@ -9488,6 +9520,14 @@ class AmwMenuItemComponent {
             this.itemClick.emit(event);
         }
     }
+    onLinkClick(event) {
+        if (this.disabled()) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+        this.itemClick.emit(event);
+    }
     itemClasses = computed(() => {
         const classes = ['amw-menu-item'];
         const customClass = this.itemClass();
@@ -9500,46 +9540,87 @@ class AmwMenuItemComponent {
     iconClasses = 'amw-menu-item__icon';
     labelClasses = 'amw-menu-item__label';
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: AmwMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: AmwMenuItemComponent, isStandalone: true, selector: "amw-menu-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, isDivider: { classPropertyName: "isDivider", publicName: "isDivider", isSignal: true, isRequired: false, transformFunction: null }, itemClass: { classPropertyName: "itemClass", publicName: "itemClass", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: AmwMenuItemComponent, isStandalone: true, selector: "amw-menu-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, isDivider: { classPropertyName: "isDivider", publicName: "isDivider", isSignal: true, isRequired: false, transformFunction: null }, itemClass: { classPropertyName: "itemClass", publicName: "itemClass", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null }, queryParams: { classPropertyName: "queryParams", publicName: "queryParams", isSignal: true, isRequired: false, transformFunction: null }, fragment: { classPropertyName: "fragment", publicName: "fragment", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, routerLinkActiveOptions: { classPropertyName: "routerLinkActiveOptions", publicName: "routerLinkActiveOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: `
         @if (!isDivider()) {
-            <button
-                mat-menu-item
-                [class]="itemClasses()"
-                [disabled]="disabled()"
-                (click)="onItemClick($event)">
-                @if (icon()) {
-                    <mat-icon [class]="iconClasses">{{ icon() }}</mat-icon>
-                }
-                <span [class]="labelClasses">{{ label() }}</span>
-            </button>
+            @if (routerLink()) {
+                <a
+                    mat-menu-item
+                    [class]="itemClasses()"
+                    [routerLink]="routerLink()"
+                    [queryParams]="queryParams()"
+                    [fragment]="fragment()"
+                    [target]="target()"
+                    routerLinkActive="amw-menu-item--active"
+                    [routerLinkActiveOptions]="routerLinkActiveOptions()"
+                    [attr.aria-disabled]="disabled() || null"
+                    [class.amw-menu-item--disabled]="disabled()"
+                    (click)="onLinkClick($event)">
+                    @if (icon()) {
+                        <mat-icon [class]="iconClasses">{{ icon() }}</mat-icon>
+                    }
+                    <span [class]="labelClasses">{{ label() }}</span>
+                </a>
+            } @else {
+                <button
+                    mat-menu-item
+                    [class]="itemClasses()"
+                    [disabled]="disabled()"
+                    (click)="onItemClick($event)">
+                    @if (icon()) {
+                        <mat-icon [class]="iconClasses">{{ icon() }}</mat-icon>
+                    }
+                    <span [class]="labelClasses">{{ label() }}</span>
+                </button>
+            }
         } @else {
             <mat-divider></mat-divider>
         }
-    `, isInline: true, styles: [".amw-menu-item{display:flex;align-items:center;gap:8px}.amw-menu-item--disabled{opacity:.38;cursor:not-allowed}.amw-menu-item__icon{font-size:20px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.amw-menu-item__label{flex:1}:root{--amw-menu-item-text-color: var(--mat-menu-item-label-text-color, rgba(0, 0, 0, .87));--amw-menu-item-icon-color: var(--mat-menu-item-icon-color, rgba(0, 0, 0, .54));--amw-menu-item-hover-background: var(--mat-menu-item-hover-state-layer-color, rgba(0, 0, 0, .04))}\n"], dependencies: [{ kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1$a.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], encapsulation: i0.ViewEncapsulation.None });
+    `, isInline: true, styles: [".amw-menu-item{display:flex;align-items:center;gap:8px}.amw-menu-item--disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.amw-menu-item--active{background-color:var(--amw-menu-item-active-bg, rgba(0, 0, 0, .04));color:var(--amw-menu-item-active-color, var(--mat-sys-primary, #6750a4))}.amw-menu-item--active .amw-menu-item__icon{color:var(--amw-menu-item-active-color, var(--mat-sys-primary, #6750a4))}a.mat-mdc-menu-item{text-decoration:none;color:inherit}.amw-menu-item__icon{font-size:20px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.amw-menu-item__label{flex:1}:root{--amw-menu-item-text-color: var(--mat-menu-item-label-text-color, rgba(0, 0, 0, .87));--amw-menu-item-icon-color: var(--mat-menu-item-icon-color, rgba(0, 0, 0, .54));--amw-menu-item-hover-background: var(--mat-menu-item-hover-state-layer-color, rgba(0, 0, 0, .04));--amw-menu-item-active-bg: rgba(0, 0, 0, .04);--amw-menu-item-active-color: var(--mat-sys-primary, #6750a4)}\n"], dependencies: [{ kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1$a.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2$6.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: AmwMenuItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'amw-menu-item', standalone: true, imports: [
                         MatMenuModule,
                         MatIconModule,
-                        MatDividerModule
+                        MatDividerModule,
+                        RouterModule
                     ], encapsulation: ViewEncapsulation.None, template: `
         @if (!isDivider()) {
-            <button
-                mat-menu-item
-                [class]="itemClasses()"
-                [disabled]="disabled()"
-                (click)="onItemClick($event)">
-                @if (icon()) {
-                    <mat-icon [class]="iconClasses">{{ icon() }}</mat-icon>
-                }
-                <span [class]="labelClasses">{{ label() }}</span>
-            </button>
+            @if (routerLink()) {
+                <a
+                    mat-menu-item
+                    [class]="itemClasses()"
+                    [routerLink]="routerLink()"
+                    [queryParams]="queryParams()"
+                    [fragment]="fragment()"
+                    [target]="target()"
+                    routerLinkActive="amw-menu-item--active"
+                    [routerLinkActiveOptions]="routerLinkActiveOptions()"
+                    [attr.aria-disabled]="disabled() || null"
+                    [class.amw-menu-item--disabled]="disabled()"
+                    (click)="onLinkClick($event)">
+                    @if (icon()) {
+                        <mat-icon [class]="iconClasses">{{ icon() }}</mat-icon>
+                    }
+                    <span [class]="labelClasses">{{ label() }}</span>
+                </a>
+            } @else {
+                <button
+                    mat-menu-item
+                    [class]="itemClasses()"
+                    [disabled]="disabled()"
+                    (click)="onItemClick($event)">
+                    @if (icon()) {
+                        <mat-icon [class]="iconClasses">{{ icon() }}</mat-icon>
+                    }
+                    <span [class]="labelClasses">{{ label() }}</span>
+                </button>
+            }
         } @else {
             <mat-divider></mat-divider>
         }
-    `, styles: [".amw-menu-item{display:flex;align-items:center;gap:8px}.amw-menu-item--disabled{opacity:.38;cursor:not-allowed}.amw-menu-item__icon{font-size:20px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.amw-menu-item__label{flex:1}:root{--amw-menu-item-text-color: var(--mat-menu-item-label-text-color, rgba(0, 0, 0, .87));--amw-menu-item-icon-color: var(--mat-menu-item-icon-color, rgba(0, 0, 0, .54));--amw-menu-item-hover-background: var(--mat-menu-item-hover-state-layer-color, rgba(0, 0, 0, .04))}\n"] }]
-        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], isDivider: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDivider", required: false }] }], itemClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemClass", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }] } });
+    `, styles: [".amw-menu-item{display:flex;align-items:center;gap:8px}.amw-menu-item--disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.amw-menu-item--active{background-color:var(--amw-menu-item-active-bg, rgba(0, 0, 0, .04));color:var(--amw-menu-item-active-color, var(--mat-sys-primary, #6750a4))}.amw-menu-item--active .amw-menu-item__icon{color:var(--amw-menu-item-active-color, var(--mat-sys-primary, #6750a4))}a.mat-mdc-menu-item{text-decoration:none;color:inherit}.amw-menu-item__icon{font-size:20px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.amw-menu-item__label{flex:1}:root{--amw-menu-item-text-color: var(--mat-menu-item-label-text-color, rgba(0, 0, 0, .87));--amw-menu-item-icon-color: var(--mat-menu-item-icon-color, rgba(0, 0, 0, .54));--amw-menu-item-hover-background: var(--mat-menu-item-hover-state-layer-color, rgba(0, 0, 0, .04));--amw-menu-item-active-bg: rgba(0, 0, 0, .04);--amw-menu-item-active-color: var(--mat-sys-primary, #6750a4)}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], isDivider: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDivider", required: false }] }], itemClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemClass", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], routerLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerLink", required: false }] }], queryParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryParams", required: false }] }], fragment: [{ type: i0.Input, args: [{ isSignal: true, alias: "fragment", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], routerLinkActiveOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerLinkActiveOptions", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }] } });
 
 /**
  * Angular Material Wrap Menu Component
@@ -9774,7 +9855,7 @@ class AmwMenuTriggerForDirective {
     focus() {
         this.elementRef.nativeElement.focus();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: AmwMenuTriggerForDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i1$9.Overlay }, { token: i2$6.Directionality }, { token: i3$2.FocusMonitor }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: AmwMenuTriggerForDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i1$9.Overlay }, { token: i2$7.Directionality }, { token: i3$2.FocusMonitor }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.3", type: AmwMenuTriggerForDirective, isStandalone: true, selector: "[amwMenuTriggerFor]", inputs: { amwMenuTriggerFor: { classPropertyName: "amwMenuTriggerFor", publicName: "amwMenuTriggerFor", isSignal: true, isRequired: true, transformFunction: null }, amwMenuTriggerData: { classPropertyName: "amwMenuTriggerData", publicName: "amwMenuTriggerData", isSignal: true, isRequired: false, transformFunction: null }, amwMenuTriggerRestoreFocus: { classPropertyName: "amwMenuTriggerRestoreFocus", publicName: "amwMenuTriggerRestoreFocus", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { menuOpened: "menuOpened", menuClosed: "menuClosed" }, host: { listeners: { "click": "handleClick($event)", "keydown.enter": "handleClick($event)", "keydown.space": "handleClick($event)" }, properties: { "attr.aria-haspopup": "\"menu\"", "attr.aria-expanded": "isMenuOpen()", "attr.aria-controls": "menuId" }, classAttribute: "amw-menu-trigger" }, exportAs: ["amwMenuTrigger"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: AmwMenuTriggerForDirective, decorators: [{
@@ -9793,7 +9874,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
                         '[attr.aria-controls]': 'menuId'
                     }
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i1$9.Overlay }, { type: i2$6.Directionality }, { type: i3$2.FocusMonitor }], propDecorators: { amwMenuTriggerFor: [{ type: i0.Input, args: [{ isSignal: true, alias: "amwMenuTriggerFor", required: true }] }], amwMenuTriggerData: [{ type: i0.Input, args: [{ isSignal: true, alias: "amwMenuTriggerData", required: false }] }], amwMenuTriggerRestoreFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "amwMenuTriggerRestoreFocus", required: false }] }], menuOpened: [{ type: i0.Output, args: ["menuOpened"] }], menuClosed: [{ type: i0.Output, args: ["menuClosed"] }] } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i1$9.Overlay }, { type: i2$7.Directionality }, { type: i3$2.FocusMonitor }], propDecorators: { amwMenuTriggerFor: [{ type: i0.Input, args: [{ isSignal: true, alias: "amwMenuTriggerFor", required: true }] }], amwMenuTriggerData: [{ type: i0.Input, args: [{ isSignal: true, alias: "amwMenuTriggerData", required: false }] }], amwMenuTriggerRestoreFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "amwMenuTriggerRestoreFocus", required: false }] }], menuOpened: [{ type: i0.Output, args: ["menuOpened"] }], menuClosed: [{ type: i0.Output, args: ["menuClosed"] }] } });
 
 /**
  * Angular Material Wrap Progress Bar Component
@@ -11572,8 +11653,8 @@ class AmwSidenavComponent extends BaseComponent {
     trackByItem(index, item) {
         return item.id || index.toString();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: AmwSidenavComponent, deps: [{ token: i1$e.BreakpointObserver }, { token: i0.ChangeDetectorRef }, { token: i2$7.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: AmwSidenavComponent, isStandalone: true, selector: "amw-sidenav", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, headerTemplate: { classPropertyName: "headerTemplate", publicName: "headerTemplate", isSignal: true, isRequired: false, transformFunction: null }, footerTemplate: { classPropertyName: "footerTemplate", publicName: "footerTemplate", isSignal: true, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null }, showToggle: { classPropertyName: "showToggle", publicName: "showToggle", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "openedChange", itemClick: "itemClick", toggleEvent: "toggleEvent", closeEvent: "closeEvent" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["sidenav"], descendants: true, isSignal: true }, { propertyName: "toggleButton", first: true, predicate: ["toggleButton"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- Sidenav Toggle Button -->\n@if (showToggle()) {\n  <amw-button\n    #toggleButton\n    [icon]=\"toggleButtonIcon()\"\n    class=\"amw-sidenav__toggle\"\n    [class.amw-sidenav__toggle--mobile]=\"isMobile()\"\n    [class.amw-sidenav__toggle--tablet]=\"isTablet()\"\n    [class.amw-sidenav__toggle--desktop]=\"isDesktop()\"\n    [disabled]=\"isDisabled\"\n    [attr.aria-label]=\"toggleButtonText()\"\n    [amwTooltip]=\"toggleButtonText()\"\n    (click)=\"toggleSidenav()\">\n  </amw-button>\n}\n\n<!-- Sidenav Container -->\n<mat-sidenav-container\n  class=\"amw-sidenav__container\"\n  [class.amw-sidenav__container--mobile]=\"isMobile()\"\n  [class.amw-sidenav__container--tablet]=\"isTablet()\"\n  [class.amw-sidenav__container--desktop]=\"isDesktop()\"\n  [class.amw-sidenav__container--responsive]=\"isResponsive()\"\n  [class.amw-sidenav__container--disabled]=\"isDisabled\">\n\n  <!-- Sidenav -->\n  <mat-sidenav\n    #sidenav\n    [class]=\"getSidenavClasses()\"\n    [mode]=\"sidenavMode()\"\n    [opened]=\"opened()\"\n    [disableClose]=\"disableClose()\"\n    [fixedInViewport]=\"fixedInViewport()\"\n    [autoFocus]=\"autoFocus()\"\n    [position]=\"position()\"\n    [style.width]=\"sidenavWidth()\"\n    [style.min-width]=\"config().minWidth\"\n    [style.max-width]=\"config().maxWidth\"\n    (openedChange)=\"onSidenavOpenedChange($event)\">\n\n    <!-- Sidenav Header -->\n    @if (headerTemplate() || showClose()) {\n      <div class=\"amw-sidenav__header\">\n        @if (headerTemplate()) {\n          <ng-container *ngTemplateOutlet=\"headerTemplate()\"></ng-container>\n        } @else {\n          <div class=\"amw-sidenav__header-content\">\n            <div class=\"amw-sidenav__header-title\">\n              <ng-content select=\"[slot=header]\"></ng-content>\n            </div>\n            @if (showClose()) {\n              <amw-button\n                [icon]=\"closeButtonIcon()\"\n                class=\"amw-sidenav__close\"\n                [disabled]=\"isDisabled\"\n                [attr.aria-label]=\"closeButtonText()\"\n                [amwTooltip]=\"closeButtonText()\"\n                (click)=\"closeSidenav()\">\n              </amw-button>\n            }\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Sidenav Content -->\n    <div class=\"amw-sidenav__content\">\n      <!-- Navigation Items -->\n      <mat-nav-list class=\"amw-sidenav__nav-list\">\n        @for (item of items(); track trackByItem($index, item)) {\n          <!-- Regular Navigation Item -->\n          @if (!item.children || item.children.length === 0) {\n            <mat-list-item\n              class=\"amw-sidenav__list-item\"\n              [class]=\"getItemClasses(item)\"\n              [disabled]=\"item.disabled\"\n              [amwTooltip]=\"item.tooltip || ''\"\n              [routerLink]=\"item.route\"\n              (click)=\"onItemClickHandler(item, $event)\">\n              @if (item.icon) {\n                <mat-icon\n                  matListItemIcon\n                  class=\"amw-sidenav__item-icon\">\n                  {{ item.icon }}\n                </mat-icon>\n              }\n              <span matListItemTitle class=\"amw-sidenav__item-label\">\n                {{ item.label }}\n              </span>\n              @if (item.badge) {\n                <span\n                  matBadge\n                  [matBadge]=\"item.badge\"\n                  [matBadgeColor]=\"getBadgeColor(item.badgeColor)\"\n                  class=\"amw-sidenav__item-badge\">\n                </span>\n              }\n            </mat-list-item>\n          }\n          <!-- Nested Navigation Item -->\n          @if (item.children && item.children.length > 0) {\n            <mat-expansion-panel\n              class=\"amw-sidenav__expansion-panel\"\n              [class.amw-sidenav__expansion-panel--active]=\"item.active\"\n              [class.amw-sidenav__expansion-panel--disabled]=\"item.disabled\"\n              [expanded]=\"item.expanded\"\n              [disabled]=\"item.disabled\"\n              (openedChange)=\"onExpansionChange(item, $event)\">\n              <mat-expansion-panel-header class=\"amw-sidenav__expansion-header\">\n                <mat-panel-title class=\"amw-sidenav__expansion-title\">\n                  @if (item.icon) {\n                    <mat-icon\n                      class=\"amw-sidenav__item-icon\">\n                      {{ item.icon }}\n                    </mat-icon>\n                  }\n                  <span class=\"amw-sidenav__item-label\">\n                    {{ item.label }}\n                  </span>\n                  @if (item.badge) {\n                    <span\n                      matBadge\n                      [matBadge]=\"item.badge\"\n                      [matBadgeColor]=\"getBadgeColor(item.badgeColor)\"\n                      class=\"amw-sidenav__item-badge\">\n                    </span>\n                  }\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n              <!-- Nested Items -->\n              <mat-nav-list class=\"amw-sidenav__nested-list\">\n                @for (child of item.children; track trackByItem($index, child)) {\n                  <mat-list-item\n                    class=\"amw-sidenav__nested-item\"\n                    [class]=\"getItemClasses(child)\"\n                    [disabled]=\"child.disabled\"\n                    [amwTooltip]=\"child.tooltip || ''\"\n                    [routerLink]=\"child.route\"\n                    (click)=\"onItemClickHandler(child, $event)\">\n                    @if (child.icon) {\n                      <mat-icon\n                        matListItemIcon\n                        class=\"amw-sidenav__item-icon\">\n                        {{ child.icon }}\n                      </mat-icon>\n                    }\n                    <span matListItemTitle class=\"amw-sidenav__item-label\">\n                      {{ child.label }}\n                    </span>\n                    @if (child.badge) {\n                      <span\n                        matBadge\n                        [matBadge]=\"child.badge\"\n                        [matBadgeColor]=\"getBadgeColor(child.badgeColor)\"\n                        class=\"amw-sidenav__item-badge\">\n                      </span>\n                    }\n                  </mat-list-item>\n                }\n              </mat-nav-list>\n            </mat-expansion-panel>\n          }\n        }\n      </mat-nav-list>\n\n      <!-- Custom Content -->\n      <div class=\"amw-sidenav__custom-content\">\n        <ng-content select=\"[slot=content]\"></ng-content>\n      </div>\n    </div>\n\n    <!-- Sidenav Footer -->\n    @if (footerTemplate()) {\n      <div class=\"amw-sidenav__footer\">\n        <ng-container *ngTemplateOutlet=\"footerTemplate()\"></ng-container>\n      </div>\n    }\n  </mat-sidenav>\n\n  <!-- Main Content -->\n  <mat-sidenav-content class=\"amw-sidenav__main-content\">\n    <ng-content></ng-content>\n  </mat-sidenav-content>\n</mat-sidenav-container>\n", styles: [".amw-sidenav__toggle{position:fixed;top:16px;left:16px;z-index:1000;background:var(--mat-sys-surface);color:var(--mat-sys-on-surface);box-shadow:var(--mat-sys-elevation-2);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.amw-sidenav__toggle:hover{background:var(--mat-sys-surface-variant);box-shadow:var(--mat-sys-elevation-4)}.amw-sidenav__toggle--mobile{top:12px;left:12px}.amw-sidenav__toggle--tablet{top:14px;left:14px}.amw-sidenav__toggle--desktop{top:16px;left:16px}.amw-sidenav__container{height:100vh;width:100%}.amw-sidenav__container--mobile .amw-sidenav__sidenav{width:280px}.amw-sidenav__container--tablet .amw-sidenav__sidenav{width:300px}.amw-sidenav__container--desktop .amw-sidenav__sidenav{width:320px}@media(max-width:768px){.amw-sidenav__container--responsive .amw-sidenav__sidenav{width:280px}}@media(min-width:769px)and (max-width:1024px){.amw-sidenav__container--responsive .amw-sidenav__sidenav{width:300px}}@media(min-width:1025px){.amw-sidenav__container--responsive .amw-sidenav__sidenav{width:320px}}.amw-sidenav__container--disabled{pointer-events:none;opacity:.6}.amw-sidenav__sidenav{background:var(--mat-sys-surface);border-right:1px solid var(--mat-sys-outline-variant);box-shadow:var(--mat-sys-elevation-1);overflow-x:hidden}.amw-sidenav__sidenav--mobile{width:280px}.amw-sidenav__sidenav--tablet{width:300px}.amw-sidenav__sidenav--desktop{width:320px}@media(max-width:768px){.amw-sidenav__sidenav--responsive{width:280px}}@media(min-width:769px)and (max-width:1024px){.amw-sidenav__sidenav--responsive{width:300px}}@media(min-width:1025px){.amw-sidenav__sidenav--responsive{width:320px}}.amw-sidenav__sidenav--disabled{pointer-events:none;opacity:.6}.amw-sidenav__header{padding:16px;border-bottom:1px solid var(--mat-sys-outline-variant);background:var(--mat-sys-surface-container)}.amw-sidenav__header-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.amw-sidenav__header-title{flex:1;font-size:1.25rem;font-weight:500;color:var(--mat-sys-on-surface)}.amw-sidenav__close{color:var(--mat-sys-on-surface-variant);transition:color .2s cubic-bezier(.4,0,.2,1)}.amw-sidenav__close:hover{color:var(--mat-sys-on-surface)}.amw-sidenav__content{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0}.amw-sidenav__nav-list{padding:0;margin:0}.amw-sidenav__list-item{margin:4px 8px;border-radius:20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.amw-sidenav__list-item:hover{background:var(--mat-sys-surface-variant)}.amw-sidenav__list-item.amw-sidenav__item--active{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}.amw-sidenav__list-item.amw-sidenav__item--active .amw-sidenav__item-icon{color:var(--mat-sys-on-primary-container)}.amw-sidenav__list-item.amw-sidenav__item--active .amw-sidenav__item-label{color:var(--mat-sys-on-primary-container);font-weight:500}.amw-sidenav__list-item.amw-sidenav__item--disabled{opacity:.6;pointer-events:none}.amw-sidenav__item--active{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}.amw-sidenav__item--disabled{opacity:.6;pointer-events:none}.amw-sidenav__item--nested .amw-sidenav__item-label{font-weight:500}.amw-sidenav__item-icon{color:var(--mat-sys-on-surface-variant);margin-right:16px;transition:color .2s cubic-bezier(.4,0,.2,1)}.amw-sidenav__item-label{color:var(--mat-sys-on-surface);font-size:.875rem;font-weight:400;transition:color .2s cubic-bezier(.4,0,.2,1)}.amw-sidenav__item-badge{margin-left:auto}.amw-sidenav__expansion-panel{margin:4px 8px;border-radius:20px;box-shadow:none;background:transparent}.amw-sidenav__expansion-panel--active .amw-sidenav__expansion-header{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}.amw-sidenav__expansion-panel--active .amw-sidenav__expansion-header .amw-sidenav__item-icon{color:var(--mat-sys-on-primary-container)}.amw-sidenav__expansion-panel--active .amw-sidenav__expansion-header .amw-sidenav__item-label{color:var(--mat-sys-on-primary-container);font-weight:500}.amw-sidenav__expansion-panel--disabled{opacity:.6;pointer-events:none}.amw-sidenav__expansion-panel .mat-expansion-panel-header{padding:0 16px;height:48px;border-radius:20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.amw-sidenav__expansion-panel .mat-expansion-panel-header:hover{background:var(--mat-sys-surface-variant)}.amw-sidenav__expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body{padding:0}.amw-sidenav__expansion-header{display:flex;align-items:center;width:100%}.amw-sidenav__expansion-title{display:flex;align-items:center;width:100%;font-size:.875rem;font-weight:400}.amw-sidenav__nested-list{padding:0;margin:0;background:var(--mat-sys-surface-container-low)}.amw-sidenav__nested-item{margin:2px 8px;padding-left:32px;border-radius:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.amw-sidenav__nested-item:hover{background:var(--mat-sys-surface-variant)}.amw-sidenav__nested-item.amw-sidenav__item--active{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}.amw-sidenav__nested-item.amw-sidenav__item--active .amw-sidenav__item-icon{color:var(--mat-sys-on-primary-container)}.amw-sidenav__nested-item.amw-sidenav__item--active .amw-sidenav__item-label{color:var(--mat-sys-on-primary-container);font-weight:500}.amw-sidenav__nested-item.amw-sidenav__item--disabled{opacity:.6;pointer-events:none}.amw-sidenav__custom-content{padding:16px;border-top:1px solid var(--mat-sys-outline-variant);margin-top:auto}.amw-sidenav__footer{padding:16px;border-top:1px solid var(--mat-sys-outline-variant);background:var(--mat-sys-surface-container)}.amw-sidenav__main-content{background:var(--mat-sys-surface);min-height:100vh}@media(max-width:768px){.amw-sidenav__toggle{position:fixed;top:12px;left:12px;z-index:1000}.amw-sidenav__sidenav{width:280px}}@media(min-width:769px)and (max-width:1024px){.amw-sidenav__toggle{position:fixed;top:14px;left:14px;z-index:1000}.amw-sidenav__sidenav{width:300px}}@media(min-width:1025px){.amw-sidenav__toggle{position:fixed;top:16px;left:16px;z-index:1000}.amw-sidenav__sidenav{width:320px}}.mat-theme-dark .amw-sidenav__sidenav{background:var(--mat-sys-surface);border-right-color:var(--mat-sys-outline-variant)}.mat-theme-dark .amw-sidenav__header{background:var(--mat-sys-surface-container);border-bottom-color:var(--mat-sys-outline-variant)}.mat-theme-dark .amw-sidenav__footer{background:var(--mat-sys-surface-container);border-top-color:var(--mat-sys-outline-variant)}.mat-theme-dark .amw-sidenav__nested-list{background:var(--mat-sys-surface-container-low)}@media(prefers-contrast:high){.amw-sidenav__sidenav{border-right-width:2px}.amw-sidenav__header{border-bottom-width:2px}.amw-sidenav__footer{border-top-width:2px}.amw-sidenav__item--active{border:2px solid var(--mat-sys-primary)}}@media(prefers-reduced-motion:reduce){.amw-sidenav *{transition:none!important;animation:none!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i4$2.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i4$2.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i4$2.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: AmwButtonComponent, selector: "amw-button", inputs: ["type", "appearance", "fab", "icon", "iconPosition", "loading", "fullWidth", "autofocus", "text", "form", "formAction", "formMethod", "formTarget", "formEnctype", "formNoValidate", "formReset", "ripple", "disableRipple", "rippleColor", "rippleRadius", "rippleCentered", "rippleUnbounded", "spinnerSize", "spinnerColor"], outputs: ["buttonClick", "buttonFocus", "buttonBlur", "mouseenter", "mouseleave"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i3$3.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i3$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i3$3.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i3$3.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "directive", type: AmwTooltipDirective, selector: "[amwTooltip]", inputs: ["amwTooltip", "tooltipPosition", "amwTooltipPosition", "tooltipDisabled", "amwTooltipDisabled", "tooltipMaxWidth", "tooltipClass", "amwTooltipClass", "tooltipAllowHtml", "tooltipDelay", "amwTooltipDelay", "tooltipHideDelay", "amwTooltipHideDelay"] }, { kind: "ngmodule", type: MatRippleModule }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i7$1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i8.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i8.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i8.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: AmwSidenavComponent, deps: [{ token: i1$e.BreakpointObserver }, { token: i0.ChangeDetectorRef }, { token: i2$6.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: AmwSidenavComponent, isStandalone: true, selector: "amw-sidenav", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, headerTemplate: { classPropertyName: "headerTemplate", publicName: "headerTemplate", isSignal: true, isRequired: false, transformFunction: null }, footerTemplate: { classPropertyName: "footerTemplate", publicName: "footerTemplate", isSignal: true, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null }, showToggle: { classPropertyName: "showToggle", publicName: "showToggle", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "openedChange", itemClick: "itemClick", toggleEvent: "toggleEvent", closeEvent: "closeEvent" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["sidenav"], descendants: true, isSignal: true }, { propertyName: "toggleButton", first: true, predicate: ["toggleButton"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- Sidenav Toggle Button -->\n@if (showToggle()) {\n  <amw-button\n    #toggleButton\n    [icon]=\"toggleButtonIcon()\"\n    class=\"amw-sidenav__toggle\"\n    [class.amw-sidenav__toggle--mobile]=\"isMobile()\"\n    [class.amw-sidenav__toggle--tablet]=\"isTablet()\"\n    [class.amw-sidenav__toggle--desktop]=\"isDesktop()\"\n    [disabled]=\"isDisabled\"\n    [attr.aria-label]=\"toggleButtonText()\"\n    [amwTooltip]=\"toggleButtonText()\"\n    (click)=\"toggleSidenav()\">\n  </amw-button>\n}\n\n<!-- Sidenav Container -->\n<mat-sidenav-container\n  class=\"amw-sidenav__container\"\n  [class.amw-sidenav__container--mobile]=\"isMobile()\"\n  [class.amw-sidenav__container--tablet]=\"isTablet()\"\n  [class.amw-sidenav__container--desktop]=\"isDesktop()\"\n  [class.amw-sidenav__container--responsive]=\"isResponsive()\"\n  [class.amw-sidenav__container--disabled]=\"isDisabled\">\n\n  <!-- Sidenav -->\n  <mat-sidenav\n    #sidenav\n    [class]=\"getSidenavClasses()\"\n    [mode]=\"sidenavMode()\"\n    [opened]=\"opened()\"\n    [disableClose]=\"disableClose()\"\n    [fixedInViewport]=\"fixedInViewport()\"\n    [autoFocus]=\"autoFocus()\"\n    [position]=\"position()\"\n    [style.width]=\"sidenavWidth()\"\n    [style.min-width]=\"config().minWidth\"\n    [style.max-width]=\"config().maxWidth\"\n    (openedChange)=\"onSidenavOpenedChange($event)\">\n\n    <!-- Sidenav Header -->\n    @if (headerTemplate() || showClose()) {\n      <div class=\"amw-sidenav__header\">\n        @if (headerTemplate()) {\n          <ng-container *ngTemplateOutlet=\"headerTemplate()\"></ng-container>\n        } @else {\n          <div class=\"amw-sidenav__header-content\">\n            <div class=\"amw-sidenav__header-title\">\n              <ng-content select=\"[slot=header]\"></ng-content>\n            </div>\n            @if (showClose()) {\n              <amw-button\n                [icon]=\"closeButtonIcon()\"\n                class=\"amw-sidenav__close\"\n                [disabled]=\"isDisabled\"\n                [attr.aria-label]=\"closeButtonText()\"\n                [amwTooltip]=\"closeButtonText()\"\n                (click)=\"closeSidenav()\">\n              </amw-button>\n            }\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Sidenav Content -->\n    <div class=\"amw-sidenav__content\">\n      <!-- Navigation Items -->\n      <mat-nav-list class=\"amw-sidenav__nav-list\">\n        @for (item of items(); track trackByItem($index, item)) {\n          <!-- Regular Navigation Item -->\n          @if (!item.children || item.children.length === 0) {\n            <mat-list-item\n              class=\"amw-sidenav__list-item\"\n              [class]=\"getItemClasses(item)\"\n              [disabled]=\"item.disabled\"\n              [amwTooltip]=\"item.tooltip || ''\"\n              [routerLink]=\"item.route\"\n              (click)=\"onItemClickHandler(item, $event)\">\n              @if (item.icon) {\n                <mat-icon\n                  matListItemIcon\n                  class=\"amw-sidenav__item-icon\">\n                  {{ item.icon }}\n                </mat-icon>\n              }\n              <span matListItemTitle class=\"amw-sidenav__item-label\">\n                {{ item.label }}\n              </span>\n              @if (item.badge) {\n                <span\n                  matBadge\n                  [matBadge]=\"item.badge\"\n                  [matBadgeColor]=\"getBadgeColor(item.badgeColor)\"\n                  class=\"amw-sidenav__item-badge\">\n                </span>\n              }\n            </mat-list-item>\n          }\n          <!-- Nested Navigation Item -->\n          @if (item.children && item.children.length > 0) {\n            <mat-expansion-panel\n              class=\"amw-sidenav__expansion-panel\"\n              [class.amw-sidenav__expansion-panel--active]=\"item.active\"\n              [class.amw-sidenav__expansion-panel--disabled]=\"item.disabled\"\n              [expanded]=\"item.expanded\"\n              [disabled]=\"item.disabled\"\n              (openedChange)=\"onExpansionChange(item, $event)\">\n              <mat-expansion-panel-header class=\"amw-sidenav__expansion-header\">\n                <mat-panel-title class=\"amw-sidenav__expansion-title\">\n                  @if (item.icon) {\n                    <mat-icon\n                      class=\"amw-sidenav__item-icon\">\n                      {{ item.icon }}\n                    </mat-icon>\n                  }\n                  <span class=\"amw-sidenav__item-label\">\n                    {{ item.label }}\n                  </span>\n                  @if (item.badge) {\n                    <span\n                      matBadge\n                      [matBadge]=\"item.badge\"\n                      [matBadgeColor]=\"getBadgeColor(item.badgeColor)\"\n                      class=\"amw-sidenav__item-badge\">\n                    </span>\n                  }\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n              <!-- Nested Items -->\n              <mat-nav-list class=\"amw-sidenav__nested-list\">\n                @for (child of item.children; track trackByItem($index, child)) {\n                  <mat-list-item\n                    class=\"amw-sidenav__nested-item\"\n                    [class]=\"getItemClasses(child)\"\n                    [disabled]=\"child.disabled\"\n                    [amwTooltip]=\"child.tooltip || ''\"\n                    [routerLink]=\"child.route\"\n                    (click)=\"onItemClickHandler(child, $event)\">\n                    @if (child.icon) {\n                      <mat-icon\n                        matListItemIcon\n                        class=\"amw-sidenav__item-icon\">\n                        {{ child.icon }}\n                      </mat-icon>\n                    }\n                    <span matListItemTitle class=\"amw-sidenav__item-label\">\n                      {{ child.label }}\n                    </span>\n                    @if (child.badge) {\n                      <span\n                        matBadge\n                        [matBadge]=\"child.badge\"\n                        [matBadgeColor]=\"getBadgeColor(child.badgeColor)\"\n                        class=\"amw-sidenav__item-badge\">\n                      </span>\n                    }\n                  </mat-list-item>\n                }\n              </mat-nav-list>\n            </mat-expansion-panel>\n          }\n        }\n      </mat-nav-list>\n\n      <!-- Custom Content -->\n      <div class=\"amw-sidenav__custom-content\">\n        <ng-content select=\"[slot=content]\"></ng-content>\n      </div>\n    </div>\n\n    <!-- Sidenav Footer -->\n    @if (footerTemplate()) {\n      <div class=\"amw-sidenav__footer\">\n        <ng-container *ngTemplateOutlet=\"footerTemplate()\"></ng-container>\n      </div>\n    }\n  </mat-sidenav>\n\n  <!-- Main Content -->\n  <mat-sidenav-content class=\"amw-sidenav__main-content\">\n    <ng-content></ng-content>\n  </mat-sidenav-content>\n</mat-sidenav-container>\n", styles: [".amw-sidenav__toggle{position:fixed;top:16px;left:16px;z-index:1000;background:var(--mat-sys-surface);color:var(--mat-sys-on-surface);box-shadow:var(--mat-sys-elevation-2);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.amw-sidenav__toggle:hover{background:var(--mat-sys-surface-variant);box-shadow:var(--mat-sys-elevation-4)}.amw-sidenav__toggle--mobile{top:12px;left:12px}.amw-sidenav__toggle--tablet{top:14px;left:14px}.amw-sidenav__toggle--desktop{top:16px;left:16px}.amw-sidenav__container{height:100vh;width:100%}.amw-sidenav__container--mobile .amw-sidenav__sidenav{width:280px}.amw-sidenav__container--tablet .amw-sidenav__sidenav{width:300px}.amw-sidenav__container--desktop .amw-sidenav__sidenav{width:320px}@media(max-width:768px){.amw-sidenav__container--responsive .amw-sidenav__sidenav{width:280px}}@media(min-width:769px)and (max-width:1024px){.amw-sidenav__container--responsive .amw-sidenav__sidenav{width:300px}}@media(min-width:1025px){.amw-sidenav__container--responsive .amw-sidenav__sidenav{width:320px}}.amw-sidenav__container--disabled{pointer-events:none;opacity:.6}.amw-sidenav__sidenav{background:var(--mat-sys-surface);border-right:1px solid var(--mat-sys-outline-variant);box-shadow:var(--mat-sys-elevation-1);overflow-x:hidden}.amw-sidenav__sidenav--mobile{width:280px}.amw-sidenav__sidenav--tablet{width:300px}.amw-sidenav__sidenav--desktop{width:320px}@media(max-width:768px){.amw-sidenav__sidenav--responsive{width:280px}}@media(min-width:769px)and (max-width:1024px){.amw-sidenav__sidenav--responsive{width:300px}}@media(min-width:1025px){.amw-sidenav__sidenav--responsive{width:320px}}.amw-sidenav__sidenav--disabled{pointer-events:none;opacity:.6}.amw-sidenav__header{padding:16px;border-bottom:1px solid var(--mat-sys-outline-variant);background:var(--mat-sys-surface-container)}.amw-sidenav__header-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.amw-sidenav__header-title{flex:1;font-size:1.25rem;font-weight:500;color:var(--mat-sys-on-surface)}.amw-sidenav__close{color:var(--mat-sys-on-surface-variant);transition:color .2s cubic-bezier(.4,0,.2,1)}.amw-sidenav__close:hover{color:var(--mat-sys-on-surface)}.amw-sidenav__content{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0}.amw-sidenav__nav-list{padding:0;margin:0}.amw-sidenav__list-item{margin:4px 8px;border-radius:20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.amw-sidenav__list-item:hover{background:var(--mat-sys-surface-variant)}.amw-sidenav__list-item.amw-sidenav__item--active{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}.amw-sidenav__list-item.amw-sidenav__item--active .amw-sidenav__item-icon{color:var(--mat-sys-on-primary-container)}.amw-sidenav__list-item.amw-sidenav__item--active .amw-sidenav__item-label{color:var(--mat-sys-on-primary-container);font-weight:500}.amw-sidenav__list-item.amw-sidenav__item--disabled{opacity:.6;pointer-events:none}.amw-sidenav__item--active{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}.amw-sidenav__item--disabled{opacity:.6;pointer-events:none}.amw-sidenav__item--nested .amw-sidenav__item-label{font-weight:500}.amw-sidenav__item-icon{color:var(--mat-sys-on-surface-variant);margin-right:16px;transition:color .2s cubic-bezier(.4,0,.2,1)}.amw-sidenav__item-label{color:var(--mat-sys-on-surface);font-size:.875rem;font-weight:400;transition:color .2s cubic-bezier(.4,0,.2,1)}.amw-sidenav__item-badge{margin-left:auto}.amw-sidenav__expansion-panel{margin:4px 8px;border-radius:20px;box-shadow:none;background:transparent}.amw-sidenav__expansion-panel--active .amw-sidenav__expansion-header{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}.amw-sidenav__expansion-panel--active .amw-sidenav__expansion-header .amw-sidenav__item-icon{color:var(--mat-sys-on-primary-container)}.amw-sidenav__expansion-panel--active .amw-sidenav__expansion-header .amw-sidenav__item-label{color:var(--mat-sys-on-primary-container);font-weight:500}.amw-sidenav__expansion-panel--disabled{opacity:.6;pointer-events:none}.amw-sidenav__expansion-panel .mat-expansion-panel-header{padding:0 16px;height:48px;border-radius:20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.amw-sidenav__expansion-panel .mat-expansion-panel-header:hover{background:var(--mat-sys-surface-variant)}.amw-sidenav__expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body{padding:0}.amw-sidenav__expansion-header{display:flex;align-items:center;width:100%}.amw-sidenav__expansion-title{display:flex;align-items:center;width:100%;font-size:.875rem;font-weight:400}.amw-sidenav__nested-list{padding:0;margin:0;background:var(--mat-sys-surface-container-low)}.amw-sidenav__nested-item{margin:2px 8px;padding-left:32px;border-radius:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.amw-sidenav__nested-item:hover{background:var(--mat-sys-surface-variant)}.amw-sidenav__nested-item.amw-sidenav__item--active{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}.amw-sidenav__nested-item.amw-sidenav__item--active .amw-sidenav__item-icon{color:var(--mat-sys-on-primary-container)}.amw-sidenav__nested-item.amw-sidenav__item--active .amw-sidenav__item-label{color:var(--mat-sys-on-primary-container);font-weight:500}.amw-sidenav__nested-item.amw-sidenav__item--disabled{opacity:.6;pointer-events:none}.amw-sidenav__custom-content{padding:16px;border-top:1px solid var(--mat-sys-outline-variant);margin-top:auto}.amw-sidenav__footer{padding:16px;border-top:1px solid var(--mat-sys-outline-variant);background:var(--mat-sys-surface-container)}.amw-sidenav__main-content{background:var(--mat-sys-surface);min-height:100vh}@media(max-width:768px){.amw-sidenav__toggle{position:fixed;top:12px;left:12px;z-index:1000}.amw-sidenav__sidenav{width:280px}}@media(min-width:769px)and (max-width:1024px){.amw-sidenav__toggle{position:fixed;top:14px;left:14px;z-index:1000}.amw-sidenav__sidenav{width:300px}}@media(min-width:1025px){.amw-sidenav__toggle{position:fixed;top:16px;left:16px;z-index:1000}.amw-sidenav__sidenav{width:320px}}.mat-theme-dark .amw-sidenav__sidenav{background:var(--mat-sys-surface);border-right-color:var(--mat-sys-outline-variant)}.mat-theme-dark .amw-sidenav__header{background:var(--mat-sys-surface-container);border-bottom-color:var(--mat-sys-outline-variant)}.mat-theme-dark .amw-sidenav__footer{background:var(--mat-sys-surface-container);border-top-color:var(--mat-sys-outline-variant)}.mat-theme-dark .amw-sidenav__nested-list{background:var(--mat-sys-surface-container-low)}@media(prefers-contrast:high){.amw-sidenav__sidenav{border-right-width:2px}.amw-sidenav__header{border-bottom-width:2px}.amw-sidenav__footer{border-top-width:2px}.amw-sidenav__item--active{border:2px solid var(--mat-sys-primary)}}@media(prefers-reduced-motion:reduce){.amw-sidenav *{transition:none!important;animation:none!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i4$2.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i4$2.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i4$2.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: AmwButtonComponent, selector: "amw-button", inputs: ["type", "appearance", "fab", "icon", "iconPosition", "loading", "fullWidth", "autofocus", "text", "form", "formAction", "formMethod", "formTarget", "formEnctype", "formNoValidate", "formReset", "ripple", "disableRipple", "rippleColor", "rippleRadius", "rippleCentered", "rippleUnbounded", "spinnerSize", "spinnerColor"], outputs: ["buttonClick", "buttonFocus", "buttonBlur", "mouseenter", "mouseleave"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i3$3.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i3$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i3$3.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i3$3.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "directive", type: AmwTooltipDirective, selector: "[amwTooltip]", inputs: ["amwTooltip", "tooltipPosition", "amwTooltipPosition", "tooltipDisabled", "amwTooltipDisabled", "tooltipMaxWidth", "tooltipClass", "amwTooltipClass", "tooltipAllowHtml", "tooltipDelay", "amwTooltipDelay", "tooltipHideDelay", "amwTooltipHideDelay"] }, { kind: "ngmodule", type: MatRippleModule }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i7$1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i8.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i8.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i8.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: AmwSidenavComponent, decorators: [{
             type: Component,
@@ -11591,7 +11672,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
                         MatExpansionModule,
                         RouterModule
                     ], encapsulation: ViewEncapsulation.None, template: "<!-- Sidenav Toggle Button -->\n@if (showToggle()) {\n  <amw-button\n    #toggleButton\n    [icon]=\"toggleButtonIcon()\"\n    class=\"amw-sidenav__toggle\"\n    [class.amw-sidenav__toggle--mobile]=\"isMobile()\"\n    [class.amw-sidenav__toggle--tablet]=\"isTablet()\"\n    [class.amw-sidenav__toggle--desktop]=\"isDesktop()\"\n    [disabled]=\"isDisabled\"\n    [attr.aria-label]=\"toggleButtonText()\"\n    [amwTooltip]=\"toggleButtonText()\"\n    (click)=\"toggleSidenav()\">\n  </amw-button>\n}\n\n<!-- Sidenav Container -->\n<mat-sidenav-container\n  class=\"amw-sidenav__container\"\n  [class.amw-sidenav__container--mobile]=\"isMobile()\"\n  [class.amw-sidenav__container--tablet]=\"isTablet()\"\n  [class.amw-sidenav__container--desktop]=\"isDesktop()\"\n  [class.amw-sidenav__container--responsive]=\"isResponsive()\"\n  [class.amw-sidenav__container--disabled]=\"isDisabled\">\n\n  <!-- Sidenav -->\n  <mat-sidenav\n    #sidenav\n    [class]=\"getSidenavClasses()\"\n    [mode]=\"sidenavMode()\"\n    [opened]=\"opened()\"\n    [disableClose]=\"disableClose()\"\n    [fixedInViewport]=\"fixedInViewport()\"\n    [autoFocus]=\"autoFocus()\"\n    [position]=\"position()\"\n    [style.width]=\"sidenavWidth()\"\n    [style.min-width]=\"config().minWidth\"\n    [style.max-width]=\"config().maxWidth\"\n    (openedChange)=\"onSidenavOpenedChange($event)\">\n\n    <!-- Sidenav Header -->\n    @if (headerTemplate() || showClose()) {\n      <div class=\"amw-sidenav__header\">\n        @if (headerTemplate()) {\n          <ng-container *ngTemplateOutlet=\"headerTemplate()\"></ng-container>\n        } @else {\n          <div class=\"amw-sidenav__header-content\">\n            <div class=\"amw-sidenav__header-title\">\n              <ng-content select=\"[slot=header]\"></ng-content>\n            </div>\n            @if (showClose()) {\n              <amw-button\n                [icon]=\"closeButtonIcon()\"\n                class=\"amw-sidenav__close\"\n                [disabled]=\"isDisabled\"\n                [attr.aria-label]=\"closeButtonText()\"\n                [amwTooltip]=\"closeButtonText()\"\n                (click)=\"closeSidenav()\">\n              </amw-button>\n            }\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Sidenav Content -->\n    <div class=\"amw-sidenav__content\">\n      <!-- Navigation Items -->\n      <mat-nav-list class=\"amw-sidenav__nav-list\">\n        @for (item of items(); track trackByItem($index, item)) {\n          <!-- Regular Navigation Item -->\n          @if (!item.children || item.children.length === 0) {\n            <mat-list-item\n              class=\"amw-sidenav__list-item\"\n              [class]=\"getItemClasses(item)\"\n              [disabled]=\"item.disabled\"\n              [amwTooltip]=\"item.tooltip || ''\"\n              [routerLink]=\"item.route\"\n              (click)=\"onItemClickHandler(item, $event)\">\n              @if (item.icon) {\n                <mat-icon\n                  matListItemIcon\n                  class=\"amw-sidenav__item-icon\">\n                  {{ item.icon }}\n                </mat-icon>\n              }\n              <span matListItemTitle class=\"amw-sidenav__item-label\">\n                {{ item.label }}\n              </span>\n              @if (item.badge) {\n                <span\n                  matBadge\n                  [matBadge]=\"item.badge\"\n                  [matBadgeColor]=\"getBadgeColor(item.badgeColor)\"\n                  class=\"amw-sidenav__item-badge\">\n                </span>\n              }\n            </mat-list-item>\n          }\n          <!-- Nested Navigation Item -->\n          @if (item.children && item.children.length > 0) {\n            <mat-expansion-panel\n              class=\"amw-sidenav__expansion-panel\"\n              [class.amw-sidenav__expansion-panel--active]=\"item.active\"\n              [class.amw-sidenav__expansion-panel--disabled]=\"item.disabled\"\n              [expanded]=\"item.expanded\"\n              [disabled]=\"item.disabled\"\n              (openedChange)=\"onExpansionChange(item, $event)\">\n              <mat-expansion-panel-header class=\"amw-sidenav__expansion-header\">\n                <mat-panel-title class=\"amw-sidenav__expansion-title\">\n                  @if (item.icon) {\n                    <mat-icon\n                      class=\"amw-sidenav__item-icon\">\n                      {{ item.icon }}\n                    </mat-icon>\n                  }\n                  <span class=\"amw-sidenav__item-label\">\n                    {{ item.label }}\n                  </span>\n                  @if (item.badge) {\n                    <span\n                      matBadge\n                      [matBadge]=\"item.badge\"\n                      [matBadgeColor]=\"getBadgeColor(item.badgeColor)\"\n                      class=\"amw-sidenav__item-badge\">\n                    </span>\n                  }\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n              <!-- Nested Items -->\n              <mat-nav-list class=\"amw-sidenav__nested-list\">\n                @for (child of item.children; track trackByItem($index, child)) {\n                  <mat-list-item\n                    class=\"amw-sidenav__nested-item\"\n                    [class]=\"getItemClasses(child)\"\n                    [disabled]=\"child.disabled\"\n                    [amwTooltip]=\"child.tooltip || ''\"\n                    [routerLink]=\"child.route\"\n                    (click)=\"onItemClickHandler(child, $event)\">\n                    @if (child.icon) {\n                      <mat-icon\n                        matListItemIcon\n                        class=\"amw-sidenav__item-icon\">\n                        {{ child.icon }}\n                      </mat-icon>\n                    }\n                    <span matListItemTitle class=\"amw-sidenav__item-label\">\n                      {{ child.label }}\n                    </span>\n                    @if (child.badge) {\n                      <span\n                        matBadge\n                        [matBadge]=\"child.badge\"\n                        [matBadgeColor]=\"getBadgeColor(child.badgeColor)\"\n                        class=\"amw-sidenav__item-badge\">\n                      </span>\n                    }\n                  </mat-list-item>\n                }\n              </mat-nav-list>\n            </mat-expansion-panel>\n          }\n        }\n      </mat-nav-list>\n\n      <!-- Custom Content -->\n      <div class=\"amw-sidenav__custom-content\">\n        <ng-content select=\"[slot=content]\"></ng-content>\n      </div>\n    </div>\n\n    <!-- Sidenav Footer -->\n    @if (footerTemplate()) {\n      <div class=\"amw-sidenav__footer\">\n        <ng-container *ngTemplateOutlet=\"footerTemplate()\"></ng-container>\n      </div>\n    }\n  </mat-sidenav>\n\n  <!-- Main Content -->\n  <mat-sidenav-content class=\"amw-sidenav__main-content\">\n    <ng-content></ng-content>\n  </mat-sidenav-content>\n</mat-sidenav-container>\n", styles: [".amw-sidenav__toggle{position:fixed;top:16px;left:16px;z-index:1000;background:var(--mat-sys-surface);color:var(--mat-sys-on-surface);box-shadow:var(--mat-sys-elevation-2);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.amw-sidenav__toggle:hover{background:var(--mat-sys-surface-variant);box-shadow:var(--mat-sys-elevation-4)}.amw-sidenav__toggle--mobile{top:12px;left:12px}.amw-sidenav__toggle--tablet{top:14px;left:14px}.amw-sidenav__toggle--desktop{top:16px;left:16px}.amw-sidenav__container{height:100vh;width:100%}.amw-sidenav__container--mobile .amw-sidenav__sidenav{width:280px}.amw-sidenav__container--tablet .amw-sidenav__sidenav{width:300px}.amw-sidenav__container--desktop .amw-sidenav__sidenav{width:320px}@media(max-width:768px){.amw-sidenav__container--responsive .amw-sidenav__sidenav{width:280px}}@media(min-width:769px)and (max-width:1024px){.amw-sidenav__container--responsive .amw-sidenav__sidenav{width:300px}}@media(min-width:1025px){.amw-sidenav__container--responsive .amw-sidenav__sidenav{width:320px}}.amw-sidenav__container--disabled{pointer-events:none;opacity:.6}.amw-sidenav__sidenav{background:var(--mat-sys-surface);border-right:1px solid var(--mat-sys-outline-variant);box-shadow:var(--mat-sys-elevation-1);overflow-x:hidden}.amw-sidenav__sidenav--mobile{width:280px}.amw-sidenav__sidenav--tablet{width:300px}.amw-sidenav__sidenav--desktop{width:320px}@media(max-width:768px){.amw-sidenav__sidenav--responsive{width:280px}}@media(min-width:769px)and (max-width:1024px){.amw-sidenav__sidenav--responsive{width:300px}}@media(min-width:1025px){.amw-sidenav__sidenav--responsive{width:320px}}.amw-sidenav__sidenav--disabled{pointer-events:none;opacity:.6}.amw-sidenav__header{padding:16px;border-bottom:1px solid var(--mat-sys-outline-variant);background:var(--mat-sys-surface-container)}.amw-sidenav__header-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.amw-sidenav__header-title{flex:1;font-size:1.25rem;font-weight:500;color:var(--mat-sys-on-surface)}.amw-sidenav__close{color:var(--mat-sys-on-surface-variant);transition:color .2s cubic-bezier(.4,0,.2,1)}.amw-sidenav__close:hover{color:var(--mat-sys-on-surface)}.amw-sidenav__content{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0}.amw-sidenav__nav-list{padding:0;margin:0}.amw-sidenav__list-item{margin:4px 8px;border-radius:20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.amw-sidenav__list-item:hover{background:var(--mat-sys-surface-variant)}.amw-sidenav__list-item.amw-sidenav__item--active{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}.amw-sidenav__list-item.amw-sidenav__item--active .amw-sidenav__item-icon{color:var(--mat-sys-on-primary-container)}.amw-sidenav__list-item.amw-sidenav__item--active .amw-sidenav__item-label{color:var(--mat-sys-on-primary-container);font-weight:500}.amw-sidenav__list-item.amw-sidenav__item--disabled{opacity:.6;pointer-events:none}.amw-sidenav__item--active{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}.amw-sidenav__item--disabled{opacity:.6;pointer-events:none}.amw-sidenav__item--nested .amw-sidenav__item-label{font-weight:500}.amw-sidenav__item-icon{color:var(--mat-sys-on-surface-variant);margin-right:16px;transition:color .2s cubic-bezier(.4,0,.2,1)}.amw-sidenav__item-label{color:var(--mat-sys-on-surface);font-size:.875rem;font-weight:400;transition:color .2s cubic-bezier(.4,0,.2,1)}.amw-sidenav__item-badge{margin-left:auto}.amw-sidenav__expansion-panel{margin:4px 8px;border-radius:20px;box-shadow:none;background:transparent}.amw-sidenav__expansion-panel--active .amw-sidenav__expansion-header{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}.amw-sidenav__expansion-panel--active .amw-sidenav__expansion-header .amw-sidenav__item-icon{color:var(--mat-sys-on-primary-container)}.amw-sidenav__expansion-panel--active .amw-sidenav__expansion-header .amw-sidenav__item-label{color:var(--mat-sys-on-primary-container);font-weight:500}.amw-sidenav__expansion-panel--disabled{opacity:.6;pointer-events:none}.amw-sidenav__expansion-panel .mat-expansion-panel-header{padding:0 16px;height:48px;border-radius:20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.amw-sidenav__expansion-panel .mat-expansion-panel-header:hover{background:var(--mat-sys-surface-variant)}.amw-sidenav__expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body{padding:0}.amw-sidenav__expansion-header{display:flex;align-items:center;width:100%}.amw-sidenav__expansion-title{display:flex;align-items:center;width:100%;font-size:.875rem;font-weight:400}.amw-sidenav__nested-list{padding:0;margin:0;background:var(--mat-sys-surface-container-low)}.amw-sidenav__nested-item{margin:2px 8px;padding-left:32px;border-radius:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.amw-sidenav__nested-item:hover{background:var(--mat-sys-surface-variant)}.amw-sidenav__nested-item.amw-sidenav__item--active{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}.amw-sidenav__nested-item.amw-sidenav__item--active .amw-sidenav__item-icon{color:var(--mat-sys-on-primary-container)}.amw-sidenav__nested-item.amw-sidenav__item--active .amw-sidenav__item-label{color:var(--mat-sys-on-primary-container);font-weight:500}.amw-sidenav__nested-item.amw-sidenav__item--disabled{opacity:.6;pointer-events:none}.amw-sidenav__custom-content{padding:16px;border-top:1px solid var(--mat-sys-outline-variant);margin-top:auto}.amw-sidenav__footer{padding:16px;border-top:1px solid var(--mat-sys-outline-variant);background:var(--mat-sys-surface-container)}.amw-sidenav__main-content{background:var(--mat-sys-surface);min-height:100vh}@media(max-width:768px){.amw-sidenav__toggle{position:fixed;top:12px;left:12px;z-index:1000}.amw-sidenav__sidenav{width:280px}}@media(min-width:769px)and (max-width:1024px){.amw-sidenav__toggle{position:fixed;top:14px;left:14px;z-index:1000}.amw-sidenav__sidenav{width:300px}}@media(min-width:1025px){.amw-sidenav__toggle{position:fixed;top:16px;left:16px;z-index:1000}.amw-sidenav__sidenav{width:320px}}.mat-theme-dark .amw-sidenav__sidenav{background:var(--mat-sys-surface);border-right-color:var(--mat-sys-outline-variant)}.mat-theme-dark .amw-sidenav__header{background:var(--mat-sys-surface-container);border-bottom-color:var(--mat-sys-outline-variant)}.mat-theme-dark .amw-sidenav__footer{background:var(--mat-sys-surface-container);border-top-color:var(--mat-sys-outline-variant)}.mat-theme-dark .amw-sidenav__nested-list{background:var(--mat-sys-surface-container-low)}@media(prefers-contrast:high){.amw-sidenav__sidenav{border-right-width:2px}.amw-sidenav__header{border-bottom-width:2px}.amw-sidenav__footer{border-top-width:2px}.amw-sidenav__item--active{border:2px solid var(--mat-sys-primary)}}@media(prefers-reduced-motion:reduce){.amw-sidenav *{transition:none!important;animation:none!important}}\n"] }]
-        }], ctorParameters: () => [{ type: i1$e.BreakpointObserver }, { type: i0.ChangeDetectorRef }, { type: i2$7.Router }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], opened: [{ type: i0.Input, args: [{ isSignal: true, alias: "opened", required: false }] }, { type: i0.Output, args: ["openedChange"] }], headerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTemplate", required: false }] }], footerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerTemplate", required: false }] }], itemTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemTemplate", required: false }] }], showToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "showToggle", required: false }] }], showClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClose", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }], toggleEvent: [{ type: i0.Output, args: ["toggleEvent"] }], closeEvent: [{ type: i0.Output, args: ["closeEvent"] }], sidenav: [{ type: i0.ViewChild, args: ['sidenav', { isSignal: true }] }], toggleButton: [{ type: i0.ViewChild, args: ['toggleButton', { isSignal: true }] }] } });
+        }], ctorParameters: () => [{ type: i1$e.BreakpointObserver }, { type: i0.ChangeDetectorRef }, { type: i2$6.Router }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], opened: [{ type: i0.Input, args: [{ isSignal: true, alias: "opened", required: false }] }, { type: i0.Output, args: ["openedChange"] }], headerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTemplate", required: false }] }], footerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerTemplate", required: false }] }], itemTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemTemplate", required: false }] }], showToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "showToggle", required: false }] }], showClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClose", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }], toggleEvent: [{ type: i0.Output, args: ["toggleEvent"] }], closeEvent: [{ type: i0.Output, args: ["closeEvent"] }], sidenav: [{ type: i0.ViewChild, args: ['sidenav', { isSignal: true }] }], toggleButton: [{ type: i0.ViewChild, args: ['toggleButton', { isSignal: true }] }] } });
 
 /**
  * Angular Material Wrap List Item Component
@@ -11684,7 +11765,7 @@ class AmwListItemComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: AmwListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: AmwListItemComponent, isStandalone: true, selector: "amw-list-item", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null }, queryParams: { classPropertyName: "queryParams", publicName: "queryParams", isSignal: true, isRequired: false, transformFunction: null }, fragment: { classPropertyName: "fragment", publicName: "fragment", isSignal: true, isRequired: false, transformFunction: null }, itemClass: { classPropertyName: "itemClass", publicName: "itemClass", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "@if (isNavigable()) {\n    <!-- Navigable item with routerLink -->\n    <a mat-list-item\n       [class]=\"itemClasses()\"\n       [disabled]=\"disabled()\"\n       [disableRipple]=\"disableRipple()\"\n       [routerLink]=\"routerLink()\"\n       [queryParams]=\"queryParams()\"\n       [fragment]=\"fragment()\"\n       [attr.aria-disabled]=\"disabled()\"\n       [attr.aria-selected]=\"selected()\"\n       (click)=\"onClick($event)\"\n       role=\"listitem\">\n        <ng-container *ngTemplateOutlet=\"itemContent\"></ng-container>\n    </a>\n} @else {\n    <!-- Non-navigable item -->\n    <mat-list-item\n        [class]=\"itemClasses()\"\n        [disabled]=\"disabled()\"\n        [disableRipple]=\"disableRipple()\"\n        [attr.aria-disabled]=\"disabled()\"\n        [attr.aria-selected]=\"selected()\"\n        (click)=\"onClick($event)\"\n        role=\"listitem\">\n        <ng-container *ngTemplateOutlet=\"itemContent\"></ng-container>\n    </mat-list-item>\n}\n\n<!-- Shared item content template -->\n<ng-template #itemContent>\n    <!-- Leading content: icon or avatar -->\n    <div class=\"amw-list-item__leading\" matListItemIcon>\n        <ng-content select=\"[amwListItemIcon]\"></ng-content>\n        <ng-content select=\"[amwListItemAvatar]\"></ng-content>\n    </div>\n\n    <!-- Main content: title and subtitle -->\n    <div class=\"amw-list-item__content\">\n        <div class=\"amw-list-item__title\" matListItemTitle>\n            <ng-content select=\"[amwListItemTitle]\"></ng-content>\n        </div>\n        <div class=\"amw-list-item__subtitle\" matListItemLine>\n            <ng-content select=\"[amwListItemSubtitle]\"></ng-content>\n        </div>\n    </div>\n\n    <!-- Trailing content: meta (badges, buttons, etc.) -->\n    <div class=\"amw-list-item__meta\" matListItemMeta>\n        <ng-content select=\"[amwListItemMeta]\"></ng-content>\n    </div>\n\n    <!-- Default content (fallback) -->\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".amw-list--dense{--mdc-list-list-item-one-line-container-height: 40px;--mdc-list-list-item-two-line-container-height: 56px;--mdc-list-list-item-three-line-container-height: 76px}.amw-list--no-ripple mat-list-item,.amw-list--no-ripple a[mat-list-item]{--mat-list-list-item-hover-state-layer-opacity: 0;--mat-list-list-item-focus-state-layer-opacity: 0}.amw-list-item{display:flex;align-items:center;width:100%;cursor:pointer;transition:background-color var(--mdc-motion-duration-short4, .2s) ease}.amw-list-item__leading{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:16px}.amw-list-item__leading [amwListItemAvatar]{width:40px;height:40px;border-radius:50%;object-fit:cover}.amw-list-item__leading [amwListItemIcon]{color:var(--mdc-list-list-item-leading-icon-color, rgba(0, 0, 0, .54))}.amw-list-item__leading:empty{display:none;margin-right:0}.amw-list-item__content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.amw-list-item__title{font-weight:400;color:var(--mdc-list-list-item-label-text-color, rgba(0, 0, 0, .87));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amw-list-item__title:empty{display:none}.amw-list-item__subtitle{font-size:14px;color:var(--mdc-list-list-item-supporting-text-color, rgba(0, 0, 0, .54));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.amw-list-item__subtitle:empty{display:none}.amw-list-item__meta{display:flex;align-items:center;flex-shrink:0;margin-left:16px;color:var(--mdc-list-list-item-trailing-supporting-text-color, rgba(0, 0, 0, .54))}.amw-list-item__meta:empty{display:none;margin-left:0}.amw-list-item--selected{background-color:var(--mdc-list-list-item-selected-container-color, rgba(103, 80, 164, .12))}.amw-list-item--selected .amw-list-item__title,.amw-list-item--selected .amw-list-item__leading [amwListItemIcon]{color:var(--mat-primary-color, #6750A4)}.amw-list-item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.amw-list-item--navigable{text-decoration:none;color:inherit}.amw-list-item--navigable:hover{background-color:var(--mdc-list-list-item-hover-state-layer-color, rgba(0, 0, 0, .04))}.amw-list-item--navigable:focus-visible{outline:2px solid var(--mat-focus-indicator-color, #6750A4);outline-offset:-2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i3$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i3$3.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i3$3.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i3$3.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i3$3.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatRippleModule }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: AmwListItemComponent, isStandalone: true, selector: "amw-list-item", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null }, queryParams: { classPropertyName: "queryParams", publicName: "queryParams", isSignal: true, isRequired: false, transformFunction: null }, fragment: { classPropertyName: "fragment", publicName: "fragment", isSignal: true, isRequired: false, transformFunction: null }, itemClass: { classPropertyName: "itemClass", publicName: "itemClass", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "@if (isNavigable()) {\n    <!-- Navigable item with routerLink -->\n    <a mat-list-item\n       [class]=\"itemClasses()\"\n       [disabled]=\"disabled()\"\n       [disableRipple]=\"disableRipple()\"\n       [routerLink]=\"routerLink()\"\n       [queryParams]=\"queryParams()\"\n       [fragment]=\"fragment()\"\n       [attr.aria-disabled]=\"disabled()\"\n       [attr.aria-selected]=\"selected()\"\n       (click)=\"onClick($event)\"\n       role=\"listitem\">\n        <ng-container *ngTemplateOutlet=\"itemContent\"></ng-container>\n    </a>\n} @else {\n    <!-- Non-navigable item -->\n    <mat-list-item\n        [class]=\"itemClasses()\"\n        [disabled]=\"disabled()\"\n        [disableRipple]=\"disableRipple()\"\n        [attr.aria-disabled]=\"disabled()\"\n        [attr.aria-selected]=\"selected()\"\n        (click)=\"onClick($event)\"\n        role=\"listitem\">\n        <ng-container *ngTemplateOutlet=\"itemContent\"></ng-container>\n    </mat-list-item>\n}\n\n<!-- Shared item content template -->\n<ng-template #itemContent>\n    <!-- Leading content: icon or avatar -->\n    <div class=\"amw-list-item__leading\" matListItemIcon>\n        <ng-content select=\"[amwListItemIcon]\"></ng-content>\n        <ng-content select=\"[amwListItemAvatar]\"></ng-content>\n    </div>\n\n    <!-- Main content: title and subtitle -->\n    <div class=\"amw-list-item__content\">\n        <div class=\"amw-list-item__title\" matListItemTitle>\n            <ng-content select=\"[amwListItemTitle]\"></ng-content>\n        </div>\n        <div class=\"amw-list-item__subtitle\" matListItemLine>\n            <ng-content select=\"[amwListItemSubtitle]\"></ng-content>\n        </div>\n    </div>\n\n    <!-- Trailing content: meta (badges, buttons, etc.) -->\n    <div class=\"amw-list-item__meta\" matListItemMeta>\n        <ng-content select=\"[amwListItemMeta]\"></ng-content>\n    </div>\n\n    <!-- Default content (fallback) -->\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".amw-list--dense{--mdc-list-list-item-one-line-container-height: 40px;--mdc-list-list-item-two-line-container-height: 56px;--mdc-list-list-item-three-line-container-height: 76px}.amw-list--no-ripple mat-list-item,.amw-list--no-ripple a[mat-list-item]{--mat-list-list-item-hover-state-layer-opacity: 0;--mat-list-list-item-focus-state-layer-opacity: 0}.amw-list-item{display:flex;align-items:center;width:100%;cursor:pointer;transition:background-color var(--mdc-motion-duration-short4, .2s) ease}.amw-list-item__leading{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:16px}.amw-list-item__leading [amwListItemAvatar]{width:40px;height:40px;border-radius:50%;object-fit:cover}.amw-list-item__leading [amwListItemIcon]{color:var(--mdc-list-list-item-leading-icon-color, rgba(0, 0, 0, .54))}.amw-list-item__leading:empty{display:none;margin-right:0}.amw-list-item__content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.amw-list-item__title{font-weight:400;color:var(--mdc-list-list-item-label-text-color, rgba(0, 0, 0, .87));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amw-list-item__title:empty{display:none}.amw-list-item__subtitle{font-size:14px;color:var(--mdc-list-list-item-supporting-text-color, rgba(0, 0, 0, .54));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.amw-list-item__subtitle:empty{display:none}.amw-list-item__meta{display:flex;align-items:center;flex-shrink:0;margin-left:16px;color:var(--mdc-list-list-item-trailing-supporting-text-color, rgba(0, 0, 0, .54))}.amw-list-item__meta:empty{display:none;margin-left:0}.amw-list-item--selected{background-color:var(--mdc-list-list-item-selected-container-color, rgba(103, 80, 164, .12))}.amw-list-item--selected .amw-list-item__title,.amw-list-item--selected .amw-list-item__leading [amwListItemIcon]{color:var(--mat-primary-color, #6750A4)}.amw-list-item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.amw-list-item--navigable{text-decoration:none;color:inherit}.amw-list-item--navigable:hover{background-color:var(--mdc-list-list-item-hover-state-layer-color, rgba(0, 0, 0, .04))}.amw-list-item--navigable:focus-visible{outline:2px solid var(--mat-focus-indicator-color, #6750A4);outline-offset:-2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i3$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i3$3.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i3$3.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i3$3.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i3$3.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatRippleModule }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: AmwListItemComponent, decorators: [{
             type: Component,