@onemrvapublic/design-system 18.3.0-develop.1 → 18.3.0-develop.2

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

@@ -1,37 +1,29 @@
 import * as i0 from '@angular/core';
 import { TemplateRef, Component, Input, ViewChild, ContentChildren, inject, DestroyRef, Directive, Inject, Injectable, EventEmitter, isDevMode, ContentChild, Output, Pipe, NgModule } from '@angular/core';
 import * as i1 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import * as i5 from '@angular/common';
-import { DOCUMENT, NgIf, CommonModule } from '@angular/common';
-import * as i3 from '@angular/material/menu';
-import { MatMenuModule } from '@angular/material/menu';
-import * as i4 from '@angular/material/icon';
+import { RouterLink, RouterLinkActive, RouterModule } from '@angular/router';
+import { NgIf, NgTemplateOutlet, NgFor, NgClass, DOCUMENT, NgForOf, AsyncPipe, NgStyle, CommonModule } from '@angular/common';
 import { MatIcon, MatIconModule } from '@angular/material/icon';
-import { startWith, map, Subject, takeUntil } from 'rxjs';
-import * as i3$1 from '@angular/cdk/layout';
+import { MatMenu, MatMenuTrigger, MatMenuItem, MatMenuModule } from '@angular/material/menu';
+import * as i1$2 from '@ngx-translate/core';
+import { TranslatePipe, TranslateModule } from '@ngx-translate/core';
+import { startWith, map, Subject, takeUntil, BehaviorSubject } from 'rxjs';
+import * as i3 from '@angular/cdk/layout';
 import { Breakpoints, LayoutModule } from '@angular/cdk/layout';
 import * as i1$1 from '@angular/material/sidenav';
-import { MatDrawer, MatSidenavModule } from '@angular/material/sidenav';
+import { MatDrawer, MatDrawerContainer, MatSidenavModule } from '@angular/material/sidenav';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { trigger, state, style, transition, animate } from '@angular/animations';
-import * as i1$2 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
-import * as i5$1 from '@angular/material/divider';
-import { MatDividerModule } from '@angular/material/divider';
-import * as i6 from '@angular/material/tabs';
-import { MatTabsModule } from '@angular/material/tabs';
-import * as i11 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i2 from '@onemrvapublic/design-system/shared';
-import * as i7 from '@angular/material/toolbar';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import * as i14 from '@onemrvapublic/design-system/mat-avatar';
+import { MatIconButton, MatFabButton, MatButtonModule } from '@angular/material/button';
+import { MatTabGroup, MatTab, MatTabNav, MatTabLink, MatTabNavPanel, MatTabsModule } from '@angular/material/tabs';
+import { MatDivider, MatDividerModule } from '@angular/material/divider';
+import { MatToolbar, MatToolbarModule } from '@angular/material/toolbar';
+import * as i5 from '@onemrvapublic/design-system/mat-avatar';
 import { OnemrvaMatAvatarModule } from '@onemrvapublic/design-system/mat-avatar';
-import * as i15 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i16 from '@angular/material/core';
+import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
 import { MatRipple } from '@angular/material/core';
