npm - @onemrvapublic/design-system - Versions diffs - 20.0.0-develop.1 → 20.0.0-develop.11 - Mend

@onemrvapublic/design-system 20.0.0-develop.1 → 20.0.0-develop.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (101) hide show

package/fesm2022/onemrvapublic-design-system-layout.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { inject, ChangeDetectorRef, TemplateRef, ContentChildren, Input, ViewChild, Component, DestroyRef, ViewContainerRef, Directive, Injectable, EventEmitter, isDevMode, Output, ContentChild, Pipe, NgModule } from '@angular/core';
+import { inject, ChangeDetectorRef, TemplateRef, ContentChildren, Input, ViewChild, Component, DestroyRef, ViewContainerRef, DOCUMENT, Directive, Injectable, EventEmitter, signal, isDevMode, Output, ContentChild, Pipe, NgModule } from '@angular/core';
 import { Router, RouterLink, RouterLinkActive, RouterModule } from '@angular/router';
-import { NgTemplateOutlet, NgClass, DOCUMENT, AsyncPipe, NgStyle, CommonModule } from '@angular/common';
+import { NgTemplateOutlet, NgClass, DOCUMENT as DOCUMENT$1, AsyncPipe, NgStyle, CommonModule } from '@angular/common';
 import { MatIcon, MatIconModule } from '@angular/material/icon';
 import { MatMenu, MatMenuTrigger, MatMenuItem, MatMenuModule } from '@angular/material/menu';
 import { TranslateService, TranslatePipe, TranslateModule } from '@ngx-translate/core';
