@onemrvapublic/design-system 20.1.0-develop.2 → 20.1.0-develop.3

package/index.d.ts

@@ -1,32 +1,33 @@
 import * as i0 from '@angular/core';
-import { AfterViewInit, TemplateRef, QueryList, ChangeDetectorRef, DestroyRef, ViewContainerRef, Type, OnInit, OnDestroy, EventEmitter, PipeTransform, ElementRef, Renderer2, InjectionToken, AfterContentChecked, OnChanges, ComponentFactoryResolver, AfterContentInit, SimpleChanges, DoCheck, ErrorHandler, Provider } from '@angular/core';
-import * as i14 from '@angular/router';
+import { AfterViewInit, TemplateRef, QueryList, ChangeDetectorRef, DestroyRef, ViewContainerRef, Type, WritableSignal, OnInit, OnDestroy, EventEmitter, PipeTransform, ElementRef, Renderer2, InjectionToken, AfterContentChecked, OnChanges, ComponentFactoryResolver, AfterContentInit, SimpleChanges, DoCheck, ErrorHandler, Provider } from '@angular/core';
+import * as i15 from '@angular/router';
 import { RouterLink, Router, ActivatedRoute } from '@angular/router';
 import * as rxjs from 'rxjs';
 import { Subject, Observable, Subscription, BehaviorSubject, ReplaySubject } from 'rxjs';
-import * as i15 from '@angular/cdk/layout';
+import * as i16 from '@angular/cdk/layout';
 import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
-import * as i18 from '@angular/material/sidenav';
+import * as i19 from '@angular/material/sidenav';
 import { MatDrawer } from '@angular/material/sidenav';
-import * as i25 from '@ngx-translate/core';
+import { OnemrvaMatSize, OnemrvaMatColor } from '@onemrvapublic/design-system/utils';
+import { NavItem as NavItem$1 } from '@onemrvapublic/design-system/mat-navigation';
+import * as i26 from '@ngx-translate/core';
 import { TranslateService, MissingTranslationHandler, MissingTranslationHandlerParams, TranslateLoader } from '@ngx-translate/core';
-import * as i13 from '@angular/common';
+import * as i14 from '@angular/common';
 import { Location } from '@angular/common';
-import * as i16 from '@angular/material/toolbar';
-import * as i17 from '@angular/material/divider';
-import * as i19 from '@angular/material/tabs';
-import * as i20 from '@angular/material/button';
-import * as i21 from '@angular/material/menu';
-import * as i22 from '@angular/material/icon';
-import * as i23 from '@onemrvapublic/design-system/mat-avatar';
-import * as i24 from '@angular/material/tooltip';
+import * as i17 from '@angular/material/toolbar';
+import * as i18 from '@angular/material/divider';
+import * as i20 from '@angular/material/tabs';
+import * as i21 from '@angular/material/button';
+import * as i22 from '@angular/material/menu';
+import * as i23 from '@angular/material/icon';
+import * as i24 from '@onemrvapublic/design-system/mat-avatar';
+import * as i25 from '@angular/material/tooltip';
 import { MatTooltip, TooltipPosition } from '@angular/material/tooltip';
-import * as i26 from '@angular/material/core';
+import * as i27 from '@angular/material/core';
 import { MatOption, ThemePalette, ErrorStateMatcher, MatDateFormats, NativeDateAdapter, DateAdapter } from '@angular/material/core';
 import { AnimationBuilder, AnimationFactory } from '@angular/animations';
 import { MatFormFieldControl, MatFormField } from '@angular/material/form-field';
 import { MatCalendar } from '@angular/material/datepicker';