+import * as i2 from '@onemrvapublic/design-system/shared';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { MAT_SNACK_BAR_DEFAULT_OPTIONS } from '@angular/material/snack-bar';
 
 class LayoutSubrouteComponent {
@@ -64,12 +56,12 @@ class LayoutSubrouteComponent {
             return false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutSubrouteComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutSubrouteComponent, 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: "<!--\n// This does not seem to work for sub menus as they how the sub menu only on click instead of on hover\n<ng-template #navTpl>\n  <ng-container *ngIf=\"!hasSubroutes()\">\n    <button mat-menu-item\n            [routerLink]=\"routerLink\"\n            routerLinkActive=\"active\">\n      <ng-container *ngIf=\"template as routeTemplate\">\n\n        <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n      </ng-container>\n    </button>\n  </ng-container>\n\n  <ng-container *ngIf=\"hasSubroutes()\">\n    <button  mat-menu-item\n      [matMenuTriggerFor]=\"submenu\">\n    <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n    </button>\n    <mat-menu #submenu>\n      <ng-container *ngFor=\"let e of subroutes?.toArray(); let i = index\">\n        <button mat-menu-item\n                [routerLink]=\"e.routerLink\"\n                routerLinkActive=\"active\">\n          <ng-container *ngIf=\"e.template as routeTemplate\">\n            <ng-container *ngTemplateOutlet=\"routeTemplate\">\n\n            </ng-container>\n          </ng-container>\n        </button>\n      </ng-container>\n    </mat-menu>\n  </ng-container>\n\n  <ng-template #contentTmpl>\n    <ng-content></ng-content>\n  </ng-template>\n\n</ng-template>-->\n\n<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LayoutSubrouteComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.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: "<!--\n// This does not seem to work for sub menus as they how the sub menu only on click instead of on hover\n<ng-template #navTpl>\n  <ng-container *ngIf=\"!hasSubroutes()\">\n    <button mat-menu-item\n            [routerLink]=\"routerLink\"\n            routerLinkActive=\"active\">\n      <ng-container *ngIf=\"template as routeTemplate\">\n\n        <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n      </ng-container>\n    </button>\n  </ng-container>\n\n  <ng-container *ngIf=\"hasSubroutes()\">\n    <button  mat-menu-item\n      [matMenuTriggerFor]=\"submenu\">\n    <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n    </button>\n    <mat-menu #submenu>\n      <ng-container *ngFor=\"let e of subroutes?.toArray(); let i = index\">\n        <button mat-menu-item\n                [routerLink]=\"e.routerLink\"\n                routerLinkActive=\"active\">\n          <ng-container *ngIf=\"e.template as routeTemplate\">\n            <ng-container *ngTemplateOutlet=\"routeTemplate\">\n\n            </ng-container>\n          </ng-container>\n        </button>\n      </ng-container>\n    </mat-menu>\n  </ng-container>\n\n  <ng-template #contentTmpl>\n    <ng-content></ng-content>\n  </ng-template>\n\n</ng-template>-->\n\n<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutSubrouteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LayoutSubrouteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-layout-subroute', template: "<!--\n// This does not seem to work for sub menus as they how the sub menu only on click instead of on hover\n<ng-template #navTpl>\n  <ng-container *ngIf=\"!hasSubroutes()\">\n    <button mat-menu-item\n            [routerLink]=\"routerLink\"\n            routerLinkActive=\"active\">\n      <ng-container *ngIf=\"template as routeTemplate\">\n\n        <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n      </ng-container>\n    </button>\n  </ng-container>\n\n  <ng-container *ngIf=\"hasSubroutes()\">\n    <button  mat-menu-item\n      [matMenuTriggerFor]=\"submenu\">\n    <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n    </button>\n    <mat-menu #submenu>\n      <ng-container *ngFor=\"let e of subroutes?.toArray(); let i = index\">\n        <button mat-menu-item\n                [routerLink]=\"e.routerLink\"\n                routerLinkActive=\"active\">\n          <ng-container *ngIf=\"e.template as routeTemplate\">\n            <ng-container *ngTemplateOutlet=\"routeTemplate\">\n\n            </ng-container>\n          </ng-container>\n        </button>\n      </ng-container>\n    </mat-menu>\n  </ng-container>\n\n  <ng-template #contentTmpl>\n    <ng-content></ng-content>\n  </ng-template>\n\n</ng-template>-->\n\n<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n" }]
+            args: [{ selector: 'onemrva-layout-subroute', standalone: true, template: "<!--\n// This does not seem to work for sub menus as they how the sub menu only on click instead of on hover\n<ng-template #navTpl>\n  <ng-container *ngIf=\"!hasSubroutes()\">\n    <button mat-menu-item\n            [routerLink]=\"routerLink\"\n            routerLinkActive=\"active\">\n      <ng-container *ngIf=\"template as routeTemplate\">\n\n        <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n      </ng-container>\n    </button>\n  </ng-container>\n\n  <ng-container *ngIf=\"hasSubroutes()\">\n    <button  mat-menu-item\n      [matMenuTriggerFor]=\"submenu\">\n    <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n    </button>\n    <mat-menu #submenu>\n      <ng-container *ngFor=\"let e of subroutes?.toArray(); let i = index\">\n        <button mat-menu-item\n                [routerLink]=\"e.routerLink\"\n                routerLinkActive=\"active\">\n          <ng-container *ngIf=\"e.template as routeTemplate\">\n            <ng-container *ngTemplateOutlet=\"routeTemplate\">\n\n            </ng-container>\n          </ng-container>\n        </button>\n      </ng-container>\n    </mat-menu>\n  </ng-container>\n\n  <ng-template #contentTmpl>\n    <ng-content></ng-content>\n  </ng-template>\n\n</ng-template>-->\n\n<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.Router }], propDecorators: { customNgClass: [{
                 type: Input
             }], template: [{
@@ -112,12 +104,23 @@ class LayoutRouteComponent {
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutRouteComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutRouteComponent, 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  <ng-container *ngIf=\"!hasSubroutes()\">\n    <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"hasSubroutes()\">\n    <span role=\"button\" [matMenuTriggerFor]=\"menu\">\n      {{ label }}\n    </span>\n    <mat-icon [matMenuTriggerFor]=\"menu\" style=\"width: 16px\"\n      >expand_more</mat-icon\n    >\n    <mat-menu #menu>\n      <ng-container *ngFor=\"let e of subroutes?.toArray(); let i = index\">\n        <ng-container *ngIf=\"!e.hasSubroutes()\">\n          <button\n            mat-menu-item\n            [routerLink]=\"e.routerLink\"\n            routerLinkActive=\"active\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            <ng-container *ngIf=\"e.template as routeTemplate\">\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            </ng-container>\n          </button>\n        </ng-container>\n        <ng-container *ngIf=\"e.hasSubroutes()\">\n          <button\n            mat-menu-item\n            [matMenuTriggerFor]=\"submenu\"\n            [ngClass]=\"{ active: e.hasActiveSubroute() }\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            <ng-container *ngIf=\"e.template as routeTemplate\">\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            </ng-container>\n          </button>\n          <mat-menu #submenu>\n            <ng-container\n              *ngFor=\"let es of e.subroutes?.toArray(); let i = index\"\n            >\n              <button\n                mat-menu-item\n                [routerLink]=\"es.routerLink\"\n                routerLinkActive=\"active\"\n              >\n                <ng-container *ngIf=\"es.template as routeTemplate\">\n                  <ng-container *ngTemplateOutlet=\"routeTemplate\">\n                  </ng-container>\n                </ng-container>\n              </button>\n            </ng-container>\n          </mat-menu>\n        </ng-container>\n      </ng-container>\n    </mat-menu>\n  </ng-container>\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: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.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: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.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: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LayoutRouteComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.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  <ng-container *ngIf=\"!hasSubroutes()\">\n    <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"hasSubroutes()\">\n    <span role=\"button\" [matMenuTriggerFor]=\"menu\">\n      {{ label }}\n    </span>\n    <mat-icon [matMenuTriggerFor]=\"menu\" style=\"width: 16px\"\n      >expand_more</mat-icon\n    >\n    <mat-menu #menu>\n      <ng-container *ngFor=\"let e of subroutes?.toArray(); let i = index\">\n        <ng-container *ngIf=\"!e.hasSubroutes()\">\n          <button\n            mat-menu-item\n            [routerLink]=\"e.routerLink\"\n            routerLinkActive=\"active\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            <ng-container *ngIf=\"e.template as routeTemplate\">\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            </ng-container>\n          </button>\n        </ng-container>\n        <ng-container *ngIf=\"e.hasSubroutes()\">\n          <button\n            mat-menu-item\n            [matMenuTriggerFor]=\"submenu\"\n            [ngClass]=\"{ active: e.hasActiveSubroute() }\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            <ng-container *ngIf=\"e.template as routeTemplate\">\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            </ng-container>\n          </button>\n          <mat-menu #submenu>\n            <ng-container\n              *ngFor=\"let es of e.subroutes?.toArray(); let i = index\"\n            >\n              <button\n                mat-menu-item\n                [routerLink]=\"es.routerLink\"\n                routerLinkActive=\"active\"\n              >\n                <ng-container *ngIf=\"es.template as routeTemplate\">\n                  <ng-container *ngTemplateOutlet=\"routeTemplate\">\n                  </ng-container>\n                </ng-container>\n              </button>\n            </ng-container>\n          </mat-menu>\n        </ng-container>\n      </ng-container>\n    </mat-menu>\n  </ng-container>\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: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutRouteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LayoutRouteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-layout-route', template: "<ng-template #navTpl>\n  <ng-container *ngIf=\"!hasSubroutes()\">\n    <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"hasSubroutes()\">\n    <span role=\"button\" [matMenuTriggerFor]=\"menu\">\n      {{ label }}\n    </span>\n    <mat-icon [matMenuTriggerFor]=\"menu\" style=\"width: 16px\"\n      >expand_more</mat-icon\n    >\n    <mat-menu #menu>\n      <ng-container *ngFor=\"let e of subroutes?.toArray(); let i = index\">\n        <ng-container *ngIf=\"!e.hasSubroutes()\">\n          <button\n            mat-menu-item\n            [routerLink]=\"e.routerLink\"\n            routerLinkActive=\"active\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            <ng-container *ngIf=\"e.template as routeTemplate\">\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            </ng-container>\n          </button>\n        </ng-container>\n        <ng-container *ngIf=\"e.hasSubroutes()\">\n          <button\n            mat-menu-item\n            [matMenuTriggerFor]=\"submenu\"\n            [ngClass]=\"{ active: e.hasActiveSubroute() }\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            <ng-container *ngIf=\"e.template as routeTemplate\">\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            </ng-container>\n          </button>\n          <mat-menu #submenu>\n            <ng-container\n              *ngFor=\"let es of e.subroutes?.toArray(); let i = index\"\n            >\n              <button\n                mat-menu-item\n                [routerLink]=\"es.routerLink\"\n                routerLinkActive=\"active\"\n              >\n                <ng-container *ngIf=\"es.template as routeTemplate\">\n                  <ng-container *ngTemplateOutlet=\"routeTemplate\">\n                  </ng-container>\n                </ng-container>\n              </button>\n            </ng-container>\n          </mat-menu>\n        </ng-container>\n      </ng-container>\n    </mat-menu>\n  </ng-container>\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" }]
+            args: [{ selector: 'onemrva-layout-route', standalone: true, imports: [
+                        NgIf,
+                        MatIcon,
+                        MatMenu,
+                        MatMenuTrigger,
+                        RouterLink,
+                        MatMenuItem,
+                        RouterLinkActive,
+                        NgTemplateOutlet,
+                        NgFor,
+                        NgClass,
+                    ], template: "<ng-template #navTpl>\n  <ng-container *ngIf=\"!hasSubroutes()\">\n    <ng-container *ngTemplateOutlet=\"contentTmpl\"></ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"hasSubroutes()\">\n    <span role=\"button\" [matMenuTriggerFor]=\"menu\">\n      {{ label }}\n    </span>\n    <mat-icon [matMenuTriggerFor]=\"menu\" style=\"width: 16px\"\n      >expand_more</mat-icon\n    >\n    <mat-menu #menu>\n      <ng-container *ngFor=\"let e of subroutes?.toArray(); let i = index\">\n        <ng-container *ngIf=\"!e.hasSubroutes()\">\n          <button\n            mat-menu-item\n            [routerLink]=\"e.routerLink\"\n            routerLinkActive=\"active\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            <ng-container *ngIf=\"e.template as routeTemplate\">\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            </ng-container>\n          </button>\n        </ng-container>\n        <ng-container *ngIf=\"e.hasSubroutes()\">\n          <button\n            mat-menu-item\n            [matMenuTriggerFor]=\"submenu\"\n            [ngClass]=\"{ active: e.hasActiveSubroute() }\"\n            [attr.data-cy]=\"e.dataCy\"\n          >\n            <ng-container *ngIf=\"e.template as routeTemplate\">\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            </ng-container>\n          </button>\n          <mat-menu #submenu>\n            <ng-container\n              *ngFor=\"let es of e.subroutes?.toArray(); let i = index\"\n            >\n              <button\n                mat-menu-item\n                [routerLink]=\"es.routerLink\"\n                routerLinkActive=\"active\"\n              >\n                <ng-container *ngIf=\"es.template as routeTemplate\">\n                  <ng-container *ngTemplateOutlet=\"routeTemplate\">\n                  </ng-container>\n                </ng-container>\n              </button>\n            </ng-container>\n          </mat-menu>\n        </ng-container>\n      </ng-container>\n    </mat-menu>\n  </ng-container>\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" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.Router }], propDecorators: { customNgClass: [{
                 type: Input
             }], template: [{
@@ -151,14 +154,15 @@ class LayoutContentComponent {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutContentComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutContentComponent, 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: "19.0.6", ngImport: i0, type: LayoutContentComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LayoutContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-layout-content',
                     template: '<ng-template><ng-content></ng-content></ng-template>',
+                    standalone: true,
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { customNgClass: [{
                 type: Input
@@ -174,14 +178,15 @@ class LayoutTitleComponent {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutTitleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutTitleComponent, 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: "19.0.6", ngImport: i0, type: LayoutTitleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LayoutTitleComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-layout-title',
                     template: '<ng-template><ng-content></ng-content></ng-template>',
+                    standalone: true,
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { customNgClass: [{
                 type: Input
@@ -199,14 +204,15 @@ var Environment;
 })(Environment || (Environment = {}));
 
 class LayoutFooterComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutFooterComponent, 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: "19.0.6", ngImport: i0, type: LayoutFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LayoutFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-layout-footer',
                     template: '<ng-template><ng-content></ng-content></ng-template>',
+                    standalone: true,
                 }]
         }], propDecorators: { template: [{
                 type: ViewChild,
@@ -220,14 +226,15 @@ class LayoutLoginMenuComponent {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutLoginMenuComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutLoginMenuComponent, 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: "19.0.6", ngImport: i0, type: LayoutLoginMenuComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutLoginMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LayoutLoginMenuComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-layout-login-menu',
                     template: '<ng-template><ng-content></ng-content></ng-template>',
+                    standalone: true,
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { customNgClass: [{
                 type: Input
@@ -259,13 +266,14 @@ class DrawerHostDirective {
             this.bodyClass();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DrawerHostDirective, deps: [{ token: i1$1.MatDrawer }, { token: i0.ViewContainerRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DrawerHostDirective, selector: "[drawerhost]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DrawerHostDirective, deps: [{ token: i1$1.MatDrawer }, { token: i0.ViewContainerRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: DrawerHostDirective, isStandalone: true, selector: "[drawerhost]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DrawerHostDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DrawerHostDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[drawerhost]',
+                    standalone: true,
                 }]
         }], ctorParameters: () => [{ type: i1$1.MatDrawer }, { type: i0.ViewContainerRef }, { type: Document, decorators: [{
                     type: Inject,
@@ -291,10 +299,10 @@ class OnemrvaDrawerService {
             return;
         this.drawer?.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaDrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaDrawerService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaDrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaDrawerService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaDrawerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaDrawerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -326,8 +334,8 @@ class LayoutSidenavComponent {
         this.helpMenuOpen[index][subIdx] =
             this.helpMenuOpen[index][subIdx] === 'out' ? 'in' : 'out';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutSidenavComponent, deps: [{ token: i1$2.TranslateService }, { token: DOCUMENT }, { token: OnemrvaDrawerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutSidenavComponent, selector: "onemrva-layout-sidenav", inputs: { isSmall: "isSmall", languages: "languages", routes: "routes" }, ngImport: i0, template: "<ng-container\n  *ngIf=\"\n    isSmall &&\n    (routes?.toArray()?.length || (languages && languages.length > 1))\n  \"\n>\n  <button\n    type=\"button\"\n    mat-icon-button\n    class=\"menu-close-button\"\n    (click)=\"close()\"\n    data-cy=\"smallDeviceMenu\"\n    attr.aria-label=\"{{ 'layout.menu' | translate }}\"\n  >\n    <mat-icon>close</mat-icon>\n  </button>\n  <ng-container *ngIf=\"isSmall && languages && languages.length > 1\">\n    <mat-tab-group\n      class=\"language-tabs\"\n      [selectedIndex]=\"selectedLanguageIndex$ | async\"\n      (selectedIndexChange)=\"changeLanguage($event)\"\n    >\n      <mat-tab *ngFor=\"let lang of languages\">\n        <div *matTabLabel [attr.data-cy]=\"'language_' + lang.code\">\n          {{ lang.label }}\n        </div>\n      </mat-tab>\n    </mat-tab-group>\n  </ng-container>\n  <ng-container *ngIf=\"isSmall && routes?.toArray()?.length\">\n    <mat-divider\n      style=\"align-self: stretch; margin-bottom: 10px\"\n      *ngIf=\"languages && languages.length > 1\"\n    ></mat-divider>\n    <div>\n      <ng-container *ngFor=\"let e of routes?.toArray(); let i = index\">\n        <ng-container *ngIf=\"!e.hasSubroutes()\">\n          <button\n            [routerLink]=\"e.routerLink\"\n            [routerLinkActiveOptions]=\"{ exact: true }\"\n            routerLinkActive=\"active\"\n            class=\"mobile-menu-item\"\n          >\n            <ng-container *ngIf=\"e.mobileTemplate as routeTemplate\">\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            </ng-container>\n          </button>\n        </ng-container>\n        <ng-container *ngIf=\"e.hasSubroutes()\">\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            <ng-container\n              *ngFor=\"let es of e.subroutes?.toArray(); 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                <ng-container *ngIf=\"es.template as routeTemplate\">\n                  <ng-container\n                    *ngTemplateOutlet=\"routeTemplate\"\n                  ></ng-container>\n                </ng-container>\n                <mat-icon *ngIf=\"es.hasSubroutes()\">expand_more</mat-icon>\n              </button>\n              <div [@slideInOut]=\"helpMenuOpen[i][j + 1]\">\n                <ng-container *ngFor=\"let ess of es.subroutes?.toArray()\">\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                    <ng-container *ngIf=\"ess.template as routeTemplate\">\n                      <ng-container\n                        *ngTemplateOutlet=\"routeTemplate\"\n                      ></ng-container>\n                    </ng-container>\n                  </button>\n                </ng-container>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n      </ng-container>\n    </div>\n  </ng-container>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i5$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i6.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i6.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i6.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: i11.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LayoutSidenavComponent, deps: [{ token: i1$2.TranslateService }, { token: DOCUMENT }, { token: OnemrvaDrawerService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: LayoutSidenavComponent, isStandalone: true, selector: "onemrva-layout-sidenav", inputs: { isSmall: "isSmall", languages: "languages", routes: "routes" }, ngImport: i0, template: "<ng-container\n  *ngIf=\"\n    isSmall &&\n    (routes?.toArray()?.length || (languages && languages.length > 1))\n  \"\n>\n  <button\n    type=\"button\"\n    mat-icon-button\n    class=\"menu-close-button\"\n    (click)=\"close()\"\n    data-cy=\"smallDeviceMenu\"\n    attr.aria-label=\"{{ 'layout.menu' | translate }}\"\n  >\n    <mat-icon>close</mat-icon>\n  </button>\n  <ng-container *ngIf=\"isSmall && languages && languages.length > 1\">\n    <mat-tab-group\n      class=\"language-tabs\"\n      [selectedIndex]=\"selectedLanguageIndex$ | async\"\n      (selectedIndexChange)=\"changeLanguage($event)\"\n    >\n      <mat-tab *ngFor=\"let lang of languages\">\n        <div *matTabLabel [attr.data-cy]=\"'language_' + lang.code\">\n          {{ lang.label }}\n        </div>\n      </mat-tab>\n    </mat-tab-group>\n  </ng-container>\n  <ng-container *ngIf=\"isSmall && routes?.toArray()?.length\">\n    <mat-divider\n      style=\"align-self: stretch; margin-bottom: 10px\"\n      *ngIf=\"languages && languages.length > 1\"\n    ></mat-divider>\n    <div>\n      <ng-container *ngFor=\"let e of routes?.toArray(); let i = index\">\n        <ng-container *ngIf=\"!e.hasSubroutes()\">\n          <button\n            [routerLink]=\"e.routerLink\"\n            [routerLinkActiveOptions]=\"{ exact: true }\"\n            routerLinkActive=\"active\"\n            class=\"mobile-menu-item\"\n          >\n            <ng-container *ngIf=\"e.mobileTemplate as routeTemplate\">\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            </ng-container>\n          </button>\n        </ng-container>\n        <ng-container *ngIf=\"e.hasSubroutes()\">\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            <ng-container\n              *ngFor=\"let es of e.subroutes?.toArray(); 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                <ng-container *ngIf=\"es.template as routeTemplate\">\n                  <ng-container\n                    *ngTemplateOutlet=\"routeTemplate\"\n                  ></ng-container>\n                </ng-container>\n                <mat-icon *ngIf=\"es.hasSubroutes()\">expand_more</mat-icon>\n              </button>\n              <div [@slideInOut]=\"helpMenuOpen[i][j + 1]\">\n                <ng-container *ngFor=\"let ess of es.subroutes?.toArray()\">\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                    <ng-container *ngIf=\"ess.template as routeTemplate\">\n                      <ng-container\n                        *ngTemplateOutlet=\"routeTemplate\"\n                      ></ng-container>\n                    </ng-container>\n                  </button>\n                </ng-container>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n      </ng-container>\n    </div>\n  </ng-container>\n</ng-container>\n", dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { 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"], 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: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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" }], animations: [
             trigger('slideInOut', [
                 state('in', style({
                     overflow: 'hidden',
@@ -343,7 +351,7 @@ class LayoutSidenavComponent {
             ]),
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutSidenavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LayoutSidenavComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-layout-sidenav', animations: [
                         trigger('slideInOut', [
@@ -359,6 +367,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             transition('in => out', animate('400ms ease-in-out')),
                             transition('out => in', animate('400ms ease-in-out')),
                         ]),
+                    ], standalone: true, imports: [
+                        MatIconButton,
+                        MatIcon,
+                        MatTabGroup,
+                        MatTab,
+                        MatDivider,
+                        RouterLink,
+                        NgForOf,
+                        NgIf,
+                        RouterLinkActive,
+                        NgTemplateOutlet,
+                        TranslatePipe,
+                        AsyncPipe,
                     ], template: "<ng-container\n  *ngIf=\"\n    isSmall &&\n    (routes?.toArray()?.length || (languages && languages.length > 1))\n  \"\n>\n  <button\n    type=\"button\"\n    mat-icon-button\n    class=\"menu-close-button\"\n    (click)=\"close()\"\n    data-cy=\"smallDeviceMenu\"\n    attr.aria-label=\"{{ 'layout.menu' | translate }}\"\n  >\n    <mat-icon>close</mat-icon>\n  </button>\n  <ng-container *ngIf=\"isSmall && languages && languages.length > 1\">\n    <mat-tab-group\n      class=\"language-tabs\"\n      [selectedIndex]=\"selectedLanguageIndex$ | async\"\n      (selectedIndexChange)=\"changeLanguage($event)\"\n    >\n      <mat-tab *ngFor=\"let lang of languages\">\n        <div *matTabLabel [attr.data-cy]=\"'language_' + lang.code\">\n          {{ lang.label }}\n        </div>\n      </mat-tab>\n    </mat-tab-group>\n  </ng-container>\n  <ng-container *ngIf=\"isSmall && routes?.toArray()?.length\">\n    <mat-divider\n      style=\"align-self: stretch; margin-bottom: 10px\"\n      *ngIf=\"languages && languages.length > 1\"\n    ></mat-divider>\n    <div>\n      <ng-container *ngFor=\"let e of routes?.toArray(); let i = index\">\n        <ng-container *ngIf=\"!e.hasSubroutes()\">\n          <button\n            [routerLink]=\"e.routerLink\"\n            [routerLinkActiveOptions]=\"{ exact: true }\"\n            routerLinkActive=\"active\"\n            class=\"mobile-menu-item\"\n          >\n            <ng-container *ngIf=\"e.mobileTemplate as routeTemplate\">\n              <ng-container *ngTemplateOutlet=\"routeTemplate\"></ng-container>\n            </ng-container>\n          </button>\n        </ng-container>\n        <ng-container *ngIf=\"e.hasSubroutes()\">\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            <ng-container\n              *ngFor=\"let es of e.subroutes?.toArray(); 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                <ng-container *ngIf=\"es.template as routeTemplate\">\n                  <ng-container\n                    *ngTemplateOutlet=\"routeTemplate\"\n                  ></ng-container>\n                </ng-container>\n                <mat-icon *ngIf=\"es.hasSubroutes()\">expand_more</mat-icon>\n              </button>\n              <div [@slideInOut]=\"helpMenuOpen[i][j + 1]\">\n                <ng-container *ngFor=\"let ess of es.subroutes?.toArray()\">\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                    <ng-container *ngIf=\"ess.template as routeTemplate\">\n                      <ng-container\n                        *ngTemplateOutlet=\"routeTemplate\"\n                      ></ng-container>\n                    </ng-container>\n                  </button>\n                </ng-container>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n      </ng-container>\n    </div>\n  </ng-container>\n</ng-container>\n" }]
         }], ctorParameters: () => [{ type: i1$2.TranslateService }, { type: Document, decorators: [{
                     type: Inject,
@@ -378,14 +399,15 @@ class LayoutAfterNavComponent {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutAfterNavComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutAfterNavComponent, 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: "19.0.6", ngImport: i0, type: LayoutAfterNavComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutAfterNavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LayoutAfterNavComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-layout-after-nav',
                     template: '<ng-template><ng-content></ng-content></ng-template>',
+                    standalone: true,
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { customNgClass: [{
                 type: Input
@@ -486,13 +508,39 @@ class LayoutComponent {
         this.drawerService.hasBackdrop = false;
         this.drawer.open();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutComponent, deps: [{ token: i1$2.TranslateService }, { token: i2.OnemRvaCDNService }, { token: i0.ChangeDetectorRef }, { token: i3$1.BreakpointObserver }, { token: DOCUMENT }, { token: OnemrvaDrawerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutComponent, selector: "onemrva-layout", inputs: { logo: "logo", languages: "languages", environment: "environment", logoRedictionUrl: "logoRedictionUrl", profile: "profile", id: "id", role: "role" }, 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\n          [class.onemrva-layout-container]=\"!fluid\"\n          class=\"nav-container flex-center\"\n        >\n          {{ logoRedictionUrl }}\n          <img\n            class=\"logo\"\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            <ng-container *ngIf=\"title?.template as titleTpl\">\n              <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n            </ng-container>\n          </div>\n\n          <div style=\"flex: 1\"></div>\n          <div\n            class=\"flex-center topMenu\"\n            mat-tab-nav-bar\n            [tabPanel]=\"tabPanel\"\n            *ngIf=\"!isSmall\"\n          >\n            <ng-container *ngFor=\"let e of routes?.toArray(); let i = index\">\n              <a\n                mat-tab-link\n                [routerLink]=\"e.routerLink\"\n                [attr.data-ci]=\"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                <ng-container *ngIf=\"e.template as routeTemplate\">\n                  <ng-container *ngTemplateOutlet=\"routeTemplate\">\n                  </ng-container>\n                </ng-container>\n              </a>\n            </ng-container>\n          </div>\n\n          <mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>\n\n          <ng-container *ngIf=\"afterNav?.template as tpl\">\n            <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n          </ng-container>\n\n          <ng-container *ngIf=\"profile !== null\">\n            <mat-divider\n              vertical\n              style=\"height: 1em; align-self: center\"\n              *ngIf=\"!isSmall\"\n            ></mat-divider>\n            <onemrva-mat-avatar\n              matRipple\n              *ngIf=\"profile.isLoggedIn\"\n              [matMenuTriggerFor]=\"menu\"\n              initials=\"{{ profile.initials() }}\"\n              color=\"accent\"\n              size=\"extrasmall\"\n              class=\"clickable\"\n            ></onemrva-mat-avatar>\n\n            <onemrva-mat-avatar\n              matRipple\n              *ngIf=\"!profile.isLoggedIn\"\n              [matMenuTriggerFor]=\"menu\"\n              icon=\"account_circle\"\n              color=\"\"\n              size=\"extrasmall\"\n              class=\"clickable\"\n            ></onemrva-mat-avatar>\n            <mat-menu #menu=\"matMenu\">\n              <ng-container *ngIf=\"profile.isLoggedIn; else notConnected\">\n                <p class=\"accountName\">\n                  {{ profile.firstName }} {{ profile.lastName }}\n                </p>\n                <mat-divider style=\"align-self: stretch\"></mat-divider>\n\n                <ng-container *ngIf=\"loginMenu?.template as menuLoginTpl\">\n                  <ng-container *ngTemplateOutlet=\"menuLoginTpl\"></ng-container>\n                </ng-container>\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              </ng-container>\n              <ng-template #notConnected>\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              </ng-template>\n            </mat-menu>\n          </ng-container>\n          <ng-container\n            *ngIf=\"\n              isSmall &&\n              (routes?.toArray()?.length || (languages && languages.length > 1))\n            \"\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          </ng-container>\n          <div\n            class=\"flex-center\"\n            mat-tab-nav-bar\n            [tabPanel]=\"tabPanel\"\n            *ngIf=\"!isSmall\"\n          >\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          <mat-menu #languageMenu>\n            <button\n              *ngFor=\"let lang of languages\"\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          </mat-menu>\n        </div>\n      </mat-toolbar>\n    </header>\n    <ng-container>\n      <div\n        [id]=\"id\"\n        [attr.role]=\"role\"\n        [class.onemrva-layout-container]=\"!fluid\"\n        class=\"onemrva-layout-content\"\n        *ngIf=\"content?.template as tpl\"\n      >\n        <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n\n        <ng-container\n          *ngIf=\"\n            environment &&\n            (environment === env.LOCAL || environment === env.TEST)\n          \"\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        </ng-container>\n      </div>\n\n      <footer class=\"onemrva-footer\" *ngIf=\"footer?.template as footer\">\n        <div [class.onemrva-layout-container]=\"!fluid\">\n          <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n        </div>\n      </footer>\n    </ng-container>\n  </div>\n\n  <mat-drawer\n    class=\"onemrva-drawer mobile-menu-sidebar\"\n    mode=\"over\"\n    position=\"end\"\n  >\n    <ng-template drawerhost></ng-template>\n  </mat-drawer>\n</mat-drawer-container>\n", styles: ["onemrva-layout mat-toolbar .topMenu .mat-mdc-tab-header-pagination-before,onemrva-layout mat-toolbar .topMenu .mat-mdc-tab-header-pagination-after{display:none!important}.mat-mdc-tab-nav-bar .mat-mdc-tab-header{height:42px!important}.logo{align-self:center;cursor:pointer}.application-title{font-size:1.3rem;font-weight:700;height:42px;line-height:42px}:host .mat-toolbar{background:#fff;position:fixed;top:0;height:90px;z-index:400}.accountName{margin:16px;line-height:16px;font-weight:700}:host{position:relative}:host router-outlet{display:block;margin-bottom:90px}: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 a:active{outline:none}.s-menu .s-menu-languages{display:flex}.s-menu .s-menu-item.active{font-weight:700!important}.s-menu .s-menu-item:hover{cursor:pointer;font-weight:700}.onemrva-layout-content{padding-top:106px;min-height:calc(100vh - 195px)}.onemrva-footer{text-align:center;padding:9.5px;margin-top:16px}onemrva-mat-avatar.clickable{cursor:pointer}.mat-mdc-menu-content button.active>*{font-weight:700!important}.mat-mdc-menu-content button mat-icon{font-size:18px!important;height:18px;width:18px}.mat-mdc-menu-content button span{font-size:14px!important}#accessibility_fab{position:fixed;bottom:16px;left:16px}nav a.disabled{pointer-events:none}.menu-close-button{float:right}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i7.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i5$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i1$1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1$1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i6.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["fitInkBarToContent", "mat-stretch-tabs", "animationDuration", "backgroundColor", "disableRipple", "color", "tabPanel"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "component", type: i6.MatTabNavPanel, selector: "mat-tab-nav-panel", inputs: ["id"], exportAs: ["matTabNavPanel"] }, { kind: "component", type: i6.MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["active", "disabled", "disableRipple", "tabIndex", "id"], exportAs: ["matTabLink"] }, { kind: "component", type: i11.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i11.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "component", type: i3.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: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.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: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i14.OnemrvaMatAvatarComponent, selector: "onemrva-mat-avatar", inputs: ["id", "roundShape", "initials", "icon", "src", "size", "color"] }, { kind: "directive", type: i15.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i16.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: DrawerHostDirective, selector: "[drawerhost]" }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LayoutComponent, deps: [{ token: i1$2.TranslateService }, { token: i2.OnemRvaCDNService }, { token: i0.ChangeDetectorRef }, { token: i3.BreakpointObserver }, { token: DOCUMENT }, { token: OnemrvaDrawerService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: LayoutComponent, isStandalone: true, selector: "onemrva-layout", inputs: { logo: "logo", languages: "languages", environment: "environment", logoRedictionUrl: "logoRedictionUrl", profile: "profile", id: "id", role: "role" }, 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\n          [class.onemrva-layout-container]=\"!fluid\"\n          class=\"nav-container flex-center\"\n        >\n          {{ logoRedictionUrl }}\n          <img\n            class=\"logo\"\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            <ng-container *ngIf=\"title?.template as titleTpl\">\n              <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n            </ng-container>\n          </div>\n\n          <div style=\"flex: 1\"></div>\n          <div\n            class=\"flex-center topMenu\"\n            mat-tab-nav-bar\n            [tabPanel]=\"tabPanel\"\n            *ngIf=\"!isSmall\"\n          >\n            <ng-container *ngFor=\"let e of routes?.toArray(); let i = index\">\n              <a\n                mat-tab-link\n                [routerLink]=\"e.routerLink\"\n                [attr.data-ci]=\"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                <ng-container *ngIf=\"e.template as routeTemplate\">\n                  <ng-container *ngTemplateOutlet=\"routeTemplate\">\n                  </ng-container>\n                </ng-container>\n              </a>\n            </ng-container>\n          </div>\n\n          <mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>\n\n          <ng-container *ngIf=\"afterNav?.template as tpl\">\n            <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n          </ng-container>\n\n          <ng-container *ngIf=\"profile !== null\">\n            <mat-divider\n              vertical\n              style=\"height: 1em; align-self: center\"\n              *ngIf=\"!isSmall\"\n            ></mat-divider>\n            <onemrva-mat-avatar\n              matRipple\n              *ngIf=\"profile.isLoggedIn\"\n              [matMenuTriggerFor]=\"menu\"\n              initials=\"{{ profile.initials() }}\"\n              color=\"accent\"\n              size=\"extrasmall\"\n              class=\"clickable\"\n            ></onemrva-mat-avatar>\n\n            <onemrva-mat-avatar\n              matRipple\n              *ngIf=\"!profile.isLoggedIn\"\n              [matMenuTriggerFor]=\"menu\"\n              icon=\"account_circle\"\n              color=\"\"\n              size=\"extrasmall\"\n              class=\"clickable\"\n            ></onemrva-mat-avatar>\n            <mat-menu #menu=\"matMenu\">\n              <ng-container *ngIf=\"profile.isLoggedIn; else notConnected\">\n                <p class=\"accountName\">\n                  {{ profile.firstName }} {{ profile.lastName }}\n                </p>\n                <mat-divider style=\"align-self: stretch\"></mat-divider>\n\n                <ng-container *ngIf=\"loginMenu?.template as menuLoginTpl\">\n                  <ng-container *ngTemplateOutlet=\"menuLoginTpl\"></ng-container>\n                </ng-container>\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              </ng-container>\n              <ng-template #notConnected>\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              </ng-template>\n            </mat-menu>\n          </ng-container>\n          <ng-container\n            *ngIf=\"\n              isSmall &&\n              (routes?.toArray()?.length || (languages && languages.length > 1))\n            \"\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          </ng-container>\n          <div\n            class=\"flex-center\"\n            mat-tab-nav-bar\n            [tabPanel]=\"tabPanel\"\n            *ngIf=\"!isSmall\"\n          >\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          <mat-menu #languageMenu>\n            <button\n              *ngFor=\"let lang of languages\"\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          </mat-menu>\n        </div>\n      </mat-toolbar>\n    </header>\n    <ng-container>\n      <div\n        [id]=\"id\"\n        [attr.role]=\"role\"\n        [class.onemrva-layout-container]=\"!fluid\"\n        class=\"onemrva-layout-content\"\n        *ngIf=\"content?.template as tpl\"\n      >\n        <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n\n        <ng-container\n          *ngIf=\"\n            environment &&\n            (environment === env.LOCAL || environment === env.TEST)\n          \"\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        </ng-container>\n      </div>\n\n      <footer class=\"onemrva-footer\" *ngIf=\"footer?.template as footer\">\n        <div [class.onemrva-layout-container]=\"!fluid\">\n          <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n        </div>\n      </footer>\n    </ng-container>\n  </div>\n\n  <mat-drawer\n    class=\"onemrva-drawer mobile-menu-sidebar\"\n    mode=\"over\"\n    position=\"end\"\n  >\n    <ng-template drawerhost></ng-template>\n  </mat-drawer>\n</mat-drawer-container>\n", styles: [".mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}onemrva-layout mat-toolbar .topMenu .mat-mdc-tab-header-pagination-before,onemrva-layout mat-toolbar .topMenu .mat-mdc-tab-header-pagination-after{display:none!important}.mat-mdc-tab-nav-bar .mat-mdc-tab-header{height:42px!important}.logo{align-self:center;cursor:pointer}.application-title{font-size:1.3rem;font-weight:700;height:42px;line-height:42px}:host .mat-toolbar{background:#fff;position:fixed;top:0;height:90px;z-index:400}.accountName{margin:16px;line-height:16px;font-weight:700}:host{position:relative}:host router-outlet{display:block;margin-bottom:90px}: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 a:active{outline:none}.s-menu .s-menu-languages{display:flex}.s-menu .s-menu-item.active{font-weight:700!important}.s-menu .s-menu-item:hover{cursor:pointer;font-weight:700}.onemrva-layout-content{padding-top:106px;min-height:calc(100vh - 195px)}.onemrva-footer{text-align:center;padding:9.5px;margin-top:16px}onemrva-mat-avatar.clickable{cursor:pointer}.mat-mdc-menu-content button.active>*{font-weight:700!important}.mat-mdc-menu-content button mat-icon{font-size:18px!important;height:18px;width:18px}.mat-mdc-menu-content button span{font-size:14px!important}#accessibility_fab{position:fixed;bottom:16px;left:16px}nav a.disabled{pointer-events:none}.menu-close-button{float:right}\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: i5.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: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { 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: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-layout', 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\n          [class.onemrva-layout-container]=\"!fluid\"\n          class=\"nav-container flex-center\"\n        >\n          {{ logoRedictionUrl }}\n          <img\n            class=\"logo\"\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            <ng-container *ngIf=\"title?.template as titleTpl\">\n              <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n            </ng-container>\n          </div>\n\n          <div style=\"flex: 1\"></div>\n          <div\n            class=\"flex-center topMenu\"\n            mat-tab-nav-bar\n            [tabPanel]=\"tabPanel\"\n            *ngIf=\"!isSmall\"\n          >\n            <ng-container *ngFor=\"let e of routes?.toArray(); let i = index\">\n              <a\n                mat-tab-link\n                [routerLink]=\"e.routerLink\"\n                [attr.data-ci]=\"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                <ng-container *ngIf=\"e.template as routeTemplate\">\n                  <ng-container *ngTemplateOutlet=\"routeTemplate\">\n                  </ng-container>\n                </ng-container>\n              </a>\n            </ng-container>\n          </div>\n\n          <mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>\n\n          <ng-container *ngIf=\"afterNav?.template as tpl\">\n            <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n          </ng-container>\n\n          <ng-container *ngIf=\"profile !== null\">\n            <mat-divider\n              vertical\n              style=\"height: 1em; align-self: center\"\n              *ngIf=\"!isSmall\"\n            ></mat-divider>\n            <onemrva-mat-avatar\n              matRipple\n              *ngIf=\"profile.isLoggedIn\"\n              [matMenuTriggerFor]=\"menu\"\n              initials=\"{{ profile.initials() }}\"\n              color=\"accent\"\n              size=\"extrasmall\"\n              class=\"clickable\"\n            ></onemrva-mat-avatar>\n\n            <onemrva-mat-avatar\n              matRipple\n              *ngIf=\"!profile.isLoggedIn\"\n              [matMenuTriggerFor]=\"menu\"\n              icon=\"account_circle\"\n              color=\"\"\n              size=\"extrasmall\"\n              class=\"clickable\"\n            ></onemrva-mat-avatar>\n            <mat-menu #menu=\"matMenu\">\n              <ng-container *ngIf=\"profile.isLoggedIn; else notConnected\">\n                <p class=\"accountName\">\n                  {{ profile.firstName }} {{ profile.lastName }}\n                </p>\n                <mat-divider style=\"align-self: stretch\"></mat-divider>\n\n                <ng-container *ngIf=\"loginMenu?.template as menuLoginTpl\">\n                  <ng-container *ngTemplateOutlet=\"menuLoginTpl\"></ng-container>\n                </ng-container>\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              </ng-container>\n              <ng-template #notConnected>\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              </ng-template>\n            </mat-menu>\n          </ng-container>\n          <ng-container\n            *ngIf=\"\n              isSmall &&\n              (routes?.toArray()?.length || (languages && languages.length > 1))\n            \"\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          </ng-container>\n          <div\n            class=\"flex-center\"\n            mat-tab-nav-bar\n            [tabPanel]=\"tabPanel\"\n            *ngIf=\"!isSmall\"\n          >\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          <mat-menu #languageMenu>\n            <button\n              *ngFor=\"let lang of languages\"\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          </mat-menu>\n        </div>\n      </mat-toolbar>\n    </header>\n    <ng-container>\n      <div\n        [id]=\"id\"\n        [attr.role]=\"role\"\n        [class.onemrva-layout-container]=\"!fluid\"\n        class=\"onemrva-layout-content\"\n        *ngIf=\"content?.template as tpl\"\n      >\n        <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n\n        <ng-container\n          *ngIf=\"\n            environment &&\n            (environment === env.LOCAL || environment === env.TEST)\n          \"\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        </ng-container>\n      </div>\n\n      <footer class=\"onemrva-footer\" *ngIf=\"footer?.template as footer\">\n        <div [class.onemrva-layout-container]=\"!fluid\">\n          <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n        </div>\n      </footer>\n    </ng-container>\n  </div>\n\n  <mat-drawer\n    class=\"onemrva-drawer mobile-menu-sidebar\"\n    mode=\"over\"\n    position=\"end\"\n  >\n    <ng-template drawerhost></ng-template>\n  </mat-drawer>\n</mat-drawer-container>\n", styles: ["onemrva-layout mat-toolbar .topMenu .mat-mdc-tab-header-pagination-before,onemrva-layout mat-toolbar .topMenu .mat-mdc-tab-header-pagination-after{display:none!important}.mat-mdc-tab-nav-bar .mat-mdc-tab-header{height:42px!important}.logo{align-self:center;cursor:pointer}.application-title{font-size:1.3rem;font-weight:700;height:42px;line-height:42px}:host .mat-toolbar{background:#fff;position:fixed;top:0;height:90px;z-index:400}.accountName{margin:16px;line-height:16px;font-weight:700}:host{position:relative}:host router-outlet{display:block;margin-bottom:90px}: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 a:active{outline:none}.s-menu .s-menu-languages{display:flex}.s-menu .s-menu-item.active{font-weight:700!important}.s-menu .s-menu-item:hover{cursor:pointer;font-weight:700}.onemrva-layout-content{padding-top:106px;min-height:calc(100vh - 195px)}.onemrva-footer{text-align:center;padding:9.5px;margin-top:16px}onemrva-mat-avatar.clickable{cursor:pointer}.mat-mdc-menu-content button.active>*{font-weight:700!important}.mat-mdc-menu-content button mat-icon{font-size:18px!important;height:18px;width:18px}.mat-mdc-menu-content button span{font-size:14px!important}#accessibility_fab{position:fixed;bottom:16px;left:16px}nav a.disabled{pointer-events:none}.menu-close-button{float:right}\n"] }]
-        }], ctorParameters: () => [{ type: i1$2.TranslateService }, { type: i2.OnemRvaCDNService }, { type: i0.ChangeDetectorRef }, { type: i3$1.BreakpointObserver }, { type: Document, decorators: [{
+            args: [{ selector: 'onemrva-layout', standalone: true, imports: [
+                        RouterLink,
+                        NgStyle,
+                        NgClass,
+                        MatToolbar,
+                        MatDrawerContainer,
+                        MatTabNav,
+                        MatTabLink,
+                        RouterLinkActive,
+                        MatTabNavPanel,
+                        MatDivider,
+                        OnemrvaMatAvatarModule,
+                        MatMenuTrigger,
+                        MatMenu,
+                        MatIcon,
+                        MatMenuItem,
+                        NgTemplateOutlet,
+                        NgIf,
+                        TranslatePipe,
+                        MatIconButton,
+                        MatFabButton,
+                        MatTooltip,
+                        MatDrawer,
+                        DrawerHostDirective,
+                        MatRipple,
+                        NgForOf,
+                    ], 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\n          [class.onemrva-layout-container]=\"!fluid\"\n          class=\"nav-container flex-center\"\n        >\n          {{ logoRedictionUrl }}\n          <img\n            class=\"logo\"\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            <ng-container *ngIf=\"title?.template as titleTpl\">\n              <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n            </ng-container>\n          </div>\n\n          <div style=\"flex: 1\"></div>\n          <div\n            class=\"flex-center topMenu\"\n            mat-tab-nav-bar\n            [tabPanel]=\"tabPanel\"\n            *ngIf=\"!isSmall\"\n          >\n            <ng-container *ngFor=\"let e of routes?.toArray(); let i = index\">\n              <a\n                mat-tab-link\n                [routerLink]=\"e.routerLink\"\n                [attr.data-ci]=\"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                <ng-container *ngIf=\"e.template as routeTemplate\">\n                  <ng-container *ngTemplateOutlet=\"routeTemplate\">\n                  </ng-container>\n                </ng-container>\n              </a>\n            </ng-container>\n          </div>\n\n          <mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>\n\n          <ng-container *ngIf=\"afterNav?.template as tpl\">\n            <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n          </ng-container>\n\n          <ng-container *ngIf=\"profile !== null\">\n            <mat-divider\n              vertical\n              style=\"height: 1em; align-self: center\"\n              *ngIf=\"!isSmall\"\n            ></mat-divider>\n            <onemrva-mat-avatar\n              matRipple\n              *ngIf=\"profile.isLoggedIn\"\n              [matMenuTriggerFor]=\"menu\"\n              initials=\"{{ profile.initials() }}\"\n              color=\"accent\"\n              size=\"extrasmall\"\n              class=\"clickable\"\n            ></onemrva-mat-avatar>\n\n            <onemrva-mat-avatar\n              matRipple\n              *ngIf=\"!profile.isLoggedIn\"\n              [matMenuTriggerFor]=\"menu\"\n              icon=\"account_circle\"\n              color=\"\"\n              size=\"extrasmall\"\n              class=\"clickable\"\n            ></onemrva-mat-avatar>\n            <mat-menu #menu=\"matMenu\">\n              <ng-container *ngIf=\"profile.isLoggedIn; else notConnected\">\n                <p class=\"accountName\">\n                  {{ profile.firstName }} {{ profile.lastName }}\n                </p>\n                <mat-divider style=\"align-self: stretch\"></mat-divider>\n\n                <ng-container *ngIf=\"loginMenu?.template as menuLoginTpl\">\n                  <ng-container *ngTemplateOutlet=\"menuLoginTpl\"></ng-container>\n                </ng-container>\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              </ng-container>\n              <ng-template #notConnected>\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              </ng-template>\n            </mat-menu>\n          </ng-container>\n          <ng-container\n            *ngIf=\"\n              isSmall &&\n              (routes?.toArray()?.length || (languages && languages.length > 1))\n            \"\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          </ng-container>\n          <div\n            class=\"flex-center\"\n            mat-tab-nav-bar\n            [tabPanel]=\"tabPanel\"\n            *ngIf=\"!isSmall\"\n          >\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          <mat-menu #languageMenu>\n            <button\n              *ngFor=\"let lang of languages\"\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          </mat-menu>\n        </div>\n      </mat-toolbar>\n    </header>\n    <ng-container>\n      <div\n        [id]=\"id\"\n        [attr.role]=\"role\"\n        [class.onemrva-layout-container]=\"!fluid\"\n        class=\"onemrva-layout-content\"\n        *ngIf=\"content?.template as tpl\"\n      >\n        <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n\n        <ng-container\n          *ngIf=\"\n            environment &&\n            (environment === env.LOCAL || environment === env.TEST)\n          \"\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        </ng-container>\n      </div>\n\n      <footer class=\"onemrva-footer\" *ngIf=\"footer?.template as footer\">\n        <div [class.onemrva-layout-container]=\"!fluid\">\n          <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n        </div>\n      </footer>\n    </ng-container>\n  </div>\n\n  <mat-drawer\n    class=\"onemrva-drawer mobile-menu-sidebar\"\n    mode=\"over\"\n    position=\"end\"\n  >\n    <ng-template drawerhost></ng-template>\n  </mat-drawer>\n</mat-drawer-container>\n", styles: [".mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}onemrva-layout mat-toolbar .topMenu .mat-mdc-tab-header-pagination-before,onemrva-layout mat-toolbar .topMenu .mat-mdc-tab-header-pagination-after{display:none!important}.mat-mdc-tab-nav-bar .mat-mdc-tab-header{height:42px!important}.logo{align-self:center;cursor:pointer}.application-title{font-size:1.3rem;font-weight:700;height:42px;line-height:42px}:host .mat-toolbar{background:#fff;position:fixed;top:0;height:90px;z-index:400}.accountName{margin:16px;line-height:16px;font-weight:700}:host{position:relative}:host router-outlet{display:block;margin-bottom:90px}: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 a:active{outline:none}.s-menu .s-menu-languages{display:flex}.s-menu .s-menu-item.active{font-weight:700!important}.s-menu .s-menu-item:hover{cursor:pointer;font-weight:700}.onemrva-layout-content{padding-top:106px;min-height:calc(100vh - 195px)}.onemrva-footer{text-align:center;padding:9.5px;margin-top:16px}onemrva-mat-avatar.clickable{cursor:pointer}.mat-mdc-menu-content button.active>*{font-weight:700!important}.mat-mdc-menu-content button mat-icon{font-size:18px!important;height:18px;width:18px}.mat-mdc-menu-content button span{font-size:14px!important}#accessibility_fab{position:fixed;bottom:16px;left:16px}nav a.disabled{pointer-events:none}.menu-close-button{float:right}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.TranslateService }, { type: i2.OnemRvaCDNService }, { type: i0.ChangeDetectorRef }, { type: i3.BreakpointObserver }, { type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }, { type: OnemrvaDrawerService }], propDecorators: { routes: [{
@@ -540,14 +588,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class LayoutSidenavTitleComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutSidenavTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutSidenavTitleComponent, 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LayoutSidenavTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", 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: "18.2.13", ngImport: i0, type: LayoutSidenavTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LayoutSidenavTitleComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-layout-sidenav-title',
-                    template: ` <ng-template><ng-content></ng-content></ng-template> `,
+                    template: `
+    <ng-template>
+      <ng-content></ng-content>
+    </ng-template>
+  `,
+                    standalone: true,
                 }]
         }], propDecorators: { template: [{
                 type: ViewChild,
@@ -558,24 +615,24 @@ class LayoutDrawerActionsComponent {
     constructor(drawerService) {
         this.drawerService = drawerService;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutDrawerActionsComponent, deps: [{ token: OnemrvaDrawerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutDrawerActionsComponent, isStandalone: true, selector: "onemrva-drawer-actions", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{width:calc(100% - 32px);display:block;padding:16px}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LayoutDrawerActionsComponent, deps: [{ token: OnemrvaDrawerService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: LayoutDrawerActionsComponent, isStandalone: true, selector: "onemrva-drawer-actions", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{width:calc(100% - 32px);display:block;padding:16px}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutDrawerActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LayoutDrawerActionsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-drawer-actions', standalone: true, imports: [MatIcon], template: "<ng-content></ng-content>\n", styles: [":host{width:calc(100% - 32px);display:block;padding:16px}\n"] }]
+            args: [{ selector: 'onemrva-drawer-actions', standalone: true, template: "<ng-content></ng-content>\n", styles: [":host{width:calc(100% - 32px);display:block;padding:16px}\n"] }]
         }], ctorParameters: () => [{ type: OnemrvaDrawerService }] });
 
 class LayoutDrawerContentComponent {
     constructor(drawerService) {
         this.drawerService = drawerService;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutDrawerContentComponent, deps: [{ token: OnemrvaDrawerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutDrawerContentComponent, isStandalone: true, selector: "onemrva-drawer-content", ngImport: i0, template: "<span><ng-content></ng-content></span>\n", styles: [""] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LayoutDrawerContentComponent, deps: [{ token: OnemrvaDrawerService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: LayoutDrawerContentComponent, isStandalone: true, selector: "onemrva-drawer-content", ngImport: i0, template: "<span><ng-content></ng-content></span>\n", styles: [""] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutDrawerContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LayoutDrawerContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-drawer-content', standalone: true, imports: [MatIcon], template: "<span><ng-content></ng-content></span>\n" }]
+            args: [{ selector: 'onemrva-drawer-content', standalone: true, template: "<span><ng-content></ng-content></span>\n" }]
         }], ctorParameters: () => [{ type: OnemrvaDrawerService }] });
 
 class LayoutDrawerTitleComponent {
@@ -583,10 +640,10 @@ class LayoutDrawerTitleComponent {
         this.drawerService = drawerService;
         this.showClose = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutDrawerTitleComponent, deps: [{ token: OnemrvaDrawerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutDrawerTitleComponent, isStandalone: true, selector: "onemrva-drawer-title", inputs: { showClose: "showClose" }, ngImport: i0, template: "<span><ng-content></ng-content></span>\n<mat-icon\n  *ngIf=\"showClose\"\n  class=\"close-drawer clickable\"\n  (click)=\"drawerService.close()\"\n  >close</mat-icon\n>\n", styles: [":host{width:calc(100% - 32px);display:block;padding:16px}:host mat-icon.close-drawer{float:right;line-height:36px}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LayoutDrawerTitleComponent, deps: [{ token: OnemrvaDrawerService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: LayoutDrawerTitleComponent, isStandalone: true, selector: "onemrva-drawer-title", inputs: { showClose: "showClose" }, ngImport: i0, template: "<span><ng-content></ng-content></span>\n<mat-icon\n  *ngIf=\"showClose\"\n  class=\"close-drawer clickable\"\n  (click)=\"drawerService.close()\"\n  >close</mat-icon\n>\n", styles: [":host{width:calc(100% - 32px);display:block;padding:16px}:host mat-icon.close-drawer{float:right;line-height:36px}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutDrawerTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LayoutDrawerTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-drawer-title', standalone: true, imports: [MatIcon, NgIf], template: "<span><ng-content></ng-content></span>\n<mat-icon\n  *ngIf=\"showClose\"\n  class=\"close-drawer clickable\"\n  (click)=\"drawerService.close()\"\n  >close</mat-icon\n>\n", styles: [":host{width:calc(100% - 32px);display:block;padding:16px}:host mat-icon.close-drawer{float:right;line-height:36px}\n"] }]
         }], ctorParameters: () => [{ type: OnemrvaDrawerService }], propDecorators: { showClose: [{
@@ -606,6 +663,49 @@ const components = [
     LayoutAfterNavComponent,
 ];
 
+class StripHtmlPipe {
+    transform(value) {
+        return value.replace(/<.*?>/g, ''); // replace tags
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: StripHtmlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: StripHtmlPipe, isStandalone: true, name: "striphtml" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: StripHtmlPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'striphtml',
+                    standalone: true,
+                }]
+        }] });
+
+function CoerceBooleanInput(defaultValue) {
+    return (target, propertyKey) => {
+        Object.defineProperty(target, propertyKey, {
+            get() {
+                return this[propertyKey.toString() + '__underlying_field'];
+            },
+            set(newValue) {
+                const v = newValue === '' || newValue === null || newValue === undefined
+                    ? defaultValue
+                    : coerceBooleanProperty(newValue);
+                this[propertyKey.toString() + '__underlying_field'] = v;
+            },
+        });
+    };
+}
+
+function ObservableContent() {
+    return (target, propertyKey) => {
+        const value = new BehaviorSubject(undefined);
+        Object.defineProperty(target, propertyKey, {
+            get: () => value,
+            set: (v) => {
+                value.next(v);
+            },
+        });
+    };
+}
+
 class OnemRvaProfile {
     constructor(...args) {
         this._isLoggedIn = false;
@@ -652,23 +752,11 @@ class OnemRvaProfile {
     }
 }
 
-class StripHtmlPipe {
-    transform(value) {
-        return value.replace(/<.*?>/g, ''); // replace tags
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StripHtmlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: StripHtmlPipe, name: "striphtml" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StripHtmlPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'striphtml',
-                }]
-        }] });
-
 class OnemrvaLayoutModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaLayoutModule, declarations: [LayoutComponent, LayoutContentComponent, LayoutFooterComponent, LayoutRouteComponent, LayoutSubrouteComponent, LayoutTitleComponent, LayoutSidenavTitleComponent, LayoutSidenavComponent, LayoutLoginMenuComponent, LayoutAfterNavComponent, DrawerHostDirective, StripHtmlPipe], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaLayoutModule, imports: [LayoutComponent, LayoutContentComponent, LayoutFooterComponent, LayoutRouteComponent, LayoutSubrouteComponent, LayoutTitleComponent, LayoutSidenavTitleComponent, LayoutSidenavComponent, LayoutLoginMenuComponent, LayoutAfterNavComponent, StripHtmlPipe,
+            DrawerHostDirective,
+            CommonModule,
             RouterModule,
             LayoutModule,
             MatToolbarModule,
@@ -682,12 +770,12 @@ 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: "18.2.13", ngImport: i0, type: OnemrvaLayoutModule, providers: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaLayoutModule, providers: [
             {
                 provide: MAT_SNACK_BAR_DEFAULT_OPTIONS,
                 useValue: { horizontalPosition: 'right' },
             },
-        ], imports: [CommonModule,
+        ], imports: [LayoutComponent, LayoutRouteComponent, LayoutSidenavComponent, CommonModule,
             RouterModule,
             LayoutModule,
             MatToolbarModule,
@@ -701,11 +789,14 @@ class OnemrvaLayoutModule {
             MatTooltipModule,
             TranslateModule, LayoutModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaLayoutModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [...components, DrawerHostDirective, StripHtmlPipe],
+                    declarations: [],
                     imports: [
+                        ...components,
+                        StripHtmlPipe,
+                        DrawerHostDirective,
                         CommonModule,
                         RouterModule,
                         LayoutModule,
@@ -735,5 +826,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { DrawerHostDirective, Environment, LayoutAfterNavComponent, LayoutComponent, LayoutContentComponent, LayoutDrawerActionsComponent, LayoutDrawerContentComponent, LayoutDrawerTitleComponent, LayoutFooterComponent, LayoutLoginMenuComponent, LayoutRouteComponent, LayoutSidenavComponent, LayoutSidenavTitleComponent, LayoutSubrouteComponent, LayoutTitleComponent, OnemRvaProfile, OnemrvaDrawerService, OnemrvaLayoutModule, components };
+export { CoerceBooleanInput, DrawerHostDirective, Environment, LayoutAfterNavComponent, LayoutComponent, LayoutContentComponent, LayoutDrawerActionsComponent, LayoutDrawerContentComponent, LayoutDrawerTitleComponent, LayoutFooterComponent, LayoutLoginMenuComponent, LayoutRouteComponent, LayoutSidenavComponent, LayoutSidenavTitleComponent, LayoutSubrouteComponent, LayoutTitleComponent, ObservableContent, OnemRvaProfile, OnemrvaDrawerService, OnemrvaLayoutModule, StripHtmlPipe, components };
 //# sourceMappingURL=onemrvapublic-design-system-layout.mjs.map