@@ -52,10 +52,10 @@ class LayoutSubrouteComponent {
             return false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutSubrouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: LayoutSubrouteComponent, isStandalone: true, selector: "onemrva-layout-subroute", inputs: { customNgClass: "customNgClass", routerLink: "routerLink", routerLinkActiveOptions: "routerLinkActiveOptions", dataCy: "dataCy" }, queries: [{ propertyName: "subroutes", predicate: LayoutSubrouteComponent }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutSubrouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: LayoutSubrouteComponent, isStandalone: true, selector: "onemrva-layout-subroute", inputs: { customNgClass: "customNgClass", routerLink: "routerLink", routerLinkActiveOptions: "routerLinkActiveOptions", dataCy: "dataCy" }, queries: [{ propertyName: "subroutes", predicate: LayoutSubrouteComponent }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutSubrouteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutSubrouteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-layout-subroute', standalone: true, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n" }]
         }], propDecorators: { customNgClass: [{
@@ -100,10 +100,10 @@ class LayoutRouteComponent {
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutRouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: LayoutRouteComponent, isStandalone: true, selector: "onemrva-layout-route", inputs: { customNgClass: "customNgClass", routerLink: "routerLink", routerLinkActiveOptions: "routerLinkActiveOptions", dataCy: "dataCy", baseRouteForActiveMenu: "baseRouteForActiveMenu", label: "label" }, queries: [{ propertyName: "subroutes", predicate: LayoutSubrouteComponent }], viewQueries: [{ propertyName: "template", first: true, predicate: ["navTpl"], descendants: true }, { propertyName: "mobileTemplate", first: true, predicate: ["navMblTpl"], descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ["contentTpl"], descendants: true }], ngImport: i0, template: "<ng-template #navTpl>\n  @if (!hasSubroutes()) {\n    <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n  }\n\n  @if (hasSubroutes()) {\n    <span role=\"button\" [matMenuTriggerFor]=\"menu\">\n      {{ label }}\n    </span>\n    <mat-icon [matMenuTriggerFor]=\"menu\">expand_more</mat-icon>\n    <mat-menu #menu>\n      @for (e of subroutes?.toArray(); track e.dataCy; let i = $index) {\n        @if (!e.hasSubroutes()) {\n          <button\n            mat-menu-item\n            [routerLink]=\"e.routerLink\"\n            routerLinkActive=\"active\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            @if (e.template; as routeTemplate) {\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            }\n          </button>\n        }\n        @if (e.hasSubroutes()) {\n          <button\n            mat-menu-item\n            [matMenuTriggerFor]=\"submenu\"\n            [ngClass]=\"{ active: e.hasActiveSubroute() }\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            @if (e.template; as routeTemplate) {\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            }\n          </button>\n          <mat-menu #submenu>\n            @for (\n              es of e.subroutes?.toArray();\n              track es.dataCy;\n              let i = $index\n            ) {\n              <button\n                mat-menu-item\n                [routerLink]=\"es.routerLink\"\n                routerLinkActive=\"active\"\n              >\n                @if (es.template; as routeTemplate) {\n                  <ng-container *ngTemplateOutlet=\"routeTemplate\">\n                  </ng-container>\n                }\n              </button>\n            }\n          </mat-menu>\n        }\n      }\n    </mat-menu>\n  }\n</ng-template>\n\n<ng-template #navMblTpl>\n  <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n</ng-template>\n\n<ng-template #contentTmpl>\n  <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutRouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: LayoutRouteComponent, isStandalone: true, selector: "onemrva-layout-route", inputs: { customNgClass: "customNgClass", routerLink: "routerLink", routerLinkActiveOptions: "routerLinkActiveOptions", dataCy: "dataCy", baseRouteForActiveMenu: "baseRouteForActiveMenu", label: "label" }, queries: [{ propertyName: "subroutes", predicate: LayoutSubrouteComponent }], viewQueries: [{ propertyName: "template", first: true, predicate: ["navTpl"], descendants: true }, { propertyName: "mobileTemplate", first: true, predicate: ["navMblTpl"], descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ["contentTpl"], descendants: true }], ngImport: i0, template: "<ng-template #navTpl>\n  @if (!hasSubroutes()) {\n    <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n  }\n\n  @if (hasSubroutes()) {\n    <span role=\"button\" [matMenuTriggerFor]=\"menu\">\n      {{ label }}\n    </span>\n    <mat-icon [matMenuTriggerFor]=\"menu\">expand_more</mat-icon>\n    <mat-menu #menu>\n      @for (e of subroutes?.toArray(); track e.routerLink) {\n        @if (!e.hasSubroutes()) {\n          <button\n            mat-menu-item\n            [routerLink]=\"e.routerLink\"\n            routerLinkActive=\"active\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            @if (e.template; as routeTemplate) {\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            }\n          </button>\n        }\n        @if (e.hasSubroutes()) {\n          <button\n            mat-menu-item\n            [matMenuTriggerFor]=\"submenu\"\n            [ngClass]=\"{ active: e.hasActiveSubroute() }\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            @if (e.template; as routeTemplate) {\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            }\n          </button>\n          <mat-menu #submenu>\n            @for (es of e.subroutes?.toArray(); track es.routerLink) {\n              <button\n                mat-menu-item\n                [routerLink]=\"es.routerLink\"\n                routerLinkActive=\"active\"\n              >\n                @if (es.template; as routeTemplate) {\n                  <ng-container *ngTemplateOutlet=\"routeTemplate\">\n                  </ng-container>\n                }\n              </button>\n            }\n          </mat-menu>\n        }\n      }\n    </mat-menu>\n  }\n</ng-template>\n\n<ng-template #navMblTpl>\n  <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n</ng-template>\n\n<ng-template #contentTmpl>\n  <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutRouteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutRouteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-layout-route', standalone: true, imports: [
                         MatIcon,
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         RouterLinkActive,
                         NgTemplateOutlet,
                         NgClass,
-                    ], template: "<ng-template #navTpl>\n  @if (!hasSubroutes()) {\n    <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n  }\n\n  @if (hasSubroutes()) {\n    <span role=\"button\" [matMenuTriggerFor]=\"menu\">\n      {{ label }}\n    </span>\n    <mat-icon [matMenuTriggerFor]=\"menu\">expand_more</mat-icon>\n    <mat-menu #menu>\n      @for (e of subroutes?.toArray(); track e.dataCy; let i = $index) {\n        @if (!e.hasSubroutes()) {\n          <button\n            mat-menu-item\n            [routerLink]=\"e.routerLink\"\n            routerLinkActive=\"active\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            @if (e.template; as routeTemplate) {\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            }\n          </button>\n        }\n        @if (e.hasSubroutes()) {\n          <button\n            mat-menu-item\n            [matMenuTriggerFor]=\"submenu\"\n            [ngClass]=\"{ active: e.hasActiveSubroute() }\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            @if (e.template; as routeTemplate) {\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            }\n          </button>\n          <mat-menu #submenu>\n            @for (\n              es of e.subroutes?.toArray();\n              track es.dataCy;\n              let i = $index\n            ) {\n              <button\n                mat-menu-item\n                [routerLink]=\"es.routerLink\"\n                routerLinkActive=\"active\"\n              >\n                @if (es.template; as routeTemplate) {\n                  <ng-container *ngTemplateOutlet=\"routeTemplate\">\n                  </ng-container>\n                }\n              </button>\n            }\n          </mat-menu>\n        }\n      }\n    </mat-menu>\n  }\n</ng-template>\n\n<ng-template #navMblTpl>\n  <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n</ng-template>\n\n<ng-template #contentTmpl>\n  <ng-content></ng-content>\n</ng-template>\n" }]
+                    ], template: "<ng-template #navTpl>\n  @if (!hasSubroutes()) {\n    <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n  }\n\n  @if (hasSubroutes()) {\n    <span role=\"button\" [matMenuTriggerFor]=\"menu\">\n      {{ label }}\n    </span>\n    <mat-icon [matMenuTriggerFor]=\"menu\">expand_more</mat-icon>\n    <mat-menu #menu>\n      @for (e of subroutes?.toArray(); track e.routerLink) {\n        @if (!e.hasSubroutes()) {\n          <button\n            mat-menu-item\n            [routerLink]=\"e.routerLink\"\n            routerLinkActive=\"active\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            @if (e.template; as routeTemplate) {\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            }\n          </button>\n        }\n        @if (e.hasSubroutes()) {\n          <button\n            mat-menu-item\n            [matMenuTriggerFor]=\"submenu\"\n            [ngClass]=\"{ active: e.hasActiveSubroute() }\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            @if (e.template; as routeTemplate) {\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            }\n          </button>\n          <mat-menu #submenu>\n            @for (es of e.subroutes?.toArray(); track es.routerLink) {\n              <button\n                mat-menu-item\n                [routerLink]=\"es.routerLink\"\n                routerLinkActive=\"active\"\n              >\n                @if (es.template; as routeTemplate) {\n                  <ng-container *ngTemplateOutlet=\"routeTemplate\">\n                  </ng-container>\n                }\n              </button>\n            }\n          </mat-menu>\n        }\n      }\n    </mat-menu>\n  }\n</ng-template>\n\n<ng-template #navMblTpl>\n  <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n</ng-template>\n\n<ng-template #contentTmpl>\n  <ng-content></ng-content>\n</ng-template>\n" }]
         }], propDecorators: { customNgClass: [{
                 type: Input
             }], template: [{
@@ -148,10 +148,10 @@ class LayoutContentComponent {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: LayoutContentComponent, isStandalone: true, selector: "onemrva-layout-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: LayoutContentComponent, isStandalone: true, selector: "onemrva-layout-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-layout-content',
@@ -172,10 +172,10 @@ class LayoutTitleComponent {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: LayoutTitleComponent, isStandalone: true, selector: "onemrva-layout-title", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: LayoutTitleComponent, isStandalone: true, selector: "onemrva-layout-title", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutTitleComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-layout-title',
@@ -198,10 +198,10 @@ var Environment;
 })(Environment || (Environment = {}));
 class LayoutFooterComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: LayoutFooterComponent, isStandalone: true, selector: "onemrva-layout-footer", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: LayoutFooterComponent, isStandalone: true, selector: "onemrva-layout-footer", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-layout-footer',
@@ -220,10 +220,10 @@ class LayoutLoginMenuComponent {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutLoginMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: LayoutLoginMenuComponent, isStandalone: true, selector: "onemrva-layout-login-menu", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutLoginMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: LayoutLoginMenuComponent, isStandalone: true, selector: "onemrva-layout-login-menu", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutLoginMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutLoginMenuComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-layout-login-menu',
@@ -264,10 +264,10 @@ class DrawerHostDirective {
             this.bodyClass();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DrawerHostDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: DrawerHostDirective, isStandalone: true, selector: "[drawerhost]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: DrawerHostDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: DrawerHostDirective, isStandalone: true, selector: "[drawerhost]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DrawerHostDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: DrawerHostDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[drawerhost]',
@@ -294,10 +294,10 @@ class OnemrvaDrawerService {
             return;
         this.drawer?.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaDrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaDrawerService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaDrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaDrawerService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaDrawerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaDrawerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -307,7 +307,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 class LayoutSidenavComponent {
     constructor() {
         this.translateService = inject(TranslateService);
-        this.document = inject(DOCUMENT);
+        this.document = inject(DOCUMENT$1);
         this.drawerService = inject(OnemrvaDrawerService);
         this.selectedLanguageIndex$ = this.translateService.onLangChange.pipe(startWith(null), map(() => this.languages.findIndex(l => l.code === this.translateService.currentLang)));
     }
@@ -329,8 +329,8 @@ class LayoutSidenavComponent {
         this.helpMenuOpen[index][subIdx] =
             this.helpMenuOpen[index][subIdx] === 'out' ? 'in' : 'out';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutSidenavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: LayoutSidenavComponent, isStandalone: true, selector: "onemrva-layout-sidenav", inputs: { isSmall: "isSmall", languages: "languages", routes: "routes" }, ngImport: i0, template: "@if (\n  isSmall && (routes?.toArray()?.length || (languages && languages.length > 1))\n) {\n  <ng-container>\n    <button\n      type=\"button\"\n      mat-icon-button\n      class=\"float-right\"\n      (click)=\"close()\"\n      data-cy=\"smallDeviceMenu\"\n      attr.aria-label=\"{{ 'layout.menu' | translate }}\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    @if (isSmall && languages && languages.length > 1) {\n      <ng-container>\n        <mat-tab-group\n          class=\"language-tabs\"\n          [selectedIndex]=\"selectedLanguageIndex$ | async\"\n          (selectedIndexChange)=\"changeLanguage($event)\"\n        >\n          @for (lang of languages; track lang.code) {\n            <mat-tab>\n              <div *matTabLabel [attr.data-cy]=\"'language_' + lang.code\">\n                {{ lang.label }}\n              </div>\n            </mat-tab>\n          }\n        </mat-tab-group>\n      </ng-container>\n    }\n    @if (isSmall && routes?.toArray()?.length) {\n      <ng-container>\n        @if (languages && languages.length > 1) {\n          <mat-divider\n            style=\"align-self: stretch; margin-bottom: 10px\"\n          ></mat-divider>\n        }\n        <div>\n          @for (e of routes?.toArray(); track e.dataCy; let i = $index) {\n            @if (!e.hasSubroutes()) {\n              <ng-container>\n                <button\n                  [routerLink]=\"e.routerLink\"\n                  [routerLinkActiveOptions]=\"{ exact: true }\"\n                  routerLinkActive=\"active\"\n                  class=\"mobile-menu-item\"\n                >\n                  @if (e.mobileTemplate; as routeTemplate) {\n                    <ng-container\n                      *ngTemplateOutlet=\"routeTemplate\"\n                    ></ng-container>\n                  }\n                </button>\n              </ng-container>\n            }\n            @if (e.hasSubroutes()) {\n              <ng-container>\n                <button\n                  [routerLink]=\"e.routerLink\"\n                  [routerLinkActiveOptions]=\"{ exact: false }\"\n                  routerLinkActive=\"active\"\n                  class=\"mobile-menu-item\"\n                  (click)=\"openSubmenu(i)\"\n                  [attr.data-cy]=\"e.dataCy\"\n                >\n                  {{ e.label }}\n                  <mat-icon>expand_more</mat-icon>\n                </button>\n                <div [@slideInOut]=\"helpMenuOpen[i][0]\">\n                  @for (\n                    es of e.subroutes?.toArray();\n                    track es.dataCy;\n                    let j = $index\n                  ) {\n                    <button\n                      [routerLink]=\"es.routerLink\"\n                      [routerLinkActiveOptions]=\"{ exact: true }\"\n                      routerLinkActive=\"active\"\n                      class=\"mobile-menu-item\"\n                      (click)=\"openSubmenu(i, j + 1)\"\n                      [attr.data-cy]=\"es.dataCy\"\n                    >\n                      @if (es.template; as routeTemplate) {\n                        <ng-container>\n                          <ng-container\n                            *ngTemplateOutlet=\"routeTemplate\"\n                          ></ng-container>\n                        </ng-container>\n                      }\n                      @if (es.hasSubroutes()) {\n                        <mat-icon>expand_more</mat-icon>\n                      }\n                    </button>\n                    <div [@slideInOut]=\"helpMenuOpen[i][j + 1]\">\n                      @for (ess of es.subroutes?.toArray(); track ess.dataCy) {\n                        <button\n                          [routerLink]=\"ess.routerLink\"\n                          [routerLinkActiveOptions]=\"{ exact: false }\"\n                          routerLinkActive=\"active\"\n                          class=\"mobile-menu-item\"\n                          [attr.data-cy]=\"ess.dataCy\"\n                        >\n                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\n                          @if (ess.template; as routeTemplate) {\n                            <ng-container>\n                              <ng-container\n                                *ngTemplateOutlet=\"routeTemplate\"\n                              ></ng-container>\n                            </ng-container>\n                          }\n                        </button>\n                      }\n                    </div>\n                  }\n                </div>\n              </ng-container>\n            }\n          }\n        </div>\n      </ng-container>\n    }\n  </ng-container>\n}\n", styles: [":host{min-width:250px}:host .mobile-menu-item{display:flex;width:100%;background:var(--mat-sys-background);padding:var(--spacer);border:none;box-shadow:none;font-size:1.2rem;align-items:center;text-align:left}:host .mobile-menu-item:active,:host .mobile-menu-item.active{border-right:4px solid var(--mat-sys-secondary);font-weight:700!important}:host .mobile-menu-item mat-icon{margin-left:4px}\n"], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutSidenavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: LayoutSidenavComponent, isStandalone: true, selector: "onemrva-layout-sidenav", inputs: { isSmall: "isSmall", languages: "languages", routes: "routes" }, ngImport: i0, template: "@if (\n  isSmall && (routes?.toArray()?.length || (languages && languages.length > 1))\n) {\n  <ng-container>\n    <button\n      type=\"button\"\n      mat-icon-button\n      class=\"float-right\"\n      (click)=\"close()\"\n      data-cy=\"smallDeviceMenu\"\n      attr.aria-label=\"{{ 'layout.menu' | translate }}\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    @if (isSmall && languages && languages.length > 1) {\n      <ng-container>\n        <mat-tab-group\n          class=\"language-tabs\"\n          [selectedIndex]=\"selectedLanguageIndex$ | async\"\n          (selectedIndexChange)=\"changeLanguage($event)\"\n        >\n          @for (lang of languages; track lang.code) {\n            <mat-tab>\n              <div *matTabLabel [attr.data-cy]=\"'language_' + lang.code\">\n                {{ lang.label }}\n              </div>\n            </mat-tab>\n          }\n        </mat-tab-group>\n      </ng-container>\n    }\n    @if (isSmall && routes?.toArray()?.length) {\n      <ng-container>\n        @if (languages && languages.length > 1) {\n          <mat-divider\n            style=\"align-self: stretch; margin-bottom: 10px\"\n          ></mat-divider>\n        }\n        <div>\n          @for (\n            e of routes?.toArray();\n            track e.routerLink;\n            let rtidx = $index\n          ) {\n            @if (!e.hasSubroutes()) {\n              <ng-container>\n                <button\n                  [routerLink]=\"e.routerLink\"\n                  [routerLinkActiveOptions]=\"{ exact: true }\"\n                  routerLinkActive=\"active\"\n                  class=\"mobile-menu-item\"\n                >\n                  @if (e.mobileTemplate; as routeTemplate) {\n                    <ng-container\n                      *ngTemplateOutlet=\"routeTemplate\"\n                    ></ng-container>\n                  }\n                </button>\n              </ng-container>\n            }\n            @if (e.hasSubroutes()) {\n              <ng-container>\n                <button\n                  [routerLink]=\"e.routerLink\"\n                  [routerLinkActiveOptions]=\"{ exact: false }\"\n                  routerLinkActive=\"active\"\n                  class=\"mobile-menu-item\"\n                  (click)=\"openSubmenu(rtidx)\"\n                  [attr.data-cy]=\"e.dataCy\"\n                >\n                  {{ e.label }}\n                  <mat-icon>expand_more</mat-icon>\n                </button>\n                <div [@slideInOut]=\"helpMenuOpen[rtidx][0]\">\n                  @for (\n                    es of e.subroutes?.toArray();\n                    track es.dataCy;\n                    let j = $index\n                  ) {\n                    <button\n                      [routerLink]=\"es.routerLink\"\n                      [routerLinkActiveOptions]=\"{ exact: true }\"\n                      routerLinkActive=\"active\"\n                      class=\"mobile-menu-item\"\n                      (click)=\"openSubmenu(rtidx, j + 1)\"\n                      [attr.data-cy]=\"es.dataCy\"\n                    >\n                      @if (es.template; as routeTemplate) {\n                        <ng-container>\n                          <ng-container\n                            *ngTemplateOutlet=\"routeTemplate\"\n                          ></ng-container>\n                        </ng-container>\n                      }\n                      @if (es.hasSubroutes()) {\n                        <mat-icon>expand_more</mat-icon>\n                      }\n                    </button>\n                    <div [@slideInOut]=\"helpMenuOpen[rtidx][j + 1]\">\n                      @for (ess of es.subroutes?.toArray(); track ess.dataCy) {\n                        <button\n                          [routerLink]=\"ess.routerLink\"\n                          [routerLinkActiveOptions]=\"{ exact: false }\"\n                          routerLinkActive=\"active\"\n                          class=\"mobile-menu-item\"\n                          [attr.data-cy]=\"ess.dataCy\"\n                        >\n                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\n                          @if (ess.template; as routeTemplate) {\n                            <ng-container>\n                              <ng-container\n                                *ngTemplateOutlet=\"routeTemplate\"\n                              ></ng-container>\n                            </ng-container>\n                          }\n                        </button>\n                      }\n                    </div>\n                  }\n                </div>\n              </ng-container>\n            }\n          }\n        </div>\n      </ng-container>\n    }\n  </ng-container>\n}\n", styles: [":host{min-width:250px}:host .mobile-menu-item{display:flex;width:100%;background:var(--mat-sys-background);padding:var(--spacer);border:none;box-shadow:none;font-size:1.2rem;align-items:center;text-align:left}:host .mobile-menu-item:active,:host .mobile-menu-item.active{border-right:4px solid var(--mat-sys-secondary);font-weight:700!important}:host .mobile-menu-item mat-icon{margin-left:4px}\n"], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], animations: [
             trigger('slideInOut', [
                 state('in', style({
                     overflow: 'hidden',
@@ -346,7 +346,7 @@ class LayoutSidenavComponent {
             ]),
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutSidenavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutSidenavComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-layout-sidenav', animations: [
                         trigger('slideInOut', [
@@ -374,7 +374,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         TranslatePipe,
                         AsyncPipe,
                         MatTabLabel,
-                    ], template: "@if (\n  isSmall && (routes?.toArray()?.length || (languages && languages.length > 1))\n) {\n  <ng-container>\n    <button\n      type=\"button\"\n      mat-icon-button\n      class=\"float-right\"\n      (click)=\"close()\"\n      data-cy=\"smallDeviceMenu\"\n      attr.aria-label=\"{{ 'layout.menu' | translate }}\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    @if (isSmall && languages && languages.length > 1) {\n      <ng-container>\n        <mat-tab-group\n          class=\"language-tabs\"\n          [selectedIndex]=\"selectedLanguageIndex$ | async\"\n          (selectedIndexChange)=\"changeLanguage($event)\"\n        >\n          @for (lang of languages; track lang.code) {\n            <mat-tab>\n              <div *matTabLabel [attr.data-cy]=\"'language_' + lang.code\">\n                {{ lang.label }}\n              </div>\n            </mat-tab>\n          }\n        </mat-tab-group>\n      </ng-container>\n    }\n    @if (isSmall && routes?.toArray()?.length) {\n      <ng-container>\n        @if (languages && languages.length > 1) {\n          <mat-divider\n            style=\"align-self: stretch; margin-bottom: 10px\"\n          ></mat-divider>\n        }\n        <div>\n          @for (e of routes?.toArray(); track e.dataCy; let i = $index) {\n            @if (!e.hasSubroutes()) {\n              <ng-container>\n                <button\n                  [routerLink]=\"e.routerLink\"\n                  [routerLinkActiveOptions]=\"{ exact: true }\"\n                  routerLinkActive=\"active\"\n                  class=\"mobile-menu-item\"\n                >\n                  @if (e.mobileTemplate; as routeTemplate) {\n                    <ng-container\n                      *ngTemplateOutlet=\"routeTemplate\"\n                    ></ng-container>\n                  }\n                </button>\n              </ng-container>\n            }\n            @if (e.hasSubroutes()) {\n              <ng-container>\n                <button\n                  [routerLink]=\"e.routerLink\"\n                  [routerLinkActiveOptions]=\"{ exact: false }\"\n                  routerLinkActive=\"active\"\n                  class=\"mobile-menu-item\"\n                  (click)=\"openSubmenu(i)\"\n                  [attr.data-cy]=\"e.dataCy\"\n                >\n                  {{ e.label }}\n                  <mat-icon>expand_more</mat-icon>\n                </button>\n                <div [@slideInOut]=\"helpMenuOpen[i][0]\">\n                  @for (\n                    es of e.subroutes?.toArray();\n                    track es.dataCy;\n                    let j = $index\n                  ) {\n                    <button\n                      [routerLink]=\"es.routerLink\"\n                      [routerLinkActiveOptions]=\"{ exact: true }\"\n                      routerLinkActive=\"active\"\n                      class=\"mobile-menu-item\"\n                      (click)=\"openSubmenu(i, j + 1)\"\n                      [attr.data-cy]=\"es.dataCy\"\n                    >\n                      @if (es.template; as routeTemplate) {\n                        <ng-container>\n                          <ng-container\n                            *ngTemplateOutlet=\"routeTemplate\"\n                          ></ng-container>\n                        </ng-container>\n                      }\n                      @if (es.hasSubroutes()) {\n                        <mat-icon>expand_more</mat-icon>\n                      }\n                    </button>\n                    <div [@slideInOut]=\"helpMenuOpen[i][j + 1]\">\n                      @for (ess of es.subroutes?.toArray(); track ess.dataCy) {\n                        <button\n                          [routerLink]=\"ess.routerLink\"\n                          [routerLinkActiveOptions]=\"{ exact: false }\"\n                          routerLinkActive=\"active\"\n                          class=\"mobile-menu-item\"\n                          [attr.data-cy]=\"ess.dataCy\"\n                        >\n                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\n                          @if (ess.template; as routeTemplate) {\n                            <ng-container>\n                              <ng-container\n                                *ngTemplateOutlet=\"routeTemplate\"\n                              ></ng-container>\n                            </ng-container>\n                          }\n                        </button>\n                      }\n                    </div>\n                  }\n                </div>\n              </ng-container>\n            }\n          }\n        </div>\n      </ng-container>\n    }\n  </ng-container>\n}\n", styles: [":host{min-width:250px}:host .mobile-menu-item{display:flex;width:100%;background:var(--mat-sys-background);padding:var(--spacer);border:none;box-shadow:none;font-size:1.2rem;align-items:center;text-align:left}:host .mobile-menu-item:active,:host .mobile-menu-item.active{border-right:4px solid var(--mat-sys-secondary);font-weight:700!important}:host .mobile-menu-item mat-icon{margin-left:4px}\n"] }]
+                    ], template: "@if (\n  isSmall && (routes?.toArray()?.length || (languages && languages.length > 1))\n) {\n  <ng-container>\n    <button\n      type=\"button\"\n      mat-icon-button\n      class=\"float-right\"\n      (click)=\"close()\"\n      data-cy=\"smallDeviceMenu\"\n      attr.aria-label=\"{{ 'layout.menu' | translate }}\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    @if (isSmall && languages && languages.length > 1) {\n      <ng-container>\n        <mat-tab-group\n          class=\"language-tabs\"\n          [selectedIndex]=\"selectedLanguageIndex$ | async\"\n          (selectedIndexChange)=\"changeLanguage($event)\"\n        >\n          @for (lang of languages; track lang.code) {\n            <mat-tab>\n              <div *matTabLabel [attr.data-cy]=\"'language_' + lang.code\">\n                {{ lang.label }}\n              </div>\n            </mat-tab>\n          }\n        </mat-tab-group>\n      </ng-container>\n    }\n    @if (isSmall && routes?.toArray()?.length) {\n      <ng-container>\n        @if (languages && languages.length > 1) {\n          <mat-divider\n            style=\"align-self: stretch; margin-bottom: 10px\"\n          ></mat-divider>\n        }\n        <div>\n          @for (\n            e of routes?.toArray();\n            track e.routerLink;\n            let rtidx = $index\n          ) {\n            @if (!e.hasSubroutes()) {\n              <ng-container>\n                <button\n                  [routerLink]=\"e.routerLink\"\n                  [routerLinkActiveOptions]=\"{ exact: true }\"\n                  routerLinkActive=\"active\"\n                  class=\"mobile-menu-item\"\n                >\n                  @if (e.mobileTemplate; as routeTemplate) {\n                    <ng-container\n                      *ngTemplateOutlet=\"routeTemplate\"\n                    ></ng-container>\n                  }\n                </button>\n              </ng-container>\n            }\n            @if (e.hasSubroutes()) {\n              <ng-container>\n                <button\n                  [routerLink]=\"e.routerLink\"\n                  [routerLinkActiveOptions]=\"{ exact: false }\"\n                  routerLinkActive=\"active\"\n                  class=\"mobile-menu-item\"\n                  (click)=\"openSubmenu(rtidx)\"\n                  [attr.data-cy]=\"e.dataCy\"\n                >\n                  {{ e.label }}\n                  <mat-icon>expand_more</mat-icon>\n                </button>\n                <div [@slideInOut]=\"helpMenuOpen[rtidx][0]\">\n                  @for (\n                    es of e.subroutes?.toArray();\n                    track es.dataCy;\n                    let j = $index\n                  ) {\n                    <button\n                      [routerLink]=\"es.routerLink\"\n                      [routerLinkActiveOptions]=\"{ exact: true }\"\n                      routerLinkActive=\"active\"\n                      class=\"mobile-menu-item\"\n                      (click)=\"openSubmenu(rtidx, j + 1)\"\n                      [attr.data-cy]=\"es.dataCy\"\n                    >\n                      @if (es.template; as routeTemplate) {\n                        <ng-container>\n                          <ng-container\n                            *ngTemplateOutlet=\"routeTemplate\"\n                          ></ng-container>\n                        </ng-container>\n                      }\n                      @if (es.hasSubroutes()) {\n                        <mat-icon>expand_more</mat-icon>\n                      }\n                    </button>\n                    <div [@slideInOut]=\"helpMenuOpen[rtidx][j + 1]\">\n                      @for (ess of es.subroutes?.toArray(); track ess.dataCy) {\n                        <button\n                          [routerLink]=\"ess.routerLink\"\n                          [routerLinkActiveOptions]=\"{ exact: false }\"\n                          routerLinkActive=\"active\"\n                          class=\"mobile-menu-item\"\n                          [attr.data-cy]=\"ess.dataCy\"\n                        >\n                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\n                          @if (ess.template; as routeTemplate) {\n                            <ng-container>\n                              <ng-container\n                                *ngTemplateOutlet=\"routeTemplate\"\n                              ></ng-container>\n                            </ng-container>\n                          }\n                        </button>\n                      }\n                    </div>\n                  }\n                </div>\n              </ng-container>\n            }\n          }\n        </div>\n      </ng-container>\n    }\n  </ng-container>\n}\n", styles: [":host{min-width:250px}:host .mobile-menu-item{display:flex;width:100%;background:var(--mat-sys-background);padding:var(--spacer);border:none;box-shadow:none;font-size:1.2rem;align-items:center;text-align:left}:host .mobile-menu-item:active,:host .mobile-menu-item.active{border-right:4px solid var(--mat-sys-secondary);font-weight:700!important}:host .mobile-menu-item mat-icon{margin-left:4px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { isSmall: [{
                 type: Input
             }], languages: [{
@@ -390,10 +390,10 @@ class LayoutAfterNavComponent {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutAfterNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: LayoutAfterNavComponent, isStandalone: true, selector: "onemrva-layout-after-nav", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutAfterNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: LayoutAfterNavComponent, isStandalone: true, selector: "onemrva-layout-after-nav", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutAfterNavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutAfterNavComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-layout-after-nav',
@@ -408,6 +408,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
             }] } });
 class LayoutComponent {
+    toggleTheme(newTheme) {
+        this.activeTheme.set(newTheme);
+        // Find all elements with onemrva-theme class
+        const overlayThemeDivs = document.querySelectorAll('.onemrva-theme');
+        overlayThemeDivs.forEach(div => {
+            // Remove existing theme classes
+            div.classList.remove('light-theme', 'dark-theme');
+            // Add new theme class if not system
+            if (newTheme !== 'system') {
+                div.classList.add(`${newTheme}-theme`);
+            }
+        });
+    }
     constructor() {
         this.logo = ''; // custom logo, empty string will show default onem/rva/neo/lfa localised logo
         this.languages = []; // list of languages
@@ -423,12 +436,14 @@ class LayoutComponent {
         this.id = 'main';
         this.role = 'main';
         this.drawerClass = '';
+        this.showThemeSwitcher = true;
+        this.activeTheme = signal('system', ...(ngDevMode ? [{ debugName: "activeTheme" }] : []));
         this.effectiveDrawerClass = this.drawerClass;
         this.translateService = inject(TranslateService);
         this.cdn = inject(OnemRvaCDNService);
         this.cd = inject(ChangeDetectorRef);
         this.breakpointObserver = inject(BreakpointObserver);
-        this.document = inject(DOCUMENT);
+        this.document = inject(DOCUMENT$1);
         this.drawerService = inject(OnemrvaDrawerService);
         if (this.languages.length === 0) {
             this.translateService.getLangs().forEach(value => {
@@ -506,10 +521,10 @@ class LayoutComponent {
         this.effectiveDrawerClass = 'side-menu';
         this.drawer.open();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: LayoutComponent, isStandalone: true, selector: "onemrva-layout", inputs: { logo: "logo", languages: "languages", environment: "environment", logoRedictionUrl: "logoRedictionUrl", profile: "profile", id: "id", role: "role", drawerClass: "drawerClass" }, outputs: { login: "login", logout: "logout" }, queries: [{ propertyName: "title", first: true, predicate: LayoutTitleComponent, descendants: true }, { propertyName: "loginMenu", first: true, predicate: LayoutLoginMenuComponent, descendants: true }, { propertyName: "content", first: true, predicate: LayoutContentComponent, descendants: true }, { propertyName: "afterNav", first: true, predicate: LayoutAfterNavComponent, descendants: true }, { propertyName: "footer", first: true, predicate: LayoutFooterComponent, descendants: true }, { propertyName: "routes", predicate: LayoutRouteComponent }], viewQueries: [{ propertyName: "drawer", first: true, predicate: MatDrawer, descendants: true, static: true }, { propertyName: "drawerHost", first: true, predicate: DrawerHostDirective, descendants: true, static: true }], ngImport: i0, template: "<mat-drawer-container\n  id=\"onemrva-drawer-container\"\n  [hasBackdrop]=\"drawerService.hasBackdrop\"\n  autosize\n>\n  <div class=\"app-content\">\n    <header>\n      <mat-toolbar class=\"mat-elevation-z4\">\n        <div class=\"environment\" [class]=\"environment\">\n          {{ environment }}\n        </div>\n        <div class=\"nav-container onemrva-layout-container flex-center g-m\">\n          {{ logoRedictionUrl }}\n          <img\n            class=\"logo align-center clickable\"\n            [src]=\"logo\"\n            [attr.data-cy]=\"\n              'onemrva_logo_' + currentLanguage.toLocaleLowerCase()\n            \"\n            alt=\"Logo ONEM/RVA\"\n            [routerLink]=\"\n              logoRedictionUrl !== null ? logoRedictionUrl : undefined\n            \"\n            [ngStyle]=\"{\n              cursor: logoRedictionUrl !== null ? 'pointer' : 'default',\n            }\"\n          />\n          <div\n            class=\"application-title\"\n            [ngClass]=\"{ 'small-screen': isSmall }\"\n          >\n            @if (title?.template; as titleTpl) {\n              <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n            }\n          </div>\n\n          <div style=\"flex: 1\"></div>\n\n          @if (!isSmall) {\n            <div\n              class=\"flex-center topMenu\"\n              mat-tab-nav-bar\n              [tabPanel]=\"tabPanel\"\n            >\n              @for (\n                e of routes?.toArray();\n                track e.routerLink;\n                let i = $index\n              ) {\n                <a\n                  mat-tab-link\n                  [routerLink]=\"e.routerLink\"\n                  [attr.data-ci]=\"e.dataCy\"\n                  [attr.data-cy]=\"e.dataCy\"\n                  [routerLinkActiveOptions]=\"{\n                    fragment: 'exact',\n                    matrixParams: 'exact',\n                    paths: 'exact',\n                    queryParams: 'ignored',\n                  }\"\n                  #rla=\"routerLinkActive\"\n                  routerLinkActive=\"mdc-tab--active\"\n                  [active]=\"rla.isActive || e.isRouteActive()\"\n                >\n                  @if (e.template; as routeTemplate) {\n                    <ng-container *ngTemplateOutlet=\"routeTemplate\">\n                    </ng-container>\n                  }\n                </a>\n              }\n            </div>\n          }\n          <mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>\n\n          @if (afterNav?.template; as tpl) {\n            <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n          }\n\n          @if (profile !== null) {\n            @if (!isSmall) {\n              <mat-divider\n                vertical\n                style=\"height: 1em; align-self: center\"\n              ></mat-divider>\n            }\n            @if (profile.isLoggedIn) {\n              <onemrva-mat-avatar\n                matRipple\n                [matMenuTriggerFor]=\"menu\"\n                initials=\"{{ profile.initials() }}\"\n                color=\"accent\"\n                size=\"xsmall\"\n                class=\"clickable\"\n              ></onemrva-mat-avatar>\n            }\n            @if (!profile.isLoggedIn) {\n              <onemrva-mat-avatar\n                matRipple\n                [matMenuTriggerFor]=\"menu\"\n                icon=\"account_circle\"\n                color=\"\"\n                size=\"xsmall\"\n                class=\"clickable\"\n              ></onemrva-mat-avatar>\n            }\n            <mat-menu #menu=\"matMenu\">\n              @if (profile.isLoggedIn) {\n                <div class=\"menu-header m mb-m\">\n                  {{ profile.firstName }} {{ profile.lastName }}\n                </div>\n                <mat-divider style=\"align-self: stretch\"></mat-divider>\n\n                @if (loginMenu?.template; as menuLoginTpl) {\n                  <ng-container *ngTemplateOutlet=\"menuLoginTpl\"></ng-container>\n                }\n\n                <button\n                  type=\"button\"\n                  class=\"mat-mdc-menu-item\"\n                  mat-menu-item\n                  data-cy=\"logoutButton\"\n                  (click)=\"doLogout()\"\n                  [attr.aria-label]=\"'layout.logout' | translate\"\n                >\n                  <mat-icon>logout</mat-icon>\n                  {{ 'layout.logout' | translate }}\n                </button>\n              } @else {\n                <button\n                  type=\"button\"\n                  mat-menu-item\n                  data-cy=\"loginButton\"\n                  (click)=\"doLogin()\"\n                  [attr.aria-label]=\"'layout.login' | translate\"\n                >\n                  <mat-icon>login</mat-icon>\n                  {{ 'layout.login' | translate }}\n                </button>\n              }\n            </mat-menu>\n          }\n\n          @if (\n            isSmall &&\n            (routes?.toArray()?.length || (languages && languages.length > 1))\n          ) {\n            <button\n              type=\"button\"\n              mat-icon-button\n              class=\"menu-button\"\n              data-cy=\"smallDeviceMenu\"\n              (click)=\"toggleSideNav()\"\n              [attr.aria-label]=\"'layout.menu' | translate\"\n            >\n              <mat-icon>menu</mat-icon>\n            </button>\n          }\n          @if (!isSmall) {\n            <div class=\"flex-center\" mat-tab-nav-bar [tabPanel]=\"tabPanel\">\n              <a\n                [matMenuTriggerFor]=\"languageMenu\"\n                data-cy=\"languageMenu\"\n                [attr.aria-label]=\"'language.selection' | translate\"\n                mat-tab-link\n              >\n                {{ currentLanguage }}\n                <mat-icon style=\"width: 16px\">expand_more</mat-icon>\n              </a>\n            </div>\n          }\n          <mat-menu #languageMenu>\n            @for (lang of languages; track lang.code) {\n              <button\n                type=\"button\"\n                class=\"mat-mdc-menu-item\"\n                mat-menu-item\n                [attr.data-cy]=\"'language_' + lang.code\"\n                (click)=\"changeLanguage(lang.code)\"\n                [attr.aria-label]=\"lang.label\"\n              >\n                {{ lang.label }}\n              </button>\n            }\n          </mat-menu>\n        </div>\n      </mat-toolbar>\n    </header>\n    <ng-container>\n      @if (content?.template; as tpl) {\n        <div\n          [id]=\"id\"\n          [attr.role]=\"role\"\n          class=\"onemrva-layout-content onemrva-layout-container\"\n        >\n          <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n          @if (\n            environment &&\n            (environment === env.LOCAL || environment === env.TEST)\n          ) {\n            <button\n              id=\"accessibility_fab\"\n              mat-fab\n              color=\"accent\"\n              aria-label=\"Accessibility check\"\n              matTooltip=\"Accessibility check\"\n              onclick=\"(function() {var _p='//openfed.github.io/AccessibilityCheck/build/';var _i=function(s,cb) {var sc=document.createElement('script');sc.onload = function() {sc.onload = null;sc.onreadystatechange = null;cb.call(this);};sc.onreadystatechange = function(){if(/^(complete|loaded)$/.test(this.readyState) === true){sc.onreadystatechange = null;sc.onload();}};sc.src=s;if (document.head) {document.head.appendChild(sc);} else {document.getElementsByTagName('head')[0].appendChild(sc);}}; var options={path:_p};_i(_p+'HTMLCS.js',function(){HTMLCSAuditor.run('WCAG2AA',null,options);});})();\"\n            >\n              <mat-icon>accessibility</mat-icon>\n            </button>\n          }\n        </div>\n      }\n\n      <footer class=\"onemrva-footer p mb text-center\">\n        @if (footer?.template; as footerTpl) {\n          <div class=\"onemrva-layout-container\">\n            <ng-container *ngTemplateOutlet=\"footerTpl\"></ng-container>\n          </div>\n        }\n      </footer>\n    </ng-container>\n  </div>\n\n  <mat-drawer [class]=\"effectiveDrawerClass\" mode=\"over\" position=\"end\">\n    <ng-template drawerhost></ng-template>\n  </mat-drawer>\n</mat-drawer-container>\n", styles: [":host{position:relative}:host a:active{outline:none}:host router-outlet{display:block;margin-bottom:90px}:host header mat-toolbar{position:fixed;height:var(--layout-header-height);z-index:400;--mat-tab-divider-color: transparent}:host header mat-toolbar .topMenu .mat-mdc-tab-header-pagination-before,:host header mat-toolbar .topMenu .mat-mdc-tab-header-pagination-after{display:none!important}:host header mat-toolbar .logo{height:42px}:host header mat-toolbar .application-title{font-size:1.3rem;font-weight:700;height:42px;line-height:42px;color:var(--mat-sys-secondary)}:host .onemrva-layout-content{padding-top:var(--layout-content-padding-top);min-height:calc(100vh - 48px)}:host .mat-drawer-content{min-height:100vh}:host #accessibility_fab{position:fixed;bottom:16px;left:16px}:host .environment{position:fixed;top:0;left:0;z-index:24000;width:60px;height:50px;padding:15px 20px;font-weight:700;font-size:16px;border-radius:0 0 100%;color:#fff;display:none}:host .environment.LOCAL{background:transparent linear-gradient(90deg,#de2174,#eb142a) 0 0 no-repeat padding-box;display:block}:host .environment.TEST{background-color:#36c;display:block}:host .environment.VAL{background-color:#093;display:block}:host mat-drawer{padding:var(--double-spacer);background:var(--mat-sys-surface-container-high)}:host mat-drawer.xsmall{width:20%}:host mat-drawer.small{width:30%}:host mat-drawer.medium{width:50%}:host mat-drawer.large{width:60%}:host mat-drawer.xlarge{width:70%}:host mat-drawer.xxlarge{width:90%}@media screen and (max-width: 640px){:host mat-drawer{width:99%!important}}.mat-mdc-menu-content button.active>*{font-weight:700!important}.mat-mdc-menu-content button mat-icon{font-size:1.125rem!important;height:1.125rem;width:1.125rem}.mat-mdc-menu-content button span{font-size:14px!important}nav a.disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["fitInkBarToContent", "mat-stretch-tabs", "animationDuration", "backgroundColor", "disableRipple", "color", "tabPanel"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "component", type: MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["active", "disabled", "disableRipple", "tabIndex", "id"], exportAs: ["matTabLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: MatTabNavPanel, selector: "mat-tab-nav-panel", inputs: ["id"], exportAs: ["matTabNavPanel"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: OnemrvaMatAvatarModule }, { kind: "component", type: i1.OnemrvaMatAvatarComponent, selector: "onemrva-mat-avatar", inputs: ["id", "roundShape", "initials", "icon", "src", "size", "color"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "directive", type: DrawerHostDirective, selector: "[drawerhost]" }, { kind: "directive", type: MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: LayoutComponent, isStandalone: true, selector: "onemrva-layout", inputs: { logo: "logo", languages: "languages", environment: "environment", logoRedictionUrl: "logoRedictionUrl", profile: "profile", id: "id", role: "role", drawerClass: "drawerClass", showThemeSwitcher: "showThemeSwitcher" }, outputs: { login: "login", logout: "logout" }, queries: [{ propertyName: "title", first: true, predicate: LayoutTitleComponent, descendants: true }, { propertyName: "loginMenu", first: true, predicate: LayoutLoginMenuComponent, descendants: true }, { propertyName: "content", first: true, predicate: LayoutContentComponent, descendants: true }, { propertyName: "afterNav", first: true, predicate: LayoutAfterNavComponent, descendants: true }, { propertyName: "footer", first: true, predicate: LayoutFooterComponent, descendants: true }, { propertyName: "routes", predicate: LayoutRouteComponent }], viewQueries: [{ propertyName: "drawer", first: true, predicate: MatDrawer, descendants: true, static: true }, { propertyName: "drawerHost", first: true, predicate: DrawerHostDirective, descendants: true, static: true }], ngImport: i0, template: "<mat-drawer-container\n  id=\"onemrva-drawer-container\"\n  [hasBackdrop]=\"drawerService.hasBackdrop\"\n  autosize\n>\n  <div class=\"app-content\">\n    <header>\n      <mat-toolbar class=\"mat-elevation-z4\">\n        <div class=\"environment\" [class]=\"environment\">\n          {{ environment }}\n        </div>\n        <div class=\"nav-container onemrva-layout-container flex-center g-m\">\n          {{ logoRedictionUrl }}\n          <img\n            class=\"logo align-center clickable\"\n            [src]=\"logo\"\n            [attr.data-cy]=\"\n              'onemrva_logo_' + currentLanguage.toLocaleLowerCase()\n            \"\n            alt=\"Logo ONEM/RVA\"\n            [routerLink]=\"\n              logoRedictionUrl !== null ? logoRedictionUrl : undefined\n            \"\n            [ngStyle]=\"{\n              cursor: logoRedictionUrl !== null ? 'pointer' : 'default',\n            }\"\n          />\n          <div\n            class=\"application-title\"\n            [ngClass]=\"{ 'small-screen': isSmall }\"\n          >\n            @if (title?.template; as titleTpl) {\n              <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n            }\n          </div>\n\n          <div style=\"flex: 1\"></div>\n\n          @if (!isSmall) {\n            <div\n              class=\"flex-center topMenu\"\n              mat-tab-nav-bar\n              [tabPanel]=\"tabPanel\"\n            >\n              @for (e of routes?.toArray(); track e.label) {\n                <a\n                  mat-tab-link\n                  [routerLink]=\"e.routerLink\"\n                  [attr.data-ci]=\"e.dataCy\"\n                  [attr.data-cy]=\"e.dataCy\"\n                  [routerLinkActiveOptions]=\"{\n                    fragment: 'exact',\n                    matrixParams: 'exact',\n                    paths: 'exact',\n                    queryParams: 'ignored',\n                  }\"\n                  #rla=\"routerLinkActive\"\n                  routerLinkActive=\"mdc-tab--active\"\n                  [active]=\"rla.isActive || e.isRouteActive()\"\n                >\n                  @if (e.template; as routeTemplate) {\n                    <ng-container *ngTemplateOutlet=\"routeTemplate\">\n                    </ng-container>\n                  }\n                </a>\n              }\n            </div>\n          }\n          <mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>\n\n          @if (showThemeSwitcher) {\n            <button\n              mat-icon-button\n              [matMenuTriggerFor]=\"themeSwitch\"\n              [matTooltip]=\"'layout.mode.select' | translate\"\n            >\n              <mat-icon>{{\n                activeTheme() === 'dark'\n                  ? 'dark_mode'\n                  : activeTheme() === 'light'\n                    ? 'light_mode'\n                    : 'brightness_auto'\n              }}</mat-icon>\n            </button>\n            <mat-menu #themeSwitch>\n              <button\n                mat-menu-item\n                [attr.aria-label]=\"'layout.mode.dark' | translate\"\n                (click)=\"toggleTheme('dark')\"\n              >\n                <mat-icon>dark_mode</mat-icon>\n                <span>{{ 'layout.mode.dark' | translate }}</span>\n              </button>\n              <button\n                mat-menu-item\n                [attr.aria-label]=\"'layout.mode.light' | translate\"\n                (click)=\"toggleTheme('light')\"\n              >\n                <mat-icon>light_mode</mat-icon>\n                <span>{{ 'layout.mode.light' | translate }}</span>\n              </button>\n              <button\n                mat-menu-item\n                [attr.aria-label]=\"'layout.mode.system' | translate\"\n                (click)=\"toggleTheme('system')\"\n              >\n                <mat-icon>brightness_auto</mat-icon>\n                <span>{{ 'layout.mode.system' | translate }}</span>\n              </button>\n            </mat-menu>\n          }\n          @if (afterNav?.template; as tpl) {\n            <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n          }\n\n          @if (profile !== null) {\n            @if (!isSmall) {\n              <mat-divider\n                vertical\n                style=\"height: 1em; align-self: center\"\n              ></mat-divider>\n            }\n            @if (profile.isLoggedIn) {\n              <onemrva-mat-avatar\n                matRipple\n                [matMenuTriggerFor]=\"menu\"\n                initials=\"{{ profile.initials() }}\"\n                color=\"accent\"\n                size=\"xsmall\"\n                class=\"clickable\"\n              ></onemrva-mat-avatar>\n            }\n            @if (!profile.isLoggedIn) {\n              <onemrva-mat-avatar\n                matRipple\n                [matMenuTriggerFor]=\"menu\"\n                icon=\"account_circle\"\n                color=\"\"\n                size=\"xsmall\"\n                class=\"clickable\"\n              ></onemrva-mat-avatar>\n            }\n            <mat-menu #menu=\"matMenu\">\n              @if (profile.isLoggedIn) {\n                <div class=\"menu-header m mb-m\">\n                  {{ profile.firstName }} {{ profile.lastName }}\n                </div>\n                <mat-divider style=\"align-self: stretch\"></mat-divider>\n\n                @if (loginMenu?.template; as menuLoginTpl) {\n                  <ng-container *ngTemplateOutlet=\"menuLoginTpl\"></ng-container>\n                }\n\n                <button\n                  type=\"button\"\n                  class=\"mat-mdc-menu-item\"\n                  mat-menu-item\n                  data-cy=\"logoutButton\"\n                  (click)=\"doLogout()\"\n                  [attr.aria-label]=\"'layout.logout' | translate\"\n                >\n                  <mat-icon>logout</mat-icon>\n                  {{ 'layout.logout' | translate }}\n                </button>\n              } @else {\n                <button\n                  type=\"button\"\n                  mat-menu-item\n                  data-cy=\"loginButton\"\n                  (click)=\"doLogin()\"\n                  [attr.aria-label]=\"'layout.login' | translate\"\n                >\n                  <mat-icon>login</mat-icon>\n                  {{ 'layout.login' | translate }}\n                </button>\n              }\n            </mat-menu>\n          }\n\n          @if (\n            isSmall &&\n            (routes?.toArray()?.length || (languages && languages.length > 1))\n          ) {\n            <button\n              type=\"button\"\n              mat-icon-button\n              class=\"menu-button\"\n              data-cy=\"smallDeviceMenu\"\n              (click)=\"toggleSideNav()\"\n              [attr.aria-label]=\"'layout.menu' | translate\"\n            >\n              <mat-icon>menu</mat-icon>\n            </button>\n          }\n          @if (!isSmall) {\n            <div class=\"flex-center\" mat-tab-nav-bar [tabPanel]=\"tabPanel\">\n              <a\n                [matMenuTriggerFor]=\"languageMenu\"\n                data-cy=\"languageMenu\"\n                [attr.aria-label]=\"'language.selection' | translate\"\n                mat-tab-link\n              >\n                {{ currentLanguage }}\n                <mat-icon style=\"width: 16px\">expand_more</mat-icon>\n              </a>\n            </div>\n          }\n          <mat-menu #languageMenu>\n            @for (lang of languages; track lang.code) {\n              <button\n                type=\"button\"\n                class=\"mat-mdc-menu-item\"\n                mat-menu-item\n                [attr.data-cy]=\"'language_' + lang.code\"\n                (click)=\"changeLanguage(lang.code)\"\n                [attr.aria-label]=\"lang.label\"\n              >\n                {{ lang.label }}\n              </button>\n            }\n          </mat-menu>\n        </div>\n      </mat-toolbar>\n    </header>\n    <ng-container>\n      @if (content?.template; as tpl) {\n        <div\n          [id]=\"id\"\n          [attr.role]=\"role\"\n          class=\"onemrva-layout-content onemrva-layout-container\"\n        >\n          <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n          @if (\n            environment &&\n            (environment === env.LOCAL || environment === env.TEST)\n          ) {\n            <button\n              id=\"accessibility_fab\"\n              mat-fab\n              color=\"accent\"\n              aria-label=\"Accessibility check\"\n              matTooltip=\"Accessibility check\"\n              onclick=\"(function() {var _p='//openfed.github.io/AccessibilityCheck/build/';var _i=function(s,cb) {var sc=document.createElement('script');sc.onload = function() {sc.onload = null;sc.onreadystatechange = null;cb.call(this);};sc.onreadystatechange = function(){if(/^(complete|loaded)$/.test(this.readyState) === true){sc.onreadystatechange = null;sc.onload();}};sc.src=s;if (document.head) {document.head.appendChild(sc);} else {document.getElementsByTagName('head')[0].appendChild(sc);}}; var options={path:_p};_i(_p+'HTMLCS.js',function(){HTMLCSAuditor.run('WCAG2AA',null,options);});})();\"\n            >\n              <mat-icon>accessibility</mat-icon>\n            </button>\n          }\n        </div>\n      }\n\n      <footer class=\"onemrva-footer p mb text-center\">\n        @if (footer?.template; as footerTpl) {\n          <div class=\"onemrva-layout-container\">\n            <ng-container *ngTemplateOutlet=\"footerTpl\"></ng-container>\n          </div>\n        }\n      </footer>\n    </ng-container>\n  </div>\n\n  <mat-drawer [class]=\"effectiveDrawerClass\" mode=\"over\" position=\"end\">\n    <ng-template drawerhost></ng-template>\n  </mat-drawer>\n</mat-drawer-container>\n", styles: [":host{position:relative}:host a:active{outline:none}:host router-outlet{display:block;margin-bottom:90px}:host header mat-toolbar{position:fixed;height:var(--layout-header-height);z-index:400;--mat-tab-divider-color: transparent}:host header mat-toolbar .topMenu .mat-mdc-tab-header-pagination-before,:host header mat-toolbar .topMenu .mat-mdc-tab-header-pagination-after{display:none!important}:host header mat-toolbar .logo{height:42px}:host header mat-toolbar .application-title{font-size:1.3rem;font-weight:700;height:42px;line-height:42px;color:var(--mat-sys-tertiary)}:host .onemrva-layout-content{padding-top:var(--layout-content-padding-top);min-height:calc(100vh - 48px)}:host .mat-drawer-content{min-height:100vh}:host #accessibility_fab{position:fixed;bottom:16px;left:16px}:host .environment{position:fixed;top:0;left:0;z-index:24000;width:60px;height:50px;padding:15px 20px;font-weight:700;font-size:16px;border-radius:0 0 100%;color:#fff;display:none}:host .environment.LOCAL{background:transparent linear-gradient(90deg,#de2174,#eb142a) 0 0 no-repeat padding-box;display:block}:host .environment.TEST{background-color:#36c;display:block}:host .environment.VAL{background-color:#093;display:block}:host mat-drawer{padding:var(--double-spacer);background:var(--mat-sys-surface-container-high)}:host mat-drawer.xsmall{width:20%}:host mat-drawer.small{width:30%}:host mat-drawer.medium{width:50%}:host mat-drawer.large{width:60%}:host mat-drawer.xlarge{width:70%}:host mat-drawer.xxlarge{width:90%}@media screen and (max-width: 640px){:host mat-drawer{width:99%!important}}.mat-mdc-menu-content button.active>*{font-weight:700!important}.mat-mdc-menu-content button mat-icon{font-size:1.125rem!important;height:1.125rem;width:1.125rem}.mat-mdc-menu-content button span{font-size:14px!important}nav a.disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["fitInkBarToContent", "mat-stretch-tabs", "animationDuration", "backgroundColor", "disableRipple", "color", "tabPanel"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "component", type: MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["active", "disabled", "disableRipple", "tabIndex", "id"], exportAs: ["matTabLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: MatTabNavPanel, selector: "mat-tab-nav-panel", inputs: ["id"], exportAs: ["matTabNavPanel"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: OnemrvaMatAvatarModule }, { kind: "component", type: i1.OnemrvaMatAvatarComponent, selector: "onemrva-mat-avatar", inputs: ["id", "roundShape", "initials", "icon", "src", "size", "color"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "directive", type: DrawerHostDirective, selector: "[drawerhost]" }, { kind: "directive", type: MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-layout', standalone: true, imports: [
                         RouterLink,
@@ -535,7 +550,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         MatDrawer,
                         DrawerHostDirective,
                         MatRipple,
-                    ], template: "<mat-drawer-container\n  id=\"onemrva-drawer-container\"\n  [hasBackdrop]=\"drawerService.hasBackdrop\"\n  autosize\n>\n  <div class=\"app-content\">\n    <header>\n      <mat-toolbar class=\"mat-elevation-z4\">\n        <div class=\"environment\" [class]=\"environment\">\n          {{ environment }}\n        </div>\n        <div class=\"nav-container onemrva-layout-container flex-center g-m\">\n          {{ logoRedictionUrl }}\n          <img\n            class=\"logo align-center clickable\"\n            [src]=\"logo\"\n            [attr.data-cy]=\"\n              'onemrva_logo_' + currentLanguage.toLocaleLowerCase()\n            \"\n            alt=\"Logo ONEM/RVA\"\n            [routerLink]=\"\n              logoRedictionUrl !== null ? logoRedictionUrl : undefined\n            \"\n            [ngStyle]=\"{\n              cursor: logoRedictionUrl !== null ? 'pointer' : 'default',\n            }\"\n          />\n          <div\n            class=\"application-title\"\n            [ngClass]=\"{ 'small-screen': isSmall }\"\n          >\n            @if (title?.template; as titleTpl) {\n              <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n            }\n          </div>\n\n          <div style=\"flex: 1\"></div>\n\n          @if (!isSmall) {\n            <div\n              class=\"flex-center topMenu\"\n              mat-tab-nav-bar\n              [tabPanel]=\"tabPanel\"\n            >\n              @for (\n                e of routes?.toArray();\n                track e.routerLink;\n                let i = $index\n              ) {\n                <a\n                  mat-tab-link\n                  [routerLink]=\"e.routerLink\"\n                  [attr.data-ci]=\"e.dataCy\"\n                  [attr.data-cy]=\"e.dataCy\"\n                  [routerLinkActiveOptions]=\"{\n                    fragment: 'exact',\n                    matrixParams: 'exact',\n                    paths: 'exact',\n                    queryParams: 'ignored',\n                  }\"\n                  #rla=\"routerLinkActive\"\n                  routerLinkActive=\"mdc-tab--active\"\n                  [active]=\"rla.isActive || e.isRouteActive()\"\n                >\n                  @if (e.template; as routeTemplate) {\n                    <ng-container *ngTemplateOutlet=\"routeTemplate\">\n                    </ng-container>\n                  }\n                </a>\n              }\n            </div>\n          }\n          <mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>\n\n          @if (afterNav?.template; as tpl) {\n            <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n          }\n\n          @if (profile !== null) {\n            @if (!isSmall) {\n              <mat-divider\n                vertical\n                style=\"height: 1em; align-self: center\"\n              ></mat-divider>\n            }\n            @if (profile.isLoggedIn) {\n              <onemrva-mat-avatar\n                matRipple\n                [matMenuTriggerFor]=\"menu\"\n                initials=\"{{ profile.initials() }}\"\n                color=\"accent\"\n                size=\"xsmall\"\n                class=\"clickable\"\n              ></onemrva-mat-avatar>\n            }\n            @if (!profile.isLoggedIn) {\n              <onemrva-mat-avatar\n                matRipple\n                [matMenuTriggerFor]=\"menu\"\n                icon=\"account_circle\"\n                color=\"\"\n                size=\"xsmall\"\n                class=\"clickable\"\n              ></onemrva-mat-avatar>\n            }\n            <mat-menu #menu=\"matMenu\">\n              @if (profile.isLoggedIn) {\n                <div class=\"menu-header m mb-m\">\n                  {{ profile.firstName }} {{ profile.lastName }}\n                </div>\n                <mat-divider style=\"align-self: stretch\"></mat-divider>\n\n                @if (loginMenu?.template; as menuLoginTpl) {\n                  <ng-container *ngTemplateOutlet=\"menuLoginTpl\"></ng-container>\n                }\n\n                <button\n                  type=\"button\"\n                  class=\"mat-mdc-menu-item\"\n                  mat-menu-item\n                  data-cy=\"logoutButton\"\n                  (click)=\"doLogout()\"\n                  [attr.aria-label]=\"'layout.logout' | translate\"\n                >\n                  <mat-icon>logout</mat-icon>\n                  {{ 'layout.logout' | translate }}\n                </button>\n              } @else {\n                <button\n                  type=\"button\"\n                  mat-menu-item\n                  data-cy=\"loginButton\"\n                  (click)=\"doLogin()\"\n                  [attr.aria-label]=\"'layout.login' | translate\"\n                >\n                  <mat-icon>login</mat-icon>\n                  {{ 'layout.login' | translate }}\n                </button>\n              }\n            </mat-menu>\n          }\n\n          @if (\n            isSmall &&\n            (routes?.toArray()?.length || (languages && languages.length > 1))\n          ) {\n            <button\n              type=\"button\"\n              mat-icon-button\n              class=\"menu-button\"\n              data-cy=\"smallDeviceMenu\"\n              (click)=\"toggleSideNav()\"\n              [attr.aria-label]=\"'layout.menu' | translate\"\n            >\n              <mat-icon>menu</mat-icon>\n            </button>\n          }\n          @if (!isSmall) {\n            <div class=\"flex-center\" mat-tab-nav-bar [tabPanel]=\"tabPanel\">\n              <a\n                [matMenuTriggerFor]=\"languageMenu\"\n                data-cy=\"languageMenu\"\n                [attr.aria-label]=\"'language.selection' | translate\"\n                mat-tab-link\n              >\n                {{ currentLanguage }}\n                <mat-icon style=\"width: 16px\">expand_more</mat-icon>\n              </a>\n            </div>\n          }\n          <mat-menu #languageMenu>\n            @for (lang of languages; track lang.code) {\n              <button\n                type=\"button\"\n                class=\"mat-mdc-menu-item\"\n                mat-menu-item\n                [attr.data-cy]=\"'language_' + lang.code\"\n                (click)=\"changeLanguage(lang.code)\"\n                [attr.aria-label]=\"lang.label\"\n              >\n                {{ lang.label }}\n              </button>\n            }\n          </mat-menu>\n        </div>\n      </mat-toolbar>\n    </header>\n    <ng-container>\n      @if (content?.template; as tpl) {\n        <div\n          [id]=\"id\"\n          [attr.role]=\"role\"\n          class=\"onemrva-layout-content onemrva-layout-container\"\n        >\n          <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n          @if (\n            environment &&\n            (environment === env.LOCAL || environment === env.TEST)\n          ) {\n            <button\n              id=\"accessibility_fab\"\n              mat-fab\n              color=\"accent\"\n              aria-label=\"Accessibility check\"\n              matTooltip=\"Accessibility check\"\n              onclick=\"(function() {var _p='//openfed.github.io/AccessibilityCheck/build/';var _i=function(s,cb) {var sc=document.createElement('script');sc.onload = function() {sc.onload = null;sc.onreadystatechange = null;cb.call(this);};sc.onreadystatechange = function(){if(/^(complete|loaded)$/.test(this.readyState) === true){sc.onreadystatechange = null;sc.onload();}};sc.src=s;if (document.head) {document.head.appendChild(sc);} else {document.getElementsByTagName('head')[0].appendChild(sc);}}; var options={path:_p};_i(_p+'HTMLCS.js',function(){HTMLCSAuditor.run('WCAG2AA',null,options);});})();\"\n            >\n              <mat-icon>accessibility</mat-icon>\n            </button>\n          }\n        </div>\n      }\n\n      <footer class=\"onemrva-footer p mb text-center\">\n        @if (footer?.template; as footerTpl) {\n          <div class=\"onemrva-layout-container\">\n            <ng-container *ngTemplateOutlet=\"footerTpl\"></ng-container>\n          </div>\n        }\n      </footer>\n    </ng-container>\n  </div>\n\n  <mat-drawer [class]=\"effectiveDrawerClass\" mode=\"over\" position=\"end\">\n    <ng-template drawerhost></ng-template>\n  </mat-drawer>\n</mat-drawer-container>\n", styles: [":host{position:relative}:host a:active{outline:none}:host router-outlet{display:block;margin-bottom:90px}:host header mat-toolbar{position:fixed;height:var(--layout-header-height);z-index:400;--mat-tab-divider-color: transparent}:host header mat-toolbar .topMenu .mat-mdc-tab-header-pagination-before,:host header mat-toolbar .topMenu .mat-mdc-tab-header-pagination-after{display:none!important}:host header mat-toolbar .logo{height:42px}:host header mat-toolbar .application-title{font-size:1.3rem;font-weight:700;height:42px;line-height:42px;color:var(--mat-sys-secondary)}:host .onemrva-layout-content{padding-top:var(--layout-content-padding-top);min-height:calc(100vh - 48px)}:host .mat-drawer-content{min-height:100vh}:host #accessibility_fab{position:fixed;bottom:16px;left:16px}:host .environment{position:fixed;top:0;left:0;z-index:24000;width:60px;height:50px;padding:15px 20px;font-weight:700;font-size:16px;border-radius:0 0 100%;color:#fff;display:none}:host .environment.LOCAL{background:transparent linear-gradient(90deg,#de2174,#eb142a) 0 0 no-repeat padding-box;display:block}:host .environment.TEST{background-color:#36c;display:block}:host .environment.VAL{background-color:#093;display:block}:host mat-drawer{padding:var(--double-spacer);background:var(--mat-sys-surface-container-high)}:host mat-drawer.xsmall{width:20%}:host mat-drawer.small{width:30%}:host mat-drawer.medium{width:50%}:host mat-drawer.large{width:60%}:host mat-drawer.xlarge{width:70%}:host mat-drawer.xxlarge{width:90%}@media screen and (max-width: 640px){:host mat-drawer{width:99%!important}}.mat-mdc-menu-content button.active>*{font-weight:700!important}.mat-mdc-menu-content button mat-icon{font-size:1.125rem!important;height:1.125rem;width:1.125rem}.mat-mdc-menu-content button span{font-size:14px!important}nav a.disabled{pointer-events:none}\n"] }]
+                    ], template: "<mat-drawer-container\n  id=\"onemrva-drawer-container\"\n  [hasBackdrop]=\"drawerService.hasBackdrop\"\n  autosize\n>\n  <div class=\"app-content\">\n    <header>\n      <mat-toolbar class=\"mat-elevation-z4\">\n        <div class=\"environment\" [class]=\"environment\">\n          {{ environment }}\n        </div>\n        <div class=\"nav-container onemrva-layout-container flex-center g-m\">\n          {{ logoRedictionUrl }}\n          <img\n            class=\"logo align-center clickable\"\n            [src]=\"logo\"\n            [attr.data-cy]=\"\n              'onemrva_logo_' + currentLanguage.toLocaleLowerCase()\n            \"\n            alt=\"Logo ONEM/RVA\"\n            [routerLink]=\"\n              logoRedictionUrl !== null ? logoRedictionUrl : undefined\n            \"\n            [ngStyle]=\"{\n              cursor: logoRedictionUrl !== null ? 'pointer' : 'default',\n            }\"\n          />\n          <div\n            class=\"application-title\"\n            [ngClass]=\"{ 'small-screen': isSmall }\"\n          >\n            @if (title?.template; as titleTpl) {\n              <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n            }\n          </div>\n\n          <div style=\"flex: 1\"></div>\n\n          @if (!isSmall) {\n            <div\n              class=\"flex-center topMenu\"\n              mat-tab-nav-bar\n              [tabPanel]=\"tabPanel\"\n            >\n              @for (e of routes?.toArray(); track e.label) {\n                <a\n                  mat-tab-link\n                  [routerLink]=\"e.routerLink\"\n                  [attr.data-ci]=\"e.dataCy\"\n                  [attr.data-cy]=\"e.dataCy\"\n                  [routerLinkActiveOptions]=\"{\n                    fragment: 'exact',\n                    matrixParams: 'exact',\n                    paths: 'exact',\n                    queryParams: 'ignored',\n                  }\"\n                  #rla=\"routerLinkActive\"\n                  routerLinkActive=\"mdc-tab--active\"\n                  [active]=\"rla.isActive || e.isRouteActive()\"\n                >\n                  @if (e.template; as routeTemplate) {\n                    <ng-container *ngTemplateOutlet=\"routeTemplate\">\n                    </ng-container>\n                  }\n                </a>\n              }\n            </div>\n          }\n          <mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>\n\n          @if (showThemeSwitcher) {\n            <button\n              mat-icon-button\n              [matMenuTriggerFor]=\"themeSwitch\"\n              [matTooltip]=\"'layout.mode.select' | translate\"\n            >\n              <mat-icon>{{\n                activeTheme() === 'dark'\n                  ? 'dark_mode'\n                  : activeTheme() === 'light'\n                    ? 'light_mode'\n                    : 'brightness_auto'\n              }}</mat-icon>\n            </button>\n            <mat-menu #themeSwitch>\n              <button\n                mat-menu-item\n                [attr.aria-label]=\"'layout.mode.dark' | translate\"\n                (click)=\"toggleTheme('dark')\"\n              >\n                <mat-icon>dark_mode</mat-icon>\n                <span>{{ 'layout.mode.dark' | translate }}</span>\n              </button>\n              <button\n                mat-menu-item\n                [attr.aria-label]=\"'layout.mode.light' | translate\"\n                (click)=\"toggleTheme('light')\"\n              >\n                <mat-icon>light_mode</mat-icon>\n                <span>{{ 'layout.mode.light' | translate }}</span>\n              </button>\n              <button\n                mat-menu-item\n                [attr.aria-label]=\"'layout.mode.system' | translate\"\n                (click)=\"toggleTheme('system')\"\n              >\n                <mat-icon>brightness_auto</mat-icon>\n                <span>{{ 'layout.mode.system' | translate }}</span>\n              </button>\n            </mat-menu>\n          }\n          @if (afterNav?.template; as tpl) {\n            <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n          }\n\n          @if (profile !== null) {\n            @if (!isSmall) {\n              <mat-divider\n                vertical\n                style=\"height: 1em; align-self: center\"\n              ></mat-divider>\n            }\n            @if (profile.isLoggedIn) {\n              <onemrva-mat-avatar\n                matRipple\n                [matMenuTriggerFor]=\"menu\"\n                initials=\"{{ profile.initials() }}\"\n                color=\"accent\"\n                size=\"xsmall\"\n                class=\"clickable\"\n              ></onemrva-mat-avatar>\n            }\n            @if (!profile.isLoggedIn) {\n              <onemrva-mat-avatar\n                matRipple\n                [matMenuTriggerFor]=\"menu\"\n                icon=\"account_circle\"\n                color=\"\"\n                size=\"xsmall\"\n                class=\"clickable\"\n              ></onemrva-mat-avatar>\n            }\n            <mat-menu #menu=\"matMenu\">\n              @if (profile.isLoggedIn) {\n                <div class=\"menu-header m mb-m\">\n                  {{ profile.firstName }} {{ profile.lastName }}\n                </div>\n                <mat-divider style=\"align-self: stretch\"></mat-divider>\n\n                @if (loginMenu?.template; as menuLoginTpl) {\n                  <ng-container *ngTemplateOutlet=\"menuLoginTpl\"></ng-container>\n                }\n\n                <button\n                  type=\"button\"\n                  class=\"mat-mdc-menu-item\"\n                  mat-menu-item\n                  data-cy=\"logoutButton\"\n                  (click)=\"doLogout()\"\n                  [attr.aria-label]=\"'layout.logout' | translate\"\n                >\n                  <mat-icon>logout</mat-icon>\n                  {{ 'layout.logout' | translate }}\n                </button>\n              } @else {\n                <button\n                  type=\"button\"\n                  mat-menu-item\n                  data-cy=\"loginButton\"\n                  (click)=\"doLogin()\"\n                  [attr.aria-label]=\"'layout.login' | translate\"\n                >\n                  <mat-icon>login</mat-icon>\n                  {{ 'layout.login' | translate }}\n                </button>\n              }\n            </mat-menu>\n          }\n\n          @if (\n            isSmall &&\n            (routes?.toArray()?.length || (languages && languages.length > 1))\n          ) {\n            <button\n              type=\"button\"\n              mat-icon-button\n              class=\"menu-button\"\n              data-cy=\"smallDeviceMenu\"\n              (click)=\"toggleSideNav()\"\n              [attr.aria-label]=\"'layout.menu' | translate\"\n            >\n              <mat-icon>menu</mat-icon>\n            </button>\n          }\n          @if (!isSmall) {\n            <div class=\"flex-center\" mat-tab-nav-bar [tabPanel]=\"tabPanel\">\n              <a\n                [matMenuTriggerFor]=\"languageMenu\"\n                data-cy=\"languageMenu\"\n                [attr.aria-label]=\"'language.selection' | translate\"\n                mat-tab-link\n              >\n                {{ currentLanguage }}\n                <mat-icon style=\"width: 16px\">expand_more</mat-icon>\n              </a>\n            </div>\n          }\n          <mat-menu #languageMenu>\n            @for (lang of languages; track lang.code) {\n              <button\n                type=\"button\"\n                class=\"mat-mdc-menu-item\"\n                mat-menu-item\n                [attr.data-cy]=\"'language_' + lang.code\"\n                (click)=\"changeLanguage(lang.code)\"\n                [attr.aria-label]=\"lang.label\"\n              >\n                {{ lang.label }}\n              </button>\n            }\n          </mat-menu>\n        </div>\n      </mat-toolbar>\n    </header>\n    <ng-container>\n      @if (content?.template; as tpl) {\n        <div\n          [id]=\"id\"\n          [attr.role]=\"role\"\n          class=\"onemrva-layout-content onemrva-layout-container\"\n        >\n          <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n          @if (\n            environment &&\n            (environment === env.LOCAL || environment === env.TEST)\n          ) {\n            <button\n              id=\"accessibility_fab\"\n              mat-fab\n              color=\"accent\"\n              aria-label=\"Accessibility check\"\n              matTooltip=\"Accessibility check\"\n              onclick=\"(function() {var _p='//openfed.github.io/AccessibilityCheck/build/';var _i=function(s,cb) {var sc=document.createElement('script');sc.onload = function() {sc.onload = null;sc.onreadystatechange = null;cb.call(this);};sc.onreadystatechange = function(){if(/^(complete|loaded)$/.test(this.readyState) === true){sc.onreadystatechange = null;sc.onload();}};sc.src=s;if (document.head) {document.head.appendChild(sc);} else {document.getElementsByTagName('head')[0].appendChild(sc);}}; var options={path:_p};_i(_p+'HTMLCS.js',function(){HTMLCSAuditor.run('WCAG2AA',null,options);});})();\"\n            >\n              <mat-icon>accessibility</mat-icon>\n            </button>\n          }\n        </div>\n      }\n\n      <footer class=\"onemrva-footer p mb text-center\">\n        @if (footer?.template; as footerTpl) {\n          <div class=\"onemrva-layout-container\">\n            <ng-container *ngTemplateOutlet=\"footerTpl\"></ng-container>\n          </div>\n        }\n      </footer>\n    </ng-container>\n  </div>\n\n  <mat-drawer [class]=\"effectiveDrawerClass\" mode=\"over\" position=\"end\">\n    <ng-template drawerhost></ng-template>\n  </mat-drawer>\n</mat-drawer-container>\n", styles: [":host{position:relative}:host a:active{outline:none}:host router-outlet{display:block;margin-bottom:90px}:host header mat-toolbar{position:fixed;height:var(--layout-header-height);z-index:400;--mat-tab-divider-color: transparent}:host header mat-toolbar .topMenu .mat-mdc-tab-header-pagination-before,:host header mat-toolbar .topMenu .mat-mdc-tab-header-pagination-after{display:none!important}:host header mat-toolbar .logo{height:42px}:host header mat-toolbar .application-title{font-size:1.3rem;font-weight:700;height:42px;line-height:42px;color:var(--mat-sys-tertiary)}:host .onemrva-layout-content{padding-top:var(--layout-content-padding-top);min-height:calc(100vh - 48px)}:host .mat-drawer-content{min-height:100vh}:host #accessibility_fab{position:fixed;bottom:16px;left:16px}:host .environment{position:fixed;top:0;left:0;z-index:24000;width:60px;height:50px;padding:15px 20px;font-weight:700;font-size:16px;border-radius:0 0 100%;color:#fff;display:none}:host .environment.LOCAL{background:transparent linear-gradient(90deg,#de2174,#eb142a) 0 0 no-repeat padding-box;display:block}:host .environment.TEST{background-color:#36c;display:block}:host .environment.VAL{background-color:#093;display:block}:host mat-drawer{padding:var(--double-spacer);background:var(--mat-sys-surface-container-high)}:host mat-drawer.xsmall{width:20%}:host mat-drawer.small{width:30%}:host mat-drawer.medium{width:50%}:host mat-drawer.large{width:60%}:host mat-drawer.xlarge{width:70%}:host mat-drawer.xxlarge{width:90%}@media screen and (max-width: 640px){:host mat-drawer{width:99%!important}}.mat-mdc-menu-content button.active>*{font-weight:700!important}.mat-mdc-menu-content button mat-icon{font-size:1.125rem!important;height:1.125rem;width:1.125rem}.mat-mdc-menu-content button span{font-size:14px!important}nav a.disabled{pointer-events:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { routes: [{
                 type: ContentChildren,
                 args: [LayoutRouteComponent]
@@ -580,17 +595,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 type: Input
             }], drawerClass: [{
                 type: Input
+            }], showThemeSwitcher: [{
+                type: Input
             }] } });
 class LayoutSidenavTitleComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutSidenavTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: LayoutSidenavTitleComponent, isStandalone: true, selector: "onemrva-layout-sidenav-title", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutSidenavTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: LayoutSidenavTitleComponent, isStandalone: true, selector: "onemrva-layout-sidenav-title", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
     <ng-template>
       <ng-content></ng-content>
     </ng-template>
   `, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutSidenavTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutSidenavTitleComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-layout-sidenav-title',
@@ -610,10 +627,10 @@ class LayoutDrawerActionsComponent {
     constructor() {
         this.drawerService = inject(OnemrvaDrawerService);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutDrawerActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: LayoutDrawerActionsComponent, isStandalone: true, selector: "onemrva-drawer-actions", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{width:calc(100% - var(--double-spacer));display:block;padding:var(--spacer);text-align:right}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutDrawerActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: LayoutDrawerActionsComponent, isStandalone: true, selector: "onemrva-drawer-actions", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{width:calc(100% - var(--double-spacer));display:block;padding:var(--spacer);text-align:right}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutDrawerActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutDrawerActionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-drawer-actions', standalone: true, template: "<ng-content></ng-content>\n", styles: [":host{width:calc(100% - var(--double-spacer));display:block;padding:var(--spacer);text-align:right}\n"] }]
         }] });
@@ -622,10 +639,10 @@ class LayoutDrawerContentComponent {
     constructor() {
         this.drawerService = inject(OnemrvaDrawerService);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutDrawerContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: LayoutDrawerContentComponent, isStandalone: true, selector: "onemrva-drawer-content", ngImport: i0, template: "<span><ng-content></ng-content></span>\n", styles: [":host{background-color:var(--mat-sys-surface);padding:23px 32px;margin:0 var(--spacer);border-radius:var(--border-radius);display:block;height:calc(100vh - 180px);overflow:auto}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutDrawerContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: LayoutDrawerContentComponent, isStandalone: true, selector: "onemrva-drawer-content", ngImport: i0, template: "<span><ng-content></ng-content></span>\n", styles: [":host{background-color:var(--mat-sys-surface);padding:23px 32px;margin:0 var(--spacer);border-radius:var(--border-radius);display:block;height:calc(100vh - 180px);overflow:auto}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutDrawerContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutDrawerContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-drawer-content', standalone: true, template: "<span><ng-content></ng-content></span>\n", styles: [":host{background-color:var(--mat-sys-surface);padding:23px 32px;margin:0 var(--spacer);border-radius:var(--border-radius);display:block;height:calc(100vh - 180px);overflow:auto}\n"] }]
         }] });
@@ -635,10 +652,10 @@ class LayoutDrawerTitleComponent {
         this.showClose = true;
         this.drawerService = inject(OnemrvaDrawerService);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutDrawerTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: LayoutDrawerTitleComponent, isStandalone: true, selector: "onemrva-drawer-title", inputs: { showClose: "showClose" }, ngImport: i0, template: "<span><ng-content></ng-content></span>\n@if (showClose) {\n  <mat-icon\n    class=\"close-drawer clickable large float-right\"\n    (click)=\"drawerService.close()\"\n    >close</mat-icon\n  >\n}\n", styles: [":host{width:calc(100% - var(--double-spacer));display:block;padding:var(--spacer)}:host span:first-child{font:var(--mat-sys-title-large);color:var(--mat-sys-error)}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutDrawerTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: LayoutDrawerTitleComponent, isStandalone: true, selector: "onemrva-drawer-title", inputs: { showClose: "showClose" }, ngImport: i0, template: "<span><ng-content></ng-content></span>\n@if (showClose) {\n  <mat-icon\n    class=\"close-drawer clickable large float-right\"\n    (click)=\"drawerService.close()\"\n    >close</mat-icon\n  >\n}\n", styles: [":host{width:calc(100% - var(--double-spacer));display:block;padding:var(--spacer)}:host span:first-child{font:var(--mat-sys-title-large);color:var(--mat-sys-error)}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutDrawerTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: LayoutDrawerTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-drawer-title', standalone: true, imports: [MatIcon], template: "<span><ng-content></ng-content></span>\n@if (showClose) {\n  <mat-icon\n    class=\"close-drawer clickable large float-right\"\n    (click)=\"drawerService.close()\"\n    >close</mat-icon\n  >\n}\n", styles: [":host{width:calc(100% - var(--double-spacer));display:block;padding:var(--spacer)}:host span:first-child{font:var(--mat-sys-title-large);color:var(--mat-sys-error)}\n"] }]
         }], propDecorators: { showClose: [{
@@ -662,10 +679,10 @@ class StripHtmlPipe {
     transform(value) {
         return value.replace(/<.*?>/g, ''); // replace tags
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: StripHtmlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: StripHtmlPipe, isStandalone: true, name: "striphtml" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: StripHtmlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: StripHtmlPipe, isStandalone: true, name: "striphtml" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: StripHtmlPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: StripHtmlPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'striphtml',
@@ -748,8 +765,8 @@ class OnemRvaProfile {
 }
 class OnemrvaLayoutModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaLayoutModule, imports: [LayoutComponent, LayoutContentComponent, LayoutFooterComponent, LayoutRouteComponent, LayoutSubrouteComponent, LayoutTitleComponent, LayoutSidenavTitleComponent, LayoutSidenavComponent, LayoutLoginMenuComponent, LayoutAfterNavComponent, StripHtmlPipe,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaLayoutModule, imports: [LayoutComponent, LayoutContentComponent, LayoutFooterComponent, LayoutRouteComponent, LayoutSubrouteComponent, LayoutTitleComponent, LayoutSidenavTitleComponent, LayoutSidenavComponent, LayoutLoginMenuComponent, LayoutAfterNavComponent, StripHtmlPipe,
             DrawerHostDirective,
             CommonModule,
             RouterModule,
@@ -765,7 +782,7 @@ class OnemrvaLayoutModule {
             MatTooltipModule,
             TranslateModule,
             MatRipple], exports: [LayoutComponent, LayoutContentComponent, LayoutFooterComponent, LayoutRouteComponent, LayoutSubrouteComponent, LayoutTitleComponent, LayoutSidenavTitleComponent, LayoutSidenavComponent, LayoutLoginMenuComponent, LayoutAfterNavComponent, LayoutModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaLayoutModule, providers: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaLayoutModule, providers: [
             {
                 provide: MAT_SNACK_BAR_DEFAULT_OPTIONS,
                 useValue: { horizontalPosition: 'right' },
@@ -784,7 +801,7 @@ class OnemrvaLayoutModule {
             MatTooltipModule,
             TranslateModule, LayoutModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],