-import { OnemrvaMatColor, OnemrvaMatSize } from '@onemrvapublic/design-system/utils';
 import * as i8 from '@angular/material/dialog';
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { OnemRvaCDNMimeService as OnemRvaCDNMimeService$1, OSMResult as OSMResult$1, OnemRvaCommonCountry as OnemRvaCommonCountry$1, OnemrvaMaterialCountry as OnemrvaMaterialCountry$1 } from '@onemrvapublic/design-system/shared';
@@ -37,6 +38,7 @@ import { ComponentStore } from '@ngrx/component-store';
 import { HttpEvent, HttpClient } from '@angular/common/http';
 import { MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { BooleanInput } from '@angular/cdk/coercion';
+import { MatExpansionPanel } from '@angular/material/expansion';
 import { PageEvent } from '@angular/material/paginator';
 import { MatSelect } from '@angular/material/select';
 import { MatRadioButton, MatRadioChange } from '@angular/material/radio';
@@ -56,25 +58,26 @@ declare class LayoutSubrouteComponent implements AfterViewInit {
     routerLink: typeof RouterLink.prototype.routerLink | string;
     routerLinkActiveOptions?: any;
     dataCy?: string;
+    label?: string;
+    icon?: string;
     subroutes?: QueryList<LayoutSubrouteComponent>;
     ngAfterViewInit(): void;
     hasSubroutes(): boolean;
     hasActiveSubroute(): boolean;
     private isActiveRoute;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutSubrouteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutSubrouteComponent, "onemrva-layout-subroute", never, { "customNgClass": { "alias": "customNgClass"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; }, {}, ["subroutes"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutSubrouteComponent, "onemrva-layout-subroute", never, { "customNgClass": { "alias": "customNgClass"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, ["subroutes"], never, true, never>;
 }
 
 declare class LayoutRouteComponent implements AfterViewInit {
     customNgClass: any;
     template: TemplateRef<any> | null;
-    mobileTemplate: TemplateRef<any> | null;
-    contentTemplate: TemplateRef<any> | null;
-    routerLink: typeof RouterLink.prototype.routerLink;
+    routerLink?: string;
     routerLinkActiveOptions?: any;
     dataCy?: string;
     baseRouteForActiveMenu?: string;
     label?: string;
+    icon?: string;
     subroutes?: QueryList<LayoutSubrouteComponent>;
     hasSubroutes(): boolean;
     cd: ChangeDetectorRef;
@@ -82,7 +85,7 @@ declare class LayoutRouteComponent implements AfterViewInit {
     ngAfterViewInit(): void;
     isRouteActive(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutRouteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutRouteComponent, "onemrva-layout-route", never, { "customNgClass": { "alias": "customNgClass"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "baseRouteForActiveMenu": { "alias": "baseRouteForActiveMenu"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, ["subroutes"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutRouteComponent, "onemrva-layout-route", never, { "customNgClass": { "alias": "customNgClass"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "baseRouteForActiveMenu": { "alias": "baseRouteForActiveMenu"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, ["subroutes"], never, true, never>;
 }
 
 declare class LayoutContentComponent implements AfterViewInit {
@@ -156,11 +159,15 @@ declare class DrawerHostDirective implements AfterViewInit {
 
 declare class OnemrvaDrawerService {
     host?: DrawerHostDirective;
-    drawer?: MatDrawer;
-    hasBackdrop: boolean;
-    toggle(): void;
-    open(): void;
+    private drawer?;
+    hasBackdrop: WritableSignal<boolean>;
+    size: WritableSignal<OnemrvaMatSize>;
+    isSide: boolean;
+    toggle(isSide?: boolean): void;
+    open(isSide?: boolean): void;
     close(): void;
+    classes(): string[];
+    setDrawer(drawer: MatDrawer): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaDrawerService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<OnemrvaDrawerService>;
 }
@@ -201,11 +208,9 @@ declare class LayoutComponent implements OnInit, AfterViewInit, OnDestroy {
     drawerHost: DrawerHostDirective;
     id: string;
     role: string;
-    drawerClass: string;
     showThemeSwitcher: boolean;
     activeTheme: i0.WritableSignal<"light" | "dark" | "system">;
     toggleTheme(newTheme: 'light' | 'dark' | 'system'): void;
-    effectiveDrawerClass: string;
     private readonly translateService;
     private readonly cdn;
     private readonly cd;
@@ -222,31 +227,38 @@ declare class LayoutComponent implements OnInit, AfterViewInit, OnDestroy {
     changeLanguage(langCode: string): void;
     toggleSideNav(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutComponent, "onemrva-layout", never, { "logo": { "alias": "logo"; "required": false; }; "languages": { "alias": "languages"; "required": false; }; "environment": { "alias": "environment"; "required": false; }; "logoRedictionUrl": { "alias": "logoRedictionUrl"; "required": false; }; "profile": { "alias": "profile"; "required": false; }; "id": { "alias": "id"; "required": false; }; "role": { "alias": "role"; "required": false; }; "drawerClass": { "alias": "drawerClass"; "required": false; }; "showThemeSwitcher": { "alias": "showThemeSwitcher"; "required": false; }; }, { "login": "login"; "logout": "logout"; }, ["title", "loginMenu", "content", "afterNav", "footer", "routes"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutComponent, "onemrva-layout", never, { "logo": { "alias": "logo"; "required": false; }; "languages": { "alias": "languages"; "required": false; }; "environment": { "alias": "environment"; "required": false; }; "logoRedictionUrl": { "alias": "logoRedictionUrl"; "required": false; }; "profile": { "alias": "profile"; "required": false; }; "id": { "alias": "id"; "required": false; }; "role": { "alias": "role"; "required": false; }; "showThemeSwitcher": { "alias": "showThemeSwitcher"; "required": false; }; }, { "login": "login"; "logout": "logout"; }, ["title", "loginMenu", "content", "afterNav", "footer", "routes"], never, true, never>;
+}
+
+declare class LayoutLeftSidenavComponent {
+    items: NavItem$1[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutLeftSidenavComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutLeftSidenavComponent, "onemrva-layout-left-sidenav", never, { "items": { "alias": "items"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class LayoutSidenavTitleComponent {
+    template?: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutSidenavTitleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutSidenavTitleComponent, "onemrva-layout-sidenav-title", never, {}, {}, never, ["*"], true, never>;
 }
 
 declare class LayoutSidenavComponent implements OnInit {
     isSmall: boolean;
-    languages: OnemRvaLanguage[];
     routes?: QueryList<LayoutRouteComponent>;
-    selectedLanguageIndex$: Observable<number>;
+    languages: OnemRvaLanguage[];
+    items: NavItem$1[];
+    currentLanguage?: OnemRvaLanguage;
     helpMenuOpen: string[][];
     translateService: TranslateService;
     document: Document;
     drawerService: OnemrvaDrawerService;
-    constructor();
     ngOnInit(): void;
-    changeLanguage(index: number): void;
+    changeLanguage(event: any): void;
     close(): void;
-    openSubmenu(index: number, subIdx?: number): void;
+    private populateItemsRecursively;
+    private getRouteLabel;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutSidenavComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutSidenavComponent, "onemrva-layout-sidenav", never, { "isSmall": { "alias": "isSmall"; "required": false; }; "languages": { "alias": "languages"; "required": false; }; "routes": { "alias": "routes"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-declare class LayoutSidenavTitleComponent {
-    template?: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutSidenavTitleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutSidenavTitleComponent, "onemrva-layout-sidenav-title", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutSidenavComponent, "onemrva-layout-sidenav", never, { "isSmall": { "alias": "isSmall"; "required": false; }; "routes": { "alias": "routes"; "required": false; }; "languages": { "alias": "languages"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class LayoutDrawerActionsComponent {
@@ -268,7 +280,7 @@ declare class LayoutDrawerTitleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<LayoutDrawerTitleComponent, "onemrva-drawer-title", never, { "showClose": { "alias": "showClose"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
-declare const layoutComponents: (typeof LayoutRouteComponent | typeof LayoutFooterComponent | typeof LayoutSidenavComponent | typeof LayoutComponent)[];
+declare const layoutComponents: (typeof LayoutRouteComponent | typeof LayoutFooterComponent | typeof LayoutComponent | typeof LayoutLeftSidenavComponent)[];
 
 declare class StripHtmlPipe implements PipeTransform {
     transform(value: string): any;
@@ -282,10 +294,25 @@ declare function ObservableContent(): (target: any, propertyKey: string) => void
 
 declare class OnemrvaLayoutModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaLayoutModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaLayoutModule, never, [typeof LayoutComponent, typeof LayoutContentComponent, typeof LayoutFooterComponent, typeof LayoutRouteComponent, typeof LayoutSubrouteComponent, typeof LayoutTitleComponent, typeof LayoutSidenavTitleComponent, typeof LayoutSidenavComponent, typeof LayoutLoginMenuComponent, typeof LayoutAfterNavComponent, typeof StripHtmlPipe, typeof DrawerHostDirective, typeof i13.CommonModule, typeof i14.RouterModule, typeof i15.LayoutModule, typeof i16.MatToolbarModule, typeof i17.MatDividerModule, typeof i18.MatSidenavModule, typeof i19.MatTabsModule, typeof i20.MatButtonModule, typeof i21.MatMenuModule, typeof i22.MatIconModule, typeof i23.OnemrvaMatAvatarModule, typeof i24.MatTooltipModule, typeof i25.TranslateModule, typeof i26.MatRipple], [typeof LayoutComponent, typeof LayoutContentComponent, typeof LayoutFooterComponent, typeof LayoutRouteComponent, typeof LayoutSubrouteComponent, typeof LayoutTitleComponent, typeof LayoutSidenavTitleComponent, typeof LayoutSidenavComponent, typeof LayoutLoginMenuComponent, typeof LayoutAfterNavComponent, typeof i15.LayoutModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaLayoutModule, never, [typeof LayoutComponent, typeof LayoutContentComponent, typeof LayoutFooterComponent, typeof LayoutRouteComponent, typeof LayoutSubrouteComponent, typeof LayoutTitleComponent, typeof LayoutSidenavTitleComponent, typeof LayoutSidenavComponent, typeof LayoutLoginMenuComponent, typeof LayoutAfterNavComponent, typeof LayoutLeftSidenavComponent, typeof StripHtmlPipe, typeof DrawerHostDirective, typeof i14.CommonModule, typeof i15.RouterModule, typeof i16.LayoutModule, typeof i17.MatToolbarModule, typeof i18.MatDividerModule, typeof i19.MatSidenavModule, typeof i20.MatTabsModule, typeof i21.MatButtonModule, typeof i22.MatMenuModule, typeof i23.MatIconModule, typeof i24.OnemrvaMatAvatarModule, typeof i25.MatTooltipModule, typeof i26.TranslateModule, typeof i27.MatRipple], [typeof LayoutComponent, typeof LayoutContentComponent, typeof LayoutFooterComponent, typeof LayoutRouteComponent, typeof LayoutSubrouteComponent, typeof LayoutTitleComponent, typeof LayoutSidenavTitleComponent, typeof LayoutSidenavComponent, typeof LayoutLoginMenuComponent, typeof LayoutAfterNavComponent, typeof LayoutLeftSidenavComponent, typeof i16.LayoutModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaLayoutModule>;
 }
 
+declare class FlagIconComponent {
+    countryCode?: string | null | undefined;
+    mode: 'square' | 'rectangle';
+    width: number;
+    height: number;
+    private readonly cdnUrl;
+    private cdn;
+    constructor();
+    get normalizedCountryCode(): string;
+    get modeValue(): "4x3" | "1x1";
+    get url(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FlagIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FlagIconComponent, "flag-icon", never, { "countryCode": { "alias": "countryCode"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 declare const MatAvatarType: {
     INITIALS: "initials";
     IMAGE: "image";
@@ -482,7 +509,7 @@ declare class OnemrvaMatBreadcrumbComponent implements OnInit {
 
 declare class OnemrvaMatBreadcrumbModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatBreadcrumbModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaMatBreadcrumbModule, never, [typeof i13.CommonModule, typeof i22.MatIconModule, typeof i14.RouterModule, typeof OnemrvaMatBreadcrumbComponent], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaMatBreadcrumbModule, never, [typeof i14.CommonModule, typeof i23.MatIconModule, typeof i15.RouterModule, typeof OnemrvaMatBreadcrumbComponent], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaMatBreadcrumbModule>;
 }
 
@@ -761,7 +788,7 @@ declare class DndDirective {
 
 declare class OnemrvaMatFileUploadModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatFileUploadModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaMatFileUploadModule, never, [typeof OnemrvaFilePanelComponent, typeof OnemrvaMatFileUploadComponent, typeof DndDirective, typeof i13.CommonModule, typeof i5.ReactiveFormsModule, typeof i20.MatButtonModule, typeof i24.MatTooltipModule, typeof i8.MatDialogModule, typeof i25.TranslateModule, typeof i22.MatIconModule, typeof i11.MatInputModule], [typeof OnemrvaFilePanelComponent, typeof OnemrvaMatFileUploadComponent, typeof DndDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaMatFileUploadModule, never, [typeof OnemrvaFilePanelComponent, typeof OnemrvaMatFileUploadComponent, typeof DndDirective, typeof i14.CommonModule, typeof i5.ReactiveFormsModule, typeof i21.MatButtonModule, typeof i25.MatTooltipModule, typeof i8.MatDialogModule, typeof i26.TranslateModule, typeof i23.MatIconModule, typeof i11.MatInputModule], [typeof OnemrvaFilePanelComponent, typeof OnemrvaMatFileUploadComponent, typeof DndDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaMatFileUploadModule>;
 }
 
@@ -911,21 +938,6 @@ declare class OnemrvaMatFileUploadService implements OnemrvaMatFileUploadInterfa
     static ɵprov: i0.ɵɵInjectableDeclaration<OnemrvaMatFileUploadService>;
 }
 
-declare class FlagIconComponent {
-    countryCode?: string | null | undefined;
-    mode: 'square' | 'rectangle';
-    width: number;
-    height: number;
-    private readonly cdnUrl;
-    private cdn;
-    constructor();
-    get normalizedCountryCode(): string;
-    get modeValue(): "4x3" | "1x1";
-    get url(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FlagIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FlagIconComponent, "flag-icon", never, { "countryCode": { "alias": "countryCode"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
-}
-
 declare class OnemrvaMatInputAddressComponent implements OnInit {
     placeholder: string;
     readonly: boolean;
@@ -1342,6 +1354,53 @@ declare class OnemrvaMatNotificationComponent implements OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatNotificationComponent, "onemrva-mat-notification", never, { "message": { "alias": "message"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "id": { "alias": "id"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; }, { "notificationClose": "notificationClose"; }, never, ["*"], true, never>;
 }
 
+interface NavItem {
+    label: string;
+    icon?: string;
+    dataCy?: string;
+    routerLink?: string;
+    children?: NavItem[];
+    highlighted?: boolean;
+    opened?: boolean;
+}
+
+declare class OnemrvaMatNavigationComponent {
+    items: i0.InputSignal<NavItem[]>;
+    level: i0.InputSignal<number>;
+    translate: i0.InputSignal<boolean>;
+    router: Router;
+    constructor();
+    private updateNavigationState;
+    private resetNavigationStates;
+    private findActiveItemPath;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatNavigationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatNavigationComponent, "onemrva-mat-navigation", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; "translate": { "alias": "translate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class OnemrvaMatNavigationItemComponent implements AfterViewInit {
+    routerLink: string | undefined;
+    routerLinkActiveOptions?: any;
+    dataCy?: string;
+    baseRouteForActiveMenu?: string;
+    label: string;
+    icon?: string;
+    level: number;
+    highlighted: boolean | undefined;
+    opened: boolean | undefined;
+    children: NavItem[] | undefined;
+    customNgClass: any;
+    translate: boolean;
+    matExpansionPanel?: MatExpansionPanel;
+    isExpanded: boolean;
+    get isHighlighted(): boolean | undefined;
+    get isHighlighted2(): boolean;
+    get indentArray(): number[];
+    cd: ChangeDetectorRef;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatNavigationItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatNavigationItemComponent, "onemrva-mat-navigation-item", never, { "routerLink": { "alias": "routerLink"; "required": false; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "baseRouteForActiveMenu": { "alias": "baseRouteForActiveMenu"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "level": { "alias": "level"; "required": false; }; "highlighted": { "alias": "highlighted"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "children": { "alias": "children"; "required": false; }; "customNgClass": { "alias": "customNgClass"; "required": false; }; "translate": { "alias": "translate"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
 declare class OnemrvaMatPaginatorComponent implements OnInit, OnDestroy {
     type: 'default' | 'complex';
     pageSizeSelector: boolean;
@@ -2597,7 +2656,7 @@ declare class OnemRvaColorDirective {
     /** @hidden @internal */
     get _isNeutral(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<OnemRvaColorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<OnemRvaColorDirective, "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OnemRvaColorDirective, "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],mat-form-field[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class MatRowClickableDirective extends OnemRvaColorDirective {
@@ -3012,5 +3071,5 @@ declare function onemrvaThemeProvider(): Provider[];
 declare const LOOKUP_COUNTRY_SERVICE_URL: InjectionToken<string>;
 declare const ONEMRVA_THEME_CLASS: InjectionToken<string>;
 
-export { CDNUrlModeOptions, CDN_URLS, CDN_URL_MODE, CUSTOM_VALIDATION_FN, CacheService, ClipboardIconComponent, ClockComponent, CoerceBooleanInput, CommonCountryLookupService, DefaultStorage, DigitOnlyDirective, DndDirective, DrawerHostDirective, Environment, FlagIconComponent, HttpRequestCache, IBAN_SUPPORTED_COUNTRIES, IfWidthIsDirective, LOOKUP_COUNTRY_SERVICE_URL, LOOKUP_COUNTRY_URL, LayoutAfterNavComponent, LayoutComponent, LayoutContentComponent, LayoutDrawerActionsComponent, LayoutDrawerContentComponent, LayoutDrawerTitleComponent, LayoutFooterComponent, LayoutLoginMenuComponent, LayoutRouteComponent, LayoutSidenavComponent, LayoutSidenavTitleComponent, LayoutSubrouteComponent, LayoutTitleComponent, MAT_SELECTSEARCH_DEFAULT_OPTIONS, MatAvatarType, MatRowClickableDirective, MatSelectNoEntriesFoundDirective, MatSelectSearchClearDirective, MatSelectSearchComponent, MatSelectSearchModule, MatTimePickerToggle, MatTimepickerComponentDialogComponent, MatTimepickerDirective, MatTimepickerToggleIconDirective, NISS_MASK, ONEMRVA_MAT_LUXON_DATE_FORMATS, ONEMRVA_MAT_LUXON_YEAR_MONTH_FORMATS, ONEMRVA_MAT_NATIVE_DATE_FORMAT, ONEMRVA_MAT_NATIVE_YEAR_MONTH_FORMAT, ONEMRVA_THEME, ONEMRVA_THEME_CLASS, ObservableContent, OnemRvaAddress, OnemRvaCDNCountryService, OnemRvaCDNMimeService, OnemRvaCDNService, OnemRvaClipboardDirective, OnemRvaColorDirective, OnemRvaIconRightDirective, OnemRvaOSMService, OnemRvaProfile, OnemRvaSizeDirective, OnemrvaBcePipe, OnemrvaCopyToClipboardComponent, OnemrvaCountryItemComponent, OnemrvaDateFormatDirective, OnemrvaDrawerService, OnemrvaErrorHandler, OnemrvaFilePanelComponent, OnemrvaLayoutModule, OnemrvaLuxonDateAdapter, OnemrvaMaskDirective, OnemrvaMatAvatarComponent, OnemrvaMatAvatarModule, OnemrvaMatBreadcrumbComponent, OnemrvaMatBreadcrumbModule, OnemrvaMatBreadcrumbService, OnemrvaMatCarouselComponent, OnemrvaMatCarouselItemComponent, OnemrvaMatChoiceChipComponent, OnemrvaMatDatepickerHeaderComponent, OnemrvaMatEmptyRowComponent, OnemrvaMatFileUploadComponent, OnemrvaMatFileUploadModule, OnemrvaMatFileUploadService, OnemrvaMatFileUploadStore, OnemrvaMatInputAddressComponent, OnemrvaMatInputBirthPlaceComponent, OnemrvaMatInputCountryComponent, OnemrvaMatInputEnterpriseNumberComponent, OnemrvaMatInputIbanComponent, OnemrvaMatInputPhoneComponent, OnemrvaMatLoadingDirective, OnemrvaMatMessageBoxComponent, OnemrvaMatMessageBoxModule, OnemrvaMatMultiSelectComponent, OnemrvaMatMultiSelectModule, OnemrvaMatNotificationComponent, OnemrvaMatPaginatorComponent, OnemrvaMatPaginatorModule, OnemrvaMatPanelComponent, OnemrvaMatPanelContentComponent, OnemrvaMatPanelIconComponent, OnemrvaMatPanelModule, OnemrvaMatPanelTitleActionComponent, OnemrvaMatPanelTitleComponent, OnemrvaMatPopOverComponent, OnemrvaMatPopOverContentComponent, OnemrvaMatPopOverModule, OnemrvaMatPopOverTriggerComponent, OnemrvaMatProgressBarComponent, OnemrvaMatSelectableBoxComponent, OnemrvaMatSelectableBoxModule, OnemrvaMatSideMenuComponent, OnemrvaMatSideMenuModule, OnemrvaMatSkeletoTypes, OnemrvaMatSkeletonAnimations, OnemrvaMatSkeletonComponent, OnemrvaMatSkeletonModule, OnemrvaMatSpinnerComponent, OnemrvaMatSpinnerModule, OnemrvaMatStepperComponent, OnemrvaMatStepperModule, OnemrvaMatStickerComponent, OnemrvaMatStickerModule, OnemrvaMatTableOfContentComponent, OnemrvaMatTableOfContentDirective, OnemrvaMatTableOfContentService, OnemrvaMatTaskComponent, OnemrvaMatTaskContentComponent, OnemrvaMatTaskListComponent, OnemrvaMatTaskListModule, OnemrvaMatTaskTitleComponent, OnemrvaMatTimepickerComponent, OnemrvaMatTimepickerModule, OnemrvaMatToastComponent, OnemrvaMatToastModule, OnemrvaMatTocAnchorLevel, OnemrvaMatTocAnchorStatus, OnemrvaMatTooltipComponent, OnemrvaMatTooltipDirective, OnemrvaMatTooltipModule, OnemrvaMissingTranslationHandler, OnemrvaNativeDateAdapter, OnemrvaNissPipe, OnemrvaPageNotFoundModule, OnemrvaSharedModule, OnemrvaTranslateCDNLoader, OnemrvaTranslateHttpLoader, OnemrvaValidators, PageNotFoundActionComponent, PageNotFoundComponent, PageNotFoundExtraComponent, PageNotFoundInvaderComponent, PhoneNumberDirective, RequestTimes, SEPA_ONLY_SUPPORTED_COUNTRIES, StripHtmlPipe, ToastType, WebComponentOverlayContainer, bankAccountValidator, components, configurableDefaultOptions, convertToProgressFile, convertToReferencedProgressFile, directives, formatBytes, formattedSize, layoutComponents, onemrvaDateLuxonProvider, onemrvaDateLuxonYearMonthProvider, onemrvaDateNativeProvider, onemrvaDateNativeYearMonthProvider, onemrvaThemeProvider, setTranslationLanguage, setTranslationLanguageFromWO };
-export type { ActionConfig, ConfigurableDefaultOptions, CustomValidationFn, FileUploadStoreEvent, HttpCacheOptions, HttpCacheStorage, MatSelectSearchOptions, MimeDefinition, OSMAddress, OSMResult, OnemRvaCommonCountry, OnemRvaLanguage, OnemrvaMatFileUploadInterface, OnemrvaMatFileUploadStoreItf, OnemrvaMatToc, OnemrvaMatTocAnchor, OnemrvaMaterialCountry, OnemrvaMenu, OnemrvaSkeletonLoaderConfigTheme, ProgressFile, ReferencedProgressFile, UploadState };
+export { CDNUrlModeOptions, CDN_URLS, CDN_URL_MODE, CUSTOM_VALIDATION_FN, CacheService, ClipboardIconComponent, ClockComponent, CoerceBooleanInput, CommonCountryLookupService, DefaultStorage, DigitOnlyDirective, DndDirective, DrawerHostDirective, Environment, FlagIconComponent, HttpRequestCache, IBAN_SUPPORTED_COUNTRIES, IfWidthIsDirective, LOOKUP_COUNTRY_SERVICE_URL, LOOKUP_COUNTRY_URL, LayoutAfterNavComponent, LayoutComponent, LayoutContentComponent, LayoutDrawerActionsComponent, LayoutDrawerContentComponent, LayoutDrawerTitleComponent, LayoutFooterComponent, LayoutLeftSidenavComponent, LayoutLoginMenuComponent, LayoutRouteComponent, LayoutSidenavComponent, LayoutSidenavTitleComponent, LayoutSubrouteComponent, LayoutTitleComponent, MAT_SELECTSEARCH_DEFAULT_OPTIONS, MatAvatarType, MatRowClickableDirective, MatSelectNoEntriesFoundDirective, MatSelectSearchClearDirective, MatSelectSearchComponent, MatSelectSearchModule, MatTimePickerToggle, MatTimepickerComponentDialogComponent, MatTimepickerDirective, MatTimepickerToggleIconDirective, NISS_MASK, ONEMRVA_MAT_LUXON_DATE_FORMATS, ONEMRVA_MAT_LUXON_YEAR_MONTH_FORMATS, ONEMRVA_MAT_NATIVE_DATE_FORMAT, ONEMRVA_MAT_NATIVE_YEAR_MONTH_FORMAT, ONEMRVA_THEME, ONEMRVA_THEME_CLASS, ObservableContent, OnemRvaAddress, OnemRvaCDNCountryService, OnemRvaCDNMimeService, OnemRvaCDNService, OnemRvaClipboardDirective, OnemRvaColorDirective, OnemRvaIconRightDirective, OnemRvaOSMService, OnemRvaProfile, OnemRvaSizeDirective, OnemrvaBcePipe, OnemrvaCopyToClipboardComponent, OnemrvaCountryItemComponent, OnemrvaDateFormatDirective, OnemrvaDrawerService, OnemrvaErrorHandler, OnemrvaFilePanelComponent, OnemrvaLayoutModule, OnemrvaLuxonDateAdapter, OnemrvaMaskDirective, OnemrvaMatAvatarComponent, OnemrvaMatAvatarModule, OnemrvaMatBreadcrumbComponent, OnemrvaMatBreadcrumbModule, OnemrvaMatBreadcrumbService, OnemrvaMatCarouselComponent, OnemrvaMatCarouselItemComponent, OnemrvaMatChoiceChipComponent, OnemrvaMatDatepickerHeaderComponent, OnemrvaMatEmptyRowComponent, OnemrvaMatFileUploadComponent, OnemrvaMatFileUploadModule, OnemrvaMatFileUploadService, OnemrvaMatFileUploadStore, OnemrvaMatInputAddressComponent, OnemrvaMatInputBirthPlaceComponent, OnemrvaMatInputCountryComponent, OnemrvaMatInputEnterpriseNumberComponent, OnemrvaMatInputIbanComponent, OnemrvaMatInputPhoneComponent, OnemrvaMatLoadingDirective, OnemrvaMatMessageBoxComponent, OnemrvaMatMessageBoxModule, OnemrvaMatMultiSelectComponent, OnemrvaMatMultiSelectModule, OnemrvaMatNavigationComponent, OnemrvaMatNavigationItemComponent, OnemrvaMatNotificationComponent, OnemrvaMatPaginatorComponent, OnemrvaMatPaginatorModule, OnemrvaMatPanelComponent, OnemrvaMatPanelContentComponent, OnemrvaMatPanelIconComponent, OnemrvaMatPanelModule, OnemrvaMatPanelTitleActionComponent, OnemrvaMatPanelTitleComponent, OnemrvaMatPopOverComponent, OnemrvaMatPopOverContentComponent, OnemrvaMatPopOverModule, OnemrvaMatPopOverTriggerComponent, OnemrvaMatProgressBarComponent, OnemrvaMatSelectableBoxComponent, OnemrvaMatSelectableBoxModule, OnemrvaMatSideMenuComponent, OnemrvaMatSideMenuModule, OnemrvaMatSkeletoTypes, OnemrvaMatSkeletonAnimations, OnemrvaMatSkeletonComponent, OnemrvaMatSkeletonModule, OnemrvaMatSpinnerComponent, OnemrvaMatSpinnerModule, OnemrvaMatStepperComponent, OnemrvaMatStepperModule, OnemrvaMatStickerComponent, OnemrvaMatStickerModule, OnemrvaMatTableOfContentComponent, OnemrvaMatTableOfContentDirective, OnemrvaMatTableOfContentService, OnemrvaMatTaskComponent, OnemrvaMatTaskContentComponent, OnemrvaMatTaskListComponent, OnemrvaMatTaskListModule, OnemrvaMatTaskTitleComponent, OnemrvaMatTimepickerComponent, OnemrvaMatTimepickerModule, OnemrvaMatToastComponent, OnemrvaMatToastModule, OnemrvaMatTocAnchorLevel, OnemrvaMatTocAnchorStatus, OnemrvaMatTooltipComponent, OnemrvaMatTooltipDirective, OnemrvaMatTooltipModule, OnemrvaMissingTranslationHandler, OnemrvaNativeDateAdapter, OnemrvaNissPipe, OnemrvaPageNotFoundModule, OnemrvaSharedModule, OnemrvaTranslateCDNLoader, OnemrvaTranslateHttpLoader, OnemrvaValidators, PageNotFoundActionComponent, PageNotFoundComponent, PageNotFoundExtraComponent, PageNotFoundInvaderComponent, PhoneNumberDirective, RequestTimes, SEPA_ONLY_SUPPORTED_COUNTRIES, StripHtmlPipe, ToastType, WebComponentOverlayContainer, bankAccountValidator, components, configurableDefaultOptions, convertToProgressFile, convertToReferencedProgressFile, directives, formatBytes, formattedSize, layoutComponents, onemrvaDateLuxonProvider, onemrvaDateLuxonYearMonthProvider, onemrvaDateNativeProvider, onemrvaDateNativeYearMonthProvider, onemrvaThemeProvider, setTranslationLanguage, setTranslationLanguageFromWO };
+export type { ActionConfig, ConfigurableDefaultOptions, CustomValidationFn, FileUploadStoreEvent, HttpCacheOptions, HttpCacheStorage, MatSelectSearchOptions, MimeDefinition, NavItem, OSMAddress, OSMResult, OnemRvaCommonCountry, OnemRvaLanguage, OnemrvaMatFileUploadInterface, OnemrvaMatFileUploadStoreItf, OnemrvaMatToc, OnemrvaMatTocAnchor, OnemrvaMaterialCountry, OnemrvaMenu, OnemrvaSkeletonLoaderConfigTheme, ProgressFile, ReferencedProgressFile, UploadState };

package/layout/index.d.ts

@@ -1,24 +1,26 @@
 import * as i0 from '@angular/core';
-import { AfterViewInit, TemplateRef, QueryList, ChangeDetectorRef, DestroyRef, ViewContainerRef, Type, OnInit, OnDestroy, EventEmitter, PipeTransform } from '@angular/core';
-import * as i14 from '@angular/router';
+import { AfterViewInit, TemplateRef, QueryList, ChangeDetectorRef, DestroyRef, ViewContainerRef, Type, WritableSignal, OnInit, OnDestroy, EventEmitter, PipeTransform } from '@angular/core';
+import * as i15 from '@angular/router';
 import { RouterLink, Router } from '@angular/router';
-import { Subject, Observable } from 'rxjs';
-import * as i15 from '@angular/cdk/layout';
+import { Subject } from 'rxjs';
+import * as i16 from '@angular/cdk/layout';
 import { BreakpointObserver } from '@angular/cdk/layout';
-import * as i18 from '@angular/material/sidenav';
+import * as i19 from '@angular/material/sidenav';
 import { MatDrawer } from '@angular/material/sidenav';
-import * as i25 from '@ngx-translate/core';
+import { OnemrvaMatSize } from '@onemrvapublic/design-system/utils';
+import { NavItem } from '@onemrvapublic/design-system/mat-navigation';
+import * as i26 from '@ngx-translate/core';
 import { TranslateService } from '@ngx-translate/core';
-import * as i13 from '@angular/common';
-import * as i16 from '@angular/material/toolbar';
-import * as i17 from '@angular/material/divider';
-import * as i19 from '@angular/material/tabs';
-import * as i20 from '@angular/material/button';
-import * as i21 from '@angular/material/menu';
-import * as i22 from '@angular/material/icon';
-import * as i23 from '@onemrvapublic/design-system/mat-avatar';
-import * as i24 from '@angular/material/tooltip';
-import * as i26 from '@angular/material/core';
+import * as i14 from '@angular/common';
+import * as i17 from '@angular/material/toolbar';
+import * as i18 from '@angular/material/divider';
+import * as i20 from '@angular/material/tabs';
+import * as i21 from '@angular/material/button';
+import * as i22 from '@angular/material/menu';
+import * as i23 from '@angular/material/icon';
+import * as i24 from '@onemrvapublic/design-system/mat-avatar';
+import * as i25 from '@angular/material/tooltip';
+import * as i27 from '@angular/material/core';
 
 declare class LayoutSubrouteComponent implements AfterViewInit {
     private cd;
@@ -28,25 +30,26 @@ declare class LayoutSubrouteComponent implements AfterViewInit {
     routerLink: typeof RouterLink.prototype.routerLink | string;
     routerLinkActiveOptions?: any;
     dataCy?: string;
+    label?: string;
+    icon?: string;
     subroutes?: QueryList<LayoutSubrouteComponent>;
     ngAfterViewInit(): void;
     hasSubroutes(): boolean;
     hasActiveSubroute(): boolean;
     private isActiveRoute;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutSubrouteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutSubrouteComponent, "onemrva-layout-subroute", never, { "customNgClass": { "alias": "customNgClass"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; }, {}, ["subroutes"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutSubrouteComponent, "onemrva-layout-subroute", never, { "customNgClass": { "alias": "customNgClass"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, ["subroutes"], never, true, never>;
 }
 
 declare class LayoutRouteComponent implements AfterViewInit {
     customNgClass: any;
     template: TemplateRef<any> | null;
-    mobileTemplate: TemplateRef<any> | null;
-    contentTemplate: TemplateRef<any> | null;
-    routerLink: typeof RouterLink.prototype.routerLink;
+    routerLink?: string;
     routerLinkActiveOptions?: any;
     dataCy?: string;
     baseRouteForActiveMenu?: string;
     label?: string;
+    icon?: string;
     subroutes?: QueryList<LayoutSubrouteComponent>;
     hasSubroutes(): boolean;
     cd: ChangeDetectorRef;
@@ -54,7 +57,7 @@ declare class LayoutRouteComponent implements AfterViewInit {
     ngAfterViewInit(): void;
     isRouteActive(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutRouteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutRouteComponent, "onemrva-layout-route", never, { "customNgClass": { "alias": "customNgClass"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "baseRouteForActiveMenu": { "alias": "baseRouteForActiveMenu"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, ["subroutes"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutRouteComponent, "onemrva-layout-route", never, { "customNgClass": { "alias": "customNgClass"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "baseRouteForActiveMenu": { "alias": "baseRouteForActiveMenu"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, ["subroutes"], never, true, never>;
 }
 
 declare class LayoutContentComponent implements AfterViewInit {
@@ -128,11 +131,15 @@ declare class DrawerHostDirective implements AfterViewInit {
 
 declare class OnemrvaDrawerService {
     host?: DrawerHostDirective;
-    drawer?: MatDrawer;
-    hasBackdrop: boolean;
-    toggle(): void;
-    open(): void;
+    private drawer?;
+    hasBackdrop: WritableSignal<boolean>;
+    size: WritableSignal<OnemrvaMatSize>;
+    isSide: boolean;
+    toggle(isSide?: boolean): void;
+    open(isSide?: boolean): void;
     close(): void;
+    classes(): string[];
+    setDrawer(drawer: MatDrawer): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaDrawerService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<OnemrvaDrawerService>;
 }
@@ -173,11 +180,9 @@ declare class LayoutComponent implements OnInit, AfterViewInit, OnDestroy {
     drawerHost: DrawerHostDirective;
     id: string;
     role: string;
-    drawerClass: string;
     showThemeSwitcher: boolean;
     activeTheme: i0.WritableSignal<"light" | "dark" | "system">;
     toggleTheme(newTheme: 'light' | 'dark' | 'system'): void;
-    effectiveDrawerClass: string;
     private readonly translateService;
     private readonly cdn;
     private readonly cd;
@@ -194,31 +199,38 @@ declare class LayoutComponent implements OnInit, AfterViewInit, OnDestroy {
     changeLanguage(langCode: string): void;
     toggleSideNav(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutComponent, "onemrva-layout", never, { "logo": { "alias": "logo"; "required": false; }; "languages": { "alias": "languages"; "required": false; }; "environment": { "alias": "environment"; "required": false; }; "logoRedictionUrl": { "alias": "logoRedictionUrl"; "required": false; }; "profile": { "alias": "profile"; "required": false; }; "id": { "alias": "id"; "required": false; }; "role": { "alias": "role"; "required": false; }; "drawerClass": { "alias": "drawerClass"; "required": false; }; "showThemeSwitcher": { "alias": "showThemeSwitcher"; "required": false; }; }, { "login": "login"; "logout": "logout"; }, ["title", "loginMenu", "content", "afterNav", "footer", "routes"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutComponent, "onemrva-layout", never, { "logo": { "alias": "logo"; "required": false; }; "languages": { "alias": "languages"; "required": false; }; "environment": { "alias": "environment"; "required": false; }; "logoRedictionUrl": { "alias": "logoRedictionUrl"; "required": false; }; "profile": { "alias": "profile"; "required": false; }; "id": { "alias": "id"; "required": false; }; "role": { "alias": "role"; "required": false; }; "showThemeSwitcher": { "alias": "showThemeSwitcher"; "required": false; }; }, { "login": "login"; "logout": "logout"; }, ["title", "loginMenu", "content", "afterNav", "footer", "routes"], never, true, never>;
+}
+
+declare class LayoutLeftSidenavComponent {
+    items: NavItem[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutLeftSidenavComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutLeftSidenavComponent, "onemrva-layout-left-sidenav", never, { "items": { "alias": "items"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class LayoutSidenavTitleComponent {
+    template?: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutSidenavTitleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutSidenavTitleComponent, "onemrva-layout-sidenav-title", never, {}, {}, never, ["*"], true, never>;
 }
 
 declare class LayoutSidenavComponent implements OnInit {
     isSmall: boolean;
-    languages: OnemRvaLanguage[];
     routes?: QueryList<LayoutRouteComponent>;
-    selectedLanguageIndex$: Observable<number>;
+    languages: OnemRvaLanguage[];
+    items: NavItem[];
+    currentLanguage?: OnemRvaLanguage;
     helpMenuOpen: string[][];
     translateService: TranslateService;
     document: Document;
     drawerService: OnemrvaDrawerService;
-    constructor();
     ngOnInit(): void;
-    changeLanguage(index: number): void;
+    changeLanguage(event: any): void;
     close(): void;
-    openSubmenu(index: number, subIdx?: number): void;
+    private populateItemsRecursively;
+    private getRouteLabel;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutSidenavComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutSidenavComponent, "onemrva-layout-sidenav", never, { "isSmall": { "alias": "isSmall"; "required": false; }; "languages": { "alias": "languages"; "required": false; }; "routes": { "alias": "routes"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-declare class LayoutSidenavTitleComponent {
-    template?: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutSidenavTitleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutSidenavTitleComponent, "onemrva-layout-sidenav-title", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutSidenavComponent, "onemrva-layout-sidenav", never, { "isSmall": { "alias": "isSmall"; "required": false; }; "routes": { "alias": "routes"; "required": false; }; "languages": { "alias": "languages"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class LayoutDrawerActionsComponent {
@@ -240,7 +252,7 @@ declare class LayoutDrawerTitleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<LayoutDrawerTitleComponent, "onemrva-drawer-title", never, { "showClose": { "alias": "showClose"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
-declare const layoutComponents: (typeof LayoutRouteComponent | typeof LayoutFooterComponent | typeof LayoutSidenavComponent | typeof LayoutComponent)[];
+declare const layoutComponents: (typeof LayoutRouteComponent | typeof LayoutFooterComponent | typeof LayoutComponent | typeof LayoutLeftSidenavComponent)[];
 
 declare class StripHtmlPipe implements PipeTransform {
     transform(value: string): any;
@@ -254,9 +266,9 @@ declare function ObservableContent(): (target: any, propertyKey: string) => void
 
 declare class OnemrvaLayoutModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaLayoutModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaLayoutModule, never, [typeof LayoutComponent, typeof LayoutContentComponent, typeof LayoutFooterComponent, typeof LayoutRouteComponent, typeof LayoutSubrouteComponent, typeof LayoutTitleComponent, typeof LayoutSidenavTitleComponent, typeof LayoutSidenavComponent, typeof LayoutLoginMenuComponent, typeof LayoutAfterNavComponent, typeof StripHtmlPipe, typeof DrawerHostDirective, typeof i13.CommonModule, typeof i14.RouterModule, typeof i15.LayoutModule, typeof i16.MatToolbarModule, typeof i17.MatDividerModule, typeof i18.MatSidenavModule, typeof i19.MatTabsModule, typeof i20.MatButtonModule, typeof i21.MatMenuModule, typeof i22.MatIconModule, typeof i23.OnemrvaMatAvatarModule, typeof i24.MatTooltipModule, typeof i25.TranslateModule, typeof i26.MatRipple], [typeof LayoutComponent, typeof LayoutContentComponent, typeof LayoutFooterComponent, typeof LayoutRouteComponent, typeof LayoutSubrouteComponent, typeof LayoutTitleComponent, typeof LayoutSidenavTitleComponent, typeof LayoutSidenavComponent, typeof LayoutLoginMenuComponent, typeof LayoutAfterNavComponent, typeof i15.LayoutModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaLayoutModule, never, [typeof LayoutComponent, typeof LayoutContentComponent, typeof LayoutFooterComponent, typeof LayoutRouteComponent, typeof LayoutSubrouteComponent, typeof LayoutTitleComponent, typeof LayoutSidenavTitleComponent, typeof LayoutSidenavComponent, typeof LayoutLoginMenuComponent, typeof LayoutAfterNavComponent, typeof LayoutLeftSidenavComponent, typeof StripHtmlPipe, typeof DrawerHostDirective, typeof i14.CommonModule, typeof i15.RouterModule, typeof i16.LayoutModule, typeof i17.MatToolbarModule, typeof i18.MatDividerModule, typeof i19.MatSidenavModule, typeof i20.MatTabsModule, typeof i21.MatButtonModule, typeof i22.MatMenuModule, typeof i23.MatIconModule, typeof i24.OnemrvaMatAvatarModule, typeof i25.MatTooltipModule, typeof i26.TranslateModule, typeof i27.MatRipple], [typeof LayoutComponent, typeof LayoutContentComponent, typeof LayoutFooterComponent, typeof LayoutRouteComponent, typeof LayoutSubrouteComponent, typeof LayoutTitleComponent, typeof LayoutSidenavTitleComponent, typeof LayoutSidenavComponent, typeof LayoutLoginMenuComponent, typeof LayoutAfterNavComponent, typeof LayoutLeftSidenavComponent, typeof i16.LayoutModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaLayoutModule>;
 }
 
-export { CoerceBooleanInput, DrawerHostDirective, Environment, LayoutAfterNavComponent, LayoutComponent, LayoutContentComponent, LayoutDrawerActionsComponent, LayoutDrawerContentComponent, LayoutDrawerTitleComponent, LayoutFooterComponent, LayoutLoginMenuComponent, LayoutRouteComponent, LayoutSidenavComponent, LayoutSidenavTitleComponent, LayoutSubrouteComponent, LayoutTitleComponent, ObservableContent, OnemRvaProfile, OnemrvaDrawerService, OnemrvaLayoutModule, StripHtmlPipe, layoutComponents };
+export { CoerceBooleanInput, DrawerHostDirective, Environment, LayoutAfterNavComponent, LayoutComponent, LayoutContentComponent, LayoutDrawerActionsComponent, LayoutDrawerContentComponent, LayoutDrawerTitleComponent, LayoutFooterComponent, LayoutLeftSidenavComponent, LayoutLoginMenuComponent, LayoutRouteComponent, LayoutSidenavComponent, LayoutSidenavTitleComponent, LayoutSubrouteComponent, LayoutTitleComponent, ObservableContent, OnemRvaProfile, OnemrvaDrawerService, OnemrvaLayoutModule, StripHtmlPipe, layoutComponents };
 export type { OnemRvaLanguage };

package/layout/src/components/layout/layout.component.scss

@@ -89,8 +89,10 @@
     }
   }
   mat-drawer {
-    padding: var(--double-spacer);
-    background: var(--mat-sys-surface-container-high);
+    &:not(.side-menu) {
+      padding: var(--double-spacer);
+      background: var(--mat-sys-surface-container-high);
+    }
     &.xsmall {
       width: 20%;
     }

package/layout/src/components/layout-drawer-title/layout-drawer-title.component.scss

@@ -2,6 +2,7 @@
   width: calc(100% - var(--double-spacer));
   display: block;
   padding: var(--spacer);
+  margin: var(--spacer);
 
   span:first-child {
     font: var(--mat-sys-title-large);

package/layout/src/components/layout-left-sidenav/layout-left-sidenav.component.scss

@@ -0,0 +1,4 @@
+:host {
+  width: 240px;
+  margin-right: 40px;
+}

package/layout/src/components/layout-sidenav/layout-sidenav.component.scss

@@ -1,5 +1,10 @@
 :host {
   min-width: 250px;
+  .close-button {
+    display: flex;
+    justify-content: flex-end;
+    padding: var(--spacer);
+  }
   .mobile-menu-item {
     display: flex;
     width: 100%;
@@ -19,4 +24,20 @@
       margin-left: 4px;
     }
   }
+  .sidebar {
+    overflow: scroll;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: 100vh;
+    .navigation {
+    }
+    .language-selector {
+      mat-form-field {
+        width: 100%;
+      }
+      margin: var(--double-spacer);
+      bottom: 0;
+    }
+  }
 }